addCompany.vue 43 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478
  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. if (!e || e.length == 0) return;
  1077. let companyAllList = await getCompanyAll(name);
  1078. this.companyAllList = companyAllList.map((e) => {
  1079. return {
  1080. label: e.qymc,
  1081. value: e.id,
  1082. };
  1083. });
  1084. this.$refs.multipleSelect.getAllList(this.companyAllList);
  1085. },
  1086. async getByCodes() {
  1087. let data = await getByCodes(JSON.stringify(this.dic_key));
  1088. this.dic_SelectList = this.$common.handleDicList(data);
  1089. this.form.settleInType = this.dic_SelectList.MNP_BUILDING_TYPE[0].value;
  1090. this.form.currency = this.dic_SelectList.CURRENCY[0].value;
  1091. this.bizhongIndex = 0;
  1092. },
  1093. getjieduan(e) {},
  1094. getZcsj: function (e) {
  1095. this.form.zcsj = e.detail.value;
  1096. },
  1097. async addyixiang() {
  1098. let data = await addyixiang(this.form);
  1099. if (data.code == 200) {
  1100. uni.navigateBack({});
  1101. }
  1102. },
  1103. getQymc(index) {
  1104. let that = this;
  1105. that.form.companyId = that.companyList[index].id;
  1106. return that.companyList[index].qymc;
  1107. },
  1108. getBizhongtype(e) {
  1109. let that = this;
  1110. that.form.currency = that.dic_SelectList.CURRENCY[e.detail.value].value;
  1111. that.bizhongIndex = e.detail.value;
  1112. },
  1113. getSettleInType(e) {
  1114. let that = this;
  1115. that.form.settleInType =
  1116. that.dic_SelectList.MNP_BUILDING_TYPE[e.detail.value].value;
  1117. that.settleInTypeIndex = e.detail.value;
  1118. },
  1119. async findCompanyList() {
  1120. let data = await findCompanyList();
  1121. this.companyList = data;
  1122. this.companyList[0].id;
  1123. },
  1124. zaitiListSplice(index) {
  1125. this.zaitiList.splice(index, 1);
  1126. },
  1127. // /wx/SaleController/findRoomInfoListByIds
  1128. async findRoomInfoListByIds() {
  1129. let data = await findRoomInfoListByIds(ids);
  1130. return data;
  1131. },
  1132. xiangmudengji(e) {
  1133. var names = [];
  1134. var ids = [];
  1135. for (var p in e) {
  1136. if (e[p].type == "u") {
  1137. names.push(e[p].name);
  1138. ids.push(e[p].id);
  1139. }
  1140. }
  1141. this.form.xiangmudengji = names.join(",");
  1142. this.form.xiangmudengjiIds = ids.join(",");
  1143. },
  1144. selectGenzongDep(e) {
  1145. var names = [];
  1146. var ids = [];
  1147. for (var p in e) {
  1148. names.push(e[p].name);
  1149. ids.push(e[p].id);
  1150. }
  1151. this.form.genzongbumen = names.join(",");
  1152. this.form.genzongbumenIds = ids.join(",");
  1153. },
  1154. selectXiangguanDep(e) {
  1155. var names = [];
  1156. var ids = [];
  1157. for (var p in e) {
  1158. names.push(e[p].name);
  1159. ids.push(e[p].id);
  1160. }
  1161. this.form.xiangguanbumen = names.join(",");
  1162. this.form.relevantDepId = ids.join(",");
  1163. },
  1164. selectDengjiyuan(e) {
  1165. var names = [];
  1166. var ids = [];
  1167. for (var p in e) {
  1168. if (e[p].type == "u") {
  1169. names.push(e[p].name);
  1170. ids.push(e[p].id);
  1171. }
  1172. }
  1173. this.form.investmentManagerString = names.join(",");
  1174. this.form.investmentManager = ids.join(",");
  1175. },
  1176. userSelectorConfirm(e) {
  1177. var names = [];
  1178. var ids = [];
  1179. for (var p in e) {
  1180. if (e[p].type == "u") {
  1181. names.push(e[p].name);
  1182. ids.push(e[p].id);
  1183. }
  1184. }
  1185. this.form.xiangguanren = names.join(",");
  1186. this.form.relevantUserId = ids.join(",");
  1187. },
  1188. // 取消回调事件
  1189. treeCancel(e) {},
  1190. // openZaitiTree
  1191. async getSelectUserTwo(key) {
  1192. let that = this;
  1193. let departmentList = await getSelectUserTwo("");
  1194. that.range = tools.transData(
  1195. departmentList.data,
  1196. "id",
  1197. "parentid",
  1198. "children"
  1199. );
  1200. that.$refs[key]._show();
  1201. },
  1202. async getSelectDeptTwo(key) {
  1203. let that = this;
  1204. let departmentList = await getSelectDeptTwo("");
  1205. that.range = tools.transData(
  1206. departmentList.data,
  1207. "id",
  1208. "parentid",
  1209. "children"
  1210. );
  1211. that.$refs[key]._show();
  1212. },
  1213. binddata() {},
  1214. submit() {},
  1215. checkFormValue() {
  1216. let that = this;
  1217. // if (that.form.zcsj == "") {
  1218. // that.$showToast("请选择注册时间");
  1219. // return false;
  1220. // }
  1221. if (that.form.fddbr == "" || !that.form.fddbr) {
  1222. that.$showToast("请输入法人电话");
  1223. return false;
  1224. }
  1225. if (that.form.fddbr == "" || !that.form.fddbr) {
  1226. that.$showToast("请输入法定代表人");
  1227. return false;
  1228. }
  1229. if (that.form.jyfwAry.length == 0 || !that.form.fddbr) {
  1230. that.$showToast("请输入主营业务");
  1231. return false;
  1232. }
  1233. if (that.form.qymc == "" || !that.form.qymc) {
  1234. that.$showToast("请输入企业名称");
  1235. return false;
  1236. }
  1237. if (that.form.shxydm == "" || !that.form.shxydm) {
  1238. that.$showToast("请输入社会统一信用代码");
  1239. return false;
  1240. }
  1241. if (that.form.cwfzrdh == "" || !that.form.cwfzrdh) {
  1242. that.$showToast("请输入负责人电话");
  1243. return false;
  1244. }
  1245. return true;
  1246. },
  1247. async save() {
  1248. let that = this;
  1249. if (!this.checkFormValue()) return; //判断一下有没有没填的字段
  1250. let RYXXZP = [];
  1251. let fileList = [];
  1252. let jyfwAry = [];
  1253. if (that.form.RYXXZPList.length > 0) {
  1254. RYXXZP = that.form.RYXXZPList.map((e) => e.id);
  1255. }
  1256. if (that.form.fileList.length > 0) {
  1257. fileList = that.form.fileList.map((e) => e.id);
  1258. }
  1259. if (that.form.jyfwAry.length > 0) {
  1260. jyfwAry = that.form.jyfwAry.map((e) => e.name);
  1261. }
  1262. that.form.ryxxzp = RYXXZP.toString();
  1263. that.form.file = fileList.toString();
  1264. let zm = that.form.FRSFZHZM == form.FRSFZHZM ? "" : that.form.FRSFZHZM;
  1265. let fm = that.form.FRSFZHFM == form.FRSFZHFM ? "" : that.form.FRSFZHFM;
  1266. that.form.frsfzh = zm + "," + fm;
  1267. that.form.jyfw = jyfwAry.join(",");
  1268. that.form.yyzzfbzp = that.form.YYZZFBZP;
  1269. that.form.czr = getUserLocalStorageInfo().user.truename;
  1270. that.form.czrid = getUserLocalStorageInfo().user.id;
  1271. let data = await companyExamineAdd(that.form);
  1272. if (data.code == 200) {
  1273. that.$showToast("新增成功");
  1274. uni.navigateBack({});
  1275. } else {
  1276. that.$showToast(data.msg);
  1277. }
  1278. },
  1279. chossseFile() {
  1280. this.$refs.files.upload();
  1281. },
  1282. onChange(event) {
  1283. this.activeNames = event.detail;
  1284. },
  1285. },
  1286. };
  1287. </script>
  1288. <style scoped lang="scss" scpoed>
  1289. .save_button {
  1290. width: calc(100% - 64rpx);
  1291. margin: 64rpx 32rpx 0 32rpx;
  1292. background: #1d18bc;
  1293. border-radius: 50rpx;
  1294. height: 88rpx;
  1295. color: white;
  1296. text-align: center;
  1297. line-height: 88rpx;
  1298. }
  1299. .form {
  1300. width: calc(100% - 64rpx);
  1301. background: #ffffff;
  1302. padding: 32rpx;
  1303. margin-top: 64rpx;
  1304. .label {
  1305. height: 53rpx;
  1306. line-height: 53rpx;
  1307. }
  1308. }
  1309. .form_row {
  1310. height: 40rpx;
  1311. font-weight: 400;
  1312. font-size: 24rpx;
  1313. }
  1314. .zaiti_list {
  1315. width: 100%;
  1316. height: 50rpx;
  1317. line-height: 50rpx;
  1318. }
  1319. .idclass {
  1320. width: 147rpx;
  1321. height: 100rpx;
  1322. }
  1323. .dengjibutton {
  1324. margin-top: 24rpx;
  1325. margin-left: 60rpx;
  1326. margin-right: 60rpx;
  1327. width: calc(100% - 120rpx);
  1328. height: 60rpx;
  1329. text-align: center;
  1330. background: #1d18bc;
  1331. color: white;
  1332. line-height: 60rpx;
  1333. }
  1334. .addcompany {
  1335. margin-bottom: 200rpx;
  1336. }
  1337. .addcompany {
  1338. .detailstitle {
  1339. height: 42rpx;
  1340. font-size: 30rpx;
  1341. font-weight: 500;
  1342. color: #333333;
  1343. padding-bottom: 16rpx;
  1344. }
  1345. .typestitle {
  1346. height: 42rpx;
  1347. font-size: 24rpx;
  1348. font-weight: 500;
  1349. padding-bottom: 16rpx;
  1350. margin-bottom: 16rpx;
  1351. }
  1352. }
  1353. </style>
  1354. <style lang="scss">
  1355. .fujian {
  1356. .van-uploader__preview {
  1357. display: none;
  1358. }
  1359. }
  1360. .file {
  1361. display: flex;
  1362. width: 100%;
  1363. flex: 1;
  1364. font-size: 14px;
  1365. color: #666;
  1366. /* margin-right: 25px; */
  1367. word-break: break-all;
  1368. word-wrap: break-word;
  1369. margin-bottom: 15rpx;
  1370. align-items: center;
  1371. justify-content: space-between;
  1372. }
  1373. .filename {
  1374. width: 80%;
  1375. overflow: hidden;
  1376. overflow: hidden;
  1377. white-space: nowrap;
  1378. text-overflow: ellipsis;
  1379. }
  1380. ::v-deep .is-open + .uni-collapse-item__wrap {
  1381. height: auto !important;
  1382. }
  1383. ::v-deep .uni-collapse-item__wrap-content {
  1384. height: auto !important;
  1385. }
  1386. .pageconfig {
  1387. background: #ffffff;
  1388. padding: 32rpx;
  1389. }
  1390. .input_title {
  1391. width: 40%;
  1392. font-size: 28rpx;
  1393. height: 40rpx;
  1394. line-height: 40rpx;
  1395. color: #333333;
  1396. }
  1397. .input_value {
  1398. width: 60%;
  1399. font-size: 28rpx;
  1400. height: 40rpx;
  1401. line-height: 40rpx;
  1402. color: #777777;
  1403. }
  1404. .uni-collapse-item__title-box {
  1405. padding: 0 !important;
  1406. }
  1407. .uni-collapse-item__title-text {
  1408. color: #1d18bc !important;
  1409. font-size: 32rpx !important;
  1410. }
  1411. </style>
  1412. <style lang="scss">
  1413. .example-body {
  1414. padding: 10px;
  1415. padding-top: 0;
  1416. }
  1417. .custom-image-box {
  1418. /* #ifndef APP-NVUE */
  1419. display: flex;
  1420. /* #endif */
  1421. flex-direction: row;
  1422. justify-content: space-between;
  1423. align-items: center;
  1424. }
  1425. .text {
  1426. font-size: 14px;
  1427. color: #333;
  1428. }
  1429. .uni-file-picker__item {
  1430. display: none;
  1431. }
  1432. .uploadbutton {
  1433. width: 162rpx;
  1434. height: 44rpx;
  1435. }
  1436. </style>