From 1a1a7b401b0f75d2588256fdc3dfd3a98d0fb66c Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期五, 01 八月 2025 16:15:27 +0800
Subject: [PATCH] '更改客户表管理页面'

---
 Web/src/views/Customer/fBS_CusExtend/index.vue |  241 ++++++++++++++++++++++++++++-------------------
 1 files changed, 142 insertions(+), 99 deletions(-)

diff --git a/Web/src/views/Customer/fBS_CusExtend/index.vue b/Web/src/views/Customer/fBS_CusExtend/index.vue
index e7f12ba..11df09a 100644
--- a/Web/src/views/Customer/fBS_CusExtend/index.vue
+++ b/Web/src/views/Customer/fBS_CusExtend/index.vue
@@ -8,8 +8,12 @@
 import printDialog from '/@/views/system/print/component/hiprint/preview.vue'
 import ModifyRecord from '/@/components/table/modifyRecord.vue';
 import ImportData from "/@/components/table/importData.vue";
+import { useFBS_ExRoleApi } from '/@/api/Customer/fBS_ExRole';
+import { formatDate } from '/@/utils/formatTime';
+
 
 const fBS_CusExtendApi = useFBS_CusExtendApi();
+const fBS_ExRoleApi = useFBS_ExRoleApi();
 const printDialogRef = ref();
 const editDialogRef = ref();
 const importDataRef = ref();
@@ -29,12 +33,33 @@
     order: 'descending', // 鎺掑簭鏂瑰悜
     descStr: 'descending', // 闄嶅簭鎺掑簭鐨勫叧閿瓧绗�
   },
+  tableParams1: {
+    page: 1,
+    pageSize: 20,
+    total: 0,
+    field: 'createTime', // 榛樿鐨勬帓搴忓瓧娈�
+    order: 'descending', // 鎺掑簭鏂瑰悜
+    descStr: 'descending', // 闄嶅簭鎺掑簭鐨勫叧閿瓧绗�
+  },
   tableData: [],
+  roleList: [],
+  qiyeList:[],
+  shenheList:[]
 });
 
 // 椤甸潰鍔犺浇鏃�
 onMounted(async () => {
+  handleQueryRole()
+  getParamList()
 });
+
+const getParamList = async()=>{
+  let res = await fBS_CusExtendApi.getParam().then(res => res.data.result);
+  state.qiyeList = res.enterpriseTypes
+  state.shenheList = res.stepsTypeItems
+  console.log(res,state.qiyeList,state.shenheList);
+  
+}
 
 // 鏌ヨ鎿嶄綔
 const handleQuery = async (params: any = {}) => {
@@ -44,6 +69,12 @@
   state.tableParams.total = result?.total;
   state.tableData = result?.items ?? [];
   state.tableLoading = false;
+};
+
+// 鏌ヨ瑙掕壊
+const handleQueryRole = async (params: any = {}) => {
+  const result = await fBS_ExRoleApi.page(Object.assign({}, state.tableParams1)).then(res => res.data.result);
+  state.roleList = result?.items ?? [];
 };
 
 // 鍒楁帓搴�
@@ -104,129 +135,84 @@
 <template>
   <div class="fBS_CusExtend-container" v-loading="state.exportLoading">
     <el-card shadow="hover" :body-style="{ paddingBottom: '0' }"> 
-      <el-form :model="state.tableQueryParams" ref="queryForm" labelWidth="90">
+      <el-form :model="state.tableQueryParams" ref="queryForm" labelWidth="120">
         <el-row>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10">
+          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10">
             <el-form-item label="鍏抽敭瀛�">
               <el-input v-model="state.tableQueryParams.keyword" clearable placeholder="璇疯緭鍏ユā绯婃煡璇㈠叧閿瓧"/>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
+          <!-- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
             <el-form-item label="鐢ㄦ埛ID">
               <el-input v-model="state.tableQueryParams.customerId" clearable placeholder="璇疯緭鍏ョ敤鎴稩D"/>
             </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
+          </el-col> -->
+          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
             <el-form-item label="浼佷笟绫诲瀷 ">
               <el-input v-model="state.tableQueryParams.enterpriseType" clearable placeholder="璇疯緭鍏ヤ紒涓氱被鍨� "/>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
