From d3d2d501795afc07c34e84845ffbf15f27730351 Mon Sep 17 00:00:00 2001
From: ljlong_2630 <ljlong_2630@yeah.net>
Date: Tue, 8 Aug 2023 09:22:08 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=A8=A1=E5=9E=8B=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E9=83=A8=E5=88=86=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/self-defined.scss      |   4 +
 src/views/model/devicemodel/addmodel.vue | 162 +++++++++++++++++++----
 src/views/model/devicemodel/index.vue    |   4 +-
 3 files changed, 139 insertions(+), 31 deletions(-)

diff --git a/src/assets/styles/self-defined.scss b/src/assets/styles/self-defined.scss
index 64edb28..56486c8 100644
--- a/src/assets/styles/self-defined.scss
+++ b/src/assets/styles/self-defined.scss
@@ -41,3 +41,7 @@
 .marginbottom20{
     margin-bottom: 5px;
 }
+
+.margintop10{
+    margin-top:10px;
+}
\ No newline at end of file
diff --git a/src/views/model/devicemodel/addmodel.vue b/src/views/model/devicemodel/addmodel.vue
index 605bcd5..68a100e 100644
--- a/src/views/model/devicemodel/addmodel.vue
+++ b/src/views/model/devicemodel/addmodel.vue
@@ -35,7 +35,7 @@
                     :default-checked-keys="defaultCheckedKeys"
                 />
                 </el-form-item>
-                <el-form-item label="模型类别" prop="modelTypeId">
+                <el-form-item label="模型类别" key="selectmodelType" prop="modelTypeId">
                     <el-select v-model="form.modelTypeId" placeholder="请选择模型类别" clearable>
                         <el-option v-for="dict in modeltypeList" :key="dict.id" :label="dict.modelTypeName" :value="dict.id" />
                     </el-select>
@@ -65,34 +65,48 @@
                   <div class="textalignright marginbottom5">
                     <el-button type="primary" style="display: inline-block !important" @click="addParamModel">添加参数模版</el-button>
                   </div>
-                  <el-table :data="tableData" style="width: 100%" max-height="250">
+                  <el-table :data="selectedModelList" style="width: 100%" max-height="250" @cell-dblclick="startEditing">
                     <el-table-column fixed label="序号" width="80">
-                      <template slot-scope="scope">
-                        {{ scope.$index + 1 }}
+                      <template #default="scope" >
+                        <span>{{ scope.$index+1 }}</span>
                       </template>
                     </el-table-column>
-                    <el-table-column prop="name" label="Name" width="120" />
-                    <el-table-column prop="state" label="State" width="120" />
-                    <el-table-column prop="city" label="City" width="120" />
-                    <el-table-column prop="address" label="Address" width="600" />
-                    <el-table-column prop="zip" label="Zip" width="120" />
-                    <el-table-column fixed="right" label="Operations" width="120">
+                    <el-table-column label="ID" align="center" width="55" prop="id" />
+                    <el-table-column label="参数名称" align="center" prop="paramClassName" />
+                    <el-table-column label="参数编码" align="center" prop="paramClassCode" />
+                    <el-table-column label="PLC地址位" align="center" prop="plcAdr">
                       <template #default="scope">
