朱园亮 / erp-mobile · Commits

Commit 6c5c5b0e4a43c1b8c89859360871bd444d5db16f

Authored by 史婷婷
1 parent e6492ccf

feat: 资信管理-详情-变更记录列表

Inline Side-by-side
Showing 2 changed files with 112 additions and 14 deletions
@@ -248,7 +248,7 @@ export default { @@ -248,7 +248,7 @@ export default {
248 align-items: center; 248 align-items: center;
249 padding: 24rpx 32rpx; 249 padding: 24rpx 32rpx;
250 &.bp { 250 &.bp {
251 - border-bottom: 1rpx solid #f0f0f0; 251 + border-bottom: 1rpx dashed #f0f0f0;
252 } 252 }
253 } 253 }
254 254
@@ -7,10 +7,12 @@ @@ -7,10 +7,12 @@
7 <view :class="['status', `status_${form.status}`]" /> 7 <view :class="['status', `status_${form.status}`]" />
8 <view class="row"><text class="label">编号</text><text class="value">{{ form.serialNumber }}</text></view> 8 <view class="row"><text class="label">编号</text><text class="value">{{ form.serialNumber }}</text></view>
9 <view class="row"><text class="label">区域</text><text class="value">{{ form.region }}</text></view> 9 <view class="row"><text class="label">区域</text><text class="value">{{ form.region }}</text></view>
10 - <view class="row"><text class="label">客户简称</text><text class="value">{{ form.customerShortName }}</text></view> 10 + <view class="row"><text class="label">客户简称</text><text class="value">{{ form.customerShortName }}</text>
  11 + </view>
11 <view class="row"><text class="label">企业类型</text><text class="value">{{ getDicName('ENTERPRISE_TYPE', 12 <view class="row"><text class="label">企业类型</text><text class="value">{{ getDicName('ENTERPRISE_TYPE',
12 form.enterpriseType, enterpriseTypeOptions) }}</text></view> 13 form.enterpriseType, enterpriseTypeOptions) }}</text></view>
13 - <view class="row"><text class="label">企业操作类型</text><text class="value">{{ form.enterpriseOperationType }}</text></view> 14 + <view class="row"><text class="label">企业操作类型</text><text class="value">{{ form.enterpriseOperationType
  15 + }}</text></view>
14 <view class="row"><text class="label">登记日期</text><text class="value">{{ form.registerDate }}</text></view> 16 <view class="row"><text class="label">登记日期</text><text class="value">{{ form.registerDate }}</text></view>
15 </view> 17 </view>
16 18
@@ -29,8 +31,10 @@ @@ -29,8 +31,10 @@
29 <view class="row"><text class="label">经营年限</text><text class="value">{{ form.businessYears }}</text></view> 31 <view class="row"><text class="label">经营年限</text><text class="value">{{ form.businessYears }}</text></view>
30 <view class="row"><text class="label">单位地址</text><text class="value">{{ form.companyAddress }}</text></view> 32 <view class="row"><text class="label">单位地址</text><text class="value">{{ form.companyAddress }}</text></view>
31 <view class="row"><text class="label">经营范围</text><text class="value">{{ form.businessScope }}</text></view> 33 <view class="row"><text class="label">经营范围</text><text class="value">{{ form.businessScope }}</text></view>
32 - <view class="row"><text class="label">工商信息</text><text class="value act">{{ form.businessFileName }}</text></view>  
33 - <view class="row"><text class="label">股东信息</text><text class="value act">{{ form.shareholderFileName }}</text></view> 34 + <view class="row"><text class="label">工商信息</text><text class="value act">{{ form.businessFileName }}</text>
  35 + </view>
  36 + <view class="row"><text class="label">股东信息</text><text class="value act">{{ form.shareholderFileName }}</text>
  37 + </view>
34 </view> 38 </view>
35 39
36 <!-- 核心人员 --> 40 <!-- 核心人员 -->
@@ -54,14 +58,19 @@ @@ -54,14 +58,19 @@
54 <view class="row"><text class="label">资产评估</text><text class="value">{{ form.assetEvaluation }}</text></view> 58 <view class="row"><text class="label">资产评估</text><text class="value">{{ form.assetEvaluation }}</text></view>
55 <view class="row"><text class="label">上年度销售额</text><text class="value">{{ form.lastYearSales }}</text></view> 59 <view class="row"><text class="label">上年度销售额</text><text class="value">{{ form.lastYearSales }}</text></view>
56 <view class="row"><text class="label">月均销量</text><text class="value">{{ form.monthlyAvgSales }}</text></view> 60 <view class="row"><text class="label">月均销量</text><text class="value">{{ form.monthlyAvgSales }}</text></view>
57 - <view class="row"><text class="label">销项发票所开品名与计量单位</text><text class="value">{{ form.invoiceItemUnit }}</text></view>  
58 - <view class="row"><text class="label">认证证书</text><text class="value">{{ form.certificationCertificate }}</text></view>  
59 - <view class="row"><text class="label">我司售与产品于经营范围是否匹配</text><text class="value">{{ form.productMatch }}</text></view> 61 + <view class="row"><text class="label">销项发票所开品名与计量单位</text><text class="value">{{ form.invoiceItemUnit
  62 + }}</text></view>
  63 + <view class="row"><text class="label">认证证书</text><text class="value">{{ form.certificationCertificate
  64 + }}</text></view>
  65 + <view class="row"><text class="label">我司售与产品于经营范围是否匹配</text><text class="value">{{ form.productMatch }}</text>
  66 + </view>
