标准合规评估修改

src/pages/processCenter/pages/creatProcess/xmpg/step3.vue

@@ -136,13 +136,18 @@
         </process-title>
         <div class="tableTitle">
           <div class="tableButton">
-            <el-button plain class="common-button-primary" size="mini" @click="choiceZRRS('', 2, '')">批量分发落实人
+            <el-button class="common-button-primary" plain size="mini" @click="addProject">添加
+            </el-button>
+            <el-button plain class="common-button-primary" type="primary" size="mini" @click="deleteList">批量删除
+            </el-button>
+            <el-button plain class="common-button-primary" type="primary" size="mini" @click="choiceZRRS('', 2, '')">
+              批量分发落实人
             </el-button>
           </div>
         </div>
         <el-table
           ref="multipleTable"
-          :data="listForm.breakdownList.slice((currentPage - 1) * pageSize, currentPage * pageSize ) "
+          :data="breakdownList.slice((currentPage - 1) * pageSize, currentPage * pageSize ) "
           style="width: 100%; border: 1px solid #cccccc;height: 400px"
           height="48%"
           border
@@ -225,9 +230,9 @@
           background
           :page-sizes="[20, 40, 60]"
           :total="total"
+          @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
-        >
+        />
-        </el-pagination>
         <!--    选择责任人-->
         <Role-tree
           is-title="选择落实人"
@@ -305,7 +310,102 @@
         <loading :loading="loading">流程列表加载中</loading>
       </div>
     </div>
-
+    <!--    添加项目抽屉-->
+    <el-drawer
+      title="添加项目"
+      :visible.sync="projectModel"
+      size="900px"
+      custom-class="demo-drawer"
+    >
+      <div class="demo-drawer-content">
+        <div style="position: absolute;bottom: 48px;top:60px;left: 0;right: 0">
+          <div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0">
+            <div class="left">
+              <el-form :modal="standardSearch" :inline="true" class="label-input-form"
+                       style="margin-left:10px">
+                <el-form-item label="项目编号" class="search-item search-item-last">
+                  <el-input
+                    v-model="standardSearch.projectNumber"
+                    placeholder="请输入项目编号"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="项目名称" class="search-item search-item-last">
+                  <el-input
+                    v-model="standardSearch.projectName"
+                    placeholder="请输入项目名称"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item class="search-item btn-box">
+                  <el-button
+                    type="primary"
+                    class="common-button-primary"
+                    size="small"
+                    @click="getProject">
+                    查询
+                  </el-button>
+                </el-form-item>
+                <el-form-item class="search-item btn-box">
+                  <el-button
+                    class="common-button-default"
+                    size="small"
+                    @click="clearStandSearch">清空
+                  </el-button>
+                </el-form-item>
+              </el-form>
+            </div>
+            <el-table
+              :data="projectData"
+              tooltip-effect="dark"
+              style="width: 100%"
+              border
+              ref="table"
+              height="100%"
+              :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
+         fontWeight: 'bold', height: '48px'}"
+              @selection-change="selectThree"
+            >
+              <el-table-column
+                type="selection"
+                width="55"
+                align="center">
+              </el-table-column>
+              <el-table-column
+                prop="productLine"
+                align="center"
+                label="产品线"
+              />
+              <el-table-column
+                prop="projectName"
+                min-width="300"
+                align="center"
+                label="项目名称"
+              />
+              <el-table-column
+                prop="projectNumber"
+                align="center"
+                label="项目编号"
+              />
+              <el-table-column
+                prop="projectGroup"
+                align="center"
+                label="项目群"
+              />
+            </el-table>
+          </div>
+          <pagination
+            :page="pageNo"
+            :pageSize="pageSizeNo"
+            :total="totalNo"
+            @pageChange="pageChangeNo"
+            @pageSizeChange="pageSizeChangeNo"
+          />
+        </div>
+      </div>
+      <div class="demo-drawer-footer">
+        <el-button size="mini" @click="cancelStand">取消</el-button>
+        <el-button type="primary" size="mini" @click="okStand">添加</el-button>
+      </div>
+    </el-drawer>
     <ProcessFooter
       show-save
       show-transfer
@@ -333,7 +433,7 @@
 import ProcessHeader from "../../components/ProcessHeader";
 import ProcessFooter from "../../components/ProcessFooter";
 import ProcessTitle from "../../components/ProcessTitle";
