From 65cfbf43cffa3c1b31ec6132abb265b60889fd6c Mon Sep 17 00:00:00 2001
From: mkm <727897186@qq.com>
Date: Fri, 21 Jul 2023 11:22:49 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/company.ts                   |   7 +-
 src/views/company/edit.vue           | 294 ++++++++---------
 src/views/company/index.vue          | 456 +++++++++++++++------------
 src/views/company/subordinate.vue    | 229 ++++++++++++++
 src/views/permission/admin/edit.vue  | 251 +++++++--------
 src/views/permission/admin/index.vue | 451 +++++++++++++-------------
 6 files changed, 987 insertions(+), 701 deletions(-)
 create mode 100644 src/views/company/subordinate.vue

diff --git a/src/api/company.ts b/src/api/company.ts
index c273ada..eb316b3 100644
--- a/src/api/company.ts
+++ b/src/api/company.ts
@@ -23,4 +23,9 @@ export function apiCompanyDelete(params: any) {
 // 公司详情
 export function apiCompanyDetail(params: any) {
     return request.get({ url: '/company/detail', params })
-}
\ No newline at end of file
+}
+
+// 下属公司详情
+export function apiSubordinateList(params: any) {
+    return request.get({ url: '/company/subordinate', params })
+}
diff --git a/src/views/company/edit.vue b/src/views/company/edit.vue
index f047c11..b73186d 100644
--- a/src/views/company/edit.vue
+++ b/src/views/company/edit.vue
@@ -181,18 +181,30 @@
                             ></el-input>
                         </el-form-item>
                     </el-col>
-                    <el-col :span="24">
-                        <el-form-item label="选择人员" prop="admin_id">
+                    <el-col :span="12">
+                        <el-form-item label="管理人员" prop="admin_name">
                             <el-input
                                 :disabled="isDisabled"
-                                v-model="formData.admin_id"
-                                placeholder="请选择人员"
+                                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>
             <div style="font-size: 1.2rem; margin: 10px 0">其他联系人</div>
@@ -266,12 +278,11 @@
                             <el-upload
                                 :disabled="isDisabled"
                                 v-model="formData.qualification.business_license"
-                                class="avatar-uploader"
+                                class="avatar-uploader pl-3"
                                 :data="{ cid: 1 }"
                                 action="https://worker-task.lihaink.cn/api/upload/image"
                                 :show-file-list="false"
                                 :on-success="handleAvatarSuccess"
-                                :before-upload="beforeAvatarUpload"
                             >
                                 <img
                                     v-if="formData.qualification.business_license"
@@ -285,7 +296,7 @@
                             <el-upload
                                 :disabled="isDisabled"
                                 v-model="formData.qualification.business_licenseB"
-                                class="avatar-uploader"
+                                class="avatar-uploader pl-3"
                                 :data="{ cid: 1 }"
                                 action="https://worker-task.lihaink.cn/api/upload/image"
                                 :show-file-list="false"
@@ -307,12 +318,11 @@
                             <el-upload
                                 :disabled="isDisabled"
                                 v-model="formData.qualification.bank_account"
-                                class="avatar-uploader"
+                                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"
-                                :before-upload="beforeAvatarUpload_two"
                             >
                                 <img
                                     v-if="formData.qualification.bank_account"
@@ -326,12 +336,11 @@
                             <el-upload
                                 :disabled="isDisabled"
                                 v-model="formData.qualification.bank_accountB"
-                                class="avatar-uploader"
+                                class="avatar-uploader pl-3"
                                 :data="{ cid: 1 }"
                                 action="https://worker-task.lihaink.cn/api/upload/image"
                                 :show-file-list="false"
                                 :on-success="handleAvatarSuccess_twoB"
-                                :before-upload="beforeAvatarUpload_two"
                             >
                                 <img
                                     v-if="formData.qualification.bank_accountB"
@@ -346,96 +355,89 @@
                     </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">
-                <el-row>
-                    <el-col :span="12">
-                        <el-form-item label="签约方" prop="field130">
-                            <el-input
-                                :disabled="isDisabled"
-                                v-model="formData.party_a_name"
-                                placeholder="请选择签约方"
-                                clearable
-                                :style="{ width: '100%' }"
-                                @click="openCompany"
-                            ></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>
+            <template v-if="userStore.userInfo.root == 1">
+                <div style="font-size: 1.2rem; margin: 10px 0">电子合同</div>
+                <el-col :span="24" class="el-card pt-6">
+                    <el-row>
+                        <el-col :span="12">
+                            <el-form-item label="签约方" prop="field130">
+                                <el-input
+                                    :disabled="isDisabled"
+                                    v-model="formData.party_a_name"
+                                    placeholder="请选择签约方"
+                                    clearable
+                                    :style="{ width: '100%' }"
+                                    @click="openCompany"
+                                ></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 :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>
+            </template>
 
-                    <el-col :span="12">
-                        <el-form-item label-width="100px" label="合同编号" prop="field133">
-                            <el-input
-                                placeholder="系统自动生成"
-                                clearable
-                                :style="{ width: '100%' }"
-                                :disabled="true"
-                            ></el-input>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-            </el-col>
-            <el-col :span="24" class="el-card pt-6">
-                <el-row>
-                    <el-col :span="24">
-                        <el-form-item label="合同上传" required>
-                            <!-- <el-upload
-                            :disabled="isDisabled"
-                                class="avatar-uploader"
-                                v-model="formData.contract.file"
-                                action="https://worker-task.lihaink.cn/api/upload/image"
-                                :show-file-list="false"
-                                :on-success="handleAvatarSuccess_three"
-                                :before-upload="beforeAvatarUpload_three"
-                            >
-                               
-                                <el-button size="small"  :disabled="isDisabled" type="primary">点击上传</el-button>
-              </el-upload>-->
-                            <el-upload
-                                :disabled="isDisabled"
-                                v-model="formData.contract.file"
-                                :headers="{ Token: userStore.token }"
-                                class="upload-demo"
-                                action="https://worker-task.lihaink.cn/adminapi/upload/file"
-                                multiple
-                                :limit="1"
-                                :on-success="handleAvatarSuccess_three"
-                                :before-upload="beforeAvatarUpload_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"
@@ -455,14 +457,17 @@
         <el-dialog v-model="isCompany" title="选择签约方" width="60%">
             <DialogIndex @customEvent="customEvent" />
         </el-dialog>
-        <el-dialog v-model="isMan" title="选择人员" width="60%">
+        <el-dialog v-model="isMan" title="选择管理人员" width="60%">
             <DialogIndexMan @customEvent="customEventMan" />
         </el-dialog>
+        <el-dialog v-model="isAreaManager" title="选择片区经理" width="60%">
+            <DialogIndexMan @customEvent="EventAreaManager" />
+        </el-dialog>
     </div>
 </template>
 
 <script lang="ts" setup name="companyEdit">
