试验负责人选择

src/views/modules/common/Chooselist.vue

@@ -3,6 +3,7 @@
              :close-on-click-modal="false"  :close-on-press-escape="false"
              @close="closeDialog"
              :visible.sync="visible"
+             append-to-body
              width="685px" v-drag>
     <el-form label-position="top"
              inline="inline"

src/views/modules/erf/components/expApplyForm.vue

@@ -75,11 +75,8 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="试验负责人">
-            <el-input
-              v-model="saveHeaderData.projectLeader"
-              :readonly="readonly"
-              placeholder="请输入试验负责人">
-            </el-input>
+            <span v-if="!readonly" style="cursor: pointer" slot="label" @click="getBaseList(103)"><a href="#">试验负责人</a></span>
+            <el-input v-model="saveHeaderData.projectLeader" disabled></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -200,17 +197,21 @@
         </el-row>
       </template>
     </el-form>
+
+    <!-- 用户选择弹窗 -->
+    <Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
   </div>
 </template>
 
 <script>
 import { saveExpApply } from '@/api/erf/erf'
 import { getBuList } from '@/api/factory/site'
+import Chooselist from '@/views/modules/common/Chooselist'
 
 export default {
   name: 'ExpApplyForm',
 
-  components: {},
+  components: { Chooselist },
 
   props: {
     applyData: {
@@ -237,7 +238,8 @@ export default {
         productType: '',
         quantityReq: '',
         expectedFinishDate: '',
-        projectLeader: '',
+        projectLeaderName: this.$store.state.user.name,
+        projectLeader: this.$store.state.user.userDisplay,
         contactMethod: '',
         processRequirement: '',
         creatorUserId: this.$store.state.user.id,
@@ -259,7 +261,8 @@ export default {
         ]
       },
 
-      isEdit: false
+      isEdit: false,
+      tagNo: 0
     }
   },
 
@@ -323,6 +326,29 @@ export default {
       })
     },
 
+    /**
+     * 打开用户选择弹窗
+     * @param val tagNo标识
+     */
+    getBaseList(val) {
+      this.tagNo = val
+      this.$nextTick(() => {
+        let strVal = ''
+        this.$refs.baseList.init(val, strVal, '')
+      })
+    },
+
+    /**
+     * 用户选择弹窗回调
+     * @param val 选中的用户数据
+     */
+    getBaseData(val) {
+      if (this.tagNo === 103) {
+        this.saveHeaderData.projectLeaderName = val.username
+        this.saveHeaderData.projectLeader = val.user_display
+      }
+    },
+
     /**
      * 获取状态类型
      */

src/views/modules/erf/components/expRawMaterialList.vue

@@ -203,11 +203,6 @@ export default {
       type: Boolean,
       default: false
     },
-    // 组件高度
-    height: {
-      type: Number,
-      default: 300
-    }
   },
 
   data() {