From da67d9298b1405c98821bce056de83298a27ec2a Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Sat, 23 Jan 2021 22:39:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=EF=BC=9A=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E4=B8=80=E4=BA=9Bbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/input/UploadImageInput.vue |  6 +++++-
 src/components/select/MultipleTree.vue    |  8 ++++++++
 src/views/markdown/index.vue              | 14 +++++++++++---
 3 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/components/input/UploadImageInput.vue b/src/components/input/UploadImageInput.vue
index 646006b..a071c5d 100644
--- a/src/components/input/UploadImageInput.vue
+++ b/src/components/input/UploadImageInput.vue
@@ -41,7 +41,7 @@
         <el-tooltip class="item" effect="dark" placement="bottom">
           <el-input
             :autosize="intputAutosize"
-            placeholder="请输入图片的url 或 上传"
+            :placeholder="placeholder"
             type="textarea"
             width="100%"
             v-model="currentValue"
@@ -79,6 +79,10 @@ export default {
       type: Number,
       default: 250
     },
+    placeholder: {
+      type: String,
+      default: '请输入图片的url 或 点击上传'
+    },
     intputAutosize: {
       type: Object,
       default: ()=>{ return { minRows: 1, maxRows: 6} }
diff --git a/src/components/select/MultipleTree.vue b/src/components/select/MultipleTree.vue
index 33f9324..103139e 100644
--- a/src/components/select/MultipleTree.vue
+++ b/src/components/select/MultipleTree.vue
@@ -83,6 +83,11 @@ export default {
       type:Boolean,
       default:()=>{ return false }
     },
+    // 选择后收起下拉框
+    selectPackUp: {
+      type:Boolean,
+      default:()=>{ return false }
+    }
   },
   data() {
     return {
@@ -116,6 +121,9 @@ export default {
     selectNode(props, data){
       this.valueIds = data.checkedKeys
       this.$emit('input', this.valueIds)
+      if(this.selectPackUp){
+        this.$refs.treeSelect.blur()
+      }
     },
     // 移除选中项
     removeTag(name) {
diff --git a/src/views/markdown/index.vue b/src/views/markdown/index.vue
index ec1d271..f41282e 100644
--- a/src/views/markdown/index.vue
+++ b/src/views/markdown/index.vue
@@ -37,15 +37,16 @@
             format="yyyy-MM-dd HH:mm:ss">
           </el-date-picker>
           <p class="mark-setting-label">文章封面：</p>
-          <upload-image-input v-model="file.cover" :intput-autosize="{ minRows: 2, maxRows: 6}"/>
+          <upload-image-input v-model="file.cover" placeholder="请输入文章封面大图的url" :intput-autosize="{ minRows: 2, maxRows: 6}"/>
           <div v-if="!alonePage">
             <p class="mark-setting-label">分类：</p>
             <multiple-tree-select
               ref="selectTree"
-              style="width: 100%"
+              style="width: 100%;"
               size="medium"
               placeholder="请选择分类"
               :options="categories"
+              select-pack-up
               v-model="file.categoryIds"
             >
             </multiple-tree-select>
@@ -222,7 +223,7 @@
         let tags = this.tags
         let results = queryString ? tags.filter((tag) => {
           return (tag.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
-        }) : tags
+        }) : []
         // 调用 callback 返回建议列表的数据
         results = results.map(res => {
           return {value: res.name}
@@ -611,6 +612,7 @@
 }
 /deep/ .el-autocomplete-suggestion {
   li {
+    padding: 0;
     background-color: #ecf5ff;
     color: #409eff;
     border: 1px solid #d9ecff;
@@ -665,4 +667,10 @@
 /deep/ .vditor-toolbar--pin {
   top: unset;
 }
+/deep/.el-scrollbar__wrap {
+  &::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+  }
+}
 </style>