-import type { FormInstance, UploadProps, ElMessage } from 'element-plus'
+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 { apiCityList, apiAreaList, apiStreetList, apiProvinceList } from '@/api/common'
@@ -474,7 +479,6 @@ 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()
@@ -492,14 +496,13 @@ const popupRef = shallowRef<InstanceType<typeof Popup>>()
 const mode = ref()
 isDisabled = route.query.read
 isEdit = route.query.edit
-// 弹窗标题
-// const popupTitle = computed(() => {
-//     return mode.value == 'edit' ? '编辑公司' : '新增公司'
-// })
 
 // 表单数据
 const formData = reactive({
     admin_id: '',
+    admin_name: '',
+    area_manager: '',
+    area_manager_name: '',
     id: '',
     // level_two: '',
     // level_one: '',
@@ -539,7 +542,8 @@ const formData = reactive({
     contract: {
         contract_type: '',
         party_a: '',
-        file: ''
+        file: '',
+        contract_no: '系统自动生成'
     },
     //签约方
     party_a_name: '',
@@ -554,6 +558,12 @@ const datas = reactive({
     dictTypeLists: [],
     contract_type: []
 })
+const fileList = ref<UploadUserFile[]>([
+    {
+        name: '',
+        url: ''
+    }
+])
 // 表单验证
 const formRules = reactive<any>({
     company_name: [
@@ -615,6 +625,7 @@ const formRules = reactive<any>({
 })
 const isCompany = ref(false)
 const isMan = ref(false)
+const isAreaManager = ref(false)
 
 function customEvent(data: any) {
     isCompany.value = false
@@ -623,9 +634,14 @@ function customEvent(data: any) {
 }
 function customEventMan(data: any) {
     isMan.value = false
-    console.log(data)
-    //   formData.contract.party_a = data.id;
-    formData.man = data.name
+    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
 }
 function openCompany() {
     isCompany.value = true
@@ -650,56 +666,46 @@ const getDetail = async (row: Record<string, any>) => {
 
 //上传图片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 beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile) => {
-    // if (rawFile.type !== 'image/jpeg') {
-    //     ElMessage.error('Avatar picture must be JPG format!')
-    //     return false
-    // } else if (rawFile.size / 1024 / 1024 > 2) {
-    //     ElMessage.error('Avatar picture size can not exceed 2MB!')
-    //     return false
-    // }
-    return true
-}
 //上传图片2
 const handleAvatarSuccess_two: UploadProps['onSuccess'] = (response, uploadFile) => {
+    if (response.code == 0) {
+        ElMessage.error(response.msg)
+        return
+    }
     formData.qualification.bank_account = 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 beforeAvatarUpload_two: UploadProps['beforeUpload'] = (rawFile) => {
-    // if (rawFile.type !== 'image/jpeg') {
-    //     ElMessage.error('Avatar picture must be JPG format!')
-    //     return false
-    // } else if (rawFile.size / 1024 / 1024 > 2) {
-    //     ElMessage.error('Avatar picture size can not exceed 2MB!')
-    //     return false
-    // }
-    return true
-}
 //上传文件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
-    console.log(response.data)
+    fileList.value[0].url = response.data.uri
+    fileList.value[0].name = '合同文件'
 }
 
-const beforeAvatarUpload_three: UploadProps['beforeUpload'] = (rawFile) => {
-    // if (rawFile.type !== 'application/msword') {
-    //     ElMessage.error('请选择word格式的文件!')
-    //     return false
-    // }
-    //  else if (rawFile.size / 1024 / 1024 > 2) {
-    //     ElMessage.error('Avatar picture size can not exceed 2MB!')
-    //     return false
-    // }
-    return true
-}
 //增加其他联系人
 function other() {
     formData.other_contacts.push({
@@ -766,6 +772,8 @@ const getDetails = async () => {
     })
     formData['party_a_name'] = data['contract']['party_a_name']
     formData['file_image'] = data['contract']['file']
+    fileList.value[0].url = data['contract']['file']
+    fileList.value[0].name = '合同文件'
 }
 getProvinceList()
 getdictTypeLists()
diff --git a/src/views/company/index.vue b/src/views/company/index.vue
index 383b0ef..3b763f4 100644
--- a/src/views/company/index.vue
+++ b/src/views/company/index.vue
@@ -1,273 +1,321 @@
 <template>
-  <div>
-    <el-card class="!border-none mb-4" shadow="never">
-      <el-form class="mb-[-16px]" :model="queryParams" inline>
-        <el-form-item label="公司名称" prop="company_name">
-          <el-input
-            class="w-[280px]"
-            v-model="queryParams.company_name"
-            clearable
-            placeholder="请输入公司名称"
-          />
-        </el-form-item>
-        <el-form-item label="区" prop="area" v-show="company_type_show">
-          <el-input class="w-[280px]" v-model="queryParams.area" clearable placeholder="请输入区" />
-        </el-form-item>
-        <el-form-item label="镇" prop="street" v-show="company_type_show">
-          <el-input class="w-[280px]" v-model="queryParams.street" clearable placeholder="请输入镇" />
-        </el-form-item>
-        <el-form-item label="公司类型" prop="company_type" v-show="company_type_show">
-          <el-select
-            v-model="queryParams.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-form-item label="片区经理" prop="area_manager">
-          <el-input
-            class="w-[280px]"
-            v-model="queryParams.area_manager"
-            clearable
-            placeholder="请输入片区经理"
-          />
-        </el-form-item>
-        <el-form-item label="是否签约" prop="is_contract">
-          <el-select
-            v-model="queryParams.is_contract"
-            placeholder="是否签约"
-            clearable
-            :style="{ width: '100%' }"
-          >
-            <el-option label="已签约" value="1"></el-option>
-            <el-option label="未签约" value="0"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="resetPage">查询</el-button>
-          <el-button @click="resetParams">重置</el-button>
-        </el-form-item>
-      </el-form>
-    </el-card>
-    <el-card class="!border-none" v-loading="pager.loading" shadow="never">
-      <!-- <el-button v-perms="['company/add']" type="primary" @click="handleAdd">
+    <div>
+        <el-card class="!border-none mb-4" shadow="never">
+            <el-form class="mb-[-16px]" :model="queryParams" inline>
+                <el-form-item label="公司名称" prop="company_name">
+                    <el-input
+                        class="w-[280px]"
+                        v-model="queryParams.company_name"
+                        clearable
+                        placeholder="请输入公司名称"
+                    />
+                </el-form-item>
+                <el-form-item label="区" prop="area" v-show="company_type_show">
+                    <el-input
+                        class="w-[280px]"
+                        v-model="queryParams.area"
+                        clearable
+                        placeholder="请输入区"
+                    />
+                </el-form-item>
+                <el-form-item label="镇" prop="street" v-show="company_type_show">
+                    <el-input
+                        class="w-[280px]"
+                        v-model="queryParams.street"
+                        clearable
+                        placeholder="请输入镇"
+                    />
+                </el-form-item>
+                <el-form-item label="公司类型" prop="company_type" v-show="company_type_show">
+                    <el-select
+                        v-model="queryParams.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-form-item label="片区经理" prop="area_manager">
+                    <el-input
+                        class="w-[280px]"
+                        v-model="queryParams.area_manager"
+                        clearable
+                        placeholder="请输入片区经理"
+                    />
+                </el-form-item>
+                <el-form-item label="是否签约" prop="is_contract">
+                    <el-select
+                        v-model="queryParams.is_contract"
+                        placeholder="是否签约"
+                        clearable
+                        :style="{ width: '100%' }"
+                    >
+                        <el-option label="已签约" value="1"></el-option>
+                        <el-option label="未签约" value="0"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button @click="resetParams">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+            <!-- <el-button v-perms="['company/add']" type="primary" @click="handleAdd">
                 <template #icon>
                     <icon name="el-icon-Plus" />
                 </template>
                 新增
       </el-button>-->
-      <router-link
-        v-perms="['company/add', 'company/edit']"
-        :to="{
+            <router-link
+                v-perms="['company/add', 'company/edit']"
+                :to="{
                     path: getRoutePath('company/add:edit')
                 }"
-      >
-        <el-button type="primary" class="mb-4">
-          <template #icon>
-            <icon name="el-icon-Plus" />
-          </template>
-          创建
-        </el-button>
-      </router-link>
-      <div class="mt-4">
-        <el-table :data="pager.lists" @selection-change="handleSelectionChange">
-          <el-table-column label="id" prop="id" show-overflow-tooltip />
-          <el-table-column label="查看成员" prop="company_name" show-overflow-tooltip />
-          <el-table-column label="签约公司" prop="company_name" show-overflow-tooltip />
-          <el-table-column label="公司类型" prop="company_type" show-overflow-tooltip />
-          <el-table-column label="区县" prop="area" show-overflow-tooltip />
-          <el-table-column label="乡镇" prop="street" show-overflow-tooltip />
-          <el-table-column label="主联系人" prop="master_name" show-overflow-tooltip />
-          <el-table-column label="联系方式" prop="master_phone" show-overflow-tooltip />
-          <el-table-column label="片区经理" prop="area_manager" show-overflow-tooltip />
-          <el-table-column label="是否签约" prop="is_contract" show-overflow-tooltip />
-          <el-table-column label="操作" align="center" width="330" fixed="right">
-            <template #default="{ row }">
-              <div style="display: flex">
-                <el-button v-perms="['company/edit', 'company/add']" type="primary" link>
-                  <router-link
-                    :to="{
+            >
+                <el-button type="primary" class="mb-4">
+                    <template #icon>
+                        <icon name="el-icon-Plus" />
+                    </template>
+                    创建
+                </el-button>
+            </router-link>
+            <div class="mt-4">
+                <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+                    <el-table-column label="id" prop="id" show-overflow-tooltip width="60" />
+                    <el-table-column label="签约公司" prop="company_name" show-overflow-tooltip />
+                    <el-table-column label="公司类型" prop="company_type" show-overflow-tooltip />
+                    <el-table-column label="区县" prop="area" show-overflow-tooltip />
+                    <el-table-column label="乡镇" prop="street" show-overflow-tooltip />
+                    <el-table-column label="主联系人" prop="master_name" show-overflow-tooltip />
+                    <el-table-column label="联系方式" prop="master_phone" show-overflow-tooltip />
+                    <el-table-column label="片区经理" prop="area_manager" show-overflow-tooltip />
+                    <el-table-column label="是否签约" prop="is_contract" show-overflow-tooltip />
+                    <el-table-column label="操作" align="center" width="450" fixed="right">
+                        <template #default="{ row }">
+                            <div style="display: flex">
+                                <el-button type="primary" link>
+                                    <router-link
+                                        :to="{
+                                            path: getRoutePath('auth.admin/lists'),
+                                            query: {
+                                                company_id: row.id,
+                                                read: true
+                                            }
+                                        }"
+                                        >查看成员</router-link
+                                    >
+                                </el-button>
+                                <el-button type="primary" link>
+                                    <router-link
+                                        :to="{
+                                            path: getRoutePath('company/subordinate/lists'),
+                                            query: {
+                                                company_id: row.id,
+                                                read: true
+                                            }
+                                        }"
+                                        >下属公司</router-link
+                                    >
+                                </el-button>
+                                <el-button
+                                    v-perms="['company/edit', 'company/add']"
+                                    type="primary"
+                                    link
+                                >
+                                    <router-link
+                                        :to="{
                                             path: getRoutePath('company/add:edit'),
                                             query: {
                                                 id: row.id,
                                                 read: true
                                             }
                                         }"
-                  >查看</router-link>
-                </el-button>
-                <el-button v-perms="['company/edit', 'company/add']" type="primary" link>
-                  <router-link
-                    :to="{
+                                        >详情</router-link
+                                    >
+                                </el-button>
+                                <el-button
+                                    v-perms="['company/edit', 'company/add']"
+                                    type="primary"
+                                    link
+                                >
+                                    <router-link
+                                        :to="{
                                             path: getRoutePath('company/add:edit'),
                                             query: {
                                                 id: row.id,
                                                 edit: true
                                             }
                                         }"
-                  >编辑</router-link>
-                </el-button>
-                <el-button
-                  v-perms="['company/delete']"
-                  type="danger"
-                  link
-                  @click="handleDelete(row.id)"
-                >删除</el-button>
-                <el-button
-                  v-perms="['company/edit', 'company/add']"
-                  type="primary"
-                  link
-                  @click="showCreateConctPop(row)  "
-                >生成个人合同</el-button>
-                <el-button
-                  v-perms="['company/edit', 'company/add']"
-                  type="primary"
-                  link
-                  @click=" showPop=true,contractId=row.id "
-                >发送短信</el-button>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-      <div class="flex mt-4 justify-end">
-        <pagination v-model="pager" @change="getLists" />
-      </div>
-    </el-card>
-    <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>
+                                        >编辑</router-link
+                                    >
+                                </el-button>
+                                <el-button
+                                    v-perms="['company/delete']"
+                                    type="danger"
+                                    link
+                                    @click="handleDelete(row.id)"
+                                    >删除</el-button
+                                >
+                                <el-button
+                                    v-perms="['company/edit', 'company/add']"
+                                    type="primary"
+                                    link
+                                    @click="showCreateConctPop(row)"
+                                    >生成合同</el-button
+                                >
+                                <el-button
+                                    v-perms="['company/edit', 'company/add']"
+                                    type="primary"
+                                    link
+                                    @click=";(showPop = true), (contractId = row.id)"
+                                    >发送短信</el-button
+                                >
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div class="flex mt-4 justify-end">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <el-dialog v-model="showPop" @close="offPop">
+            <h1>重要提醒</h1>
+            <div class="content" v-if="showConctactPop">
+                请确认信息是否有误,发送合同,请确认信息是否有误,发送电子合同后短时间内将不可再次发送.
+            </div>
+            <div class="content" v-else>
+                确认签约短信将在60秒后发送,请注意查收,并点击短信链接进行线上合同签约
+            </div>
+            <p class="btn_menu">
+                <el-button type="primary" size="large" v-if="showConctactPop" @click="creContct"
+                    >确认创建</el-button
+                >
+                <el-button type="primary" size="large" v-else @click="sendMsg">确认</el-button>
+                <el-button type="info" size="large" @click="offPop">返回</el-button>
+            </p>
+        </el-dialog>
+    </div>
 </template>
 
 <script lang="ts" setup name="companyLists">
-import { usePaging } from "@/hooks/usePaging";
-import { useDictData } from "@/hooks/useDictOptions";
-import { apiCompanyLists, apiCompanyDelete } from "@/api/company";
-import { generateGontract, sendMsgApi } from "@/api/perms/admin";
-import { timeFormat } from "@/utils/util";
-import feedback from "@/utils/feedback";
-import { dictDataLists } from "@/api/setting/dict";
-// import EditPopup from './edit.vue'
-import { getRoutePath } from "@/router";
+import { usePaging } from '@/hooks/usePaging'
+import { useDictData } from '@/hooks/useDictOptions'
+import { apiCompanyLists, apiCompanyDelete } from '@/api/company'
+import { generateGontract, sendMsgApi } from '@/api/perms/admin'
+import { timeFormat } from '@/utils/util'
+import feedback from '@/utils/feedback'
+import { dictDataLists } from '@/api/setting/dict'
+import { getRoutePath } from '@/router'
 
-const editRef = shallowRef<InstanceType<typeof EditPopup>>();
-const route = useRoute();
-const company_type_show = ref(true);
+const route = useRoute()
+const company_type_show = ref(true)
 // 创建合同与发送短信
 //弹窗
-const showPop = ref(false);
-const showConctactPop = ref(false);
+const showPop = ref(false)
+const showConctactPop = ref(false)
 const offPop = () => {
-  showPop.value = false;
-  showConctactPop.value = false;
-};
+    showPop.value = false
+    showConctactPop.value = false
+}
 // 创建合同的id
-const contractId = ref("");
+const contractId = ref('')
 const showCreateConctPop = (row) => {
-  (showPop.value = true),
-    (showConctactPop.value = true),
-    (contractId.value = row.id);
-};
+    ;(showPop.value = true), (showConctactPop.value = true), (contractId.value = row.id)
+}
 const creContct = () => {
-  generateGontract({ id: contractId.value });
-  offPop();
-};
+    generateGontract({ id: contractId.value })
+    offPop()
+}
 const sendMsg = () => {
-  sendMsgApi({ id: contractId.value });
-  offPop();
-};
+    sendMsgApi({ id: contractId.value })
+    offPop()
+}
 // 创建合同与发送短信结束
 // 查询条件
 const queryParams = reactive({
-  company_name: "",
-  area: "",
-  street: "",
-  company_type: "",
-  area_manager: "",
-  // 是否签约
-  is_contract: "",
-});
+    company_name: '',
+    area: '',
+    street: '',
+    company_type: '',
+    area_manager: '',
+    // 是否签约
+    is_contract: ''
+})
 
 if (route.query.company_type) {
-  company_type_show.value = false;
-  queryParams["company_type"] = route.query.company_type?.toString() || "";
+    company_type_show.value = false
+    queryParams['company_type'] = route.query.company_type?.toString() || ''
 }
 
 const datas = reactive({
-  dictTypeLists: [],
-});
+    dictTypeLists: []
+})
 const getdictTypeLists = async () => {
-  const data = await dictDataLists({ type_id: 6 });
-  datas["dictTypeLists"] = data["lists"];
-};
-getdictTypeLists();
+    const data = await dictDataLists({ type_id: 6 })
+    datas['dictTypeLists'] = data['lists']
+}
+getdictTypeLists()
 // 选中数据
