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

@@ -248,7 +248,7 @@ export default {
     align-items: center;
     padding: 24rpx 32rpx;
     &.bp {
-        border-bottom: 1rpx solid #f0f0f0;
+        border-bottom: 1rpx dashed #f0f0f0;
     }
 }
 

@@ -7,10 +7,12 @@
           <view :class="['status', `status_${form.status}`]" />
           <view class="row"><text class="label">编号</text><text class="value">{{ form.serialNumber }}</text></view>
           <view class="row"><text class="label">区域</text><text class="value">{{ form.region }}</text></view>
-          <view class="row"><text class="label">客户简称</text><text class="value">{{ form.customerShortName }}</text></view>
+          <view class="row"><text class="label">客户简称</text><text class="value">{{ form.customerShortName }}</text>
+          </view>
           <view class="row"><text class="label">企业类型</text><text class="value">{{ getDicName('ENTERPRISE_TYPE',
             form.enterpriseType, enterpriseTypeOptions) }}</text></view>
-          <view class="row"><text class="label">企业操作类型</text><text class="value">{{ form.enterpriseOperationType }}</text></view>
+          <view class="row"><text class="label">企业操作类型</text><text class="value">{{ form.enterpriseOperationType
+          }}</text></view>
           <view class="row"><text class="label">登记日期</text><text class="value">{{ form.registerDate }}</text></view>
         </view>
 
@@ -29,8 +31,10 @@
           <view class="row"><text class="label">经营年限</text><text class="value">{{ form.businessYears }}</text></view>
           <view class="row"><text class="label">单位地址</text><text class="value">{{ form.companyAddress }}</text></view>
           <view class="row"><text class="label">经营范围</text><text class="value">{{ form.businessScope }}</text></view>
-          <view class="row"><text class="label">工商信息</text><text class="value act">{{ form.businessFileName }}</text></view>
-          <view class="row"><text class="label">股东信息</text><text class="value act">{{ form.shareholderFileName }}</text></view>
+          <view class="row"><text class="label">工商信息</text><text class="value act">{{ form.businessFileName }}</text>
+          </view>
+          <view class="row"><text class="label">股东信息</text><text class="value act">{{ form.shareholderFileName }}</text>
+          </view>
         </view>
 
         <!-- 核心人员 -->
@@ -54,14 +58,19 @@
           <view class="row"><text class="label">资产评估</text><text class="value">{{ form.assetEvaluation }}</text></view>
           <view class="row"><text class="label">上年度销售额</text><text class="value">{{ form.lastYearSales }}</text></view>
           <view class="row"><text class="label">月均销量</text><text class="value">{{ form.monthlyAvgSales }}</text></view>
-          <view class="row"><text class="label">销项发票所开品名与计量单位</text><text class="value">{{ form.invoiceItemUnit }}</text></view>
-          <view class="row"><text class="label">认证证书</text><text class="value">{{ form.certificationCertificate }}</text></view>
-          <view class="row"><text class="label">我司售与产品于经营范围是否匹配</text><text class="value">{{ form.productMatch }}</text></view>
+          <view class="row"><text class="label">销项发票所开品名与计量单位</text><text class="value">{{ form.invoiceItemUnit
+          }}</text></view>
+          <view class="row"><text class="label">认证证书</text><text class="value">{{ form.certificationCertificate
+          }}</text></view>
+          <view class="row"><text class="label">我司售与产品于经营范围是否匹配</text><text class="value">{{ form.productMatch }}</text>
+          </view>
           <view class="row"><text class="label">主要客户</text><text class="value">{{ form.majorCustomers }}</text></view>
           <view class="row"><text class="label">主营项目</text><text class="value">{{ form.mainProjects }}</text></view>
           <view class="row"><text class="label">从事行业</text><text class="value">{{ form.industryInvolved }}</text></view>
-          <view class="row"><text class="label">在该行业中的经验</text><text class="value">{{ form.industryExperience }}</text></view>
-          <view class="row"><text class="label">是否与其他企业有经济纠纷 违规信息 拖欠员工薪资</text><text class="value">{{ form.hasDispute }}</text></view>
+          <view class="row"><text class="label">在该行业中的经验</text><text class="value">{{ form.industryExperience }}</text>
+          </view>
+          <view class="row"><text class="label">是否与其他企业有经济纠纷 违规信息 拖欠员工薪资</text><text class="value">{{ form.hasDispute
+          }}</text></view>
         </view>
 
         <view class="title-header">
@@ -77,7 +86,8 @@
           </view>
           <view class="row"><text class="label">是否签订其他协议</text><text class="value">{{ form.otherAgreements }}</text>
           </view>
