addCompany.vue 43 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477
  1. <template>
  2. <div class="addcompany">
  3. <div class="list">
  4. <div class="list-row" style="padding-top: 0">
  5. <div style="height: auto" class="width100">
  6. <view
  7. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  8. >
  9. <view class="input_title float_left">
  10. <span style="color: red">*&nbsp;</span> 企业名称</view
  11. >
  12. <input
  13. style="color: #777"
  14. class="input_value float_left"
  15. placeholder="请输入"
  16. v-model="form.qymc"
  17. />
  18. </view>
  19. <view
  20. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  21. >
  22. <view
  23. class="input_title float_left"
  24. style="width: 41%; white-space: break-spaces"
  25. ><span style="color: red">*&nbsp;</span>统一社会信用代码:</view
  26. >
  27. <input
  28. style="color: #777; width: 59%"
  29. class="input_value float_left"
  30. placeholder="请输入"
  31. v-model="form.shxydm"
  32. />
  33. </view>
  34. <view
  35. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  36. >
  37. <view class="input_title float_left">注册资金(万元):</view>
  38. <input
  39. style="color: #777"
  40. class="input_value float_left"
  41. placeholder="请输入"
  42. v-model="form.zczj"
  43. />
  44. </view>
  45. <view
  46. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  47. >
  48. <view class="input_title float_left">币别</view>
  49. <picker
  50. style="float: left; width: 360rpx; height: 40rpx; color: #777"
  51. @change="getBizhongtype"
  52. range-key="label"
  53. :range="dic_SelectList.CURRENCY"
  54. >
  55. <div style="width: 315rpx; float: left">
  56. {{ dic_SelectList.CURRENCY[bizhongIndex].label }}
  57. </div>
  58. <img
  59. class="height40rpx width40rpx float_left"
  60. src="../../../static/mine/youjiantou.png"
  61. alt=""
  62. />
  63. </picker>
  64. </view>
  65. <view
  66. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  67. >
  68. <view class="input_title float_left"> 注册时间: </view>
  69. <picker
  70. style="float: left; width: 360rpx; height: 40rpx; color: #777"
  71. mode="date"
  72. :value="form.zcsj"
  73. @change="getZcsj"
  74. >
  75. <div style="width: 315rpx; float: left">
  76. {{ form.zcsj == "" ? "请选择" : form.zcsj }}
  77. </div>
  78. <img
  79. class="height40rpx width40rpx float_left"
  80. src="../../../static/mine/youjiantou.png"
  81. alt=""
  82. />
  83. </picker>
  84. </view>
  85. <view
  86. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  87. >
  88. <view class="input_title float_left">
  89. <span style="color: red">*&nbsp;</span> 法定代表人:</view
  90. >
  91. <input
  92. style="color: #777"
  93. class="input_value float_left"
  94. placeholder="请输入"
  95. v-model="form.fddbr"
  96. />
  97. </view>
  98. <view
  99. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  100. >
  101. <view class="input_title float_left"> 法人电话 :</view>
  102. <input
  103. style="color: #777"
  104. class="input_value float_left"
  105. placeholder="请输入"
  106. v-model="form.legalPersonPhone"
  107. />
  108. </view>
  109. <view
  110. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  111. >
  112. <view class="input_title float_left">法人邮箱 :</view>
  113. <input
  114. style="color: #777"
  115. class="input_value float_left"
  116. placeholder="请输入"
  117. v-model="form.frEmail"
  118. />
  119. </view>
  120. <view
  121. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  122. >
  123. <view class="input_title float_left">企业联系人</view>
  124. <input
  125. style="color: #777"
  126. class="input_value float_left"
  127. placeholder="请输入"
  128. v-model="form.qylxr"
  129. />
  130. </view>
  131. <view
  132. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  133. >
  134. <view class="input_title float_left">联系人手机:</view>
  135. <input
  136. style="color: #777"
  137. class="input_value float_left"
  138. placeholder="请输入"
  139. v-model="form.lxdh"
  140. />
  141. </view>
  142. <view
  143. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  144. >
  145. <view class="input_title float_left">联系人邮箱:</view>
  146. <input
  147. style="color: #777"
  148. class="input_value float_left"
  149. placeholder="请输入"
  150. v-model="form.email"
  151. />
  152. </view>
  153. <view
  154. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  155. >
  156. <view class="input_title float_left">财务负责人:</view>
  157. <input
  158. style="color: #777"
  159. class="input_value float_left"
  160. placeholder="请输入"
  161. v-model="form.cwfzr"
  162. />
  163. </view>
  164. <view
  165. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  166. >
  167. <view class="input_title float_left"
  168. ><span style="color: red">*&nbsp;</span>负责人电话:</view
  169. >
  170. <input
  171. style="color: #777"
  172. class="input_value float_left"
  173. placeholder="请输入"
  174. v-model="form.cwfzrdh"
  175. />
  176. </view>
  177. <view
  178. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  179. >
  180. <view class="input_title float_left">其他联系方式:</view>
  181. <input
  182. style="color: #777"
  183. class="input_value float_left"
  184. placeholder="请输入"
  185. v-model="form.otherContact"
  186. />
  187. </view>
  188. <view
  189. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  190. >
  191. <view class="input_title float_left">股票代码:</view>
  192. <input
  193. style="color: #777"
  194. class="input_value float_left"
  195. placeholder="请输入"
  196. v-model="form.shareCertificateCode"
  197. />
  198. </view>
  199. <view
  200. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  201. >
  202. <view class="input_title float_left">土地面积:</view>
  203. <input
  204. style="color: #777"
  205. class="input_value float_left"
  206. placeholder="请输入"
  207. v-model="form.leaseArea"
  208. />
  209. </view>
  210. <view
  211. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  212. >
  213. <view class="input_title float_left">注册地址:</view>
  214. <input
  215. style="color: #777"
  216. class="input_value float_left"
  217. placeholder="请输入"
  218. v-model="form.zcdz"
  219. />
  220. </view>
  221. <!-- <view
  222. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  223. >
  224. <view class="input_title float_left">经营地址:</view>
  225. <input
  226. style="color: #777"
  227. class="input_value float_left"
  228. placeholder="请输入"
  229. v-model="form.jydz"
  230. />
  231. </view> -->
  232. <view
  233. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date"
  234. style="display: flex; align-items: center"
  235. >
  236. <view class="input_title float_left">
  237. <span style="color: red">*&nbsp;</span> 主营业务:</view
  238. >
  239. <div>
  240. <div
  241. style="display: flex"
  242. v-for="(item, index) in form.jyfwAry"
  243. :key="index"
  244. >
  245. <input
  246. style="color: #050505; width: 80%"
  247. class="input_value"
  248. placeholder="请输入"
  249. v-model="item.name"
  250. />
  251. <van-button
  252. v-if="index == 0"
  253. type="default"
  254. size="mini"
  255. color="#1f1fbe"
  256. @click="addJyfw()"
  257. >添加</van-button
  258. >
  259. <van-button
  260. v-if="index != 0"
  261. type="default"
  262. size="mini"
  263. color="rgba(236, 128, 141, 1)"
  264. @click="deleteJyfw(index)"
  265. >删除</van-button
  266. >
  267. </div>
  268. </div>
  269. </view>
  270. <view class="width100 mt24rpx list_date height40rpx">
  271. <view class="input_title float_left" style="width: 52%"
  272. >营业执照副本:(限1张)</view
  273. >
  274. </view>
  275. <view class="custom-image-box" style="position: relative">
  276. <van-icon
  277. v-if="form.YYZZFBZP"
  278. @click="spliceYYZZFBZP()"
  279. name="cross"
  280. style="position: absolute; top: 0; left: 282rpx; font-size: 42rpx"
  281. />
  282. <img
  283. v-if="form.YYZZFBZP"
  284. @click="chooseYYZZFBZP()"
  285. :src="BASE_URI + '/FileController/download/' + form.YYZZFBZP"
  286. style="color: #777; width: 300rpx; height: 260rpx"
  287. placeholder="请输入"
  288. />
  289. <img
  290. v-else
  291. @click="chooseYYZZFBZP()"
  292. src="../../../static/unuploadzhizhao.png"
  293. style="color: #777; width: 300rpx; height: 260rpx"
  294. placeholder="请输入"
  295. />
  296. </view>
  297. <view
  298. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height300rpxs"
  299. >
  300. <view class="input_title float_left">荣誉信息(限6张)</view>
  301. <textarea
  302. :maxlength="2000"
  303. placeholder="请输入"
  304. v-model="form.honorInformation"
  305. type="textarea"
  306. style="
  307. height: 270rpx;
  308. background: rgba(249, 249, 249, 1);
  309. padding: 20rpx;
  310. width: calc(100% - 40rpx);
  311. "
  312. />
  313. <div
  314. style="
  315. background: rgba(249, 249, 249, 1);
  316. text-align: right;
  317. padding-right: 10px;
  318. padding-bottom: 10rpx;
  319. margi-bottom: 10rpx;
  320. "
  321. >
  322. {{ form.honorInformation.length }}/2000
  323. </div>
  324. <view class="custom-image-box" style="margin-top: 20rpx">
  325. <van-uploader
  326. :max-count="6"
  327. @delete="deleteRYXXZP"
  328. :file-list="form.RYXXZPList"
  329. @after-read="uploadRYXXZP"
  330. :show-upload="true"
  331. />
  332. </view>
  333. </view>
  334. <!-- <view
  335. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height300rpxs"
  336. style="height: 170rpx"
  337. >
  338. <view class="input_title float_left" style="width: 100%"
  339. >法人身份证</view
  340. >
  341. <view class="width100" style="position: relative">
  342. <van-icon
  343. v-if="form.FRSFZHZM != '../../../static/idzhengmian.png'"
  344. @click="spliceFRSFZHZM()"
  345. name="cross"
  346. style="
  347. position: absolute;
  348. top: 32rpx;
  349. left: 133rpx;
  350. font-size: 42rpx;
  351. "
  352. />
  353. <van-icon
  354. v-if="form.FRSFZHFM != '../../../static/idfanmian.png'"
  355. @click="spliceFRSFZHFM()"
  356. name="cross"
  357. style="
  358. position: absolute;
  359. top: 32rpx;
  360. left: 300rpx;
  361. font-size: 23px;
  362. "
  363. />
  364. <img
  365. @click="chooseFRSFZHZM()"
  366. :src="
  367. form.FRSFZHZM == '../../../static/idzhengmian.png'
  368. ? form.FRSFZHZM
  369. : BASE_URI + '/FileController/download/' + form.FRSFZHZM
  370. "
  371. class="idclass margin12rpx float_left"
  372. placeholder="请输入"
  373. />
  374. <img
  375. @click="chooseFRSFZHFM()"
  376. :src="
  377. form.FRSFZHFM == '../../../static/idfanmian.png'
  378. ? form.FRSFZHFM
  379. : BASE_URI + '/FileController/download/' + form.FRSFZHFM
  380. "
  381. class="idclass margin12rpx float_left"
  382. placeholder="请输入"
  383. />
  384. </view>
  385. </view> -->
  386. </div>
  387. </div>
  388. <div class="form">
  389. <div
  390. class="form_row pdt32 pdb32 border_bottom_ccc width100"
  391. @click="chosseAboutCompany()"
  392. >
  393. <div class="float_left width30 first_title height50rpx">关联企业</div>
  394. <div
  395. class="float_left width60 whitespacenowrap first_title height50rpx font28rpx color292d98"
  396. >
  397. {{
  398. form.associationCompanyString
  399. ? form.associationCompanyString
  400. : "暂无"
  401. }}
  402. </div>
  403. <img
  404. class="height40rpx width40rpx float_right"
  405. src="../../../static/mine/youjiantou.png"
  406. alt=""
  407. />
  408. </div>
  409. <div
  410. class="form_row pdt32 pdb32 border_bottom_ccc width100"
  411. @click="getSelectUserTwo('selectDengjiyuan')"
  412. >
  413. <div class="float_left width30 first_title height50rpx">招商经理</div>
  414. <div
  415. class="float_left width60 whitespacenowrap first_title height50rpx font28rpx color292d98"
  416. >
  417. {{ form.investmentManagerString }}
  418. </div>
  419. <img
  420. class="height40rpx width40rpx float_right"
  421. src="../../../static/mine/youjiantou.png"
  422. alt=""
  423. />
  424. </div>
  425. <div class="form_row pdt32 pdb32 border_bottom_ccc width100">
  426. <div class="float_left width30 first_title height50rpx">入驻类型</div>
  427. <div
  428. class="float_left width60 whitespacenowrap first_title height50rpx font28rpx color292d98"
  429. >
  430. <picker
  431. style="float: left; width: 300rpx; height: 40rpx; color: #777"
  432. @change="getSettleInType"
  433. range-key="label"
  434. :range="dic_SelectList.MNP_BUILDING_TYPE"
  435. >
  436. <span style="color: #292d98">
  437. {{ dic_SelectList.MNP_BUILDING_TYPE[settleInTypeIndex].label }}
  438. </span>
  439. </picker>
  440. </div>
  441. <img
  442. class="height40rpx width40rpx float_right"
  443. src="../../../static/mine/youjiantou.png"
  444. alt=""
  445. />
  446. </div>
  447. <!-- <div class="form_row pdt32 pdb32 border_bottom_ccc width100">
  448. <div class="float_left width30 first_title height50rpx">入驻类型</div>
  449. <div
  450. class="float_left width60 whitespacenowrap first_title height50rpx font28rpx color292d98"
  451. >
  452. <picker
  453. style="float: left; width: 300rpx; height: 40rpx; color: #777"
  454. @change="getSettleInType"
  455. range-key="label"
  456. :range="dic_SelectList.MNP_BUILDING_TYPE"
  457. >
  458. <span style="color: #292d98">
  459. {{ dic_SelectList.MNP_BUILDING_TYPE[settleInTypeIndex].label }}
  460. </span>
  461. </picker>
  462. </div>
  463. <img
  464. class="height40rpx width40rpx float_right"
  465. src="../../../static/mine/youjiantou.png"
  466. alt=""
  467. />
  468. </div> -->
  469. </div>
  470. <div class="form">
  471. <div class="height50rpx first_title">附件:</div>
  472. <div class="fujian">
  473. <van-uploader
  474. accept="all"
  475. :max-count="6"
  476. :file-list="form.fileList"
  477. @after-read="uploadFileList"
  478. :show-upload="false"
  479. >
  480. <van-button type="primary" size="small" style="margin-bottom: 15rpx"
  481. >文件选择</van-button
  482. >
  483. </van-uploader>
  484. <div
  485. @click="openFile(item)"
  486. class="file"
  487. v-for="(item, index) in form.fileList"
  488. :key="index"
  489. >
  490. <div class="filename">{{ item.name }}</div>
  491. <uni-icons
  492. type="closeempty"
  493. size="20"
  494. @click="deleteFileList(index)"
  495. ></uni-icons>
  496. </div>
  497. </div>
  498. </div>
  499. <div class="form">
  500. <div class="first_title" style="height: auto">关联社会载体:</div>
  501. <div
  502. class="form_row pdt32 pdb32 border_bottom_ccc width100"
  503. style="display: flex; height: auto; align-items: center"
  504. >
  505. <div class="width30 first_title" style="height: auto">自有:</div>
  506. <div
  507. @click="jumpChosseHouse('自有')"
  508. style="width: 65%"
  509. class="float_left font28rpx color292d98"
  510. >
  511. {{
  512. form.socialCarrierStrName ? form.socialCarrierStrName : "请选择"
  513. }}
  514. </div>
  515. <img
  516. class="height40rpx width40rpx"
  517. src="../../../static/mine/youjiantou.png"
  518. alt=""
  519. />
  520. </div>
  521. <div
  522. class="form_row pdt32 pdb32 border_bottom_ccc width100"
  523. style="display: flex; height: auto; align-items: center"
  524. >
  525. <div class="width30 first_title" style="height: auto">租赁:</div>
  526. <div
  527. @click="jumpChosseHouse('租赁')"
  528. style="width: 65%"
  529. class="float_left font28rpx color292d98"
  530. >
  531. {{
  532. form.socialCarrierLeaseStrName
  533. ? form.socialCarrierLeaseStrName
  534. : "请选择"
  535. }}
  536. </div>
  537. <img
  538. class="height40rpx width40rpx"
  539. src="../../../static/mine/youjiantou.png"
  540. alt=""
  541. />
  542. </div>
  543. <div
  544. class="form_row pdt32 pdb32 border_bottom_ccc width100"
  545. style="display: flex; height: auto; align-items: center"
  546. >
  547. <div class="width30 first_title" style="height: auto">未确定:</div>
  548. <div
  549. @click="jumpChosseHouse('未确定')"
  550. style="width: 65%"
  551. class="float_left font28rpx color292d98"
  552. >
  553. {{
  554. form.socialCarrierNoTrueName
  555. ? form.socialCarrierNoTrueName
  556. : "请选择"
  557. }}
  558. </div>
  559. <img
  560. class="height40rpx width40rpx"
  561. src="../../../static/mine/youjiantou.png"
  562. alt=""
  563. />
  564. </div>
  565. <!-- <div
  566. style="height: 45px; width: 500px; background: black"
  567. ></div> -->
  568. </div>
  569. <div class="form">
  570. <div class="first_title" style="height: auto">关联自有载体:</div>
  571. <!-- <div
  572. class="form_row pdt32 pdb32 border_bottom_ccc width100"
  573. style="display: flex; height: auto; align-items: center"
  574. >
  575. <div class="width30 first_title" style="height: auto">
  576. 有合同
  577. <br />
  578. <van-button
  579. type="default"
  580. size="mini"
  581. color="#1f1fbe"
  582. @click="jumpAddZati()"
  583. >添加</van-button
  584. >
  585. </div>
  586. <div
  587. @click="jumpChosseHouse('有合同')"
  588. style="width: 65%"
  589. class="float_left font28rpx color292d98"
  590. >
  591. {{ form.socialCarrierName ? form.socialCarrierName : "请选择载体" }}
  592. </div>
  593. <img
  594. class="height40rpx width40rpx"
  595. src="../../../static/mine/youjiantou.png"
  596. alt=""
  597. />
  598. </div> -->
  599. <div
  600. class="form_row pdt32 pdb32 border_bottom_ccc width100"
  601. style="display: flex; height: auto; align-items: center"
  602. >
  603. <div class="width30 first_title" style="height: auto">无合同:</div>
  604. <div
  605. @click="jumpChosseHouse('无合同')"
  606. style="width: 65%"
  607. class="float_left font28rpx color292d98"
  608. >
  609. {{
  610. form.contractCarrierNoStrName
  611. ? form.contractCarrierNoStrName
  612. : "请选择"
  613. }}
  614. </div>
  615. <img
  616. class="height40rpx width40rpx"
  617. src="../../../static/mine/youjiantou.png"
  618. alt=""
  619. />
  620. </div>
  621. <!-- <div
  622. style="height: 45px; width: 500px; background: black"
  623. ></div> -->
  624. </div>
  625. <div class="save_button" @click="save()">保存</div>
  626. </div>
  627. <tki-tree
  628. ref="selectDengjiyuan"
  629. :multiple="true"
  630. :range="range"
  631. :selectParent="true"
  632. :foldAll="true"
  633. rangeKey="name"
  634. idKey="id"
  635. @confirm="selectDengjiyuan"
  636. >
  637. </tki-tree>
  638. <uni-file-picker v-show="false" ref="files" :auto-upload="false" />
  639. <multiple-select
  640. v-model="show"
  641. @getCompanyAll="getCompanyAll"
  642. :data="companyAllList"
  643. :default-selected="defaultSelected"
  644. @confirm="confirm"
  645. ref="multipleSelect"
  646. />
  647. </div>
  648. </template>
  649. <script>
  650. const form = {
  651. socialCarrierLeaseStr: "",
  652. socialCarrierLeaseStrName: "",
  653. socialCarrierNoTrue: "",
  654. socialCarrierNoTrueName: "",
  655. socialCarrierStr: "",
  656. socialCarrierName: "",
  657. socialCarrierStrName: "",
  658. settleInType: null,
  659. FRSFZHZM: "../../../static/idzhengmian.png",
  660. FRSFZHFM: "../../../static/idfanmian.png",
  661. YYZZFBZP: "",
  662. investmentManagerString: "",
  663. investmentManager: "",
  664. associationCompanyString: "",
  665. associationCompany: "",
  666. zcsj: "",
  667. createdBy: "",
  668. projectType: 1,
  669. successTime: "",
  670. companyId: null,
  671. xiangguanren: "",
  672. xinxidengji: "",
  673. xiangmudengji: "",
  674. relevantUserId: "",
  675. manageMessengerId: "",
  676. xiangmudengjiIds: "",
  677. genzongbumen: "",
  678. genzongbumenIds: "",
  679. xiangguanbumen: "",
  680. relevantDepId: "",
  681. fangyuanlistIds: "",
  682. zaitilistIds: "",
  683. projectManager: "",
  684. managerPhone: "",
  685. projectName: "",
  686. projectInfo: "",
  687. projectRemark: "",
  688. honorInformation: "",
  689. jyfwAry: [{ name: "" }],
  690. RYXXZPList: [],
  691. RYXXZP: "",
  692. fileList: [],
  693. file: "",
  694. frEmail: "",
  695. zscqgs: "",
  696. fddbr: "",
  697. };
  698. import multipleSelect from "./momo-multipleSelect";
  699. import tkiTree from "../../subPackages/components/tkitree/tkitree.vue";
  700. import tools from "../../subPackages/components/tkitree/tools.js";
  701. import {
  702. companyExamineAdd,
  703. getSelectUserTwo,
  704. getSelectDeptTwo,
  705. getByCodes,
  706. getCompanyAll,
  707. getUserLocalStorageInfo,
  708. findRoomInfoListByIds,
  709. } from "@/js_sdk/http";
  710. export default {
  711. components: {
  712. multipleSelect,
  713. tkiTree,
  714. },
  715. data() {
  716. return {
  717. treeData6: [],
  718. treeData4: [],
  719. BASE_URI: this.$constant.BASE_URI,
  720. companyAllList: [],
  721. defaultSelected: [],
  722. show: false,
  723. bizhongIndex: 0,
  724. settleInTypeIndex: 0,
  725. range: [],
  726. zaitiList: [],
  727. imageStyles: {},
  728. listStyles: {},
  729. fileLists: [],
  730. activeNames: [],
  731. StatusBar: 0,
  732. dic_key: [
  733. "PROPERTY_NATURE",
  734. "HOUSE_USAGE",
  735. "CURRENCY",
  736. "MNP_BUILDING_TYPE",
  737. ],
  738. dic_SelectList: {},
  739. search: {
  740. pageSize: 10,
  741. pageNum: 1,
  742. },
  743. zaitikey: "",
  744. form: { ...form },
  745. companyAllList: [],
  746. value: ["0"],
  747. modeIndex: -1,
  748. styleIndex: -1,
  749. current: 0,
  750. mode: "default",
  751. dotsStyles: {},
  752. swiperDotIndex: 0,
  753. };
  754. },
  755. onLoad() {
  756. this.getByCodes();
  757. this.getCompanyAll();
  758. },
  759. onShow() {
  760. let that = this;
  761. uni.$on("getuser", function (e) {
  762. console.log(e);
  763. findRoomInfoListByIds(e.result.join(",")).then((data) => {
  764. let roomString = data.map((e) => {
  765. return e.roomString;
  766. });
  767. let ids = data.map((e) => {
  768. return e.id;
  769. });
  770. if (e.housetype == "自有") {
  771. that.form.socialCarrierStr = ids.join(",");
  772. that.form.socialCarrierStrName = roomString.join(",");
  773. }
  774. if (e.housetype == "租赁") {
  775. that.form.socialCarrierLeaseStr = ids.join(",");
  776. that.form.socialCarrierLeaseStrName = roomString.join(",");
  777. console.log(roomString);
  778. }
  779. if (e.housetype == "未确定") {
  780. that.form.socialCarrierNoTrue = ids.join(",");
  781. that.form.socialCarrierNoTrueName = roomString.join(",");
  782. console.log(roomString);
  783. }
  784. if (e.housetype == "无合同") {
  785. that.form.contractCarrierNoStr = ids.join(",");
  786. that.form.contractCarrierNoStrName = roomString.join(",");
  787. console.log(
  788. "that.form.contractCarrierNoStr",
  789. that.form.contractCarrierNoStr
  790. );
  791. console.log(
  792. "that.form.contractCarrierNoStrName",
  793. that.form.contractCarrierNoStrName
  794. );
  795. }
  796. if (e.housetype == "有合同") {
  797. that.form.socialCarrierStr = ids.join(",");
  798. that.form.socialCarrierName = roomString.join(",");
  799. }
  800. that.form = { ...that.form };
  801. this.$forceUpdate();
  802. });
  803. });
  804. },
  805. methods: {
  806. openFile(item) {
  807. uni.downloadFile({
  808. url: item.url,
  809. success: function (res) {
  810. var filePath = res.tempFilePath;
  811. console.log("下载文件:", res);
  812. uni.openDocument({
  813. filePath: filePath,
  814. success: function (res) {
  815. console.log("打开文档成功");
  816. },
  817. fail: function (res) {
  818. console.log("uni.openDocument,fail");
  819. console.log(res);
  820. },
  821. complete: function (res) {
  822. console.log("uni.openDocument,complete");
  823. console.log(res);
  824. },
  825. });
  826. },
  827. fail: function (res) {
  828. console.log("uni.downloadFile,fail");
  829. console.log(res);
  830. },
  831. complete: function (res) {
  832. console.log("uni.downloadFile,complete");
  833. console.log(res);
  834. },
  835. });
  836. console.log(item);
  837. },
  838. jumpChosseHouse(e) {
  839. uni.navigateTo({
  840. url: "/pages/subPackages/chosseHouse/chosseHouse?housetype=" + e,
  841. });
  842. },
  843. async openZaitiTree() {
  844. this.$refs.zaitiTree._show();
  845. },
  846. jumpAddZati() {
  847. uni.navigateTo({
  848. url: "/pages/subPackages/addZaiti/index",
  849. });
  850. },
  851. addJyfw() {
  852. console.log(this.form.jyfwAry);
  853. this.form.jyfwAry = [...this.form.jyfwAry, { name: "" }];
  854. },
  855. deleteJyfw(i) {
  856. this.form.jyfwAry.splice(i, 1);
  857. },
  858. async selectZaiti(e) {
  859. console.log(e);
  860. let ids = [];
  861. let names = [];
  862. for (let i = 0; i < e.length; i++) {
  863. ids.push(e[i].id);
  864. names.push(e[i].label);
  865. }
  866. this.form.socialCarrierStr = ids.join(",");
  867. this.form.socialCarrierName = names.join(",");
  868. },
  869. selectZaiti4(e) {
  870. console.log(e);
  871. let ids = [];
  872. let names = [];
  873. for (let i = 0; i < e.length; i++) {
  874. ids.push(e[i].id);
  875. names.push(e[i].label);
  876. }
  877. this.form[this.zaitiKey] = ids.join(",");
  878. this.form[this.zaitiName] = names.join(",");
  879. },
  880. selectZaiti1(e) {
  881. console.log(e);
  882. let ids = [];
  883. let names = [];
  884. for (let i = 0; i < e.length; i++) {
  885. if (e[i].id) {
  886. ids.push(e[i].id);
  887. }
  888. names.push(e[i].label);
  889. }
  890. this.form[this.zaitiKey] = ids.join(",");
  891. this.form[this.zaitiName] = names.join(",");
  892. },
  893. chooseFRSFZHFM() {
  894. let that = this;
  895. if (that.form.FRSFZHFM == "../../../static/idfanmian.png") {
  896. uni.chooseImage({
  897. count: 1, //默认9
  898. sizeType: "original", //可以指定是原图还是压缩图,默认二者都有
  899. success: function (res) {
  900. uni.uploadFile({
  901. url: that.$constant.BASE_URI + "/wx/fileController/upload",
  902. filePath: res.tempFilePaths[0],
  903. name: "file",
  904. formData: { user: "test" },
  905. success(res) {
  906. // 上传完成需要更新 fileList
  907. let data = JSON.parse(res.data);
  908. that.form.FRSFZHFM = data.data[0];
  909. },
  910. fail(res) {},
  911. });
  912. },
  913. });
  914. } else {
  915. uni.previewImage({
  916. urls: [
  917. this.BASE_URI + "/FileController/download/" + that.form.FRSFZHFM,
  918. ],
  919. longPressActions: {
  920. itemList: ["发送给朋友", "保存图片", "收藏"],
  921. success: function (data) {},
  922. fail: function (err) {},
  923. },
  924. });
  925. }
  926. },
  927. spliceFRSFZHZM() {
  928. this.form.FRSFZHZM = "../../../static/idzhengmian.png";
  929. },
  930. spliceFRSFZHFM() {
  931. this.form.FRSFZHFM = "../../../static/idfanmian.png";
  932. },
  933. chooseFRSFZHZM() {
  934. let that = this;
  935. if (that.form.FRSFZHZM == "../../../static/idzhengmian.png") {
  936. uni.chooseImage({
  937. count: 1, //默认9
  938. sizeType: "original", //可以指定是原图还是压缩图,默认二者都有
  939. success: function (res) {
  940. uni.uploadFile({
  941. url: that.$constant.BASE_URI + "/wx/fileController/upload",
  942. filePath: res.tempFilePaths[0],
  943. name: "file",
  944. formData: { user: "test" },
  945. success(res) {
  946. // 上传完成需要更新 fileList
  947. let data = JSON.parse(res.data);
  948. that.form.FRSFZHZM = data.data[0];
  949. },
  950. fail(res) {},
  951. });
  952. },
  953. });
  954. } else {
  955. uni.previewImage({
  956. urls: [
  957. this.BASE_URI + "/FileController/download/" + that.form.FRSFZHZM,
  958. ],
  959. longPressActions: {
  960. itemList: ["发送给朋友", "保存图片", "收藏"],
  961. success: function (data) {},
  962. fail: function (err) {},
  963. },
  964. });
  965. }
  966. },
  967. deleteRYXXZP(event) {
  968. this.form.RYXXZPList.splice(event.detail.index, 1);
  969. },
  970. deleteFileList(event) {
  971. this.form.fileList.splice(event.detail.index, 1);
  972. },
  973. uploadFileList(event) {
  974. let that = this;
  975. that.form.fileList = !that.form.fileList ? [] : that.form.fileList;
  976. const { file } = event.detail;
  977. uni.uploadFile({
  978. url: that.$constant.BASE_URI + "/wx/fileController/upload2",
  979. filePath: file.url,
  980. name: "file",
  981. formData: { user: "test" },
  982. success(res) {
  983. // 上传完成需要更新 fileList
  984. let data = JSON.parse(res.data);
  985. that.form.fileList.push({
  986. name: JSON.parse(data.data[0]).name,
  987. size: JSON.parse(data.data[0]).size,
  988. imgUrl: "/FileController/download/" + data.data[1],
  989. id: data.data[1],
  990. url:
  991. that.$constant.BASE_URI +
  992. "/FileController/download/" +
  993. data.data[1],
  994. });
  995. },
  996. fail(res) {},
  997. });
  998. },
  999. uploadRYXXZP(event) {
  1000. let that = this;
  1001. const { file } = event.detail;
  1002. uni.uploadFile({
  1003. url: that.$constant.BASE_URI + "/wx/fileController/upload",
  1004. filePath: file.url,
  1005. name: "file",
  1006. formData: { user: "test" },
  1007. success(res) {
  1008. // 上传完成需要更新 fileList
  1009. let data = JSON.parse(res.data);
  1010. that.form.RYXXZPList.push({
  1011. imgUrl: "/FileController/download/" + data.data[0],
  1012. id: data.data[0],
  1013. url:
  1014. that.$constant.BASE_URI +
  1015. "/FileController/download/" +
  1016. data.data[0],
  1017. isImage: true,
  1018. });
  1019. },
  1020. fail(res) {},
  1021. });
  1022. },
  1023. spliceYYZZFBZP() {
  1024. this.form.YYZZFBZP = null;
  1025. },
  1026. chooseYYZZFBZP() {
  1027. let that = this;
  1028. if (!that.form.YYZZFBZP) {
  1029. uni.chooseImage({
  1030. count: 1, //默认9
  1031. sizeType: "original", //可以指定是原图还是压缩图,默认二者都有
  1032. success: function (res) {
  1033. uni.uploadFile({
  1034. url: that.$constant.BASE_URI + "/wx/fileController/upload",
  1035. filePath: res.tempFilePaths[0],
  1036. name: "file",
  1037. formData: { user: "test" },
  1038. success(res) {
  1039. // 上传完成需要更新 fileList
  1040. let data = JSON.parse(res.data);
  1041. that.form.YYZZFBZP = data.data[0];
  1042. },
  1043. fail(res) {},
  1044. });
  1045. },
  1046. });
  1047. } else {
  1048. uni.previewImage({
  1049. urls: [
  1050. this.BASE_URI + "/FileController/download/" + that.form.YYZZFBZP,
  1051. ],
  1052. longPressActions: {
  1053. itemList: ["发送给朋友", "保存图片", "收藏"],
  1054. success: function (data) {},
  1055. fail: function (err) {},
  1056. },
  1057. });
  1058. }
  1059. },
  1060. confirm(e) {
  1061. var associationCompanyString = [];
  1062. var associationCompany = [];
  1063. for (var p in e) {
  1064. associationCompanyString.push(e[p].label);
  1065. associationCompany.push(e[p].value);
  1066. }
  1067. this.form.associationCompanyString = associationCompanyString.join(",");
  1068. this.form.associationCompany = associationCompany.join(",");
  1069. },
  1070. chosseAboutCompany() {
  1071. this.show = true;
  1072. this.$refs.multipleSelect.getAllList(this.companyAllList);
  1073. },
  1074. async getCompanyAll(e) {
  1075. let name = e ? e : "";
  1076. let companyAllList = await getCompanyAll(name);
  1077. this.companyAllList = companyAllList.map((e) => {
  1078. return {
  1079. label: e.qymc,
  1080. value: e.id,
  1081. };
  1082. });
  1083. this.$refs.multipleSelect.getAllList(this.companyAllList);
  1084. },
  1085. async getByCodes() {
  1086. let data = await getByCodes(JSON.stringify(this.dic_key));
  1087. this.dic_SelectList = this.$common.handleDicList(data);
  1088. this.form.settleInType = this.dic_SelectList.MNP_BUILDING_TYPE[0].value;
  1089. this.form.currency = this.dic_SelectList.CURRENCY[0].value;
  1090. this.bizhongIndex = 0;
  1091. },
  1092. getjieduan(e) {},
  1093. getZcsj: function (e) {
  1094. this.form.zcsj = e.detail.value;
  1095. },
  1096. async addyixiang() {
  1097. let data = await addyixiang(this.form);
  1098. if (data.code == 200) {
  1099. uni.navigateBack({});
  1100. }
  1101. },
  1102. getQymc(index) {
  1103. let that = this;
  1104. that.form.companyId = that.companyList[index].id;
  1105. return that.companyList[index].qymc;
  1106. },
  1107. getBizhongtype(e) {
  1108. let that = this;
  1109. that.form.currency = that.dic_SelectList.CURRENCY[e.detail.value].value;
  1110. that.bizhongIndex = e.detail.value;
  1111. },
  1112. getSettleInType(e) {
  1113. let that = this;
  1114. that.form.settleInType =
  1115. that.dic_SelectList.MNP_BUILDING_TYPE[e.detail.value].value;
  1116. that.settleInTypeIndex = e.detail.value;
  1117. },
  1118. async findCompanyList() {
  1119. let data = await findCompanyList();
  1120. this.companyList = data;
  1121. this.companyList[0].id;
  1122. },
  1123. zaitiListSplice(index) {
  1124. this.zaitiList.splice(index, 1);
  1125. },
  1126. // /wx/SaleController/findRoomInfoListByIds
  1127. async findRoomInfoListByIds() {
  1128. let data = await findRoomInfoListByIds(ids);
  1129. return data;
  1130. },
  1131. xiangmudengji(e) {
  1132. var names = [];
  1133. var ids = [];
  1134. for (var p in e) {
  1135. if (e[p].type == "u") {
  1136. names.push(e[p].name);
  1137. ids.push(e[p].id);
  1138. }
  1139. }
  1140. this.form.xiangmudengji = names.join(",");
  1141. this.form.xiangmudengjiIds = ids.join(",");
  1142. },
  1143. selectGenzongDep(e) {
  1144. var names = [];
  1145. var ids = [];
  1146. for (var p in e) {
  1147. names.push(e[p].name);
  1148. ids.push(e[p].id);
  1149. }
  1150. this.form.genzongbumen = names.join(",");
  1151. this.form.genzongbumenIds = ids.join(",");
  1152. },
  1153. selectXiangguanDep(e) {
  1154. var names = [];
  1155. var ids = [];
  1156. for (var p in e) {
  1157. names.push(e[p].name);
  1158. ids.push(e[p].id);
  1159. }
  1160. this.form.xiangguanbumen = names.join(",");
  1161. this.form.relevantDepId = ids.join(",");
  1162. },
  1163. selectDengjiyuan(e) {
  1164. var names = [];
  1165. var ids = [];
  1166. for (var p in e) {
  1167. if (e[p].type == "u") {
  1168. names.push(e[p].name);
  1169. ids.push(e[p].id);
  1170. }
  1171. }
  1172. this.form.investmentManagerString = names.join(",");
  1173. this.form.investmentManager = ids.join(",");
  1174. },
  1175. userSelectorConfirm(e) {
  1176. var names = [];
  1177. var ids = [];
  1178. for (var p in e) {
  1179. if (e[p].type == "u") {
  1180. names.push(e[p].name);
  1181. ids.push(e[p].id);
  1182. }
  1183. }
  1184. this.form.xiangguanren = names.join(",");
  1185. this.form.relevantUserId = ids.join(",");
  1186. },
  1187. // 取消回调事件
  1188. treeCancel(e) {},
  1189. // openZaitiTree
  1190. async getSelectUserTwo(key) {
  1191. let that = this;
  1192. let departmentList = await getSelectUserTwo("");
  1193. that.range = tools.transData(
  1194. departmentList.data,
  1195. "id",
  1196. "parentid",
  1197. "children"
  1198. );
  1199. that.$refs[key]._show();
  1200. },
  1201. async getSelectDeptTwo(key) {
  1202. let that = this;
  1203. let departmentList = await getSelectDeptTwo("");
  1204. that.range = tools.transData(
  1205. departmentList.data,
  1206. "id",
  1207. "parentid",
  1208. "children"
  1209. );
  1210. that.$refs[key]._show();
  1211. },
  1212. binddata() {},
  1213. submit() {},
  1214. checkFormValue() {
  1215. let that = this;
  1216. // if (that.form.zcsj == "") {
  1217. // that.$showToast("请选择注册时间");
  1218. // return false;
  1219. // }
  1220. if (that.form.fddbr == "" || !that.form.fddbr) {
  1221. that.$showToast("请输入法人电话");
  1222. return false;
  1223. }
  1224. if (that.form.fddbr == "" || !that.form.fddbr) {
  1225. that.$showToast("请输入法定代表人");
  1226. return false;
  1227. }
  1228. if (that.form.jyfwAry.length == 0 || !that.form.fddbr) {
  1229. that.$showToast("请输入主营业务");
  1230. return false;
  1231. }
  1232. if (that.form.qymc == "" || !that.form.qymc) {
  1233. that.$showToast("请输入企业名称");
  1234. return false;
  1235. }
  1236. if (that.form.shxydm == "" || !that.form.shxydm) {
  1237. that.$showToast("请输入社会统一信用代码");
  1238. return false;
  1239. }
  1240. if (that.form.cwfzrdh == "" || !that.form.cwfzrdh) {
  1241. that.$showToast("请输入负责人电话");
  1242. return false;
  1243. }
  1244. return true;
  1245. },
  1246. async save() {
  1247. let that = this;
  1248. if (!this.checkFormValue()) return; //判断一下有没有没填的字段
  1249. let RYXXZP = [];
  1250. let fileList = [];
  1251. let jyfwAry = [];
  1252. if (that.form.RYXXZPList.length > 0) {
  1253. RYXXZP = that.form.RYXXZPList.map((e) => e.id);
  1254. }
  1255. if (that.form.fileList.length > 0) {
  1256. fileList = that.form.fileList.map((e) => e.id);
  1257. }
  1258. if (that.form.jyfwAry.length > 0) {
  1259. jyfwAry = that.form.jyfwAry.map((e) => e.name);
  1260. }
  1261. that.form.ryxxzp = RYXXZP.toString();
  1262. that.form.file = fileList.toString();
  1263. let zm = that.form.FRSFZHZM == form.FRSFZHZM ? "" : that.form.FRSFZHZM;
  1264. let fm = that.form.FRSFZHFM == form.FRSFZHFM ? "" : that.form.FRSFZHFM;
  1265. that.form.frsfzh = zm + "," + fm;
  1266. that.form.jyfw = jyfwAry.join(",");
  1267. that.form.yyzzfbzp = that.form.YYZZFBZP;
  1268. that.form.czr = getUserLocalStorageInfo().user.truename;
  1269. that.form.czrid = getUserLocalStorageInfo().user.id;
  1270. let data = await companyExamineAdd(that.form);
  1271. if (data.code == 200) {
  1272. that.$showToast("新增成功");
  1273. uni.navigateBack({});
  1274. } else {
  1275. that.$showToast(data.msg);
  1276. }
  1277. },
  1278. chossseFile() {
  1279. this.$refs.files.upload();
  1280. },
  1281. onChange(event) {
  1282. this.activeNames = event.detail;
  1283. },
  1284. },
  1285. };
  1286. </script>
  1287. <style scoped lang="scss" scpoed>
  1288. .save_button {
  1289. width: calc(100% - 64rpx);
  1290. margin: 64rpx 32rpx 0 32rpx;
  1291. background: #1d18bc;
  1292. border-radius: 50rpx;
  1293. height: 88rpx;
  1294. color: white;
  1295. text-align: center;
  1296. line-height: 88rpx;
  1297. }
  1298. .form {
  1299. width: calc(100% - 64rpx);
  1300. background: #ffffff;
  1301. padding: 32rpx;
  1302. margin-top: 64rpx;
  1303. .label {
  1304. height: 53rpx;
  1305. line-height: 53rpx;
  1306. }
  1307. }
  1308. .form_row {
  1309. height: 40rpx;
  1310. font-weight: 400;
  1311. font-size: 24rpx;
  1312. }
  1313. .zaiti_list {
  1314. width: 100%;
  1315. height: 50rpx;
  1316. line-height: 50rpx;
  1317. }
  1318. .idclass {
  1319. width: 147rpx;
  1320. height: 100rpx;
  1321. }
  1322. .dengjibutton {
  1323. margin-top: 24rpx;
  1324. margin-left: 60rpx;
  1325. margin-right: 60rpx;
  1326. width: calc(100% - 120rpx);
  1327. height: 60rpx;
  1328. text-align: center;
  1329. background: #1d18bc;
  1330. color: white;
  1331. line-height: 60rpx;
  1332. }
  1333. .addcompany {
  1334. margin-bottom: 200rpx;
  1335. }
  1336. .addcompany {
  1337. .detailstitle {
  1338. height: 42rpx;
  1339. font-size: 30rpx;
  1340. font-weight: 500;
  1341. color: #333333;
  1342. padding-bottom: 16rpx;
  1343. }
  1344. .typestitle {
  1345. height: 42rpx;
  1346. font-size: 24rpx;
  1347. font-weight: 500;
  1348. padding-bottom: 16rpx;
  1349. margin-bottom: 16rpx;
  1350. }
  1351. }
  1352. </style>
  1353. <style lang="scss">
  1354. .fujian {
  1355. .van-uploader__preview {
  1356. display: none;
  1357. }
  1358. }
  1359. .file {
  1360. display: flex;
  1361. width: 100%;
  1362. flex: 1;
  1363. font-size: 14px;
  1364. color: #666;
  1365. /* margin-right: 25px; */
  1366. word-break: break-all;
  1367. word-wrap: break-word;
  1368. margin-bottom: 15rpx;
  1369. align-items: center;
  1370. justify-content: space-between;
  1371. }
  1372. .filename {
  1373. width: 80%;
  1374. overflow: hidden;
  1375. overflow: hidden;
  1376. white-space: nowrap;
  1377. text-overflow: ellipsis;
  1378. }
  1379. ::v-deep .is-open + .uni-collapse-item__wrap {
  1380. height: auto !important;
  1381. }
  1382. ::v-deep .uni-collapse-item__wrap-content {
  1383. height: auto !important;
  1384. }
  1385. .pageconfig {
  1386. background: #ffffff;
  1387. padding: 32rpx;
  1388. }
  1389. .input_title {
  1390. width: 40%;
  1391. font-size: 28rpx;
  1392. height: 40rpx;
  1393. line-height: 40rpx;
  1394. color: #333333;
  1395. }
  1396. .input_value {
  1397. width: 60%;
  1398. font-size: 28rpx;
  1399. height: 40rpx;
  1400. line-height: 40rpx;
  1401. color: #777777;
  1402. }
  1403. .uni-collapse-item__title-box {
  1404. padding: 0 !important;
  1405. }
  1406. .uni-collapse-item__title-text {
  1407. color: #1d18bc !important;
  1408. font-size: 32rpx !important;
  1409. }
  1410. </style>
  1411. <style lang="scss">
  1412. .example-body {
  1413. padding: 10px;
  1414. padding-top: 0;
  1415. }
  1416. .custom-image-box {
  1417. /* #ifndef APP-NVUE */
  1418. display: flex;
  1419. /* #endif */
  1420. flex-direction: row;
  1421. justify-content: space-between;
  1422. align-items: center;
  1423. }
  1424. .text {
  1425. font-size: 14px;
  1426. color: #333;
  1427. }
  1428. .uni-file-picker__item {
  1429. display: none;
  1430. }
  1431. .uploadbutton {
  1432. width: 162rpx;
  1433. height: 44rpx;
  1434. }
  1435. </style>