From 975436b387d5f553d0caabceffe258275964db4d Mon Sep 17 00:00:00 2001
From: lmj <3407000732@qq.com>
Date: Thu, 20 Oct 2022 11:02:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E9=97=AE=E9=A2=98=E6=A1=86=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E5=8A=A0=E8=BD=BD=E5=A4=B1=E8=B4=A5=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ImageUpload/artimgUpload.vue | 14 +++++++++++---
 src/components/Qa/addQuestion.vue           |  9 ++++++---
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/components/ImageUpload/artimgUpload.vue b/src/components/ImageUpload/artimgUpload.vue
index 089c20fd..83baab8e 100644
--- a/src/components/ImageUpload/artimgUpload.vue
+++ b/src/components/ImageUpload/artimgUpload.vue
@@ -16,8 +16,8 @@
       :show-file-list="false"
       :headers="headers"
       style="display: inline-block;">
-      <el-image v-if="!value" :src="value" style="width:100%;height:100%;">
-        <div slot="error" class="image-slot" >
+      <el-image v-if="!value" :src="value" :style="`width:${width};height:${height};`">
+        <div slot="error" class="image-slot">
            <i class="el-icon-upload"></i>
   <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
   <div class="el-upload__tip" slot="tip">只能上传jpg/png/bmp/jpeg文件，且不超过500kb</div>
@@ -169,7 +169,14 @@ export default {
 </script>
 
 <style scoped lang="scss">
-
+ ::v-deep .el-upload-dragger{
+  width: 100% !important;
+  height: 100% !important;
+}
+  .image-upload{
+    width: 410px;
+    height: 168px;
+  }
   .image-card .el-upload--picture-card,.image-card .el-upload-list--picture-card .el-upload-list__item{
       background-color: #fbfdff;
       border: 1px dashed #c0ccda;
@@ -183,6 +190,7 @@ export default {
     border-radius: 6px;
     box-sizing: border-box;
     vertical-align: top;
+    line-height: 100%;
 }
   .image-uploader .el-upload {
     border: 1px dashed #d9d9d9;
diff --git a/src/components/Qa/addQuestion.vue b/src/components/Qa/addQuestion.vue
index b840652c..d424743b 100644
--- a/src/components/Qa/addQuestion.vue
+++ b/src/components/Qa/addQuestion.vue
@@ -13,10 +13,10 @@
         <el-input class="title-input"   v-model="askForm.title" show-word-limit placeholder="请输入问题标题,字符长度不能高于100" maxlength="100"></el-input>
       </el-form-item>
         <el-form-item label="封面">
-        <imageUpload dir="qa" width="410px" height="168px" :value="imageShowUrl" @success="handleUploadSuccess" @remove="handleRemoveSuccess"></imageUpload>
+        <imageUpload :value="imageShowUrl" dir="qa" width="410px" height="168px"  @success="handleUploadSuccess" @remove="handleRemoveSuccess"></imageUpload>
         <!-- <el-upload
           :action="uploadFileUrl"
-          :show-file-list="false"
+          :show-file-list="false"         
           :headers="headers"
           list-type="picture-card"
           :on-success="handleAvatarSuccess"
@@ -67,6 +67,7 @@
   export default{
     data(){
       return {
+        fileBaseUrl:process.env.VUE_APP_FILE_BASE_URL,
         askFormCheckedShow:false,
         askFormRules: {
           title: [{ required: true, message: '请输入问题标题', trigger: 'blur' }, { max: 100, message: '字符长度不能高于100', trigger: 'blur' }],
@@ -91,8 +92,10 @@
       },
       handleUploadSuccess(file) {
 		// console.log(file.result.httpPath,'是否会fig以后关于和',file.result.filePath)
-        this.imageShowUrl=file.result.httpPath;
         this.askForm.images=file.result.filePath
+        this.imageShowUrl= this.fileBaseUrl + file.result.filePath;
+        // console.log(this.fileBaseUrl)
+        console.log(file)
       },
       handleRemoveSuccess(file) {
         this.imageShowUrl=''