From a85a8672b3b496a2ca9d785ac72ad4b32b2ad741 Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Wed, 30 Dec 2020 18:01:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/input/UploadImageInput.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/input/UploadImageInput.vue b/src/components/input/UploadImageInput.vue
index dc0f84f..a18a19e 100644
--- a/src/components/input/UploadImageInput.vue
+++ b/src/components/input/UploadImageInput.vue
@@ -1,7 +1,9 @@
 <template>
   <div>
+    <select-file title="选择图片" @select="selectedFile" :visible.sync="dialogSelectFile"></select-file>
     <div class="upload">
       <div class="url-desc url-desc-first">输入图片的url 或</div>
+      <el-button class="upload-select-btn" title="选择文件" type="primary" size="mini" icon="el-icon-folder" circle @click="dialogSelectFile = true"></el-button>
       <el-upload
         class="upload"
         ref="uploadRef"
@@ -17,7 +19,8 @@
         :on-success="handleSuccess"
         :on-remove="handleFileListRemove"
       >
-        <el-button size="small" type="text">点击上传</el-button>
+<!--        <el-button size="small" type="text">点击上传</el-button>-->
+        <el-button title="上传" type="primary" size="mini" icon="el-icon-upload2" circle></el-button>
         <div class="url-desc" v-if="uploadState > 0" slot="tip">{{ uploadState === 1 ? ' 图片上传中' : ' 图片上传成功' }} <i :class="{'el-icon-loading': uploadState === 1, 'el-icon-check': uploadState === 2}"></i></div>
       </el-upload>
     </div>
@@ -32,9 +35,11 @@
 <script>
 import fileConfig from "@/utils/file-config";
 import markdownApi from "@/api/markdown-api.js";
+import SelectFile from "@/components/ShowFile/SelectFile";
 
 export default {
   name: 'UploadImageInput',
+  components: {SelectFile},
   props: {
     value: {
       type: String,
@@ -58,6 +63,7 @@ export default {
       timer: null,
       uploadState: 0, // 文件上传状态, 0 没有文件上传, 1 正在上传, 2 上传成功
       uploadTip: '',
+      dialogSelectFile: false,
     }
   },
   watch: {
@@ -74,6 +80,10 @@ export default {
     },
     input(value) {
     },
+    selectedFile(row) {
+      this.currentValue = window.location.origin + fileConfig.previewUrl(this.$store.state.user.name, row)
+      this.change(this.currentValue)
+    },
     handleBeforeUpload(file){
       this.uploadState = 1
     },
@@ -122,7 +132,10 @@ export default {
 </script>
 <style lang="scss" scoped>
 .upload {
-  display: flex;
+  display: -webkit-box;
+  .upload-select-btn {
+    margin-right: 5px;
+  }
   .url-desc {
     padding: 4px 10px;
   }