层级数据

ebts-ui/src/views/sist/article/index.vue

@@ -121,7 +121,11 @@
       <el-table-column label="是否置顶" align="center" prop="isTop" :formatter="isTopFormat"/>
       <el-table-column label="是否显示" align="center" prop="isView" :formatter="isViewFormat"/>
       <el-table-column label="查看次数" align="center" prop="viewCount"/>
-      <el-table-column label="缩略图" align="center" prop="imgurl"/>
+      <el-table-column label="缩略图" align="center" prop="imgurl">
+        <template slot-scope="scope">
+          <img style="width: 100%;" :src="scope.row.imgurl" alt="">
+        </template>
+      </el-table-column>
       <el-table-column label="是否英文" align="center" prop="isEnglish" :formatter="isEnglishFormat"/>
       <el-table-column label="状态" align="center" prop="status" :formatter="statusFormat"/>
       <!--      <template slot-scope="scope">-->
@@ -200,7 +204,7 @@
 </template>
 
 <script>
-import {listArticle, delArticle, exportArticle,offline} from "@/api/sist/article";
+import {listArticle, delArticle, exportArticle, offline} from "@/api/sist/article";
 import Editor from '@/components/Editor';
 import store from "@/store";
 
@@ -311,7 +315,7 @@ export default {
       this.statusOptions = response.data;
     });
   },
-  activated(){
+  activated() {
     this.getList();
   },
   methods: {
@@ -381,7 +385,7 @@ export default {
     handleApprova(row) {
       this.$router.push("/article/approve/" + row.id);
     },
-    handleOffline(row){
+    handleOffline(row) {
       let that_ = this
       this.$confirm('是否确认下线标题为:"' + row.title + '"的数据项?', "警告", {
         confirmButtonText: "确定",
@@ -390,8 +394,8 @@ export default {
       }).then(function () {
         that_.loading = true;
         return offline(row.id);
-      }).then(res=>{
-        if (res.code==200){
+      }).then(res => {
+        if (res.code == 200) {
           this.msgSuccess("下线成功");
           this.getList()
         }