后台咨询回复

src/views/comments/consult.vue

@@ -132,9 +132,17 @@ p {
       >
         <template slot-scope="scope">
           <el-badge v-if="!scope.row.view_status" is-dot class="item">
-            <p>{{ scope.row.content }}</p>
+            <p v-if="scope.row.content && scope.row.content.indexOf('http')>-1">
+              <el-image :src="scope.row.content" :preview-src-list="[scope.row.content]"></el-image>
+            </p>
+            <p v-else>{{ scope.row.content }}</p>
           </el-badge>
-          <p v-else>{{ scope.row.content }}</p>
+          <div v-else>
+            <p v-if="scope.row.content && scope.row.content.indexOf('http')>-1">
+              <el-image :src="scope.row.content" :preview-src-list="[scope.row.content]"></el-image>
+            </p>
+            <p v-else>{{ scope.row.content }}</p>
+          </div>
         </template>
       </el-table-column>
       <el-table-column
@@ -144,7 +152,10 @@ p {
         label="回复内容"
       >
         <template slot-scope="scope">
-          <p>{{ scope.row.reply_content }}</p>
+          <p v-if="scope.row.reply_content && scope.row.reply_content.indexOf('http')>-1">
+              <el-image :src="scope.row.reply_content" :preview-src-list="[scope.row.reply_content]"></el-image>
+            </p>
+            <p v-else>{{ scope.row.reply_content }}</p>
         </template>
       </el-table-column>
       <el-table-column
@@ -184,7 +195,7 @@ p {
     <el-dialog
       :title="title"
       :visible.sync="open"
-      width="500px"
+      width="800px"
       append-to-body
       class="replyDiag"
     >
@@ -204,12 +215,14 @@ p {
             />
           </el-col>
           <el-col :span="20" v-if="item.user_id > 0">
-            <p style="padding-left: 5px; font-size: 18px">{{ item.content }}</p>
+            <p style="padding-left: 5px; font-size: 18px" v-if="item.content.indexOf('http')==-1">{{ item.content }}</p>
+            <el-image v-else :src="item.content" :preview-src-list="[item.content]"></el-image>
           </el-col>
           <el-col :span="20" v-if="item.user_id == 0">
-            <p style="padding-right: 10px; text-align: right; font-size: 18px">
+            <p style="padding-right: 10px; text-align: right; font-size: 18px" v-if="item.reply_content.indexOf('http')==-1">
               {{ item.reply_content }}
             </p>
+            <el-image v-else :src="item.reply_content" :preview-src-list="[item.reply_content]"></el-image>
           </el-col>
           <el-col :span="3" v-if="item.user_id == 0">
             <img