-                        <el-button
-                          link
-                          type="primary"
-                          size="small"
-                          @click.prevent="deleteRow(scope.$index)"
-                        >
-                          Remove
-                        </el-button>
+                        <span v-if="!scope.row.editing">{{ scope.row.editing}}</span>
+                        <el-input v-else v-model="scope.row.plcAdr"  @blur="saveData(scope)"/>
+                      </template>
+                    </el-table-column>
+                    <!-- <el-table-column label="是否可控" align="center" prop="control">
+                      <template #default="scope">
+                        <dict-tag :options="dc_class_type" :value="scope.row.control" />
+                      </template>
+                    </el-table-column> -->
+                    <el-table-column label="类别" align="center" prop="classType">
+                      <template #default="scope">
+                        <dict-tag :options="dc_class_type" :value="scope.row.classType" />
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="分区" align="center" prop="devicePartion">
+                      <template #default="scope">
+                        <dict-tag :options="dc_device_partion" :value="scope.row.devicePartion" />
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="备注" align="center" prop="note" />
+                    <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+                      <template #default="scope">
+                        <el-button type="text" icon="View" @click="handleView(scope.row)">查看</el-button>
+                        <el-button type="text" icon="Edit" @click="handleEdit(scope.row)">编辑</el-button>
                       </template>
                     </el-table-column>
                   </el-table>
                 </div>
             </el-carousel-item>
           </el-carousel>  
-          <div  class="textaligncenter">
+          <div class="textaligncenter">
             <el-form-item  class="widthhalfinlineblock">
               <el-button type="primary" v-if="prevStepButtonShow" @click="prevStep" >上一步</el-button>
               <el-button type="primary" v-if="submitButtonShow" @click="submitForm" >提交</el-button>
@@ -100,7 +114,29 @@
               <el-button @click="cancel">取 消</el-button>
             </el-form-item>
           </div>
-        </el-form> 
+        </el-form>
+        <el-dialog :title="title" v-model="addParamModelShow" width="800px" append-to-body :dc_device_partion="dc_device_partion" :dc_class_type="dc_class_type">
+          <el-table ref="dialogTable" :data="paramModelList" key="newTable" style="width: 100%" max-height="600">
+            <el-table-column type="selection" width="55" :selectable="ifselectable"/>
+            <el-table-column label="ID" align="center" width="55" prop="id" />
+            <el-table-column label="参数名称" align="center" prop="paramClassName" />
+            <el-table-column label="参数编码" align="center" prop="paramClassCode" />
+            <el-table-column label="类别" align="center" prop="classType">
+              <template #default="scope">
+                <dict-tag :options="dc_class_type" :value="scope.row.classType" />
+              </template>
+            </el-table-column>
+            <el-table-column label="分区" align="center" prop="devicePartion">
+              <template #default="scope">
+                <dict-tag :options="dc_device_partion" :value="scope.row.devicePartion" />
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center" prop="note" />
+          </el-table>
+          <div class="textalignright margintop10">
+            <el-button type="primary" @click="selectedSubmit">提交</el-button>
+          </div>
+        </el-dialog> 
       </div>
     </div>
   </template>
@@ -119,10 +155,11 @@
   </style>
   <script setup name="newdevicemodel">
   import { listDevicemodel,addDevicemodel, updateDevicemodel } from "@/api/model/devicemodel";
+  import { listParamclass } from "@/api/model/paramclass";
   import { listModelType} from "@/api/model/modelType";
   import { onMounted, ref } from 'vue';
   const { proxy } = getCurrentInstance();
-  const { dc_available, dc_is_leaf } = proxy.useDict('dc_available', 'dc_is_leaf');
+  const {dc_class_type, dc_device_partion} = proxy.useDict('dc_available', 'dc_is_leaf', 'dc_class_type', 'dc_device_partion');
   const router = useRouter();
   const devicemodelOptions = ref([]);
   const open = ref(false);
@@ -134,6 +171,8 @@
   const submitButtonShow = ref(true);
   const paramModelList = ref([]);
   const addParamModelShow = ref(false);
+  const nordeNumber = ref(1);
+  const selectedModelList = ref([]);
   console.log(router);
   console.log(proxy);
   const tempPid = router.currentRoute._value.query.pid;
@@ -144,6 +183,14 @@
       dc_available:false,
       // pid:tempPid,
     },