-const selectData = ref<any[]>([]);
+const selectData = ref<any[]>([])
 
 // 表格选择后回调事件
 const handleSelectionChange = (val: any[]) => {
-  selectData.value = val.map(({ id }) => id);
-};
+    selectData.value = val.map(({ id }) => id)
+}
 
 // 获取字典数据
-const { dictData } = useDictData("");
+const { dictData } = useDictData('')
 
 // 分页相关
 const { pager, getLists, resetParams, resetPage } = usePaging({
-  fetchFun: apiCompanyLists,
-  params: queryParams,
-});
+    fetchFun: apiCompanyLists,
+    params: queryParams
+})
 
 // 删除
 const handleDelete = async (id: number | any[]) => {
-  await feedback.confirm("确定要删除？");
-  await apiCompanyDelete({ id });
-  getLists();
-};
+    await feedback.confirm('确定要删除？')
+    await apiCompanyDelete({ id })
+    getLists()
+}
 
-getLists();
+getLists()
 </script>
 <style lang="scss">
 .btn {
-  position: absolute;
+    position: absolute;
 }
 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/company/subordinate.vue b/src/views/company/subordinate.vue
new file mode 100644
index 0000000..77a03f2
--- /dev/null
+++ b/src/views/company/subordinate.vue
@@ -0,0 +1,229 @@
+<template>
+    <div>
+        <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+            <div class="mt-4">
+                <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+                    <el-table-column label="id" prop="id" show-overflow-tooltip width="60" />
+                    <el-table-column label="签约公司" prop="company_name" show-overflow-tooltip />
+                    <el-table-column label="公司类型" prop="company_type" show-overflow-tooltip />
+                    <el-table-column label="区县" prop="area" show-overflow-tooltip />
+                    <el-table-column label="乡镇" prop="street" show-overflow-tooltip />
+                    <el-table-column label="主联系人" prop="master_name" show-overflow-tooltip />
+                    <el-table-column label="联系方式" prop="master_phone" show-overflow-tooltip />
+                    <el-table-column label="片区经理" prop="area_manager" show-overflow-tooltip />
+                    <el-table-column label="是否签约" prop="is_contract" show-overflow-tooltip />
+                    <el-table-column label="操作" align="center" width="450" fixed="right">
+                        <template #default="{ row }">
+                            <div style="display: flex">
+                                <el-button type="primary" link>
+                                    <router-link
+                                        :to="{
+                                            path: getRoutePath('auth.admin/lists'),
+                                            query: {
+                                                company_id: row.id,
+                                                read: true
+                                            }
+                                        }"
+                                        >查看成员</router-link
+                                    >
+                                </el-button>
+                                <el-button
+                                    v-perms="['company/edit', 'company/add']"
+                                    type="primary"
+                                    link
+                                >
+                                    <router-link
+                                        :to="{
+                                            path: getRoutePath('company/add:edit'),
+                                            query: {
+                                                id: row.id,
+                                                read: true
+                                            }
+                                        }"
+                                        >详情</router-link
+                                    >
+                                </el-button>
+                                <el-button
+                                    v-perms="['company/edit', 'company/add']"
+                                    type="primary"
+                                    link
+                                >
+                                    <router-link
+                                        :to="{
+                                            path: getRoutePath('company/add:edit'),
+                                            query: {
+                                                id: row.id,
+                                                edit: true
+                                            }
+                                        }"
+                                        >编辑</router-link
+                                    >
+                                </el-button>
+                                <el-button
+                                    v-perms="['company/delete']"
+                                    type="danger"
+                                    link
+                                    @click="handleDelete(row.id)"
+                                    >删除</el-button
+                                >
+                                <el-button
+                                    v-perms="['company/edit', 'company/add']"
+                                    type="primary"
+                                    link
+                                    @click="showCreateConctPop(row)"
+                                    >生成合同</el-button
+                                >
+                                <el-button
+                                    v-perms="['company/edit', 'company/add']"
+                                    type="primary"
+                                    link
+                                    @click=";(showPop = true), (contractId = row.id)"
+                                    >发送短信</el-button
+                                >
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div class="flex mt-4 justify-end">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <el-dialog v-model="showPop" @close="offPop">
+            <h1>重要提醒</h1>
+            <div class="content" v-if="showConctactPop">
+                请确认信息是否有误,发送合同,请确认信息是否有误,发送电子合同后短时间内将不可再次发送.
+            </div>
+            <div class="content" v-else>
+                确认签约短信将在60秒后发送,请注意查收,并点击短信链接进行线上合同签约
+            </div>
+            <p class="btn_menu">
+                <el-button type="primary" size="large" v-if="showConctactPop" @click="creContct"
+                    >确认创建</el-button
+                >
+                <el-button type="primary" size="large" v-else @click="sendMsg">确认</el-button>
+                <el-button type="info" size="large" @click="offPop">返回</el-button>
+            </p>
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts" setup name="companyLists">
+import { usePaging } from '@/hooks/usePaging'
+import { useDictData } from '@/hooks/useDictOptions'
+import { apiCompanyLists, apiCompanyDelete, apiSubordinateList } from '@/api/company'
+import { generateGontract, sendMsgApi } from '@/api/perms/admin'
+import { timeFormat } from '@/utils/util'
+import feedback from '@/utils/feedback'
+import { dictDataLists } from '@/api/setting/dict'
+// import EditPopup from './edit.vue'
+import { getRoutePath } from '@/router'
+
+const route = useRoute()
+const company_type_show = ref(true)
+// 创建合同与发送短信
+//弹窗
+const showPop = ref(false)
+const showConctactPop = ref(false)
+const offPop = () => {
+    showPop.value = false
+    showConctactPop.value = false
+}
+// 创建合同的id
+const contractId = ref('')
+const showCreateConctPop = (row) => {
+    ;(showPop.value = true), (showConctactPop.value = true), (contractId.value = row.id)
+}
+const creContct = () => {
+    generateGontract({ id: contractId.value })
+    offPop()
+}
+const sendMsg = () => {
+    sendMsgApi({ id: contractId.value })
+    offPop()
+}
+// 创建合同与发送短信结束
+// 查询条件
+const queryParams = reactive({
+    company_name: '',
+    area: '',
+    street: '',
+    company_type: '',
+    area_manager: '',
+    // 是否签约
+    is_contract: '',
+    company_id: ''
+})
+
+if (route.query.company_type) {
+    company_type_show.value = false
+    queryParams['company_type'] = route.query.company_type?.toString() || ''
+}
+if (route.query.company_id) {
+    queryParams.company_id = route.query.company_id?.toString() || ''
+}
+
+const datas = reactive({
+    dictTypeLists: []
+})
+const getdictTypeLists = async () => {
+    const data = await dictDataLists({ type_id: 6 })
+    datas['dictTypeLists'] = data['lists']
+}
+getdictTypeLists()
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 表格选择后回调事件
+const handleSelectionChange = (val: any[]) => {
+    selectData.value = val.map(({ id }) => id)
+}
+
+// 获取字典数据
+const { dictData } = useDictData('')
+
+// 分页相关
+const { pager, getLists, resetParams, resetPage } = usePaging({
+    fetchFun: apiSubordinateList,
+    params: queryParams
+})
+
+// 删除
+const handleDelete = async (id: number | any[]) => {
+    await feedback.confirm('确定要删除？')
+    await apiCompanyDelete({ id })
+    getLists()
+}
+
+getLists()
+</script>
+<style lang="scss">
+.btn {
+    position: absolute;
+}
+h1 {
+    text-align: center;
+    font-weight: bold;
+    font-size: 30px;
+    color: red;
+    margin-bottom: 10px;
+}
+
+.content {
+    font-size: 20px;
+}
+
+.info {
+    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;
+}
+</style>
diff --git a/src/views/permission/admin/edit.vue b/src/views/permission/admin/edit.vue
index 24b425a..4a672ff 100644
--- a/src/views/permission/admin/edit.vue
+++ b/src/views/permission/admin/edit.vue
@@ -188,7 +188,7 @@
                                 />
                             </el-select>
                         </el-col>
