From cb3e47a45ef29e160b36c7b91809e7c058a7ab5e Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Thu, 2 Feb 2023 14:45:40 +0800
Subject: [PATCH] =?UTF-8?q?add=20=E6=96=87=E4=BB=B6=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DialogJustForm.vue             | 32 +++++++++++++--
 .../noTemplateComponents/uploadComponent.js   | 39 +++++++++++++++++++
 src/views/modules/pms/equipmentType/config.js |  2 +-
 src/views/modules/pms/equipmentType/index.vue |  2 +-
 4 files changed, 70 insertions(+), 5 deletions(-)
 create mode 100644 src/components/noTemplateComponents/uploadComponent.js

diff --git a/src/components/DialogJustForm.vue b/src/components/DialogJustForm.vue
index b359221..867a514 100644
--- a/src/components/DialogJustForm.vue
+++ b/src/components/DialogJustForm.vue
@@ -46,6 +46,19 @@
               :disabled="detailMode"
             />
             <el-input v-if="col.textarea" type="textarea" v-model="dataForm[col.prop]" :disabled="detailMode" v-bind="col.elparams" />
+            <el-upload
+              v-if="col.upload"
+              :key="'upload_' + Math.random()"
+              :action="col.actionUrl"
+              :file-list="col.fileList"
+              :disabled="detailMode || !dataForm.id"
+              :on-change="handleUploadChange"
+              v-bind="col.elparams"
+              :headers="uploadHeaders"
+            >
+              <el-button type="primary" size="small">选择文件</el-button>
+              <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
+            </el-upload>
             <div class="" v-if="col.component" style="margin: 42px 0 0">
               <!-- 下面这个 component 几乎是为 富文本 quill 定制的了... TODO：后续可能会根据业务需求创建新的版本  -->
               <component
@@ -76,6 +89,7 @@
 
 <script>
 import { pick as __pick } from "@/utils/filters";
+import Cookies from 'js-cookie'
 
 function reConstructTreeData(listObj) {
   const entry = [];
@@ -112,7 +126,8 @@ export default {
     const dataForm = {};
     this.configs.form.rows.forEach((row) => {
       row.forEach((col) => {
-        dataForm[col.prop] = col.default ?? null;
+        if (col.upload) dataForm[col.prop] = col.default ?? [];
+        else dataForm[col.prop] = col.default ?? null;
 
         if (col.fetchData)
           col.fetchData().then(({ data: res }) => {
@@ -148,7 +163,7 @@ export default {
               col.options.splice(0);
             }
 
-            return col
+            return col;
           });
         }
       });
@@ -164,6 +179,13 @@ export default {
   created() {
     // console.log('[dialog] created!!! wouldn\'t create again...')
   },
+  computed: {
+    uploadHeaders() {
+      return {
+        token: Cookies.get('token') || ''
+      }
+    }
+  },
   methods: {
     /** utitilities */
     showButton(operate) {
@@ -213,7 +235,7 @@ export default {
             if (res && res.code === 0) {
               const dataFormKeys = Object.keys(this.dataForm);
               console.log("keys ===> ", dataFormKeys);
-  
+
               // console.log('data form keys: ', dataFormKeys, pick(res.data, dataFormKeys))
               this.dataForm = __pick(res.data, dataFormKeys);
               console.log("pick(res.data, dataFormKeys) ===> ", __pick(res.data, dataFormKeys));
@@ -297,6 +319,10 @@ export default {
       }
     },
 
+    handleUploadChange(file, fileList) {
+      console.log('[Upload] handleUploadChange...', file, fileList)
+    },
+
     handleClose() {
       // this.resetForm();
       this.selfVisible = false;
diff --git a/src/components/noTemplateComponents/uploadComponent.js b/src/components/noTemplateComponents/uploadComponent.js
new file mode 100644
index 0000000..df3d063
--- /dev/null
+++ b/src/components/noTemplateComponents/uploadComponent.js
@@ -0,0 +1,39 @@
+export default {
+  name: 'UploadComponent',
+  props: {
+    existingFiles: {
+      type: Array,
+      default: () => [ /** { }, { }, ... */]
+    },
+    typeCode: {
+      type: String,
+      default: '' // 文件类型编码
+    },
+    bind: { // element-ui 的 props
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+    }
+  },
+  computed: {
+    fileList: {
+      set(list) { },
+      get() {
+        // TODO：计划要根据 existingFiles 来过滤
+        return []
+      }
+    }
+  },
+  methods: {
+
+  },
+  render: function (h) {
+    return h('el-upload', { props: { action: this.bind.action ?? '#', 'file-list': this.fileList } }, [
+      h('el-button', { props: { size: 'small', type: 'primary' } }, '选择文件'),
+      h('div', { slot: 'tip', 'class': 'el-upload__tip' }, '只能上传jpg/png文件，且不超过500kb')
+    ])
+  }
+}
\ No newline at end of file
diff --git a/src/views/modules/pms/equipmentType/config.js b/src/views/modules/pms/equipmentType/config.js
index d668cee..06f5ce0 100644
--- a/src/views/modules/pms/equipmentType/config.js
+++ b/src/views/modules/pms/equipmentType/config.js
@@ -94,7 +94,7 @@ export default function () {
         ],
         // [{ textarea: true, label: "描述信息", prop: "description", elparams: { placeholder: "描述信息" } }],
         [{ input: true, label: "备注", prop: "remark", elparams: { placeholder: "备注" } }],
-        [{ upload: true, label: "上传资料", prop: "upload", elparams: null }],
+        [{ upload: true, actionUrl: window.SITE_CONFIG['apiURL'] + '/pms/equipmentTypeFile', label: "上传资料", fileList:[], prop: "upload", elparams: null }],
       ],
       operations: [
         { name: "add", label: "保存", type: "primary", permission: "pms:equipmentType:save", showOnEdit: false },
diff --git a/src/views/modules/pms/equipmentType/index.vue b/src/views/modules/pms/equipmentType/index.vue
index 7ccdd8e..64962e1 100644
--- a/src/views/modules/pms/equipmentType/index.vue
+++ b/src/views/modules/pms/equipmentType/index.vue
@@ -7,7 +7,7 @@ import initConfig from './config';
 import ListViewWithHead from '@/views/atomViews/ListViewWithHead.vue';
 
 export default {
-	name: 'ProductionLineView',
+	name: 'EquipmentTypeView',
 	components: { ListViewWithHead },
 	provide() {
 		return {