文章上传新增缩略图

src/views/index.vue

@@ -48,7 +48,7 @@
             size="small"
             icon="Document"
             plain
-            @click="goTarget('http://www.izhaorui.cn/doc/#/gxrz?id=v' + version)"
+            @click="goTarget('http://www.izhaorui.cn/doc/#/changelog?id=v' + version)"
             >{{ $t('layout.changeLog') }}
           </el-link>
         </p>

src/views/system/article/manager.vue

@@ -27,7 +27,20 @@
 
     <el-table :data="dataList" ref="table" border>
       <el-table-column prop="cid" label="id" width="60" sortable> </el-table-column>
-      <el-table-column prop="title" label="文章标题" width="180" :show-overflow-tooltip="true"> </el-table-column>
+      <el-table-column prop="title" label="文章标题" width="120" :show-overflow-tooltip="true"> </el-table-column>
+      <el-table-column prop="coverUrl" label="文章封面" width="90" :show-overflow-tooltip="true">
+        <template #default="{ row }">
+          <el-image
+            preview-teleported
+            :src="row.coverUrl"
+            :preview-src-list="[row.coverUrl]"
+            :hide-on-click-modal="true"
+            fit="contain"
+            lazy
+            class="el-avatar">
+          </el-image>
+        </template>
+      </el-table-column>
       <el-table-column prop="authorName" label="作者" width="80"> </el-table-column>
       <el-table-column prop="fmt_type" label="编辑器类型" width="100"> </el-table-column>
       <el-table-column prop="tags" label="标签" width="100" :show-overflow-tooltip="true"> </el-table-column>

src/views/system/article/publish.vue

@@ -31,7 +31,9 @@
 
           <el-button v-else class="button-new-tag" size="small" @click="showInput">+ 文章标签</el-button>
         </el-form-item>
-
+        <el-form-item label="文章封面">
+          <UploadImage ref="uploadRef" v-model="form.coverUrl" :limit="1" :fileSize="15" :drag="true" />
+        </el-form-item>
         <el-form-item prop="content" label="文章内容">
           <MdEditor v-model="form.content" :onUploadImg="onUploadImg" />
         </el-form-item>