From f0d4bdb1ef50d82d1e78ff77b99165701d911dcb Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Sat, 12 Aug 2023 11:15:52 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=83=A8=E5=88=86bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/company/edit.vue           |  232 +++---
 src/views/company/index.vue          |   23 +-
 src/views/contract/contractDetil.vue |  917 +++++++++++----------
 src/views/permission/admin/edit.vue  | 1110 ++++++++++++++------------
 src/views/permission/admin/index.vue |  541 +++++++------
 5 files changed, 1525 insertions(+), 1298 deletions(-)

diff --git a/src/views/company/edit.vue b/src/views/company/edit.vue
index 157fbc5..6b98d0a 100644
--- a/src/views/company/edit.vue
+++ b/src/views/company/edit.vue
@@ -179,92 +179,100 @@
       </el-col>
       <el-col :span="24" class="el-card pt-6">
         <div class="tit">主要联系人</div>
-        <div class="headimg">
-          <el-upload
-            :disabled="isDisabled"
-            v-model="formData.avatar"
-            class="avatar-uploader-head"
-            :data="{ cid: 1 }"
-            action="https://worker-task.lihaink.cn/api/upload/image"
-            :show-file-list="false"
-            :on-success="handleAvatarSuccessAvatar"
-          >
-            <img v-if="formData.avatar" :src="formData.avatar" class="avatar" />
-            <el-icon v-else class="avatar-uploader-icon">
-              <Plus />
-            </el-icon>
-          </el-upload>
-        </div>
         <el-row>
-          <el-col :span="12">
-            <el-form-item label="姓名" prop="master_name">
-              <el-input
+          <el-col :span="2">
+            <div class="headimg">
+              <el-upload
                 :disabled="isDisabled"
-                v-model="formData.master_name"
-                placeholder="请输入姓名"
-                clearable
-                :style="{ width: '100%' }"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="职务" prop="master_position">
-              <el-input
-                :disabled="isDisabled"
-                v-model="formData.master_position"
-                placeholder="请输入职务"
-                clearable
-                :style="{ width: '100%' }"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="手机" prop="master_phone">
-              <el-input
-                :disabled="isDisabled"
-                v-model="formData.master_phone"
-                placeholder="请输入手机"
-                clearable
-                :style="{ width: '100%' }"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="邮箱">
-              <el-input
-                :disabled="isDisabled"
-                v-model="formData.master_email"
-                placeholder="请输入邮箱"
-                clearable
-                :style="{ width: '100%' }"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="性别" prop="sex">
-              <el-select
-                :disabled="isDisabled"
-                v-model="formData.sex"
-                placeholder="请选择性别"
-                :style="{ width: '100%' }"
+                v-model="formData.avatar"
+                class="avatar-uploader-head"
+                :data="{ cid: 1 }"
+                action="https://worker-task.lihaink.cn/api/upload/image"
+                :show-file-list="false"
+                :on-success="handleAvatarSuccessAvatar"
               >
-                <el-option label="男" value="1" />
-                <el-option label="女" value="2" />
-              </el-select>
-            </el-form-item>
+                <img
+                  v-if="formData.avatar"
+                  :src="formData.avatar"
+                  class="avatar"
+                />
+                <el-icon v-else class="avatar-uploader-icon">
+                  <Plus />
+                </el-icon>
+              </el-upload>
+            </div>
           </el-col>
-          <el-col :span="12">
-            <el-form-item label="身份证">
-              <el-input
-                :disabled="isDisabled"
-                v-model="formData.id_card"
-                placeholder="请输入生份证"
-                clearable
-                :style="{ width: '100%' }"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <!-- <el-col :span="12">
+          <el-col :span="20">
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="姓名" prop="master_name">
+                  <el-input
+                    :disabled="isDisabled"
+                    v-model="formData.master_name"
+                    placeholder="请输入姓名"
+                    clearable
+                    :style="{ width: '100%' }"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="职务" prop="master_position">
+                  <el-input
+                    :disabled="isDisabled"
+                    v-model="formData.master_position"
+                    placeholder="请输入职务"
+                    clearable
+                    :style="{ width: '100%' }"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="手机" prop="master_phone">
+                  <el-input
+                    :disabled="isDisabled"
+                    v-model="formData.master_phone"
+                    placeholder="请输入手机"
+                    clearable
+                    :style="{ width: '100%' }"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="邮箱">
+                  <el-input
+                    :disabled="isDisabled"
+                    v-model="formData.master_email"
+                    placeholder="请输入邮箱"
+                    clearable
+                    :style="{ width: '100%' }"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="性别" prop="sex">
+                  <el-select
+                    :disabled="isDisabled"
+                    v-model="formData.sex"
+                    placeholder="请选择性别"
+                    :style="{ width: '100%' }"
+                  >
+                    <el-option label="男" value="1" />
+                    <el-option label="女" value="2" />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="身份证">
+                  <el-input
+                    :disabled="isDisabled"
+                    v-model="formData.id_card"
+                    placeholder="请输入身份证"
+                    clearable
+                    :style="{ width: '100%' }"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <!-- <el-col :span="12">
                         <el-form-item label="片区经理" prop="area_manager_name">
                             <el-input
                                 :disabled="isDisabled"
@@ -276,6 +284,8 @@
                             ></el-input>
                         </el-form-item>
                     </el-col> -->
+            </el-row>
+          </el-col>
         </el-row>
       </el-col>
       <el-col :span="24" class="el-card pt-6">
@@ -332,7 +342,7 @@
             </el-col>
           </template>
 
-          <el-col :span="24"> 
+          <el-col :span="24">
             <el-form-item label prop="field126">
               <el-button
                 type="primary"
@@ -381,7 +391,7 @@
             </el-form-item>
             <el-form-item class="others" label="其他资质">
               <div
-                v-for="(v, i) in formData.qualification.qualifications"
+                v-for="(v, i) in formData.qualification.other_qualifications"
                 :key="i"
                 class="otherimg"
               >
@@ -653,7 +663,7 @@ const formData = reactive({
   qualification: {
     business_license: "",
     business_licenseB: "",
-    qualifications: [],
+    other_qualifications: [],
     bank_accountB: [],
     bank_account: [],
   },
@@ -816,7 +826,8 @@ const handleAvatarSuccess_two: UploadProps["onSuccess"] = (
     ElMessage.error(response.msg);
     return;
   }
-  formData.qualification.qualifications.push(response.data.uri);
+  formData.qualification.other_qualifications.push(response.data.uri);
+  // console.log(formData.qualification.other_qualifications);
 };
 const handleAvatarSuccess_twoB: UploadProps["onSuccess"] = (
   response,
@@ -981,23 +992,30 @@ const getDetails = async () => {
     ];
     if (data[key] != null && data[key] != undefined) {
       formData[key] = data[key];
-      if (key == "qualification" && formData.qualification.qualifications) {
-        try {
-          if (Array.isArray(JSON.parse(formData.qualification.qualifications))) {
-            formData.qualification.qualifications = JSON.parse(
-              formData.qualification.qualifications
-            );
-          } else {
-            const str = formData.qualification.qualifications;
-            formData.qualification.qualifications = [];
-            formData.qualification.qualifications.push(str);
-          }
-        } catch (error) {
-          const str = formData.qualification.qualifications;
-          formData.qualification.qualifications = [];
-          formData.qualification.qualifications.push(str);
-        }
-      }
+      // if (
+      //   key == "qualification" &&
+      //   formData.qualification.other_qualifications
+      // ) {
+      //   try {
+      //     if (
+      //       Array.isArray(
+      //         JSON.parse(formData.qualification.other_qualifications)
+      //       )
+      //     ) {
+      //       formData.qualification.other_qualifications = JSON.parse(
+      //         formData.qualification.other_qualifications
+      //       );
+      //     } else {
+      //       const str = formData.qualification.other_qualifications;
+      //       formData.qualification.other_qualifications = [];
+      //       formData.qualification.other_qualifications.push(str);
+      //     }
+      //   } catch (error) {
+      //     const str = formData.qualification.other_qualifications;
+      //     formData.qualification.other_qualifications = [];
+      //     formData.qualification.other_qualifications.push(str);
+      //   }
+      // }
     }
     if (stringArr.includes(key)) formData[key] = formData[key].toString();
   });
@@ -1017,7 +1035,7 @@ const getDetails = async () => {
 };
 const clickdelete = (index) => {
   if (!route.query.read) {
-    formData.qualification.qualifications.splice(index, 1);
+    formData.qualification.other_qualifications.splice(index, 1);
   }
 };
 
