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/SubjectBasicForm copy.vue b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/SubjectBasicForm copy.vue
new file mode 100644
index 00000000..525af0e7
--- /dev/null
+++ b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/SubjectBasicForm copy.vue	
@@ -0,0 +1,471 @@
+<template>
+  <Dialog title="新增客户" v-model="dialogVisible">
+    <el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px" v-loading="formLoading">
+      <el-form-item label="客户名称" prop="name">
+        <el-input v-model="formData.name" placeholder="请输入客户名称" />
+      </el-form-item>
+      <el-form-item label="分类(0：一级 1：二级 2：三级)" prop="calssify">
+        <el-select v-model="formData.calssify" placeholder="请选择">
+          <el-option v-for="dict in getIntDictOptions(DICT_TYPE.CUSTOMER_CALSSIFY)" :key="dict.value" :label="dict.label"
+            :value="dict.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="客户名称" prop="name">
+        <el-input v-model="formData.name" placeholder="请输入客户名称" />
+      </el-form-item>
+      <el-form-item label="公司logo" prop="logo">
+        <el-input v-model="formData.logo" placeholder="请输入公司logo" />
+      </el-form-item>
+      <el-form-item label="企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)" prop="enterpriseNature">
+        <el-input v-model="formData.enterpriseNature" placeholder="请输入企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)" />
+      </el-form-item>
+      <el-form-item label="行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)" prop="industryClassify">
+        <el-input v-model="formData.industryClassify"
+          placeholder="请输入行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)" />
+      </el-form-item>
+      <el-form-item label="客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)" prop="customerSource">
+        <el-input v-model="formData.customerSource"
+          placeholder="请输入客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)" />
+      </el-form-item>
+      <el-form-item label="客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)" prop="customerStarrating">
+        <el-input v-model="formData.customerStarrating" placeholder="请输入客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)" />
+      </el-form-item>
+      <el-form-item label="业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)" prop="industrySchedule">
+        <el-input v-model="formData.industrySchedule"
+          placeholder="请输入业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)" />
+      </el-form-item>
+      <el-form-item label="归属人员" prop="belongingPeople">
+        <el-input v-model="formData.belongingPeople" placeholder="请输入归属人员" />
+      </el-form-item>
+      <el-form-item label="所在城市" prop="city">
+        <el-input v-model="formData.city" placeholder="请输入所在城市" />
+      </el-form-item>
+      <el-form-item label="国家" prop="country">
+        <el-input v-model="formData.country" placeholder="请输入国家" />
+      </el-form-item>
+      <el-form-item label="详细地址" prop="address">
+        <el-input v-model="formData.address" placeholder="请输入详细地址" />
+      </el-form-item>
+      <el-form-item label="公司电话" prop="phone">
+        <el-input v-model="formData.phone" placeholder="请输入公司电话" />
+      </el-form-item>
+      <el-form-item label="公司传真" prop="companyFax">
+        <el-input v-model="formData.companyFax" placeholder="请输入公司传真" />
+      </el-form-item>
+      <el-form-item label="公司网址" prop="companyHttp">
+        <el-input v-model="formData.companyHttp" placeholder="请输入公司网址" />
+      </el-form-item>
+      <el-form-item label="客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)" prop="customerStatus">
+        <el-select v-model="formData.customerStatus" placeholder="请选择客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)">
+          <el-option v-for="dict in getStrDictOptions(DICT_TYPE.CUSTOMER_STATUS)" :key="dict.value" :label="dict.label"
+            :value="dict.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="社会信息代码证（营业执照）" prop="socialInformationCodeCertificate">
+        <el-input v-model="formData.socialInformationCodeCertificate" placeholder="请输入社会信息代码证（营业执照）" />
+      </el-form-item>
+      <el-form-item label="注册地址" prop="registerAddress">
+        <el-input v-model="formData.registerAddress" placeholder="请输入注册地址" />
+      </el-form-item>
+      <el-form-item label="社会统一信息代码" prop="informationCode">
+        <el-input v-model="formData.informationCode" placeholder="请输入社会统一信息代码" />
+      </el-form-item>
+      <el-form-item label="经营时间开始" prop="operateStart">
+        <el-input v-model="formData.operateStart" placeholder="请输入经营时间开始" />
+      </el-form-item>
+      <el-form-item label="经营时间结束" prop="operateEnd">
+        <el-input v-model="formData.operateEnd" placeholder="请输入经营时间结束" />
+      </el-form-item>
+      <el-form-item label="注册资金" prop="registerCapital">
+        <el-input v-model="formData.registerCapital" placeholder="请输入注册资金" />
+      </el-form-item>
+      <el-form-item label="经营范围" prop="businessScope">
+        <el-input v-model="formData.businessScope" placeholder="请输入经营范围" />
+      </el-form-item>
+      <el-form-item label="实缴资金证明" prop="proofPaidCapital">
+        <el-input v-model="formData.proofPaidCapital" placeholder="请输入实缴资金证明" />
+      </el-form-item>
+      <el-form-item label="资产证明" prop="assetCertificate">
+        <el-input v-model="formData.assetCertificate" placeholder="请输入资产证明" />
+      </el-form-item>
+      <el-form-item label="资产抵押证明" prop="assetCertificateMortgage">
+        <el-input v-model="formData.assetCertificateMortgage" placeholder="请输入资产抵押证明" />
+      </el-form-item>
+      <el-form-item label="其他资质文件" prop="otherQualifications">
+        <el-input v-model="formData.otherQualifications" placeholder="请输入其他资质文件" />
+      </el-form-item>
+      <el-form-item label="合作时间开始" prop="collaborationStart">
+        <el-input v-model="formData.collaborationStart" placeholder="请输入合作时间开始" />
+      </el-form-item>
+      <el-form-item label="合作时间结束" prop="collaborationEnd">
+        <el-input v-model="formData.collaborationEnd" placeholder="请输入合作时间结束" />
+      </el-form-item>
+      <el-form-item label="需求量（每月下限）" prop="demandVolumeDown">
+        <el-input v-model="formData.demandVolumeDown" placeholder="请输入需求量（每月下限）" />
+      </el-form-item>
+      <el-form-item label="需求量（每月上限）" prop="demandVolumeUpper">
+        <el-input v-model="formData.demandVolumeUpper" placeholder="请输入需求量（每月上限）" />
+      </el-form-item>
+      <el-form-item label="资金额度" prop="fundLimit">
+        <el-input v-model="formData.fundLimit" placeholder="请输入资金额度" />
+      </el-form-item>
+      <el-form-item label="营业时间" prop="businessHours">
+        <el-input v-model="formData.businessHours" placeholder="请输入营业时间" />
+      </el-form-item>
+      <el-form-item label="营业时间开始" prop="businessStart">
+        <el-input v-model="formData.businessStart" placeholder="请输入营业时间开始" />
+      </el-form-item>
+      <el-form-item label="营业时间结束" prop="businessEnd">
+        <el-input v-model="formData.businessEnd" placeholder="请输入营业时间结束" />
+      </el-form-item>
+      <el-form-item label="允许卸货时间开始" prop="allowableUnloadingStart">
+        <el-input v-model="formData.allowableUnloadingStart" placeholder="请输入允许卸货时间开始" />
+      </el-form-item>
+      <el-form-item label="允许卸货时间结束" prop="allowableUnloadingEnd">
+        <el-input v-model="formData.allowableUnloadingEnd" placeholder="请输入允许卸货时间结束" />
+      </el-form-item>
+      <el-form-item label="卸货时长" prop="unloading">
+        <el-input v-model="formData.unloading" placeholder="请输入卸货时长" />
+      </el-form-item>
+      <el-form-item label="卸货效率" prop="unloadingEfficiency">
+        <el-input v-model="formData.unloadingEfficiency" placeholder="请输入卸货效率" />
+      </el-form-item>
+      <el-form-item label="允许装货时间开始" prop="allowableShipmentStart">
+        <el-input v-model="formData.allowableShipmentStart" placeholder="请输入允许装货时间开始" />
+      </el-form-item>
+      <el-form-item label="允许装货时间结束" prop="allowableShipmentEnd">
+        <el-input v-model="formData.allowableShipmentEnd" placeholder="请输入允许装货时间结束" />
+      </el-form-item>
+      <el-form-item label="装货时长" prop="shipment">
+        <el-input v-model="formData.shipment" placeholder="请输入装货时长" />
+      </el-form-item>
+      <el-form-item label="装货效果" prop="shipmentEffciency">
+        <el-input v-model="formData.shipmentEffciency" placeholder="请输入装货效果" />
+      </el-form-item>
+      <el-form-item label="付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)" prop="paymentMethod">
+        <el-input v-model="formData.paymentMethod"
+          placeholder="请输入付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)" />
+      </el-form-item>
+      <el-form-item label="账户名称" prop="accountName">
+        <el-input v-model="formData.accountName" placeholder="请输入账户名称" />
+      </el-form-item>
+      <el-form-item label="银行账号" prop="bankAccount">
+        <el-input v-model="formData.bankAccount" placeholder="请输入银行账号" />
+      </el-form-item>
+      <el-form-item label="开户银行" prop="bankDeposit">
+        <el-input v-model="formData.bankDeposit" placeholder="请输入开户银行" />
+      </el-form-item>
+      <el-form-item label="开户地区" prop="depositArea">
+        <el-input v-model="formData.depositArea" placeholder="请输入开户地区" />
+      </el-form-item>
+      <el-form-item label="支行名称" prop="bankBranch">
+        <el-input v-model="formData.bankBranch" placeholder="请输入支行名称" />
+      </el-form-item>
+      <el-form-item label="公司税号" prop="companyTaxNumber">
+        <el-input v-model="formData.companyTaxNumber" placeholder="请输入公司税号" />
+      </el-form-item>
+      <el-form-item label="企业名称" prop="enterpriseName">
+        <el-input v-model="formData.enterpriseName" placeholder="请输入企业名称" />
+      </el-form-item>
+      <el-form-item label="单位地址" prop="workAddress">
+        <el-input v-model="formData.workAddress" placeholder="请输入单位地址" />
+      </el-form-item>
+      <el-form-item label="合作方式(0：买断 1：联营)" prop="collaborationMethod">
+        <el-input v-model="formData.collaborationMethod" placeholder="请输入合作方式(0：买断 1：联营)" />
+      </el-form-item>
+      <el-form-item label="结算方式(0:先货后款 1：先款后货)" prop="settlementMethod">
+        <el-input v-model="formData.settlementMethod" placeholder="请输入结算方式(0:先货后款 1：先款后货)" />
+      </el-form-item>
+      <el-form-item label="账期" prop="accountPeriod">
+        <el-input v-model="formData.accountPeriod" placeholder="请输入账期" />
+      </el-form-item>
+      <el-form-item label="压款方式(0：无 1：按金额 2：按比例)" prop="underpaymentMethod">
+        <el-input v-model="formData.underpaymentMethod" placeholder="请输入压款方式(0：无 1：按金额 2：按比例)" />
+      </el-form-item>
+      <el-form-item label="申请压款比例" prop="applyForUnderpaymentRatio">
+        <el-input v-model="formData.applyForUnderpaymentRatio" placeholder="请输入申请压款比例" />
+      </el-form-item>
+      <el-form-item label="保证金方式(0：无 1：按金额 2：按比例)" prop="marginMethod">
+        <el-input v-model="formData.marginMethod" placeholder="请输入保证金方式(0：无 1：按金额 2：按比例)" />
+      </el-form-item>
+      <el-form-item label="申请保证金比例" prop="applyForMarginRatio">
+        <el-input v-model="formData.applyForMarginRatio" placeholder="请输入申请保证金比例" />
+      </el-form-item>
+      <el-form-item label="逾期利率(0：按年化1：按月化)" prop="overdueInterestRate">
+        <el-input v-model="formData.overdueInterestRate" placeholder="请输入逾期利率(0：按年化1：按月化)" />
+      </el-form-item>
+      <el-form-item label="申请逾期利率" prop="applyForOverdueRatio">
+        <el-input v-model="formData.applyForOverdueRatio" placeholder="请输入申请逾期利率" />
+      </el-form-item>
+      <el-form-item label="预留字段1" prop="reservedFields1">
+        <el-input v-model="formData.reservedFields1" placeholder="请输入预留字段1" />
+      </el-form-item>
+      <el-form-item label="预留字段2" prop="reservedFields2">
+        <el-input v-model="formData.reservedFields2" placeholder="请输入预留字段2" />
+      </el-form-item>
+      <el-form-item label="预留字段3" prop="reservedFields3">
+        <el-input v-model="formData.reservedFields3" placeholder="请输入预留字段3" />
+      </el-form-item>
+      <el-form-item label="预留字段4" prop="reservedFields4">
+        <el-input v-model="formData.reservedFields4" placeholder="请输入预留字段4" />
+      </el-form-item>
+      <el-form-item label="预留字段5" prop="reservedFields5">
+        <el-input v-model="formData.reservedFields5" placeholder="请输入预留字段5" />
+      </el-form-item>
+      <el-form-item label="预留字段6" prop="reservedFields6">
+        <el-input v-model="formData.reservedFields6" placeholder="请输入预留字段6" />
+      </el-form-item>
+      <el-form-item label="信用级别(0：S 1：A 2：B)" prop="creditRating">
+        <el-input v-model="formData.creditRating" placeholder="请输入信用级别(0：S 1：A 2：B)" />
+      </el-form-item>
+      <el-form-item label="信用级别(0：开启 1：关闭)" prop="autoCreditRating">
+        <el-input v-model="formData.autoCreditRating" placeholder="请输入信用级别(0：开启 1：关闭)" />
+      </el-form-item>
+      <el-form-item label="应收款上限" prop="accountsReceivableUpper">
+        <el-input v-model="formData.accountsReceivableUpper" placeholder="请输入应收款上限" />
+      </el-form-item>
+      <el-form-item label="订单量下限" prop="orderQuantityDown">
+        <el-input v-model="formData.orderQuantityDown" placeholder="请输入订单量下限" />
+      </el-form-item>
+      <el-form-item label="订单量上限" prop="orderQuantityUpper">
+        <el-input v-model="formData.orderQuantityUpper" placeholder="请输入订单量上限" />
+      </el-form-item>
+      <el-form-item label="应收款项逾期限制" prop="accountsReceivableOverdue">
+        <el-input v-model="formData.accountsReceivableOverdue" placeholder="请输入应收款项逾期限制" />
+      </el-form-item>
+      <el-form-item label="完税证明超时限制" prop="taxPaymentCertificate">
+        <el-input v-model="formData.taxPaymentCertificate" placeholder="请输入完税证明超时限制" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import { DICT_TYPE, getStrDictOptions, getIntDictOptions } from '@/utils/dict'
+import * as SubjectBasicApi from '@/api/xxjj/subjectBasic'
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const formData = ref({
+  id: undefined,
+  name: undefined,
+  businessType: undefined,
+  calssify: undefined,
+  logo: undefined,
+  enterpriseNature: undefined,
+  industryClassify: undefined,
+  customerSource: undefined,
+  customerStarrating: undefined,
+  industrySchedule: undefined,
+  belongingPeople: undefined,
+  city: undefined,
+  country: undefined,
+  address: undefined,
+  phone: undefined,
+  companyFax: undefined,
+  companyHttp: undefined,
+  companyProfile: undefined,
+  customerStatus: undefined,
+  socialInformationCodeCertificate: undefined,
+  registerAddress: undefined,
+  informationCode: undefined,
+  operateStart: undefined,
+  operateEnd: undefined,
+  registerCapital: undefined,
+  businessScope: undefined,
+  proofPaidCapital: undefined,
+  assetCertificate: undefined,
+  assetCertificateMortgage: undefined,
+  otherQualifications: undefined,
+  collaborationStart: undefined,
+  collaborationEnd: undefined,
+  demandVolumeDown: undefined,
+  demandVolumeUpper: undefined,
+  fundLimit: undefined,
+  businessHours: undefined,
+  businessStart: undefined,
+  businessEnd: undefined,
+  allowableUnloadingStart: undefined,
+  allowableUnloadingEnd: undefined,
+  unloading: undefined,
+  unloadingEfficiency: undefined,
+  allowableShipmentStart: undefined,
+  allowableShipmentEnd: undefined,
+  shipment: undefined,
+  shipmentEffciency: undefined,
+  paymentMethod: undefined,
+  accountName: undefined,
+  bankAccount: undefined,
+  bankDeposit: undefined,
+  depositArea: undefined,
+  bankBranch: undefined,
+  companyTaxNumber: undefined,
+  enterpriseName: undefined,
+  workAddress: undefined,
+  collaborationMethod: undefined,
+  settlementMethod: undefined,
+  accountPeriod: undefined,
+  underpaymentMethod: undefined,
+  applyForUnderpaymentRatio: undefined,
+  marginMethod: undefined,
+  applyForMarginRatio: undefined,
+  overdueInterestRate: undefined,
+  applyForOverdueRatio: undefined,
+  reservedFields1: undefined,
+  reservedFields2: undefined,
+  reservedFields3: undefined,
+  reservedFields4: undefined,
+  reservedFields5: undefined,
+  reservedFields6: undefined,
+  creditRating: undefined,
+  autoCreditRating: undefined,
+  accountsReceivableUpper: undefined,
+  orderQuantityDown: undefined,
+  orderQuantityUpper: undefined,
+  accountsReceivableOverdue: undefined,
+  taxPaymentCertificate: undefined
+})
+const formRules = reactive({
+  name: [{ required: true, message: '客户名称不能为空', trigger: 'change' }],
+  businessType: [{ required: true, message: '业务类型(0：客户 1：供应商 2：服务商)不能为空', trigger: 'change' }],
+  calssify: [{ required: true, message: '分类(0：一级 1：二级 2：三级)不能为空', trigger: 'blur' }],
+  customerStatus: [{ required: true, message: '客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)不能为空', trigger: 'change' }]
+})
+const formRef = ref() // 表单 Ref
+
+/** 打开弹窗 */
+const open = async (type: string, id?: number) => {
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  formType.value = type
+  resetForm()
+  // 修改时，设置数据
+  if (id) {
+    formLoading.value = true
+    try {
+      formData.value = await SubjectBasicApi.getSubjectBasic(id)
+    } finally {
+      formLoading.value = false
+    }
+  }
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  if (!formRef) return
+  const valid = await formRef.value.validate()
+  if (!valid) return
+  // 提交请求
+  formLoading.value = true
+  try {
+    const data = formData.value as unknown as SubjectBasicApi.SubjectBasicVO
+    if (formType.value === 'create') {
+      await SubjectBasicApi.createSubjectBasic(data)
+      message.success(t('common.createSuccess'))
+    } else {
+      await SubjectBasicApi.updateSubjectBasic(data)
+      message.success(t('common.updateSuccess'))
+    }
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    id: undefined,
+    businessType: undefined,
+    calssify: undefined,
+    name: undefined,
+    logo: undefined,
+    enterpriseNature: undefined,
+    industryClassify: undefined,
+    customerSource: undefined,
+    customerStarrating: undefined,
+    industrySchedule: undefined,
+    belongingPeople: undefined,
+    city: undefined,
+    country: undefined,
+    address: undefined,
+    phone: undefined,
+    companyFax: undefined,
+    companyHttp: undefined,
+    companyProfile: undefined,
+    customerStatus: undefined,
+    socialInformationCodeCertificate: undefined,
+    registerAddress: undefined,
+    informationCode: undefined,
+    operateStart: undefined,
+    operateEnd: undefined,
+    registerCapital: undefined,
+    businessScope: undefined,
+    proofPaidCapital: undefined,
+    assetCertificate: undefined,
+    assetCertificateMortgage: undefined,
+    otherQualifications: undefined,
+    collaborationStart: undefined,
+    collaborationEnd: undefined,
+    demandVolumeDown: undefined,
+    demandVolumeUpper: undefined,
+    fundLimit: undefined,
+    businessHours: undefined,
+    businessStart: undefined,
+    businessEnd: undefined,
+    allowableUnloadingStart: undefined,
+    allowableUnloadingEnd: undefined,
+    unloading: undefined,
+    unloadingEfficiency: undefined,
+    allowableShipmentStart: undefined,
+    allowableShipmentEnd: undefined,
+    shipment: undefined,
+    shipmentEffciency: undefined,
+    paymentMethod: undefined,
+    accountName: undefined,
+    bankAccount: undefined,
+    bankDeposit: undefined,
+    depositArea: undefined,
+    bankBranch: undefined,
+    companyTaxNumber: undefined,
+    enterpriseName: undefined,
+    workAddress: undefined,
+    collaborationMethod: undefined,
+    settlementMethod: undefined,
+    accountPeriod: undefined,
+    underpaymentMethod: undefined,
+    applyForUnderpaymentRatio: undefined,
+    marginMethod: undefined,
+    applyForMarginRatio: undefined,
+    overdueInterestRate: undefined,
+    applyForOverdueRatio: undefined,
+    reservedFields1: undefined,
+    reservedFields2: undefined,
+    reservedFields3: undefined,
+    reservedFields4: undefined,
+    reservedFields5: undefined,
+    reservedFields6: undefined,
+    creditRating: undefined,
+    autoCreditRating: undefined,
+    accountsReceivableUpper: undefined,
+    orderQuantityDown: undefined,
+    orderQuantityUpper: undefined,
+    accountsReceivableOverdue: undefined,
+    taxPaymentCertificate: undefined
+  }
+  formRef.value?.resetFields()
+}
+</script>
diff --git a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/SubjectBasicForm.vue b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/SubjectBasicForm.vue
index 525af0e7..9a48febd 100644
--- a/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/SubjectBasicForm.vue
+++ b/yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/SubjectBasicForm.vue
@@ -4,237 +4,21 @@
       <el-form-item label="客户名称" prop="name">
         <el-input v-model="formData.name" placeholder="请输入客户名称" />
       </el-form-item>
