页面样式修改

src/views/company/index.vue

@@ -3,23 +3,51 @@
         <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-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-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-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
+                    <el-select
-                        :style="{ width: '100%' }">
+                        v-model="queryParams.company_type"
-                        <el-option v-for="(item, index) in datas.dictTypeLists" :key="index" :label="item.name"
+                        placeholder="请选择公司类型"
-                            :value="item.id"></el-option>
+                        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-input
+                        class="w-[280px]"
+                        v-model="queryParams.area_manager"
+                        clearable
+                        placeholder="请输入片区经理"
+                    />
                 </el-form-item>
                 <el-form-item label="是否签约" class="w-[308px]" prop="is_contract">
                     <el-select v-model="queryParams.is_contract" placeholder="是否签约" clearable :style="{ width: '100%' }">
@@ -40,9 +68,12 @@
                 </template>
                 新增
       </el-button>-->
-            <router-link v-perms="['company/add', 'company/edit']" :to="{
+            <router-link
-                path: getRoutePath('company/add:edit')
+                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" />
@@ -91,14 +122,17 @@
                                         }
                                     }">详情</router-link>
                                 </el-button>
-                                <el-button v-perms="['company/edit', 'company/add']" type="primary" link>
+                                <el-button type="primary" link>
-                                    <router-link :to="{
+                                    <router-link
-                                        path: getRoutePath('company/add:edit'),
+                                        :to="{
-                                        query: {
+                                            path: getRoutePath('company/subordinate/lists'),
-                                            id: row.id,
+                                            query: {
-                                            edit: true
+                                                company_id: row.id,
-                                        }
+                                                read: true
-                                    }">编辑</router-link>
+                                            }
+                                        }"
+                                        >下属公司</router-link
+                                    >
                                 </el-button>
                                 <el-button v-perms="['company/delete']" type="danger" link
                                     @click="handleDelete(row.id)">删除</el-button>
@@ -124,7 +158,9 @@
                 确认签约短信将在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-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>
@@ -167,59 +203,58 @@ const sendMsg = () => {
 // 创建合同与发送短信结束
 // 查询条件
 const queryParams = reactive({
-    company_name: "",
+    company_name: '',
-    area: "",
+    area: '',
-    street: "",
+    street: '',
-    company_type: "",
+    company_type: '',
-    area_manager: "",
+    area_manager: '',
     // 是否签约
-    is_contract: "",
+    is_contract: ''
-});
+})
 
 if (route.query.company_type) {
-    company_type_show.value = false;
+    company_type_show.value = false
-    queryParams["company_type"] = route.query.company_type?.toString() || "";
+    queryParams['company_type'] = route.query.company_type?.toString() || ''
 }
 
 const datas = reactive({
-    dictTypeLists: [],
+    dictTypeLists: []
-});
+})
 const getdictTypeLists = async () => {
-    const data = await dictDataLists({ type_id: 6 });
+    const data = await dictDataLists({ type_id: 6 })
-    datas["dictTypeLists"] = data["lists"];
+    datas['dictTypeLists'] = data['lists']
-};
+}
-getdictTypeLists();
+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,
+    params: queryParams
-});
+})
 
 // 删除
 const handleDelete = async (id: number | any[]) => {
-    await feedback.confirm("确定要删除？");
+    await feedback.confirm('确定要删除？')
-    await apiCompanyDelete({ id });
+    await apiCompanyDelete({ id })
-    getLists();
+    getLists()
-};
+}
 
-getLists();
+getLists()
 </script>
 <style lang="scss">
 .btn {
     position: absolute;
 }
-
 h1 {
     text-align: center;
     font-weight: bold;

src/views/permission/admin/edit.vue

@@ -547,7 +547,7 @@ const getcontract_type = async () => {
 };
 getcontract_type();
 
-const isCompany = ref(false);
+const isCompany = ref(false)
 function customEvent(data: any) {
   isCompany.value = false;
   formData.party_a = data.id;