@@ -1037,8 +1055,8 @@ const handleAvatarSuccessAvatar: UploadProps["onSuccess"] = (
 const create = async () => {
   await formRef.value?.validate();
   const data = JSON.parse(JSON.stringify({ ...formData }));
-  data.qualification.qualifications = JSON.stringify(
-    data.qualification.qualifications
+  data.qualification.other_qualifications = JSON.stringify(
+    data.qualification.other_qualifications
   );
   if (route.query.id) {
     await apiCompanyEdit(data);
@@ -1075,9 +1093,9 @@ defineExpose({
 
 .headimg {
   margin-left: 18px;
+  margin-bottom: 18px;
   width: 120px;
   height: 140px;
-  float: left;
   overflow: hidden;
 }
 
diff --git a/src/views/company/index.vue b/src/views/company/index.vue
index e757016..e829c11 100644
--- a/src/views/company/index.vue
+++ b/src/views/company/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-card class="!border-none mb-4" shadow="never">
-      <el-form  class="mb-[-16px] formdata" :model="queryParams" inline>
+      <el-form class="mb-[-16px] formdata" :model="queryParams" inline>
         <el-form-item label="公司名称" prop="company_name">
           <el-input
             class="w-[280px]"
@@ -219,8 +219,11 @@
                   @click="handleAuthentication(row.id)"
                   >企业认证</el-button
                 >
-                <template v-if="row.is_contract == 0">
+                <template v-if="row.is_authentication && row.is_contract == 0">
                   <el-button
+                    v-if="
+                      Array.isArray(row.contract) && row.contract.length == 0
+                    "
                     v-perms="['company/initiate_contract']"
                     type="primary"
                     link
@@ -228,6 +231,17 @@
                     >生成合同</el-button
                   >
                   <el-button
+                    v-if="
+                      Array.isArray(row.contract) && row.contract.length == 0
+                    "
+                    v-perms="['company/initiate_contract']"
+                    type="warning"
+                    link
+                    @click="showChangeCompany(row)"
+                    >生成合同</el-button
+                  >
+                  <el-button
+                    v-else-if="row.contract?.check_status == 2"
                     v-perms="['company/Draftingcontracts']"
                     type="primary"
                     link
@@ -235,6 +249,7 @@
                     >发送合同</el-button
                   >
                   <el-button
+                    v-else-if="row.contract?.check_status == 3"
                     v-perms="['company/postsms']"
                     type="primary"
                     link
@@ -567,8 +582,8 @@ h1 {
   display: flex;
   justify-content: space-around;
 }
-.formdata{
-  .el-form-item{
+.formdata {
+  .el-form-item {
     width: 20%;
   }
 }
diff --git a/src/views/contract/contractDetil.vue b/src/views/contract/contractDetil.vue
index 086b3b8..74de1fb 100644
--- a/src/views/contract/contractDetil.vue
+++ b/src/views/contract/contractDetil.vue
@@ -1,451 +1,556 @@
 <template>
-    <el-card class="box-card">
-        <template #header>
-            <span>甲方基本信息</span>
-        </template>
-        <el-form
-            :inline="true"
-            ref="formRef"
-            :model="compeny"
-            label-width="91.5px"
-            :rules="formRules"
-            class="select"
+  <el-card class="box-card">
+    <template #header>
+      <span>甲方基本信息</span>
+    </template>
+    <el-form
+      :inline="true"
+      ref="formRef"
+      :model="compeny"
+      label-width="91.5px"
+      :rules="formRules"
+      class="select"
+    >
+      <el-form-item label="公司名称" prop="company_name" required>
+        <el-input
+          disabled
+          v-model="compeny.company_name"
+          placeholder="请输入公司名称"
+        />
+      </el-form-item>
+      <el-form-item label="社会代码" prop="organization_code" required>
+        <el-input
+          disabled
+          v-model="compeny.organization_code"
+          placeholder="请输入社会代码"
+        />
+      </el-form-item>
+      <el-form-item label="主要联系人" prop="company_name" required>
+        <el-input
+          disabled
+          v-model="compeny.master_name"
+          placeholder="请输入主要联系人"
+        />
+      </el-form-item>
+      <el-form-item label="公司类型" prop="compeny">
+        <el-select
+          disabled
+          v-model="compeny.company_type_name"
+          placeholder="请输入公司类型"
         >
-            <el-form-item label="公司名称" prop="company_name" required>
-                <el-input disabled v-model="compeny.company_name" placeholder="请输入公司名称" />
-            </el-form-item>
-            <el-form-item label="社会代码" prop="organization_code" required>
-                <el-input
-                    disabled
-                    v-model="compeny.organization_code"
-                    placeholder="请输入社会代码"
-                />
-            </el-form-item>
-            <el-form-item label="主要联系人" prop="company_name" required>
-                <el-input disabled v-model="compeny.master_name" placeholder="请输入主要联系人" />
-            </el-form-item>
-            <el-form-item label="公司类型" prop="compeny">
-                <el-select
-                    disabled
-                    v-model="compeny.company_type_name"
-                    placeholder="请输入公司类型"
-                >
-                </el-select>
-            </el-form-item>
-            <el-form-item label="省" prop="province">
-                <el-select disabled v-model="compeny.province_name" placeholder="请选择省">
-                </el-select>
-            </el-form-item>
-            <el-form-item label="市" prop="city">
-                <el-select disabled v-model="compeny.city_name" placeholder="请选择市"> </el-select>
-            </el-form-item>
-            <el-form-item label="区" prop="area">
-                <el-select disabled v-model="compeny.area_name" placeholder="请选择区"> </el-select>
-            </el-form-item>
-            <el-form-item label="镇" prop="company_type_name">
-                <el-select disabled v-model="compeny.street_name" placeholder="请选择镇">
-                </el-select>
-            </el-form-item>
-            <el-form-item label="地址" prop="address">
-                <el-input
-                    disabled
-                    v-model="compeny.address"
-                    placeholder="请输入公司地址"
-                    :style="{ width: '32rem' }"
-                />
-            </el-form-item>
-        </el-form>
-    </el-card>
-    <el-card>
-        <template #header>
-            <span>甲方资质信息</span>
-        </template>
-        <el-form
-            :inline="true"
-            ref="formRef"
-            :model="compeny"
-            label-width="90px"
-            :rules="formRules"
-            class="company_z"
+        </el-select>
+      </el-form-item>
+      <el-form-item label="省" prop="province">
+        <el-select
+          disabled
+          v-model="compeny.province_name"
+          placeholder="请选择省"
         >
-            <el-form-item label="公司资质" prop="contract_type" required>
-                <div class="company">
-                    <img :src="compenyimg.business_license" />
-                </div>
-            </el-form-item>
-            <el-form-item label-width="120px" label="开户许可证" prop="contract_no" required>
-                <div class="company">
-                    <img :src="compenyimg.business_licenseB" />
-                </div>
-            </el-form-item>
-            <el-form-item label="其他资质" prop="contract_no" required>
-                <div class="company other" v-for="(v,i) in  compenyimg.bank_account" :key="i">
-                    <img :src="v" />
-                </div>
-            </el-form-item>
-        </el-form>
-    </el-card>
-    <el-card v-if="show">
-        <template #header>
-            <span>乙方基本信息</span>
-        </template>
-        <el-form
-            :inline="true"
-            ref="formRef"
-            :model="compenyB"
-            label-width="91.5px"
-            :rules="formRules"
-            class="select"
+        </el-select>
+      </el-form-item>
+      <el-form-item label="市" prop="city">
+        <el-select disabled v-model="compeny.city_name" placeholder="请选择市">
+        </el-select>
+      </el-form-item>
+      <el-form-item label="区" prop="area">
+        <el-select disabled v-model="compeny.area_name" placeholder="请选择区">
+        </el-select>
+      </el-form-item>
+      <el-form-item label="镇" prop="company_type_name">
+        <el-select
+          disabled
+          v-model="compeny.street_name"
+          placeholder="请选择镇"
         >
-            <el-form-item label="公司名称" prop="company_name" required>
-                <el-input disabled v-model="compenyB.company_name" placeholder="请输入公司名称" />
-            </el-form-item>
-            <el-form-item label="社会代码" prop="organization_code" required>
-                <el-input
-                    disabled
-                    v-model="compenyB.organization_code"
-                    placeholder="请输入社会代码"
-                />
-            </el-form-item>
-            <el-form-item label="公司类型" prop="company_type">
-                <el-select
-                    disabled
-                    v-model="compenyB.company_type_name"
-                    placeholder="请输入社会类型"
-                >
-                    <el-option></el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="主要联系人" prop="master_name" required>
-                <el-input disabled v-model="compenyB.master_name" placeholder="请输入主要联系人" />
-            </el-form-item>
-            <el-form-item label="省" prop="province">
-                <el-select disabled v-model="compenyB.province_name" placeholder="请选择省">
-                </el-select>
-            </el-form-item>
-            <el-form-item label="市" prop="city">
-                <el-select disabled v-model="compenyB.city_name" placeholder="请选择市">
-                </el-select>
-            </el-form-item>
-            <el-form-item label="区" prop="area">
-                <el-select disabled v-model="compenyB.area_name" placeholder="请选择区">
-                </el-select>
-            </el-form-item>
-            <el-form-item label="镇" prop="street">
-                <el-select disabled v-model="compenyB.street_name" placeholder="请选择镇">
-                    <el-option></el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="地址" prop="street">
-                <el-input
-                    disabled
-                    v-model="compenyB.address"
-                    placeholder="请输入公司地址"
-                    :style="{ width: '31.5rem' }"
-                />
-            </el-form-item>
-        </el-form>
-    </el-card>
-    <el-card v-if="show">
-        <template #header>
-            <span>乙方资质信息</span>
-        </template>
-        <el-form
-            :inline="true"
-            ref="formRef"
-            :model="formData"
-            label-width="90px"
-            :rules="formRules"
-             class="company_z"
-        >
-        <el-form-item label="公司资质" prop="contract_type" required>
-                <div class="company">
-                    <img :src="compenyBimg.business_license" />
-                </div>
-            </el-form-item>
-            <el-form-item label-width="120px" label="开户许可证" prop="contract_no" required>
-                <div class="company">
-                    <img :src="compenyBimg.business_licenseB" />
-                </div>
-            </el-form-item>
-            <el-form-item class="other" label="其他资质" prop="contract_no" required>
-                <div class="company" v-for="(v,i) in  compenyBimg.qualifications" :key="i">
-                    <img :src="v" />
-                </div>
-            </el-form-item>
-        </el-form>
-    </el-card>
-    <el-card v-if="flag">
-        <template #header>
-            <span>个人基本信息</span>
-        </template>
-        <div class="persenal">
-            <img :src="persen.avatar" />
-            <el-form
-                :inline="true"
-                ref="formRef"
-                :model="persen"
-                label-width="90px"
-                :rules="formRules"
-                class="person_select"
-            >
-                <el-form-item label="姓名">
-                    <el-input disabled v-model="persen.nickname" placeholder="请输入姓名" />
-                </el-form-item>
-                <el-form-item label="性别">
-                    <el-input disabled v-model="persen.sex" placeholder="请输入性别" />
-                </el-form-item>
-                <el-form-item label="联系电话">
-                    <el-input disabled v-model="persen.mobile" placeholder="请输入联系电话" />
-                </el-form-item>
-                <el-form-item label="身份证号">
-                    <el-input v-model="persen.id" placeholder="请输入身份证号" disabled />
-                </el-form-item>
-                <el-form-item label="省" prop="province">
-                    <el-select disabled v-model="persen.province_name" placeholder="请选择省">
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="市" prop="city">
-                    <el-select disabled v-model="persen.city_name" placeholder="请选择市">
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="区" prop="area">
-                    <el-select disabled v-model="persen.area_name" placeholder="请选择区">
-                        <el-option></el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="镇" prop="street">
-                    <el-select disabled v-model="persen.street_name" placeholder="请选择镇">
-                        <el-option></el-option>
-                    </el-select>
-                </el-form-item>
-            </el-form>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="地址" prop="address">
+        <el-input
+          disabled
+          v-model="compeny.address"
+          placeholder="请输入公司地址"
+          :style="{ width: '32rem' }"
+        />
+      </el-form-item>
+    </el-form>
+  </el-card>
+  <el-card>
+    <template #header>
+      <span>甲方资质信息</span>
+    </template>
+    <el-form
+      :inline="true"
+      ref="formRef"
+      :model="compeny"
+      label-width="90px"
+      :rules="formRules"
+      class="company_z"
+    >
+      <el-form-item label="公司资质" prop="contract_type" required>
+        <div class="company">
+          <img :src="compenyimg.business_license" />
         </div>
-    </el-card>
-    <el-card v-if="flag">
-        <template #header>
-            <span>个人资质信息</span>
-        </template>
-        <el-form class="idcard" :model="persenimg" :inline="true">
-            <el-form-item label="身份证号">
-                <img :src="persenimg.id_card" />
-                <img :src="persenimg.id_card_b" />
-            </el-form-item>
-            <el-form-item label="行驶证号">
-                <img :src="persenimg.car_card" />
-                <img :src="persenimg.car_card_b" />
-            </el-form-item>
-            <el-form-item label="银行卡号">
-                <img :src="persenimg.bank_account" />
-                <img :src="persenimg.bank_account_b" />
-            </el-form-item>
-        </el-form>
-    </el-card>
-    <el-card>
-        <template #header>
-            <span>电子合同</span>
-        </template>
-        <el-form
-            :inline="true"
-            class="frame"
-            ref="formRef"
-            :model="formData"
-            label-width="90px"
-            :rules="formRules"
+      </el-form-item>
+      <el-form-item
+        label-width="120px"
+        label="开户许可证"
+        prop="contract_no"
+        required
+      >
+        <div class="company">
+          <img :src="compenyimg.business_licenseB" />
+        </div>
+      </el-form-item>
+      <el-form-item label="其他资质" prop="contract_no" required>
+        <div
+          class="company other"
+          v-for="(v, i) in compenyimg.bank_account"
+          :key="i"
         >
-            <el-form-item label="签约方" prop="contract_type">
-                <el-input
-                    v-model="compeny.company_name"
-                    :disabled="true"
-                    placeholder="暂无签约方"
-                />
-            </el-form-item>
-            <el-form-item label="被签约公司" prop="contract_no">
-                <el-input
-                    v-model="compenyB.company_name"
-                    :disabled="true"
-                    placeholder="暂无签约方"
-                />
-            </el-form-item>
-            <el-form-item label="合同类型" prop="contract_no">
-                <el-input
-                    v-model="basicdata.contract_type_name"
-                    :disabled="true"
-                    placeholder="暂无签约方"
-                />
-            </el-form-item>
-            <!-- <el-form-item label="合同编号" prop="contract_no">
+          <img :src="v" />
+        </div>
+      </el-form-item>
+    </el-form>
+  </el-card>
+  <el-card v-if="show">
+    <template #header>
+      <span>乙方基本信息</span>
+    </template>
+    <el-form
+      :inline="true"
+      ref="formRef"
+      :model="compenyB"
+      label-width="91.5px"
+      :rules="formRules"
+      class="select"
+    >
+      <el-form-item label="公司名称" prop="company_name" required>
+        <el-input
+          disabled
+          v-model="compenyB.company_name"
+          placeholder="请输入公司名称"
+        />
+      </el-form-item>
+      <el-form-item label="社会代码" prop="organization_code" required>
+        <el-input
+          disabled
+          v-model="compenyB.organization_code"
+          placeholder="请输入社会代码"
+        />
+      </el-form-item>
+      <el-form-item label="公司类型" prop="company_type">
+        <el-select
+          disabled
+          v-model="compenyB.company_type_name"
+          placeholder="请输入社会类型"
+        >
+          <el-option></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="主要联系人" prop="master_name" required>
+        <el-input
+          disabled
+          v-model="compenyB.master_name"
+          placeholder="请输入主要联系人"
+        />
+      </el-form-item>
+      <el-form-item label="省" prop="province">
+        <el-select
+          disabled
+          v-model="compenyB.province_name"
+          placeholder="请选择省"
+        >
+        </el-select>
+      </el-form-item>
+      <el-form-item label="市" prop="city">
+        <el-select disabled v-model="compenyB.city_name" placeholder="请选择市">
+        </el-select>
+      </el-form-item>
+      <el-form-item label="区" prop="area">
+        <el-select disabled v-model="compenyB.area_name" placeholder="请选择区">
+        </el-select>
+      </el-form-item>
+      <el-form-item label="镇" prop="street">
+        <el-select
+          disabled
+          v-model="compenyB.street_name"
+          placeholder="请选择镇"
+        >
+          <el-option></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="地址" prop="street">
+        <el-input
+          disabled
+          v-model="compenyB.address"
+          placeholder="请输入公司地址"
+          :style="{ width: '31.5rem' }"
+        />
+      </el-form-item>
+    </el-form>
+  </el-card>
+  <el-card v-if="show">
+    <template #header>
+      <span>乙方资质信息</span>
+    </template>
+    <el-form
+      :inline="true"
+      ref="formRef"
+      :model="formData"
+      label-width="90px"
+      :rules="formRules"
+      class="company_z"
+    >
+      <el-form-item label="公司资质" prop="contract_type" required>
+        <div class="company">
+          <img :src="compenyBimg.business_license" />
+        </div>
+      </el-form-item>
+      <el-form-item
+        label-width="120px"
+        label="开户许可证"
+        prop="contract_no"
+        required
+      >
+        <div class="company">
+          <img :src="compenyBimg.business_licenseB" />
+        </div>
+      </el-form-item>
+      <el-form-item class="other" label="其他资质" prop="contract_no" required>
+        <div
+          class="company"
+          v-for="(v, i) in compenyBimg.other_qualifications"
+          :key="i"
+        >
+          <img :src="v" />
+        </div>
+      </el-form-item>
+    </el-form>
+  </el-card>
+  <el-card v-if="flag">
+    <template #header>
+      <span>个人基本信息</span>
+    </template>
+    <div class="persenal">
+      <img :src="persen.avatar" />
+      <el-form
+        :inline="true"
+        ref="formRef"
+        :model="persen"
+        label-width="90px"
+        :rules="formRules"
+        class="person_select"
+      >
+        <el-form-item label="姓名">
+          <el-input
+            disabled
+            v-model="persen.nickname"
+            placeholder="请输入姓名"
+          />
+        </el-form-item>
+        <el-form-item label="性别">
+          <el-input disabled v-model="persen.sex" placeholder="请输入性别" />
+        </el-form-item>
+        <el-form-item label="联系电话">
+          <el-input
+            disabled
+            v-model="persen.mobile"
+            placeholder="请输入联系电话"
+          />
+        </el-form-item>
+        <el-form-item label="身份证号">
+          <el-input v-model="persen.id" placeholder="请输入身份证号" disabled />
+        </el-form-item>
+        <el-form-item label="省" prop="province">
+          <el-select
+            disabled
+            v-model="persen.province_name"
+            placeholder="请选择省"
+          >
+          </el-select>
+        </el-form-item>
+        <el-form-item label="市" prop="city">
+          <el-select disabled v-model="persen.city_name" placeholder="请选择市">
+          </el-select>
+        </el-form-item>
+        <el-form-item label="区" prop="area">
+          <el-select disabled v-model="persen.area_name" placeholder="请选择区">
+            <el-option></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="镇" prop="street">
+          <el-select
+            disabled
+            v-model="persen.street_name"
+            placeholder="请选择镇"
+          >
+            <el-option></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+    </div>
+  </el-card>
+  <el-card v-if="flag">
+    <template #header>
+      <span>个人资质信息</span>
+    </template>
+    <el-form class="idcard" :model="persenimg" :inline="true">
+      <el-form-item label="身份证">
+        <img :src="persenimg.id_card" />
+        <img :src="persenimg.id_card_b" />
+      </el-form-item>
+      <el-form-item label="银行卡">
+        <img :src="persenimg.bank_account" />
+        <img :src="persenimg.bank_account_b" />
+      </el-form-item>
+      <el-form-item
+        v-if="persenimg.car_card || persenimg.car_card_b"
+        label="行驶证"
+      >
+        <img v-if="persenimg.car_card" :src="persenimg.car_card" />
+        <img v-if="persenimg.car_card_b" :src="persenimg.car_card_b" />
+      </el-form-item>
+    </el-form>
+  </el-card>
+  <el-card>
+    <template #header>
+      <span>电子合同</span>
+    </template>
+    <el-form
+      :inline="true"
+      class="frame"
+      ref="formRef"
+      :model="formData"
+      label-width="90px"
+      :rules="formRules"
+    >
+      <el-form-item label="甲方" prop="contract_type">
+        <el-input
+          v-model="compeny.company_name"
+          :disabled="true"
+          placeholder="暂无甲方方"
+        />
+      </el-form-item>
+      <el-form-item label="乙方" prop="contract_no">
+        <el-input
+          v-model="compenyB.company_name"
+          :disabled="true"
+          placeholder="暂无乙方"
+        />
+      </el-form-item>
+      <el-form-item label="合同类型" prop="contract_no">
+        <el-input
+          v-model="basicdata.contract_type_name"
+          :disabled="true"
+          placeholder="暂无合同"
+        />
+      </el-form-item>
+      <!-- <el-form-item label="合同编号" prop="contract_no">
                 <el-input
                     v-model="formData.party_b_name"
                     :disabled="true"
                     placeholder="暂无签约方"
                 />
             </el-form-item> -->
-        </el-form>
-    </el-card >
-    <el-card v-if="isshow">
-        <el-form>
-            <el-form-item label="合同上传" prop="field127">
-                <el-upload
-                    :headers="{ Token: userStore.token }"
-                    v-model:file-list="fileList"
-                    class="upload-demo"
-                    action="https://worker-task.lihaink.cn/adminapi/upload/file"
-                    :on-success="handleAvatarSuccess_four"
-                    multiple
-                    :limit="1"
-                >
-                    <el-button type="primary">上传</el-button>
-                </el-upload>
-            </el-form-item>
-        </el-form>
-    </el-card>
+    </el-form>
+  </el-card>
+  <el-card v-if="isshow">
+    <el-form label>
+      <el-form-item label="合同上传" label-width="100px" prop="field127">
+        <el-upload
+          :headers="{ Token: userStore.token }"
+          v-model:file-list="fileList"
+          class="upload-demo"
+          action="https://worker-task.lihaink.cn/adminapi/upload/file"
+          :on-success="handleAvatarSuccess_four"
+          multiple
+          :limit="1"
+        >
+          <el-button type="primary">上传</el-button>
+        </el-upload>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          style="margin-left: 100px"
+          type="primary"
+          @click="submitContract"
+          >确定</el-button
+        >
+      </el-form-item>
+    </el-form>
+  </el-card>
 </template>
 
 <script lang="ts" setup>
-import type { FormInstance, UploadProps, ElMessage, UploadUserFile } from 'element-plus'
-import { apiContractDetail } from '@/api/contract'
-import { ref, reactive, defineExpose, computed } from 'vue'
-import { useRoute } from 'vue-router'
-import { dictDataLists } from '@/api/setting/dict'
-import { upContact } from '@/api/consumer'
-const { query } = useRoute()
-import useUserStore from '@/stores/modules/user'
+import {
+  type FormInstance,
+  type UploadProps,
+  ElMessage,
+  type UploadUserFile,
+} from "element-plus";
+import { apiContractDetail } from "@/api/contract";
+import { ref, reactive, defineExpose, computed } from "vue";
+import { useRoute } from "vue-router";
+import { dictDataLists } from "@/api/setting/dict";
+import { upContact } from "@/api/consumer";
+const { query } = useRoute();
+import useUserStore from "@/stores/modules/user";
 
 const formData = reactive({
-    id: '',
-    company_id: '',
-    contract_type: '',
-    contract_type_name: '',
-    contract_no: '',
-    file: '',
-    status: '',
-    party_a: '',
-    party_a_name: '',
-    party_b: '',
-    party_b_name: '',
-    area_manager: '',
-    area_manager_name: '',
-    type_name: '',
-    url: '',
-    status_name: ''
-})
-const fileList = ref<UploadUserFile[]>([])
-const basicdata = ref({})
-const compeny = ref({})
-const compenyimg = ref([])
-const compenyB = ref([])
-const compenyBimg = ref([])
-const persen = ref([])
-const persenimg = ref([])
-const show = ref(true)
-const flag = ref(true)
-const isshow=ref(true)
-const route = useRoute()
-const userStore = useUserStore()
+  id: "",
+  company_id: "",
+  contract_type: "",
+  contract_type_name: "",
+  contract_no: "",
+  file: "",
+  status: "",
+  party_a: "",
+  party_a_name: "",
+  party_b: "",
+  party_b_name: "",
+  area_manager: "",
+  area_manager_name: "",
+  type_name: "",
+  url: "",
+  status_name: "",
+});
+const fileList = ref<UploadUserFile[]>([]);
+const basicdata = ref({});
+const compeny = ref({});
+const compenyimg = ref([]);
+const compenyB = ref([]);
+const compenyBimg = ref([]);
+const persen = ref([]);
+const persenimg = ref([]);
+const show = ref(true);
+const flag = ref(true);
+const isshow = ref(true);
+const route = useRoute();
+const userStore = useUserStore();
 
 async function render() {
-    // 传值赋值
-    const res = await apiContractDetail({ id: query.id })
-    compeny.value = res.party_a_info
-    basicdata.value = res
-     if(basicdata.value.status==1){isshow.value=false}
-    try {
-        res.party_a_info.qualification.bank_account = JSON.parse(
-            res.party_a_info.qualification.bank_account
-        )
-        compenyimg.value = res.party_a_info.qualification
-        res.party_b_info.qualification.qualifications = JSON.parse(
-            res.party_b_info.qualification.qualifications
-        )
-        compenyBimg.value = res.party_b_info.qualification
-    } catch (error) {}
-    compenyimg.value = res.party_a_info.qualification
-    console.log(compenyimg.value );
-    if (res.type == 2) {
-        show.value = false
-        res.party_b_info.sex == 1 ? (res.party_b_info.sex = '男') : (res.party_b_info.sex = '女')
-        persen.value = res.party_b_info
-        persenimg.value = res.party_b_info.qualification
-    }
-    if (res.type == 1) {
-        compenyB.value = res.party_b_info
-        compenyBimg.value = res.party_b_info.qualification
-        flag.value = false
-    } else {
-        compenyB.value.company_name = res.party_b_info.nickname
-    }
+  // 传值赋值
+  const res = await apiContractDetail({ id: query.id });
+  compeny.value = res.party_a_info;
+  basicdata.value = res;
+  if (basicdata.value.status == 1) {
+    isshow.value = false;
+  }
+  try {
+    res.party_a_info.qualification.bank_account = JSON.parse(
+      res.party_a_info.qualification.bank_account
+    );
+    compenyimg.value = res.party_a_info.qualification;
+    res.party_b_info.qualification.other_qualifications = JSON.parse(
+      res.party_b_info.qualification.other_qualifications
+    );
+    compenyBimg.value = res.party_b_info.qualification;
+  } catch (error) {}
+  compenyimg.value = res.party_a_info.qualification;
+  console.log(compenyimg.value);
+  if (res.type == 2) {
+    show.value = false;
+    res.party_b_info.sex == 1
+      ? (res.party_b_info.sex = "男")
+      : (res.party_b_info.sex = "女");
+    persen.value = res.party_b_info;
+    persenimg.value = res.party_b_info.qualification;
+  }
+  if (res.type == 1) {
+    compenyB.value = res.party_b_info;
+    compenyBimg.value = res.party_b_info.qualification;
+    flag.value = false;
+  } else {
+    compenyB.value.company_name = res.party_b_info.nickname;
+  }
 }
 
-const handleAvatarSuccess_four: UploadProps['onSuccess'] = (response, uploadFile) => {
-    if (response.code == 0) {
-        ElMessage.error(response.msg)
-        return
-    }
-    formData.file = response.data.uri
-    upContact({ file: formData.file, id: route.query.id })
-}
+const handleAvatarSuccess_four: UploadProps["onSuccess"] = (
+  response,
+  uploadFile
+) => {
+  if (response.code == 0) {
+    ElMessage.error(response.msg);
+    return;
+  }
+  formData.file = response.data.uri;
+};
+
+const submitContract = () => {
+  if (!formData.file) ElMessage.error("请先上传合同!");
+  upContact({ file: formData.file, id: route.query.id });
+};
+
 onMounted(async () => {
-    await render()
-})
+  await render();
+});
 </script>
 
 <style lang="scss" scoped>
 .frame {
-    .el-form-item {
-        width: 40%;
-        .el-input {
-            width: 100%;
-        }
+  .el-form-item {
+    width: 40%;
+    .el-input {
+      width: 100%;
     }
+  }
 }
 .select {
-    .el-form-item {
-        .el-select {
-            width: 12rem;
-        }
+  .el-form-item {
+    .el-select {
+      width: 12rem;
     }
+  }
 }
 .person_select {
-    .el-form-item {
-        width: 30%;
-        .el-select {
-            width: 100%;
-        }
+  .el-form-item {
+    width: 30%;
+    .el-select {
+      width: 100%;
     }
+  }
 }
 .company {
-    display: flex;
-    justify-content: space-between;
-    img {
-        width: 10vw;
-        height: 6.3vw;
-        margin-right: 10px;
-    }
+  display: flex;
+  justify-content: space-between;
+  img {
+    width: 10vw;
+    height: 6.3vw;
+    margin-right: 10px;
+  }
 }
 .persenal {
-    display: flex;
-    align-items: center;
-    img {
-        width: 10vw;
-        height: 6.3vw;
-    }
+  display: flex;
+  align-items: center;
+  img {
+    width: 10vw;
+    height: 6.3vw;
+  }
 }
 .idcard {
-    img {
-        width: 10vw;
-        height: 6.3vw;
-    }
+  img {
+    width: 10vw;
+    height: 6.3vw;
+    margin-right: 12px;
+  }
 }
 .company_z {
-    .el-form-item {
-        width: 40%;
-    }
-    .other{
-        width: 100% !important;
-    }
+  .el-form-item {
+    width: 40%;
+  }
+  .other {
+    width: 100% !important;
+  }
 }
 .el-card {
-    margin-top: 10px;
+  margin-top: 10px;
+}
+
+.el-upload-list .el-upload-list__item-thumbnail {
+  width: 500px; /* 设置文件缩略图的宽度 */
+}
+
+.el-upload-list .el-upload-list__item-name {
+  max-width: 450px; /* 设置文件名的最大宽度 */
 }
 </style>
diff --git a/src/views/permission/admin/edit.vue b/src/views/permission/admin/edit.vue
index 2590f4a..39a8db8 100644
--- a/src/views/permission/admin/edit.vue
+++ b/src/views/permission/admin/edit.vue
@@ -1,595 +1,659 @@
 <template>
-    <div class="edit-popup">
-        <popup
-            ref="popupRef"
-            :title="popupTitle"
-            :async="true"
-            width="80%"
-            @confirm="handleSubmit"
-            @close="handleClose"
-        >
-            <el-form ref="formRef" :model="formData" label-width="84px" :rules="formRules">
-                <div style="font-size: 1.2rem; margin: 10px 0">基本信息创建</div>
-                <div class="headimg">
-                    <el-upload
-                        :disabled="isCheck"
-                        v-model="formData.avatar"
-                        class="avatar-uploader-head"
-                        :data="{ cid: 1 }"
-                        action="https://worker-task.lihaink.cn/api/upload/image"
-                        :show-file-list="false"
-                        :on-success="handleAvatarSuccessAvatar"
-                    >
-                        <img v-if="formData.avatar" :src="formData.avatar" class="avatar" />
-                        <el-icon v-else class="avatar-uploader-icon">
-                            <Plus />
-                        </el-icon>
-                    </el-upload>
-                </div>
-                <el-col class="pt-6 !border-none">
-                    <el-row>
-                        <el-col :span="11">
-                            <el-form-item label="姓名" prop="name">
-                                <el-input
-                                    :disabled="isCheck"
-                                    v-model="formData.name"
-                                    placeholder="请输入姓名"
-                                    clearable
-                                    :style="{ width: '100%' }"
-                                ></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="13">
-                            <el-form-item label="性别" prop="sex">
-                                <el-select
-                                    v-model="formData.sex"
-                                    placeholder="请选择性别"
-                                    :disabled="isCheck"
-                                    :style="{ width: '100%' }"
-                                >
-                                    <el-option label="男" value="1" />
-                                    <el-option label="女" value="2" />
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-col :span="11">
-                            <el-form-item label="身份证号" prop="id_card">
-                                <el-input
-                                    :disabled="isCheck"
-                                    v-model="formData.id_card"
-                                    placeholder="请输入身份证号"
-                                    clearable
-                                    :style="{ width: '100%' }"
-                                ></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="13">
-                            <el-form-item label="联系电话" prop="account">
-                                <el-input
-                                    :disabled="isCheck"
-                                    v-model="formData.account"
-                                    placeholder="请输入联系电话"
-                                    clearable
-                                    :style="{ width: '100%' }"
-                                ></el-input>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                    <el-row>
-                        <el-form-item label="省" prop="province" style="flex: 1">
-                            <el-select
-                                :disabled="isCheck"
-                                v-model="formData.province"
-                                placeholder="请选择省"
-                                clearable
-                                @change="province_change"
-                                :style="{ width: '100%' }"
-                            >
-                                <el-option
-                                    v-for="(item, index) in datas.provinceOptions"
-                                    :key="index"
-                                    :label="item.province_name"
-                                    :value="item.province_code"
-                                ></el-option>
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item label="市" prop="city" style="flex: 1">
-                            <el-select
-                                :disabled="isCheck"
-                                v-model="formData.city"
-                                placeholder="请选择市"
-                                clearable
-                                @change="city_change"
-                                :style="{ width: '100%' }"
-                            >
-                                <el-option
-                                    v-for="(item, index) in datas.cityOptions"
-                                    :key="index"
-                                    :label="item.city_name"
-                                    :value="item.city_code"
-                                ></el-option>
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item label="区" prop="area" style="flex: 1">
-                            <el-select
-                                :disabled="isCheck"
-                                v-model="formData.area"
-                                placeholder="请选择区"
-                                clearable
-                                @change="area_change"
-                                :style="{ width: '100%' }"
-                            >
-                                <el-option
-                                    v-for="(item, index) in datas.areaOptions"
-                                    :key="index"
-                                    :label="item.area_name"
-                                    :value="item.area_code"
-                                ></el-option>
-                            </el-select>
-                        </el-form-item>
+  <div class="edit-popup">
+    <popup
+      ref="popupRef"
+      :title="popupTitle"
+      :async="true"
+      width="80%"
+      @confirm="handleSubmit"
+      @close="handleClose"
+    >
+      <el-form
+        ref="formRef"
+        :model="formData"
+        label-width="84px"
+        :rules="formRules"
+      >
+        <div style="font-size: 1.2rem; margin: 10px 0">基本信息创建</div>
+        <div class="headimg">
+          <el-upload
+            :disabled="isCheck"
+            v-model="formData.avatar"
+            class="avatar-uploader-head"
+            :data="{ cid: 1 }"
+            action="https://worker-task.lihaink.cn/api/upload/image"
+            :show-file-list="false"
+            :on-success="handleAvatarSuccessAvatar"
+          >
+            <img v-if="formData.avatar" :src="formData.avatar" class="avatar" />
+            <el-icon v-else class="avatar-uploader-icon">
+              <Plus />
+            </el-icon>
+          </el-upload>
+        </div>
+        <el-col class="pt-6 !border-none">
+          <el-row>
+            <el-col :span="11">
+              <el-form-item label="姓名" prop="name">
+                <el-input
+                  :disabled="isCheck"
+                  v-model="formData.name"
+                  placeholder="请输入姓名"
+                  clearable
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="13">
+              <el-form-item label="性别" prop="sex">
+                <el-select
+                  v-model="formData.sex"
+                  placeholder="请选择性别"
+                  :disabled="isCheck"
+                  :style="{ width: '100%' }"
+                >
+                  <el-option label="男" value="1" />
+                  <el-option label="女" value="2" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="11">
+              <el-form-item label="身份证号" prop="id_card">
+                <el-input
+                  :disabled="isCheck"
+                  v-model="formData.id_card"
+                  placeholder="请输入身份证号"
+                  clearable
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="13">
+              <el-form-item label="联系电话" prop="account">
+                <el-input
+                  :disabled="isCheck"
+                  v-model="formData.account"
+                  placeholder="请输入联系电话"
+                  clearable
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-form-item label="省" prop="province" style="flex: 1">
+              <el-select
+                :disabled="isCheck"
+                v-model="formData.province"
+                placeholder="请选择省"
+                clearable
+                @change="province_change"
+                :style="{ width: '100%' }"
+              >
+                <el-option
+                  v-for="(item, index) in datas.provinceOptions"
+                  :key="index"
+                  :label="item.province_name"
+                  :value="item.province_code"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="市" prop="city" style="flex: 1">
+              <el-select
+                :disabled="isCheck"
+                v-model="formData.city"
+                placeholder="请选择市"
+                clearable
+                @change="city_change"
+                :style="{ width: '100%' }"
+              >
+                <el-option
+                  v-for="(item, index) in datas.cityOptions"
+                  :key="index"
+                  :label="item.city_name"
+                  :value="item.city_code"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="区" prop="area" style="flex: 1">
+              <el-select
+                :disabled="isCheck"
+                v-model="formData.area"
+                placeholder="请选择区"
+                clearable
+                @change="area_change"
+                :style="{ width: '100%' }"
+              >
+                <el-option
+                  v-for="(item, index) in datas.areaOptions"
+                  :key="index"
+                  :label="item.area_name"
+                  :value="item.area_code"
+                ></el-option>
+              </el-select>
+            </el-form-item>
 
-                        <el-form-item label="镇" prop="street" style="flex: 1">
-                            <el-select
-                                :disabled="isCheck"
-                                v-model="formData.street"
-                                placeholder="请选择镇"
-                                clearable
-                                @change="street_change"
-                                :style="{ width: '100%' }"
-                            >
-                                <el-option
-                                    v-for="(item, index) in datas.streetOptions"
-                                    :key="index"
-                                    :label="item.street_name"
-                                    :value="item.street_code"
-                                ></el-option>
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item label="村社小队" prop="address" style="flex: 1.5">
-                            <el-input
-                                :disabled="isCheck"
-                                v-model="formData.address"
-                                placeholder="请输入村社小队"
-                                clearable
-                                :style="{ width: '100%' }"
-                            ></el-input>
-                        </el-form-item>
-                    </el-row>
-                </el-col>
+            <el-form-item
+              v-if="disabledPartyA"
+              label="镇"
+              prop="street"
+              style="flex: 1"
+            >
+              <el-select
+                :disabled="isCheck"
+                v-model="formData.street"
+                placeholder="请选择镇"
+                clearable
+                @change="street_change"
+                :style="{ width: '100%' }"
+              >
+                <el-option
+                  v-for="(item, index) in datas.streetOptions"
+                  :key="index"
+                  :label="item.street_name"
+                  :value="item.street_code"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item
+              v-if="disabledPartyA"
+              label="村社小队"
+              prop="address"
+              style="flex: 1.5"
+            >
+              <el-input
+                :disabled="isCheck"
+                v-model="formData.address"
+                placeholder="请输入村社小队"
+                clearable
+                :style="{ width: '100%' }"
+              ></el-input>
+            </el-form-item>
+          </el-row>
+        </el-col>
 
-                <el-col :span="24" style="margin-top: 1vh">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="授权身份" prop="role_id">
-                                <el-select
-                                    v-model="formData.role_id"
-                                    :disabled="formData.root == 1 || isCheck"
-                                    placeholder="请选择授权身份"
-                                    :style="{ width: '100%' }"
-                                    @change="role_change"
-                                    clearable
-                                >
-                                    <el-option
-                                        v-if="formData.root == 1"
-                                        label="系统管理员"
-                                        :value="0"
-                                    />
-                                    <el-option
-                                        v-for="(item, index) in optionsData.role"
-                                        :key="index"
-                                        :label="item.name"
-                                        :value="item.id"
-                                    />
-                                </el-select>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-col>
-            </el-form>
-        </popup>
-        <el-dialog v-model="isCompany" title="选择签约方" width="60%">
-            <DialogIndex @customEvent="customEvent" />
-        </el-dialog>
-    </div>
+        <el-col :span="24" style="margin-top: 1vh">
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="授权身份" prop="role_id">
+                <el-select
+                  v-model="formData.role_id"
+                  :disabled="formData.root == 1 || isCheck"
+                  placeholder="请选择授权身份"
+                  :style="{ width: '100%' }"
+                  @change="role_change"
+                  clearable
+                >
+                  <el-option
+                    v-if="formData.root == 1"
+                    label="系统管理员"
+                    :value="0"
+                  />
+                  <el-option
+                    v-for="(item, index) in optionsData.role"
+                    :key="index"
+                    :label="item.name"
+                    :value="item.id"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-form>
+    </popup>
+    <el-dialog v-model="isCompany" title="选择签约方" width="60%">
+      <DialogIndex @customEvent="customEvent" />
+    </el-dialog>
+  </div>
 </template>
 <script lang="ts" setup>
-import type { FormInstance, UploadProps, ElMessage, UploadUserFile } from 'element-plus'
-import Popup from '@/components/popup/index.vue'
-import { useDictOptions } from '@/hooks/useDictOptions'
-import { adminAdd, adminDetail, adminEdit } from '@/api/perms/admin'
-import { roleAll } from '@/api/perms/role'
-import { jobsAll } from '@/api/org/post'
-import { deptAll } from '@/api/org/department'
-import { apiCityList, apiAreaList, apiStreetList, apiProvinceList } from '@/api/common'
-import { dictDataLists } from '@/api/setting/dict'
-import DialogIndex from './dialog_index.vue'
-import useUserStore from '@/stores/modules/user'
-const disabledPartyA = ref(true)
-const isCheck = ref(false)
+import type {
+  FormInstance,
+  UploadProps,
+  ElMessage,
+  UploadUserFile,
+} from "element-plus";
+import Popup from "@/components/popup/index.vue";
+import { useDictOptions } from "@/hooks/useDictOptions";
+import { adminAdd, adminDetail, adminEdit } from "@/api/perms/admin";
+import { roleAll } from "@/api/perms/role";
+import { jobsAll } from "@/api/org/post";
+import { deptAll } from "@/api/org/department";
+import {
+  apiCityList,
+  apiAreaList,
+  apiStreetList,
+  apiProvinceList,
+} from "@/api/common";
+import { dictDataLists } from "@/api/setting/dict";
+import DialogIndex from "./dialog_index.vue";
+import useUserStore from "@/stores/modules/user";
+const disabledPartyA = ref(true);
+const isCheck = ref(false);
 const isCheckFn = (flag: boolean) => {
-    isCheck.value = flag
-}
-const emit = defineEmits(['success', 'close'])
-const formRef = shallowRef<FormInstance>()
-const popupRef = shallowRef<InstanceType<typeof Popup>>()
-const mode = ref('add')
+  isCheck.value = flag;
+};
+const emit = defineEmits(["success", "close"]);
+const formRef = shallowRef<FormInstance>();
+const popupRef = shallowRef<InstanceType<typeof Popup>>();
+const mode = ref("add");
 const popupTitle = computed(() => {
-    return mode.value == 'edit' ? '编辑管理员' : '新增管理员'
-})
+  return mode.value == "edit" ? "编辑管理员" : "新增管理员";
+});
 const formData = reactive({
-    id: '',
-    sex: '',
-    id_card: '',
-    name: '',
-    province: '',
-    city: '',
-    area: '',
-    street: '',
-    address: '',
-    account: '',
-    is_contract: 0,
-    // 签约方
-    party_a_name: '',
-    party_a: '',
-    qualification: {
-        id_card: '',
-        id_card_b: '',
-        car_card: '',
-        car_card_b: '',
-        bank_account: '',
-        bank_account_b: ''
-    },
-    // 合同类型
-    contract_type: '',
-    file: '',
-    role_id: '',
-    avatar: '',
-    multipoint_login: 1,
-    root: 0,
-    disable: 0,
-    contract: {
-        url: ''
-    }
-})
+  id: "",
+  sex: "",
+  id_card: "",
+  name: "",
+  province: "",
+  city: "",
+  area: "",
+  street: "",
+  address: "",
+  account: "",
+  is_contract: 0,
+  // 签约方
+  party_a_name: "",
+  party_a: "",
+  qualification: {
+    id_card: "",
+    id_card_b: "",
+    car_card: "",
+    car_card_b: "",
+    bank_account: "",
+    bank_account_b: "",
+  },
+  // 合同类型
+  contract_type: "",
+  file: "",
+  role_id: "",
+  avatar: "",
+  multipoint_login: 1,
+  root: 0,
+  disable: 0,
+  contract: {
+    url: "",
+  },
+});
 // 字典信息
 const datas: any = reactive({
-    provinceOptions: [],
-    cityOptions: [],
-    areaOptions: [],
-    streetOptions: [],
-    dictTypeLists: [],
-    contract_type: [],
-    contract: []
-})
-const userStore = useUserStore()
+  provinceOptions: [],
+  cityOptions: [],
+  areaOptions: [],
+  streetOptions: [],
+  dictTypeLists: [],
+  contract_type: [],
+  contract: [],
+});
+const userStore = useUserStore();
 const getcontract_type = async () => {
-    const data = await dictDataLists({ type_id: 7 })
-    datas['contract_type'] = data['lists']
-}
-getcontract_type()
+  const data = await dictDataLists({ type_id: 7 });
+  datas["contract_type"] = data["lists"];
+};
+getcontract_type();
 
