companyDetails.vue 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946
  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. {{ form.settleInType && form.settleInType.length > 0 ? 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. {{ form.entryStatus && form.entryStatus.length > 0 ? form.entryStatusgetDicType("zt", form.entryStatus) :
  44. '暂无'
  45. }}
  46. </div>
  47. </van-col>
  48. <!-- <van-col :span="6">
  49. <div class="yongtu_second_title">所属楼盘</div>
  50. <div class="yongtu_first_title chaochuyincang">
  51. {{ !form.areaName ? "暂无" : form.areaName }}
  52. </div>
  53. </van-col> -->
  54. <!-- <van-col :span="6">
  55. <div class="yongtu_second_title">招商经理</div>
  56. <div class="yongtu_first_title chaochuyincang">
  57. {{
  58. form.investmentManagerName == null
  59. ? "暂无"
  60. : form.investmentManagerName
  61. }}
  62. </div>
  63. </van-col> -->
  64. <van-col :span="8">
  65. <div class="yongtu_second_title">从业人数</div>
  66. <div class="yongtu_first_title">
  67. {{ form.practiceNumber == null ? "未知" : form.practiceNumber }}
  68. </div>
  69. </van-col>
  70. <van-col :span="8">
  71. <div class="yongtu_second_title">所属行业</div>
  72. <div class="yongtu_first_title chaochuyincang">
  73. {{ form.industry == null ? "未知" : form.industry }}
  74. </div>
  75. </van-col>
  76. </van-row>
  77. <div style="
  78. border-top: 2rpx solid #cccccc;
  79. font-size: 24rpx;
  80. color: #777777;
  81. ">
  82. <div style="margin: 16rpx 0">
  83. 所属楼盘:{{ !form.areaName ? "暂无" : form.areaName }}
  84. </div>
  85. <!-- <div style="margin: 16rpx 0">
  86. 当前企服专员{{
  87. !form.serviceCommissionerName
  88. ? "暂无"
  89. : form.serviceCommissionerName
  90. }}
  91. </div> -->
  92. </div>
  93. </div>
  94. <div class="list-row" style="padding-top: 0">
  95. <uni-collapse v-model="value" style="width: 100%">
  96. <uni-collapse-item title="基础信息" :open="true" @change="selectItems">
  97. <view slot="title" class="uni-collapse-item__title-text">基础信息
  98. <van-icon @click="jumpEditCompanyDetails(id)" name="edit" style="
  99. color: #1d18bc;
  100. z-index: 100;
  101. font-size: 35rpx;
  102. font-weight: bold;
  103. margin-left: 10px;
  104. " />
  105. </view>
  106. <div style="height: auto">
  107. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  108. style="display: flex;height: auto;">
  109. <view class="input_title float_left">公司名称:</view>
  110. <span class="input_value float_left" style="color: #777;height: auto;">{{ form.qymc }}</span>
  111. </view>
  112. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  113. <view class="input_title float_left">统一社会信用代码:</view>
  114. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  115. v-model="form.shxydm" />
  116. </view>
  117. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  118. <view class="input_title float_left">注册资金(万元):</view>
  119. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  120. v-model="form.zczj" />
  121. </view>
  122. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  123. <view class="input_title float_left">币种</view>
  124. <div style="color: #777" class="input_value float_left">
  125. {{ getDicType("money", form.currency) }}
  126. </div>
  127. </view>
  128. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  129. <view class="input_title float_left">注册时间:</view>
  130. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  131. v-model="form.zcsj" />
  132. </view>
  133. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  134. <view class="input_title float_left">法定代表人:</view>
  135. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  136. v-model="form.fddbr" />
  137. </view>
  138. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  139. <view class="input_title float_left">法人电话 :</view>
  140. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  141. v-model="form.legalPersonPhone" />
  142. </view>
  143. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  144. <view class="input_title float_left">法人邮箱 :</view>
  145. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  146. v-model="form.frEmail" />
  147. </view>
  148. <!-- <view
  149. v-if="
  150. !form.frsfzh ||
  151. form.frsfzh.length == 0 ||
  152. form.frsfzh == '暂无'
  153. "
  154. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  155. >
  156. <view class="input_title float_left">法人身份证:</view>
  157. <input
  158. disabled="true"
  159. style="color: #777"
  160. class="input_value float_left"
  161. placeholder="暂无"
  162. />
  163. </view>
  164. <view
  165. v-if="form.frsfzh && form.frsfzh.length != 0"
  166. class="width100 mt24rpx padb24rpx border_bottom_ccc list_date"
  167. style="height: 194rpx"
  168. >
  169. <view class="input_title">法人身份证:</view>
  170. <view class="width100" style="position: relative">
  171. <img
  172. @click="choosefrsfzh_zhenmian()"
  173. :src="
  174. BASE_URI +
  175. '/FileController/download/' +
  176. form.frsfzh_zhenmian
  177. "
  178. class="idclass margin12rpx float_left"
  179. placeholder="请输入"
  180. />
  181. <img
  182. @click="choosefrsfzh_fanmian()"
  183. :src="
  184. BASE_URI +
  185. '/FileController/download/' +
  186. form.frsfzh_fanmian
  187. "
  188. class="idclass margin12rpx float_left"
  189. placeholder="请输入"
  190. />
  191. </view>
  192. </view> -->
  193. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  194. <view class="input_title float_left">企业联系人</view>
  195. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  196. v-model="form.qylxr" />
  197. </view>
  198. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  199. <view class="input_title float_left">联系人电话:</view>
  200. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  201. v-model="form.lxdh" />
  202. </view>
  203. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  204. <view class="input_title float_left">联系人邮箱:</view>
  205. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  206. v-model="form.email" />
  207. </view>
  208. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  209. <view class="input_title float_left">财务负责人:</view>
  210. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  211. v-model="form.cwfzr" />
  212. </view>
  213. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  214. <view class="input_title float_left">负责人电话:</view>
  215. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  216. v-model="form.cwfzrdh" />
  217. </view>
  218. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  219. <view class="input_title float_left">入驻类型</view>
  220. <div class="input_value float_left">
  221. {{ form.settleInType ? getDicType("type", form.settleInType) : '暂无' }}
  222. <!-- {{ form.settleInType }} -->
  223. </div>
  224. </view>
  225. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date" style="display: flex">
  226. <view class="input_title float_left">招商经理:</view>
  227. <view style="color: #777; font-size: 28rpx; width: 60%">
  228. {{ form.investmentManagerName == 'undefined' ? form.investmentManagerName : '暂无' }}
  229. </view>
  230. </view>
  231. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
  232. <view class="input_title float_left">所属楼盘:</view>
  233. <input disabled="true" style="color: #777" class="input_value float_left" placeholder="暂无"
  234. v-model="form.areaName" />
  235. </view>
  236. <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx"
  237. style="display: flex;height: auto;">
  238. <view class="input_title float_left">注册地址:</view>
  239. <span class="input_value float_left" style="color: #777;height: auto;">{{ form.zcdz }}</span>
  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">{{ 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.getByCodes();
  578. this.findCompanyTags(this.id);
  579. },
  580. methods: {
  581. async getRoomNameByCompanyId() {
  582. let socialCarrierName = await getRoomNameByCompanyId({
  583. companyId: this.id,
  584. });
  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. console.log(index)
  677. if (index != -1) return CURRENCY[index].label;
  678. else return "暂无";
  679. }
  680. if (type == "type" && this.dic_SelectList.MNP_BUILDING_TYPE) {
  681. if (value) {
  682. let MNP_BUILDING_TYPE = this.dic_SelectList.MNP_BUILDING_TYPE;
  683. let index = MNP_BUILDING_TYPE.findIndex((e) => e.value == value);
  684. if (index != -1) {
  685. return MNP_BUILDING_TYPE[index].label;
  686. } else return "暂无";
  687. } else {
  688. return "";
  689. }
  690. }
  691. if (type == "zt" && this.dic_SelectList.SETTLE_IN_STATUS) {
  692. // console.log('entryStatusentryStatusentryStatusentryStatusentryStatusentryStatusentryStatusentryStatusentryStatus',value)
  693. // console.log('entryStatusentryStatusentryStatusentryStatusentryStatusentryStatusentryStatusentryStatusentryStatus',this.dic_SelectList.SETTLE_IN_STATUS)
  694. let SETTLE_IN_STATUS = this.dic_SelectList.SETTLE_IN_STATUS;
  695. let index = SETTLE_IN_STATUS.findIndex((e) => e.value == value);
  696. if (index != -1) return SETTLE_IN_STATUS[index].label;
  697. else return "暂无";
  698. }
  699. },
  700. async getByCodes() {
  701. try {
  702. this.search.pageNum = 1;
  703. let data = await getByCodes(JSON.stringify(this.dic_key));
  704. this.dic_SelectList = this.$common.handleDicList(data);
  705. let interviewList = await interviewEscalationListAll(this.id);
  706. this.getCompanyHouseDetails(this.id);
  707. this.interviewList = interviewList;
  708. } catch (error) {
  709. console.log(error);
  710. }
  711. },
  712. async changeActive() {
  713. let interviewList = await interviewEscalationListAll(this.id);
  714. this.interviewList = interviewList;
  715. },
  716. selectItems(e) {
  717. this.$nextTick(() => {
  718. this.$refs.collapse.resize();
  719. });
  720. },
  721. choosefrsfzh_zhenmian() {
  722. let that = this;
  723. uni.previewImage({
  724. urls: [
  725. that.BASE_URI +
  726. "/FileController/download/" +
  727. that.form.frsfzh_zhenmian,
  728. ],
  729. longPressActions: {
  730. itemList: ["发送给朋友", "保存图片", "收藏"],
  731. success: function (data) { },
  732. fail: function (err) { },
  733. },
  734. });
  735. },
  736. choosefrsfzh_fanmian() {
  737. let that = this;
  738. uni.previewImage({
  739. urls: [
  740. that.BASE_URI +
  741. "/FileController/download/" +
  742. that.form.frsfzh_fanmian,
  743. ],
  744. longPressActions: {
  745. itemList: ["发送给朋友", "保存图片", "收藏"],
  746. success: function (data) { },
  747. fail: function (err) { },
  748. },
  749. });
  750. },
  751. async getCompanyHouseDetails(e) {
  752. try {
  753. let that = this;
  754. let detail = await getCompanyHouseDetails(e);
  755. let qymcString = await getCompanyTagsByQybq(detail.data.qybq);
  756. if (detail.data.jydz) {
  757. const jydzAry = detail.data.jydzStr.split(',').map((e) => {
  758. return {
  759. name: e
  760. }
  761. })
  762. const jydzIdAry = detail.data.jydz.split(',')
  763. for (let i = 0; i < jydzIdAry.length; i++) {
  764. jydzAry[i].id = jydzIdAry[i]
  765. console.log(jydzIdAry)
  766. console.log('jydzIdAry[i].id', jydzIdAry[i])
  767. getAreaByIds({
  768. ids: jydzIdAry[i]
  769. }).then((e) => {
  770. jydzAry[i].name += `;${e}㎡`
  771. })
  772. }
  773. this.jydzAry = jydzAry
  774. console.log(jydzAry)
  775. } else {
  776. this.jydzAry = []
  777. }
  778. that.findCompanyTags(e);
  779. that.form = detail.data;
  780. console.log(detail.data.frsfzh);
  781. that.form.qymcString = qymcString;
  782. console.log(that.form.jyfw.split(","));
  783. that.form.jyfw = that.form.jyfw.split(",");
  784. if (detail.data.ryxxzp && detail.data.ryxxzp.length > 0) {
  785. that.form.ryxxzp = detail.data.ryxxzp.split(",");
  786. }
  787. if (detail.data.frsfzh && detail.data.frsfzh.length > 0) {
  788. let sfzlist = detail.data.frsfzh.split(",");
  789. that.form.frsfzh_fanmian = sfzlist[0];
  790. that.form.frsfzh_zhenmian = sfzlist[1];
  791. that.$forceUpdate();
  792. }
  793. for (const key in that.form) {
  794. if (that.form[key] == null || that.form[key] == "null") {
  795. // that.form[key] == undefined;
  796. that.form[key] = "暂无";
  797. }
  798. }
  799. that.selectByCompanyId1();
  800. this.getRoomNameByCompanyId();
  801. that.$forceUpdate();
  802. } catch (error) { }
  803. },
  804. onChange(event) {
  805. this.activeNames = event.detail;
  806. },
  807. },
  808. };
  809. </script>
  810. <style scoped lang="scss">
  811. .chaochuyincang {
  812. white-space: nowrap;
  813. overflow: hidden;
  814. text-overflow: ellipsis;
  815. }
  816. .form_row {
  817. height: 40rpx;
  818. font-weight: 400;
  819. font-size: 24rpx;
  820. }
  821. .dengjibutton {
  822. margin-top: 24rpx;
  823. margin-left: 60rpx;
  824. margin-right: 60rpx;
  825. width: calc(100% - 120rpx);
  826. height: 60rpx;
  827. text-align: center;
  828. background: #1d18bc;
  829. color: white;
  830. line-height: 60rpx;
  831. }
  832. .housedetails {
  833. margin-bottom: 200rpx;
  834. }
  835. .housedetails {
  836. .detailstitle {
  837. display: flex;
  838. font-size: 30rpx;
  839. font-weight: 500;
  840. color: #333333;
  841. padding-bottom: 16rpx;
  842. }
  843. .typestitle {
  844. display: flex;
  845. font-size: 24rpx;
  846. font-weight: 500;
  847. padding-bottom: 16rpx;
  848. margin-bottom: 16rpx;
  849. }
  850. }
  851. </style>
  852. <style lang="scss">
  853. ::v-deep .is-open+.uni-collapse-item__wrap {
  854. height: auto !important;
  855. }
  856. ::v-deep .uni-collapse-item__wrap-content {
  857. height: auto !important;
  858. }
  859. .pageconfig {
  860. background: #ffffff;
  861. padding: 32rpx;
  862. }
  863. .input_title {
  864. min-width: 40%;
  865. font-size: 28rpx;
  866. height: 40rpx;
  867. line-height: 40rpx;
  868. color: #333333;
  869. }
  870. .input_value {
  871. // width: 60%;
  872. font-size: 28rpx;
  873. height: 40rpx;
  874. line-height: 40rpx;
  875. color: #777777;
  876. }
  877. .uni-collapse-item__title-box {
  878. padding: 0 !important;
  879. }
  880. .uni-collapse-item__title-text {
  881. color: #1d18bc !important;
  882. font-size: 32rpx !important;
  883. margin: 32rpx 0;
  884. font-weight: bold;
  885. }
  886. .idclass {
  887. width: 147rpx;
  888. height: 100rpx;
  889. }
  890. </style>