-                        <el-col :span="12">
+                        <el-col :span="12" v-if="userStore.userInfo.root == 0">
                             <el-form-item label="签约方" prop="field130">
                                 <el-input
                                     :disabled="isCheck"
@@ -211,7 +211,7 @@
                                 <el-upload
                                     :disabled="isCheck"
                                     v-model="formData.qualification.id_card"
-                                    class="avatar-uploader"
+                                    class="avatar-uploader pl-3"
                                     :data="{ cid: 1 }"
                                     action="https://worker-task.lihaink.cn/api/upload/image"
                                     :show-file-list="false"
@@ -229,7 +229,7 @@
                                 <el-upload
                                     :disabled="isCheck"
                                     v-model="formData.qualification.id_card_b"
-                                    class="avatar-uploader"
+                                    class="avatar-uploader pl-3"
                                     :data="{ cid: 1 }"
                                     action="https://worker-task.lihaink.cn/api/upload/image"
                                     :show-file-list="false"
@@ -251,7 +251,7 @@
                                 <el-upload
                                     :disabled="isCheck"
                                     v-model="formData.qualification.car_card"
-                                    class="avatar-uploader"
+                                    class="avatar-uploader pl-3"
                                     :data="{ cid: 1 }"
                                     action="https://worker-task.lihaink.cn/api/upload/image"
                                     :show-file-list="false"