-            <el-form-item label="浜ゆ槗涓讳綋code">
-              <el-input v-model="state.tableQueryParams.transactionCode" clearable placeholder="璇疯緭鍏ヤ氦鏄撲富浣揷ode"/>
+          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
+            <el-form-item label="浜ゆ槗涓讳綋">
+              <el-input v-model="state.tableQueryParams.transactionCode" clearable placeholder="璇疯緭鍏ヤ氦鏄撲富浣�"/>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
-            <el-form-item label="钀ヤ笟鎵х収鏂囦欢璺緞">
-              <el-input v-model="state.tableQueryParams.businessLicense" clearable placeholder="璇疯緭鍏ヨ惀涓氭墽鐓ф枃浠惰矾寰�"/>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
+          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
             <el-form-item label="浼佷笟鍚嶇О">
               <el-input v-model="state.tableQueryParams.enterpriseName" clearable placeholder="璇疯緭鍏ヤ紒涓氬悕绉�"/>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
+          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
             <el-form-item label="缁熶竴绀句細淇$敤浠g爜">
               <el-input v-model="state.tableQueryParams.unifiedSocialCreditCode" clearable placeholder="璇疯緭鍏ョ粺涓�绀句細淇$敤浠g爜"/>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
+          <!-- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
             <el-form-item label="娉ㄥ唽璧勯噾">
               <el-input v-model="state.tableQueryParams.registeredCapital" clearable placeholder="璇疯緭鍏ユ敞鍐岃祫閲�"/>
             </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
-            <el-form-item label="娉曞畾浠h〃浜哄鍚�">
-              <el-input v-model="state.tableQueryParams.legalRepresentativeName" clearable placeholder="璇疯緭鍏ユ硶瀹氫唬琛ㄤ汉濮撳悕"/>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
-            <el-form-item label="娉曞畾浠h〃浜鸿韩浠借瘉鏂囦欢璺緞">
-              <el-input v-model="state.tableQueryParams.legalRepresentativeIdCard" clearable placeholder="璇疯緭鍏ユ硶瀹氫唬琛ㄤ汉韬唤璇佹枃浠惰矾寰�"/>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
-            <el-form-item label="娉曞畾浠h〃浜哄鍚�">
-              <el-input v-model="state.tableQueryParams.legalRepresentativeIdNumber" clearable placeholder="璇疯緭鍏ユ硶瀹氫唬琛ㄤ汉濮撳悕"/>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
+          </el-col> -->
+          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
             <el-form-item label="娉曞畾浠h〃浜哄鍚�">
               <el-input v-model="state.tableQueryParams.legalRepresentativePhone" clearable placeholder="璇疯緭鍏ユ硶瀹氫唬琛ㄤ汉濮撳悕"/>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
+          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
             <el-form-item label="浼佷笟浣忔墍">
               <el-input v-model="state.tableQueryParams.residence" clearable placeholder="璇疯緭鍏ヤ紒涓氫綇鎵�"/>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
+          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
             <el-form-item label="浼佷笟鑱旂郴鐢佃瘽">
               <el-input v-model="state.tableQueryParams.enterprisePhone" clearable placeholder="璇疯緭鍏ヤ紒涓氳仈绯荤數璇�"/>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
+          <!-- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
             <el-form-item label="浼佷笟鎴愮珛鏃堕棿">
               <el-date-picker type="daterange" v-model="state.tableQueryParams.establishmentTimeRange"  value-format="YYYY-MM-DD HH:mm:ss" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" />
             </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
+          </el-col> -->
+          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
             <el-form-item label="浼佷笟涓昏惀涓氬姟">
               <el-input v-model="state.tableQueryParams.mainBusiness" clearable placeholder="璇疯緭鍏ヤ紒涓氫富钀ヤ笟鍔�"/>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
+          <!-- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
             <el-form-item label="浼佷笟閭">
               <el-input v-model="state.tableQueryParams.enterpriseEmail" clearable placeholder="璇疯緭鍏ヤ紒涓氶偖绠�"/>
             </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
+          </el-col> -->
+          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
             <el-form-item label="涓氬姟缁忓姙浜哄鍚�">
               <el-input v-model="state.tableQueryParams.operatorName" clearable placeholder="璇疯緭鍏ヤ笟鍔$粡鍔炰汉濮撳悕"/>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
