1

src/views/adminMeet/index.vue

@@ -7,11 +7,23 @@
         </el-col>
       </el-col>
     </el-row>
+    <el-dialog title="选择会审专家" width="40%" :visible.sync="dialog" @closed="handleClose" :destroy-on-close="true">
+      <data-form :data="form" :fields="formfields" :rules="rules" @save="toSave">
+        <template #custom="{item,form}">
+          <template v-if="item.model == 'expert'">
+            <el-select v-model="form.expert" filterable multiple collapse-tags placeholder="请选择">
+              <el-option v-for="(i, index) in expertList" :key="index" :label="i.name" :value="i.id"></el-option>
+            </el-select>
+          </template>
+        </template>
+      </data-form>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import dataTable from '@common/src/components/frame/filter-page-table.vue';
+import dataForm from '@common/src/components/frame/form.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   metaInfo() {
@@ -21,12 +33,13 @@ export default {
   props: {},
   components: {
     dataTable,
+    dataForm,
   },
   data: function() {
     return {
       opera: [
         {
-          label: '选择专家会审',
+          label: '选择会审专家',
           method: 'change',
         },
       ],
@@ -47,6 +60,16 @@ export default {
         },
       ],
       total: 0,
+      // 选择会审专家
+      dialog: false,
+      form: {},
+      formfields: [{ label: '选择专家', model: 'expert', custom: true }],
+      rules: {},
+      // 专家列表
+      expertList: [
+        { id: '1', name: '专家一' },
+        { id: '2', name: '专家二' },
+      ],
     };
   },
   async created() {
@@ -57,7 +80,19 @@ export default {
     async search({ skip = 0, limit = 10, ...info } = {}) {},
     // 专家评分查看
     toChange({ data }) {
-      this.$router.push({ path: '/adminMeet/detail', query: { id: data.id } });
+      this.dialog = true;
+      // this.$router.push({ path: '/adminMeet/detail', query: { id: data.id } });
+    },
+    // 保存专家信息
+    toSave({ data }) {
+      console.log(data);
+      this.handleClose();
+    },
+    // 取消选择
+    handleClose() {
+      this.form = {};
+      this.dialog = false;
+      this.search();
     },
   },
   computed: {