-const isCompany = ref(false)
+const isCompany = ref(false);
 function customEvent(data: any) {
-    isCompany.value = false
-    formData.party_a = data.id
-    formData.party_a_name = data.company_name
+  isCompany.value = false;
+  formData.party_a = data.id;
+  formData.party_a_name = data.company_name;
 }
 function clearPartyA() {
-    formData.party_a = ''
-    formData.party_a_name = ''
+  formData.party_a = "";
+  formData.party_a_name = "";
 }
 // 表单验证
 // 手机号校验
 const ValidatorPhone = (rule: object, value: string, callback: any) => {
-    const rg = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/
-    rg.test(formData.account) ? callback() : callback(new Error('请输入正确的手机号'))
-}
+  const rg = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/;
+  rg.test(formData.account)
+    ? callback()
+    : callback(new Error("请输入正确的手机号"));
+};
 // 身份证校验
 const ValidatorId = (rule: object, value: string, callback: any) => {
-    const rg = /^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/
-    rg.test(formData.id_card) ? callback() : callback(new Error('请输入正确的身份证号码'))
-}
+  const rg =
+    /^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/;
+  rg.test(formData.id_card)
+    ? callback()
+    : callback(new Error("请输入正确的身份证号码"));
+};
 const Validatorcard = (rule: object, value: string, callback: any) => {
-    formData.qualification.car_card ? callback() : callback(new Error('请输入驾驶证正面'))
-}
+  formData.qualification.car_card
+    ? callback()
+    : callback(new Error("请输入驾驶证正面"));
+};
 const ValidatorcardB = (rule: object, value: string, callback: any) => {
-    formData.qualification.car_card_b ? callback() : callback(new Error('请输入驾驶证反面'))
-}
+  formData.qualification.car_card_b
+    ? callback()
+    : callback(new Error("请输入驾驶证反面"));
+};
 const ValidatorBankcard = (rule: object, value: string, callback: any) => {
-    formData.qualification.bank_account ? callback() : callback(new Error('请输入银行卡正面'))
-}
+  formData.qualification.bank_account
+    ? callback()
+    : callback(new Error("请输入银行卡正面"));
+};
 const ValidatorBankcardB = (rule: object, value: string, callback: any) => {
-    formData.qualification.bank_account_b ? callback() : callback(new Error('请输入银行卡反面'))
-}
+  formData.qualification.bank_account_b
+    ? callback()
+    : callback(new Error("请输入银行卡反面"));
+};
 function role_change(e: any) {
-    if (e == 8) {
-        disabledPartyA.value = false
-        formData.party_a = ''
-    } else {
-        disabledPartyA.value = true
-    }
+  if (e == 8) {
+    disabledPartyA.value = false;
+    formData.party_a = "";
+  } else {
+    disabledPartyA.value = true;
+  }
 }
 const formRules = reactive({
-    account: [
-        {
-            required: true,
-            trigger: ['blur'],
-            validator: ValidatorPhone
-        }
-    ],
-    id_card: [
-        {
-            required: true,
-            trigger: ['blur'],
-            validator: ValidatorId
-        }
-    ],
-    sex: [
-        {
-            required: true,
-            message: '请选择性别',
-            trigger: ['blur']
-        }
-    ],
+  account: [
+    {
+      required: true,
+      trigger: ["blur"],
+      validator: ValidatorPhone,
+    },
+  ],
+  id_card: [
+    {
+      required: true,
+      trigger: ["blur"],
+      validator: ValidatorId,
+    },
+  ],
+  sex: [
+    {
+      required: true,
+      message: "请选择性别",
+      trigger: ["blur"],
+    },
+  ],
 
-    name: [
-        {
-            required: true,
-            message: '请输入名称',
-            trigger: ['blur']
-        }
-    ],
-    car_card: [
-        {
-            required: true,
-            trigger: ['change'],
-            validator: Validatorcard
-        }
-    ],
-    car_card_b: [
-        {
-            required: true,
-            trigger: ['blur'],
-            validator: ValidatorcardB
-        }
-    ],
-    bank_account: [
-        {
-            required: true,
-            trigger: ['change'],
-            validator: ValidatorBankcard
-        }
-    ],
-    bank_account_b: [
-        {
-            required: true,
-            trigger: ['change'],
-            validator: ValidatorBankcardB
-        }
-    ],
-    role_id: [
-        {
-            required: true,
-            message: '请选择角色',
-            trigger: ['blur']
-        }
-    ]
-})
+  name: [
+    {
+      required: true,
+      message: "请输入名称",
+      trigger: ["blur"],
+    },
+  ],
+  car_card: [
+    {
+      required: true,
+      trigger: ["change"],
+      validator: Validatorcard,
+    },
+  ],
+  car_card_b: [
+    {
+      required: true,
+      trigger: ["blur"],
+      validator: ValidatorcardB,
+    },
+  ],
+  bank_account: [
+    {
+      required: true,
+      trigger: ["change"],
+      validator: ValidatorBankcard,
+    },
+  ],
+  bank_account_b: [
+    {
+      required: true,
+      trigger: ["change"],
+      validator: ValidatorBankcardB,
+    },
+  ],
+  role_id: [
+    {
+      required: true,
+      message: "请选择角色",
+      trigger: ["blur"],
+    },
+  ],
+});
 // 表单验证结束
 const { optionsData } = useDictOptions<{
-    role: any[]
-    jobs: any[]
-    dept: any[]
+  role: any[];
+  jobs: any[];
+  dept: any[];
 }>({
-    role: {
-        api: roleAll
-    },
-    jobs: {
-        api: jobsAll
-    },
-    dept: {
-        api: deptAll
-    }
-})
+  role: {
+    api: roleAll,
+  },
+  jobs: {
+    api: jobsAll,
+  },
+  dept: {
+    api: deptAll,
+  },
+});
 const handleSubmit = async () => {
-    if (isCheck.value) {
-        popupRef.value?.close()
-        return
-    }
-    await formRef.value?.validate()
-    mode.value == 'edit'
-        ? await adminEdit(formData)
-        : await adminAdd(formData).then((res) => console.log(res))
-    popupRef.value?.close()
-    emit('success')
-}
-const open = (type = 'add') => {
-    mode.value = type
-    popupRef.value?.open()
-    if (type == 'view') {
-        isCheck.value = true
-    }
-}
-const fileList = ref<UploadUserFile[]>([])
+  if (isCheck.value) {
+    popupRef.value?.close();
+    return;
+  }
+  await formRef.value?.validate();
+  mode.value == "edit"
+    ? await adminEdit(formData)
+    : await adminAdd(formData).then((res) => console.log(res));
+  popupRef.value?.close();
+  emit("success");
+};
+const open = (type = "add") => {
+  mode.value = type;
+  popupRef.value?.open();
+  if (type == "view") {
+    isCheck.value = true;
+  }
+};
+const fileList = ref<UploadUserFile[]>([]);
 // 图片上传成功返回的url
