From a38fb97fa56ac8abd3e5028e4a739bf370fd8178 Mon Sep 17 00:00:00 2001
From: shengchanzhe <179998674@qq.com>
Date: Sun, 6 Aug 2023 23:52:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/common.ts                    |    9 +
 src/views/company/edit.vue           | 1714 ++++++++++++++------------
 src/views/consumer/lists/index.vue   |  429 +++----
 src/views/contract/contractDetil.vue |  829 +++++++------
 4 files changed, 1591 insertions(+), 1390 deletions(-)

diff --git a/src/api/common.ts b/src/api/common.ts
index df0451c..232741f 100644
--- a/src/api/common.ts
+++ b/src/api/common.ts
@@ -15,3 +15,12 @@ export function apiAreaList(params: any) {
 export function apiStreetList(params: any) {
     return request.get({ url: '/common/street', params })
 }
+// 村列表
+export function apiVillageList(params: any) {
+    return request.get({ url: '/common/village', params })
+}
+
+// 队列表
+export function apiBrigadeList() {
+    return request.get({ url: '/common/brigade' })
+}
diff --git a/src/views/company/edit.vue b/src/views/company/edit.vue
index 65ca37f..22ffce3 100644
--- a/src/views/company/edit.vue
+++ b/src/views/company/edit.vue
@@ -1,869 +1,1023 @@
 <template>
-  <div class="edit-popup">
-    <el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
-      <!-- <div style="font-size: 1.2rem; margin: 10px 0">公司基本信息创建</div> -->
-      <el-col :span="24" class="el-card pt-6">
-        <div class="tit">公司基本信息创建</div>
-
-        <el-row>
-          <el-col :span="8">
-            <el-form-item label="公司名称" prop="company_name">
-              <el-input
-                v-model="formData.company_name"
-                placeholder="请输入公司名称"
-                clearable
-                :disabled="isDisabled"
-                :style="{ width: '100%' }"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="社会代码" prop="organization_code">
-              <el-input
-                :disabled="isDisabled"
-                v-model="formData.organization_code"
-                placeholder="请输入社会代码"
-                clearable
-                :style="{ width: '100%' }"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="公司类型" prop="company_type">
-              <el-select
-                :disabled="isDisabled"
-                v-model="formData.company_type"
-                placeholder="请选择公司类型"
-                clearable
-                :style="{ width: '100%' }"
-              >
-                <el-option
-                  v-for="(item, index) in datas.dictTypeLists"
-                  :key="index"
-                  :label="item.name"
-                  :value="item.id"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="3">
-            <el-form-item label="省" prop="province">
-              <el-select
-                :disabled="isDisabled"
-                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-col>
-          <el-col :span="3">
-            <el-form-item label="市" prop="city">
-              <el-select
-                :disabled="isDisabled"
-                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-col>
-          <el-col :span="3">
-            <el-form-item label="区" prop="area">
-              <el-select
-                :disabled="isDisabled"
-                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-col>
-          <el-col :span="3">
-            <el-form-item label="镇" prop="street">
-              <el-select
-                :disabled="isDisabled"
-                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-col>
-          <el-col :span="12">
-            <el-form-item label="地址" prop="address">
-              <el-input
-                :disabled="isDisabled"
-                v-model="formData.address"
-                placeholder="请输入地址"
-                clearable
-                :style="{ width: '100%' }"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-col>
-      <el-col :span="24" class="el-card pt-6">
-        <div class="tit">主要联系人</div>
-
-        <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 v-if="show" :span="12">
-            <el-form-item label="管理人员" prop="admin_name">
-              <el-input
-                :disabled="isDisabled"
-                v-model="formData.admin_name"
-                placeholder="设置当前公司管理人员"
-                clearable
-                :style="{ width: '100%' }"
-                @click="isMan = true"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="片区经理" prop="area_manager_name">
-              <el-input
-                :disabled="isDisabled"
-                v-model="formData.area_manager_name"
-                placeholder="选择片区经理"
-                clearable
-                :style="{ width: '100%' }"
-                @click="isAreaManager = true"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-col>
-      <el-col :span="24" class="el-card pt-6">
-        <div class="tit">其他联系人</div>
-
-        <el-row>
-          <template v-for="(item, index) in formData.other_contacts" :key="index">
-            <el-col :span="12">
-              <el-form-item label="姓名" prop="field120">
-                <el-input
-                  :disabled="isDisabled"
-                  v-model="item.name"
-                  placeholder="请输入姓名"
-                  clearable
-                  :style="{ width: '100%' }"
-                ></el-input>
-              </el-form-item>
+    <div class="edit-popup">
+        <el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
+            <!-- <div style="font-size: 1.2rem; margin: 10px 0">公司基本信息创建</div> -->
+            <el-col :span="24" class="el-card pt-6">
+                <div class="tit">公司基本信息创建</div>
+                <el-row>
+                    <el-col :span="8">
+                        <el-form-item label="公司名称" prop="company_name">
+                            <el-input
+                                v-model="formData.company_name"
+                                placeholder="请输入公司名称"
+                                clearable
+                                :disabled="isDisabled"
+                                :style="{ width: '100%' }"
+                            ></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="社会代码" prop="organization_code">
+                            <el-input
+                                :disabled="isDisabled"
+                                v-model="formData.organization_code"
+                                placeholder="请输入社会代码"
+                                clearable
+                                :style="{ width: '100%' }"
+                            ></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="公司类型" prop="company_type">
+                            <el-select
+                                :disabled="isDisabled"
+                                v-model="formData.company_type"
+                                placeholder="请选择公司类型"
+                                clearable
+                                @change="company_type_change"
+                                :style="{ width: '100%' }"
+                            >
+                                <el-option
+                                    v-for="(item, index) in datas.dictTypeLists"
+                                    :key="index"
+                                    :label="item.name"
+                                    :value="item.id"
+                                ></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="3">
+                        <el-form-item label="省" prop="province">
+                            <el-select
+                                :disabled="isDisabled"
+                                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-col>
+                    <el-col :span="3">
+                        <el-form-item label="市" prop="city">
+                            <el-select
+                                :disabled="isDisabled"
+                                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-col>
+                    <el-col :span="3" v-if="isArea">
+                        <el-form-item label="区" prop="area">
+                            <el-select
+                                :disabled="isDisabled"
+                                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-col>
+                    <el-col :span="3" v-if="isStreet">
+                        <el-form-item label="镇" prop="street">
+                            <el-select
+                                :disabled="isDisabled"
+                                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-col>
+                    <el-col :span="3" v-if="isVillage">
+                        <el-form-item label="村" prop="village">
+                            <el-select
+                                :disabled="isDisabled"
+                                v-model="formData.village"
+                                placeholder="请选择村"
+                                clearable
+                                @change="village_change"
+                                :style="{ width: '100%' }"
+                            >
+                                <el-option
+                                    v-for="(item, index) in datas.villageOptions"
+                                    :key="index"
+                                    :label="item.village_name"
+                                    :value="item.village_code"
+                                ></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="3" v-if="isBrigade">
+                        <el-form-item label="队" prop="brigade">
+                            <el-select
+                                :disabled="isDisabled"
+                                v-model="formData.brigade"
+                                placeholder="请选择队"
+                                clearable
+                                :style="{ width: '100%' }"
+                            >
+                                <el-option
+                                    v-for="(item, index) in datas.brigadeOptions"
+                                    :key="index"
+                                    :label="item.brigade_name"
+                                    :value="item.id"
+                                ></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="4">
+                        <el-form-item label="地址" prop="address">
+                            <el-input
+                                :disabled="isDisabled"
+                                v-model="formData.address"
+                                placeholder="请输入地址"
+                                clearable
+                                :style="{ width: '100%' }"
+                            ></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
             </el-col>
-            <el-col :span="12">
-              <el-form-item label="职务" prop="field121">
-                <el-input
-                  :disabled="isDisabled"
-                  v-model="item.position"
-                  placeholder="请输入职务"
-                  clearable
-                  :style="{ width: '100%' }"
-                ></el-input>
-              </el-form-item>
+            <el-col :span="24" class="el-card pt-6">
+                <div class="tit">主要联系人</div>
+                <div class="headimg">
+                    <el-upload
+                        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
+                                :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
+                                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
+                                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"
+                                v-model="formData.area_manager_name"
+                                placeholder="选择片区经理"
+                                clearable
+                                :style="{ width: '100%' }"
+                                @click="isAreaManager = true"
+                            ></el-input>
+                        </el-form-item>
+                    </el-col> -->
+                </el-row>
             </el-col>
-            <el-col :span="12">
-              <el-form-item label="手机" prop="field122">
-                <el-input
-                  :disabled="isDisabled"
-                  v-model="item.phone"
-                  placeholder="请输入手机"
-                  clearable
-                  :style="{ width: '100%' }"
-                ></el-input>
-              </el-form-item>
+            <el-col :span="24" class="el-card pt-6">
+                <div class="tit">其他联系人</div>
+
+                <el-row>
+                    <template v-for="(item, index) in formData.other_contacts" :key="index">
+                        <el-col :span="12">
+                            <el-form-item label="姓名" prop="field120">
+                                <el-input
+                                    :disabled="isDisabled"
+                                    v-model="item.name"
+                                    placeholder="请输入姓名"
+                                    clearable
+                                    :style="{ width: '100%' }"
+                                ></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="职务" prop="field121">
+                                <el-input
+                                    :disabled="isDisabled"
+                                    v-model="item.position"
+                                    placeholder="请输入职务"
+                                    clearable
+                                    :style="{ width: '100%' }"
+                                ></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="手机" prop="field122">
+                                <el-input
+                                    :disabled="isDisabled"
+                                    v-model="item.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="item.email"
+                                    placeholder="请输入邮箱"
+                                    clearable
+                                    :style="{ width: '100%' }"
+                                ></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </template>
+
+                    <el-col :span="24">
+                        <el-form-item label prop="field126">
+                            <el-button
+                                type="primary"
+                                :disabled="isDisabled"
+                                size="medium"
+                                @click="other"
+                                >其他联系人</el-button
+                            >
+                        </el-form-item>
+                    </el-col>
+                </el-row>
             </el-col>
-            <el-col :span="12">
-              <el-form-item label="邮箱">
-                <el-input
-                  :disabled="isDisabled"
-                  v-model="item.email"
-                  placeholder="请输入邮箱"
-                  clearable
-                  :style="{ width: '100%' }"
-                ></el-input>
-              </el-form-item>
+            <!-- <div style="font-size: 1.2rem; margin: 10px 0">资质信息</div> -->
+            <el-col :span="24" class="el-card pt-6">
+                <div class="tit">资质信息</div>
+
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="公司资质" required>
+                            <el-upload
+                                :disabled="isDisabled"
+                                v-model="formData.qualification.business_license"
+                                class="avatar-uploader pl-3"
+                                :data="{ cid: 1 }"
+                                action="https://worker-task.lihaink.cn/api/upload/image"
+                                :show-file-list="false"
+                                :on-success="handleAvatarSuccess"
+                            >
+                                <img
+                                    v-if="formData.qualification.business_license"
+                                    :src="formData.qualification.business_license"
+                                    class="avatar"
+                                />
+                                <el-icon v-else class="avatar-uploader-icon">
+                                    <Plus />
+                                </el-icon>
+                            </el-upload>
+                        </el-form-item>
+                        <el-form-item label="其他资质">
+                            <div
+                                v-for="(v, i) in formData.qualification.bank_account"
+                                :key="i"
+                                class="otherimg"
+                            >
+                                <img :src="v" />
+                            </div>
+                            <el-upload
+                                v-if="imgflag"
+                                :disabled="isDisabled"
+                                class="avatar-uploader pl-3"
+                                :data="{ cid: 1 }"
+                                action="https://worker-task.lihaink.cn/api/upload/image"
+                                :show-file-list="false"
+                                :on-success="handleAvatarSuccess_two"
+                            >
+                                <el-icon class="avatar-uploader-icon">
+                                    <Plus />
+                                </el-icon>
+                            </el-upload>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label-width="120px" label="开户许可证" required>
+                            <el-upload
+                                :disabled="isDisabled"
+                                v-model="formData.qualification.business_licenseB"
+                                class="avatar-uploader pl-3"
+                                :data="{ cid: 1 }"
+                                action="https://worker-task.lihaink.cn/api/upload/image"
+                                :show-file-list="false"
+                                :on-success="handleAvatarSuccessB"
+                            >
+                                <img
+                                    v-if="formData.qualification.business_licenseB"
+                                    :src="formData.qualification.business_licenseB"
+                                    class="avatar"
+                                />
+                                <el-icon v-else class="avatar-uploader-icon">
+                                    <Plus />
+                                </el-icon>
+                            </el-upload>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
             </el-col>
-          </template>
+            <!-- <div style="font-size: 1.2rem; margin: 10px 0">电子合同</div> -->
+            <el-col v-if="isshow" :span="24" class="el-card pt-6">
+                <div class="tit">电子合同</div>
 
-          <el-col :span="24">
-            <el-form-item label prop="field126">
-              <el-button type="primary" :disabled="isDisabled" size="medium" @click="other">其他联系人</el-button>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-col>
-      <!-- <div style="font-size: 1.2rem; margin: 10px 0">资质信息</div> -->
-      <el-col :span="24" class="el-card pt-6">
-        <div class="tit">资质信息</div>
+                <el-row>
+                    <el-col :span="12">
+                        <el-form-item label="签约方" prop="field130">
+                            <el-input
+                                v-model="formData.party_a_name"
+                                placeholder="请选择签约方"
+                                clearable
+                                :style="{ width: '100%' }"
+                                @click="openCompany"
+                                :disabled="userStore.userInfo.root == 0 ? true : false"
+                            ></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label-width="100px" label="被签约公司" prop="field131">
+                            <el-input
+                                :disabled="true"
+                                v-model="formData.company_name"
+                                placeholder="请输入被签约公司"
+                                clearable
+                                :style="{ width: '100%' }"
+                            ></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label-width="100px" label="合同类型" prop="contract_type">
+                            <el-select
+                                :disabled="isDisabled"
+                                v-model="formData.contract.contract_type"
+                                placeholder="请选择合同类型"
+                                clearable
+                                :style="{ width: '100%' }"
+                            >
+                                <el-option
+                                    v-for="(item, index) in datas.contract_type"
+                                    :key="index"
+                                    :label="item.name"
+                                    :value="item.id"
+                                ></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
 
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="公司资质" required>
-              <el-upload
-                :disabled="isDisabled"
-                v-model="formData.qualification.business_license"
-                class="avatar-uploader pl-3"
-                :data="{ cid: 1 }"
-                action="https://worker-task.lihaink.cn/api/upload/image"
-                :show-file-list="false"
-                :on-success="handleAvatarSuccess"
-              >
-                <img
-                  v-if="formData.qualification.business_license"
-                  :src="formData.qualification.business_license"
-                  class="avatar"
-                />
-                <el-icon  v-else class="avatar-uploader-icon">
-                  <Plus />
-                </el-icon>
-              </el-upload>
-            </el-form-item>
-            <el-form-item label="其他资质">
-              <div v-for="(v,i) in formData.qualification.bank_account" :key="i" class="otherimg" >
-                <img
-                  :src="v"
-                /></div>
-              <el-upload  v-if="imgflag"
-                :disabled="isDisabled"
-                class="avatar-uploader pl-3"
-                :data="{ cid: 1 }"
-                action="https://worker-task.lihaink.cn/api/upload/image"
-                :show-file-list="false"
-                :on-success="handleAvatarSuccess_two"
-              >
-                
-                <el-icon   class="avatar-uploader-icon">
-                  <Plus />
-                </el-icon>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label-width="120px" label="开户许可证" required>
-              <el-upload
-                :disabled="isDisabled"
-                v-model="formData.qualification.business_licenseB"
-                class="avatar-uploader pl-3"
-                :data="{ cid: 1 }"
-                action="https://worker-task.lihaink.cn/api/upload/image"
-                :show-file-list="false"
-                :on-success="handleAvatarSuccessB"
-              >
-                <img
-                  v-if="formData.qualification.business_licenseB"
-                  :src="formData.qualification.business_licenseB"
-                  class="avatar"
-                />
-                <el-icon v-else class="avatar-uploader-icon">
-                  <Plus />
-                </el-icon>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-col>
-      <!-- <div style="font-size: 1.2rem; margin: 10px 0">电子合同</div> -->
-      <el-col v-if="isshow" :span="24" class="el-card pt-6">
-        <div class="tit">电子合同</div>
+                    <el-col :span="12">
+                        <el-form-item label-width="100px" label="合同编号" prop="field133">
+                            <el-input
+                                placeholder="系统自动生成"
+                                v-model="formData.contract.contract_no"
+                                clearable
+                                :style="{ width: '100%' }"
+                                :disabled="true"
+                            ></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-col>
+            <el-col v-if="isshow" :span="24" class="el-card pt-6">
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="合同上传" required>
+                            <el-upload
+                                :disabled="isDisabled"
+                                v-model:file-list="fileList"
+                                :headers="{ Token: userStore.token }"
+                                class="upload-demo"
+                                action="https://worker-task.lihaink.cn/adminapi/upload/file"
+                                multiple
+                                :limit="1"
+                                :on-success="handleAvatarSuccess_three"
+                            >
+                                <el-button :disabled="isDisabled" type="primary">上传</el-button>
+                            </el-upload>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-col>
 
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="签约方" prop="field130">
-              <el-input
-                v-model="formData.party_a_name"
-                placeholder="请选择签约方"
-                clearable
-                :style="{ width: '100%' }"
-                @click="openCompany"
-                :disabled="userStore.userInfo.root == 0 ? true : false"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label-width="100px" label="被签约公司" prop="field131">
-              <el-input
-                :disabled="true"
-                v-model="formData.company_name"
-                placeholder="请输入被签约公司"
-                clearable
-                :style="{ width: '100%' }"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label-width="100px" label="合同类型" prop="contract_type">
-              <el-select
-                :disabled="isDisabled"
-                v-model="formData.contract.contract_type"
-                placeholder="请选择合同类型"
-                clearable
-                :style="{ width: '100%' }"
-              >
-                <el-option
-                  v-for="(item, index) in datas.contract_type"
-                  :key="index"
-                  :label="item.name"
-                  :value="item.id"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="12">
-            <el-form-item label-width="100px" label="合同编号" prop="field133">
-              <el-input
-                placeholder="系统自动生成"
-                v-model="formData.contract.contract_no"
-                clearable
-                :style="{ width: '100%' }"
-                :disabled="true"
-              ></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-col>
-      <el-col v-if="isshow" :span="24" class="el-card pt-6">
-        <el-row >
-          <el-col  :span="24">
-            <el-form-item label="合同上传" required>
-              <el-upload
-                :disabled="isDisabled"
-                v-model:file-list="fileList"
-                :headers="{ Token: userStore.token }"
-                class="upload-demo"
-                action="https://worker-task.lihaink.cn/adminapi/upload/file"
-                multiple
-                :limit="1"
-                :on-success="handleAvatarSuccess_three"
-              >
-                <el-button :disabled="isDisabled" type="primary">上传</el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-col>
-
-      <el-col :span="24" class="el-card pt-6">
-        <el-form-item label prop="field139">
-          <el-button v-if="isEdit" type="primary" size="medium" @click="create">修改</el-button>
-          <el-button v-else type="primary" :disabled="isDisabled" size="medium" @click="create">创建</el-button>
-        </el-form-item>
-      </el-col>
-    </el-form>
-    <el-dialog v-model="isCompany" title="选择签约方" width="60%">
-      <DialogIndex @customEvent="customEvent" />
-    </el-dialog>
-    <el-dialog v-model="isMan" title="选择管理人员" width="60%">
-      <DialogIndexMan @customEvent="customEventMan" />
-    </el-dialog>
-    <el-dialog v-model="isAreaManager" title="选择片区经理" width="60%">
-      <DialogIndexMan @customEvent="EventAreaManager" :type="8"/>
-    </el-dialog>
-  </div>
+            <el-col :span="24" class="el-card pt-6">
+                <el-form-item label prop="field139">
+                    <el-button v-if="isEdit" type="primary" size="medium" @click="create"
+                        >修改</el-button
+                    >
+                    <el-button
+                        v-else
+                        type="primary"
+                        :disabled="isDisabled"
+                        size="medium"
+                        @click="create"
+                        >创建</el-button
+                    >
+                </el-form-item>
+            </el-col>
+        </el-form>
+        <el-dialog v-model="isCompany" title="选择签约方" width="60%">
+            <DialogIndex @customEvent="customEvent" />
+        </el-dialog>
+        <el-dialog v-model="isMan" title="选择管理人员" width="60%">
+            <DialogIndexMan @customEvent="customEventMan" />
+        </el-dialog>
+        <el-dialog v-model="isAreaManager" title="选择片区经理" width="60%">
+            <DialogIndexMan @customEvent="EventAreaManager" :type="8" />
+        </el-dialog>
+    </div>
 </template>
 
 <script lang="ts" setup name="companyEdit">
-
-
-import type {
-  FormInstance,
-  UploadProps,
-  ElMessage,
-  UploadUserFile,
-} from "element-plus";
-import Popup from "@/components/popup/index.vue";
+import type { FormInstance, UploadProps, ElMessage, UploadUserFile } from 'element-plus'
+import Popup from '@/components/popup/index.vue'
+import { apiCompanyAdd, apiCompanyEdit, apiCompanyDetail, apiCompanyLists } from '@/api/company'
 import {
-  apiCompanyAdd,
-  apiCompanyEdit,
-  apiCompanyDetail,
-  apiCompanyLists,
-} from "@/api/company";
-import {
-  apiCityList,
-  apiAreaList,
-  apiStreetList,
-  apiProvinceList,
-} from "@/api/common";
-import { dictDataLists } from "@/api/setting/dict";
-import { timeFormat } from "@/utils/util";
-import DialogIndex from "./dialog_index.vue";
-import DialogIndexMan from "./dialog_index_man.vue";
-import type { PropType } from "vue";
-import useMultipleTabs from "@/hooks/useMultipleTabs";
-import useUserStore from "@/stores/modules/user";
-const userStore = useUserStore();
-const { removeTab } = useMultipleTabs();
-const router = useRouter();
-const route = useRoute();
-let isshow=ref(true)
-let imgflag=ref(true)
-let isDisabled = ref(false);
-if(route.query.flag){
-  isshow=false
+    apiCityList,
+    apiAreaList,
+    apiStreetList,
+    apiProvinceList,
+    apiVillageList,
+    apiBrigadeList
+} from '@/api/common'
+import { dictDataLists } from '@/api/setting/dict'
+import { timeFormat } from '@/utils/util'
+import DialogIndex from './dialog_index.vue'
+import DialogIndexMan from './dialog_index_man.vue'
+import type { PropType } from 'vue'
+import useMultipleTabs from '@/hooks/useMultipleTabs'
+import useUserStore from '@/stores/modules/user'
+const userStore = useUserStore()
+const { removeTab } = useMultipleTabs()
+const router = useRouter()
+const route = useRoute()
+let isshow = ref(true)
+let imgflag = ref(true)
+let isDisabled = ref(false)
+if (route.query.flag) {
+    isshow = false
 }
-if(route.query.isshow){
-  imgflag=false
-  isDisabled=true
+if (route.query.isshow) {
+    imgflag = false
+    isDisabled = true
 }
 
-
-let isEdit = ref(false);
+let isEdit = ref(false)
 defineProps({
-  dictData: {
-    type: Object as PropType<Record<string, any[]>>,
-    default: () => ({}),
-  },
-});
-const emit = defineEmits(["success", "close"]);
-const formRef = shallowRef<FormInstance>();
-const popupRef = shallowRef<InstanceType<typeof Popup>>();
-const mode = ref();
-isDisabled = route.query.read;
-isEdit = route.query.edit;
+    dictData: {
+        type: Object as PropType<Record<string, any[]>>,
+        default: () => ({})
+    }
+})
+const emit = defineEmits(['success', 'close'])
+const formRef = shallowRef<FormInstance>()
+const popupRef = shallowRef<InstanceType<typeof Popup>>()
+const mode = ref()
+isDisabled = route.query.read
+isEdit = route.query.edit
 // 表单数据
 const formData = reactive({
-  admin_id: "",
-  admin_name: "",
-  area_manager: "",
-  area_manager_name: "",
-  id: "",
-  // level_two: '',
-  // level_one: '',
-  company_name: "",
-  organization_code: "",
-  province: "",
-  city: "",
-  area: "",
-  street: "",
-  address: "",
-  company_type: "",
-  master_name: "",
-  master_position: "",
-  master_phone: "",
-  master_email: "",
-  other_contacts: [
-    // {
-    //   name: "",
-    //   position: "",
-    //   phone: "",
-    //   email: "",
-    // },
-  ],
-  // area_manager: '',
-  // is_contract: '',
-  // account: '',
-  // password: '',
-  // deposit: '',
-  // deposit_time: '',
-  qualification: {
-    business_license: "",
-    business_licenseB: "",
-    bank_account:[],
-    bank_accountB: [],
-  },
-  contract: {
-    contract_type: "",
-    party_a: 0,
-    file: "",
-    contract_no: "系统自动生成",
-    type: 1,
-  },
-  //签约方
-  party_a_name: "",
-  file_image: "",
-  // status: ''
-});
+    admin_id: '',
+    admin_name: '',
+    area_manager: '',
+    area_manager_name: '',
+    id: '',
+    // level_two: '',
+    // level_one: '',
+    company_name: '',
+    organization_code: '',
+    province: '',
+    city: '',
+    area: '',
+    street: '',
+    village: '',
+    brigade: '',
+    address: '',
+    company_type: '',
+    avatar: '',
+    sex: '1',
+    id_card: '',
+    master_name: '',
+    master_position: '',
+    master_phone: '',
+    master_email: '',
+    other_contacts: [
+        // {
+        //   name: "",
+        //   position: "",
+        //   phone: "",
+        //   email: "",
+        // },
+    ],
+    // area_manager: '',
+    // is_contract: '',
+    // account: '',
+    // password: '',
+    // deposit: '',
+    // deposit_time: '',
+    qualification: {
+        business_license: '',
+        business_licenseB: '',
+        bank_account: [],
+        bank_accountB: []
+    },
+    contract: {
+        contract_type: '',
+        party_a: 0,
+        file: '',
+        contract_no: '系统自动生成',
+        type: 1
+    },
+    //签约方
+    party_a_name: '',
+    file_image: ''
+    // status: ''
+})
 
 if (userStore.userInfo.root == 0) {
-  formData.contract.party_a = userStore.userInfo.company?.id;
-  formData.party_a_name = userStore.userInfo.company?.company_name;
+    formData.contract.party_a = userStore.userInfo.company?.id
+    formData.party_a_name = userStore.userInfo.company?.company_name
 }
 const datas = reactive({
-  provinceOptions: [],
-  cityOptions: [],
-  areaOptions: [],
-  streetOptions: [],
-  dictTypeLists: [],
-  contract_type: [],
-});
-const fileList = ref<UploadUserFile[]>([]);
+    provinceOptions: [],
+    cityOptions: [],
+    areaOptions: [],
+    streetOptions: [],
+    villageOptions: [],
+    brigadeOptions: [],
+    dictTypeLists: [],
+    contract_type: []
+})
+const fileList = ref<UploadUserFile[]>([])
 // 表单验证
 const formRules = reactive<any>({
-  company_name: [
-    {
-      required: true,
-      message: "请输入公司名称",
-      trigger: ["blur"],
-    },
-  ],
-  organization_code: [
-    {
-      required: true,
-      message: "请输入组织机构代码",
-      trigger: ["blur"],
-    },
-  ],
-  master_name: [
-    {
-      required: true,
-      message: "请输入主联系人姓名",
-      trigger: ["blur"],
-    },
-  ],
-  master_position: [
-    {
-      required: true,
-      message: "请输入主联系人职务",
-      trigger: ["blur"],
-    },
-  ],
-  master_phone: [
-    {
-      required: true,
-      message: "请输入主联系人手机",
-      trigger: ["blur"],
-    },
-  ],
-  account: [
-    {
-      required: true,
-      message: "请输入账号",
-      trigger: ["blur"],
-    },
-  ],
-  password: [
-    {
-      required: true,
-      message: "请输入密码",
-      trigger: ["blur"],
-    },
-  ],
-});
-const isCompany = ref(false);
-const isMan = ref(false);
-const isAreaManager = ref(false);
+    company_name: [
+        {
+            required: true,
+            message: '请输入公司名称',
+            trigger: ['blur']
+        }
+    ],
+    organization_code: [
+        {
+            required: true,
+            message: '请输入组织机构代码',
+            trigger: ['blur']
+        }
+    ],
+    master_name: [
+        {
+            required: true,
+            message: '请输入主联系人姓名',
+            trigger: ['blur']
+        }
+    ],
+    master_position: [
+        {
+            required: true,
+            message: '请输入主联系人职务',
+            trigger: ['blur']
+        }
+    ],
+    master_phone: [
+        {
+            required: true,
+            message: '请输入主联系人手机',
+            trigger: ['blur']
+        }
+    ],
+    account: [
+        {
+            required: true,
+            message: '请输入账号',
+            trigger: ['blur']
+        }
+    ],
+    password: [
+        {
+            required: true,
+            message: '请输入密码',
+            trigger: ['blur']
+        }
+    ]
+})
+const isCompany = ref(false)
+const isMan = ref(false)
+const isAreaManager = ref(false)
+const isArea = ref(false)
+const isStreet = ref(false)
+const isVillage = ref(false)
+const isBrigade = ref(false)
 
 function customEvent(data: any) {
-  isCompany.value = false;
-  formData.contract.party_a = data.id;
-  formData.party_a_name = data.company_name;
+    isCompany.value = false
+    formData.contract.party_a = data.id
+    formData.party_a_name = data.company_name
 }
 function customEventMan(data: any) {
-  isMan.value = false;
-  formData.admin_name = data.name;
-  formData.admin_id = data.id;
+    isMan.value = false
+    formData.admin_name = data.name
+    formData.admin_id = data.id
 }
 //区域管理人员
 function EventAreaManager(data: any) {
-  isAreaManager.value = false;
-  formData.area_manager_name = data.name;
-  formData.area_manager = data.id;
+    isAreaManager.value = false
+    formData.area_manager_name = data.name
+    formData.area_manager = data.id
 }
 function openCompany() {
-  isCompany.value = true;
+    isCompany.value = true
 }
 
 // 获取详情
 const setFormData = async (data: Record<any, any>) => {
-  console.log(formData);
-  
-  for (const key in formData) {
-    if (data[key] != null && data[key] != undefined) {
-      //@ts-ignore
-      formData[key] = data[key];
+    console.log(formData)
+
+    for (const key in formData) {
+        if (data[key] != null && data[key] != undefined) {
+            //@ts-ignore
+            formData[key] = data[key]
+        }
     }
-  }
-};
+}
 
 const getDetail = async (row: Record<string, any>) => {
-  const data = await apiCompanyDetail({
-    id: row.id,
-  });
-  setFormData(data);
-};
+    const data = await apiCompanyDetail({
+        id: row.id
+    })
+    setFormData(data)
+}
 
 //上传图片1
