首页地图

src/views/components/ExpertForm/index.vue

@@ -28,11 +28,11 @@
       </el-col>
     </el-row>
 
-    <el-row>
+    <!-- <el-row>
       <el-col :span="12">
-        <el-form-item label="所属单位:" prop="research_id">
+        <el-form-item label="所属单位:" prop="researchId">
           <el-select
-            v-model="modelValue.research_id"
+            v-model="modelValue.researchId"
             filterable
             placeholder="请选择"
             @change="setLaboratory"
@@ -50,7 +50,7 @@
       <el-col :span="12">
         <el-form-item label="所属实验室:">
           <el-select
-            v-model="modelValue.laboratory_id"
+            v-model="modelValue.laboratoryId"
             filterable
             placeholder="请选择"
           >
@@ -64,7 +64,7 @@
           </el-select>
         </el-form-item>
       </el-col>
-    </el-row>
+    </el-row> -->
 
     <CityOptions
       v-model="modelValue"
@@ -124,9 +124,9 @@
 
     <el-row>
       <el-col :span="12">
-        <el-form-item label="从业时间:" prop="work_at">
+        <el-form-item label="从业时间:" prop="workTime">
           <el-date-picker
-            v-model="modelValue.work_at"
+            v-model="modelValue.workTime"
             type="date"
             value-format="YYYY-MM-DD"
             placeholder="选择日期"
@@ -216,8 +216,8 @@ const data = reactive({
         trigger: "blur",
       },
     ],
-    research_id: [{ required: true, message: "请选择", trigger: "change" }],
-    tenant_id: [
+    researchId: [{ required: true, message: "请选择", trigger: "change" }],
+    tenantId: [
       {
         required: true,
         message: "请选择",
@@ -229,7 +229,7 @@ const data = reactive({
     major: [{ required: true, message: "请输入", trigger: "blur" }],
     job: [{ required: true, message: "请输入", trigger: "blur" }],
     title: [{ required: true, message: "请输入", trigger: "blur" }],
-    work_at: [
+    workTime: [
       {
         required: true,
         message: "从业时间不能为空",
@@ -261,7 +261,7 @@ const cityFormRef = ref();
 const fieldFormRef = ref();
 const keywordsFormRef = ref();
 const researchsFormRef = ref();
-
+const setLaboratory = () => {};
 const validateForm = async () => {
   let formValid;
   try {
@@ -272,7 +272,7 @@ const validateForm = async () => {
   const cityFormValid = await cityFormRef.value.validateForm(); // 城市选择表单验证
   const fieldFormValid = await fieldFormRef.value.validateForm(); // 领域选择表单验证
   const keywordsFormValid = await keywordsFormRef.value.validateForm(); // 关键词表单验证
-  const researchsFormValid = await researchsFormRef.value.validateForm();
+  const researchsFormValid = await researchsFormRef.value.validateForm(); // 研究方向表单验证
   return (
     formValid &&
     cityFormValid &&

src/views/components/FieldSingle/index.vue

@@ -64,8 +64,58 @@
     </el-row>
   </el-form>
 </template>
-<script>
-import { industry } from "@/api/config";
+
+<script setup>
+import { listSysIndustry } from "@/api/config";
+import { reactive, toRefs } from "vue";
+const props = defineProps({
+  modelValue: Object,
+  labelWidth: {
+    type: Number,
+    default: 120,
+  },
+});
+const { modelValue, labelWidth } = toRefs(props);
+const data = reactive({
+  rules: {
+    industrys: [
+      {
+        type: "array",
+        required: true,
+        message: "请选择",
+        trigger: "change",
+      },
+    ],
+  },
+});
+
+const { rules } = toRefs(data);
+const levelI = ref([]);
+const levelII = ref([]);
+const levelIII = ref([]);
+
+// 获取领域树形列表
+const getIndustryTreeData = async () => {
+  const { data } = await listSysIndustry();
+  levelI.value = data;
+};
+
+const levelIChange = async (item) => {
+  delete modelValue.value.industrys[1];
+  delete modelValue.value.industrys[2];
+  levelII.value = levelI.value.find((el) => {
+    return el.id === item;
+  }).children;
+};
+
+const levelIIChange = async (item) => {
+  delete modelValue.value.industrys[2];
+  levelIII.value = levelII.value.find((el) => el.id === item).children;
+};
+getIndustryTreeData();
+</script>
+<!-- <script>
+// import { industry } from "@/api/config";
 export default {
   props: {
     modelValue: Object,
@@ -143,4 +193,4 @@ export default {
     });
   },
 };
-</script>
+</script> -->