-const handleAvatarSuccessIdA: UploadProps['onSuccess'] = (response, uploadFile) => {
-    if (response.code == 0) {
-        ElMessage.error(response.msg)
-        return
-    }
-    formData.qualification.id_card = response.data.uri
-}
-const handleAvatarSuccessAvatar: UploadProps['onSuccess'] = (response, uploadFile) => {
-    if (response.code == 0) {
-        ElMessage.error(response.msg)
-        return
-    }
-    formData.avatar = response.data.uri
-}
-const handleAvatarSuccessIdB: UploadProps['onSuccess'] = (response, uploadFile) => {
-    if (response.code == 0) {
-        ElMessage.error(response.msg)
-        return
-    }
-    formData.qualification.id_card_b = response.data.uri
-}
-const handleAvatarSuccessCarA: UploadProps['onSuccess'] = (response, uploadFile) => {
-    if (response.code == 0) {
-        ElMessage.error(response.msg)
-        return
-    }
-    formData.qualification.car_card = response.data.uri
-}
-const handleAvatarSuccessCarB: UploadProps['onSuccess'] = (response, uploadFile) => {
-    if (response.code == 0) {
-        ElMessage.error(response.msg)
-        return
-    }
-    formData.qualification.car_card_b = response.data.uri
-}
-const beforeAvatarUpload_two: UploadProps['beforeUpload'] = (rawFile) => {
-    return true
-}
-const handleAvatarSuccessBankA: UploadProps['onSuccess'] = (response, uploadFile) => {
-    if (response.code == 0) {
-        ElMessage.error(response.msg)
-        return
-    }
-    formData.qualification.bank_account = response.data.uri
-}
-const handleAvatarSuccessBankB: UploadProps['onSuccess'] = (response, uploadFile) => {
-    if (response.code == 0) {
-        ElMessage.error(response.msg)
-        return
-    }
-    formData.qualification.bank_account_b = response.data.uri
-}
-const handleAvatarSuccess_four: UploadProps['onSuccess'] = (response, uploadFile) => {
-    if (response.code == 0) {
-        ElMessage.error(response.msg)
-        return
-    }
-    formData.file = response.data.uri
+const handleAvatarSuccessIdA: UploadProps["onSuccess"] = (
+  response,
+  uploadFile
+) => {
+  if (response.code == 0) {
+    ElMessage.error(response.msg);
+    return;
+  }
+  formData.qualification.id_card = response.data.uri;
+};
+const handleAvatarSuccessAvatar: UploadProps["onSuccess"] = (
+  response,
+  uploadFile
+) => {
+  if (response.code == 0) {
+    ElMessage.error(response.msg);
+    return;
+  }
+  formData.avatar = response.data.uri;
+};
+const handleAvatarSuccessIdB: UploadProps["onSuccess"] = (
+  response,
+  uploadFile
+) => {
+  if (response.code == 0) {
+    ElMessage.error(response.msg);
+    return;
+  }
+  formData.qualification.id_card_b = response.data.uri;
+};
+const handleAvatarSuccessCarA: UploadProps["onSuccess"] = (
+  response,
+  uploadFile
+) => {
+  if (response.code == 0) {
+    ElMessage.error(response.msg);
+    return;
+  }
+  formData.qualification.car_card = response.data.uri;
+};
+const handleAvatarSuccessCarB: UploadProps["onSuccess"] = (
+  response,
+  uploadFile
+) => {
+  if (response.code == 0) {
+    ElMessage.error(response.msg);
+    return;
+  }
+  formData.qualification.car_card_b = response.data.uri;
+};
+const beforeAvatarUpload_two: UploadProps["beforeUpload"] = (rawFile) => {
+  return true;
+};
+const handleAvatarSuccessBankA: UploadProps["onSuccess"] = (
+  response,
+  uploadFile
+) => {
+  if (response.code == 0) {
+    ElMessage.error(response.msg);
+    return;
+  }
+  formData.qualification.bank_account = response.data.uri;
+};
+const handleAvatarSuccessBankB: UploadProps["onSuccess"] = (
+  response,
+  uploadFile
+) => {
+  if (response.code == 0) {
+    ElMessage.error(response.msg);
+    return;
+  }
+  formData.qualification.bank_account_b = response.data.uri;
+};
+const handleAvatarSuccess_four: UploadProps["onSuccess"] = (
+  response,
+  uploadFile
+) => {
+  if (response.code == 0) {
+    ElMessage.error(response.msg);
+    return;
+  }
+  formData.file = response.data.uri;
 
-    fileList.value[0].url = response.data.uri
-    fileList.value[0].name = '合同文件'
-}
-const beforeAvatarUpload_three: UploadProps['beforeUpload'] = (rawFile) => {
-    return true
-}
+  fileList.value[0].url = response.data.uri;
+  fileList.value[0].name = "合同文件";
+};
+const beforeAvatarUpload_three: UploadProps["beforeUpload"] = (rawFile) => {
+  return true;
+};
 
 //获取省份
 function province_change(value: string) {
-    getCityList()
+  getCityList();
 }
 function city_change(value: string) {
-    getAreaList()
+  getAreaList();
 }
 function area_change(value: string) {
-    getStreetList()
+  getStreetList();
 }
 function street_change(value: string) {
-    formData.street = value
+  formData.street = value;
 }
 const getProvinceList = async () => {
-    const data = await apiProvinceList({})
-    datas['provinceOptions'] = data
-}
+  const data = await apiProvinceList({});
+  datas["provinceOptions"] = data;
+};
 const getCityList = async () => {
-    const data = await apiCityList({ city: formData.province })
-    datas['cityOptions'] = data
-}
+  const data = await apiCityList({ city: formData.province });
+  datas["cityOptions"] = data;
+};
 const getAreaList = async () => {
-    const data = await apiAreaList({ area: formData.city })
-    datas['areaOptions'] = data
-}
+  const data = await apiAreaList({ area: formData.city });
+  datas["areaOptions"] = data;
+};
 const getStreetList = async () => {
-    const data = await apiStreetList({ street: formData.area })
-    datas['streetOptions'] = data
-}
-getProvinceList()
+  const data = await apiStreetList({ street: formData.area });
+  datas["streetOptions"] = data;
+};
+getProvinceList();
 
 const setFormData = async (row: any) => {
-    const data = await adminDetail({
-        id: row.id
-    })
-    for (const key in formData) {
-        const stringArr = ['sex', 'province', 'city', 'area', 'street']
-        if (data[key] != null && data[key] != undefined) {
-            //@ts-ignore
-            key == 'role_id' ? (formData[key] = data[key][0]) : (formData[key] = data[key])
-            if (stringArr.includes(key)) formData[key] = formData[key].toString()
-        }
+  const data = await adminDetail({
+    id: row.id,
+  });
+  for (const key in formData) {
+    const stringArr = ["sex", "province", "city", "area", "street"];
+    if (data[key] != null && data[key] != undefined) {
+      //@ts-ignore
+      key == "role_id"
+        ? (formData[key] = data[key][0])
+        : (formData[key] = data[key]);
+      if (stringArr.includes(key)) formData[key] = formData[key].toString();
     }
-    formData.contract_type = data.contract.contract_type
-    formData.party_a_name = data.contract.party_a_name
-    formData.party_a = data.contract.party_a
-    formData.file = data.contract.file
-    if (data.role_id[0] == 8) {
-        disabledPartyA.value = false
-    }
-    fileList.value[0] = {
-        url: data['contract']['file'],
-        name: '合同文件'
-    }
-    await getCityList()
-    await getAreaList()
-    await getStreetList()
-}
+  }
+  formData.contract_type = data.contract?.contract_type;
+  formData.party_a_name = data.contract?.party_a_name;
+  formData.party_a = data.contract?.party_a;
+  formData.file = data.contract?.file;
+  if (data.role_id[0] == 8) {
+    disabledPartyA.value = false;
+  }
+  fileList.value[0] = {
+    url: data.contract?.file,
+    name: "合同文件",
+  };
+  await getCityList();
+  await getAreaList();
+  await getStreetList();
+};
 const handleClose = () => {
-    emit('close')
-}
+  emit("close");
+};
 defineExpose({
-    open,
-    setFormData,
-    isCheckFn
-})
+  open,
+  setFormData,
+  isCheckFn,
+});
 </script>
 
 <style lang="scss">
 .headimg {
-    margin-top: 24px;
-    width: 6.2vw;
-    height: 7.2vw;
-    float: left;
-    overflow: hidden;
+  margin-top: 24px;
+  width: 6.2vw;
+  height: 7.2vw;
+  float: left;
+  overflow: hidden;
 }
 
 .avatar-uploader-head .el-upload {
-    width: 6.2vw;
-    height: 7.2vw;
-    background-color: #fff;
-    border: 1px dashed var(--el-border-color);
-    border-radius: 6px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-    transition: var(--el-transition-duration-fast);
+  width: 6.2vw;
+  height: 7.2vw;
+  background-color: #fff;
+  border: 1px dashed var(--el-border-color);
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  transition: var(--el-transition-duration-fast);
 }
 
 .avatar-uploader .el-upload {
-    width: 9.9vw;
-    height: 6.3vw;
-    background-color: #fff;
-    border: 1px dashed var(--el-border-color);
-    border-radius: 6px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-    transition: var(--el-transition-duration-fast);
+  width: 9.9vw;
+  height: 6.3vw;
+  background-color: #fff;
+  border: 1px dashed var(--el-border-color);
+  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);
+  border-color: var(--el-color-primary);
 }
 
 .el-icon.avatar-uploader-icon {
-    font-size: 28px;
-    color: #8c939d;
-    width: 178px;
-    height: 178px;
-    text-align: center;
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  text-align: center;
 }
 </style>