-const handleAvatarSuccess: UploadProps["onSuccess"] = (
-  response,
-  uploadFile
-) => {
-  if (response.code == 0) {
-    ElMessage.error(response.msg);
-    return;
-  }
-  formData.qualification.business_license = response.data.uri;
-};
-const handleAvatarSuccessB: UploadProps["onSuccess"] = (
-  response,
-  uploadFile
-) => {
-  if (response.code == 0) {
-    ElMessage.error(response.msg);
-    return;
-  }
-  formData.qualification.business_licenseB = response.data.uri;
-};
+const handleAvatarSuccess: UploadProps['onSuccess'] = (response, uploadFile) => {
+    if (response.code == 0) {
+        ElMessage.error(response.msg)
+        return
+    }
+    formData.qualification.business_license = response.data.uri
+}
+const handleAvatarSuccessB: UploadProps['onSuccess'] = (response, uploadFile) => {
+    if (response.code == 0) {
+        ElMessage.error(response.msg)
+        return
+    }
+    formData.qualification.business_licenseB = response.data.uri
+}
 //上传图片2
-const handleAvatarSuccess_two: UploadProps["onSuccess"] = (
-  response,
-  uploadFile
-) => {
-  if (response.code == 0) {
-    ElMessage.error(response.msg);
-    return;
-  }
-  formData.qualification.bank_account.push(response.data.uri);
-};
-const handleAvatarSuccess_twoB: UploadProps["onSuccess"] = (
-  response,
-  uploadFile
-) => {
-  if (response.code == 0) {
-    ElMessage.error(response.msg);
-    return;
-  }
-  formData.qualification.bank_accountB = response.data.uri;
-};
+const handleAvatarSuccess_two: UploadProps['onSuccess'] = (response, uploadFile) => {
+    if (response.code == 0) {
+        ElMessage.error(response.msg)
+        return
+    }
+    formData.qualification.bank_account.push(response.data.uri)
+}
+const handleAvatarSuccess_twoB: UploadProps['onSuccess'] = (response, uploadFile) => {
+    if (response.code == 0) {
+        ElMessage.error(response.msg)
+        return
+    }
+    formData.qualification.bank_accountB = response.data.uri
+}
 //上传文件3
