style:土地性质

 <!--
  * @Description: 受理信息
  * @Autor: renchao
- * @LastEditTime: 2023-08-16 09:42:18
+ * @LastEditTime: 2023-08-16 10:14:00
 -->
 <template>
   <div class="slxx">
@@ -93,14 +93,14 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="土地性质：">
-              <el-select v-model="ruleForm.fdcq2.tdxz">
-                <el-option
-                  v-for="item in dictData['A9']"
-                  :key="item.dcode"
-                  :label="item.dname"
-                  :value="item.dcode">
-                </el-option>
-              </el-select>
+              <treeselect
+                v-model="ruleForm.fdcq2.tdxz"
+                noOptionsText="暂无数据"
+                placeholder=""
+                :normalizer="normalizer"
+                :show-count="true"
+                :options="dictData['A9']" />
+
             </el-form-item>
           </el-col>
         </el-row>
@@ -159,14 +159,14 @@
         <el-row :gutter="10" v-if="ruleForm.qlxx">
           <el-col :span="8">
             <el-form-item label="房屋用途：">
-              <el-select v-model="ruleForm.fdcq2.ghyt">
-                <el-option
-                  v-for="item in dictData['A17']"
-                  :key="item.dcode"
-                  :label="item.dname"
-                  :value="item.dcode">
-                </el-option>
-              </el-select>
+              <treeselect
+                v-model="ruleForm.fdcq2.ghyt"
+                noOptionsText=""
+                placeholder=""
+                :normalizer="normalizer"
+                :show-count="true"
+                :options="dictData['A17']" />
+
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -284,7 +284,7 @@
           </el-col>
         </el-row>
         <el-row :gutter="10">
-           <el-col :span="24">
+          <el-col :span="24">
             <el-form-item label="附记：">
               <el-input v-model="ruleForm.fdcq2.fj"></el-input>
             </el-form-item>
@@ -409,6 +409,17 @@
     data () {
       return {
         mjdw: "1",
+        // 键名转换，方法默认是label和children进行树状渲染
+        normalizer (node) {
+          //方法
+          if (node.children == null || node.children == "null") {
+            delete node.children;
+          }
+          return {
+            id: node.dcode,
+            label: node.dname,
+          };
+        },
         disabled: true,
         tdytOption: [],
         czrOptions: [],

@@ -82,11 +82,6 @@
           </el-col>
         </el-row>
         <el-row :gutter="10" v-if="ruleForm.qlxx">
-          <!-- <el-col :span="8">
-            <el-form-item label="房屋用途：">
-              <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
-            </el-form-item>
-          </el-col> -->
           <el-col :span="8">
             <el-form-item label="规划用途名称：">
               <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input>