From 0acdfa4f57391a820f1289851c29c229b231eae7 Mon Sep 17 00:00:00 2001
From: wws <18630710203@163.com>
Date: Thu, 12 Oct 2023 14:53:01 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E5=A4=87=E7=AE=A1=E7=90=86-=E6=A3=80?=
 =?UTF-8?q?=E6=9F=A5=E9=A1=B9=E7=BB=B4=E6=8A=A4V2(=E5=85=B3=E8=81=94?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/device/item.js                        |  16 +
 src/views/device/item/index.vue               | 287 ++++++++++++------
 .../technology/proroute/routeprodproduct.vue  |   2 +-
 3 files changed, 204 insertions(+), 101 deletions(-)

diff --git a/src/api/device/item.js b/src/api/device/item.js
index 44f1d1bc..9e977fcd 100644
--- a/src/api/device/item.js
+++ b/src/api/device/item.js
@@ -1,5 +1,21 @@
 import request from '@/utils/request'
 
+// 查询检查项维护详细
+export function getEquipmentCodeList(itemCode) {
+  return request({
+    url: '/device/item/getEquipmentCodeList/' + itemCode,
+    method: 'get'
+  });
+}
+
+// 查询检查项维护详细
+export function getEquipmentList() {
+  return request({
+    url: '/device/item/getEquipmentList',
+    method: 'get'
+  });
+}
+
 // 查询检查项维护列表
 export function listItem(query) {
 	return request({
diff --git a/src/views/device/item/index.vue b/src/views/device/item/index.vue
index a7ce3363..67b082e4 100644
--- a/src/views/device/item/index.vue
+++ b/src/views/device/item/index.vue
@@ -178,17 +178,17 @@
         >删除
         </el-button>
       </el-col>
-<!--      <el-col :span="1.5">-->
-<!--        <el-button-->
-<!--          type="warning"-->
-<!--          plain-->
-<!--          icon="el-icon-download"-->
-<!--          size="mini"-->
-<!--          @click="handleExport"-->
-<!--          v-hasPermi="['device:item:export']"-->
-<!--        >导出-->
-<!--        </el-button>-->
-<!--      </el-col>-->
+      <!--      <el-col :span="1.5">-->
+      <!--        <el-button-->
+      <!--          type="warning"-->
+      <!--          plain-->
+      <!--          icon="el-icon-download"-->
+      <!--          size="mini"-->
+      <!--          @click="handleExport"-->
+      <!--          v-hasPermi="['device:item:export']"-->
+      <!--        >导出-->
+      <!--        </el-button>-->
+      <!--      </el-col>-->
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
@@ -251,96 +251,117 @@
 
     <!-- 添加或修改检查项维护对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="90px">
-        <!-- 第一行 -->
-        <el-row>
-          <!-- 第一列 -->
-          <el-col :span="6">
-            <el-form-item label="检查项">
-              <el-input v-model="form.itemName" placeholder="请输入检查项"></el-input>
+      <el-tabs type="border-card">
+        <el-tab-pane label="检查项配置">
+          <el-form ref="form" :model="form" :rules="rules" label-width="90px">
+            <!-- 第一行 -->
+            <el-row>
+              <!-- 第一列 -->
+              <el-col :span="6">
+                <el-form-item label="检查项">
+                  <el-input v-model="form.itemName" placeholder="请输入检查项"></el-input>
+                </el-form-item>
+              </el-col>
+              <!-- 第二列 -->
+              <el-col :span="6" :offset="1">
+                <el-form-item label="维护类型">
+                  <el-select v-model="form.itemType" placeholder="请选择维护类型" clearable>
+                    <el-option
+                      v-for="dict in dict.type.device_item_type"
+                      :key="dict.value"
+                      :label="dict.label"
+                      :value="dict.value"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <!-- 第三列 -->
+              <el-col :span="7" :offset="1">
+                <el-form-item label-width="100px" label="检查方法/工具">
+                  <el-input v-model="form.itemMethod" placeholder="请输入检查方法/工具"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <!-- 动态表单 -->
+            <div v-for="(item, index) in formStandard" :key="index">
+              <!-- 标准类型 -->
+              <el-row>
+                <el-col :span="7">
+                  <el-form-item label="标准类型">
+                    <el-radio v-model="item.standardType" label="qualitative">定性</el-radio>
+                    <el-radio v-model="item.standardType" label="quantify">定量</el-radio>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <!-- 单选-动态表单 -->
+              <el-row v-if="item.standardType === 'qualitative'">
+                <el-col :span="6">
+                  <el-form-item label="标准名称">
+                    <el-input v-model="item.standardName" placeholder="请输入标准名称"></el-input>
+                  </el-form-item>
+                </el-col>
+                <!-- 操作 -->
+                <el-col :span="4" class="my-dynamic-btn">
+                  <el-button size="small" v-if="formStandard.length > 1" @click="removeStandard(index)" type="danger">删除
+                  </el-button>
+                  <el-button size="small" v-if="index === formStandard.length - 1" @click="addStandard" type="primary">
+                    添加
+                  </el-button>
+                </el-col>
+              </el-row>
+              <el-row v-else>
+                <el-col :span="6">
+                  <el-form-item label="标准名称">
+                    <el-input v-model="item.standardName" placeholder="请输入标准名称"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="4">
+                  <el-form-item label-width="50px" label="上限">
+                    <el-input v-model="item.detailUpLimit" placeholder="请输入上限"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="4">
+                  <el-form-item label-width="50px" label="下限">
+                    <el-input v-model="item.detailDownLimit" placeholder="请输入下限"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="4">
+                  <el-form-item label-width="50px" label="单位">
+                    <el-input v-model="item.detailUnit" placeholder="请输入单位"></el-input>
+                  </el-form-item>
+                </el-col>
+                <!-- 操作 -->
+                <el-col :span="4" class="my-dynamic-btn">
+                  <el-button size="small" v-if="formStandard.length > 1" @click="removeStandard(index)" type="danger">删除
+                  </el-button>
+                  <el-button size="small" v-if="index === formStandard.length - 1" @click="addStandard" type="primary">
+                    添加
+                  </el-button>
+                </el-col>
+              </el-row>
+            </div>
+            <!-- 备注 -->
+            <el-form-item label="备注">
+              <el-input v-model="form.itemRemark" placeholder="请输入备注"></el-input>
             </el-form-item>
-          </el-col>
-          <!-- 第二列 -->
-          <el-col :span="6" :offset="0.9">
-            <el-form-item label="维护类型">
-              <el-select v-model="form.itemType" placeholder="请选择维护类型" clearable>
-                <el-option
-                  v-for="dict in dict.type.device_item_type"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <!-- 第三列 -->
-          <el-col :span="7" offset="1">
-            <el-form-item label-width="100px" label="检查方法/工具">
-              <el-input v-model="form.itemMethod" placeholder="请输入检查方法/工具"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <!-- 动态表单 -->
-        <div v-for="(item, index) in formStandard" :key="index">
-          <!-- 标准类型 -->
+          </el-form>
+        </el-tab-pane>
+        <el-tab-pane label="关联设备">
           <el-row>
-            <el-col :span="7">
-              <el-form-item label="标准类型">
-                <el-radio v-model="item.standardType" label="qualitative">定性</el-radio>
-                <el-radio v-model="item.standardType" label="quantify">定量</el-radio>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <!-- 单选-动态表单 -->
-          <el-row v-if="item.standardType === 'qualitative'">
-            <el-col :span="6">
-              <el-form-item label="标准名称">
-                <el-input v-model="item.standardName" placeholder="请输入标准名称"></el-input>
-              </el-form-item>
-            </el-col>
-            <!-- 操作 -->
-            <el-col :span="4" class="my-dynamic-btn">
-              <el-button size="small" v-if="formStandard.length > 1" @click="removeStandard(index)" type="danger">删除
-              </el-button>
-              <el-button size="small" v-if="index === formStandard.length - 1" @click="addStandard" type="primary">添加
-              </el-button>
+            <el-col :span="20" :offset="2">
+              <el-transfer
+                :button-texts="['取消关联', '添加关联']"
+                :titles="['设备列表','已关联设备']"
+                filterable
+                :filter-method="filterMethod"
+                filter-placeholder="请输入设备名称"
+                v-model="selectEquipmentList"
+                :data="equipmentList">
+              </el-transfer>
             </el-col>
           </el-row>
-          <el-row v-else>
-            <el-col :span="6">
-              <el-form-item label="标准名称">
-                <el-input v-model="item.standardName" placeholder="请输入标准名称"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="4">
-              <el-form-item label-width="50px" label="上限">
-                <el-input v-model="item.detailUpLimit" placeholder="请输入上限"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="4">
-              <el-form-item label-width="50px" label="下限">
-                <el-input v-model="item.detailDownLimit" placeholder="请输入下限"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="4">
-              <el-form-item label-width="50px" label="单位">
-                <el-input v-model="item.detailUnit" placeholder="请输入单位"></el-input>
-              </el-form-item>
-            </el-col>
-            <!-- 操作 -->
-            <el-col :span="4" class="my-dynamic-btn">
-              <el-button size="small" v-if="formStandard.length > 1" @click="removeStandard(index)" type="danger">删除
-              </el-button>
-              <el-button size="small" v-if="index === formStandard.length - 1" @click="addStandard" type="primary">添加
-              </el-button>
-            </el-col>
-          </el-row>
-        </div>
-        <!-- 备注 -->
-        <el-form-item label="备注">
-          <el-input v-model="form.itemRemark" placeholder="请输入备注"></el-input>
-        </el-form-item>
-      </el-form>
+        </el-tab-pane>
+      </el-tabs>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
@@ -350,13 +371,24 @@
 </template>
 
 <script>
-import {listItem, getItem, delItem, addItem, updateItem} from "@/api/device/item";
+import {
+  getEquipmentCodeList,
+  getEquipmentList,
+  listItem,
+  getItem,
+  delItem,
+  addItem,
+  updateItem,
+} from "@/api/device/item";
 
 export default {
   name: "Item",
   dicts: ['device_item_type'],
   data() {
     return {
+      // 设备选择穿梭框
+      equipmentList: [],
+      selectEquipmentList: [],
       // 标准列表
       formStandard: [{
         standardType: 'qualitative',
@@ -440,6 +472,7 @@ export default {
         itemMethod: null,
         itemRemark: null,
         formStandard: [],
+        equipmentCodeList: [],
       },
       // 表单校验
       rules: {}
@@ -449,6 +482,20 @@ export default {
     this.getList();
   },
   methods: {
+    // 获取设备List-置入穿梭框信息
+    setTransfer() {
+      getEquipmentList().then(response => {
+        for (let i = 0; i < response.data.length; i++) {
+          this.equipmentList.push({
+            label: response.data[i].equipmentName,
+            key: response.data[i].equipmentCode,
+          })
+        }
+      });
+    },
+    filterMethod(query, item) {
+      return item.label.indexOf(query) > -1;
+    },
     // 动态增加表单
     addStandard() {
       this.formStandard.push({
@@ -505,6 +552,8 @@ export default {
         detailDownLimit: null,
         detailUnit: null,
       }];
+      this.selectEquipmentList = [];
+      this.equipmentList = [];
       this.resetForm("form");
     },
     /** 搜索按钮操作 */
@@ -529,15 +578,24 @@ export default {
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();
+      this.setTransfer();
       this.open = true;
       this.title = "新增检查项";
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
+      this.setTransfer();
       const itemId = row.itemId || this.ids
       getItem(itemId).then(response => {
         this.form = response.data;
+
+        getEquipmentCodeList(row.itemCode).then(response => {
+          for (let i = 0; i < response.data.length; i++) {
+            this.selectEquipmentList.push(response.data[i]);
+          }
+        })
+
         this.formStandard = response.data.formStandard;
         this.open = true;
         this.title = "修改检查项";
@@ -567,6 +625,13 @@ export default {
         })
         return
       }
+      if (this.selectEquipmentList.length == 0) {
+        this.$message({
+          message: "请关联设备！",
+          type: "warning"
+        })
+        return
+      }
       for (let i = 0; i < this.formStandard.length; i++) {
         // 如果为定性
         if (this.formStandard[i].standardType == 'qualitative') {
@@ -615,6 +680,7 @@ export default {
         if (valid) {
           if (this.form.itemId != null) {
             this.form.formStandard = this.formStandard;
+            this.form.equipmentCodeList = this.selectEquipmentList;
             updateItem(this.form).then(response => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
@@ -622,6 +688,7 @@ export default {
             });
           } else {
             this.form.formStandard = this.formStandard;
+            this.form.equipmentCodeList = this.selectEquipmentList;
             addItem(this.form).then(response => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
@@ -634,7 +701,26 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const itemIds = row.itemId || this.ids;
-      this.$modal.confirm('是否确认删除检查项维护编号为"' + itemIds + '"的数据项？').then(function () {
+
+      var itemCodes = '';
+      // 处理信息
+      for (let i = 0; i < this.itemList.length; i++) {
+        for (let j = 0; j < itemIds.length; j++) {
+          if (itemIds[j] == this.itemList[i].itemId) {
+            itemCodes = itemCodes + this.itemList[i].itemCode + ',';
+          }
+        }
+      }
+
+      if (itemCodes == '') {
+        for (let i = 0; i < this.itemList.length; i++) {
+          if (itemIds == this.itemList[i].itemId) {
+            itemCodes = this.itemList[i].itemCode;
+          }
+        }
+      }
+
+      this.$modal.confirm('是否确认删除检查项维护编号为"' + itemCodes + '"的数据项？').then(function () {
         return delItem(itemIds);
       }).then(() => {
         this.getList();
@@ -655,7 +741,8 @@ export default {
 .my-select-input {
   width: 130px;
 }
-.my-dynamic-btn{
+
+.my-dynamic-btn {
   margin-left: 10px;
 }
 </style>
diff --git a/src/views/technology/proroute/routeprodproduct.vue b/src/views/technology/proroute/routeprodproduct.vue
index ed8886a9..b4dd8a3a 100644
--- a/src/views/technology/proroute/routeprodproduct.vue
+++ b/src/views/technology/proroute/routeprodproduct.vue
@@ -162,7 +162,7 @@ export default {
       //--------------------->
       leftList: [],
       rightList: [],
-      titles: ["未关联产品", "已关联产品"],
+      titles: ["未factoryCode", "已关联产品"],
       // 左侧分页数据
       Ltotal: "",
       LPageNum: "1",