-            <el-form-item label="涓氬姟缁忓姙浜鸿韩浠借瘉鏂囦欢璺緞鎴栨爣璇�">
-              <el-input v-model="state.tableQueryParams.operatorIdCard" clearable placeholder="璇疯緭鍏ヤ笟鍔$粡鍔炰汉韬唤璇佹枃浠惰矾寰勬垨鏍囪瘑"/>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
-            <el-form-item label="娉曞畾浠h〃浜哄鍚�">
-              <el-input v-model="state.tableQueryParams.operatorIdNumber" clearable placeholder="璇疯緭鍏ユ硶瀹氫唬琛ㄤ汉濮撳悕"/>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
-            <el-form-item label="娉曞畾浠h〃浜哄鍚�">
-              <el-input v-model="state.tableQueryParams.operatorPhone" clearable placeholder="璇疯緭鍏ユ硶瀹氫唬琛ㄤ汉濮撳悕"/>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
-            <el-form-item label="娉曞畾浠h〃浜哄鍚�">
-              <el-input v-model="state.tableQueryParams.bankName" clearable placeholder="璇疯緭鍏ユ硶瀹氫唬琛ㄤ汉濮撳悕"/>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
-            <el-form-item label="娉曞畾浠h〃浜哄鍚�">
-              <el-input v-model="state.tableQueryParams.bankAccount" clearable placeholder="璇疯緭鍏ユ硶瀹氫唬琛ㄤ汉濮撳悕"/>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
+          <!-- <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10" v-if="state.showAdvanceQueryUI">
             <el-form-item label="瀹℃牳姝ラ">
               <g-sys-dict v-model="state.tableQueryParams.steps" code="CusExtendStep" render-as="select" placeholder="璇烽�夋嫨瀹℃牳姝ラ" clearable filterable />
             </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10">
+          </el-col> -->
+          <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="4" class="mb10">
             <el-form-item >
               <el-button-group style="display: flex; align-items: center;">
                 <el-button type="primary"  icon="ele-Search" @click="handleQuery" v-auth="'fBS_CusExtend:page'" v-reclick="1000"> 鏌ヨ </el-button>
@@ -253,45 +239,102 @@
       </el-form>
     </el-card>
     <el-card class="full-table" shadow="hover" style="margin-top: 5px">
-      <el-table :data="state.tableData" @selection-change="(val: any[]) => { state.selectData = val; }" style="width: 100%" v-loading="state.tableLoading" tooltip-effect="light" row-key="id" @sort-change="sortChange" border>
+      <el-table :data="state.tableData" @selection-change="(val: any[]) => { state.selectData = val; }" fit style="width: 100%" v-loading="state.tableLoading" tooltip-effect="light" row-key="id" @sort-change="sortChange" border>
         <el-table-column type="selection" width="40" align="center" v-if="auth('fBS_CusExtend:batchDelete') || auth('fBS_CusExtend:export')" />
         <el-table-column type="index" label="搴忓彿" width="55" align="center"/>
-        <el-table-column prop='customerId' label='鐢ㄦ埛ID' show-overflow-tooltip />
+        <!-- <el-table-column prop='customerId' label='鐢ㄦ埛ID' show-overflow-tooltip /> -->
         <el-table-column prop='enterpriseType' label='浼佷笟绫诲瀷 ' show-overflow-tooltip />
