From 3ca8ce266bf5b06556d80c78b31405e7a54aa4e5 Mon Sep 17 00:00:00 2001
From: jinlin <jinlin>
Date: 星期一, 24 六月 2024 11:01:13 +0800
Subject: [PATCH] 修改

---
 web/src/views/modules/taskReliability/Task.vue |   62 +++++++++++++++++++++++++------
 1 files changed, 50 insertions(+), 12 deletions(-)

diff --git a/web/src/views/modules/taskReliability/Task.vue b/web/src/views/modules/taskReliability/Task.vue
index 634b2ce..fb627c9 100644
--- a/web/src/views/modules/taskReliability/Task.vue
+++ b/web/src/views/modules/taskReliability/Task.vue
@@ -3,32 +3,38 @@
     <div style="margin: 10px 0">
       <zt-select v-model="dataForm.productId" placeholder="璇烽�夋嫨浜у搧鑺傜偣" :datas="productList" @change="onProductSelected"/>
     </div>
-    <zt-table-wraper ref="tableObj" query-url="/taskReliability/Task/page" defaultNotQuery="true"  :paging='false' delete-url="/taskReliability/Task/"
+    <zt-table-wraper ref="tableObj" query-url="/taskReliability/Task/page" defaultNotQuery="true" :paging='false'
+                     delete-url="/taskReliability/Task/"
                      v-slot="{ table }">
       <el-form :inline="true" :model="dataForm" @keyup.enter.native="table.query()">
         <el-form-item>
-          <zt-button v-if="dataForm.productId" type="add" @click="add()" />
+          <zt-button v-if="dataForm.productId" type="add" @click="add()"/>
           <zt-button v-if="dataForm.productId" type="delete" @click="table.deleteHandle()"/>
+          <el-button v-if="dataForm.productId" type="primary" @click="openDialog()">浜岄」鍒嗗竷鍙傛暟</el-button>
         </el-form-item>
       </el-form>
       <el-table v-loading="table.dataLoading" :data="table.dataList" height="100px" v-adaptive="{bottomOffset:30}"
+                border
+                :row-class-name="tableRowClassName"
                 @row-click="selectTask"
                 @selection-change="table.selectionChangeHandle">
         <el-table-column type="selection" width="40" align="center"/>
-        <el-table-column prop="taskName" label="浠诲姟鍚嶇О"/>
+        <el-table-column prop="taskName" label="浠诲姟鍚嶇О" align="center"/>
         <!--<el-table-column prop="taskSort" label="浠诲姟椤哄簭" align="center"/>-->
-        <el-table-column prop="taskDuration" label="浠诲姟鎬绘椂闀�" align="right"/>
+        <el-table-column prop="taskDuration" label="浠诲姟鎬绘椂闀�" align="right" width="120"/>
         <zt-table-column-handle :table="table"
                                 delete-perm="taskReliability::delete"/>
       </el-table>
       <!-- 寮圭獥, 鏂板 / 淇敼 -->
       <add-or-update @refreshDataList="table.query" ref="AddOrUpdate"/>
+      <task-bino-param  ref="taskBinoParam"></task-bino-param>
     </zt-table-wraper>
   </div>
 </template>
 
 <script>
   import AddOrUpdate from './Task-AddOrUpdate'
+  import TaskBinoParam from "./TaskBinoParam";
 
   export default {
     name: 'Task',
@@ -36,37 +42,69 @@
       return {
         productList: [],
         dataForm: {
-          id:'',
+          id: '',
           productId: ''
-        }
+        },
+        currentId: '',
+        isChange: ''
       }
     },
     components: {
+      TaskBinoParam,
       AddOrUpdate
     },
     mounted() {
       this.getTaskProductList()
     },
     methods: {
-      init() {
-
+      init(isChange) {
+        this.isChange = isChange
       },
       add() {
-        this.$refs.AddOrUpdate.$refs.dialog.init(null,{productId: this.dataForm.productId})
+        this.$refs.AddOrUpdate.$refs.dialog.init(null, {productId: this.dataForm.productId})
       },
-      selectTask(row){
-        this.$emit('onTaskSelected',row)
+      openDialog() {
+        if (this.dataForm.id) {
+          this.$refs.taskBinoParam.$refs.dialog.init(null, {taskId: this.dataForm.id})
+        } else {
+          this.$alert("璇烽�夋嫨鍏蜂綋浠诲姟")
+        }
+      },
+      selectTask(row) {
+        this.dataForm.id = row.id
+        this.$emit('onTaskSelected', row)
+        console.log(this.isChange, 'isChange')
+        if (this.isChange) {
+        } else {
+          this.currentId = row.id
+        }
       },
       async getTaskProductList() {
         let res = await this.$http.get('/basicInfo/XhProductModel/getTaskProductList')
         this.productList = res.data
         console.log(this.productList, ' async getTaskProductList()')
       },
-      onProductSelected(data){
+      onProductSelected(data) {
         console.log(data, ' onProductSelected(data)')
         this.dataForm.productId = data.id
         this.$refs.tableObj.query()
+      },
+      tableRowClassName(
+        {
+          row,
+          rowIndex
+        }) {
+        if (row.id == this.currentId) {
+          return 'select-row';
+        } else {
+          return 'not-select-row';
+        }
       }
     }
   }
 </script>
+<style>
+  .el-table .select-row {
+    background: rgba(23, 179, 163, 0.2) !important;
+  }
+</style>

--
Gitblit v1.9.1