diff --git a/src/views/permission/admin/index.vue b/src/views/permission/admin/index.vue
index 367d2c9..ad6b565 100644
--- a/src/views/permission/admin/index.vue
+++ b/src/views/permission/admin/index.vue
@@ -1,124 +1,143 @@
 <template>
-    <div class="admin">
-        <el-card class="!border-none" shadow="never">
-            <el-form class="mb-[-16px]" :model="formData" inline>
-                <el-form-item label="管理员名称">
-                    <el-input
-                        v-model="formData.name"
-                        class="w-[280px]"
-                        clearable
-                        @keyup.enter="resetPage"
-                    />
-                </el-form-item>
-                <el-form-item label="管理员角色">
-                    <el-select class="w-[280px]" v-model="formData.role_id">
-                        <el-option label="全部" value />
-                        <el-option
-                            v-for="(item, index) in optionsData.role"
-                            :key="index"
-                            :label="item.name"
-                            :value="item.id"
-                        />
-                    </el-select>
-                </el-form-item>
-                <el-form-item>
-                    <el-button type="primary" @click="resetPage">查询</el-button>
-                    <el-button @click="resetParams">重置</el-button>
-                    <export-data
-                        class="ml-2.5"
-                        :fetch-fun="adminLists"
-                        :params="formData"
-                        :page-size="pager.size"
-                    />
-                </el-form-item>
-            </el-form>
-        </el-card>
-        <el-card v-loading="pager.loading" class="mt-4 !border-none" shadow="never">
-            <el-button v-perms="['auth.admin/add']" type="primary" @click="handleAdd">
-                <template #icon>
-                    <icon name="el-icon-Plus" />
-                </template>
-                新增
-            </el-button>
-            <div class="mt-4">
-                <el-table :data="pager.lists" size="large">
-                    <el-table-column label="ID" prop="id" min-width="60" />>
-                    <el-table-column label="头像" min-width="100">
-                        <template #default="{ row }">
-                            <el-avatar :size="50" :src="row.avatar"></el-avatar>
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="姓名" prop="name" min-width="100" />
-                    <el-table-column label="联系方式" prop="account" min-width="130" />
-                    <el-table-column
-                        label="隶属公司"
-                        prop="company.company_name"
-                        min-width="120"
-                        align="center"
-                    >
-                        <template #default="{ row }">
-                            {{ row.company.company_name || '/' }}
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="所在乡镇" prop="street_name" min-width="120" />
-                    <el-table-column label="授权身份" prop="role_name" min-width="120" />
-                    <el-table-column
-                        label="是否签约"
-                        prop="is_contract"
-                        align="center"
-                        min-width="120"
-                    >
-                        <template #default="{ row }">
-                            <span v-if="row.is_contract == 1" style="color: #67c23a">已签约</span>
-                            <span v-else style="color: #fe0000">未签约</span>
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="最近登录时间" prop="login_time" min-width="180" />
-                    <el-table-column
-                        label="创建时间"
-                        prop="create_time"
-                        min-width="180"
-                        align="center"
-                    />
-                    <el-table-column label="最近登录IP" prop="login_ip" min-width="120" />
-                    <el-table-column label="账号状态" min-width="100" v-perms="['auth.admin/edit']">
-                        <template #default="{ row }">
-                            <el-switch
-                                v-if="row.root != 1"
-                                v-model="row.disable"
-                                :active-value="0"
-                                :inactive-value="1"
-                                @change="changeStatus(row)"
-                            />
-                        </template>
-                    </el-table-column>
+  <div class="admin">
+    <el-card class="!border-none" shadow="never">
+      <el-form class="mb-[-16px]" :model="formData" inline>
+        <el-form-item label="管理员名称">
+          <el-input
+            v-model="formData.name"
+            class="w-[280px]"
+            clearable
+            @keyup.enter="resetPage"
+          />
+        </el-form-item>
+        <el-form-item label="管理员角色">
+          <el-select class="w-[280px]" v-model="formData.role_id">
+            <el-option label="全部" value />
+            <el-option
+              v-for="(item, index) in optionsData.role"
+              :key="index"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="resetPage">查询</el-button>
+          <el-button @click="resetParams">重置</el-button>
+          <export-data
+            class="ml-2.5"
+            :fetch-fun="adminLists"
+            :params="formData"
+            :page-size="pager.size"
+          />
+        </el-form-item>
+      </el-form>
+    </el-card>
+    <el-card v-loading="pager.loading" class="mt-4 !border-none" shadow="never">
+      <el-button v-perms="['auth.admin/add']" type="primary" @click="handleAdd">
+        <template #icon>
+          <icon name="el-icon-Plus" />
+        </template>
+        新增
+      </el-button>
+      <div class="mt-4">
+        <el-table :data="pager.lists" size="large">
+          <el-table-column label="ID" prop="id" min-width="60" />>
+          <el-table-column label="头像" min-width="100">
+            <template #default="{ row }">
+              <el-avatar :size="50" :src="row.avatar"></el-avatar>
+            </template>
+          </el-table-column>
+          <el-table-column label="姓名" prop="name" min-width="100" />
+          <el-table-column label="联系方式" prop="account" min-width="130" />
+          <el-table-column
+            label="隶属公司"
+            prop="company.company_name"
+            min-width="120"
+            align="center"
+          >
+            <template #default="{ row }">
+              {{ row.company.company_name || "/" }}
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="所在乡镇"
+            prop="street_name"
+            min-width="120"
+          />
+          <el-table-column label="授权身份" prop="role_name" min-width="120" />
+          <el-table-column
+            label="是否签约"
+            prop="is_contract"
+            align="center"
+            min-width="120"
+          >
+            <template #default="{ row }">
+              <span v-if="row.is_contract == 1" style="color: #67c23a"
+                >已签约</span
+              >
+              <span v-else style="color: #fe0000">未签约</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="最近登录时间"
+            prop="login_time"
+            min-width="180"
+          />
+          <el-table-column
+            label="创建时间"
+            prop="create_time"
+            min-width="180"
+            align="center"
+          />
+          <el-table-column label="最近登录IP" prop="login_ip" min-width="120" />
+          <el-table-column
+            label="账号状态"
+            min-width="100"
+            v-perms="['auth.admin/edit']"
+          >
+            <template #default="{ row }">
+              <el-switch
+                v-if="row.root != 1"
+                v-model="row.disable"
+                :active-value="0"
+                :inactive-value="1"
+                @change="changeStatus(row)"
+              />
+            </template>
+          </el-table-column>
 
