diff --git a/yunxi-ui-admin-vue3/src/styles/cus.scss b/yunxi-ui-admin-vue3/src/styles/cus.scss
new file mode 100644
index 00000000..aa658f2c
--- /dev/null
+++ b/yunxi-ui-admin-vue3/src/styles/cus.scss
@@ -0,0 +1,32 @@
+.xy-card-info.is-always-shadow {
+    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.xy-card-info {
+    border: 0px;
+
+    .el-card__header {
+        padding: 16px 0px;
+        background-color: inherit;
+
+        .xy-card-info-icona {
+            top: 10px;
+            width: 5px;
+            height: 24px;
+            float: left;
+            background-color: #005EFE;
+        }
+
+        .xy-card-info-text {
+            margin-left: 10px;
+        }
+    }
+
+    .el-card__body {
+        padding: 15px 0px;
+
+        .el-row {
+            margin: 10px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/yunxi-ui-admin-vue3/src/styles/index.scss b/yunxi-ui-admin-vue3/src/styles/index.scss
index 67342dc5..173e3184 100644
--- a/yunxi-ui-admin-vue3/src/styles/index.scss
+++ b/yunxi-ui-admin-vue3/src/styles/index.scss
@@ -1,6 +1,7 @@
 @import './var.css';
 @import 'element-plus/theme-chalk/dark/css-vars.css';
 @import './font.scss';
+@import './cus.scss';
 
 * {
   font-family: 'AlibabaPuHuiTi-3-55-Regular';
diff --git a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/CustomerDetails.vue b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/CustomerDetails.vue
index b3662f47..8e405cb7 100644
--- a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/CustomerDetails.vue
+++ b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/CustomerDetails.vue
@@ -1,42 +1,137 @@
 <template>
-  <el-card class="box-card">
-    <template #header>
-      <el-button type="" link icon="ep:Back">返回</el-button>
-    </template>
-    <template #default>
-      <el-button type="" link icon="ep:back">返回</el-button>
-      cs
-    </template>
-  </el-card>
-
-  <ContentWrap>
-    <el-tabs v-model="activeTabN" class="xy-tabs">
+  <div>
+    <el-card class="box-card xy-y1">
+      <template #header>
+        <el-button type="" link>返回</el-button>
+      </template>
+      <template #default>
+        <el-row>
+          <el-col :span="24">
+            <el-row>
+              <el-col :span="12">
+                <div style="float: left;"><el-image style="width: 100px; height: 100px" fit="fill" /></div>
+                <div style="height: 100px; line-height: 100px;float: left;">江阴华润制钢有限公司（一级客户）</div>
+              </el-col>
+              <el-col :span="12">
+                <div style="float: right;">
+                  <el-space :size="10">
+                    <el-button type="primary">编辑信息</el-button>
+                    <el-button>更新业务进度</el-button>
+                    <el-button>申请评级</el-button>
+                    <el-button>更新业务进度</el-button>
+                    <el-select placeholder="更多操作" style="width: 100px;">
+                      <el-option label="业务配置" :value="1" />
+                      <el-option label="业务配置" :value="1" />
+                    </el-select>
+                  </el-space>
+                </div>
+              </el-col>
+            </el-row>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24" style="background-color: #F7F8FA; padding: 24px;">
+            <el-row>
+              <el-col :span="6">
+                <el-row>
+                  <el-col :span="6" class="xy-label">客户编号：</el-col>
+                  <el-col :span="18" class="xy-text">C20230822001</el-col>
+                </el-row>
+              </el-col>
+              <el-col :span="6">
+                <el-row>
+                  <el-col :span="6" class="xy-label">企业性质：</el-col>
+                  <el-col :span="18" class="xy-text">外资企业</el-col>
+                </el-row>
+              </el-col>
+              <el-col :span="6">
+                <el-row>
+                  <el-col :span="6" class="xy-label">行业分类：</el-col>
+                  <el-col :span="18" class="xy-text">行业分类</el-col>
+                </el-row>
+              </el-col>
+              <el-col :span="6">
+                <el-row>
+                  <el-col :span="8">状态</el-col>
+                  <el-col :span="8">业务进度</el-col>
+                  <el-col :span="8">信用等级</el-col>
+                </el-row>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6">
+                <el-row>
+                  <el-col :span="6" class="xy-label">创建时间：</el-col>
+                  <el-col :span="18" class="xy-text">2023-08-23 23:26:08</el-col>
+                </el-row>
+              </el-col>
+              <el-col :span="6">
+                <el-row>
+                  <el-col :span="6" class="xy-label">默认联系人：</el-col>
+                  <el-col :span="18" class="xy-text">李总（13112345678）</el-col>
+                </el-row>
+              </el-col>
+              <el-col :span="6">
+                <el-row>
+                  <el-col :span="6" class="xy-label">归属人员：</el-col>
+                  <el-col :span="18" class="xy-text">张总 (已锁定，到期时间10/30)</el-col>
+                </el-row>
+              </el-col>
+              <el-col :span="6">
+                <el-row>
+                  <el-col :span="8">已启用</el-col>
+                  <el-col :span="8">正在跟进</el-col>
+                  <!-- <el-col :span="8"><el-rate :model-value="2" clearable /></el-col> -->
+                </el-row>
+              </el-col>
+            </el-row>
+          </el-col>
+        </el-row>
+      </template>
+    </el-card>
+    <el-tabs v-model="activeTabN">
       <el-tab-pane label="基础信息" name="tabN1">
-        <InfoBasic />
+        <template v-if="activeTabN == 'tabN1'">
+          <InfoBasic />
+        </template>
       </el-tab-pane>
       <el-tab-pane label="资质信息" name="tabN2">
-        <InfoQualification />
+        <template v-if="activeTabN == 'tabN2'">
+          <InfoQualification />
+        </template>
       </el-tab-pane>
       <el-tab-pane label="财务信息" name="tabN3">
-        <InfoFinancial />
+        <template v-if="activeTabN == 'tabN3'">
+          <InfoFinancial />
+        </template>
       </el-tab-pane>
       <el-tab-pane label="合同信息" name="tabN4">
-        <InfoContract />
+        <template v-if="activeTabN == 'tabN4'">
+          <InfoContract />
+        </template>
       </el-tab-pane>
       <el-tab-pane label="销售订单" name="tabN5">
-        <InfoSaleOrder />
+        <template v-if="activeTabN == 'tabN5'">
+          <InfoSaleOrder />
+        </template>
       </el-tab-pane>
       <el-tab-pane label="结算信息" name="tabN6">
-        <InfoSettlement />
+        <template v-if="activeTabN == 'tabN6'">
+          <InfoSettlement />
+        </template>
       </el-tab-pane>
       <el-tab-pane label="操作记录" name="tabN7">
-        <InfoOperationRecords />
+        <template v-if="activeTabN == 'tabN7'">
+          <InfoOperationRecords />
+        </template>
       </el-tab-pane>
       <el-tab-pane label="日志记录" name="tabN8">
-        <InfoLogging />
+        <template v-if="activeTabN == 'tabN8'">
+          <InfoLogging />
+        </template>
       </el-tab-pane>
     </el-tabs>
-  </ContentWrap>
+  </div>
 </template>
 
 <script setup lang="ts" name="CustomerDetails">
@@ -48,6 +143,7 @@ import InfoSaleOrder from './src/InfoSaleOrder.vue'
 import InfoSettlement from './src/InfoSettlement.vue'
 import InfoOperationRecords from './src/InfoOperationRecords.vue'
 import InfoLogging from './src/InfoLogging.vue'
+
 const activeTabN = ref('tabN1')
 </script>
 
@@ -57,6 +153,58 @@ const activeTabN = ref('tabN1')
     padding-left: 10px;
   }
 }
+
+.xy-card {
+  .el-card__header {
+    background-color: #F7F8FA;
+  }
+}
+
+.xy-card-info.is-always-shadow {
+  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
+}
+
+.xy-card-info {
+  border: 0px;
+
+  .el-card__header {
+    padding: 16px 0px;
+    background-color: inherit;
+
+    .xy-card-info-icona {
+      top: 10px;
+      width: 5px;
+      height: 24px;
+      float: left;
+      background-color: #005EFE;
+    }
+
+    .xy-card-info-text {
+      margin-left: 10px;
+    }
+  }
+
+  .el-card__body {
+    padding: 15px 0px;
+
+    .el-row {
+      margin: 10px;
+    }
+  }
+}
 </style>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.xy-y1 {
+  .xy-label {
+    text-align: right;
+    color: #86909C;
+  }
+
+  .xy-text {
+    color: #1D2129;
+  }
+}
+
+
+</style>
diff --git a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoBasic.vue b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoBasic.vue
index 71b6e233..6830d34f 100644
--- a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoBasic.vue
+++ b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoBasic.vue
@@ -19,9 +19,9 @@
             操作记录
         </template>
         <template #default>
-            <el-card class="xy-card-info-a">
+            <el-card class="xy-card-info">
                 <template #header>
-                    基本信息
+                    <div class="xy-card-info-icona"></div><span class="xy-card-info-text">基本信息</span>
                 </template>
                 <template #default>
                     <el-row>
@@ -86,9 +86,9 @@
                     </el-row>
                 </template>
             </el-card>
-            <el-card class="xy-card-info-a">
+            <el-card class="xy-card-info">
                 <template #header>
-                    详细信息
+                    <div class="xy-card-info-icona"></div><span class="xy-card-info-text">详细信息</span>
                 </template>
                 <template #default>
                     <el-row>
@@ -143,9 +143,9 @@
                     </el-row>
                 </template>
             </el-card>
-            <el-card class="xy-card-info-a">
+            <el-card class="xy-card-info">
                 <template #header>
-                    合作信息
+                    <div class="xy-card-info-icona"></div><span class="xy-card-info-text">合作信息</span>
                 </template>
                 <template #default>
                     <el-row>
@@ -178,9 +178,9 @@
                     </el-row>
                 </template>
             </el-card>
-            <el-card class="xy-card-info-a">
+            <el-card class="xy-card-info">
                 <template #header>
-                    运营信息
+                    <div class="xy-card-info-icona"></div><span class="xy-card-info-text">运营信息</span>
                 </template>
                 <template #default>
                     <el-row>
@@ -227,9 +227,9 @@
                     </el-row>
                 </template>
             </el-card>
-            <el-card class="xy-card-info-a">
+            <el-card class="xy-card-info">
                 <template #header>
-                    联系人信息
+                    <div class="xy-card-info-icona"></div><span class="xy-card-info-text">联系人信息</span>
                 </template>
                 <template #default>
                     <el-row>
@@ -247,9 +247,9 @@
                     </el-row>
                 </template>
             </el-card>
-            <el-card class="xy-card-info-a">
+            <el-card class="xy-card-info">
                 <template #header>
-                    扩展信息
+                    <div class="xy-card-info-icona"></div><span class="xy-card-info-text">扩展信息</span>
                 </template>
                 <template #default>
                     <el-row>
@@ -312,36 +312,54 @@ const tbDataA = [
 </script>
 
 <style lang="scss">
-.xy-card-b {
-    margin: 16px 24px;
+// .xy-card-b {
+//     margin: 16px 24px;
 
-    .el-card__header {
-        background-color: #F7F8FA;
-        height: 48px;
-        padding: 12px 16px;
-        color: #666666;
-    }
-}
+//     .el-card__header {
+//         background-color: #F7F8FA;
+//         height: 48px;
+//         padding: 12px 16px;
+//         color: #666666;
+//     }
+// }
 
-.xy-card-info-a {
-    margin-top: 16px;
-    border: 0px;
+// .xy-card {
+//     .el-card__header {
+//         background-color: #F7F8FA;
+//     }
+// }
 
-    .el-card__header {
-        background-color: inherit;
-        padding: 0px;
-        height: 28px;
-        line-height: 28px;
-    }
+// .xy-card-info.is-always-shadow {
+//     box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
+// }
 
-    .xy-label {
-        color: #86909C;
-        text-align: right;
-    }
+// .xy-card-info {
+//     border: 0px;
 
-    .xy-text {
-        color: #1D2129;
-    }
-}
+//     .el-card__header {
+//         padding: 16px 0px;
+//         background-color: inherit;
+
+//         .xy-card-info-icona {
+//             top: 10px;
+//             width: 5px;
+//             height: 24px;
+//             float: left;
+//             background-color: #005EFE;
+//         }
+
+//         .xy-card-info-text {
+//             margin-left: 10px;
+//         }
+//     }
+
+//     .el-card__body {
+//         padding: 15px 0px;
+
+//         .el-row {
+//             margin: 10px;
+//         }
+//     }
+// }
 </style>
   
\ No newline at end of file
diff --git a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoFinancial.vue b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoFinancial.vue
index 60e4e10c..6a268b73 100644
--- a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoFinancial.vue
+++ b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoFinancial.vue
@@ -4,9 +4,9 @@
             财务信息
         </template>
         <template #default>
-            <el-card class="xy-card-info-a">
+            <el-card class="xy-card-info">
                 <template #header>
-                    财务信息
+                    <div class="xy-card-info-icona"></div><span class="xy-card-info-text">财务信息</span>
                 </template>
                 <template #default>
                     <el-row>
@@ -55,9 +55,9 @@
                     </el-row>
                 </template>
             </el-card>
-            <el-card class="xy-card-info-a">
+            <el-card class="xy-card-info">
                 <template #header>
-                    结算信息
+                    <div class="xy-card-info-icona"></div><span class="xy-card-info-text">结算信息</span>
                 </template>
                 <template #default>
                     <el-row>
@@ -80,9 +80,9 @@
                     </el-row>
                 </template>
             </el-card>
-            <el-card class="xy-card-info-a">
+            <el-card class="xy-card-info">
                 <template #header>
-                    分控信息
+                    <div class="xy-card-info-icona"></div><span class="xy-card-info-text">分控信息</span>
                 </template>
                 <template #default>
                     <el-row>
diff --git a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoQualification.vue b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoQualification.vue
index a002572d..349cde1c 100644
--- a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoQualification.vue
+++ b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoQualification.vue
@@ -4,9 +4,9 @@
             资质信息
         </template>
         <template #default>
-            <el-card class="xy-card-info-a">
+            <el-card class="xy-card-info">
                 <template #header>
-                    主体信息
+                    <div class="xy-card-info-icona"></div><span class="xy-card-info-text">主体信息</span>
                 </template>
                 <template #default>
                     <el-row>
@@ -75,9 +75,9 @@
                     </el-row>
                 </template>
             </el-card>
-            <el-card class="xy-card-info-a">
+            <el-card class="xy-card-info">
                 <template #header>
-                    代表人信息
+                    <div class="xy-card-info-icona"></div><span class="xy-card-info-text">代表人信息</span>
                 </template>
                 <template #default>
                     <el-row>
@@ -95,9 +95,9 @@
                     </el-row>
                 </template>
             </el-card>
-            <el-card class="xy-card-info-a">
+            <el-card class="xy-card-info">
                 <template #header>
-                    资质信息
+                    <div class="xy-card-info-icona"></div><span class="xy-card-info-text">资质信息</span>
                 </template>
                 <template #default>
                     <el-row>
@@ -175,5 +175,6 @@ const tbDataA = [
 ]
 </script>
 
-<style lang="scss"></style>
+<style lang="scss">
+</style>
   
\ No newline at end of file