-const handleAvatarSuccess_three: UploadProps["onSuccess"] = (
-  response,
-  uploadFile
-) => {
-  if (response.code == 0) {
-    ElMessage.error(response.msg);
-    return;
-  }
-  formData.file_image = response.data.uri;
-  formData.contract.file = response.data.uri;
-  fileList.value[0].url = response.data.uri;
-  fileList.value[0].name = "合同文件";
-};
+const handleAvatarSuccess_three: UploadProps['onSuccess'] = (response, uploadFile) => {
+    if (response.code == 0) {
+        ElMessage.error(response.msg)
+        return
+    }
+    formData.file_image = response.data.uri
+    formData.contract.file = response.data.uri
+    fileList.value[0].url = response.data.uri
+    fileList.value[0].name = '合同文件'
+}
 
 //增加其他联系人
 function other() {
-  formData.other_contacts.push({
-    name: "",
-    position: "",
-    phone: "",
-    email: "",
-  });
+    formData.other_contacts.push({
+        name: '',
+        position: '',
+        phone: '',
+        email: ''
+    })
+}
+function company_type_change(type: any) {
+    //区
+    const arr = [30, 14, 15]
+    if (arr.indexOf(type) > -1) {
+        isArea.value = true
+        isStreet.value = false
+        isVillage.value = false
+        isBrigade.value = false
+        formData.street = ''
+        formData.village = ''
+        formData.brigade = ''
+        return true
+    }
+    //镇
+    if (type == 16) {
+        isArea.value = true
+        isStreet.value = true
+        isVillage.value = false
+        isBrigade.value = false
+        formData.village = ''
+        formData.brigade = ''
+        return true
+    }
+    //村
+    if (type == 17) {
+        isArea.value = true
+        isStreet.value = true
+        isVillage.value = true
+        isBrigade.value = false
+        formData.brigade = ''
+        return true
+    }
+
+    //队
+    if (type == 18) {
+        isArea.value = true
+        isStreet.value = true
+        isVillage.value = true
+        isBrigade.value = true
+        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;
+    getVillageList()
 }
+function village_change(value: string) {
+    getBrigadeList()
+}
+// function brigade_change(value: string) {
+//     formData.brigade = 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
+}
+const getVillageList = async () => {
+    const data = await apiVillageList({ village: formData.street })
+    datas['villageOptions'] = data
+}
+const getBrigadeList = async () => {
+    const data = await apiBrigadeList()
+    datas['brigadeOptions'] = data
+}
+getProvinceList()
 
 const getcontract_type = async () => {
-  const data = await dictDataLists({ type_id: 7 });
-  datas["contract_type"] = data["lists"];
-};
+    const data = await dictDataLists({ type_id: 7 })
+    datas['contract_type'] = data['lists']
+}
 const getdictTypeLists = async () => {
-  const data = await dictDataLists({ type_id: 6 });
-  datas["dictTypeLists"] = data["lists"];
-};
+    const data = await dictDataLists({ type_id: 6 })
+    datas['dictTypeLists'] = data['lists']
+}
 
 const getDetails = async () => {
-  const data = await apiCompanyDetail({
-    id: route.query.id,
-  });
-  Object.keys(formData).forEach((key) => {
-    const stringArr = ["province", "city", "area", "street"];
-    if (data[key] != null && data[key] != undefined) {
-      formData[key] = data[key];
-      if(key=='qualification'&&formData.qualification.bank_account){
-        try {
-          if(Array.isArray(JSON.parse(formData.qualification.bank_account))){
-            formData.qualification.bank_account = JSON.parse(formData.qualification.bank_account);
-          }else {
-            let str = formData.qualification.bank_account;
-            formData.qualification.bank_account = [];
-            formData.qualification.bank_account.push(str);
-          }
-        } catch (error) {
-          let str = formData.qualification.bank_account;
-          formData.qualification.bank_account = [];
-          formData.qualification.bank_account.push(str);
+    const data = await apiCompanyDetail({
+        id: route.query.id
+    })
+    Object.keys(formData).forEach((key) => {
+        const stringArr = ['province', 'city', 'area', 'street']
+        if (data[key] != null && data[key] != undefined) {
+            formData[key] = data[key]
+            if (key == 'qualification' && formData.qualification.bank_account) {
+                try {
+                    if (Array.isArray(JSON.parse(formData.qualification.bank_account))) {
+                        formData.qualification.bank_account = JSON.parse(
+                            formData.qualification.bank_account
+                        )
+                    } else {
+                        const str = formData.qualification.bank_account
+                        formData.qualification.bank_account = []
+                        formData.qualification.bank_account.push(str)
+                    }
+                } catch (error) {
+                    const str = formData.qualification.bank_account
+                    formData.qualification.bank_account = []
+                    formData.qualification.bank_account.push(str)
+                }
+            }
         }
-      }
+        if (stringArr.includes(key)) formData[key] = formData[key].toString()
+    })
+    await getCityList()
+    await getAreaList()
+    await getStreetList()
+    await getVillageList()
+    await getBrigadeList()
+    formData['party_a_name'] = data.contract?.party_a_name
+    formData['file_image'] = data.contract?.file
+    if (data.contract?.file) {
+        fileList.value[0].url = data.contract?.file
+        fileList.value[0].name = '合同文件'
     }
-    if (stringArr.includes(key)) formData[key] = formData[key].toString();
-  });
-  await getCityList();
-  await getAreaList();
-  await getStreetList();
-  formData["party_a_name"] = data.contract?.party_a_name;
-  formData["file_image"] = data.contract?.file;
-  if (data.contract?.file) {
-    fileList.value[0].url = data.contract?.file;
-    fileList.value[0].name = "合同文件";
-  }
-};
+    company_type_change(formData.company_type)
+}
 
-getdictTypeLists();
-getcontract_type();
+getdictTypeLists()
+getcontract_type()
 
+const handleAvatarSuccessAvatar: UploadProps['onSuccess'] = (response, uploadFile) => {
+    if (response.code == 0) {
+        ElMessage.error(response.msg)
+        return
+    }
+    formData.avatar = response.data.uri
+}
 const create = async () => {
-  await formRef.value?.validate();
-  const data = JSON.parse(JSON.stringify({...formData}));
-  data.qualification.bank_account=JSON.stringify(data.qualification.bank_account)
-  if (route.query.id) {
-    await apiCompanyEdit(data);
-  } else {
-    await apiCompanyAdd(data);
-  }
-  removeTab();
-  router.back();
-};
-route.query.id && getDetails();
+    await formRef.value?.validate()
+    const data = JSON.parse(JSON.stringify({ ...formData }))
+    data.qualification.bank_account = JSON.stringify(data.qualification.bank_account)
+    if (route.query.id) {
+        await apiCompanyEdit(data)
+    } else {
+        await apiCompanyAdd(data)
+    }
+    removeTab()
+    router.back()
+}
+route.query.id && getDetails()
 defineExpose({
-  open,
-  setFormData,
-  getDetail,
-});
+    open,
+    setFormData,
+    getDetail
+})
 </script>
 <style lang="scss">
 .tit {
-  font-size: 1.2rem;
-  translate: 1vw -1vw;
+    font-size: 1.2rem;
+    translate: 1vw -1vw;
 }
