4444

src/register.js

@@ -27,6 +27,7 @@ import upLoad from '@/views/components/common/upLoad'
 import paraMultiSelect from '@/views/components/common/paraMultiSelect'
 import paraSelect from '@/views/components/common/paraSelect'
 import baseSelect from '@/views/components/common/baseSelect'
+import cascaderSelect from '@/views/components/common/cascaderSelect'
 import Viewer from "v-viewer"
 import 'viewerjs/dist/viewer.css'
 
@@ -39,6 +40,7 @@ Vue.component('fModal', fModal)
 Vue.component('paraMultiSelect', paraMultiSelect)
 Vue.component('paraSelect', paraSelect)
 Vue.component('baseSelect', baseSelect)
+Vue.component('cascaderSelect', cascaderSelect)
 
 // 设置ant日期选择框为中文样式
 import moment from 'moment'

src/views/components/common/cascaderSelect.vue

 <template>
-  <a-cascader :options="options" change-on-select :show-search="{ filter }" :display-render="displayRender" expand-trigger="hover" placeholder="Please select" @change="onChange" />
+  <a-cascader v-model="selected" :style="{width:'80%'}" :options="options" :show-search="{ filter }" :display-render="displayRender" expand-trigger="hover" placeholder="Please select" @change="onChange" />
 </template>
 <script>
-import { specList } from "@/views/components/common/config"
+import { specList, getSpecArray } from "@/views/components/common/config"
 export default {
   name: "cascaderSelect",
   data () {
     return {
-      options: specList
+      options: specList,
+      selected: null,
     };
   },
+  props: {
+    value: {
+      type: String,
+      default () {
+        return null
+      }
+    },
+  },
   created () {
-    console.log(this.options)
+    if (!!this.value) {
+      this.selected = getSpecArray(this.value)
+      // this.$emit("change");
+      // this.$emit("input", this.selected)
+    }
+    console.log(this.selected)
   },
   methods: {
     onChange (value, selectedOptions) {
       console.log(value, selectedOptions);
+      this.selected = value
+      if (!!this.selected && this.selected.length == 3) {
+        this.$emit("input", this.selected[2])
+        this.$emit("change");
+      }
     },
-    displayRender({ labels }) {
+    displayRender ({ labels }) {
       return labels[labels.length - 1];
     },
     filter (inputValue, path) {
       return path.some(option => option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1);
     },
   },
+  watch: {
+    value: {
+      handler (value) {
+        if (!!value) {
+          this.selected = getSpecArray(this.value)
+          if (!!this.selected && this.selected.length == 3) {
+            this.$emit("input", this.selected[2])
+            this.$emit("change");
+          }
+        }
+      },
+    },
+  }
 };
 </script>

src/views/query/project/Index.vue

@@ -15,8 +15,7 @@
       </a-form-item>
       <a-form-item>
         <a-button type="primary" icon="search" @click="search">搜索</a-button>
-        <a-button icon="reload" style="margin-left: 10px" @click="reset" class="bt-normal">重置</a-button>
-        <cascader-select/>
+        <a-button icon="reload" style="margin-left: 10px" @click="reset" class="bt-normal">重置</a-button>       
       </a-form-item>
     </a-form>
     <a-divider style="height: 1px; background-color: #e8e8e8;" />
@@ -54,11 +53,10 @@ import moment from 'moment'
 import { isEmptyParams, filterExportExcelData, tableColumnsName } from "@/views/utils/common";
 import projectView from '@/views/report/project/components/projectView'
 import scoreEdit from '@/views/evaluation/components/scoreEdit'
-import cascaderSelect from '@/views/components/common/cascaderSelect'
 export default {
   name: 'queryProject',
   components: {
-    projectView, scoreEdit, cascaderSelect
+    projectView, scoreEdit
   },
   data () {
     return {

src/views/report/project/components/projectEdit.vue

@@ -311,7 +311,8 @@
         </a-col>
         <a-col :span="20">
           <a-form-model-item prop="knowledgeId">
-            <para-multi-select v-model="formData.knowledgeId" :typeId="57" />
+            <cascader-select v-model="formData.knowledgeId"/>
+            <!-- <para-multi-select v-model="formData.knowledgeId" :typeId="57" /> -->
           </a-form-model-item>
         </a-col>
       </a-row>
@@ -603,7 +604,7 @@ export default {
         unitLinkEmail: [{ required: true, message: '请填写电子邮箱', trigger: 'blur' },],
         unitLinkFax: [{ required: true, message: '请填写传真', trigger: 'blur' },],
         projName: [{ required: true, message: '请填写项目名称', trigger: 'blur' },],
-        knowledgeId: { required: true, message: '请选择>项目所属学科类别', trigger: 'change' },
+        knowledgeId: { required: true, message: '请选择学科代码', trigger: 'change' },
         subjectScope: [{ required: true, message: '请填写选题范围', trigger: 'blur' },],
         projClass: [{ required: true, message: '请填写项目类别', trigger: 'blur' },],
         remark: [{ required: true, message: '请填写附注说明', trigger: 'blur' },],
@@ -691,6 +692,7 @@ export default {
       }
     },
     submit () {
+      console.log(this.formData)
       this.processProjectYearTarget()
       this.$refs.form.validate(valid => {
         if (valid) {