From 195bb5267a6ece13363303e177fee7d1fa3941aa Mon Sep 17 00:00:00 2001
From: jinlin <jinlin>
Date: 星期二, 19 十一月 2024 15:25:25 +0800
Subject: [PATCH] 修改

---
 web/src/views/modules/taskReliability/OperatCondit.vue |   58 ++++++++++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 48 insertions(+), 10 deletions(-)

diff --git a/web/src/views/modules/taskReliability/OperatCondit.vue b/web/src/views/modules/taskReliability/OperatCondit.vue
index 4bd53e3..f5ed568 100644
--- a/web/src/views/modules/taskReliability/OperatCondit.vue
+++ b/web/src/views/modules/taskReliability/OperatCondit.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
-    <el-row :gutter="16">
-      <el-col :span="14">
+    <el-row>
+      <el-col :span="collapseTransition">
         <div class="mod-taskReliability-operatCondit}">
           <div class="fa-card-a">
             <div style="margin-top: 10px">
@@ -9,23 +9,23 @@
                          @change="onProductSelected"/>
             </div>
             <zt-table-wraper ref="tableObj" query-url="/taskReliability/OperatCondit/page" defaultNotQuery="true"
-                             delete-url="/taskReliability/OperatCondit"
+                             delete-url="/taskReliability/OperatCondit/"
                              v-slot="{ table }" :paging='false'>
               <el-form :inline="true" :model="dataForm" @keyup.enter.native="table.query()">
                 <el-form-item>
-                  <zt-button v-if="dataForm.productId" type="query" @click="table.query()"/>
+                  <!--<zt-button v-if="dataForm.productId" type="query" @click="table.query()"/>-->
                   <zt-button v-if="dataForm.productId" type="add" @click="add()"/>
                   <zt-button v-if="dataForm.productId" type="delete" @click="table.deleteHandle()"/>
                 </el-form-item>
               </el-form>
               <el-table v-loading="table.dataLoading" :data="table.dataList" height="100px"
-                        :highlight-current-row="isSelect"
-                        v-adaptive="{bottomOffset:70}"
+                        :row-class-name="tableRowClassName"
+                        v-adaptive="{bottomOffset:30}"
                         border @row-click="selectOperatCondit" @selection-change="table.selectionChangeHandle">
                 <el-table-column type="selection" width="40" align="center"/>
                 <el-table-column prop="name" label="宸ュ喌鍚嶇О"/>
                 <el-table-column prop="remark" label="澶囨敞"
-                /
+                />
                 <zt-table-column-handle :table="table"
                                         delete-perm="taskReliability::delete"/>
               </el-table>
@@ -37,25 +37,34 @@
       </el-col>
       <el-col :span="10">
         <div class="fa-card-a">
-          <opera-condit-model ref="model"/>
+          <opera-condit-model ref="model" @collapseTransitionChange="collapseTransitionChange"/>
         </div>
       </el-col>
+      <el-col :span="14 - collapseTransition">
+        <div class="fa-card-a">
+          <model-view ref="modelView" @closeWindow="closeWindow"></model-view>
+        </div>
+      </el-col>
+
     </el-row>
   </div>
 </template>
 
 <script>
   import AddOrUpdate from './OperatCondit-AddOrUpdate'
+  import ModelView from "./ModelView";
   import OperaConditModel from "./OperatConditModel";
 
   export default {
     data() {
       return {
+        collapseTransition:14,
         productList: [],
         dataForm: {
           productId: '',
         },
         isSelect: false,
+        currentId: ''
       }
     },
     mounted() {
@@ -63,9 +72,9 @@
     },
     components: {
       OperaConditModel,
-      AddOrUpdate
+      AddOrUpdate,
+      ModelView
     },
-
     methods: {
       add() {
         this.$refs.AddOrUpdate.$refs.dialog.init(null, {productId: this.dataForm.productId})
@@ -78,8 +87,14 @@
         let res = await this.$http.get('/basicInfo/XhProductModel/getTaskProductList')
         this.productList = res.data
         console.log(this.productList, ' async getTaskProductList()')
+        this.onProductSelected(this.productList[0])
       },
       selectOperatCondit(row) {
+        if (this.$refs.model.isChange) {
+          this.$alert("鏈夋湭淇濆瓨鐨勫伐鍐垫ā鍨�")
+          return;
+        }
+        this.currentId = row.id
         this.$emit('selectOperatCondit', row)
         let param = {
           row: row,
@@ -87,6 +102,29 @@
         }
         this.$refs.model.init(param)
       },
+      tableRowClassName({row, rowIndex}) {
+        if (row.id === this.currentId) {
+          return 'select-row';
+        } else {
+          return 'not-select-row';
+        }
+      },
+      collapseTransitionChange(param){
+        console.log(param,'collapseTransition')
+        this.collapseTransition = param.collapseTransition
+        this.$nextTick(() => {
+          this.$refs.modelView.init(param)
+        })
+      },
+      closeWindow(collapseTransition){
+        this.collapseTransition = collapseTransition
+        this.$refs.tableObj.query()
+      }
     }
   }
 </script>
+<style>
+  .el-table .select-row {
+    background: rgba(23, 179, 163, 0.2) !important;
+  }
+</style>

--
Gitblit v1.9.1