@@ -269,7 +269,7 @@
                                 <el-upload
                                     :disabled="isCheck"
                                     v-model="formData.qualification.car_card_b"
-                                    class="avatar-uploader"
+                                    class="avatar-uploader pl-3"
                                     :data="{ cid: 1 }"
                                     action="https://worker-task.lihaink.cn/api/upload/image"
                                     :show-file-list="false"
@@ -292,7 +292,7 @@
                                 <el-upload
                                     :disabled="isCheck"
                                     v-model="formData.qualification.bank_account"
-                                    class="avatar-uploader"
+                                    class="avatar-uploader pl-3"
                                     :data="{ cid: 1 }"
                                     action="https://worker-task.lihaink.cn/api/upload/image"
                                     :show-file-list="false"
@@ -311,7 +311,7 @@
                                 <el-upload
                                     :disabled="isCheck"
                                     v-model="formData.qualification.bank_account_b"
-                                    class="avatar-uploader"
+                                    class="avatar-uploader pl-3"
                                     :data="{ cid: 1 }"
                                     action="https://worker-task.lihaink.cn/api/upload/image"
                                     :show-file-list="false"
@@ -331,110 +331,112 @@
                         </el-col>
                     </el-row>
                 </el-col>
-                <el-col :span="24">
-                    <el-row>
-                        <el-col :span="12">
-                            <el-form-item label="签约姓名" prop="name">
-                                <el-input
-                                    v-model="formData.name"
-                                    placeholder="请输入签约姓名"
-                                    :disabled="true"
-                                    clearable
-                                    :style="{ width: '100%' }"
-                                ></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="性别" prop="sex">
-                                <el-input
-                                    placeholder="请输入性别"
-                                    :disabled="true"
-                                    clearable
-                                    :style="{ width: '100%' }"
-                                    :value="formData.sex == 1 ? '男' : '女'"
-                                ></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="身份证号" prop="id_card">
-                                <el-input
-                                    v-model="formData.id_card"
-                                    placeholder="请输入身份证号"
-                                    :disabled="true"
-                                    clearable
-                                    :style="{ width: '100%' }"
-                                ></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                            <el-form-item label="联系电话" prop="account">
-                                <el-input
-                                    v-model="formData.account"
-                                    placeholder="请输入联系电话"
-                                    :disabled="true"
-                                    clearable
-                                    :style="{ width: '100%' }"
-                                ></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12" v-if="formData.name">
-                            <el-form-item label="账号" prop="account">
-                                <el-input
-                                    v-model="formData.account"
-                                    :disabled="true"
-                                    clearable
-                                    :style="{ width: '100%' }"
-                                ></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="12" v-if="formData.name">
-                            <el-form-item label="密码" prop="password">
-                                <el-input
-                                    v-model="formData.account"
-                                    :disabled="true"
-                                    clearable
-                                    :style="{ width: '100%' }"
-                                ></el-input>
-                            </el-form-item>
-                        </el-col>
-                        <el-col :span="24">
-                            <el-form-item label="合同类型" prop="contract_type">
-                                <el-col :span="24">
-                                    <el-select
-                                        :disabled="isCheck"
-                                        v-model="formData.contract_type"
-                                        placeholder="请选择合同类型"
+                <template v-if="userStore.userInfo.root == 0">
+                    <el-col :span="24">
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="签约姓名" prop="name">
+                                    <el-input
+                                        v-model="formData.name"
+                                        placeholder="请输入签约姓名"
+                                        :disabled="true"
                                         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-col>
