客户详情排版优化

yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoContract.vue

@@ -1,6 +1,42 @@
 <template>
-    <el-tabs v-model="activeTabN" class="demo-tabs">
-        <el-tab-pane label="所有合同" name="tabN1">所有合同</el-tab-pane>
+    <el-tabs v-model="activeTabN" class="xy-tabs xy-margin-zero">
+        <el-tab-pane label="所有合同" name="tabN1">
+            <el-table :data="listA" :border="true" :stripe="true" :show-overflow-tooltip="true" class="xy-table">
+                <el-table-column fixed label="合同编号" prop="k1" sortable width="150px"></el-table-column>
+                <el-table-column fixed label="合同状态" prop="k2" width="120px"></el-table-column>
+                <el-table-column label="执行进度（完成/计划）" prop="k3a" width="180px">
+                    <template #default="scope">
+                        <span style="color: #EC808D;">{{ scope.row.k3a }}</span>/<span style="color: #409EFF;">{{
+                            scope.row.k3b }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="应收金额（已回款/应回款）" prop="k4a" width="200px">
+                    <template #default="scope">
+                        <span style="color: #EC808D;">{{ scope.row.k4a }}</span>/<span style="color: #409EFF;">{{
+                            scope.row.k4b }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="是否逾期" prop="k5a" width="120px">
+                    <template #default="scope">
+                        <span style="color: #EC808D;">{{ scope.row.k4a }}</span>/<span style="color: #409EFF;">{{
+                            scope.row.k4b }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="客户星级" prop="k1" width="150px">
+                </el-table-column>
+                <el-table-column label="业务进度" prop="k1" width="120px">
+                </el-table-column>
+                <el-table-column label="归属人员" prop="belongingPeople" width="150px" />
+                <el-table-column label="生效时间" prop="collaborationStart" width="150px">
+                </el-table-column>
+                <el-table-column label="添加时间" prop="createTime" width="150px">
+                </el-table-column>
+                <el-table-column label="更新时间" prop="updateTime" width="150px">
+                </el-table-column>
+                <el-table-column label="操作" align="center" width="150px" fixed="right">
+                </el-table-column>
+            </el-table>
+        </el-tab-pane>
         <el-tab-pane label="待生效" name="tabN2">待生效</el-tab-pane>
         <el-tab-pane label="进行中" name="tabN3">进行中</el-tab-pane>
         <el-tab-pane label="已完成" name="tabN4">已完成</el-tab-pane>
@@ -12,6 +48,11 @@
   
 <script setup lang="ts" name="InfoContract">
 const activeTabN = ref('tabN1')
+
+const listA: any = ref([
+    { k1: 'S202308220001', k2: '待生效', k3a: '1000吨', k3b: '10000吨', k4a: '1000万元', k4b: '10000万元', k5a: true, k5b: '100' },
+    { k1: 'S202308220001', k2: '待生效', k3a: '1000吨', k3b: '10000吨', k4a: '1000万元', k4b: '10000万元', k5a: false, k5b: '' },
+])
 </script>
 
 <style lang="scss"></style>

yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoSaleOrder.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-tabs v-model="activeTabN" class="demo-tabs">
+    <el-tabs v-model="activeTabN" class="xy-tabs xy-margin-zero">
         <el-tab-pane label="所有订单" name="tabN1">所有订单</el-tab-pane>
         <el-tab-pane label="已提交" name="tabN2">已提交</el-tab-pane>
         <el-tab-pane label="待支付" name="tabN3">待支付</el-tab-pane>

yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoSettlement.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-tabs v-model="activeTabN" class="demo-tabs">
+    <el-tabs v-model="activeTabN" class="xy-tabs xy-margin-zero">
         <el-tab-pane label="所有" name="tabN1">所有</el-tab-pane>
         <el-tab-pane label="待审批" name="tabN2">待审批</el-tab-pane>
         <el-tab-pane label="待开票" name="tabN3">待开票</el-tab-pane>