|
|
@@ -36,7 +36,12 @@
|
|
|
<el-table-column prop="name" label="二级专题"></el-table-column>
|
|
|
<el-table-column prop="thumb" label="封面">
|
|
|
<template #default="{ row }">
|
|
|
- <img class="thumb" :src="getImageURL(row.thumb)" alt="" />
|
|
|
+ <img
|
|
|
+ style="margin: 0 auto"
|
|
|
+ class="thumb"
|
|
|
+ :src="getImageURL(row.thumb)"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="sort" label="排序值"></el-table-column>
|
|
|
@@ -173,6 +178,7 @@
|
|
|
<el-form-item label="封面" prop="thumb">
|
|
|
<el-upload
|
|
|
action=""
|
|
|
+ :class="{ isUplad: level2ModalForm.thumb }"
|
|
|
:limit="1"
|
|
|
:http-request="handleFileUpload"
|
|
|
:before-upload="beforeFileUpload"
|
|
|
@@ -228,7 +234,12 @@
|
|
|
<el-table-column prop="name" label="村落名称"></el-table-column>
|
|
|
<el-table-column prop="thumb" label="封面">
|
|
|
<template #default="{ row }">
|
|
|
- <img class="thumb" :src="getImageURL(row.thumb)" alt="" />
|
|
|
+ <img
|
|
|
+ style="margin: 0 auto"
|
|
|
+ class="thumb"
|
|
|
+ :src="getImageURL(row.thumb)"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="remark" label="简介"></el-table-column>
|
|
|
@@ -281,6 +292,7 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="封面" prop="thumb">
|
|
|
<el-upload
|
|
|
+ :class="{ isUplad: villageForm.thumb }"
|
|
|
action=""
|
|
|
:limit="1"
|
|
|
:http-request="handleVillageFileUpload"
|
|
|
@@ -412,14 +424,14 @@ export default {
|
|
|
},
|
|
|
editVillage (add = false) {
|
|
|
if (add) {
|
|
|
- // this.villageForm = {
|
|
|
- // name: '',
|
|
|
- // thumb: '',
|
|
|
- // remark: '',
|
|
|
- // link: '',
|
|
|
- // fileList: [],
|
|
|
- // sort: 1
|
|
|
- // }
|
|
|
+ this.villageForm = {
|
|
|
+ name: '',
|
|
|
+ thumb: '',
|
|
|
+ remark: '',
|
|
|
+ link: '',
|
|
|
+ fileList: [],
|
|
|
+ sort: 1
|
|
|
+ }
|
|
|
setTimeout(() => {
|
|
|
this.showVillageForm = true
|
|
|
}, 0)
|
|
|
@@ -777,4 +789,10 @@ export default {
|
|
|
margin-right: 10px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+
|
|
|
+.isUplad {
|
|
|
+ /deep/ div[tabindex="0"] {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|