-                            </el-form-item>
-                        </el-col>
-                    </el-row>
-                </el-col>
+                                    ></el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="性别" prop="sex">
+                                    <el-input
+                                        placeholder="请输入性别"
+                                        :disabled="true"
+                                        clearable
+                                        :style="{ width: '100%' }"
+                                        :value="formData.sex == 1 ? '男' : '女'"
+                                    ></el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="身份证号" prop="id_card">
+                                    <el-input
+                                        v-model="formData.id_card"
+                                        placeholder="请输入身份证号"
+                                        :disabled="true"
+                                        clearable
+                                        :style="{ width: '100%' }"
+                                    ></el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="联系电话" prop="account">
+                                    <el-input
+                                        v-model="formData.account"
+                                        placeholder="请输入联系电话"
+                                        :disabled="true"
+                                        clearable
+                                        :style="{ width: '100%' }"
+                                    ></el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12" v-if="formData.name">
+                                <el-form-item label="账号" prop="account">
+                                    <el-input
+                                        v-model="formData.account"
+                                        :disabled="true"
+                                        clearable
+                                        :style="{ width: '100%' }"
+                                    ></el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12" v-if="formData.name">
+                                <el-form-item label="密码" prop="password">
+                                    <el-input
+                                        v-model="formData.account"
+                                        :disabled="true"
+                                        clearable
+                                        :style="{ width: '100%' }"
+                                    ></el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="24">
+                                <el-form-item label="合同类型" prop="contract_type">
+                                    <el-col :span="24">
+                                        <el-select
+                                            :disabled="isCheck"
+                                            v-model="formData.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-col>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </el-col>
 
-                <el-col :span="24" v-if="!isCheck">
-                    <el-form-item label="合同上传" prop="field127">
-                        <el-upload
-                            :headers="{ Token: userStore.token }"
-                            v-model="formData.file"
-                            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-col>
+                    <el-col :span="24" v-if="!isCheck">
+                        <el-form-item label="合同上传" prop="field127">
+                            <el-upload
+                                :headers="{ Token: userStore.token }"
+                                v-model="formData.file"
+                                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-col>
+                </template>
             </el-form>
         </popup>
         <el-dialog v-model="isCompany" title="选择签约方" width="60%">
@@ -497,39 +499,6 @@ const formData = reactive({
     multipoint_login: 1,
     root: 0
 })