-        <el-table-column prop='transactionCode' label='浜ゆ槗涓讳綋code' show-overflow-tooltip />
-        <el-table-column prop='businessLicense' label='钀ヤ笟鎵х収鏂囦欢璺緞' show-overflow-tooltip />
-        <el-table-column prop='enterpriseName' label='浼佷笟鍚嶇О' show-overflow-tooltip />
-        <el-table-column prop='unifiedSocialCreditCode' label='缁熶竴绀句細淇$敤浠g爜' show-overflow-tooltip />
-        <el-table-column prop='registeredCapital' label='娉ㄥ唽璧勯噾' show-overflow-tooltip />
-        <el-table-column prop='legalRepresentativeName' label='娉曞畾浠h〃浜哄鍚�' show-overflow-tooltip />
-        <el-table-column prop='legalRepresentativeIdCard' label='娉曞畾浠h〃浜鸿韩浠借瘉鏂囦欢璺緞' show-overflow-tooltip />
-        <el-table-column prop='legalRepresentativeIdNumber' label='娉曞畾浠h〃浜哄鍚�' show-overflow-tooltip />
-        <el-table-column prop='legalRepresentativePhone' label='娉曞畾浠h〃浜哄鍚�' show-overflow-tooltip />
-        <el-table-column prop='residence' label='浼佷笟浣忔墍' show-overflow-tooltip />
-        <el-table-column prop='enterprisePhone' label='浼佷笟鑱旂郴鐢佃瘽' show-overflow-tooltip />
-        <el-table-column prop='establishmentTime' label='浼佷笟鎴愮珛鏃堕棿' show-overflow-tooltip />
-        <el-table-column prop='mainBusiness' label='浼佷笟涓昏惀涓氬姟' show-overflow-tooltip />
-        <el-table-column prop='enterpriseEmail' label='浼佷笟閭' show-overflow-tooltip />
-        <el-table-column prop='operatorName' label='涓氬姟缁忓姙浜哄鍚�' show-overflow-tooltip />
-        <el-table-column prop='operatorIdCard' label='涓氬姟缁忓姙浜鸿韩浠借瘉鏂囦欢璺緞鎴栨爣璇�' show-overflow-tooltip />
-        <el-table-column prop='operatorIdNumber' label='涓氬姟缁忓姙浜哄鍚�' show-overflow-tooltip />
-        <el-table-column prop='operatorPhone' label='涓氬姟缁忓姙浜虹數璇�' show-overflow-tooltip />
-        <el-table-column prop='bankName' label='寮�鎴疯鍚嶇О' show-overflow-tooltip />
-        <el-table-column prop='bankAccount' label='寮�鎴疯璐﹀彿' show-overflow-tooltip />
-        <el-table-column prop='steps' label='瀹℃牳姝ラ' show-overflow-tooltip>
-          <template #default="scope">
-            <g-sys-dict v-model="scope.row.steps" code="CusExtendStep" />
+        <el-table-column prop='transactionCode' label='浜ゆ槗涓讳綋' show-overflow-tooltip width="100">
+          <template v-slot="scope">
+            <span v-for="(item, index) in state.roleList" :key="index">
+          <span v-if="item.code == scope.row.transactionCode">{{ item.name }}</span>
+        </span>
           </template>
         </el-table-column>