+
 .avatar-uploader .el-upload {
-  width: 10vw;
-  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: 10vw;
+    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);
+}
+
+.headimg {
+    margin-left: 18px;
+    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);
 }
 
 .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;
 }
 
 .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;
 }
-.otherimg{
-  img{
-  width: 10vw;
-  height: 6.3vw;
-  border-radius: 5px;
-  margin-left: 12px;
-  }
+
+.otherimg {
+    img {
+        width: 10vw;
+        height: 6.3vw;
+        border-radius: 5px;
+        margin-left: 12px;
+    }
 }
 </style>
diff --git a/src/views/consumer/lists/index.vue b/src/views/consumer/lists/index.vue
index cacaac2..42a5540 100644
--- a/src/views/consumer/lists/index.vue
+++ b/src/views/consumer/lists/index.vue
@@ -1,219 +1,198 @@
 <template>
-  <div>
-    <el-card class="!border-none" shadow="never">
-      <el-form
-        ref="formRef"
-        class="mb-[-16px]"
-        :model="queryParams"
-        :inline="true"
-      >
-        <el-form-item label="用户信息">
-          <el-input
-            class="w-[280px]"
-            v-model="queryParams.keyword"
-            placeholder="用户编号/昵称/手机号码"
-            clearable
-            @keyup.enter="resetPage"
-          />
-        </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="getUserList"
-            :params="queryParams"
-            :page-size="pager.size"
-          />
-        </el-form-item>
-      </el-form>
-    </el-card>
-    <el-card class="!border-none mt-4" shadow="never">
-      <el-table size="large" v-loading="pager.loading" :data="pager.lists">
-        <el-table-column label="用户编号" prop="sn" min-width="120" />
-        <el-table-column label="头像" min-width="100">
-          <template #default="{ row }">
-            <el-avatar :src="row.avatar" :size="50" />
-          </template>
-        </el-table-column>
-        <el-table-column label="账号" prop="account" min-width="120" />
-        <el-table-column label="姓名" prop="nickname" min-width="100" />
-        <el-table-column label="联系方式" prop="mobile" min-width="100" />
-        <el-table-column
-          label="隶属公司"
-          prop="company_name"
-          min-width="180"
-          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">
-          <template #default="{ row }">
-            <span
-              v-if="row.admin_id == row.company?.admin_id"
-              style="color: #67c23a"
-              >公司后台管理人员</span
-            >
-            <span v-else style="color: #fe0000">无</span>
-          </template>
-        </el-table-column>
-        <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="操作" width="400" align="center" fixed="right">
-          <template #default="{ row }">
-            <el-button v-perms="['user.user/detail']" type="primary" link>
-              <router-link
-                :to="{
-                  path: getRoutePath('user.user/detail'),
-                  query: {
-                    id: row.id,
-                  },
-                }"
-              >
-                详情
-              </router-link>
-            </el-button>
-            <template v-if="row.is_contract == 0">
-              <el-button
-                v-perms="['user.user/launch']"
-                type="primary"
-                link
-                v-if="!row.contract"
-              >
-                <router-link
-                  :to="{
-                    path: getRoutePath('user.user/detail'),
-                    query: {
-                      id: row.id,
-                      mode: 'initiate',
-                    },
-                  }"
+    <div>
+        <el-card class="!border-none" shadow="never">
+            <el-form ref="formRef" class="mb-[-16px]" :model="queryParams" :inline="true">
+                <el-form-item label="用户信息">
+                    <el-input
+                        class="w-[280px]"
+                        v-model="queryParams.keyword"
+                        placeholder="用户编号/昵称/手机号码"
+                        clearable
+                        @keyup.enter="resetPage"
+                    />
+                </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="getUserList"
+                        :params="queryParams"
+                        :page-size="pager.size"
+                    />
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card class="!border-none mt-4" shadow="never">
+            <el-table size="large" v-loading="pager.loading" :data="pager.lists">
+                <el-table-column label="用户编号" prop="sn" min-width="120" />
+                <el-table-column label="头像" min-width="100">
+                    <template #default="{ row }">
+                        <el-avatar :src="row.avatar" :size="50" />
+                    </template>
+                </el-table-column>
+                <el-table-column label="账号" prop="account" min-width="120" />
+                <el-table-column label="姓名" prop="nickname" min-width="100" />
+                <el-table-column label="联系方式" prop="mobile" min-width="100" />
+                <el-table-column
+                    label="隶属公司"
+                    prop="company_name"
+                    min-width="180"
+                    align="center"
                 >