-// const formData = reactive({
-//     id: '',
-//     sex: '1',
-//     id_card: '513701200012105613',
-//     name: 'zmj',
-//     province: '',
-//     city: '',
-//     area: '',
-//     street: '',
-//     address: '',
-//     phone: '15884967539',
-//     // v-model="formData.party_a_name"
-
-//     party_a_name:"",
-//     qualification: {
-//         id_card: '',
-//         id_card_b: '',
-//         car_card: '',
-//         car_card_b: '',
-//         bank_account: '',
-//         bank_account_b: ''
-//     },
-//     // 合同类型
-//     contract_type: '',
-//     // 合同
-//     contract: '',
-//     file: '',
-//     is_contract: 0,
-//     role_id: "",
-//     avatar: '',
-//     multipoint_login: 1,
-//     root: 0
-// })
 // 字典信息
 const datas: any = reactive({
     provinceOptions: [],
diff --git a/src/views/permission/admin/index.vue b/src/views/permission/admin/index.vue
index 62d0e47..2367ad8 100644
--- a/src/views/permission/admin/index.vue
+++ b/src/views/permission/admin/index.vue
@@ -1,251 +1,278 @@
 <template>
-  <div class="admin">
-    <el-card class="!border-none" shadow="never">
-      <el-form class="mb-[-16px]" :model="formData" inline>
-        <el-form-item label="管理员名称">
-          <el-input v-model="formData.name" class="w-[280px]" clearable @keyup.enter="resetPage" />
-        </el-form-item>
-        <el-form-item label="管理员角色">
-          <el-select class="w-[280px]" v-model="formData.role_id">
-            <el-option label="全部" value />
-            <el-option
-              v-for="(item, index) in optionsData.role"
-              :key="index"
-              :label="item.name"
-              :value="item.id"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="resetPage">查询</el-button>
-          <el-button @click="resetParams">重置</el-button>
-          <export-data
-            class="ml-2.5"
-            :fetch-fun="adminLists"
-            :params="formData"
-            :page-size="pager.size"
-          />
-        </el-form-item>
-      </el-form>
-    </el-card>
-    <el-card v-loading="pager.loading" class="mt-4 !border-none" shadow="never">
-      <el-button v-perms="['auth.admin/add']" type="primary" @click="handleAdd">
-        <template #icon>
-          <icon name="el-icon-Plus" />
-        </template>
-        新增
-      </el-button>
-      <div class="mt-4">
-        <el-table :data="pager.lists" size="large">
-          <el-table-column label="ID" prop="id" min-width="60" />>
-          <el-table-column label="头像" min-width="100">
-            <template #default="{ row }">
-              <el-avatar :size="50" :src="row.avatar"></el-avatar>
-            </template>
-          </el-table-column>
-          <el-table-column label="账号" prop="account" min-width="120" />
-          <el-table-column label="名称" prop="name" min-width="100" />
-          <el-table-column label="角色" prop="role_name" min-width="100" show-tooltip-when-overflow />
-          <el-table-column label="部门" prop="dept_name" min-width="100" show-tooltip-when-overflow />
-          <el-table-column label="创建时间" prop="create_time" min-width="180" />
-          <el-table-column label="最近登录时间" prop="login_time" min-width="180" />
-          <el-table-column label="最近登录IP" prop="login_ip" min-width="120" />
-          <el-table-column label="状态" min-width="100" v-perms="['auth.admin/edit']">
-            <template #default="{ row }">
-              <el-switch
-                v-if="row.root != 1"
-                v-model="row.disable"
-                :active-value="0"
-                :inactive-value="1"
-                @change="changeStatus(row)"
-              />
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" width="330" align="center" fixed="right">
-            <template #default="{ row }">
-              <div style="display: flex">
-                <el-button
-                  v-perms="['auth.admin/edit']"
-                  type="primary"
-                  link
-                  @click="handleCheck(row)"
-                >查看</el-button>
-                <el-button
-                  v-perms="['auth.admin/edit']"
-                  type="primary"
-                  link
-                  @click="handleEdit(row)"
-                >编辑</el-button>
-                <el-button
-                  v-if="row.root != 1"
-                  v-perms="['auth.admin/delete']"
-                  type="danger"
-                  link
-                  @click="handleDelete(row.id)"
-                >删除</el-button>
-                <el-button
-                  v-perms="['company/edit', 'company/add']"
-                  type="primary"
-                  link
-                  @click="showPop = true, showConctactPop = true, contractId = row.id"
-                >生成个人合同</el-button>
-                <el-button
-                  v-perms="['company/edit', 'company/add']"
-                  type="primary"
-                  link
-                  @click=" showPop = true, contractId = row.id"
-                >发送短信</el-button>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-      <div class="flex mt-4 justify-end">
-        <pagination v-model="pager" @change="getLists" />
-      </div>
-    </el-card>
-    <edit-popup
-      v-if="showEdit"
-      ref="editRef"
-      :isCheck="isCheck"
-      @success="getLists"
-      @close="showEdit = false"
-    />
-    <el-dialog v-model="showPop" @close="offPop">
-      <h1>重要提醒</h1>
-      <div class="content" v-if="showConctactPop">请确认信息是否有误,发送合同,请确认信息是否有误,发送电子合同后短时间内将不可再次发送.</div>
-      <div class="content" v-else>确认签约短信将在60秒后发送,请注意查收,并点击短信链接进行线上合同签约</div>
-      <p class="btn_menu">
-        <el-button type="primary" size="large" v-if="showConctactPop" @click="creContct">确认创建</el-button>
-        <el-button type="primary" size="large" v-else @click="sendMsg">确认</el-button>
-        <el-button type="info" size="large" @click="offPop">返回</el-button>
-      </p>
-    </el-dialog>
-  </div>
+    <div class="admin">
+        <el-card class="!border-none" shadow="never">
+            <el-form class="mb-[-16px]" :model="formData" inline>
+                <el-form-item label="管理员名称">
+                    <el-input
+                        v-model="formData.name"
+                        class="w-[280px]"
+                        clearable
+                        @keyup.enter="resetPage"
+                    />
+                </el-form-item>
+                <el-form-item label="管理员角色">
+                    <el-select class="w-[280px]" v-model="formData.role_id">
+                        <el-option label="全部" value />
+                        <el-option
+                            v-for="(item, index) in optionsData.role"
+                            :key="index"
+                            :label="item.name"
+                            :value="item.id"
+                        />
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button @click="resetParams">重置</el-button>
+                    <export-data
+                        class="ml-2.5"
+                        :fetch-fun="adminLists"
+                        :params="formData"
+                        :page-size="pager.size"
+                    />
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card v-loading="pager.loading" class="mt-4 !border-none" shadow="never">
+            <el-button v-perms="['auth.admin/add']" type="primary" @click="handleAdd">
+                <template #icon>
+                    <icon name="el-icon-Plus" />
+                </template>
+                新增
+            </el-button>
+            <div class="mt-4">
+                <el-table :data="pager.lists" size="large">
+                    <el-table-column label="ID" prop="id" min-width="60" />>
+                    <el-table-column label="头像" min-width="100">
+                        <template #default="{ row }">
+                            <el-avatar :size="50" :src="row.avatar"></el-avatar>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="账号" prop="account" min-width="120" />
+                    <el-table-column label="名称" prop="name" min-width="100" />
+                    <el-table-column
+                        label="角色"
+                        prop="role_name"
+                        min-width="100"
+                        show-tooltip-when-overflow
+                    />
+                    <el-table-column
+                        label="部门"
+                        prop="dept_name"
+                        min-width="100"
+                        show-tooltip-when-overflow
+                    />
+                    <el-table-column label="创建时间" prop="create_time" min-width="180" />
+                    <el-table-column label="最近登录时间" prop="login_time" min-width="180" />
+                    <el-table-column label="最近登录IP" prop="login_ip" min-width="120" />
+                    <el-table-column label="状态" min-width="100" v-perms="['auth.admin/edit']">
+                        <template #default="{ row }">
+                            <el-switch
+                                v-if="row.root != 1"
+                                v-model="row.disable"
+                                :active-value="0"
+                                :inactive-value="1"
+                                @change="changeStatus(row)"
+                            />
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="操作" width="330" align="center" fixed="right">
+                        <template #default="{ row }">
+                            <div style="display: flex">
+                                <el-button
+                                    v-perms="['auth.admin/edit']"
+                                    type="primary"
+                                    link
+                                    @click="handleCheck(row)"
+                                    >查看</el-button
+                                >
+                                <el-button
+                                    v-perms="['auth.admin/edit']"
+                                    type="primary"
+                                    link
+                                    @click="handleEdit(row)"
+                                    >编辑</el-button
+                                >
+                                <el-button
+                                    v-if="row.root != 1"
+                                    v-perms="['auth.admin/delete']"
+                                    type="danger"
+                                    link
+                                    @click="handleDelete(row.id)"
+                                    >删除</el-button
+                                >
+                                <el-button
+                                    v-perms="['company/edit', 'company/add']"
+                                    type="primary"
+                                    link
+                                    @click="
+                                        ;(showPop = true),
+                                            (showConctactPop = true),
+                                            (contractId = row.id)
+                                    "
+                                    >生成合同</el-button
+                                >
+                                <el-button
+                                    v-perms="['company/edit', 'company/add']"
+                                    type="primary"
+                                    link
+                                    @click=";(showPop = true), (contractId = row.id)"
+                                    >发送短信</el-button
+                                >
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div class="flex mt-4 justify-end">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <edit-popup
+            v-if="showEdit"
+            ref="editRef"
+            :isCheck="isCheck"
+            @success="getLists"
+            @close="showEdit = false"
+        />
+        <el-dialog v-model="showPop" @close="offPop">
+            <h1>重要提醒</h1>
+            <div class="content" v-if="showConctactPop">
+                请确认信息是否有误,发送合同,请确认信息是否有误,发送电子合同后短时间内将不可再次发送.
+            </div>
+            <div class="content" v-else>
+                确认签约短信将在60秒后发送,请注意查收,并点击短信链接进行线上合同签约
+            </div>
+            <p class="btn_menu">
+                <el-button type="primary" size="large" v-if="showConctactPop" @click="creContct"
+                    >确认创建</el-button
+                >
+                <el-button type="primary" size="large" v-else @click="sendMsg">确认</el-button>
+                <el-button type="info" size="large" @click="offPop">返回</el-button>
+            </p>
+        </el-dialog>
+    </div>
 </template>
 
 <script lang="ts" setup name="admin">
-import {
-  adminEdit,
-  adminLists,
-  adminDelete,
-  generateGontract,
-  sendMsgApi,
-} from "@/api/perms/admin";
-import { roleAll } from "@/api/perms/role";
-import { useDictOptions } from "@/hooks/useDictOptions";
-import { usePaging } from "@/hooks/usePaging";
-import feedback from "@/utils/feedback";
-import EditPopup from "./edit.vue";
-const editRef = shallowRef<InstanceType<typeof EditPopup>>();
+import { adminEdit, adminLists, adminDelete, generateGontract, sendMsgApi } from '@/api/perms/admin'
+import { roleAll } from '@/api/perms/role'
+import { useDictOptions } from '@/hooks/useDictOptions'
+import { usePaging } from '@/hooks/usePaging'
+import feedback from '@/utils/feedback'
+import EditPopup from './edit.vue'
+const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+const route = useRoute()
+
 // 表单数据
 const formData = reactive({
-  name: "",
-  role_id: "",
-});
-const contractId = ref("");
+    name: '',
+    role_id: '',
+    company_id: route.query.company_id || ''
+})
+const contractId = ref('')
 // 弹窗
