✨ Z: Dot: barTask: see: done.

ybf_admin/src/pages/task/bar/index.vue

@@ -7,7 +7,7 @@
         <el-button type="primary" size="small" @click="searchsDels">批量删除</el-button>
       </div>
       <div class="ztask-searchs-items">
-        <el-form class="ztask-searchs-forms fk01" :inline="true" :model="data.search" label-width="auto">
+        <el-form class="ztask-searchs-forms" :inline="true" :model="data.search" label-width="auto">
           <el-form-item label="柜组">
             <el-select
               size="small"
@@ -75,7 +75,7 @@
         </el-form>
 
 
-        <el-button class="fk02" type="primary" size="small" @click="searchsSearch">搜 索</el-button>
+        <el-button type="primary" size="small" @click="searchsSearch">搜 索</el-button>
       </div>
     </div>
     <div class="ztask-lists">
@@ -105,7 +105,7 @@
             </el-button>
             <el-button v-if="scope.row.taskStatus !== 'Top'" type="text" @click="listsTopClick(scope.row.id)">置顶
             </el-button>
-            <el-button type="text" @click="listsSeeClick(scope.row)">详情</el-button>
+            <el-button type="text" @click="listsSeeClick(scope.row.id)">详情</el-button>
             <el-button type="text" @click="listsEditClick(scope.row)">编辑</el-button>
             <el-button type="text" @click="listsDelClick(scope.row)" class="listButtonRed">删除</el-button>
           </template>
@@ -217,6 +217,62 @@
           <el-button size="small" type="primary" @click="dialogCreateSubmitSend('createForm')">保存并发布</el-button>
         </span>
       </el-dialog>
+      <el-dialog
+        title="任务详情"
+        :visible.sync="cache.status.seeDialog"
+        width="50%"
+        :before-close="dialogSeeBeforeClose"
+      >
+        <div class="dialogMain">
+          <el-form :model="data.see" :rules="rule.see" label-width="120px" ref="seeForm">
+            <el-row>
+              <el-col :span="24">
+                <el-form-item label="任务名称：" prop="taskName">
+                  <el-input :disabled="true" v-model="data.see.taskName" autocomplete="off" placeholder="任务名称为空"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item label="任务类型：" prop="taskType">
+                  <el-input :disabled="true" v-model="data.see.taskType" autocomplete="off" placeholder="任务类型为空"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item label="柜组：" prop="bar">
+                  <el-input :disabled="true" v-model="data.see.bar" autocomplete="off" placeholder="柜组为空"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item label="任务期限：" prop="taskTime">
+                  <el-input :disabled="true" v-model="data.see.taskTime" autocomplete="off" placeholder="任务期限为空"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-form-item label="任务详情：" prop="taskDetail">
+                  <el-input
+                    :disabled="true"
+                    type="textarea"
+                    :rows="5"
+                    placeholder="任务详情为空"
+                    v-model="data.see.taskDetail"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button size="small" @click="dialogSeeCancel">取 消</el-button>
+          <el-button size="small" type="primary" @click="dialogSeeSubmitSend('seeForm')">任务下发</el-button>
+        </span>
+      </el-dialog>
     </div>
   </div>
 </template>
@@ -227,7 +283,8 @@
       return {
         cache: {
           status: {
-            createDialog: false
+            createDialog: false,
+            seeDialog: false,
           },
           list: {
             bar: [
@@ -411,6 +468,20 @@
             taskTime: '',
             taskDetail: '',
           },
+          see: {
+            taskName: 'taskName',
+            taskType: 'taskType',
+            bar: 'bar',
+            taskTime: 'taskTime',
+            taskDetail: 'taskDetail',
+          },
+          seeDefault: {
+            taskName: '',
+            taskType: '',
+            bar: '',
+            taskTime: '',
+            taskDetail: '',
+          }
         },
         rule: {
           create: {
@@ -419,8 +490,9 @@
             bar: [{required: true, message: '柜组不能为空', trigger: 'change'}],
             taskTime: [{required: true, message: '任务周期不能为空', trigger: 'change'}],
             taskDetail: [{required: true, message: '任务详情不能为空', trigger: 'change'}],
-          }
-
+          },
+          see: {
+          },
         }
       };
     },
@@ -443,7 +515,9 @@
       },
       listsTopClick() {
       },
-      listsSeeClick() {
+      listsSeeClick(inData) {
+        this.cache.status.seeDialog = true
+
       },
       listsEditClick() {
       },
@@ -485,6 +559,16 @@
         })
       },
 
+      dialogSeeBeforeClose() {
+        this.cache.status.seeDialog = false
+      },
+      dialogSeeCancel() {
+        this.data.see = JSON.parse(JSON.stringify(this.data.seeDefault))
+        this.cache.status.seeDialog = false
+      },
+      dialogSeeSubmitSend() {
+      },
+
 
     }
   };
@@ -546,12 +630,4 @@
     position: relative;
     margin-right: 0;
   }
-
-  .fk01 {
-    /*border: 2px solid red;*/
-  }
-
-  .fk02 {
-    /*border: 2px solid orange;*/
-  }
 </style>