-                  发起合同
-                </router-link>
-              </el-button>
+                    <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">
+                    <template #default="{ row }">
+                        <span v-if="row.admin_id == row.company?.admin_id" style="color: #67c23a"
+                            >公司后台管理人员</span
+                        >
+                        <span v-else style="color: #fe0000">无</span>
+                    </template>
+                </el-table-column>
+                <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="操作" width="400" align="center" fixed="right">
+                    <template #default="{ row }">
+                        <el-button v-perms="['user.user/detail']" type="primary" link>
+                            <router-link
+                                :to="{
+                                    path: getRoutePath('user.user/detail'),
+                                    query: {
+                                        id: row.id
+                                    }
+                                }"
+                            >
+                                详情
+                            </router-link>
+                        </el-button>
+                        <template v-if="row.is_contract == 0">
+                            <el-button
+                                v-perms="['user.user/launch']"
+                                type="primary"
+                                link
+                                v-if="!row.contract"
+                            >
+                                <router-link
+                                    :to="{
+                                        path: getRoutePath('user.user/detail'),
+                                        query: {
+                                            id: row.id,
+                                            mode: 'initiate'
+                                        }
+                                    }"
+                                >
+                                    发起合同
+                                </router-link>
+                            </el-button>
 
-              <el-button
-                v-perms="['user.user/uplode']"
-                type="primary"
-                link
-                v-if="row.contract?.check_status == 1"
-              >
-                <router-link
-                  :to="{
-                    path: getRoutePath('user.user/detail'),
-                    query: {
-                      id: row.id,
-                      mode: 'uplode',
-                      mdoeid: row.contract.id,
-                    },
-                  }"
-                >
-                  上传合同
-                </router-link>
-              </el-button>
-              <el-button
-                v-perms="['user.user/launch']"
-                type="primary"
-                v-if="row.contract?.check_status == 2"
-                link
-                @click="
-                  (showPop = true),
-                    (showConctactPop = true),
-                    (contractId = row.id)
-                "
-                >生成个人合同</el-button
-              >
-              <el-button
-                v-if="row.contract?.check_status == 2"
-                v-perms="['user.user/launch']"
-                type="primary"
-                link
-                @click="(showPop = true), (contractId = row.id)"
-                >重新短信</el-button
-              >
-            </template>
-          </template>
-        </el-table-column>
-      </el-table>
+                            <el-button
+                                v-perms="['user.user/uplode']"
+                                type="primary"
+                                link
+                                v-if="row.contract?.check_status == 1"
+                            >
+                                <router-link
+                                    :to="{
+                                        path: getRoutePath('user.user/detail'),
+                                        query: {
+                                            id: row.id,
+                                            mode: 'uplode',
+                                            mdoeid: row.contract.id
+                                        }
+                                    }"
+                                >
+                                    上传合同
+                                </router-link>
+                            </el-button>
+                            <el-button
+                                v-perms="['user.user/launch']"
+                                type="primary"
+                                v-if="row.contract?.check_status == 2"
+                                link
+                                @click="
+                                    ;(showPop = true),
+                                        (showConctactPop = true),
+                                        (contractId = row.id)
+                                "
+                                >生成个人合同</el-button
+                            >
+                            <el-button
+                                v-if="row.is_contract == 0 && row.contract?.check_status == 3"
+                                v-perms="['user.user/launch']"
+                                type="primary"
+                                link
+                                @click=";(showPop = true), (contractId = row.id)"
+                                >重新短信</el-button
+                            >
+                        </template>
+                    </template>
+                </el-table-column>
+            </el-table>
 
