Fix: 产品管理Bug

src/views/modules/tech/crafts-detail.vue

@@ -118,7 +118,6 @@ export default {
       getInfo(this.id).then(({ data }) => {
         if (data && data.code === '200') {
           this.dataForm = data.data
-
           // 流程图展示
           this.workFlowData = {
             nodeList: data.data.nodeList,

src/views/modules/tech/product-draw-detail.vue

@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <el-dialog
+      title="图纸详情"
+      width="70%"
+      :close-on-click-modal="false"
+      :visible.sync="visible"
+    >
+      <div>
+        <template v-for="(item, index) in dataList">
+<!--          <upload-component-->
+<!--            :display="true"-->
+<!--            :title="item.drawingName"-->
+<!--            :accept="'image/*'"-->
+<!--            :file-obj-list="item.attachList">-->
+<!--          </upload-component>-->
+          <e-desc :title="item.drawingName" column="3" style="margin-bottom: 20px">
+            <e-desc-item label="附件" span="2">
+              <a v-for="(att, i) in item.attachList" type="primary" :href="downloadUrl + att.url" target="_blank">{{ att.url }}</a>
+            </e-desc-item>
+          </e-desc>
+        </template>
+        <div></div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import EDesc from '../common/e-desc'
+  import EDescItem from '../common/e-desc-item'
+  import { downloadUrl } from '@/api/file'
+  import UploadComponent from '../common/upload-component'
+  export default {
+    name: 'product-draw-detail',
+    components: {
+      UploadComponent,
+      EDesc,
+      EDescItem
+    },
+    data () {
+      return {
+        visible: false,
+        dataList: [],
+        downloadUrl: downloadUrl
+      }
+    },
+    methods: {
+      async init (drawList) {
+        this.visible = true
+        this.dataList = drawList
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

src/views/modules/tech/product-management.vue

@@ -94,20 +94,12 @@
         :show-overflow-tooltip="true"
         label="备注">
       </el-table-column>
-      <el-table-column
-        header-align="center"
-        align="center"
-        label="配料清单">
-        <template slot-scope="scope">
-          <el-button type="text" size="small" @click="materialDetails(scope.row.coId)">查看</el-button>
-        </template>
-      </el-table-column>
       <el-table-column
         header-align="center"
         align="center"
         label="对应图纸">
         <template slot-scope="scope">
-          <el-button type="text" size="small" @click="drawDetails(scope.row.coId)">查看</el-button>
+          <el-button :disabled="!scope.row.proDrawings || scope.row.proDrawings.length === 0" type="text" size="small" @click="drawDetails(scope.row)">查看</el-button>
         </template>
       </el-table-column>
       <el-table-column
@@ -115,7 +107,7 @@
         align="center"
         label="对应工艺">
         <template slot-scope="scope">
-          <el-button type="text" size="small" @click="techDetails(scope.row.coId)">查看</el-button>
+          <el-button :disabled="!scope.row.techId" type="text" size="small" @click="techDetails(scope.row.techId)">查看</el-button>
         </template>
       </el-table-column>
       <el-table-column
@@ -142,6 +134,8 @@
     <!-- 弹窗, 新增 / 修改 -->
     <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
     <detail v-if="detailVisible" ref="detail"/>
+    <crafts-detail v-if="craftsVisible" ref="craftsDetail"/>
+    <product-draw-detail v-if="drawVisible" ref="drawDetail"/>
   </div>
 </template>
 
@@ -150,15 +144,22 @@
   import Detail from './product-detail'
   import { getDictList } from '@/api/dict'
   import { getProductList } from '@/api/product'
+  import CraftsDetail from './crafts-detail'
+  import ProductDrawDetail from './product-draw-detail'
   export default {
     name: 'product-management',
     components: {
-      AddOrUpdate, Detail
+      ProductDrawDetail,
+      CraftsDetail,
+      AddOrUpdate,
+      Detail
     },
     data () {
       return {
         addOrUpdateVisible: false,
         detailVisible: false,
+        craftsVisible: false,
+        drawVisible: false,
         dataForm: {},
         dataList: [],
         pageIndex: 1,
@@ -283,20 +284,19 @@
           this.$refs.detail.init(id)
         })
       },
-      // 配料清单
-      materialDetails (id) {
-        // todo
-        this.$message.warning('未找到相关内容')
-      },
       // 对应图纸
-      drawDetails (id) {
-        // todo
-        this.$message.warning('未找到相关内容')
+      drawDetails (row) {
+        this.drawVisible = true
+        this.$nextTick(() => {
+          this.$refs.drawDetail.init(row.proDrawings)
+        })
       },
       // 对应工艺
       techDetails (id) {
-        // todo
-        this.$message.warning('未找到相关内容')
+        this.craftsVisible = true
+        this.$nextTick(() => {
+          this.$refs.craftsDetail.init(id)
+        })
       }
     }
   }