工单中心-查看详情

src/views/modules/works/work-center-detail.vue

@@ -0,0 +1,75 @@
+<template>
+  <div>
+    <div class="my-title">查看</div>
+    <div>
+        <e-desc title="基本信息" column="3">
+        <e-desc-item label="工艺名称">{{ dataForm.techName }}</e-desc-item>
+        <e-desc-item label="工艺版本">{{ dataForm.techVersion }}</e-desc-item>
+        <e-desc-item label="产品">{{ dataForm.productName }}</e-desc-item>
+
+        <e-desc-item label="备注" span="3">{{ dataForm.notes }}</e-desc-item>
+      </e-desc>
+      <e-desc title="附件">
+        <upload-component
+          :display="true"
+          :display-title="false"
+          :accept="'*'"
+          :file-obj-list="dataForm.fileList"
+        />
+      </e-desc>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">返回</el-button>
+    </span>
+  </div>
+</template>
+
+<script>
+import {
+  getTaskDetail
+} from '@/api/task'
+import EDesc from '../common/e-desc'
+import EDescItem from '../common/e-desc-item'
+import uploadComponent from '../common/upload-component'
+export default {
+  name: 'work-center-detail',
+  components: {
+    EDesc,
+    EDescItem,
+    uploadComponent
+  },
+  data () {
+    return {
+      taskId: '',
+      dataForm: {}
+    }
+  },
+  methods: {
+    async init (taskId) {
+      console.log(taskId, '----------')
+      this.taskId = taskId
+      this.getTaskDetail()
+    },
+    getTaskDetail () {
+      getTaskDetail(this.taskId).then(({data}) => {
+        if (data && data.code === '200' && data.data) {
+          this.dataForm = data.data
+        }
+      })
+    },
+    handleClose () {
+      this.$emit('onChose')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.my-line {
+  border-bottom: 1px solid #c0c4cc;
+  margin-bottom: 10px;
+}
+.title {
+  padding: 10px 0;
+}
+</style>

src/views/modules/works/work-center.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="stock">
-    <template v-if="!addOrUpdateVisible">
+    <template v-if="!addOrUpdateVisible && !detailVisible">
         <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
         <el-form-item label="工单名称">
           <el-input v-model="dataForm.taskName" placeholder="工单名称" clearable/>
@@ -250,6 +250,7 @@
     </template>
     <attach-detail-dialog ref="attachDetail" />
     <worder-add-or-update v-if="addOrUpdateVisible" ref="worder" @onChose="onChose" />
+    <work-center-detail v-if="detailVisible" ref="detail"></work-center-detail>
   </div>
 </template>
 
@@ -261,12 +262,14 @@ import {taskTypeOption, rankTypeOption, nodeStateOPtion} from '@/utils/enums'
 import UserComponent from '@/views/modules/common/user-component'
 import AttachDetailDialog from '../common/attach-detail-dialog'
 import WorderAddOrUpdate from '../worder/add-or-update'
+import WorkCenterDetail from './work-center-detail'
 export default {
   name: 'works-work-center',
-  components: {UserComponent, AttachDetailDialog, WorderAddOrUpdate},
+  components: {UserComponent, AttachDetailDialog, WorderAddOrUpdate, WorkCenterDetail},
   data () {
     return {
       addOrUpdateVisible: false,
+      detailVisible: false,
       dataListLoading: false,
       pageIndex: 1,
       pageSize: 10,
@@ -284,6 +287,7 @@ export default {
   methods: {
     onChose () {
       this.addOrUpdateVisible = false
+      this.detailVisible = false
     },
     userChanged (val) {
     //   this.dataForm.userId = val
@@ -318,7 +322,11 @@ export default {
         this.dataListLoading = false
       })
     },
-    showDetail () {
+    showDetail (taskId) {
+      this.detailVisible = true
+      this.$nextTick(() => {
+        this.$refs.detail.init(taskId)
+      })
     },
     addOrUpdateHandle (taskId, item) {
       this.addOrUpdateVisible = true