-      <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 class="flex justify-end mt-4">
-        <pagination v-model="pager" @change="getLists" />
-      </div>
-    </el-card>
-  </div>
+            <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 class="flex justify-end mt-4">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+    </div>
 </template>
 <script lang="ts" setup name="consumerLists">
-import { usePaging } from "@/hooks/usePaging";
-import { getRoutePath } from "@/router";
-import { getUserList, creatContact, sendMsgApi } from "@/api/consumer";
-import { ClientMap } from "@/enums/appEnums";
-import feedback from "@/utils/feedback";
+import { usePaging } from '@/hooks/usePaging'
+import { getRoutePath } from '@/router'
+import { getUserList, creatContact, sendMsgApi } from '@/api/consumer'
+import { ClientMap } from '@/enums/appEnums'
+import feedback from '@/utils/feedback'
 
 const queryParams = reactive({
-  keyword: "",
-  channel: "",
-  create_time_start: "",
-  create_time_end: "",
-});
-const contractId = ref(0);
-const showPop = ref(false);
-const showConctactPop = ref(false);
+    keyword: '',
+    channel: '',
+    create_time_start: '',
+    create_time_end: ''
+})
+const contractId = ref(0)
+const showPop = ref(false)
+const showConctactPop = ref(false)
 const offPop = () => {
-  showPop.value = false;
-  showConctactPop.value = false;
-};
+    showPop.value = false
+    showConctactPop.value = false
+}
 const creContct = () => {
-  console.log(contractId.value);
-  //   feedback.msgSuccess("复制成功");
-  creatContact({ id: contractId.value }).then(() => {
-    feedback.msgSuccess("发送成功");
-  });
-  offPop();
-};
+    console.log(contractId.value)
+    //   feedback.msgSuccess("复制成功");
+    creatContact({ 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 handleDelete = async (id: number) => {
 //     await feedback.confirm('确定要删除？')
 //     await adminDelete({ id })
@@ -225,39 +204,39 @@ const sendMsg = () => {
 //     getLists()
 // }
 const { pager, getLists, resetPage, resetParams } = usePaging({
-  fetchFun: getUserList,
-  params: queryParams,
-});
+    fetchFun: getUserList,
+    params: queryParams
+})
 onActivated(() => {
-  getLists();
-});
+    getLists()
+})
 
