xiugai

src/components/Editor/index.vue

@@ -213,7 +213,7 @@ export default {
           // 获取光标所在位置
           let length = quill.getSelection().index;
           // 插入图片  res.url为服务器返回的图片地址
-          quill.insertEmbed(length, "image", res.fileName);
+          quill.insertEmbed(length, "image", res.url);
           // 调整光标到最后
           quill.setSelection(length + 1);
         } else {

src/views/system/article/index.vue

@@ -71,9 +71,7 @@
             <editor v-model="form.content" :min-height="192"/>
           </el-form-item>
         <el-form-item label="封面图片" prop="coverImage">
-          <el-input disabled v-model="form.coverImage" class="input-with-select">
+          <image-upload :limit="1" v-model="form.coverImage" @input="inputImg"/>
-            <el-button slot="append" @click="openDialog">选择</el-button>
-          </el-input>
         </el-form-item>
         <el-form-item label="所属栏目" prop="ids">
           <el-select v-model="form.ids" clearable>
@@ -180,6 +178,11 @@ export default {
     this.getColumList()
   },
   methods: {
+    inputImg(data){
+      if(data){
+        this.form.guiderImg = data
+      }
+    },
     openDialog(){
       this.$refs.materialDialog.init()
     },

src/views/system/info/index.vue

@@ -9,22 +9,22 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="导游介绍" prop="guiderIntro">
+      <!-- <el-form-item label="导游介绍" prop="guiderIntro">
         <el-input
           v-model="queryParams.guiderIntro"
           placeholder="请输入导游介绍"
           clearable
           @keyup.enter.native="handleQuery"
         />
-      </el-form-item>
+      </el-form-item> -->
-      <el-form-item label="导游图片" prop="guiderImg">
+      <!-- <el-form-item label="导游图片" prop="guiderImg">
         <el-input
           v-model="queryParams.guiderImg"
           placeholder="请输入导游图片"
           clearable
           @keyup.enter.native="handleQuery"
         />
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -79,10 +79,14 @@
 
     <el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="${comment}" align="center" prop="id" />
+      <!-- <el-table-column label="${comment}" align="center" prop="id" /> -->
       <el-table-column label="导游姓名" align="center" prop="guiderName" />
       <el-table-column label="导游介绍" align="center" prop="guiderIntro" />
-      <el-table-column label="导游图片" align="center" prop="guiderImg" />
+      <el-table-column label="导游图片" align="center" prop="guiderImg" >
+        <template slot-scope="scope">
+          <image-preview :src="scope.row.guiderImg" :width="50" :height="50"/>
+        </template>
+        </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -121,7 +125,7 @@
           <el-input v-model="form.guiderIntro" placeholder="请输入导游介绍" />
         </el-form-item>
         <el-form-item label="导游图片" prop="guiderImg">
-          <el-input v-model="form.guiderImg" placeholder="请输入导游图片" />
+          <image-upload :limit="1" v-model="form.guiderImg" @input="inputImg"/>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -165,6 +169,7 @@ export default {
         guiderIntro: null,
         guiderImg: null
       },
+      srcList:[],
       // 表单参数
       form: {},
       // 表单校验
@@ -176,11 +181,19 @@ export default {
     this.getList();
   },
   methods: {
+    inputImg(data){
+      if(data){
+        this.form.guiderImg = data
+      }
+    },
     /** 查询导游信息列表 */
     getList() {
       this.loading = true;
       listInfo(this.queryParams).then(response => {
         this.infoList = response.rows;
+        // for(let i=0;i<this.infoList.length;i++){
+        //   this.infoList[i].guiderImg = 'http://192.168.3.114:8085'+this.infoList[i].guiderImg
+        // }
         this.total = response.total;
         this.loading = false;
       });