companyDetailsSee.vue 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945
  1. <template>
  2. <div class="housedetails">
  3. <div class="list">
  4. <div class="allpd32rpx bgcFFFFFF mb16rpx">
  5. <van-row>
  6. <van-col :span="24">
  7. <div class="detailstitle width100 mt24rpx border_bottom_ccc">
  8. <div class="float_left width80">
  9. <div>{{ form.qymc }}</div>
  10. <span style="color: #aaaaaa; font-size: 24rpx">
  11. {{ form.rzsj ? "园区入驻时间:" + form.rzsj : '园区入驻时间:暂无' }}
  12. </span>
  13. </div>
  14. <div class="width20 float_left">
  15. <div class="companystatus" v-if="form.settleInType"
  16. style="margin-top: -7rpx; float: right; width: 100%">
  17. {{ getDicType("type", form.settleInType) }}
  18. <!-- {{form.settleInType}}-->
  19. </div>
  20. </div>
  21. </div>
  22. </van-col>
  23. <van-col :span="24">
  24. <div class="typestitle width100 mt24rpx mb16rpx border_bottom_ccc fontcolor251FCA">
  25. <div class="float_left" style="width: 90%" @click="jumpDeleteTgas()">
  26. <span v-for="(item, index) in qymcString" :key="index" v-if="qymcString && qymcString.length > 0">
  27. {{ item }}
  28. ·
  29. </span>
  30. <span v-if="!qymcString || qymcString.length == 0">
  31. 暂无标签
  32. </span>
  33. </div>
  34. <!-- <van-icon @click="jumpChosseTags()" class="float_right"
  35. style="font-size: 50rpx; width: 50rpx; margin-top: -12rpx" name="edit" /> -->
  36. </div>
  37. </van-col>
  38. </van-row>
  39. <van-row class="border_bottom_ccc">
  40. <van-col :span="8">
  41. <div class="yongtu_second_title">入驻状态</div>
  42. <div class="yongtu_first_title">
  43. {{ getDicType("zt", form.entryStatus) }}
  44. </div>
  45. </van-col>
  46. <!-- <van-col :span="6">
  47. <div class="yongtu_second_title">所属楼盘</div>
  48. <div class="yongtu_first_title chaochuyincang">
  49. {{ !form.areaName ? "暂无" : form.areaName }}
  50. </div>
  51. </van-col> -->
  52. <!-- <van-col :span="6">
  53. <div class="yongtu_second_title">招商经理</div>
  54. <div class="yongtu_first_title chaochuyincang">
  55. {{
  56. form.investmentManagerName == null
  57. ? "暂无"
  58. : form.investmentManagerName
  59. }}
  60. </div>
  61. </van-col> -->
  62. <van-col :span="8">
  63. <div class="yongtu_second_title">从业人数</div>
  64. <div class="yongtu_first_title">
  65. {{ form.practiceNumber == null ? "未知" : form.practiceNumber }}
  66. </div>
  67. </van-col>
  68. <van-col :span="8">
  69. <div class="yongtu_second_title">所属行业</div>
  70. <div class="yongtu_first_title chaochuyincang">
  71. {{ form.industry == null ? "未知" : form.industry }}
  72. </div>
  73. </van-col>
  74. </van-row>
  75. <div style="
  76. border-top: 2rpx solid #cccccc;
  77. font-size: 24rpx;
  78. color: #777777;
  79. ">
  80. <div style="margin: 16rpx 0">
  81. 所属楼盘:{{ !form.areaName ? "暂无" : form.areaName }}
  82. </div>
  83. <!-- <div style="margin: 16rpx 0">
  84. 当前企服专员{{
  85. !form.serviceCommissionerName
  86. ? "暂无"
  87. : form.serviceCommissionerName
  88. }}
  89. </div> -->
  90. </div>
  91. </div>
  92. <div class="list-row" style="padding-top: 0">
  93. <uni-collapse v-model="value" style="width: 100%">
  94. <uni-collapse-item title="基础信息" :open="true" @change="selectItems">
  95. <view slot="title" class="uni-collapse-item__title-text">基础信息
  96. <!-- <van-icon @click="jumpEditCompanyDetails(id)" name="edit" style="
  97. color: #1d18bc;
  98. z-index: 100;
  99. font-size: 35rpx;
  100. font-weight: bold;
  101. margin-left: 10px;
  102. " /> -->
  103. </view>
  104. <div style="height: auto">
  105. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date" style="display: flex;">
  106. <view class="input_title float_left">公司名称:</view>
  107. <span class="input_value float_left" style="color: #777;height: auto;">{{ form.qymc }}</span>
  108. <!-- <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  109. v-model="form.qymc" /> -->
  110. </view>
  111. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  112. <view class="input_title float_left">统一社会信用代码:</view>
  113. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  114. v-model="form.shxydm" />
  115. </view>
  116. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  117. <view class="input_title float_left">注册资金(万元):</view>
  118. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  119. v-model="form.zczj" />
  120. </view>
  121. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  122. <view class="input_title float_left">币种</view>
  123. <div style="color: #777" class="input_value float_left">
  124. {{ getDicType("money", form.currency) }}
  125. </div>
  126. </view>
  127. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  128. <view class="input_title float_left">注册时间:</view>
  129. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  130. v-model="form.zcsj" />
  131. </view>
  132. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  133. <view class="input_title float_left">法定代表人:</view>
  134. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  135. v-model="form.fddbr" />
  136. </view>
  137. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  138. <view class="input_title float_left">法人电话 :</view>
  139. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  140. v-model="form.legalPersonPhone" />
  141. </view>
  142. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  143. <view class="input_title float_left">法人邮箱 :</view>
  144. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  145. v-model="form.frEmail" />
  146. </view>
  147. <!-- <view
  148. v-if="
  149. !form.frsfzh ||
  150. form.frsfzh.length == 0 ||
  151. form.frsfzh == '暂无'
  152. "
  153. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  154. >
  155. <view class="input_title float_left">法人身份证:</view>
  156. <input
  157. disabled="true"
  158. style="color: #777"
  159. class="input_value float_left"
  160. placeholder="暂无"
  161. />
  162. </view>
  163. <view
  164. v-if="form.frsfzh && form.frsfzh.length != 0"
  165. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date"
  166. style="height: 194rpx"
  167. >
  168. <view class="input_title">法人身份证:</view>
  169. <view class="width100" style="position: relative">
  170. <img
  171. @click="choosefrsfzh_zhenmian()"
  172. :src="
  173. BASE_URI +
  174. '/FileController/download/' +
  175. form.frsfzh_zhenmian
  176. "
  177. class="idclass margin12rpx float_left"
  178. placeholder="请输入"
  179. />
  180. <img
  181. @click="choosefrsfzh_fanmian()"
  182. :src="
  183. BASE_URI +
  184. '/FileController/download/' +
  185. form.frsfzh_fanmian
  186. "
  187. class="idclass margin12rpx float_left"
  188. placeholder="请输入"
  189. />
  190. </view>
  191. </view> -->
  192. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  193. <view class="input_title float_left">企业联系人</view>
  194. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  195. v-model="form.qylxr" />
  196. </view>
  197. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  198. <view class="input_title float_left">联系人电话:</view>
  199. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  200. v-model="form.lxdh" />
  201. </view>
  202. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  203. <view class="input_title float_left">联系人邮箱:</view>
  204. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  205. v-model="form.email" />
  206. </view>
  207. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  208. <view class="input_title float_left">财务负责人:</view>
  209. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  210. v-model="form.cwfzr" />
  211. </view>
  212. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  213. <view class="input_title float_left">负责人电话:</view>
  214. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  215. v-model="form.cwfzrdh" />
  216. </view>
  217. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  218. <view class="input_title float_left">入驻类型</view>
  219. <div class="input_value float_left">
  220. {{ form.settleInType ? getDicType("type", form.settleInType) : '暂无' }}
  221. </div>
  222. </view>
  223. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date" style="display: flex">
  224. <view class="input_title float_left">招商经理:</view>
  225. <view style="color: #777; font-size: 28rpx; width: 60%">
  226. {{ form.investmentManagerName == 'undefined' ? form.investmentManagerName : '暂无' }}
  227. </view>
  228. </view>
  229. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  230. <view class="input_title float_left">所属楼盘:</view>
  231. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  232. v-model="form.areaName" />
  233. </view>
  234. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  235. style="display: flex;height: auto;">
  236. <view class="input_title float_left">注册地址:</view>
  237. <span class="input_value float_left" style="color: #777;height: auto;">{{ form.zcdz }}</span>
  238. <!-- <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  239. v-model="form.zcdz" /> -->
  240. </view>
  241. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  242. <view class="input_title float_left">
  243. <span style="color: red">*&nbsp;</span>
  244. 所属园区
  245. </view>
  246. <div style="width: 315rpx; float: left;color: #777777;">{{ form.parkInfoName || '暂无' }}</div>
  247. <!-- <img class="height40rpx width40rpx float_left" src="../../../static/mine/youjiantou.png" alt="" />-->
  248. </view>
  249. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  250. <view class="input_title float_left">
  251. <span style="color: red">*&nbsp;</span>
  252. 面积:
  253. </view>
  254. <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.areaSize" />
  255. </view>
  256. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  257. <view class="input_title float_left">
  258. <span style="color: red">*&nbsp;</span>
  259. 经营地址:
  260. </view>
  261. <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.jydzValue" />
  262. </view>
  263. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date"
  264. style=" display: flex;align-items: center;flex-direction: column;">
  265. <view class="input_title float_left" style="width: 100%;display: flex;justify-content: space-between;">
  266. <div><span style="color: red">*&nbsp;</span> 经营地址载体:</div>
  267. </view>
  268. <div v-for="item in jydzAry" class="jydzList">
  269. <div class="jydzList-row">{{ item.name }}</div>
  270. </div>
  271. </view>
  272. <textarea class="mt24rpx border_bottom_ccc" :maxlength="2000" placeholder="请输入经营地址说明"
  273. v-model="form.jydzRemark" type="textarea" style="
  274. height: 270rpx;
  275. background: rgba(249, 249, 249, 1);
  276. padding: 20rpx;
  277. width: calc(100% - 40rpx);
  278. " />
  279. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date" style="display: flex">
  280. <view class="input_title">主营业务:</view>
  281. <div>
  282. <span v-for="(item, index) in form.jyfw" :key="index">
  283. {{ item }}
  284. {{ form.jyfw && index != form.jyfw.length - 1 ? ',' : '' }}
  285. </span>
  286. </div>
  287. </view>
  288. <view class="width100 mt24rpx list_date height40rpx">
  289. <view class="input_title float_left" style="width: 52%">营业执照副本:(限1张)</view>
  290. </view>
  291. <view class="custom-image-box" style="position: relative">
  292. <img :src="!form.yyzzfbzp ||
  293. form.yyzzfbzp == 'null' ||
  294. form.yyzzfbzp == '暂无'
  295. ? '../../../static/unuploadzhizhao.png'
  296. : BASE_URI + '/FileController/download/' + form.yyzzfbzp
  297. " style="color: #777; width: 300rpx; height: 260rpx" placeholder="请输入" />
  298. </view>
  299. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height300rpxs">
  300. <view class="input_title float_left">荣誉信息(限6张)</view>
  301. <textarea :maxlength="2000" placeholder="请输入" v-model="form.honorInformation" type="textarea" style="
  302. height: 270rpx;
  303. background: rgba(249, 249, 249, 1);
  304. padding: 20rpx;
  305. width: calc(100% - 40rpx);
  306. " />
  307. <div style="
  308. background: rgba(249, 249, 249, 1);
  309. text-align: right;
  310. padding-right: 10px;
  311. padding-bottom: 10rpx;
  312. margi-bottom: 10rpx;
  313. ">
  314. {{
  315. form.honorInformation ? form.honorInformation.length : 0
  316. }}/2000
  317. </div>
  318. <view class="custom-image-box" style="margin-top: 20rpx; display: flex">
  319. <img v-for="item in form.ryxxzp" :key="item" :src="BASE_URI + '/FileController/download/' + item"
  320. class="idclass margin12rpx float_left" placeholder="请输入" />
  321. </view>
  322. </view>
  323. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date" style="display: flex">
  324. <view class="input_title float_left">关联企业:</view>
  325. <div style="color: #777; width: 60%" class="float_left">
  326. {{ form.associationCompanyName }}
  327. </div>
  328. </view>
  329. </div>
  330. </uni-collapse-item>
  331. </uni-collapse>
  332. </div>
  333. <div class="list-row" style="padding-top: 0">
  334. <uni-collapse v-model="value2" style="width: 100%">
  335. <uni-collapse-item title="关联社会载体" :open="true" @change="selectItems">
  336. <view slot="title" class="uni-collapse-item__title-text">关联社会载体
  337. </view>
  338. <div style="height: auto">
  339. <div class="form_row pdt32 pdb32 border_bottom_ccc width100" style="display: flex; height: auto">
  340. <div class="width30 first_title">自有</div>
  341. <div style="width: 60%" class="float_left font28rpx">
  342. {{
  343. form.socialCarrierStrName
  344. ? form.socialCarrierStrName
  345. : "暂无"
  346. }}
  347. </div>
  348. </div>
  349. <div class="form_row pdt32 pdb32 border_bottom_ccc width100" style="display: flex; height: auto">
  350. <div class="width30 first_title">租赁</div>
  351. <div style="width: 60%" class="float_left font28rpx">
  352. {{
  353. form.socialCarrierLeaseStrName
  354. ? form.socialCarrierLeaseStrName
  355. : "暂无"
  356. }}
  357. </div>
  358. </div>
  359. <div class="form_row pdt32 pdb32 border_bottom_ccc width100" style="display: flex; height: auto">
  360. <div class="width30 first_title">未确定</div>
  361. <div style="width: 60%" class="float_left font28rpx">
  362. {{
  363. form.socialCarrierNoTrueName
  364. ? form.socialCarrierNoTrueName
  365. : "暂无"
  366. }}
  367. </div>
  368. </div>
  369. </div>
  370. </uni-collapse-item>
  371. </uni-collapse>
  372. </div>
  373. <div class="list-row" style="padding-top: 0">
  374. <uni-collapse v-model="value2" style="width: 100%">
  375. <uni-collapse-item title="关联自有载体" :open="true" @change="selectItems">
  376. <view slot="title" class="uni-collapse-item__title-text">关联自有载体
  377. </view>
  378. <div style="height: auto">
  379. <div class="form_row pdt32 pdb32 border_bottom_ccc width100" style="display: flex; height: auto">
  380. <div class="width30 first_title">有合同</div>
  381. <div style="width: 60%" class="float_left font28rpx">
  382. {{
  383. !form.socialCarrierName ? "暂无" : form.socialCarrierName
  384. }}
  385. </div>
  386. </div>
  387. <div class="form_row pdt32 pdb32 border_bottom_ccc width100" style="display: flex; height: auto">
  388. <div class="width30 first_title">无合同</div>
  389. <div style="width: 60%" class="float_left font28rpx">
  390. {{
  391. form.contractCarrierNoStrName
  392. ? form.contractCarrierNoStrName
  393. : "暂无"
  394. }}
  395. </div>
  396. </div>
  397. </div>
  398. </uni-collapse-item>
  399. </uni-collapse>
  400. </div>
  401. <!-- <div class="list-row" style="padding-top: 0">
  402. <uni-collapse v-model="value1" style="width: 100%">
  403. <uni-collapse-item
  404. title="走访信息"
  405. :open="true"
  406. @change="selectItems"
  407. >
  408. <div
  409. style="height: auto; margin: 32rpx 0 32rpx 0"
  410. v-for="item in interviewList"
  411. :key="item.id"
  412. >
  413. <view
  414. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  415. >
  416. <view class="input_title float_left">走访时间:</view>
  417. <input
  418. disabled="true"
  419. style="color: #777"
  420. class="input_value float_left"
  421. placeholder="暂无"
  422. v-model="item.interviewTime"
  423. />
  424. </view>
  425. <view
  426. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  427. >
  428. <view class="input_title float_left">走访类型:</view>
  429. <div
  430. disabled="true"
  431. style="color: #777"
  432. class="input_value float_left"
  433. placeholder="暂无"
  434. >
  435. {{ getDicTypeZoufang(item.interviewType) }}
  436. </div>
  437. </view>
  438. <view
  439. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date"
  440. style="display: flex"
  441. >
  442. <view class="input_title float_left">走访记录:</view>
  443. <div style="color: #777; width: 60%" class="float_left">
  444. {{ item.interviewRecord }}
  445. </div>
  446. </view>
  447. <view
  448. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  449. >
  450. <view class="input_title float_left">是否需要处理:</view>
  451. <div class="input_value float_left">
  452. <span style="color: #777" v-if="item.isStatus == 2">是</span>
  453. <span style="color: #777" v-if="item.isStatus == 1">否</span>
  454. </div>
  455. </view>
  456. <view
  457. v-if="item.isStatus == 2"
  458. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  459. >
  460. <view class="input_title float_left">处理人:</view>
  461. <input
  462. disabled="true"
  463. style="color: #777"
  464. class="input_value float_left"
  465. placeholder="暂无"
  466. v-model="item.handleUserName"
  467. />
  468. </view>
  469. <view
  470. v-if="item.isStatus == 2"
  471. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date"
  472. style="display: flex"
  473. >
  474. <view class="input_title float_left">处理结果:</view>
  475. <div style="color: #777; width: 60%" class="float_left">
  476. {{
  477. !item.handleResult || item.handleResult == "null"
  478. ? ""
  479. : item.handleResult
  480. }}
  481. </div>
  482. </view>
  483. <div
  484. color="#1D18BC"
  485. class="dengjibutton"
  486. @click="openHandleReportDialog(item)"
  487. v-if="
  488. item.isStatus == 2 &&
  489. !item.handleUserName &&
  490. !item.handleResult
  491. "
  492. >
  493. 处理登记
  494. </div>
  495. <div
  496. color="#1D18BC"
  497. class="dengjibutton"
  498. style="background: #e6e8e9"
  499. v-if="
  500. item.isStatus != 2 ||
  501. (item.handleUserName && item.handleResult)
  502. "
  503. >
  504. 无需处理
  505. </div>
  506. </div>
  507. </uni-collapse-item>
  508. </uni-collapse>
  509. </div> -->
  510. </div>
  511. <handle-report ref="handleReport" @changeActive="changeActive" />
  512. </div>
  513. </template>
  514. <script>
  515. import {
  516. getCompanyHouseDetails,
  517. getByCodes,
  518. getCompanyTagsByQybq,
  519. interviewEscalationListAll,
  520. findCompanyTags,
  521. selectByCompanyId,
  522. getRoomNameByCompanyId,
  523. getAreaByIds
  524. } from "@/js_sdk/http";
  525. import handleReport from "../companyreport/components/handlereport.vue";
  526. export default {
  527. components: {
  528. handleReport,
  529. },
  530. data() {
  531. return {
  532. BASE_URI: this.$constant.BASE_URI,
  533. id: "",
  534. qymcString: [],
  535. dic_SelectList: {},
  536. interviewList: [],
  537. dic_key: [
  538. "MNP_BUILDING_TYPE",
  539. "SETTLE_IN_STATUS",
  540. "interviewType",
  541. "CURRENCY",
  542. ],
  543. activeNames: [],
  544. StatusBar: 0,
  545. search: {
  546. pageSize: 10,
  547. pageNum: 1,
  548. },
  549. form: {
  550. id: "",
  551. settleInType: null,
  552. socialCarrierName: "123123",
  553. },
  554. // value: true,
  555. value1: true,
  556. value2: true,
  557. list: [],
  558. value: ["0"],
  559. modeIndex: -1,
  560. styleIndex: -1,
  561. current: 0,
  562. mode: "default",
  563. dotsStyles: {},
  564. swiperDotIndex: 0,
  565. jydzAry: []
  566. };
  567. },
  568. onLoad(option) {
  569. try {
  570. this.id = option.id;
  571. this.getByCodes();
  572. } catch (error) {
  573. console.log(error);
  574. }
  575. },
  576. onShow() {
  577. this.findCompanyTags(this.id);
  578. },
  579. methods: {
  580. async getRoomNameByCompanyId() {
  581. let socialCarrierName = await getRoomNameByCompanyId({
  582. companyId: this.id,
  583. });
  584. console.log('getRoomNameByCompanyId', socialCarrierName)
  585. this.form.socialCarrierName = socialCarrierName;
  586. let form = { ...this.form }
  587. this.form = {}
  588. this.form = form
  589. },
  590. async selectByCompanyId1() {
  591. let zaiti = await selectByCompanyId({ companyId: this.id });
  592. console.log("zaitizaitizaitizaiti", zaiti);
  593. let socialCarrierStr = [];
  594. let socialCarrierStrName = [];
  595. let socialCarrierLeaseStr = [];
  596. let socialCarrierLeaseStrName = [];
  597. let socialCarrierNoTrue = [];
  598. let socialCarrierNoTrueName = [];
  599. let contractCarrierNoStr = [];
  600. let contractCarrierNoStrName = [];
  601. for (let i = 0; i < zaiti.length; i++) {
  602. let item = zaiti[i];
  603. console.log(item.propertyNature, item.socialType);
  604. if (item.propertyNature === "2" && item.socialType === "1") {
  605. socialCarrierStr.push(item.houseId);
  606. socialCarrierStrName.push(
  607. item.discName + item.groupName + item.buildName + item.houseName
  608. );
  609. }
  610. if (item.propertyNature === "2" && item.socialType === "2") {
  611. socialCarrierLeaseStr.push(item.houseId);
  612. socialCarrierLeaseStrName.push(
  613. item.discName + item.groupName + item.buildName + item.houseName
  614. );
  615. }
  616. if (item.propertyNature === "2" && item.socialType === "3") {
  617. socialCarrierNoTrue.push(item.houseId);
  618. socialCarrierNoTrueName.push(
  619. item.discName + item.groupName + item.buildName + item.houseName
  620. );
  621. }
  622. if (item.propertyNature === "1" && item.ownType === "2") {
  623. contractCarrierNoStr.push(item.houseId);
  624. contractCarrierNoStrName.push(
  625. item.discName + item.groupName + item.buildName + item.houseName
  626. );
  627. }
  628. }
  629. this.form.socialCarrierStr = socialCarrierStr.join(",");
  630. this.form.socialCarrierStrName = socialCarrierStrName.join(",");
  631. this.form.socialCarrierLeaseStr = socialCarrierLeaseStr.join(",");
  632. this.form.socialCarrierLeaseStrName = socialCarrierLeaseStrName.join(",");
  633. this.form.socialCarrierNoTrue = socialCarrierNoTrue.join(",");
  634. this.form.socialCarrierNoTrueName = socialCarrierNoTrueName.join(",");
  635. this.form.contractCarrierNoStr = contractCarrierNoStr.join(",");
  636. this.form.contractCarrierNoStrName = contractCarrierNoStrName.join(",");
  637. console.log(this.form);
  638. },
  639. async findCompanyTags(id) {
  640. let data = await findCompanyTags(id);
  641. this.qymcString = data.map((e) => {
  642. return e.tagName;
  643. });
  644. },
  645. jumpEditCompanyDetails(e) {
  646. uni.navigateTo({
  647. url: "/pages/subPackages/companyDetailsEdit/companyDetailsEdit?id=" + e,
  648. });
  649. },
  650. jumpDeleteTgas() {
  651. uni.navigateTo({
  652. url: "/pages/subPackages/companyTagsDelete/index?id=" + this.form.id,
  653. });
  654. },
  655. jumpChosseTags() {
  656. try {
  657. uni.navigateTo({
  658. url: "/pages/subPackages/chooseCompanyTags/index?id=" + this.form.id,
  659. });
  660. } catch (error) { }
  661. },
  662. openHandleReportDialog(item) {
  663. let that = this;
  664. that.$refs.handleReport.openDianlog(item);
  665. },
  666. getDicTypeZoufang(value) {
  667. if (!value && this.dic_SelectList.interviewType) return;
  668. let interviewType = this.dic_SelectList.interviewType;
  669. let index = interviewType.findIndex((e) => e.value == value);
  670. if (index != -1) return interviewType[index].label;
  671. },
  672. getDicType(type, value) {
  673. if (type == "money" && this.dic_SelectList.CURRENCY) {
  674. let CURRENCY = this.dic_SelectList.CURRENCY;
  675. let index = CURRENCY.findIndex((e) => e.value == value);
  676. if (index != -1) return CURRENCY[index].label;
  677. else return "暂无";
  678. }
  679. if (type == "type" && this.dic_SelectList.MNP_BUILDING_TYPE) {
  680. if (value) {
  681. let MNP_BUILDING_TYPE = this.dic_SelectList.MNP_BUILDING_TYPE;
  682. let index = MNP_BUILDING_TYPE.findIndex((e) => e.value == value);
  683. if (index != -1) {
  684. return MNP_BUILDING_TYPE[index].label;
  685. } else return "暂无";
  686. } else {
  687. return "";
  688. }
  689. }
  690. if (type == "zt" && this.dic_SelectList.SETTLE_IN_STATUS) {
  691. // console.log('entryStatusentryStatusentryStatusentryStatusentryStatusentryStatusentryStatusentryStatusentryStatus',value)
  692. // console.log('entryStatusentryStatusentryStatusentryStatusentryStatusentryStatusentryStatusentryStatusentryStatus',this.dic_SelectList.SETTLE_IN_STATUS)
  693. let SETTLE_IN_STATUS = this.dic_SelectList.SETTLE_IN_STATUS;
  694. let index = SETTLE_IN_STATUS.findIndex((e) => e.value == value);
  695. if (index != -1) return SETTLE_IN_STATUS[index].label;
  696. else return "暂无";
  697. }
  698. },
  699. async getByCodes() {
  700. try {
  701. this.search.pageNum = 1;
  702. let data = await getByCodes(JSON.stringify(this.dic_key));
  703. this.dic_SelectList = this.$common.handleDicList(data);
  704. let interviewList = await interviewEscalationListAll(this.id);
  705. this.getCompanyHouseDetails(this.id);
  706. this.interviewList = interviewList;
  707. } catch (error) {
  708. console.log(error);
  709. }
  710. },
  711. async changeActive() {
  712. let interviewList = await interviewEscalationListAll(this.id);
  713. this.interviewList = interviewList;
  714. },
  715. selectItems(e) {
  716. this.$nextTick(() => {
  717. this.$refs.collapse.resize();
  718. });
  719. },
  720. choosefrsfzh_zhenmian() {
  721. let that = this;
  722. uni.previewImage({
  723. urls: [
  724. that.BASE_URI +
  725. "/FileController/download/" +
  726. that.form.frsfzh_zhenmian,
  727. ],
  728. longPressActions: {
  729. itemList: ["发送给朋友", "保存图片", "收藏"],
  730. success: function (data) { },
  731. fail: function (err) { },
  732. },
  733. });
  734. },
  735. choosefrsfzh_fanmian() {
  736. let that = this;
  737. uni.previewImage({
  738. urls: [
  739. that.BASE_URI +
  740. "/FileController/download/" +
  741. that.form.frsfzh_fanmian,
  742. ],
  743. longPressActions: {
  744. itemList: ["发送给朋友", "保存图片", "收藏"],
  745. success: function (data) { },
  746. fail: function (err) { },
  747. },
  748. });
  749. },
  750. async getCompanyHouseDetails(e) {
  751. try {
  752. let that = this;
  753. let detail = await getCompanyHouseDetails(e);
  754. let qymcString = await getCompanyTagsByQybq(detail.data.qybq);
  755. if (detail.data.jydz) {
  756. const jydzAry = detail.data.jydzStr.split(',').map((e) => {
  757. return {
  758. name: e
  759. }
  760. })
  761. const jydzIdAry = detail.data.jydz.split(',')
  762. for (let i = 0; i < jydzIdAry.length; i++) {
  763. jydzAry[i].id = jydzIdAry[i]
  764. console.log(jydzIdAry)
  765. console.log('jydzIdAry[i].id', jydzIdAry[i])
  766. getAreaByIds({
  767. ids: jydzIdAry[i]
  768. }).then((e) => {
  769. jydzAry[i].name += `;${e}㎡`
  770. })
  771. }
  772. this.jydzAry = jydzAry
  773. console.log(jydzAry)
  774. } else {
  775. this.jydzAry = []
  776. }
  777. that.findCompanyTags(e);
  778. that.form = detail.data;
  779. console.log(detail.data.frsfzh);
  780. that.form.qymcString = qymcString;
  781. console.log(that.form.jyfw.split(","));
  782. that.form.jyfw = that.form.jyfw.split(",");
  783. if (detail.data.ryxxzp && detail.data.ryxxzp.length > 0) {
  784. that.form.ryxxzp = detail.data.ryxxzp.split(",");
  785. }
  786. if (detail.data.frsfzh && detail.data.frsfzh.length > 0) {
  787. let sfzlist = detail.data.frsfzh.split(",");
  788. that.form.frsfzh_fanmian = sfzlist[0];
  789. that.form.frsfzh_zhenmian = sfzlist[1];
  790. that.$forceUpdate();
  791. }
  792. for (const key in that.form) {
  793. if (that.form[key] == null || that.form[key] == "null") {
  794. // that.form[key] == undefined;
  795. that.form[key] = "暂无";
  796. }
  797. }
  798. that.selectByCompanyId1();
  799. this.getRoomNameByCompanyId();
  800. that.$forceUpdate();
  801. } catch (error) { }
  802. },
  803. onChange(event) {
  804. this.activeNames = event.detail;
  805. },
  806. },
  807. };
  808. </script>
  809. <style scoped lang="scss">
  810. .chaochuyincang {
  811. white-space: nowrap;
  812. overflow: hidden;
  813. text-overflow: ellipsis;
  814. }
  815. .form_row {
  816. height: 40rpx;
  817. font-weight: 400;
  818. font-size: 24rpx;
  819. }
  820. .dengjibutton {
  821. margin-top: 24rpx;
  822. margin-left: 60rpx;
  823. margin-right: 60rpx;
  824. width: calc(100% - 120rpx);
  825. height: 60rpx;
  826. text-align: center;
  827. background: #1d18bc;
  828. color: white;
  829. line-height: 60rpx;
  830. }
  831. .housedetails {
  832. margin-bottom: 200rpx;
  833. }
  834. .housedetails {
  835. .detailstitle {
  836. display: flex;
  837. font-size: 30rpx;
  838. font-weight: 500;
  839. color: #333333;
  840. padding-bottom: 16rpx;
  841. }
  842. .typestitle {
  843. display: flex;
  844. font-size: 24rpx;
  845. font-weight: 500;
  846. padding-bottom: 16rpx;
  847. margin-bottom: 16rpx;
  848. }
  849. }
  850. </style>
  851. <style lang="scss">
  852. ::v-deep .is-open+.uni-collapse-item__wrap {
  853. height: auto !important;
  854. }
  855. ::v-deep .uni-collapse-item__wrap-content {
  856. height: auto !important;
  857. }
  858. .pageconfig {
  859. background: #ffffff;
  860. padding: 32rpx;
  861. }
  862. .input_title {
  863. min-width: 40%;
  864. font-size: 28rpx;
  865. height: 40rpx;
  866. line-height: 40rpx;
  867. color: #333333;
  868. }
  869. .input_value {
  870. // width: 60%;
  871. font-size: 28rpx;
  872. height: 40rpx;
  873. line-height: 40rpx;
  874. color: #777777;
  875. }
  876. .uni-collapse-item__title-box {
  877. padding: 0 !important;
  878. }
  879. .uni-collapse-item__title-text {
  880. color: #1d18bc !important;
  881. font-size: 32rpx !important;
  882. margin: 32rpx 0;
  883. font-weight: bold;
  884. }
  885. .idclass {
  886. width: 147rpx;
  887. height: 100rpx;
  888. }
  889. </style>