-import { inboundLiaisonDetail, saveTaskForPub, changeAssigneeNew } from "api/process";
+import { changeAssigneeNew, inboundLiaisonDetail, saveTaskForPub } from "api/process";
 
 export default {
   name: "xmpgStep3",
@@ -344,6 +444,22 @@ export default {
   },
   data() {
     return {
+      projectModel: false,
+      projectData: [],
+      projectLineId: [],
+      projectJson: {},
+      totalNo: 0,
+      selectProject: [],
+      //查询添加标准相关数据
+      standardSearch: {
+        projectNumber: "",
+        projectName: "",
+        pageNo: 1,
+        pageSizeNo: this.$store.getters.userInfo.configContent
+      },
+      breakdownList: [],
+      pageNo: 1,
+      pageSizeNo: this.$store.getters.userInfo.configContent,
       //折叠的标志，true为折叠，false为不折叠
       foldFormFlag: false,
       currentPage: 1,
@@ -520,6 +636,9 @@ export default {
     handleCurrentChange(currentPage) {
       this.currentPage = currentPage;
     },
+    handleSizeChange(pageSize) {
+      this.pageSize = pageSize;
+    },
     getData() {
       return new Promise((resolve, reject) => {
         inboundLiaisonDetail({
@@ -538,54 +657,141 @@ export default {
      * @description: 动态表单读取
      */
     getFormFieldList(item) {
-      console.log(item);
+      this.projectJson = JSON.parse(JSON.stringify(item));
       this.listForm = JSON.parse(JSON.stringify(item));
       if (item.form === undefined) {
         this.listForm.prcNum = this.prcNum;
         this.listForm.prcName = this.prcName;
         this.listForm["id"] = item.id;
         this.listForm = JSON.parse(JSON.stringify(item.pepdtos[0]));
-        this.listForm.breakdownList = [];
+        let projectLineList = item.pepdtos[0].dataList;
-        for (let i = 0; i < item.pepdtos.length; i++) {
+        projectLineList.forEach(item => {
-          for (let j = 0; j < item.pepdtos[i].breakdownList.length; j++) {
+          this.projectLineId = item.productLine;
-            if (item.pepdtos[i].xcxssrq === null) {
+        });
-              item.pepdtos[i].xcxssrq = "";
+        this.getProject();
-            }
-            if (item.pepdtos[i].zccssrq === null) {
-              item.pepdtos[i].zccssrq = "";
-            }
-            this.listForm.breakdownList.push({
-              itemsName: item.pepdtos[i].breakdownList[j].itemsName,
-              itemNum: item.pepdtos[i].breakdownList[j].itemsNum,
-              technicalRequir: item.pepdtos[i].breakdownList[j].technicalRequir,
-              changePoint: item.pepdtos[i].breakdownList[j].changePoint,
-              responsibleEngineer: item.pepdtos[i].breakdownList[j].responsibleEngineer,
-              responsibleUnit: item.pepdtos[i].breakdownList[j].responsibleUnit,
-              productLine: item.pepdtos[i].sarStandProjectLibraries.productLine,
-              projectNumber: item.pepdtos[i].sarStandProjectLibraries.projectNumber,
-              projectName: item.pepdtos[i].sarStandProjectLibraries.projectName,
-              implementer: item.pepdtos[i].breakdownList[j].implementer || null,
-              distributePerson: item.pepdtos[i].distributePerson,
-              distributePersonId: item.pepdtos[i].distributePersonId,
-              uname: item.pepdtos[i].uname,
-              projectManager: item.pepdtos[i].projectManager,
-              certifiedEngineerName: item.pepdtos[i].certifiedEngineerName,
-              qualityEngineerName: item.pepdtos[i].qualityEngineerName,
-              standNumber: item.pepdtos[i].standNumber,
-              standName: item.pepdtos[i].standName,
-              id: item.pepdtos[0].id,
-              xcxssrq: item.pepdtos[i].XCXSSRQ,
-              zccssrq: item.pepdtos[i].ZCCSSRQ
-            });
-            this.total = this.listForm.breakdownList.length
-          }
-        }
       } else {
         this.listForm = item.form;
-        this.listForm.breakdownList = item.form.breakdownList;
+        this.breakdownList = item.form.breakdownList;
       }
 
     },
+    getProject() {
+      this.$http.get("sarStandProjectLibrary/queryProjectUnderLine", {
+        productLine: this.projectLineId,
+        current: this.pageNo,
+        pageSize: this.pageSizeNo,
+        projectName: this.standardSearch.projectName,
+        projectNumber: this.standardSearch.projectNumber
+      }, {
+        _this: this
+      }, res => {
+        this.projectData = res.data.records;
+        this.totalNo = res.data.total;
+      });
+    },
+    clearStandSearch() {
+      this.standardSearch = {
+        projectName: "",
+        projectNumber: ""
+      };
+      this.getProject();
+    },
+    okStand() {
+      if (!this.selectProject.length) {
+        this.$message.warning("请至少选择一条产品线进行添加");
+      } else {
+        let proList = this.projectJson.pepdtos[0].dataList;
+        this.selectProject.map(item => {
+          proList.forEach(items => {
+            if (item.productLine === items.productLine) {
+              items.sarStandProjectLibraries.push(item);
+            }
+          });
+        });
+        this.projectJson.pepdtos[0].dataList = proList;
+        this.$http.post("activityData/backData", {
+          json: JSON.stringify(this.projectJson.pepdtos[0])
+        }, {
+          _this: this
+        }, res => {
+          let item = JSON.parse(res.data);
+          for (let i = 0; i < item.pepdtos.length; i++) {
+            for (let j = 0; j < item.pepdtos[i].breakdownList.length; j++) {
+              if (item.pepdtos[i].xcxssrq === null) {
+                item.pepdtos[i].xcxssrq = "";
+              }
+              if (item.pepdtos[i].zccssrq === null) {
+                item.pepdtos[i].zccssrq = "";
+              }
+              this.breakdownList.push({
+                itemsName: item.pepdtos[i].breakdownList[j].itemsName,
+                itemNum: item.pepdtos[i].breakdownList[j].itemsNum,
+                technicalRequir: item.pepdtos[i].breakdownList[j].technicalRequir,
+                changePoint: item.pepdtos[i].breakdownList[j].changePoint,
+                responsibleEngineer: item.pepdtos[i].breakdownList[j].responsibleEngineer,
+                responsibleUnit: item.pepdtos[i].breakdownList[j].responsibleUnit,
+                productLine: item.pepdtos[i].sarStandProjectLibraries.productLine,
+                projectNumber: item.pepdtos[i].sarStandProjectLibraries.projectNumber,
+                projectName: item.pepdtos[i].sarStandProjectLibraries.projectName,
+                implementer: item.pepdtos[i].breakdownList[j].implementer || null,
+                distributePerson: item.pepdtos[i].distributePerson,
+                distributePersonId: item.pepdtos[i].distributePersonId,
+                uname: item.pepdtos[i].uname,
+                projectManager: item.pepdtos[i].projectManager,
+                certifiedEngineerName: item.pepdtos[i].certifiedEngineerName,
+                qualityEngineerName: item.pepdtos[i].qualityEngineerName,
+                standNumber: item.pepdtos[i].standNumber,
+                standName: item.pepdtos[i].standName,
+                id: item.pepdtos[0].id,
+                xcxssrq: item.pepdtos[i].XCXSSRQ,
+                zccssrq: item.pepdtos[i].ZCCSSRQ
+              });
+              this.total = this.breakdownList.length;
+            }
+          }
+        });
+        this.projectModel = false;
+      }
+
+    },
+    //批量删除
+    deleteList() {
+      if (!this.selectList.length) {
+        this.$message.warning("请至少选择一条数据进行删除");
+      } else {
+        this.$confirm("您确认删除这些数据?", "提示", {
+          confirmButtonText: "确认",
+          confirmButtonClass: "common-button-primary",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          let exits = [];
+          this.selectList.map(item => {
+            let index;
+            index = this.breakdownList.findIndex(items => {
+              return items.itemsName === item.itemsName;
+            });
+            if (index > -1) {
+              this.breakdownList.splice(index, 1);
+            }
+            exits.push(item);
+          });
+          this.selectList = [];
+        }).catch(() => {
+        });
+      }
+    },
+    cancelStand() {
+      this.projectModel = false;
+    },
+    pageChangeNo(page) {
+      this.pageNo = page;
+      this.getProject();
+    },
+    pageSizeChangeNo(pageSize) {
+      this.pageSizeNo = pageSize;
+      this.getProject();
+    },
     checkedRole(data) {
       var idList = "";
       var nameList = "";
@@ -598,10 +804,10 @@ export default {
         nameList += item.name;
       });
       if (this.type === 1) {
-        this.listForm.breakdownList[this.lsIndex].implementerId = idList;
+        this.breakdownList[this.lsIndex].implementerId = idList;
-        this.listForm.breakdownList[this.lsIndex].implementer = nameList;
+        this.breakdownList[this.lsIndex].implementer = nameList;
       } else if (this.type === 2) {
-        this.listForm.breakdownList.forEach(item => {
+        this.breakdownList.forEach(item => {
           this.selectStandList.forEach(items => {
             if (item === items) {
               item.implementerId = idList;
@@ -613,20 +819,20 @@ export default {
       }
       this.modalshowflag = false;
     },
-    cancleUserInfo() {
+    addProject() {
-      this.modalshowflag = false;
+      this.projectModel = true;
     },
     choiceZRRS(row, type, index) {
-     this.selectStandList = this.selectList
+      this.selectStandList = this.selectList;
       this.type = type;
       if (type === 1) {
         this.drawerTitle = "选择责任人";
         this.nodeList = [];
         this.lsIndex = index;
         this.lsType = type;
-        if(row.implementerId){
+        if (row.implementerId) {
           this.nodeList = row.implementerId.split(",");
-        }else{
+        } else {
           this.nodeList.push(row);
         }
         this.modalshowflag = true;
@@ -678,9 +884,9 @@ export default {
     //提交事件
     handleSubmit() {
       let standList = []
-      this.listForm.breakdownList.forEach(item => {
+      this.breakdownList.forEach(item => {
         if (item.implementer) {
-          standList.push(item)
+          standList.push(item);
         }
       });
         this.listForm.breakdownList = standList
@@ -722,8 +928,8 @@ export default {
       console.log(data);
       this.selectList = data;
     },
-    selectThree() {
+    selectThree(data) {
-
+      this.selectProject = data;
     },
     pageChange(page) {
       this.page = page;