-getLists();
+getLists()
 </script>
 <style 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>
diff --git a/src/views/contract/contractDetil.vue b/src/views/contract/contractDetil.vue
index 9149d46..856247f 100644
--- a/src/views/contract/contractDetil.vue
+++ b/src/views/contract/contractDetil.vue
@@ -1,414 +1,473 @@
 <template>
-  <el-card class="box-card">
-    <template #header>
-      <span>公司基本信息</span>
-    </template>
-    <el-form
-      :inline="true"
-      ref="formRef"
-      :model="compeny"
-      label-width="90px"
-      :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="compeny">
-        <el-select disabled v-model="compeny.company_type" placeholder="请输入公司类型">
-          <el-option
-            v-for="(item, index) in datas.dictTypeLists"
-            :key="index"
-            :label="item.name"
-            :value="item.id"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="省" prop="province">
-        <el-select disabled v-model="compeny.province" placeholder="请选择省">
-          <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">
-        <el-select disabled v-model="compeny.city" placeholder="请选择市">
-          <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">
-        <el-select disabled v-model="compeny.area" placeholder="请选择区">
-          <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="company_type_name">
-        <el-select disabled v-model="compeny.street" placeholder="请选择镇">
-          <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">
-        <el-input
-          disabled
-          v-model="compeny.address"
-          placeholder="请输入公司地址"
-          :style="{ width: '31.5rem' }"
-        />
-      </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">
-      <el-form-item label="公司资质" prop="contract_type" required>
-        <div class="company">
-          <img :src="compenyimg.bank_account" />
-          <img :src="compenyimg.bank_accountB" />
+    <el-card class="box-card">
+        <template #header>
+            <span>公司基本信息</span>
+        </template>
+        <el-form
+            :inline="true"
+            ref="formRef"
+            :model="compeny"
+            label-width="90px"
+            :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="compeny">
+                <el-select disabled v-model="compeny.company_type" placeholder="请输入公司类型">
+                    <el-option
+                        v-for="(item, index) in datas.dictTypeLists"
+                        :key="index"
+                        :label="item.name"
+                        :value="item.id"
+                    ></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="省" prop="province">
+                <el-select disabled v-model="compeny.province" placeholder="请选择省">
+                    <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">
+                <el-select disabled v-model="compeny.city" placeholder="请选择市">
+                    <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">
+                <el-select disabled v-model="compeny.area" placeholder="请选择区">
+                    <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="company_type_name">
+                <el-select disabled v-model="compeny.street" placeholder="请选择镇">
+                    <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">
+                <el-input
+                    disabled
+                    v-model="compeny.address"
+                    placeholder="请输入公司地址"
+                    :style="{ width: '31.5rem' }"
+                />
+            </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"
+        >
+            <el-form-item label="公司资质" prop="contract_type" required>
+                <div class="company">
+                    <img :src="compenyimg.bank_account" />
+                    <img :src="compenyimg.bank_accountB" />
+                </div>
+            </el-form-item>
+            <el-form-item label="其他资质" prop="contract_no" required>
+                <div class="company">
+                    <img :src="compenyimg.business_license" />
+                    <img :src="compenyimg.business_licenseB" />
+                </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="90px"
+            :rules="formRules"
+            class="select"
+        >
+            <el-form-item label="公司名称" prop="company_name" required>
+                <el-input v-model="compenyB.company_name" placeholder="请输入公司名称" />
+            </el-form-item>
+            <el-form-item label="社会代码" prop="organization_code" required>
+                <el-input v-model="compenyB.organization_code" placeholder="请输入社会代码" />
+            </el-form-item>
+            <el-form-item label="公司类型" prop="company_type">
+                <el-select v-model="compenyB.company_type" placeholder="请输入社会类型">
+                    <el-option></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="省" prop="province">
+                <el-select v-model="compenyB.province" placeholder="请选择省">
+                    <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">
+                <el-select v-model="compenyB.city" placeholder="请选择市">
+                    <el-option></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="区" prop="area">
+                <el-select v-model="compenyB.area" placeholder="请选择区">
+                    <el-option></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="镇" prop="street">
+                <el-select v-model="compenyB.street" placeholder="请选择镇">
+                    <el-option></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="地址" prop="street">
+                <el-input
+                    v-model="compenyB.street"
+                    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"
+        >
+            <el-form-item label="公司资质" prop="contract_type" required>
+                <div class="company">
+                    <img :src="compenyimg.bank_account" />
+                    <img :src="compenyimg.bank_accountB" />
+                </div>
+            </el-form-item>
+            <el-form-item label="其他资质" prop="contract_no" required>
+                <div class="company">
+                    <img :src="compenyimg.business_license" />
+                    <img :src="compenyimg.business_licenseB" />
+                </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="select"
+            >
+                <el-form-item label="姓名">
+                    <el-input v-model="persen.nickname" placeholder="请输入姓名" />
+                </el-form-item>
+                <el-form-item label="性别">
+                    <el-input v-model="persen.sex" placeholder="请输入性别" />
+                </el-form-item>
+                <el-form-item label="联系电话">
+                    <el-input v-model="persen.mobile" placeholder="请输入联系电话" />
+                </el-form-item>
+                <el-form-item label="身份证号">
+                    <el-input
+                        v-model="persen.id"
+                        placeholder="请输入身份证号"
+                        :style="{ width: '22rem' }"
+                    />
+                </el-form-item>
+                <el-form-item label="省" prop="province">
+                    <el-select v-model="persen.province" placeholder="请选择省">
+                        <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">
+                    <el-select v-model="persen.city" placeholder="请选择市">
+                        <el-option></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="区" prop="area">
+                    <el-select v-model="persen.area" placeholder="请选择区">
+                        <el-option></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="镇" prop="street">
+                    <el-select v-model="persen.street" placeholder="请选择镇">
+                        <el-option></el-option>
+                    </el-select>
+                </el-form-item>
+            </el-form>
         </div>