-                    <el-table-column label="操作" width="330" align="center" fixed="right">
-                        <template #default="{ row }">
-                            <div style="display: flex">
-                                <el-button
-                                    v-perms="['auth.admin/view']"
-                                    type="primary"
-                                    link
-                                    @click="handleView(row)"
-                                    >查看</el-button
-                                >
-                                <el-button
-                                    v-perms="['auth.admin/edit']"
-                                    type="primary"
-                                    link
-                                    @click="handleEdit(row)"
-                                    >编辑</el-button
-                                >
-                                <el-button
-                                    v-if="row.root != 1"
-                                    v-perms="['auth.admin/delete']"
-                                    type="danger"
-                                    link
-                                    @click="handleDelete(row.id)"
-                                    >删除</el-button
-                                >
-                                <!-- <el-button
+          <el-table-column
+            label="操作"
+            width="230"
+            align="center"
+            fixed="right"
+          >
+            <template #default="{ row }">
+              <div style="display: flex">
+                <el-button
+                  v-perms="['auth.admin/view']"
+                  type="primary"
+                  link
+                  @click="handleView(row)"
+                  >查看</el-button
+                >
+                <el-button
+                  v-perms="['auth.admin/edit']"
+                  type="primary"
+                  link
+                  @click="handleEdit(row)"
+                  >编辑</el-button
+                >
+                <el-button
+                  v-if="row.root != 1"
+                  v-perms="['auth.admin/delete']"
+                  type="danger"
+                  link
+                  @click="handleDelete(row.id)"
+                  >删除</el-button
+                >
+                <!-- <el-button
                                     v-if="row.is_contract == 1"
                                     v-perms="['auth.admin/abolition']"
                                     type="danger"
