库存欠缺入库测试

ruoyi-ui/src/views/oa/project/index.vue

@@ -528,7 +528,7 @@
                 </el-row>
               </el-form>
               <div class="dialog-footer">
-                <el-button type="primary" @click="submitForm">保存1</el-button>
+                <el-button type="primary" @click="submitForm">保存</el-button>
                 <!--                <el-button @click="cancel">取 消</el-button>-->
               </div>
             </el-tab-pane>
@@ -587,6 +587,7 @@
                             {{ item.beginTime }} 至 {{ item.finishTime }}
                           </el-descriptions-item>
 
+
                           <el-descriptions-item label-style="width:120px;text-align: center;" span="2">
                             <template slot="label">
                               <i class="el-icon-tickets"></i>
@@ -597,6 +598,17 @@
                             </el-tag>
                           </el-descriptions-item>
 
+
+                          <el-descriptions-item span="4">
+                            <template slot="label">
+                              <i class="el-icon-office-building"></i>
+                              涉及工人
+                            </template>
+                            <el-tag type="info" v-for="item in item.workerList" style="margin: 0 5px">
+                              {{item.nickName}}
+                            </el-tag>
+                          </el-descriptions-item>
+
                           <el-descriptions-item span="4">
                             <template slot="label">
                               <i class="el-icon-office-building"></i>
@@ -699,6 +711,26 @@
                       </el-col>
                     </el-form-item>
                   </el-col>
+                  <el-col :span="24">
+                    <el-form-item  label="涉及工人"  prop="workerList">
+                      <el-select
+                        v-model="taskForm.workerList"
+                        multiple
+                        filterable
+                        remote
+                        reserve-keyword
+                        placeholder="请输入关键词"
+                        :remote-method="remoteMethod"
+                        :loading="queryLoading">
+                        <el-option
+                          v-for="item in workerList"
+                          :key="item.id"
+                          :label="item.nickName"
+                          :value="item.userId">
+                        </el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
 
                   <el-col :span="12">
                     <el-form-item label="优先级" prop="taskGrade">
@@ -1145,6 +1177,7 @@ import {addTask, getTaskByDictType, listTaskByType} from "@/api/oa/task";
 import {getDicts} from "@/api/system/dict/data";
 import {findContractByProjectId, getOaContract, selectContractByProjectId} from "@/api/oa/oaContract";
 import {listByIds} from "@/api/system/oss";
+import {listWorker} from "@/api/system/user";
 
 export default {
   name: "Project",
@@ -1155,6 +1188,8 @@ export default {
       buttonLoading: false,
       // 遮罩层
       loading: true,
+      // 工人列表检索loading
+      queryLoading:false,
       reverse: true,
       // 选中数组
       ids: [],
@@ -1195,6 +1230,8 @@ export default {
       desTitle: '8888',
       projectNum: '',
       contractForm: {},
+      // 工人列表
+      workerList:[],
       //附件
       fileList: [],
       //详情lable背景
@@ -1316,10 +1353,19 @@ export default {
   },
   created() {
     this.getList();
-    this.getDicts()
+    this.getDicts();
+    this.getWorkerList();
   },
 
   methods: {
+
+
+    /** 获取工人初始列表 */
+    getWorkerList(){
+      listWorker().then(res=>{
+        this.workerList =  res.rows
+      })
+    },
     /**new-工作类型进度**/
     getTaskByDictType(pid) {
       getTaskByDictType(pid).then(res => {
@@ -1716,6 +1762,23 @@ export default {
       this.download('oa/project/export', {
         ...this.queryParams
       }, `project_${new Date().getTime()}.xlsx`)
+    },
+
+    /** 搜索方法 */
+    remoteMethod(query) {
+      if (query !== '') {
+        this.queryLoading = true;
+          listWorker().then(res=>{
+            console.log(res.rows)
+            this.workerList =  res.rows.filter(item => {
+              return item.nickName.toLowerCase()
+                .indexOf(query.toLowerCase()) > -1;
+            });
+            this.queryLoading = false;
+          })
+      } else {
+        this.workerList = [];
+      }
     }
   }
 };