SKU管理增加图稿文件

src/components/makeProduct/index.vue

@@ -113,6 +113,18 @@
                 </el-form-item>
               </template>
             </el-table-column>
+            <el-table-column label="设计图" align="center" width="100">
+              <template #default="{ row, $index }">
+                <el-form-item :prop="'skuSpecList.' + $index + '.designImgUrl'">
+                  <el-image
+                    v-if="row.designImgUrl"
+                    :src="row.designImgUrl"
+                    fit="scale-down"
+                    style="width: 50px; height: 50px; cursor: pointer"
+                    @click="openFile(row.designImgUrl)" />
+                </el-form-item>
+              </template>
+            </el-table-column>
             <el-table-column label="品名" min-width="220">
               <template #default="{ row, $index }">
                 <el-form-item :prop="'skuSpecList.' + $index + '.name'" :rules="rulesSpec.name" :inline-message="true" style="width: 100%">
@@ -127,6 +139,12 @@
                 </el-form-item>
               </template>
             </el-table-column>
+            <el-table-column label="图稿文件" align="center" width="160">
+              <template #default="{ row, $index }">
+                <el-button type="primary" @click="clickDrawingFile($index)" v-if="!row.sharedFolder" text>选择</el-button>
+                <a style="color: #409eff; cursor: pointer; word-break: break-all" @click="clickDrawingFile($index)" v-else>{{ row.sharedFolder }}</a>
+              </template>
+            </el-table-column>
             <el-table-column label="加工版面" width="140">
               <template #default="{ row, $index }">
                 <el-form-item :prop="'skuSpecList.' + $index + '.machinedPanel'" style="width: 100%">
@@ -267,6 +285,13 @@
         <el-button @click="openExpressPacking = false" size="large">关 闭</el-button>
       </template>
     </el-dialog>
+
+    <el-dialog title="选择BOM" v-if="openDrawingFile" v-model="openDrawingFile" width="70%">
+      <SelectPicture @selectPic="selectPic"></SelectPicture>
+      <template #footer>
+        <el-button @click="openDrawingFile = false" size="large">关 闭</el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
@@ -275,6 +300,7 @@ import byForm from "@/components/byForm/index";
 import { ElMessage } from "element-plus";
 import Editor from "@/components/Editor/index.vue";
 import SelectBOM from "@/views/group/BOM/management/index";
+import SelectPicture from "@/components/select-picture/index.vue";
 
 const { proxy } = getCurrentInstance();
 const emit = defineEmits(["clickCancel"]);
@@ -638,6 +664,21 @@ const clickDeletePackingFittings = (index, indexTwo) => {
 const clickDeleteExpressPacking = (index, indexTwo) => {
   formData.data.skuSpecList[index].expressPackingList.splice(indexTwo, 1);
 };
+const drawingFileIndex = ref(0);
+const openDrawingFile = ref(false);
+const clickDrawingFile = (index) => {
+  drawingFileIndex.value = index;
+  openDrawingFile.value = true;
+};
+const selectPic = (row) => {
+  formData.data.skuSpecList[drawingFileIndex.value].sharedFolder = row.artworkName + "/" + row.fileName;
+  formData.data.skuSpecList[drawingFileIndex.value].designImgUrl = row.imgUrl;
+  ElMessage({ message: "选择完成", type: "success" });
+  openDrawingFile.value = false;
+};
+const openFile = (path) => {
+  window.open(path);
+};
 </script>
 
 <style lang="scss" scoped>