60 <view class="row"><text class="label">主要客户</text><text class="value">{{ form.majorCustomers }}</text></view> 67 <view class="row"><text class="label">主要客户</text><text class="value">{{ form.majorCustomers }}</text></view>
61 <view class="row"><text class="label">主营项目</text><text class="value">{{ form.mainProjects }}</text></view> 68 <view class="row"><text class="label">主营项目</text><text class="value">{{ form.mainProjects }}</text></view>
62 <view class="row"><text class="label">从事行业</text><text class="value">{{ form.industryInvolved }}</text></view> 69 <view class="row"><text class="label">从事行业</text><text class="value">{{ form.industryInvolved }}</text></view>
63 - <view class="row"><text class="label">在该行业中的经验</text><text class="value">{{ form.industryExperience }}</text></view>  
64 - <view class="row"><text class="label">是否与其他企业有经济纠纷 违规信息 拖欠员工薪资</text><text class="value">{{ form.hasDispute }}</text></view> 70 + <view class="row"><text class="label">在该行业中的经验</text><text class="value">{{ form.industryExperience }}</text>
  71 + </view>
  72 + <view class="row"><text class="label">是否与其他企业有经济纠纷 违规信息 拖欠员工薪资</text><text class="value">{{ form.hasDispute
  73 + }}</text></view>
65 </view> 74 </view>
66 75
67 <view class="title-header"> 76 <view class="title-header">
@@ -77,7 +86,8 @@ @@ -77,7 +86,8 @@
77 </view> 86 </view>
78 <view class="row"><text class="label">是否签订其他协议</text><text class="value">{{ form.otherAgreements }}</text> 87 <view class="row"><text class="label">是否签订其他协议</text><text class="value">{{ form.otherAgreements }}</text>
79 </view> 88 </view>
80 - <view class="row"><text class="label">与我司操作是否签订长年合同</text><text class="value">{{ form.hasLongTermContract }}</text> 89 + <view class="row"><text class="label">与我司操作是否签订长年合同</text><text class="value">{{ form.hasLongTermContract
  90 + }}</text>
81 </view> 91 </view>
82 <view class="row"><text class="label">合同类型</text><text class="value">{{ form.contractType }}</text></view> 92 <view class="row"><text class="label">合同类型</text><text class="value">{{ form.contractType }}</text></view>
83 <view class="row"><text class="label">是否有过中断及中断原因</text><text class="value">{{ form.hasInterruption }}</text> 93 <view class="row"><text class="label">是否有过中断及中断原因</text><text class="value">{{ form.hasInterruption }}</text>
@@ -137,10 +147,22 @@ @@ -137,10 +147,22 @@
137 <view class="row"><text class="label">加工操作方案</text><text class="value">{{ form.companyMaterialSupplyPlan 147 <view class="row"><text class="label">加工操作方案</text><text class="value">{{ form.companyMaterialSupplyPlan
138 }}</text></view> 148 }}</text></view>
139 </view> 149 </view>
140 - <view class="title-header"> 150 + <view class="title-header bp">
141 <image class="title-header_icon" src="/static/images/title.png" /> 151 <image class="title-header_icon" src="/static/images/title.png" />
142 <span>变更记录</span> 152 <span>变更记录</span>
143 </view> 153 </view>
  154 + <view class="section">
  155 + <view class="history-header">
  156 + <text class="col col1">序号</text>
  157 + <text class="col col2">变更时间</text>
  158 + <text class="col col3">操作</text>
  159 + </view>
  160 + <view v-for="(h, i) in historyList" :key="(h && (h.id || h.code)) || i" class="history-row">
  161 + <text class="col col1">{{ i + 1 }}</text>
  162 + <text class="col col2">{{ h.createTime || '' }}</text>
  163 + <text class="col col3 link" @click="onViewHistory(h)">查看</text>
  164 + </view>
  165 + </view>
