代理人管理-新增人员输入问题

config/dev.env.js

@@ -5,7 +5,7 @@ const prodEnv = require('./prod.env')
 module.exports = merge(prodEnv, {
   NODE_ENV: '"development"',
   ENV_CONFIG:'"dev"',
-  // BASE_URL: '"http://39.98.239.48/web-api"',
-  BASE_URL: '"http://192.168.0.111:8080/"' //测试服务器
+  BASE_URL: '"http://39.98.239.48/web-api"',
+  // BASE_URL: '"http://192.168.0.111:8080/"' //测试服务器
 
 })

src/components/TemplateForm/index.vue

@@ -1,23 +1,29 @@
 <template>
-    <el-form :model="formData"  ref="formData" :inline="true" size="small">
+    <el-form :model="formData" 
+    :rules="rules"
+     ref="publicForm" :inline="true" size="small" >
         <el-row :gutter="20"> 
             <el-col :span="8" v-for="f in ruleForm" :key="f.prop">
-                <el-form-item :label="f.label" :prop="f.prop" label-width="120px">
+                <el-form-item :label="f.label" :prop="f.prop" label-width="120px" 
+                                >
                     <template>
                         <template v-if="f.type === 'input'">
                             <el-input clearable v-model.trim="formData[f.prop]" 
-                                :placeholder="'请输入' + f.label"></el-input>
+                                :placeholder="'请输入' + f.label" 
+                                ></el-input>
                         </template>
-                        <template v-else-if="f.type === 'company'">
+                        <!-- <template v-else-if="f.type === 'company'">
                             <el-select size="small" clearable v-model="formData[f.prop]"
                                 :placeholder="'请输入' + f.label">
                                 <el-option label="不限" value v-if="f.selectAuto"></el-option>
                                 <el-option v-for="(s, i) in InsCompanyList" :key="i" :label="s.name"
                                     :value="s.id"></el-option>
                             </el-select>
-                        </template>
+                        </template> -->
+                        <!-- 机构下拉 -->
                         <template v-if="f.type === 'dept'">
                             <el-cascader
+                                ref="myCascader"
                                 :options="option"
                                 v-model.trim="formData[f.prop]"
                                 clearable
@@ -68,7 +74,11 @@ export default {
         formData: {
             type: Object,
             default: {}
-        }
+        },
+        rules: {
+            type: Object,
+            default: {}
+        },
     },
     data() {
         return {
@@ -83,8 +93,20 @@ export default {
     },
     methods:{
         handleChange(val){
-            this.$emit('handleChange',val)
-        }
+            console.log(val,this.$refs.myCascader[0],111111111)
+
+            if(val && val.length == 0) {
+                console.log(this.$refs.myCascader[0],111111111)
+                this.$refs.myCascader[0].$refs.panel.checkedValue = []; // 清空选中值
+                this.$refs.myCascader[0].$refs.panel.clearCheckedNodes(); // 清空级联选择器选中状态
+                this.$refs.myCascader[0].$refs.panel.activePath = []; // 清除高亮
+                this.$refs.myCascader[0].$refs.panel.syncActivePath(); // 初始化（只展示一级节点）
+            }
+            else{
+                this.$emit('handleChange',val)
+            }
+
+        },
     }
     
 

src/views/PeopleManage/Agent/AgentManage.vue

@@ -74,14 +74,14 @@
                 <el-col :span="5">
                   <el-form-item label="状态">
                     <el-select
-              style="width:200px"
-              clearable 
-              size="small"
-                v-model="pageData.status"
-                placeholder="请选择"
-              >
-              <el-option v-for="val in user_statusoptions" :label="val.label" :value="val.value" :key="val.id"></el-option>
-            </el-select>
+                      style="width:200px"
+                      clearable 
+                      size="small"
+                        v-model="pageData.status"
+                        placeholder="请选择"
+                      >
+                      <el-option v-for="val in user_statusoptions" :label="val.label" :value="val.value" :key="val.id"></el-option>
+                    </el-select>
                   </el-form-item>
                 </el-col>
                 <el-col :span="4">
@@ -139,7 +139,6 @@
       @close="closeDialog"
       v-dialogDrag
     >
-    <!-- <TemplateForm ref="TemplateForm"  :formData="formData" :ruleForm="ruleForm"></TemplateForm> -->
       <el-form
         :model="formData"
         :rules="formDataRules"
@@ -252,14 +251,12 @@
 import Cookies from "js-cookie";
 import KtButton from "@/views/Core/KtButton"; // 按钮权限组件
 import tree from "@/components/ztree.vue"; // 机构树组件
-import TemplateForm from "@/components/TemplateForm/index.vue"; // 机构树组件
 import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
 export default {
   components: {
     KtButton,
     tree,
     KtCommonTable,
-    TemplateForm
   },
   data() {
     //验证身份证
@@ -296,30 +293,6 @@ export default {
     };
 
     return {
-      // ruleForm:[
-      //   {
-      //     label:'员工工号',
-      //     prop:'111111111',
-      //     type:'input'
-      //   },
-      //   {
-      //     label:'员工工号',
-      //     prop:'111111111',
-      //     type:'dept'
-      //   },{
-      //     label:'员工工号',
-      //     prop:'111111111',
-      //     type:'input'
-      //   },{
-      //     label:'员工工号',
-      //     prop:'111111111',
-      //     type:'input'
-      //   },{
-      //     label:'员工工号',
-      //     prop:'111111111',
-      //     type:'input'
-      //   },
-      // ],
       pageData:{
         pageNum: 1,
         pageSize: 20,
@@ -394,7 +367,6 @@ export default {
           label: "性别",
           minWidth: 50,
           sortable: false,
-          formatter: this.sexFormatter,
         },
         { prop: "mobile", label: "联系电话", minWidth: 100, sortable: false },
           {
@@ -501,9 +473,11 @@ export default {
     },
     //联级选择器触发事件
     handleChange(val) {
+      console.log(val, this.formData.deptId, this.formData.name,11111)
       if (val.length !== 0) {
         this.formData.deptId = val.at(-1);
       }
+     
     },
     // 右侧列表的方法Start
     findPage(data) {