-      </el-form-item>
-      <el-form-item label="其他资质" prop="contract_no" required>
-        <div class="company">
-          <img :src="compenyimg.business_license" />
-          <img :src="compenyimg.business_licenseB" />
-        </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="90px"
-      :rules="formRules"
-      class="select"
-    >
-      <el-form-item label="公司名称" prop="company_name" required>
-        <el-input v-model="compenyB.company_name" placeholder="请输入公司名称" />
-      </el-form-item>
-      <el-form-item label="社会代码" prop="organization_code" required>
-        <el-input v-model="compenyB.organization_code" placeholder="请输入社会代码" />
-      </el-form-item>
-      <el-form-item label="公司类型" prop="company_type">
-        <el-select v-model="compenyB.company_type" placeholder="请输入社会类型">
-          <el-option></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="省" prop="province">
-        <el-select v-model="compenyB.province" placeholder="请选择省">
-          <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">
-        <el-select v-model="compenyB.city" placeholder="请选择市">
-          <el-option></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="区" prop="area">
-        <el-select v-model="compenyB.area" placeholder="请选择区">
-          <el-option></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="镇" prop="street">
-        <el-select v-model="compenyB.street" placeholder="请选择镇">
-          <el-option></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="地址" prop="street">
-        <el-input v-model="compenyB.street" 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">
-      <el-form-item label="公司资质" prop="contract_type" required>
-        <div class="company">
-          <img :src="compenyimg.bank_account" />
-          <img :src="compenyimg.bank_accountB" />
-        </div>
-      </el-form-item>
-      <el-form-item label="其他资质" prop="contract_no" required>
-        <div class="company">
-          <img :src="compenyimg.business_license" />
-          <img :src="compenyimg.business_licenseB" />
-        </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="select"
-      >
-        <el-form-item label="姓名">
-          <el-input v-model="persen.nickname" placeholder="请输入姓名" />
-        </el-form-item>
-        <el-form-item label="性别">
-          <el-input v-model="persen.sex" placeholder="请输入性别" />
-        </el-form-item>
-        <el-form-item label="联系电话">
-          <el-input v-model="persen.mobile" placeholder="请输入联系电话" />
-        </el-form-item>
-        <el-form-item label="身份证号">
-          <el-input v-model="persen.id" placeholder="请输入身份证号" :style="{ width: '22rem' }" />
-        </el-form-item>
-        <el-form-item label="省" prop="province">
-          <el-select v-model="persen.province" placeholder="请选择省">
-            <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">
-          <el-select v-model="persen.city" placeholder="请选择市">
-            <el-option></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="区" prop="area">
-          <el-select v-model="persen.area" placeholder="请选择区">
-            <el-option></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="镇" prop="street">
-          <el-select v-model="persen.street" 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.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 label="签约方" prop="contract_type">
-        <el-input v-model="formData.party_b_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-item label="合同类型" prop="contract_no">
-        <el-input v-model="formData.party_b_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>
-    <el-form>
-      <el-form-item required label="合同上传">
-        <el-button type="primary">上传</el-button>
-      </el-form-item>
-    </el-form>
-  </el-card>
+    </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 label="签约方" prop="contract_type">
+                <el-input
+                    v-model="formData.party_b_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-item label="合同类型" prop="contract_no">
+                <el-input
+                    v-model="formData.party_b_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>
+        <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>
 </template>
 
-<script setup>
-import { apiContractDetail } from "@/api/contract";
-import { ref, reactive, defineExpose } from "vue";
-import { useRoute } from "vue-router";
-import { dictDataLists } from "@/api/setting/dict";
-const { query } = useRoute();
-import {
-  apiCityList,
-  apiAreaList,
-  apiStreetList,
-  apiProvinceList,
-} from "@/api/common";
-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 datas = reactive({
-  provinceOptions: [],
-  cityOptions: [],
-  areaOptions: [],
-  streetOptions: [],
-  dictTypeLists: [],
-  contract_type: [],
-});
-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);
+<script lang="ts" setup>
+import type { FormInstance, UploadProps, ElMessage, UploadUserFile } from 'element-plus'
+import { apiContractDetail } from '@/api/contract'
+import { ref, reactive, defineExpose } from 'vue'
+import { useRoute } from 'vue-router'
+import { dictDataLists } from '@/api/setting/dict'
+import { upContact } from '@/api/consumer'
+const { query } = useRoute()
+import { apiCityList, apiAreaList, apiStreetList, apiProvinceList } from '@/api/common'
+import useUserStore from '@/stores/modules/user'
 
-async function render(){
-  // 传值赋值
-  let res = await apiContractDetail({ id: query.id })
-  compeny.value=res.party_a_info
-      compenyimg.value=res.party_a_info.qualification
-      if(res.type==2)
-      {
-        persen.value=res.party_b_info
-          persenimg.value=res.party_b_info.qualification
-          show.value=false
-      }
-      else if(res.type==1)
-      {
-          compenyB.value=res.party_b_info
-          compenyBimg.value=res.party_b_info.qualification
-          flag.value=false
-      }
+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 datas = reactive({
+    provinceOptions: [],
+    cityOptions: [],
+    areaOptions: [],
+    streetOptions: [],
+    dictTypeLists: [],
+    contract_type: []
+})
+const fileList = ref<UploadUserFile[]>([])
+
+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 route = useRoute()
+const userStore = useUserStore()
+
+async function render() {
+    // 传值赋值
+    const res = await apiContractDetail({ id: query.id })
+    compeny.value = res.party_a_info
+    compenyimg.value = res.party_a_info.qualification
+    if (res.type == 2) {
+        persen.value = res.party_b_info
+        persenimg.value = res.party_b_info.qualification
+        show.value = false
+    } else if (res.type == 1) {
+        compenyB.value = res.party_b_info
+        compenyBimg.value = res.party_b_info.qualification
+        flag.value = false
+    }
+}
+
+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 getProvinceList = async () => {
-  const data = await apiProvinceList({});
-  datas["provinceOptions"] = data;
-};
-const getCityList = async () => {  
-  const data = await apiCityList({ city: compeny.value.province });
-  datas["cityOptions"] = data;
-};
+    const data = await apiProvinceList({})
+    datas['provinceOptions'] = data
+}
+const getCityList = async () => {
+    const data = await apiCityList({ city: compeny.value.province })
+    datas['cityOptions'] = data
+}
 const getAreaList = async () => {
-  const data = await apiAreaList({ area: compeny.value.city });
-  datas["areaOptions"] = data;
-};
+    const data = await apiAreaList({ area: compeny.value.city })
+    datas['areaOptions'] = data
+}
 const getStreetList = async () => {
-  const data = await apiStreetList({ street: compeny.value.area });
-  datas["streetOptions"] = data;
-};
+    const data = await apiStreetList({ street: compeny.value.area })
+    datas['streetOptions'] = data
+}
 const getdictTypeLists = async () => {
-  const data = await dictDataLists({ type_id: 6 });
-  datas["dictTypeLists"] = data["lists"];
-};
-onMounted(async ()=>{
-  await render();
-  await getProvinceList(); 
-  await getCityList();
-  await getAreaList();
-  await getStreetList();
-  await getdictTypeLists();
+    const data = await dictDataLists({ type_id: 6 })
+    datas['dictTypeLists'] = data['lists']
+}
+onMounted(async () => {
+    await render()
+    await getProvinceList()
+    await getCityList()
+    await getAreaList()
+    await getStreetList()
+    await getdictTypeLists()
 })
 </script>
 
 <style lang="scss" scoped>
 .btn_men {
-  text-align: right;
+    text-align: right;
 }
 .frame {
-  .el-form-item {
-    .el-input {
-      width: 43rem;
+    .el-form-item {
+        .el-input {
+            width: 43rem;
+        }
     }
-  }
 }
 .select {
-  .el-form-item {
-    .el-select {
-      width: 12rem;
+    .el-form-item {
+        .el-select {
+            width: 12rem;
+        }
     }
-  }
 }
 .company {
-  display: flex;
-  justify-content: space-between;
-  img {
-    width: 20rem;
-    height: 10rem;
-  }
+    display: flex;
+    justify-content: space-between;
+    img {
+        width: 20rem;
+        height: 10rem;
+    }
 }
 .persenal {
-  display: flex;
-  align-items: center;
-  img {
-    width: 8rem;
-    height: 10rem;
-  }
+    display: flex;
+    align-items: center;
+    img {
+        width: 8rem;
+        height: 10rem;
+    }
 }
 .idcard {
-  img {
-    width: 12rem;
-    height: 10rem;
-  }
+    img {
+        width: 12rem;
+        height: 10rem;
+    }
 }
 </style>