-      <el-form-item label="分类(0：一级 1：二级 2：三级)" prop="calssify">
-        <el-select v-model="formData.calssify" placeholder="请选择">
-          <el-option v-for="dict in getIntDictOptions(DICT_TYPE.CUSTOMER_CALSSIFY)" :key="dict.value" :label="dict.label"
-            :value="dict.value" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="客户名称" prop="name">
-        <el-input v-model="formData.name" placeholder="请输入客户名称" />
-      </el-form-item>
-      <el-form-item label="公司logo" prop="logo">
-        <el-input v-model="formData.logo" placeholder="请输入公司logo" />
-      </el-form-item>
-      <el-form-item label="企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)" prop="enterpriseNature">
-        <el-input v-model="formData.enterpriseNature" placeholder="请输入企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)" />
-      </el-form-item>
-      <el-form-item label="行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)" prop="industryClassify">
-        <el-input v-model="formData.industryClassify"
-          placeholder="请输入行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)" />
-      </el-form-item>
-      <el-form-item label="客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)" prop="customerSource">
-        <el-input v-model="formData.customerSource"
-          placeholder="请输入客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)" />
-      </el-form-item>
-      <el-form-item label="客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)" prop="customerStarrating">
-        <el-input v-model="formData.customerStarrating" placeholder="请输入客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)" />
-      </el-form-item>
-      <el-form-item label="业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)" prop="industrySchedule">
-        <el-input v-model="formData.industrySchedule"
-          placeholder="请输入业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)" />
-      </el-form-item>
-      <el-form-item label="归属人员" prop="belongingPeople">
-        <el-input v-model="formData.belongingPeople" placeholder="请输入归属人员" />
-      </el-form-item>
-      <el-form-item label="所在城市" prop="city">
-        <el-input v-model="formData.city" placeholder="请输入所在城市" />
-      </el-form-item>
-      <el-form-item label="国家" prop="country">
-        <el-input v-model="formData.country" placeholder="请输入国家" />
-      </el-form-item>
-      <el-form-item label="详细地址" prop="address">
-        <el-input v-model="formData.address" placeholder="请输入详细地址" />
-      </el-form-item>
-      <el-form-item label="公司电话" prop="phone">
-        <el-input v-model="formData.phone" placeholder="请输入公司电话" />
-      </el-form-item>
-      <el-form-item label="公司传真" prop="companyFax">
-        <el-input v-model="formData.companyFax" placeholder="请输入公司传真" />
-      </el-form-item>
-      <el-form-item label="公司网址" prop="companyHttp">
-        <el-input v-model="formData.companyHttp" placeholder="请输入公司网址" />
-      </el-form-item>
-      <el-form-item label="客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)" prop="customerStatus">
-        <el-select v-model="formData.customerStatus" placeholder="请选择客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)">
-          <el-option v-for="dict in getStrDictOptions(DICT_TYPE.CUSTOMER_STATUS)" :key="dict.value" :label="dict.label"
-            :value="dict.value" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="社会信息代码证（营业执照）" prop="socialInformationCodeCertificate">
-        <el-input v-model="formData.socialInformationCodeCertificate" placeholder="请输入社会信息代码证（营业执照）" />
-      </el-form-item>
-      <el-form-item label="注册地址" prop="registerAddress">
-        <el-input v-model="formData.registerAddress" placeholder="请输入注册地址" />
-      </el-form-item>
-      <el-form-item label="社会统一信息代码" prop="informationCode">
-        <el-input v-model="formData.informationCode" placeholder="请输入社会统一信息代码" />
-      </el-form-item>
-      <el-form-item label="经营时间开始" prop="operateStart">
-        <el-input v-model="formData.operateStart" placeholder="请输入经营时间开始" />
-      </el-form-item>
-      <el-form-item label="经营时间结束" prop="operateEnd">
-        <el-input v-model="formData.operateEnd" placeholder="请输入经营时间结束" />
-      </el-form-item>
-      <el-form-item label="注册资金" prop="registerCapital">
-        <el-input v-model="formData.registerCapital" placeholder="请输入注册资金" />
-      </el-form-item>
-      <el-form-item label="经营范围" prop="businessScope">
-        <el-input v-model="formData.businessScope" placeholder="请输入经营范围" />
-      </el-form-item>
-      <el-form-item label="实缴资金证明" prop="proofPaidCapital">
-        <el-input v-model="formData.proofPaidCapital" placeholder="请输入实缴资金证明" />
-      </el-form-item>
-      <el-form-item label="资产证明" prop="assetCertificate">
-        <el-input v-model="formData.assetCertificate" placeholder="请输入资产证明" />
-      </el-form-item>
-      <el-form-item label="资产抵押证明" prop="assetCertificateMortgage">
-        <el-input v-model="formData.assetCertificateMortgage" placeholder="请输入资产抵押证明" />
-      </el-form-item>
-      <el-form-item label="其他资质文件" prop="otherQualifications">
-        <el-input v-model="formData.otherQualifications" placeholder="请输入其他资质文件" />
-      </el-form-item>
-      <el-form-item label="合作时间开始" prop="collaborationStart">
-        <el-input v-model="formData.collaborationStart" placeholder="请输入合作时间开始" />
-      </el-form-item>
-      <el-form-item label="合作时间结束" prop="collaborationEnd">
-        <el-input v-model="formData.collaborationEnd" placeholder="请输入合作时间结束" />
-      </el-form-item>
-      <el-form-item label="需求量（每月下限）" prop="demandVolumeDown">
-        <el-input v-model="formData.demandVolumeDown" placeholder="请输入需求量（每月下限）" />
-      </el-form-item>
-      <el-form-item label="需求量（每月上限）" prop="demandVolumeUpper">
-        <el-input v-model="formData.demandVolumeUpper" placeholder="请输入需求量（每月上限）" />
-      </el-form-item>
-      <el-form-item label="资金额度" prop="fundLimit">
-        <el-input v-model="formData.fundLimit" placeholder="请输入资金额度" />
-      </el-form-item>
-      <el-form-item label="营业时间" prop="businessHours">
-        <el-input v-model="formData.businessHours" placeholder="请输入营业时间" />
-      </el-form-item>
-      <el-form-item label="营业时间开始" prop="businessStart">
-        <el-input v-model="formData.businessStart" placeholder="请输入营业时间开始" />
-      </el-form-item>
-      <el-form-item label="营业时间结束" prop="businessEnd">
-        <el-input v-model="formData.businessEnd" placeholder="请输入营业时间结束" />
-      </el-form-item>
-      <el-form-item label="允许卸货时间开始" prop="allowableUnloadingStart">
-        <el-input v-model="formData.allowableUnloadingStart" placeholder="请输入允许卸货时间开始" />
-      </el-form-item>
-      <el-form-item label="允许卸货时间结束" prop="allowableUnloadingEnd">
-        <el-input v-model="formData.allowableUnloadingEnd" placeholder="请输入允许卸货时间结束" />
-      </el-form-item>
-      <el-form-item label="卸货时长" prop="unloading">
-        <el-input v-model="formData.unloading" placeholder="请输入卸货时长" />
-      </el-form-item>
-      <el-form-item label="卸货效率" prop="unloadingEfficiency">
-        <el-input v-model="formData.unloadingEfficiency" placeholder="请输入卸货效率" />
-      </el-form-item>
-      <el-form-item label="允许装货时间开始" prop="allowableShipmentStart">
-        <el-input v-model="formData.allowableShipmentStart" placeholder="请输入允许装货时间开始" />
-      </el-form-item>
-      <el-form-item label="允许装货时间结束" prop="allowableShipmentEnd">
-        <el-input v-model="formData.allowableShipmentEnd" placeholder="请输入允许装货时间结束" />
-      </el-form-item>
-      <el-form-item label="装货时长" prop="shipment">
-        <el-input v-model="formData.shipment" placeholder="请输入装货时长" />
-      </el-form-item>
-      <el-form-item label="装货效果" prop="shipmentEffciency">
-        <el-input v-model="formData.shipmentEffciency" placeholder="请输入装货效果" />
-      </el-form-item>
-      <el-form-item label="付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)" prop="paymentMethod">
-        <el-input v-model="formData.paymentMethod"
-          placeholder="请输入付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)" />
-      </el-form-item>
-      <el-form-item label="账户名称" prop="accountName">
-        <el-input v-model="formData.accountName" placeholder="请输入账户名称" />
-      </el-form-item>
-      <el-form-item label="银行账号" prop="bankAccount">
-        <el-input v-model="formData.bankAccount" placeholder="请输入银行账号" />
-      </el-form-item>
-      <el-form-item label="开户银行" prop="bankDeposit">
-        <el-input v-model="formData.bankDeposit" placeholder="请输入开户银行" />
-      </el-form-item>
-      <el-form-item label="开户地区" prop="depositArea">
-        <el-input v-model="formData.depositArea" placeholder="请输入开户地区" />
-      </el-form-item>
-      <el-form-item label="支行名称" prop="bankBranch">
-        <el-input v-model="formData.bankBranch" placeholder="请输入支行名称" />
-      </el-form-item>
-      <el-form-item label="公司税号" prop="companyTaxNumber">
-        <el-input v-model="formData.companyTaxNumber" placeholder="请输入公司税号" />
-      </el-form-item>
-      <el-form-item label="企业名称" prop="enterpriseName">
-        <el-input v-model="formData.enterpriseName" placeholder="请输入企业名称" />
-      </el-form-item>
-      <el-form-item label="单位地址" prop="workAddress">
-        <el-input v-model="formData.workAddress" placeholder="请输入单位地址" />
-      </el-form-item>
-      <el-form-item label="合作方式(0：买断 1：联营)" prop="collaborationMethod">
-        <el-input v-model="formData.collaborationMethod" placeholder="请输入合作方式(0：买断 1：联营)" />
-      </el-form-item>
-      <el-form-item label="结算方式(0:先货后款 1：先款后货)" prop="settlementMethod">
-        <el-input v-model="formData.settlementMethod" placeholder="请输入结算方式(0:先货后款 1：先款后货)" />
-      </el-form-item>
-      <el-form-item label="账期" prop="accountPeriod">
-        <el-input v-model="formData.accountPeriod" placeholder="请输入账期" />
-      </el-form-item>
-      <el-form-item label="压款方式(0：无 1：按金额 2：按比例)" prop="underpaymentMethod">
-        <el-input v-model="formData.underpaymentMethod" placeholder="请输入压款方式(0：无 1：按金额 2：按比例)" />
-      </el-form-item>
-      <el-form-item label="申请压款比例" prop="applyForUnderpaymentRatio">
-        <el-input v-model="formData.applyForUnderpaymentRatio" placeholder="请输入申请压款比例" />
-      </el-form-item>
-      <el-form-item label="保证金方式(0：无 1：按金额 2：按比例)" prop="marginMethod">
-        <el-input v-model="formData.marginMethod" placeholder="请输入保证金方式(0：无 1：按金额 2：按比例)" />
-      </el-form-item>
-      <el-form-item label="申请保证金比例" prop="applyForMarginRatio">
-        <el-input v-model="formData.applyForMarginRatio" placeholder="请输入申请保证金比例" />
-      </el-form-item>
-      <el-form-item label="逾期利率(0：按年化1：按月化)" prop="overdueInterestRate">
-        <el-input v-model="formData.overdueInterestRate" placeholder="请输入逾期利率(0：按年化1：按月化)" />
-      </el-form-item>
-      <el-form-item label="申请逾期利率" prop="applyForOverdueRatio">
-        <el-input v-model="formData.applyForOverdueRatio" placeholder="请输入申请逾期利率" />
-      </el-form-item>
-      <el-form-item label="预留字段1" prop="reservedFields1">
-        <el-input v-model="formData.reservedFields1" placeholder="请输入预留字段1" />
-      </el-form-item>
-      <el-form-item label="预留字段2" prop="reservedFields2">
-        <el-input v-model="formData.reservedFields2" placeholder="请输入预留字段2" />
-      </el-form-item>
-      <el-form-item label="预留字段3" prop="reservedFields3">
-        <el-input v-model="formData.reservedFields3" placeholder="请输入预留字段3" />
-      </el-form-item>
-      <el-form-item label="预留字段4" prop="reservedFields4">
-        <el-input v-model="formData.reservedFields4" placeholder="请输入预留字段4" />
-      </el-form-item>
-      <el-form-item label="预留字段5" prop="reservedFields5">
-        <el-input v-model="formData.reservedFields5" placeholder="请输入预留字段5" />
-      </el-form-item>
-      <el-form-item label="预留字段6" prop="reservedFields6">
-        <el-input v-model="formData.reservedFields6" placeholder="请输入预留字段6" />
-      </el-form-item>
-      <el-form-item label="信用级别(0：S 1：A 2：B)" prop="creditRating">
-        <el-input v-model="formData.creditRating" placeholder="请输入信用级别(0：S 1：A 2：B)" />
-      </el-form-item>
-      <el-form-item label="信用级别(0：开启 1：关闭)" prop="autoCreditRating">
-        <el-input v-model="formData.autoCreditRating" placeholder="请输入信用级别(0：开启 1：关闭)" />
-      </el-form-item>
-      <el-form-item label="应收款上限" prop="accountsReceivableUpper">
-        <el-input v-model="formData.accountsReceivableUpper" placeholder="请输入应收款上限" />
-      </el-form-item>
-      <el-form-item label="订单量下限" prop="orderQuantityDown">
-        <el-input v-model="formData.orderQuantityDown" placeholder="请输入订单量下限" />
-      </el-form-item>
-      <el-form-item label="订单量上限" prop="orderQuantityUpper">
-        <el-input v-model="formData.orderQuantityUpper" placeholder="请输入订单量上限" />
-      </el-form-item>
-      <el-form-item label="应收款项逾期限制" prop="accountsReceivableOverdue">
-        <el-input v-model="formData.accountsReceivableOverdue" placeholder="请输入应收款项逾期限制" />
-      </el-form-item>
-      <el-form-item label="完税证明超时限制" prop="taxPaymentCertificate">
-        <el-input v-model="formData.taxPaymentCertificate" placeholder="请输入完税证明超时限制" />
+      <el-form-item label="开始时间" prop="name">
+        <el-date-picker v-model="formData.businessType" type="dates" placeholder="开始时间" style="width: 100%;" />
+      </el-form-item>
+      <el-form-item label="紧要程度" prop="logo">
+        <el-radio-group v-model="formData.customerSource" size="large">
+          <el-radio-button label="重要" />
+          <el-radio-button label="紧急" />
+          <el-radio-button label="普通" />
+          <el-radio-button label="较低" />
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="提醒方式" prop="enterpriseNature">
+        <el-checkbox v-model="formData.customerSource" label="消息信息" size="large" />
+        <el-checkbox v-model="formData.customerSource" label="邮件通知" size="large" />
+        <el-checkbox v-model="formData.customerSource" label="短信通知" size="large" />
       </el-form-item>
     </el-form>
     <template #footer>
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>