diff --git a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/CustomerAdd.vue b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/CustomerAdd.vue
new file mode 100644
index 00000000..39d7d1de
--- /dev/null
+++ b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/CustomerAdd.vue
@@ -0,0 +1,1038 @@
+<template>
+  <el-card class="xy-card">
+    <template #header>
+      新增客户
+    </template>
+    <template #default>
+      <el-form label-width="120px">
+        <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>
+              <el-col :span="24">
+                不同的客户分类可实现不同的业务流程，商品类型一旦保存不可修改，请选择更匹配你需求的一个。
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-radio-group v-model="dbForm.k1" size="large">
+                  <el-radio-button label="一级客户">
+                    <span>一级客户</span><br /><span style="font-size: 12px;">钢厂/回收机构</span>
+                  </el-radio-button>
+                  <el-radio-button label="二级客户">
+                    <span>二级客户</span><br /><span style="font-size: 12px;">其他客户</span>
+                  </el-radio-button>
+                </el-radio-group>
+              </el-col>
+            </el-row>
+          </template>
+        </el-card>
+        <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>
+              <el-col :span="8">
+                <el-row>
+                  <el-col :span="6">
+                    公司LOGO：
+                  </el-col>
+                  <el-col :span="18">
+                    <el-upload class="avatar-uploader2"
+                      action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15" :show-file-list="false">
+                      <img v-if="dbForm.k2 != ''" :src="dbForm.k2" class="avatar" />
+                      <el-icon v-else class="avatar-uploader-icon">
+                        <Plus />
+                      </el-icon>
+                    </el-upload>
+                  </el-col>
+                </el-row>
+              </el-col>
+              <el-col :span="8">
+                <el-row>
+                  <el-col :span="24">
+                    <el-form-item prop="k3" label="客户名称" :rules="[
+                      {
+                        required: true,
+                        message: '请输入客户名称',
+                        trigger: 'blur',
+                      }
+                    ]">
+                      <el-input v-model="dbForm.k3" placeholder="客户名称" />
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row>
+                  <el-col :span="24">
+                    <el-form-item prop="kx" label="行业分类" :rules="[
+                      {
+                        required: true,
+                        message: '请输入行业分类',
+                        trigger: 'blur',
+                      }
+                    ]">
+                      <el-select v-model="dbForm.k4" placeholder="行业分类" style="width: 100%;">
+                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row>
+                  <el-col :span="24">
+                    <el-form-item prop="kx" label="业务进度" :rules="[
+                      {
+                        required: true,
+                        message: '请输入业务进度',
+                        trigger: 'blur',
+                      }
+                    ]">
+                      <el-select v-model="dbForm.k4" placeholder="业务进度" style="width: 100%;">
+                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row>
+                  <el-col :span="24">
+                    <el-form-item prop="kx" label="信用等级" :rules="[
+                      {
+                        required: true,
+                        message: '请输入信用等级',
+                        trigger: 'blur',
+                      }
+                    ]">
+                      <el-select v-model="dbForm.k4" placeholder="信用等级" style="width: 100%;">
+                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+              </el-col>
+              <el-col :span="8">
+                <el-row>
+                  <el-col :span="24">
+                    <el-form-item prop="k4" label="企业性质" :rules="[
+                      {
+                        required: true,
+                        message: '请输入企业性质',
+                        trigger: 'blur',
+                      }
+                    ]">
+                      <el-select v-model="dbForm.k4" placeholder="企业性质" style="width: 100%;">
+                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row>
+                  <el-col :span="24">
+                    <el-form-item prop="k4" label="客户来源" :rules="[
+                      {
+                        required: true,
+                        message: '请输入客户来源',
+                        trigger: 'blur',
+                      }
+                    ]">
+                      <el-select v-model="dbForm.k4" placeholder="客户来源" style="width: 100%;">
+                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row>
+                  <el-col :span="24">
+                    <el-form-item prop="k4" label="归属人员" :rules="[
+                      {
+                        required: true,
+                        message: '请输入归属人员',
+                        trigger: 'blur',
+                      }
+                    ]">
+                      <el-select v-model="dbForm.k4" placeholder="归属人员" style="width: 100%;">
+                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+              </el-col>
+            </el-row>
+          </template>
+        </el-card>
+        <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>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="国家" :rules="[
+                  {
+                    required: true,
+                    message: '请输入国家',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-select v-model="dbForm.kx" placeholder="国家" style="width: 100%;">
+                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="所在省/市" :rules="[
+                  {
+                    required: true,
+                    message: '请选择所在省/市',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-select v-model="dbForm.kx" placeholder="所在省/市" style="width: 100%;">
+                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="详细地址" :rules="[
+                  {
+                    required: true,
+                    message: '请输入详细地址',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-input v-model="dbForm.k3" placeholder="详细地址" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="公司电话" :rules="[
+                  {
+                    required: true,
+                    message: '请输入公司电话',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-select v-model="dbForm.kx" placeholder="公司电话" style="width: 100%;">
+                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="公司传真" :rules="[
+                  {
+                    required: true,
+                    message: '请选择公司传真',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-select v-model="dbForm.kx" placeholder="公司传真" style="width: 100%;">
+                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="公司网址" :rules="[]">
+                  <el-input v-model="dbForm.kx" placeholder="公司网址">
+                    <template #prepend>Http://</template>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item prop="kx" label="公司介绍" :rules="[]">
+                  <el-input v-model="dbForm.kx" placeholder="公司介绍" type="textarea"
+                    :autosize="{ minRows: 2, maxRows: 4 }" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </template>
+        </el-card>
+        <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>
+              <el-col :span="8">
+                <el-row>
+                  <el-col :span="6">
+                    社会信息代码证（营业执照）：
+                  </el-col>
+                  <el-col :span="18">
+                    <el-upload class="avatar-uploader"
+                      action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15" :show-file-list="false">
+                      <img v-if="dbForm.k2 != ''" :src="dbForm.k2" class="avatar" />
+                      <el-icon v-else class="avatar-uploader-icon">
+                        <Plus />
+                      </el-icon>
+                    </el-upload>
+                  </el-col>
+                </el-row>
+              </el-col>
+              <el-col :span="8">
+                <el-row>
+                  <el-col :span="24">
+                    <el-form-item prop="kx" label="注册地址" :rules="[
+                      {
+                        required: true,
+                        message: '请输入注册地址',
+                        trigger: 'blur',
+                      }
+                    ]">
+                      <el-input v-model="dbForm.kx" placeholder="注册地址" />
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row>
+                  <el-col :span="24">
+                    <el-form-item prop="kx" label="经营期限" :rules="[
+                      {
+                        required: true,
+                        message: '请输入经营期限',
+                        trigger: 'blur',
+                      }
+                    ]">
+                      <el-date-picker v-model="dbForm.kx" type="daterange" start-placeholder="开始日期" end-placeholder="结束日期"
+                        :default-time="dbForm.kx" />
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+              </el-col>
+              <el-col :span="8">
+                <el-row>
+                  <el-col :span="24">
+                    <el-form-item prop="kx" label="社会统一信息代码" :rules="[
+                      {
+                        required: true,
+                        message: '请选择社会统一信息代码',
+                        trigger: 'blur',
+                      }
+                    ]">
+                      <el-select v-model="dbForm.kx" placeholder="社会统一信息代码" style="width: 100%;">
+                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row>
+                  <el-col :span="24">
+                    <el-form-item prop="kx" label="注册资金" :rules="[
+                      {
+                        required: true,
+                        message: '请选择注册资金',
+                        trigger: 'blur',
+                      }
+                    ]">
+                      <el-select v-model="dbForm.kx" placeholder="注册资金" style="width: 100%;">
+                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item prop="kx" label="经营范围" :rules="[
+                  {
+                    required: true,
+                    message: '请填写经营范围',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-input v-model="dbForm.kx" placeholder="经营范围" type="textarea"
+                    :autosize="{ minRows: 2, maxRows: 4 }" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </template>
+        </el-card>
+        <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-table :data="tableDataA" stripe style="width: 100%">
+              <el-table-column prop="k1" label="代表人类型" />
+              <el-table-column prop="k2" label="姓名" />
+              <el-table-column prop="k3" label="身份证照" />
+              <el-table-column prop="k4" label="身份证号" />
+              <el-table-column prop="k5" label="证件有效期" />
+              <el-table-column prop="k6" label="授权/证明文件" />
+              <el-table-column prop="k7" label="更新时间" />
+              <el-table-column label="操作">
+                <template #default>
+                  <el-button link type="primary">编辑</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+          </template>
+        </el-card>
+        <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>
+              <el-col :span="8"></el-col>
+              <el-col :span="8"></el-col>
+              <el-col :span="8"></el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8"></el-col>
+              <el-col :span="8"></el-col>
+              <el-col :span="8"></el-col>
+            </el-row>
+          </template>
+        </el-card>
+        <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>
+              <el-col :span="24">
+                <el-form-item prop="kx" label="合作范围 " :rules="[{
+                  required: true,
+                  message: '请选择合作范围',
+                  trigger: 'blur',
+                }]">
+                  <el-button type="primary" link>+ 关联业务线</el-button>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="合作起始时间" :rules="[{
+                  required: true,
+                  message: '请选择合作起始时间',
+                  trigger: 'blur',
+                }]">
+                  <el-time-picker v-model="dbForm.kx" is-range range-separator="到" start-placeholder="开始时间"
+                    end-placeholder="结束时间" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="需求量（每月）" :rules="[{
+                  required: true,
+                  message: '请输入需求量（每月）',
+                  trigger: 'blur',
+                }]">
+                  <el-row>
+                    <el-col :span="10">
+                      <el-input v-model="dbForm.kx" placeholder="最低">
+                        <template #append>万</template>
+                      </el-input>
+                    </el-col>
+                    <el-col :span="4" style="text-align: center;">
+                      至
+                    </el-col>
+                    <el-col :span="10">
+                      <el-input v-model="dbForm.kx" placeholder="最高">
+                        <template #append>万</template>
+                      </el-input>
+                    </el-col>
+                  </el-row>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="资金额度（单位：人民币）" :rules="[{
+                  required: true,
+                  message: '请输入资金额度（单位：人民币）',
+                  trigger: 'blur',
+                }]">
+                  <el-input v-model="dbForm.kx" placeholder="资金额度（单位：人民币）">
+                    <template #append>万</template>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </template>
+        </el-card>
+        <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>
+              <el-col :span="24">
+                <el-form-item prop="kx" label="营业时间" :rules="[{
+                  required: true,
+                  message: '请选择营业时间',
+                  trigger: 'blur',
+                }]">
+                  <el-checkbox v-model="dbForm.kx" label="周一" />
+                  <el-checkbox v-model="dbForm.kx" label="周二" />
+                  <el-checkbox v-model="dbForm.kx" label="周三" />
+                  <el-checkbox v-model="dbForm.kx" label="周四" />
+                  <el-checkbox v-model="dbForm.kx" label="周五" />
+                  <el-checkbox v-model="dbForm.kx" label="周六" />
+                  <el-checkbox v-model="dbForm.kx" label="周日" />
+                  <el-date-picker style="margin-left: 15px" width="200px" v-model="dbForm.kx" type="daterange"
+                    range-separator="到" start-placeholder="开始日期" end-placeholder="结束日期" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="允许卸货时间" :rules="[{
+                  required: true,
+                  message: '请选择允许卸货时间',
+                  trigger: 'blur',
+                }]">
+                  <el-time-picker v-model="dbForm.kx" is-range range-separator="到" start-placeholder="开始时间"
+                    end-placeholder="结束时间" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="卸货时长" :rules="[]">
+                  <el-input v-model="dbForm.kx" placeholder="卸货时长" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="卸货效率" :rules="[]">
+                  <el-input v-model="dbForm.kx" placeholder="卸货效率" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="允许装货时间" :rules="[{
+                  required: true,
+                  message: '请选择允许卸货时间',
+                  trigger: 'blur',
+                }]">
+                  <el-time-picker v-model="dbForm.kx" is-range range-separator="到" start-placeholder="开始时间"
+                    end-placeholder="结束时间" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="装货时长" :rules="[]">
+                  <el-input v-model="dbForm.kx" placeholder="装货时长" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="装货效率" :rules="[]">
+                  <el-input v-model="dbForm.kx" placeholder="装货效率" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </template>
+        </el-card>
+        <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>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="付款方式" :rules="[
+                  {
+                    required: true,
+                    message: '请选择付款方式',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-select v-model="dbForm.kx" placeholder="付款方式" style="width: 100%;">
+                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="账户名称" :rules="[{
+                  required: true,
+                  message: '请输入账户名称',
+                  trigger: 'blur',
+                }]">
+                  <el-input v-model="dbForm.kx" placeholder="账户名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="银行账号" :rules="[{
+                  required: true,
+                  message: '请输入银行账号',
+                  trigger: 'blur',
+                }]">
+                  <el-input v-model="dbForm.kx" placeholder="银行账号" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="开户银行" :rules="[
+                  {
+                    required: true,
+                    message: '请选择开户银行',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-select v-model="dbForm.kx" placeholder="开户银行" style="width: 100%;">
+                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="开户地区" :rules="[
+                  {
+                    required: true,
+                    message: '请选择开户地区',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-select v-model="dbForm.kx" placeholder="选择城市" style="width: 100%;">
+                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="支行名称" :rules="[{
+                  required: true,
+                  message: '请输入支行名称',
+                  trigger: 'blur',
+                }]">
+                  <el-input v-model="dbForm.kx" placeholder="支行名称" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="公司税号" :rules="[{
+                  required: true,
+                  message: '请输入公司税号',
+                  trigger: 'blur',
+                }]">
+                  <el-input v-model="dbForm.kx" placeholder="公司税号" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="企业名称" :rules="[{
+                  required: true,
+                  message: '请输入企业名称',
+                  trigger: 'blur',
+                }]">
+                  <el-input v-model="dbForm.kx" placeholder="企业名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="单位地址" :rules="[{
+                  required: true,
+                  message: '请输入单位地址',
+                  trigger: 'blur',
+                }]">
+                  <el-input v-model="dbForm.kx" placeholder="单位地址" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </template>
+        </el-card>
+        <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>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="合作方式" :rules="[
+                  {
+                    required: true,
+                    message: '请选择合作方式',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-radio-group v-model="dbForm.kx">
+                    <el-radio label="1">买断</el-radio>
+                    <el-radio label="2">联营</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="结算方式" :rules="[
+                  {
+                    required: true,
+                    message: '请选择结算方式',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-radio-group v-model="dbForm.kx">
+                    <el-radio label="1">先货后款</el-radio>
+                    <el-radio label="2">先款后货</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="账期" :rules="[
+                  {
+                    required: true,
+                    message: '请输入账期',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-input v-model="dbForm.kx" placeholder="账期">
+                    <template #append>天</template>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </template>
+        </el-card>
+        <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>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="压款方式" :rules="[
+                  {
+                    required: true,
+                    message: '请选择压款方式',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-radio-group v-model="dbForm.kx">
+                    <el-radio label="1">无</el-radio>
+                    <el-radio label="2">按金额</el-radio>
+                    <el-radio label="3">按比例</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="默认压款比例" :rules="[
+                  {
+                    required: true,
+                    message: '请输入默认压款比例',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-input v-model="dbForm.kx" placeholder="默认压款比例">
+                    <template #append>%</template>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="申请压款比例" :rules="[
+                  {
+                    required: true,
+                    message: '请输入申请压款比例',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-input v-model="dbForm.kx" placeholder="申请压款比例">
+                    <template #append>%</template>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="保证金方式" :rules="[
+                  {
+                    required: true,
+                    message: '请输入保证金方式',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-radio-group v-model="dbForm.kx">
+                    <el-radio label="1">无</el-radio>
+                    <el-radio label="2">按金额</el-radio>
+                    <el-radio label="3">按比例</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="默认保证金比例" :rules="[
+                  {
+                    required: true,
+                    message: '请输入默认保证金比例',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-input v-model="dbForm.kx" placeholder="默认保证金比例">
+                    <template #append>%</template>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="申请保证金比例" :rules="[
+                  {
+                    required: true,
+                    message: '请输入申请保证金比例',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-input v-model="dbForm.kx" placeholder="申请保证金比例">
+                    <template #append>%</template>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="逾期利率" :rules="[
+                  {
+                    required: true,
+                    message: '请选择逾期利率',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-radio-group v-model="dbForm.kx">
+                    <el-radio label="1">按年化</el-radio>
+                    <el-radio label="2">按月化</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="默认逾期利率" :rules="[
+                  {
+                    required: true,
+                    message: '请输入默认逾期利率',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-input v-model="dbForm.kx" placeholder="默认逾期利率">
+                    <template #append>%</template>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="申请逾期利率" :rules="[
+                  {
+                    required: true,
+                    message: '请输入申请逾期利率',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-input v-model="dbForm.kx" placeholder="申请逾期利率">
+                    <template #append>%</template>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </template>
+        </el-card>
+        <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-table :data="tableData" style="width: 100%">
+              <el-table-column prop="kt1" label="类型" />
+              <el-table-column prop="kt2" label="姓名" />
+              <el-table-column prop="kt3" label="手机号" />
+              <el-table-column prop="kt4" label="座机" />
+              <el-table-column prop="kt5" label="传真" />
+              <el-table-column prop="kt6" label="邮箱" />
+              <el-table-column prop="kt7" label="更新时间" />
+              <el-table-column prop="kt8" label="操作" />
+            </el-table>
+            <el-button style="width: 100%">新增联系人</el-button>
+          </template>
+        </el-card>
+        <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>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="客户类型" :rules="[
+                  {
+                    required: true,
+                    message: '请输入客户类型',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-select v-model="dbForm.kx" placeholder="客户类型" style="width: 100%;">
+                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="账户类型" :rules="[
+                  {
+                    required: true,
+                    message: '请选择账户类型',
+                    trigger: 'blur',
+                  }
+                ]">
+                  <el-select v-model="dbForm.kx" placeholder="账户类型" style="width: 100%;">
+                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="扩展字段" :rules="[]">
+                  <el-select v-model="dbForm.kx" placeholder="扩展字段" style="width: 100%;">
+                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="扩展字段" :rules="[]">
+                  <el-input v-model="dbForm.kx" placeholder="扩展字段" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="扩展字段" :rules="[]">
+                  <el-input v-model="dbForm.kx" placeholder="扩展字段" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item prop="kx" label="扩展字段" :rules="[]">
+                  <el-input v-model="dbForm.kx" placeholder="扩展字段" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </template>
+        </el-card>
+      </el-form>
+    </template>
+  </el-card>
+</template>
+
+<script setup lang="ts" name="CustomerDetails">
+import { Plus } from '@element-plus/icons-vue'
+
+const tableDataA = [
+  {
+    k1: '法定代表人',
+    k2: '小刘',
+    k3: 'http://xxx.xxx.xxx',
+    k4: '410123****5678',
+    k5: '2022-11-10 至 2040-11-09',
+    k6: 'http://xxx.xxx.xxx',
+    k7: '2023-09-17 17:06:29',
+  },
+  {
+    k1: '代办人',
+    k2: '小毛',
+    k3: 'http://xxx.xxx.xxx',
+    k4: '410123****5678',
+    k5: '2022-11-10 至 2040-11-09',
+    k6: 'http://xxx.xxx.xxx',
+    k7: '2023-09-17 17:06:29',
+  },
+  {
+    k1: '实控人',
+    k2: '小周',
+    k3: 'http://xxx.xxx.xxx',
+    k4: '410123****5678',
+    k5: '2022-11-10 至 2040-11-09',
+    k6: 'http://xxx.xxx.xxx',
+    k7: '2023-09-17 17:06:29',
+  },
+  {
+    k1: '担保人',
+    k2: '小周',
+    k3: 'http://xxx.xxx.xxx',
+    k4: '410123****5678',
+    k5: '2022-11-10 至 2040-11-09',
+    k6: 'http://xxx.xxx.xxx',
+    k7: '2023-09-17 17:06:29',
+  }
+]
+const dbForm = reactive<any>({
+  k1: '二级客户',
+  k2: '',
+  k3: '',
+  k4: '',
+  kx: '',
+})
+const options = [
+  {
+    value: 'v1',
+    label: '选项一',
+  },
+  {
+    value: 'v2',
+    label: '选项二',
+  },
+  {
+    value: 'v3',
+    label: '选项三',
+  }
+]
+</script>
+
+<style lang="scss">
+.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;
+    }
+  }
+}
+
+.avatar-uploader .avatar {
+  width: 100px;
+  height: 100px;
+  display: block;
+}
+
+.avatar-uploader2 .avatar {
+  width: 100px;
+  height: 100px;
+  display: block;
+}
+</style>
+
+<style lang="scss" scoped>
+.avatar-uploader .el-upload {
+  border: 1px dashed blue;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  transition: var(--el-transition-duration-fast);
+}
+
+.avatar-uploader .el-upload:hover {
+  border-color: var(--el-color-primary);
+}
+
+.el-icon.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 100px;
+  height: 100px;
+  text-align: center;
+}
+</style>
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 fc433903..b3662f47 100644
--- a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/CustomerDetails.vue
+++ b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/CustomerDetails.vue
@@ -1,44 +1,42 @@
 <template>
-  <div class="xy-y1">
-    <div class="xy-y1-item1">
-      <div class="xy-y1-y1">
-        <div class="xy-y1-y1-item1">
-          cs
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <div class="xy-y2">
-    <div class="xy-y2-item1">
-      <el-tabs v-model="activeTabN" class="xy-tabs">
-        <el-tab-pane label="基础信息" name="tabN1">
-          <InfoBasic />
-        </el-tab-pane>
-        <el-tab-pane label="资质信息" name="tabN2">
-          <InfoQualification />
-        </el-tab-pane>
-        <el-tab-pane label="财务信息" name="tabN3">
-          <InfoFinancial />
-        </el-tab-pane>
-        <el-tab-pane label="合同信息" name="tabN4">
-          <InfoContract />
-        </el-tab-pane>
-        <el-tab-pane label="销售订单" name="tabN5">
-          <InfoSaleOrder />
-        </el-tab-pane>
-        <el-tab-pane label="结算信息" name="tabN6">
-          <InfoSettlement />
-        </el-tab-pane>
-        <el-tab-pane label="操作记录" name="tabN7">
-          <InfoOperationRecords />
-        </el-tab-pane>
-        <el-tab-pane label="日志记录" name="tabN8">
-          <InfoLogging />
-        </el-tab-pane>
-      </el-tabs>
-    </div>
-  </div>
+  <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">
+      <el-tab-pane label="基础信息" name="tabN1">
+        <InfoBasic />
+      </el-tab-pane>
+      <el-tab-pane label="资质信息" name="tabN2">
+        <InfoQualification />
+      </el-tab-pane>
+      <el-tab-pane label="财务信息" name="tabN3">
+        <InfoFinancial />
+      </el-tab-pane>
+      <el-tab-pane label="合同信息" name="tabN4">
+        <InfoContract />
+      </el-tab-pane>
+      <el-tab-pane label="销售订单" name="tabN5">
+        <InfoSaleOrder />
+      </el-tab-pane>
+      <el-tab-pane label="结算信息" name="tabN6">
+        <InfoSettlement />
+      </el-tab-pane>
+      <el-tab-pane label="操作记录" name="tabN7">
+        <InfoOperationRecords />
+      </el-tab-pane>
+      <el-tab-pane label="日志记录" name="tabN8">
+        <InfoLogging />
+      </el-tab-pane>
+    </el-tabs>
+  </ContentWrap>
 </template>
 
 <script setup lang="ts" name="CustomerDetails">
@@ -61,46 +59,4 @@ const activeTabN = ref('tabN1')
 }
 </style>
 
-<style lang="scss" scoped>
-.xy-y1 {
-  display: -webkit-flex;
-  display: flex;
-  margin: 0px;
-  padding: 0px;
-
-  .xy-y1-item1 {
-    order: 1;
-    flex: 1 1 auto;
-
-    .xy-y1-y1 {
-      display: -webkit-flex;
-      display: flex;
-
-      .xy-y1-y1-item1 {
-        order: 1;
-        flex: 1 1 auto;
-        height: 46px;
-        background-color: #F7F8FA;
-        border-radius: 8px 8px 0px 0px;
-      }
-    }
-  }
-}
-
-.xy-y2 {
-  display: -webkit-flex;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  margin: 0px;
-  padding: 0px;
-
-  .xy-y2-item1 {
-    order: 1;
-    flex: 1 1 auto;
-    margin-top: 16px;
-    background-color: #FFF;
-    border-radius: 3px;
-  }
-}
-</style>
+<style lang="scss" scoped></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 be8dee57..71b6e233 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
@@ -1,9 +1,347 @@
 <template>
-    <div>基础信息内容</div>
+    <el-card class="xy-card-b">
+        <template #header>
+            流程进度
+        </template>
+        <template #default>
+            <el-steps :active="1">
+                <el-step title="提交申请" description="2023-08-22 12:00:00" />
+                <el-step title="组织审核" description="2023-08-22 12:00:00" />
+                <el-step title="风控核准" description="2023-08-22 12:00:00" />
+                <el-step title="行政启用" description="2023-08-22 12:00:00" />
+                <el-step title="业务开展" description="2023-08-22 12:00:00" />
+            </el-steps>
+        </template>
+    </el-card>
+
+    <el-card class="xy-card-b">
+        <template #header>
+            操作记录
+        </template>
+        <template #default>
+            <el-card class="xy-card-info-a">
+                <template #header>
+                    基本信息
+                </template>
+                <template #default>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            客户名称：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            江阴华润制钢有限公司
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            企业编号：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            C20230822001
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            企业性质：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            外资企业
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            行业分类：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            行业分类
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            客户来源：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            电话营销
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            信用等级：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            4
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            所在城市：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            江苏省无锡市江阴市
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            归属人员：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            张总 (已锁定，到期时间10/30)
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            更新时间：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            2023-08-23 23:26:08
+                        </el-col>
+                    </el-row>
+                </template>
+            </el-card>
+            <el-card class="xy-card-info-a">
+                <template #header>
+                    详细信息
+                </template>
+                <template #default>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            所在国家：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            中国（CN）
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            所在省市：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            江苏省江阴市
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            详细地址：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            月城镇北环路58号
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            公司电话：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            0510-8698****
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            公司传真：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            0510-8698****
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            公司网址：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            http://www.jyxxsteel.com
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            公司介绍：
+                        </el-col>
+                        <el-col :span="22" class="xy-text">
+                            生产钢坯，钢材及其制品；不锈钢制品的生产、加工、销售。（依法须经批准的项目，经相关部门批准后方可开展经营活动）
+                            许可项目：港口经营；港口货物装卸搬运活动（依法须经批准的项目，经相关部门批准后方可开展经营活动，具体经营项目以审批结果为准）
+                            一般项目：装卸搬运；普通货物仓储服务（不含危险化学品等需许可审批的项目）（除依法须经批准的项目外，凭营业执照依法自主开展经营活动）
+                        </el-col>
+                    </el-row>
+                </template>
+            </el-card>
+            <el-card class="xy-card-info-a">
+                <template #header>
+                    合作信息
+                </template>
+                <template #default>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            合作范围：
+                        </el-col>
+                        <el-col :span="22" class="xy-text">
+                            废钢、废铝、废铜
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            合作起始时间：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            2022-11-10 至 2040-11-09
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            需求量(每月)：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            1000 吨 至 10000 吨
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            资金额度：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            1000万元
+                        </el-col>
+                    </el-row>
+                </template>
+            </el-card>
+            <el-card class="xy-card-info-a">
+                <template #header>
+                    运营信息
+                </template>
+                <template #default>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            营业时间：
+                        </el-col>
+                        <el-col :span="22" class="xy-text">
+                            周一、周二、周三、周四、周五、周六 09:00 至 21:00
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            允许卸货时间：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            09:00 至 21:00
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            卸货时长：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                        <el-col :span="2" class="xy-label">
+                            卸货效率：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            允许装货时间：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            09:00 至 21:00
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            装货时长：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            装货效率：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                        </el-col>
+                    </el-row>
+                </template>
+            </el-card>
+            <el-card class="xy-card-info-a">
+                <template #header>
+                    联系人信息
+                </template>
+                <template #default>
+                    <el-row>
+                        <el-col :span="24" class="xy-label">
+                            <el-table :data="tbDataA" stripe style="width: 100%">
+                                <el-table-column prop="k1" label="类型" />
+                                <el-table-column prop="k2" label="姓名" />
+                                <el-table-column prop="k3" label="手机号" />
+                                <el-table-column prop="k4" label="座机" />
+                                <el-table-column prop="k5" label="传真" />
+                                <el-table-column prop="k6" label="邮箱" />
+                                <el-table-column prop="k7" label="最后更新时间" />
+                            </el-table>
+                        </el-col>
+                    </el-row>
+                </template>
+            </el-card>
+            <el-card class="xy-card-info-a">
+                <template #header>
+                    扩展信息
+                </template>
+                <template #default>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            客户类型：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            国内客户
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            账户类型：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                        <el-col :span="2" class="xy-label">
+                            扩展字段：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            扩展字段：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                        <el-col :span="2" class="xy-label">
+                            扩展字段：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                        <el-col :span="2" class="xy-label">
+                            扩展字段：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                    </el-row>
+                </template>
+            </el-card>
+        </template>
+    </el-card>
 </template>
   
 <script setup lang="ts" name="InfoBasic">
+const tbDataA = [
+    {
+        k1: '默认联系人',
+        k2: '小刘',
+        k3: '18612345678',
+        k4: '021-12345678',
+        k5: '021-12345678',
+        k6: '12345678@123.com',
+        k7: '2022-11-21 10:23',
+    },
+    {
+        k1: '联系人',
+        k2: '小毛',
+        k3: '18612344321',
+        k4: '021-12345678',
+        k5: '021-12345678',
+        k6: '12345678@123.com',
+        k7: '2022-11-21 10:23',
+    }
+]
 </script>
 
-<style lang="scss"></style>
+<style lang="scss">
+.xy-card-b {
+    margin: 16px 24px;
+
+    .el-card__header {
+        background-color: #F7F8FA;
+        height: 48px;
+        padding: 12px 16px;
+        color: #666666;
+    }
+}
+
+.xy-card-info-a {
+    margin-top: 16px;
+    border: 0px;
+
+    .el-card__header {
+        background-color: inherit;
+        padding: 0px;
+        height: 28px;
+        line-height: 28px;
+    }
+
+    .xy-label {
+        color: #86909C;
+        text-align: right;
+    }
+
+    .xy-text {
+        color: #1D2129;
+    }
+}
+</style>
   
\ No newline at end of file
diff --git a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoContract.vue b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoContract.vue
index c1b8eb11..b28e2100 100644
--- a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoContract.vue
+++ b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoContract.vue
@@ -1,8 +1,17 @@
 <template>
-    <div>合同信息内容</div>
+    <el-tabs v-model="activeTabN" class="demo-tabs">
+        <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>
+        <el-tab-pane label="已完成" name="tabN4">已完成</el-tab-pane>
+        <el-tab-pane label="已取消" name="tabN5">已取消</el-tab-pane>
+        <el-tab-pane label="已作废" name="tabN6">已作废</el-tab-pane>
+        <el-tab-pane label="已归档" name="tabN7">已归档</el-tab-pane>
+    </el-tabs>
 </template>
   
 <script setup lang="ts" name="InfoContract">
+const activeTabN = ref('tabN1')
 </script>
 
 <style lang="scss"></style>
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 9b685e2f..60e4e10c 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
@@ -1,5 +1,138 @@
 <template>
-    <div>财务信息内容</div>
+    <el-card class="xy-card-b">
+        <template #header>
+            财务信息
+        </template>
+        <template #default>
+            <el-card class="xy-card-info-a">
+                <template #header>
+                    财务信息
+                </template>
+                <template #default>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            客户类型：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            国内客户
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            账户类型：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                        <el-col :span="2" class="xy-label">
+                            扩展字段：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            扩展字段：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                        <el-col :span="2" class="xy-label">
+                            扩展字段：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                        <el-col :span="2" class="xy-label">
+                            扩展字段：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            扩展字段：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                        <el-col :span="2" class="xy-label">
+                            扩展字段：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                        <el-col :span="2" class="xy-label">
+                            扩展字段：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                    </el-row>
+                </template>
+            </el-card>
+            <el-card class="xy-card-info-a">
+                <template #header>
+                    结算信息
+                </template>
+                <template #default>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            合作方式：
+                        </el-col>
+                        <el-col :span="22" class="xy-text">
+                            买断
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            结算方式：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                        <el-col :span="2" class="xy-label">
+                            账期：
+                        </el-col>
+                        <el-col :span="14" class="xy-text"></el-col>
+                    </el-row>
+                </template>
+            </el-card>
+            <el-card class="xy-card-info-a">
+                <template #header>
+                    分控信息
+                </template>
+                <template #default>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            压款方式：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            按金额
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            默认压款金额：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                        <el-col :span="2" class="xy-label">
+                            实际压款金额：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            保证金方式：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                        <el-col :span="2" class="xy-label">
+                            默认保证金比例：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                        <el-col :span="2" class="xy-label">
+                            实际保证比例：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            逾期利率：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                        <el-col :span="2" class="xy-label">
+                            默认逾期利率：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                        <el-col :span="2" class="xy-label">
+                            实际逾期利率：
+                        </el-col>
+                        <el-col :span="6" class="xy-text"></el-col>
+                    </el-row>
+                </template>
+            </el-card>
+        </template>
+    </el-card>
 </template>
   
 <script setup lang="ts" name="InfoFinancial">
diff --git a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoLogging.vue b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoLogging.vue
index 444c9411..646a7b19 100644
--- a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoLogging.vue
+++ b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoLogging.vue
@@ -1,5 +1,12 @@
 <template>
-    <div>日志记录内容</div>
+    <el-card class="box-card">
+        <template #header>
+            <div class="card-header">
+                <span>日志记录</span>
+            </div>
+        </template>
+        cs
+    </el-card>
 </template>
   
 <script setup lang="ts" name="InfoLogging">
diff --git a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoOperationRecords.vue b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoOperationRecords.vue
index b00963ec..5d2b813e 100644
--- a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoOperationRecords.vue
+++ b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoOperationRecords.vue
@@ -1,5 +1,12 @@
 <template>
-    <div>操作记录内容</div>
+    <el-card class="box-card">
+        <template #header>
+            <div class="card-header">
+                <span>操作记录</span>
+            </div>
+        </template>
+        cs
+    </el-card>
 </template>
   
 <script setup lang="ts" name="InfoOperationRecords">
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 b68bec3a..a002572d 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
@@ -1,8 +1,178 @@
 <template>
-    <div>资质信息内容</div>
+    <el-card class="xy-card-b">
+        <template #header>
+            资质信息
+        </template>
+        <template #default>
+            <el-card class="xy-card-info-a">
+                <template #header>
+                    主体信息
+                </template>
+                <template #default>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            企业编号：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            C20230822001
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            企业名称：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            江阴华润制钢有限公司
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            企业性质：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            外资企业
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            注册地址：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            江苏省江阴市月城镇北环路58号
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            社会统一信息代码：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            9132028160798507XE
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            经营期限：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            1994-05-25 至 2044-05-24
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            注册资金：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            155,535万(元)
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            证件照片：
+                        </el-col>
+                        <el-col :span="14" class="xy-text">
+                            证件照片 <a href="#">查看</a>
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            注册资金：
+                        </el-col>
+                        <el-col :span="22" class="xy-text">
+                            生产钢坯，钢材及其制品；不锈钢制品的生产、加工、销售。（依法须经批准的项目，经相关部门批准后方可开展经营活动）
+                            许可项目：港口经营；港口货物装卸搬运活动（依法须经批准的项目，经相关部门批准后方可开展经营活动，具体经营项目以审批结果为准）
+                            一般项目：装卸搬运；普通货物仓储服务（不含危险化学品等需许可审批的项目）（除依法须经批准的项目外，凭营业执照依法自主开展经营活动）
+                        </el-col>
+                    </el-row>
+                </template>
+            </el-card>
+            <el-card class="xy-card-info-a">
+                <template #header>
+                    代表人信息
+                </template>
+                <template #default>
+                    <el-row>
+                        <el-col :span="24" class="xy-label">
+                            <el-table :data="tbDataA" stripe style="width: 100%">
+                                <el-table-column prop="k1" label="类型" />
+                                <el-table-column prop="k2" label="姓名" />
+                                <el-table-column prop="k3" label="身份证照" />
+                                <el-table-column prop="k4" label="身份证号" />
+                                <el-table-column prop="k5" label="证件有效期" />
+                                <el-table-column prop="k6" label="授权/证明文件" />
+                                <el-table-column prop="k7" label="更新时间" />
+                            </el-table>
+                        </el-col>
+                    </el-row>
+                </template>
+            </el-card>
+            <el-card class="xy-card-info-a">
+                <template #header>
+                    资质信息
+                </template>
+                <template #default>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            资产证明：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            <a href="#">查看</a>
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            实缴资金证明：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            <a href="#">查看</a>
+                        </el-col>
+                        <el-col :span="2" class="xy-label">
+                            资产抵押证明：
+                        </el-col>
+                        <el-col :span="6" class="xy-text">
+                            <a href="#">查看</a>
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="2" class="xy-label">
+                            其他证明：
+                        </el-col>
+                        <el-col :span="22" class="xy-text">
+                            <a href="#">查看</a>
+                        </el-col>
+                    </el-row>
+                </template>
+            </el-card>
+        </template>
+    </el-card>
 </template>
   
 <script setup lang="ts" name="InfoQualification">
+const tbDataA = [
+    {
+        k1: '法定代表人',
+        k2: '小刘',
+        k3: '查看',
+        k4: '410123****5678',
+        k5: '2022-11-10 至 2040-11-09',
+        k6: '查看',
+        k7: '2023-09-17 17:06:29',
+    },
+    {
+        k1: '代办人',
+        k2: '小毛',
+        k3: '查看',
+        k4: '410123****5678',
+        k5: '2022-11-10 至 2040-11-09',
+        k6: '查看',
+        k7: '2023-09-17 17:06:29',
+    },
+    {
+        k1: '实控人',
+        k2: '小周',
+        k3: '查看',
+        k4: '410123****5678',
+        k5: '2022-11-10 至 2040-11-09',
+        k6: '查看',
+        k7: '2023-09-17 17:06:29',
+    },
+    {
+        k1: '担保人',
+        k2: '小周',
+        k3: '查看',
+        k4: '410123****5678',
+        k5: '2022-11-10 至 2040-11-09',
+        k6: '查看',
+        k7: '2023-09-17 17:06:29',
+    }
+]
 </script>
 
 <style lang="scss"></style>
diff --git a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoSaleOrder.vue b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoSaleOrder.vue
index e277417f..9ad2e9ff 100644
--- a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoSaleOrder.vue
+++ b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoSaleOrder.vue
@@ -1,8 +1,17 @@
 <template>
-    <div>销售订单内容</div>
+    <el-tabs v-model="activeTabN" class="demo-tabs">
+        <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>
+        <el-tab-pane label="待审核" name="tabN4">待审核</el-tab-pane>
+        <el-tab-pane label="待开通" name="tabN5">待开通</el-tab-pane>
+        <el-tab-pane label="已完成" name="tabN6">已完成</el-tab-pane>
+        <el-tab-pane label="已取消" name="tabN7">已取消</el-tab-pane>
+    </el-tabs>
 </template>
   
 <script setup lang="ts" name="InfoSaleOrder">
+const activeTabN = ref('tabN1')
 </script>
 
 <style lang="scss"></style>
diff --git a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoSettlement.vue b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoSettlement.vue
index b977c827..14476b42 100644
--- a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoSettlement.vue
+++ b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/src/InfoSettlement.vue
@@ -1,8 +1,15 @@
 <template>
-    <div>结算信息内容</div>
+    <el-tabs v-model="activeTabN" class="demo-tabs">
+        <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>
+        <el-tab-pane label="已完成" name="tabN4">已完成</el-tab-pane>
+        <el-tab-pane label="已取消" name="tabN5">已取消</el-tab-pane>
+    </el-tabs>
 </template>
   
 <script setup lang="ts" name="InfoSettlement">
+const activeTabN = ref('tabN1')
 </script>
 
 <style lang="scss"></style>