bugfix

src/views/components/FieldOptions/index.vue

@@ -1,28 +1,28 @@
 <template>
   <el-form
-    ref="formRef"
-    :model="modelValue"
-    :rules="rules"
-    :label-width="labelWidth + 'px'"
-    :disabled="disabled"
+      ref="formRef"
+      :disabled="disabled"
+      :label-width="labelWidth + 'px'"
+      :model="modelValue"
+      :rules="rules"
   >
     <el-row>
       <el-col :span="24">
-        <el-form-item label="所属领域:" required :show-message="false">
-          <el-row type="flex" justify="space-between">
+        <el-form-item :show-message="false" label="所属领域:" required>
+          <el-row justify="space-between" type="flex">
             <el-col :span="6">
               <el-form-item prop="industrys">
                 <el-select
-                  v-model="fields[0]"
-                  value-key="id"
-                  placeholder="请选择"
-                  @change="levelIChange"
+                    v-model="fields[0]"
+                    placeholder="请选择"
+                    value-key="id"
+                    @change="levelIChange"
                 >
                   <el-option
-                    v-for="item in levelI"
-                    :key="item.id"
-                    :label="item.name"
-                    :value="item.id"
+                      v-for="item in levelI"
+                      :key="item.id"
+                      :label="item.name"
+                      :value="item.id"
                   >
                   </el-option>
                 </el-select>
@@ -30,33 +30,33 @@
             </el-col>
             <el-col :span="6">
               <el-select
-                v-model="fields[1]"
-                value-key="id"
-                placeholder="请选择"
-                :disabled="levelII.length === 0"
-                @change="levelIIChange"
+                  v-model="fields[1]"
+                  :disabled="levelII.length === 0"
+                  placeholder="请选择"
+                  value-key="id"
+                  @change="levelIIChange"
               >
                 <el-option
-                  v-for="item in levelII"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id"
+                    v-for="item in levelII"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
                 >
                 </el-option>
               </el-select>
             </el-col>
             <el-col :span="6">
               <el-select
-                v-model="fields[2]"
-                value-key="id"
-                :disabled="levelIII.length === 0"
-                placeholder="请选择"
+                  v-model="fields[2]"
+                  :disabled="levelIII.length === 0"
+                  placeholder="请选择"
+                  value-key="id"
               >
                 <el-option
-                  v-for="item in levelIII"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id"
+                    v-for="item in levelIII"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
                 >
                 </el-option>
               </el-select>
@@ -66,12 +66,13 @@
               <!-- <el-button type="primary" @click="check">验证</el-button> -->
             </el-col>
           </el-row>
+          <div style="width: 100%"></div>
           <div class="e_tag">
             <el-tag
-              v-for="(tag, index) in industrysTags"
-              :key="index"
-              closable
-              @close="handleFieldClose(index)"
+                v-for="(tag, index) in industrysTags"
+                :key="index"
+                closable
+                @close="handleFieldClose(index)"
             >
               {{ getFieldNameById(tag) }}
               <!-- <template v-if="Array.isArray(tag)">
@@ -90,11 +91,11 @@
     </el-row>
   </el-form>
 </template>
-<script setup name="FieldOptions">
+<script name="FieldOptions" setup>
 // import { industry } from "@/api/config";
-import { listSysIndustry } from "@/api/config";
-import { ElMessage } from "element-plus";
-import { toRefs, watch } from "vue";
+import {listSysIndustry} from "@/api/config";
+import {ElMessage} from "element-plus";
+import {toRefs, watch} from "vue";
 
 const props = defineProps({
   modelValue: Object,
@@ -107,7 +108,7 @@ const props = defineProps({
     default: false,
   },
 });
-const { modelValue, labelWidth, disabled } = toRefs(props);
+const {modelValue, labelWidth, disabled} = toRefs(props);
 const formRef = ref(null);
 const levelI = ref([]); // I级数据
 const levelII = ref([]); // II级数据
@@ -126,11 +127,11 @@ const data = reactive({
     ],
   },
 });
-const { rules } = toRefs(data);
+const {rules} = toRefs(data);
 
 // 获取领域树形列表
 const getIndustryTreeData = async () => {
-  const { data } = await listSysIndustry();
+  const {data} = await listSysIndustry();
   levelI.value = data;
 };