+    dc_available: [
+        {label: '可用', value: 'true', elTagType: 'default', elTagClass: null}, 
+        {label: '不可用', value: 'false', elTagType: 'default', elTagClass: null}
+    ],
+    dc_is_leaf: [
+        {label: '是', value: 'true', elTagType: 'default', elTagClass: null}, 
+        {label: '否', value: 'false', elTagType: 'default', elTagClass: null}
+    ],
     queryParams: {
       modelName: null,
       modelCode: null,
@@ -168,7 +215,7 @@
     }
   });
   
-  const { queryParams, form, rules } = toRefs(data);
+  const { queryParams, form, rules, dc_available, dc_is_leaf } = toRefs(data);
      
   // 取消按钮
   function cancel() {
@@ -256,13 +303,17 @@
     }
     function nextStep(){
       console.log("---------------");
-      if(currentStep.value<2){
-        currentStep.value = currentStep.value + 1;
-        proxy.$refs.carousel.next(); 
-        submitButtonShow.value = true;
-        nextStepButtonShow.value = false;
-        prevStepButtonShow.value = true;
-      }
+      proxy.$refs["devicemodelRef"].validate(valid => {
+        // if (valid) {
+          if(currentStep.value<2){
+            currentStep.value = currentStep.value + 1;
+            proxy.$refs.carousel.next(); 
+            submitButtonShow.value = true;
+            nextStepButtonShow.value = false;
+            prevStepButtonShow.value = true;
+          }
+        // }
+      });
     }
     function prevStep(){
         currentStep.value = currentStep.value - 1;
@@ -271,15 +322,68 @@
         nextStepButtonShow.value = true;
         prevStepButtonShow.value = false;
     }
+
+    /** 查询参数模型信息列表 */
     function addParamModel(){
       loading.value = true;
       listParamclass(queryParams.value).then(response => {
           console.log(response);
           paramModelList.value = response.rows;
+          console.log(paramModelList);
           addParamModelShow.value = true;
           loading.value = false;
       });
     }
+
+    function handleView(){
+      
+    }
+
+    function handleEdit(){
+      
+    }
+
+    function selectedSubmit(){
+      const newSelectedList = proxy.$refs.dialogTable.getSelectionRows().map(row => ({
+          ...row,
+          editing: false, // 添加 'editing' 属性并设置初始值为 false
+        }));
+      if(selectedModelList.value.length>0){
+        selectedModelList.value = {
+          ...selectedModelList,
+          ...newSelectedList,
+        }
+      }else{
+        selectedModelList.value = newSelectedList;
+      }
+      
+      console.log(selectedModelList);
+      addParamModelShow.value = false;
+    }
+
+    function startEditing(scope) {
+      console.log(scope);
+      scope.row.editing = true; // 进入编辑模式
+    }
+
+    function saveData(scope) {
+      // 保存数据的逻辑...
+      scope.row.editing = false; // 保存完成后，切换回显示模式
+    }
+
+    function ifselectable(row, index){
+      let flag = true;
+      console.log(selectedModelList.value);
+      if(selectedModelList.value != []){
+        selectedModelList.value.forEach(element => {
+          if(element.id == row.id){
+             flag = false;
+          }
+        });
+      }
+      return flag;
+    }
+
     getTreeselect();
     getModelTypeList();
   </script>
diff --git a/src/views/model/devicemodel/index.vue b/src/views/model/devicemodel/index.vue
index 83f3011..647c902 100644
--- a/src/views/model/devicemodel/index.vue
+++ b/src/views/model/devicemodel/index.vue
@@ -168,7 +168,7 @@
             <el-radio
               v-for="dict in dc_is_leaf"
               :key="dict.value"
-:label="dict.value"
+              :label="dict.value"
             >{{dict.label}}</el-radio>
           </el-radio-group>
         </el-form-item>
@@ -177,7 +177,7 @@
             <el-radio
               v-for="dict in available"
               :key="dict.value"
-:label="dict.value"
+              :label="dict.value"
             >{{dict.label}}</el-radio>
           </el-radio-group>
         </el-form-item>