@@ -126,7 +145,7 @@
                                     @click="handleAbolition(row.id)"
                                     >废除合同</el-button
                                 > -->
-                                <template v-if="row.company_id != 0 && row.is_contract == 0">
+                <!-- <template v-if="row.company_id != 0 && row.is_contract == 0">
                                     <el-button
                                         v-perms="['auth.admin/Draftingcontracts']"
                                         type="primary"
@@ -145,183 +164,189 @@
                                         @click=";(showPop = true), (contractId = row.id)"
                                         >重新短信</el-button
                                     >
-                                </template>
-                            </div>
-                        </template>
-                    </el-table-column>
-                </el-table>
-            </div>
-            <div class="flex mt-4 justify-end">
-                <pagination v-model="pager" @change="getLists" />
-            </div>
-        </el-card>
-        <edit-popup
-            v-if="showEdit"
-            ref="editRef"
-            :isCheck="isCheck"
-            @success="getLists"
-            @close="showEdit = false"
-        />
-        <el-dialog v-model="showPop" @close="offPop">
-            <h1>重要提醒</h1>
-            <div class="content" v-if="showConctactPop">
-                请确认信息是否有误,发送合同,请确认信息是否有误,发送电子合同后短时间内将不可再次发送.
-            </div>
-            <div class="content" v-else>
-                确认签约短信将在60秒后发送,请注意查收,并点击短信链接进行线上合同签约
-            </div>
-            <p class="btn_menu">
-                <el-button type="primary" size="large" v-if="showConctactPop" @click="creContct"
-                    >确认创建</el-button
-                >
-                <el-button type="primary" size="large" v-else @click="sendMsg">确认</el-button>
-                <el-button type="info" size="large" @click="offPop">返回</el-button>
-            </p>
-        </el-dialog>
-    </div>
+                                </template> -->
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="flex mt-4 justify-end">
+        <pagination v-model="pager" @change="getLists" />
+      </div>
+    </el-card>
+    <edit-popup
+      v-if="showEdit"
+      ref="editRef"
+      :isCheck="isCheck"
+      @success="getLists"
+      @close="showEdit = false"
+    />
+    <el-dialog v-model="showPop" @close="offPop">
+      <h1>重要提醒</h1>
+      <div class="content" v-if="showConctactPop">
+        请确认信息是否有误,发送合同,请确认信息是否有误,发送电子合同后短时间内将不可再次发送.
+      </div>
+      <div class="content" v-else>
+        确认签约短信将在60秒后发送,请注意查收,并点击短信链接进行线上合同签约
+      </div>
+      <p class="btn_menu">
+        <el-button
+          type="primary"
+          size="large"
+          v-if="showConctactPop"
+          @click="creContct"
+          >确认创建</el-button
+        >
+        <el-button type="primary" size="large" v-else @click="sendMsg"
+          >确认</el-button
+        >
+        <el-button type="info" size="large" @click="offPop">返回</el-button>
+      </p>
+    </el-dialog>
+  </div>
 </template>
 
 <script lang="ts" setup name="admin">
 import {
-    adminEdit,
-    adminLists,
-    adminDelete,
-    generateGontract,
-    sendMsgApi,
-    abolition
-} from '@/api/perms/admin'
-import { roleAll } from '@/api/perms/role'
-import { useDictOptions } from '@/hooks/useDictOptions'
-import { usePaging } from '@/hooks/usePaging'
-import feedback from '@/utils/feedback'
-import EditPopup from './edit.vue'
-const route = useRoute()
-const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+  adminEdit,
+  adminLists,
+  adminDelete,
+  generateGontract,
+  sendMsgApi,
+  abolition,
+} from "@/api/perms/admin";
+import { roleAll } from "@/api/perms/role";
+import { useDictOptions } from "@/hooks/useDictOptions";
+import { usePaging } from "@/hooks/usePaging";
+import feedback from "@/utils/feedback";
+import EditPopup from "./edit.vue";
+const route = useRoute();
+const editRef = shallowRef<InstanceType<typeof EditPopup>>();
 // 表单数据
 const formData = reactive({
-    name: '',
-    role_id: '',
-    company_id: ''
-})
-const contractId = ref('')
+  name: "",
+  role_id: "",
+  company_id: "",
+});
+const contractId = ref("");
 // 弹窗