-          <view class="row"><text class="label">与我司操作是否签订长年合同</text><text class="value">{{ form.hasLongTermContract }}</text>
+          <view class="row"><text class="label">与我司操作是否签订长年合同</text><text class="value">{{ form.hasLongTermContract
+          }}</text>
           </view>
           <view class="row"><text class="label">合同类型</text><text class="value">{{ form.contractType }}</text></view>
           <view class="row"><text class="label">是否有过中断及中断原因</text><text class="value">{{ form.hasInterruption }}</text>
@@ -137,10 +147,22 @@
           <view class="row"><text class="label">加工操作方案</text><text class="value">{{ form.companyMaterialSupplyPlan
           }}</text></view>
         </view>
-        <view class="title-header">
+        <view class="title-header bp">
           <image class="title-header_icon" src="/static/images/title.png" />
           <span>变更记录</span>
         </view>
+        <view class="section">
+          <view class="history-header">
+            <text class="col col1">序号</text>
+            <text class="col col2">变更时间</text>
+            <text class="col col3">操作</text>
+          </view>
+          <view v-for="(h, i) in historyList" :key="(h && (h.id || h.code)) || i" class="history-row">
+            <text class="col col1">{{ i + 1 }}</text>
+            <text class="col col2">{{ h.createTime || '' }}</text>
+            <text class="col col3 link" @click="onViewHistory(h)">查看</text>
+          </view>
+        </view>
 
       </view>
     </scroll-view>
@@ -148,7 +170,7 @@
 </template>
 
 <script>
-import { getDetailApi } from '@/api/credit_manage.js'
+import { getDetailApi, getByIdCreditHistoryList } from '@/api/credit_manage.js'
 import { getDicName } from '@/utils/dic.js'
 import { getDicByCodeApi } from '@/api/base.js'
 import CorePersonnel from './corePersonnel.vue'
@@ -162,6 +184,7 @@ export default {
       enterpriseTypeOptions: [],
       genderOptions: [],
       categoryOptions: [],
+      historyList: [],
     }
   },
   computed: {
@@ -181,6 +204,8 @@ export default {
         const res = await getDetailApi(id)
         const data = res.data || {}
         this.form = { ...data }
+        const cid = this.form.id || this.form.code || id
+        if (cid) this.loadHistoryList(cid)
       } catch (e) {
         this.form = {}
       }
@@ -212,6 +237,19 @@ export default {
         this.categoryOptions = []
       }
     },
+    async loadHistoryList(creditId) {
+      try {
+        const res = await getByIdCreditHistoryList(creditId);
+        console.log('historyList__res', res)
+        const _data = res.data || []
+        this.historyList = Array.isArray(_data) ? _data : []
+      } catch (e) {
+        this.historyList = []
+      }
+    },
+    onViewHistory(item) {
+      console.log('onViewHistory', item)
+    },
     getDicName,
     getCategoryClass(categoryName) {
       if (!categoryName) return ''
@@ -246,7 +284,7 @@ export default {
 }
 
 .section {
-  padding: 0 32rpx 32rpx;
+  padding: 32rpx;
   background: #fff;
   margin-bottom: 20rpx;
   position: relative;
@@ -352,11 +390,71 @@ export default {
   border-top: 1rpx solid #f0f0f0;
 }
 
+.history-header {
+  display: flex;
+  background: #F7F7F7;
+  padding: 20rpx 52rpx 20rpx 32rpx;
+
+  .col {
+    font-size: 28rpx;
+    color: rgba(0,0,0,0.9);
+    line-height: 40rpx;
+  }
+
+  .col1 {
+    width: 20%;
+  }
+
+  .col2 {
+    width: 50%;
+    text-align: center;
+  }
+
+  .col3 {
+    width: 30%;
+    text-align: right;
+  }
+}
+
+.history-row {
+  display: flex;
+  padding: 20rpx 52rpx 20rpx 32rpx;
+  border-bottom: 1rpx solid #f7f7f7;
+
+  .col {
+    font-size: 28rpx;
+    color: rgba(0,0,0,0.9);
+    line-height: 40rpx;
+  }
+
+  .col1 {
+    width: 20%;
+  }
+
+  .col2 {
+    width: 50%;
+    text-align: center;
+  }
+
+  .col3 {
+    width: 30%;
+    text-align: right;
+  }
+
+  .link {
+    color: $theme-primary;
+  }
+}
+
 .title-header {
   background-color: #fff;
   display: flex;
   align-items: center;
   padding: 32rpx 32rpx 22rpx;
+  border-bottom: 1rpx dashed #f0f0f0;
+  // &.bp {
+  //   border-bottom: 1rpx solid #f0f0f0;
+  // }
 
   &_icon {
     width: 32rpx;