|
|
@ -1,6 +1,7 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div> |
|
|
<div> |
|
|
<base-page ref="basePage" |
|
|
<base-page |
|
|
|
|
|
ref="basePage" |
|
|
:searchParams="searchParams" |
|
|
:searchParams="searchParams" |
|
|
:tableParams="tableParams" |
|
|
:tableParams="tableParams" |
|
|
:tableUrl="tableUrl" |
|
|
:tableUrl="tableUrl" |
|
|
@ -18,54 +19,126 @@ |
|
|
:editElseRules="editElseRules" |
|
|
:editElseRules="editElseRules" |
|
|
:editConfig="editConfig" |
|
|
:editConfig="editConfig" |
|
|
:editParamsDiv="5" |
|
|
:editParamsDiv="5" |
|
|
:editBtnName="(item) => (!item.latitude ? '待完善' : '修改')" |
|
|
:editBtnName="(item) => '修改'" |
|
|
:formBtnFixed="true" |
|
|
:formBtnFixed="true" |
|
|
idName="articleId"> |
|
|
idName="articleId" |
|
|
|
|
|
> |
|
|
<template v-slot:editOperateSup="{ id, formType, info }"> |
|
|
<template v-slot:editOperateSup="{ id, formType, info }"> |
|
|
<el-button v-if="formType != 'watch'" |
|
|
<el-button |
|
|
|
|
|
v-if="formType == 'add'" |
|
|
type="warning" |
|
|
type="warning" |
|
|
size="small" |
|
|
size="small" |
|
|
:disabled="draftBtnDisable" |
|
|
:disabled="draftBtnDisable" |
|
|
@click="handleClickDraft(info)">存草稿</el-button> |
|
|
@click="handleClickDraft(info)" |
|
|
|
|
|
>存草稿</el-button |
|
|
|
|
|
> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<template v-slot:listBtnSup="{ item }"> |
|
|
<template v-slot:listBtnSup="{ item }"> |
|
|
<el-button v-if=" |
|
|
<el-button |
|
|
|
|
|
v-if=" |
|
|
item.statusFlag == 'published' && |
|
|
item.statusFlag == 'published' && |
|
|
item.agencyId == $store.state.user.agencyId |
|
|
item.agencyId == $store.state.user.agencyId |
|
|
" |
|
|
" |
|
|
@click="handleOfflineShow(item)" |
|
|
@click="handleOfflineShow(item)" |
|
|
type="text" |
|
|
type="text" |
|
|
size="small" |
|
|
size="small" |
|
|
style="color: #666">下线</el-button> |
|
|
style="color: #666" |
|
|
|
|
|
>下线</el-button |
|
|
|
|
|
> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<template v-slot:listBtnbefore="{ item }"> |
|
|
<template v-slot:listBtnbefore="{ item }"> |
|
|
<el-button v-if="item.isTop == '1'" |
|
|
<el-button |
|
|
@click="handleTopArticle(item,'cancel_top')" |
|
|
v-if="item.isTop == '1'" |
|
|
|
|
|
v-show="item.statusFlag == 'published'" |
|
|
|
|
|
@click="handleCancleTopArticle(item, 'cancel_top')" |
|
|
type="text" |
|
|
type="text" |
|
|
size="small" |
|
|
size="small" |
|
|
style="color: #fe6252">取消置顶</el-button> |
|
|
style="color: #fe6252" |
|
|
<el-button v-else |
|
|
>取消置顶</el-button |
|
|
@click="handleTopArticle(item,'top')" |
|
|
> |
|
|
|
|
|
<el-button |
|
|
|
|
|
v-show="item.statusFlag == 'published'" |
|
|
|
|
|
v-else |
|
|
|
|
|
@click="handleTopArticle(item, 'top')" |
|
|
type="text" |
|
|
type="text" |
|
|
size="small" |
|
|
size="small" |
|
|
style="color: #22c1c3">置顶</el-button> |
|
|
style="color: #22c1c3" |
|
|
|
|
|
>置顶</el-button |
|
|
|
|
|
> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
</base-page> |
|
|
</base-page> |
|
|
|
|
|
|
|
|
<el-dialog :visible.sync="offlineShowed" |
|
|
<el-dialog |
|
|
|
|
|
:visible.sync="offlineShowed" |
|
|
:close-on-click-modal="false" |
|
|
:close-on-click-modal="false" |
|
|
:close-on-press-escape="false" |
|
|
:close-on-press-escape="false" |
|
|
title="下线" |
|
|
title="下线" |
|
|
width="850px" |
|
|
width="850px" |
|
|
top="5vh" |
|
|
top="5vh" |
|
|
class="dialog-h" |
|
|
class="dialog-h" |
|
|
@closed="offlineShowed = false"> |
|
|
@closed="offlineShowed = false" |
|
|
<offline ref="offlineForm" |
|
|
> |
|
|
|
|
|
<offline |
|
|
|
|
|
ref="offlineForm" |
|
|
@close="offlineShowed = false" |
|
|
@close="offlineShowed = false" |
|
|
@afterOffline="handleOfflineSuccess"></offline> |
|
|
@afterOffline="handleOfflineSuccess" |
|
|
|
|
|
></offline> |
|
|
|
|
|
</el-dialog> |
|
|
|
|
|
<el-dialog |
|
|
|
|
|
:visible.sync="showAddImage" |
|
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
|
:close-on-press-escape="false" |
|
|
|
|
|
title="上传封面图片" |
|
|
|
|
|
width="650px" |
|
|
|
|
|
top="5vh" |
|
|
|
|
|
class="dialog-h" |
|
|
|
|
|
@closed="showAddImage = false" |
|
|
|
|
|
> |
|
|
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
|
|
<!-- <span>请先上 传封面图片</span> --> |
|
|
|
|
|
<el-form |
|
|
|
|
|
ref="ref_form" |
|
|
|
|
|
:inline="true" |
|
|
|
|
|
:model="formData" |
|
|
|
|
|
class="div_form" |
|
|
|
|
|
> |
|
|
|
|
|
<div class="form_flex"> |
|
|
|
|
|
<div class="form_item"> |
|
|
|
|
|
<el-form-item |
|
|
|
|
|
label="" |
|
|
|
|
|
prop="selImgUrl" |
|
|
|
|
|
label-width="150px" |
|
|
|
|
|
style="display: block" |
|
|
|
|
|
> |
|
|
|
|
|
<el-upload |
|
|
|
|
|
:headers="$getElUploadHeaders()" |
|
|
|
|
|
:class="['avatar-uploader', { hide: hideUploadBtn }]" |
|
|
|
|
|
ref="uploadPic" |
|
|
|
|
|
:action="uploadUlr" |
|
|
|
|
|
list-type="picture-card" |
|
|
|
|
|
:on-exceed="exceedPic" |
|
|
|
|
|
:before-upload="beforeAvatarUpload" |
|
|
|
|
|
:on-remove="removePic" |
|
|
|
|
|
:file-list="replayImgList" |
|
|
|
|
|
:on-change="handleEditChange" |
|
|
|
|
|
:on-success="handleSuccess" |
|
|
|
|
|
:limit="1" |
|
|
|
|
|
> |
|
|
|
|
|
<span class="font-14">选择图片</span> |
|
|
|
|
|
</el-upload> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</el-form> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="div_btn"> |
|
|
|
|
|
<el-button size="small" @click="showAddImage = false">取 消</el-button> |
|
|
|
|
|
<el-button size="small" type="primary" @click="handleAddImage" |
|
|
|
|
|
>确 定</el-button |
|
|
|
|
|
> |
|
|
|
|
|
</div> |
|
|
</el-dialog> |
|
|
</el-dialog> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
@ -81,7 +154,7 @@ import nextTick from "dai-js/tools/nextTick"; |
|
|
export default { |
|
|
export default { |
|
|
props: {}, |
|
|
props: {}, |
|
|
|
|
|
|
|
|
data () { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
offlineShowed: false, |
|
|
offlineShowed: false, |
|
|
|
|
|
|
|
|
@ -97,7 +170,7 @@ export default { |
|
|
optionUrl: "/gov/voice/tag/taglist", |
|
|
optionUrl: "/gov/voice/tag/taglist", |
|
|
optionUrlParams: {}, |
|
|
optionUrlParams: {}, |
|
|
optionList: [], |
|
|
optionList: [], |
|
|
optionCook (list) { |
|
|
optionCook(list) { |
|
|
return list.map((item) => ({ |
|
|
return list.map((item) => ({ |
|
|
label: item.tagName, |
|
|
label: item.tagName, |
|
|
value: item.tagId, |
|
|
value: item.tagId, |
|
|
@ -138,12 +211,12 @@ export default { |
|
|
children: "subAgencyList", |
|
|
children: "subAgencyList", |
|
|
checkStrictly: true, |
|
|
checkStrictly: true, |
|
|
}, |
|
|
}, |
|
|
optionCook (obj) { |
|
|
optionCook(obj) { |
|
|
return [obj]; |
|
|
return [obj]; |
|
|
}, |
|
|
}, |
|
|
supKeys: ["publishRangeId", "publishRangeType"], |
|
|
supKeys: ["publishRangeId", "publishRangeType"], |
|
|
supValues: ["", ""], |
|
|
supValues: ["", ""], |
|
|
handleChangeFn (vals, item) { |
|
|
handleChangeFn(vals, item) { |
|
|
const { optionList } = item; |
|
|
const { optionList } = item; |
|
|
if (vals.length > 0) { |
|
|
if (vals.length > 0) { |
|
|
item["supValues"][0] = vals[vals.length - 1]; |
|
|
item["supValues"][0] = vals[vals.length - 1]; |
|
|
@ -195,14 +268,14 @@ export default { |
|
|
exportUrl: "", |
|
|
exportUrl: "", |
|
|
|
|
|
|
|
|
addUrl: "/gov/voice/article/addOrSaveDraft", |
|
|
addUrl: "/gov/voice/article/addOrSaveDraft", |
|
|
editUrl: "", |
|
|
editUrl: "/gov/voice/article/updateArticle", |
|
|
infoUrl: "/gov/voice/article/detailV2", |
|
|
infoUrl: "/gov/voice/article/detailV2", |
|
|
delUrl: "", |
|
|
delUrl: "/gov/voice/article/delete批量", |
|
|
editAuth (item) { |
|
|
editAuth(item) { |
|
|
return false; |
|
|
return item.statusFlagName == "已发布"; |
|
|
}, |
|
|
}, |
|
|
delAuth (item) { |
|
|
delAuth(item) { |
|
|
return false; |
|
|
return item.statusFlagName == "已下线"; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
editParams: [ |
|
|
editParams: [ |
|
|
@ -232,7 +305,7 @@ export default { |
|
|
uploadUrl: window.SITE_CONFIG["apiURL"] + "/oss/file/article/upload", |
|
|
uploadUrl: window.SITE_CONFIG["apiURL"] + "/oss/file/article/upload", |
|
|
supKeys: ["imgUrlArr", "imgUrl"], |
|
|
supKeys: ["imgUrlArr", "imgUrl"], |
|
|
supValues: [() => [], ""], |
|
|
supValues: [() => [], ""], |
|
|
beforeImgUpload (file, item, that) { |
|
|
beforeImgUpload(file, item, that) { |
|
|
console.log(file); |
|
|
console.log(file); |
|
|
const isLt1M = file.size / 1024 / 1024 < 10; |
|
|
const isLt1M = file.size / 1024 / 1024 < 10; |
|
|
const srcType = file.type; |
|
|
const srcType = file.type; |
|
|
@ -268,10 +341,10 @@ export default { |
|
|
checkStrictly: false, |
|
|
checkStrictly: false, |
|
|
emitPath: false, |
|
|
emitPath: false, |
|
|
}, |
|
|
}, |
|
|
optionCook (obj) { |
|
|
optionCook(obj) { |
|
|
return [obj]; |
|
|
return [obj]; |
|
|
}, |
|
|
}, |
|
|
handleChangeFn (vals, item, that) { |
|
|
handleChangeFn(vals, item, that) { |
|
|
console.log("handleChangeFn", vals); |
|
|
console.log("handleChangeFn", vals); |
|
|
const { optionList } = item; |
|
|
const { optionList } = item; |
|
|
const optionPlaneList = collapse(optionList, "subAgencyList"); |
|
|
const optionPlaneList = collapse(optionList, "subAgencyList"); |
|
|
@ -312,7 +385,7 @@ export default { |
|
|
type: "date", |
|
|
type: "date", |
|
|
value: dateFormat(new Date(), "yyyy-MM-dd"), |
|
|
value: dateFormat(new Date(), "yyyy-MM-dd"), |
|
|
pickerOptions: { |
|
|
pickerOptions: { |
|
|
disabledDate (time) { |
|
|
disabledDate(time) { |
|
|
return time.getTime() > Date.now(); |
|
|
return time.getTime() > Date.now(); |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
@ -333,7 +406,7 @@ export default { |
|
|
optionType: "group", |
|
|
optionType: "group", |
|
|
supKeys: ["publisherName", "publisherType"], |
|
|
supKeys: ["publisherName", "publisherType"], |
|
|
supValues: ["", ""], |
|
|
supValues: ["", ""], |
|
|
optionCook (data) { |
|
|
optionCook(data) { |
|
|
let ret = []; |
|
|
let ret = []; |
|
|
const { agencyDeptList, agencyGridList, agencyId, agencyName } = |
|
|
const { agencyDeptList, agencyGridList, agencyId, agencyName } = |
|
|
data; |
|
|
data; |
|
|
@ -375,7 +448,7 @@ export default { |
|
|
} |
|
|
} |
|
|
return ret; |
|
|
return ret; |
|
|
}, |
|
|
}, |
|
|
handleChangeFn (vals, item, that) { |
|
|
handleChangeFn(vals, item, that) { |
|
|
const { optionList } = item; |
|
|
const { optionList } = item; |
|
|
let opts = []; |
|
|
let opts = []; |
|
|
optionList.forEach((g) => { |
|
|
optionList.forEach((g) => { |
|
|
@ -403,7 +476,7 @@ export default { |
|
|
optionUrl: "/gov/voice/tag/taglist", |
|
|
optionUrl: "/gov/voice/tag/taglist", |
|
|
optionUrlParams: {}, |
|
|
optionUrlParams: {}, |
|
|
optionList: [], |
|
|
optionList: [], |
|
|
optionCook (list) { |
|
|
optionCook(list) { |
|
|
return list.map((item) => ({ |
|
|
return list.map((item) => ({ |
|
|
label: item.tagName, |
|
|
label: item.tagName, |
|
|
value: item.tagName, |
|
|
value: item.tagName, |
|
|
@ -436,7 +509,7 @@ export default { |
|
|
editElseRules: {}, |
|
|
editElseRules: {}, |
|
|
editConfig: { |
|
|
editConfig: { |
|
|
confirmBtnName: "发布", |
|
|
confirmBtnName: "发布", |
|
|
cookInfoFn (data) { |
|
|
cookInfoFn(data) { |
|
|
if (data.richTextFlag == "0") { |
|
|
if (data.richTextFlag == "0") { |
|
|
data.content = data.contentList |
|
|
data.content = data.contentList |
|
|
.map((item) => { |
|
|
.map((item) => { |
|
|
@ -467,7 +540,7 @@ export default { |
|
|
return data; |
|
|
return data; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
beforeSubmit (formType, fmData, that) { |
|
|
beforeSubmit(formType, fmData, that) { |
|
|
if (fmData.isTop == "1" && !fmData.imgUrl) { |
|
|
if (fmData.isTop == "1" && !fmData.imgUrl) { |
|
|
that.$message.error("请上传封面图片"); |
|
|
that.$message.error("请上传封面图片"); |
|
|
return false; |
|
|
return false; |
|
|
@ -475,46 +548,130 @@ export default { |
|
|
return true; |
|
|
return true; |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
formData: {}, |
|
|
|
|
|
showAddImage: false, |
|
|
|
|
|
uploadUlr: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadvariedfile", |
|
|
|
|
|
replayImgList: [], |
|
|
|
|
|
hideUploadBtn: false, |
|
|
|
|
|
selType: "top", |
|
|
|
|
|
selArticleId: "", |
|
|
|
|
|
selImgUrl: "", |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
components: { basePage, offline }, |
|
|
components: { basePage, offline }, |
|
|
computed: {}, |
|
|
computed: {}, |
|
|
watch: {}, |
|
|
watch: {}, |
|
|
|
|
|
|
|
|
async mounted () { }, |
|
|
async mounted() {}, |
|
|
|
|
|
|
|
|
methods: { |
|
|
methods: { |
|
|
async handleOfflineShow (item) { |
|
|
async handleOfflineShow(item) { |
|
|
console.log(item); |
|
|
console.log(item); |
|
|
this.offlineShowed = true; |
|
|
this.offlineShowed = true; |
|
|
await nextTick(100); |
|
|
await nextTick(100); |
|
|
this.$refs.offlineForm.initForm(item); |
|
|
this.$refs.offlineForm.initForm(item); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async handleTopArticle (item, type) { |
|
|
async handleAddImage() { |
|
|
|
|
|
console.log("formData", this.formData); |
|
|
|
|
|
this.topArticle(); |
|
|
|
|
|
}, |
|
|
|
|
|
async handleCancleTopArticle(item, type) { |
|
|
|
|
|
this.selType = type; |
|
|
|
|
|
this.selArticleId = item.articleId; |
|
|
|
|
|
await this.topArticle(); |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
async handleTopArticle(item, type) { |
|
|
|
|
|
this.selType = type; |
|
|
|
|
|
this.selArticleId = item.articleId; |
|
|
|
|
|
|
|
|
const url = "/gov/voice/article/topArticle"; |
|
|
let hasImage = await this.isHasImage(); |
|
|
|
|
|
|
|
|
|
|
|
if (hasImage === "refrsh") { |
|
|
|
|
|
this.$message.error("请求失败，请重新尝试"); |
|
|
|
|
|
} else if (hasImage === "no") { |
|
|
|
|
|
// this.$message.info("请先上传封面图片"); |
|
|
|
|
|
this.showAddImage = true; |
|
|
|
|
|
} else { |
|
|
|
|
|
await this.topArticle(); |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
async isHasImage() { |
|
|
|
|
|
const url = "/gov/voice/article/detailV2"; |
|
|
const { tableData } = this; |
|
|
const { tableData } = this; |
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
articleId: item.articleId, |
|
|
articleId: this.selArticleId, |
|
|
type: type |
|
|
|
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
|
|
// this.formData = data |
|
|
|
|
|
if (data.imgUrl) { |
|
|
|
|
|
return "has"; |
|
|
|
|
|
} else { |
|
|
|
|
|
return "no"; |
|
|
|
|
|
} |
|
|
|
|
|
} else { |
|
|
|
|
|
return "refrsh"; |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
async topArticle() { |
|
|
|
|
|
const url = "/gov/voice/article/topArticle"; |
|
|
|
|
|
const { tableData } = this; |
|
|
|
|
|
let params = { |
|
|
|
|
|
articleId: this.selArticleId, |
|
|
|
|
|
type: this.selType, |
|
|
|
|
|
}; |
|
|
|
|
|
if (this.selImgUrl) { |
|
|
|
|
|
params.imgUrl = this.selImgUrl; |
|
|
|
|
|
} |
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
this.$message.success("操作成功！"); |
|
|
this.$message.success("操作成功！"); |
|
|
|
|
|
this.showAddImage = false; |
|
|
this.$refs.basePage.refresh(); |
|
|
this.$refs.basePage.refresh(); |
|
|
} else { |
|
|
} else { |
|
|
this.$message.success("操作失败！"); |
|
|
this.$message.success("操作失败！"); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
handleOfflineSuccess () { |
|
|
removePic(file, fileList) { |
|
|
|
|
|
this.selImgUrl = ""; |
|
|
|
|
|
this.replayImgList = []; |
|
|
|
|
|
this.hideUploadBtn = fileList.length >= 1; |
|
|
|
|
|
}, |
|
|
|
|
|
// 最多上传3张图，超过时隐藏上传按钮 |
|
|
|
|
|
handleEditChange(file, fileList) { |
|
|
|
|
|
this.hideUploadBtn = fileList.length >= 1; |
|
|
|
|
|
}, |
|
|
|
|
|
exceedPic() { |
|
|
|
|
|
this.$message.warning("只能上传1张封面图"); |
|
|
|
|
|
}, |
|
|
|
|
|
beforeAvatarUpload(file) { |
|
|
|
|
|
const isJPG = file.type === "image/jpeg"; |
|
|
|
|
|
const isLt2M = file.size / 1024 / 1024 < 10; |
|
|
|
|
|
|
|
|
|
|
|
if (!isLt2M) { |
|
|
|
|
|
this.$message.error("上传图片大小不能超过 10MB!"); |
|
|
|
|
|
} |
|
|
|
|
|
return isLt2M; |
|
|
|
|
|
}, |
|
|
|
|
|
handleSuccess(response, file, fileList) { |
|
|
|
|
|
this.replayImgList.push(file); |
|
|
|
|
|
this.selImgUrl = response.data.url; |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
handleOfflineSuccess() { |
|
|
this.$refs.basePage.refresh(); |
|
|
this.$refs.basePage.refresh(); |
|
|
this.offlineShowed = false; |
|
|
this.offlineShowed = false; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async handleClickDraft (fmData) { |
|
|
async handleClickDraft(fmData) { |
|
|
let url = this.addUrl; |
|
|
let url = this.addUrl; |
|
|
let params = { |
|
|
let params = { |
|
|
...fmData, |
|
|
...fmData, |
|
|
@ -541,4 +698,18 @@ export default { |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang="scss" scoped></style> |
|
|
<style lang="scss" scoped> |
|
|
|
|
|
@import "@/assets/scss/modules/management/form-main.scss"; |
|
|
|
|
|
|
|
|
|
|
|
.avatar-uploader { |
|
|
|
|
|
margin: 0 0 0 20px; |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
|
|
.hide { |
|
|
|
|
|
.el-upload--picture-card { |
|
|
|
|
|
display: none !important; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
|
|
|
jiangyy
3 years ago