-const showPop = ref(false)
-const showConctactPop = ref(false)
+const showPop = ref(false);
+const showConctactPop = ref(false);
 const offPop = () => {
-    showPop.value = false
-    showConctactPop.value = false
-}
+  showPop.value = false;
+  showConctactPop.value = false;
+};
 const creContct = () => {
-    //   feedback.msgSuccess("复制成功");
-    generateGontract({ id: contractId.value }).then(() => {
-        feedback.msgSuccess('发送成功')
-    })
-    offPop()
-}
+  //   feedback.msgSuccess("复制成功");
+  generateGontract({ id: contractId.value }).then(() => {
+    feedback.msgSuccess("发送成功");
+  });
+  offPop();
+};
 const sendMsg = () => {
-    sendMsgApi({ id: contractId.value }).then((res) => {
-        feedback.msgSuccess('发送成功')
-    })
-    offPop()
-}
+  sendMsgApi({ id: contractId.value }).then((res) => {
+    feedback.msgSuccess("发送成功");
+  });
+  offPop();
+};
 //
-const showEdit = ref(false)
+const showEdit = ref(false);
 const { pager, getLists, resetParams, resetPage } = usePaging({
-    fetchFun: adminLists,
-    params: formData
-})
+  fetchFun: adminLists,
+  params: formData,
+});
 
 const changeStatus = (data: any) => {
-    adminEdit({
-        id: data.id,
-        account: data.account,
-        name: data.name,
-        role_id: data.role_id,
-        disable: data.disable,
-        multipoint_login: data.multipoint_login
-    }).finally(() => {
-        getLists()
-    })
-}
+  adminEdit({
+    id: data.id,
+    account: data.account,
+    name: data.name,
+    role_id: data.role_id,
+    disable: data.disable,
+    multipoint_login: data.multipoint_login,
+  }).finally(() => {
+    getLists();
+  });
+};
 // 查看
-const isCheck = ref(false)
+const isCheck = ref(false);
 const handleCheck = async (data: any) => {
-    isCheck.value = true
-    showEdit.value = true
-    await nextTick()
-    editRef.value?.open('edit')
-    editRef.value?.setFormData(data)
-}
+  isCheck.value = true;
+  showEdit.value = true;
+  await nextTick();
+  editRef.value?.open("edit");
+  editRef.value?.setFormData(data);
+};
 const handleAdd = async () => {
-    isCheck.value = false
-    showEdit.value = true
-    await nextTick()
-    editRef.value?.open('add')
-}
+  isCheck.value = false;
+  showEdit.value = true;
+  await nextTick();
+  editRef.value?.open("add");
+};
 
 const handleEdit = async (data: any) => {
-    isCheck.value = false
-    showEdit.value = true
-    await nextTick()
-    editRef.value?.open('edit')
-    editRef.value?.setFormData(data)
-}
+  isCheck.value = false;
+  showEdit.value = true;
+  await nextTick();
+  editRef.value?.open("edit");
+  editRef.value?.setFormData(data);
+};
 const handleView = async (data: any) => {
-    isCheck.value = false
-    showEdit.value = true
-    await nextTick()
-    editRef.value?.open('view')
-    editRef.value?.setFormData(data)
-}
+  isCheck.value = false;
+  showEdit.value = true;
+  await nextTick();
+  editRef.value?.open("view");
+  editRef.value?.setFormData(data);
+};
 const handleDelete = async (id: number) => {
-    await feedback.confirm('确定要删除？')
-    await adminDelete({ id })
-    getLists()
-}
+  await feedback.confirm("确定要删除？");
+  await adminDelete({ id });
+  getLists();
+};
 const handleAbolition = async (id: number) => {
-    await feedback.confirm('确定要废除合同？')
-    await abolition({ id })
-    getLists()
-}
+  await feedback.confirm("确定要废除合同？");
+  await abolition({ id });
+  getLists();
+};
 
 const { optionsData } = useDictOptions<{
-    role: any[]
+  role: any[];
 }>({
-    role: {
-        api: roleAll
-    }
-})
+  role: {
+    api: roleAll,
+  },
+});
 if (route.query.company_id) {
-    formData.company_id = route.query.company_id?.toString()
+  formData.company_id = route.query.company_id?.toString();
 }
 onMounted(() => {
-    getLists()
-})
+  getLists();
+});
 </script>
 <style lang="scss" scoped>
 h1 {
-    text-align: center;
-    font-weight: bold;
-    font-size: 30px;
-    color: red;
-    margin-bottom: 10px;
+  text-align: center;
+  font-weight: bold;
+  font-size: 30px;
+  color: red;
+  margin-bottom: 10px;
 }
 
 .content {
-    font-size: 20px;
+  font-size: 20px;
 }
 
 .info {
-    color: red;
-    font-weight: bold;
-    font-size: 18px;
-    display: inline-block;
-    margin: 0 5px;
+  color: red;
+  font-weight: bold;
+  font-size: 18px;
+  display: inline-block;
+  margin: 0 5px;
 }
 
 .btn_menu {
-    margin-top: 10vh;
-    display: flex;
-    justify-content: space-around;
+  margin-top: 10vh;
+  display: flex;
+  justify-content: space-around;
 }
 </style>