所在区域查询修改

src/views/modules/sys/workClient/WorkClientList.vue

@@ -5,22 +5,24 @@
          <el-form-item label="客户名称" prop="name">
                 <el-input size="small" v-model="searchForm.name" placeholder="请输入客户名称" clearable></el-input>
          </el-form-item>
-          <el-form-item label="地区" prop="searchForm.areaId">
-            <el-select size="small" v-model="searchForm.areaId" placeholder="请选择区域" />
-              <SelectTree
-                ref="areaTree"
-                :props="{
+
+        <el-form-item prop="areaId">
+          <SelectTree
+            ref="area"
+            :props="{
                       value: 'areaId',             // ID字段名
                       label: 'name',         // 显示名称
                       children: 'children'    // 子级字段名
                     }"
-                url="/sys/area/treeData"
-                :value="searchForm.areaId"
-                :clearable="true"
-                :accordion="true"
-                v-if="visible"
-                @getValue="(value) => {searchForm.areaId=value}"/>
-          </el-form-item>
+            placeholder="请选择所在区域"
+            size="small"
+            url="/sys/area/treeData"
+            :value="searchForm.areaId"
+            :clearable="true"
+            :accordion="true"
+            @getValue="(value) => {searchForm.areaId=value}"/>
+        </el-form-item>
+
 
           <el-form-item>
             <el-button type="primary" @click="refreshList()" size="small" icon="el-icon-search">查询</el-button>