144 166
145 </view> 167 </view>
146 </scroll-view> 168 </scroll-view>
@@ -148,7 +170,7 @@ @@ -148,7 +170,7 @@
148 </template> 170 </template>
149 171
150 <script> 172 <script>
151 -import { getDetailApi } from '@/api/credit_manage.js' 173 +import { getDetailApi, getByIdCreditHistoryList } from '@/api/credit_manage.js'
152 import { getDicName } from '@/utils/dic.js' 174 import { getDicName } from '@/utils/dic.js'
153 import { getDicByCodeApi } from '@/api/base.js' 175 import { getDicByCodeApi } from '@/api/base.js'
154 import CorePersonnel from './corePersonnel.vue' 176 import CorePersonnel from './corePersonnel.vue'
@@ -162,6 +184,7 @@ export default { @@ -162,6 +184,7 @@ export default {
162 enterpriseTypeOptions: [], 184 enterpriseTypeOptions: [],
163 genderOptions: [], 185 genderOptions: [],
164 categoryOptions: [], 186 categoryOptions: [],
  187 + historyList: [],
165 } 188 }
166 }, 189 },
167 computed: { 190 computed: {
@@ -181,6 +204,8 @@ export default { @@ -181,6 +204,8 @@ export default {
181 const res = await getDetailApi(id) 204 const res = await getDetailApi(id)
182 const data = res.data || {} 205 const data = res.data || {}
183 this.form = { ...data } 206 this.form = { ...data }
  207 + const cid = this.form.id || this.form.code || id
  208 + if (cid) this.loadHistoryList(cid)
184 } catch (e) { 209 } catch (e) {
185 this.form = {} 210 this.form = {}
186 } 211 }
@@ -212,6 +237,19 @@ export default { @@ -212,6 +237,19 @@ export default {
212 this.categoryOptions = [] 237 this.categoryOptions = []
213 } 238 }
214 }, 239 },
  240 + async loadHistoryList(creditId) {
  241 + try {
  242 + const res = await getByIdCreditHistoryList(creditId);
  243 + console.log('historyList__res', res)
  244 + const _data = res.data || []
  245 + this.historyList = Array.isArray(_data) ? _data : []
  246 + } catch (e) {
  247 + this.historyList = []
  248 + }
  249 + },
  250 + onViewHistory(item) {
  251 + console.log('onViewHistory', item)
  252 + },
215 getDicName, 253 getDicName,
216 getCategoryClass(categoryName) { 254 getCategoryClass(categoryName) {
217 if (!categoryName) return '' 255 if (!categoryName) return ''
@@ -246,7 +284,7 @@ export default { @@ -246,7 +284,7 @@ export default {
246 } 284 }
247 285
248 .section { 286 .section {
249 - padding: 0 32rpx 32rpx; 287 + padding: 32rpx;
250 background: #fff; 288 background: #fff;
251 margin-bottom: 20rpx; 289 margin-bottom: 20rpx;
252 position: relative; 290 position: relative;
@@ -352,11 +390,71 @@ export default { @@ -352,11 +390,71 @@ export default {
352 border-top: 1rpx solid #f0f0f0; 390 border-top: 1rpx solid #f0f0f0;
353 } 391 }
354 392
  393 +.history-header {
  394 + display: flex;
  395 + background: #F7F7F7;
  396 + padding: 20rpx 52rpx 20rpx 32rpx;
  397 +
  398 + .col {
  399 + font-size: 28rpx;
  400 + color: rgba(0,0,0,0.9);
  401 + line-height: 40rpx;
  402 + }
  403 +
  404 + .col1 {
  405 + width: 20%;
  406 + }
  407 +
  408 + .col2 {
  409 + width: 50%;
  410 + text-align: center;
  411 + }
  412 +
  413 + .col3 {
  414 + width: 30%;
  415 + text-align: right;
  416 + }
  417 +}
  418 +
  419 +.history-row {
  420 + display: flex;
  421 + padding: 20rpx 52rpx 20rpx 32rpx;
  422 + border-bottom: 1rpx solid #f7f7f7;
  423 +
  424 + .col {
  425 + font-size: 28rpx;
  426 + color: rgba(0,0,0,0.9);
  427 + line-height: 40rpx;
  428 + }
  429 +
  430 + .col1 {
  431 + width: 20%;
  432 + }
  433 +
  434 + .col2 {
  435 + width: 50%;
  436 + text-align: center;
  437 + }
  438 +
  439 + .col3 {
  440 + width: 30%;
  441 + text-align: right;
  442 + }
  443 +
  444 + .link {
  445 + color: $theme-primary;
  446 + }
  447 +}
  448 +
355 .title-header { 449 .title-header {
356 background-color: #fff; 450 background-color: #fff;
357 display: flex; 451 display: flex;
358 align-items: center; 452 align-items: center;
359 padding: 32rpx 32rpx 22rpx; 453 padding: 32rpx 32rpx 22rpx;
  454 + border-bottom: 1rpx dashed #f0f0f0;
  455 + // &.bp {
  456 + // border-bottom: 1rpx solid #f0f0f0;
  457 + // }
360 458
361 &_icon { 459 &_icon {
362 width: 32rpx; 460 width: 32rpx;