-const showPop = ref(false);
-const showConctactPop = ref(false);
+const showPop = ref(false)
+const showConctactPop = ref(false)
 const offPop = () => {
-  showPop.value = false;
-  showConctactPop.value = false;
-};
+    showPop.value = false
+    showConctactPop.value = false
+}
 const creContct = () => {
-  generateGontract({ id: contractId.value });
-  offPop();
-};
+    generateGontract({ id: contractId.value })
+    offPop()
+}
 const sendMsg = () => {
-  sendMsgApi({ id: contractId.value }).then((res) => {
-    console.log(res);
-  });
-  offPop();
-};
+    sendMsgApi({ id: contractId.value }).then((res) => {
+        console.log(res)
+    })
+    offPop()
+}
 //
-const showEdit = ref(false);
+const showEdit = ref(false)
 const { pager, getLists, resetParams, resetPage } = usePaging({
-  fetchFun: adminLists,
-  params: formData,
-});
+    fetchFun: adminLists,
+    params: formData
+})
 
 const changeStatus = (data: any) => {
-  adminEdit({
-    id: data.id,
-    account: data.account,
-    name: data.name,
-    role_id: data.role_id,
-    disable: data.disable,
-    multipoint_login: data.multipoint_login,
-  }).finally(() => {
-    getLists();
-  });
-};
+    adminEdit({
+        id: data.id,
+        account: data.account,
+        name: data.name,
+        role_id: data.role_id,
+        disable: data.disable,
+        multipoint_login: data.multipoint_login
+    }).finally(() => {
+        getLists()
+    })
+}
 // 查看
-const isCheck = ref(false);
+const isCheck = ref(false)
 const handleCheck = async (data: any) => {
-  isCheck.value = true;
-  showEdit.value = true;
-  await nextTick();
-  editRef.value?.open("edit");
-  editRef.value?.setFormData(data);
-};
+    isCheck.value = true
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('edit')
+    editRef.value?.setFormData(data)
+}
 const handleAdd = async () => {
-  isCheck.value = false;
-  showEdit.value = true;
-  await nextTick();
-  editRef.value?.open("add");
-};
+    isCheck.value = false
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('add')
+}
 
 const handleEdit = async (data: any) => {
-  isCheck.value = false;
-  showEdit.value = true;
-  await nextTick();
-  editRef.value?.open("edit");
-  editRef.value?.setFormData(data);
-};
+    isCheck.value = false
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('edit')
+    editRef.value?.setFormData(data)
+}
 
 const handleDelete = async (id: number) => {
-  await feedback.confirm("确定要删除？");
-  await adminDelete({ id });
-  getLists();
-};
+    await feedback.confirm('确定要删除？')
+    await adminDelete({ id })
+    getLists()
+}
 
 const { optionsData } = useDictOptions<{
-  role: any[];
+    role: any[]
 }>({
-  role: {
-    api: roleAll,
-  },
-});
+    role: {
+        api: roleAll
+    }
+})
 
 onMounted(() => {
-  getLists();
-});
+    getLists()
+})
 </script>
 <style lang="scss" scoped>
 h1 {
-  text-align: center;
-  font-weight: bold;
-  font-size: 30px;
-  color: red;
-  margin-bottom: 10px;
+    text-align: center;
+    font-weight: bold;
+    font-size: 30px;
+    color: red;
+    margin-bottom: 10px;
 }
 
 .content {
-  font-size: 20px;
+    font-size: 20px;
 }
 
 .info {
-  color: red;
-  font-weight: bold;
-  font-size: 18px;
-  display: inline-block;
-  margin: 0 5px;
+    color: red;
+    font-weight: bold;
+    font-size: 18px;
+    display: inline-block;
+    margin: 0 5px;
 }
 
 .btn_menu {
-  margin-top: 10vh;
-  display: flex;
-  justify-content: space-around;
+    margin-top: 10vh;
+    display: flex;
+    justify-content: space-around;
 }
-</style>
\ No newline at end of file
+</style>