-        <el-table-column label="淇敼璁板綍" width="100" align="center" show-overflow-tooltip>
+        <el-table-column prop='businessLicense' label='钀ヤ笟鎵х収' show-overflow-tooltip width="120">
+          <template v-slot="scope">
+             <el-image
+								:src="scope.row.businessLicense"
+								:zoom-rate="1.2"
+								:preview-src-list="[scope.row.businessLicense]"
+								preview-teleported
+								fit="cover"
+						/>
+          </template>
+        </el-table-column>
+        <el-table-column prop='enterpriseName' label='浼佷笟鍚嶇О' show-overflow-tooltip width="180"/>
+        <el-table-column prop='unifiedSocialCreditCode' label='缁熶竴绀句細淇$敤浠g爜' show-overflow-tooltip width="150"/>
+        <el-table-column prop='registeredCapital' label='娉ㄥ唽璧勯噾' show-overflow-tooltip />
+        <el-table-column prop='enterprisePhone' label='鑱旂郴鐢佃瘽' show-overflow-tooltip width="100"/>
+        <el-table-column prop='establishmentTime' label='鎴愮珛鏃堕棿' show-overflow-tooltip >
+          <template #default="scope">
+              {{ formatDate(new Date(scope.row.establishmentTime), 'YYYY-mm-dd') }}
+            </template>
+        </el-table-column>
+        <!-- <el-table-column prop='mainBusiness' label='浼佷笟涓昏惀涓氬姟' show-overflow-tooltip /> -->
+        <el-table-column prop='enterpriseEmail' label='浼佷笟閭' show-overflow-tooltip width="150"/>
+        <el-table-column prop='legalRepresentativeName' label='娉曞畾浠h〃浜哄鍚�' show-overflow-tooltip  width="110"/>
+        <el-table-column prop='legalRepresentativeIdCard' label='娉曞畾浠h〃浜鸿韩浠借瘉' show-overflow-tooltip width="120">
+          <template v-slot="scope">
+             <el-image
+								:src="scope.row.legalRepresentativeIdCard"
+								:zoom-rate="1.2"
+								:preview-src-list="[scope.row.legalRepresentativeIdCard]"
+								preview-teleported
+								fit="cover"
+						/>
+          </template></el-table-column>
+        <!-- <el-table-column prop='legalRepresentativeIdNumber' label='娉曞畾浠h〃浜鸿韩浠借瘉鍙风爜' show-overflow-tooltip width="120"/> -->
+        <el-table-column prop='legalRepresentativePhone' label='娉曞畾浠h〃浜鸿仈绯荤數璇�' show-overflow-tooltip width="130"/>
+        <!-- <el-table-column prop='residence' label='浼佷笟浣忔墍' show-overflow-tooltip /> -->
+        <el-table-column prop='operatorName' label='涓氬姟缁忓姙浜哄鍚�' show-overflow-tooltip width="110"/>
+        <el-table-column prop='operatorIdCard' label='涓氬姟缁忓姙浜鸿韩浠借瘉' show-overflow-tooltip width="120">
+          <template v-slot="scope">
+             <el-image
+								:src="scope.row.operatorIdCard"
+								:zoom-rate="1.2"
+								:preview-src-list="[scope.row.operatorIdCard]"
+								preview-teleported
+								fit="cover"
+						/>
+          </template>
+        </el-table-column>
+        <!-- <el-table-column prop='operatorIdNumber' label='涓氬姟缁忓姙浜鸿韩浠借瘉鍙风爜' show-overflow-tooltip width="120"/> -->
+        <el-table-column prop='operatorPhone' label='涓氬姟缁忓姙浜虹數璇�' show-overflow-tooltip width="120"/>
+        <!-- <el-table-column prop='bankName' label='寮�鎴疯鍚嶇О' show-overflow-tooltip /> -->
+        <!-- <el-table-column prop='bankAccount' label='寮�鎴疯璐﹀彿' show-overflow-tooltip width="120"/> -->
+        <el-table-column prop='steps' label='瀹℃牳姝ラ' show-overflow-tooltip>
+          <template v-slot="scope">
+            <span v-for="(item, index) in state.shenheList" :key="index">
+              <el-tag v-if="item.value == scope.row.steps">{{ item.description }}</el-tag>
+            </span>
+          </template>
+          <!-- <template #default="scope">
+            
+            
+            <el-tag v-if="scope.row.steps==0" type='warning'>
+              寰呭鏍�
+            </el-tag>
+            <el-tag v-else-if="scope.row.steps==1" type='primary'>
+              鏇存敼
+            </el-tag>
+            <el-tag v-else-if="scope.row.steps==2" type='success'>
+              閫氳繃
+            </el-tag>
+            <el-tag v-else-if="scope.row.steps==3" type='error'>
+              鏈�氳繃
+            </el-tag>
+          </template> -->
+        </el-table-column>
+        <!-- <el-table-column label="淇敼璁板綍" width="100" align="center" show-overflow-tooltip>
           <template #default="scope">
             <ModifyRecord :data="scope.row" />
           </template>
-        </el-table-column>
-        <el-table-column label="鎿嶄綔" width="140" align="center" fixed="right" show-overflow-tooltip v-if="auth('fBS_CusExtend:update') || auth('fBS_CusExtend:delete')">
+        </el-table-column> -->
+        <el-table-column label="鎿嶄綔" width="70" align="center" fixed="right" show-overflow-tooltip v-if="auth('fBS_CusExtend:update') || auth('fBS_CusExtend:delete')">
           <template #default="scope">
-            <el-button icon="ele-Edit" size="small" text type="primary" @click="editDialogRef.openDialog(scope.row, '缂栬緫浼佷笟璧勬枡')" v-auth="'fBS_CusExtend:update'"> 缂栬緫 </el-button>
-            <el-button icon="ele-Delete" size="small" text type="primary" @click="delFBS_CusExtend(scope.row)" v-auth="'fBS_CusExtend:delete'"> 鍒犻櫎 </el-button>
+            <el-button icon="ele-Edit" size="small" text type="primary" @click="editDialogRef.openDialog(scope.row, '缂栬緫浼佷笟璧勬枡', state.qiyeList,state.roleList)" v-auth="'fBS_CusExtend:update'">  </el-button>
+            <el-button icon="ele-Delete" size="small" text type="primary" @click="delFBS_CusExtend(scope.row)" v-auth="'fBS_CusExtend:delete'">  </el-button>
           </template>
         </el-table-column>
       </el-table>

--
Gitblit v1.9.1