diff --git a/src/components/page/articleListEditor_A.vue b/src/components/page/articleListEditor_A.vue index 054a228..b64dd4e 100644 --- a/src/components/page/articleListEditor_A.vue +++ b/src/components/page/articleListEditor_A.vue @@ -1,17 +1,13 @@ @@ -597,7 +711,11 @@ import { Loading } from 'element-ui'; + import timetalk from './time_talk' export default { + components: { + timetalk + }, data() { return { baseUrl: this.Common.baseUrl, @@ -609,7 +727,7 @@ special_num: 0, name: '', sn: '', - state: -1, + state: 0, act: 1, pageIndex: 1, pageSize: 20 @@ -617,6 +735,19 @@ tableData: [], multipleSelection: [], delList: [], + statList: [{ + state: 0 + }, { + state: 1 + }, { + state: 2 + }, { + state: 4 + }, { + state: 3 + }, { + state: 5 + }], Total: 0, geogleList: [], IndexForm: {}, @@ -625,7 +756,15 @@ editbox: false, repebox: false, aiSorbox: false, + communVisible: false, + talkMsgs: [], itemGuest: [], + msgform: { + username: localStorage.getItem('U_name'), + article_id: '', + user_id: '', + ad_content: '' + }, editform: { editname: localStorage.getItem('U_name'), articleId: 0, @@ -728,6 +867,17 @@ }); }, + // 改变状态 + changeState() { + if (this.query.act == 1) { + this.statList = [0, 1, 2, 4, 6] + this.query.state = 0 + } else { + this.statList = [3, 5] + this.query.state = 3 + } + this.getdate() + }, // 获取数据 getdate() { const loading = this.$loading({ @@ -765,8 +915,14 @@ } }; } - }; + for (let i = 0; i < res.state_num.length; i++) { + for (let j = 0; j < this.statList.length; j++) { + if (i == this.statList[j].state) { + this.statList[j].num = res.state_num[i] + } + } + } loading.close(); }) .catch(err => { @@ -1117,6 +1273,25 @@ this.$message.error(err); }); }, + // 留言板出框 + articleCommun(e) { + this.msgform.user_id = e.user_id + this.msgform.article_id = e.article_id + this.msgform.title = e.title + this.talkMsgs = [] + this.$api + .post('api/Article/getArticleDialogs', { + article_id: e.article_id + }) + .then((res) => { + this.talkMsgs = res.data.dialogs; + this.communVisible = true + }) + .catch((err) => { + console.log(err); + }); + + }, // 修改标记 saveRemark() { this.$api.post('api/Article/editArticleRemark', this.remark) @@ -1222,6 +1397,16 @@ var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate(); return Y + M + D; }, + formatDate_(timestamp) { + var date = new Date(timestamp * 1000); //时间戳为10位需*1000,时间戳为13位的话不需乘1000 + var Y = date.getFullYear() + '-'; + var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'; + var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate(); + var h = date.getHours() < 10 ? '0' + date.getHours() : date.getHours(); + var m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes(); + var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds(); + return Y + M + D + ' ' + h + ':' + m + ':' + s; + }, // 分页导航 handlePageChange(val) { this.$set(this.query, 'pageIndex', val); @@ -1281,6 +1466,19 @@ margin: 0 5px 10px 0; } + .markStare { + float: right; + color: #fff; + font-size: 12px; + background: #006699; + border-radius: 10px; + display: inline-block; + line-height: 18px; + height: 18px; + padding: 0 6px; + margin: 9px 0 0 0; + } + .table { width: 100%; font-size: 14px; @@ -1339,7 +1537,7 @@ background-color: #fff; position: relative; } - + .mangu_list:nth-child(2n+1) { background-color: #fafafa; } @@ -1354,7 +1552,7 @@ } .mangu_list .man_title { - margin: 2px 100px 10px 0; + margin: 2px 100px 20px 0; font-weight: bolder; letter-spacing: -0.5px; font-size: 16px; @@ -1368,6 +1566,71 @@ } + .mangu_list div.fi_new { + margin: 0 0 0 10px; + margin-bottom: 10px; + text-align: left; + } + + .mangu_list div.fi_new>p { + margin-bottom: 5px; + } + + .mangu_list div.fi_new>div { + color: #333; + display: block; + margin: 0 0 15px 0; + line-height: 22px; + } + + + + .mangu_list div.fi_new>div>img { + width: 15px; + vertical-align: text-bottom; + margin: 0 5px 0 0; + } + + .mangu_list div.fi_new>div>span>font { + color: #888; + margin: 0 5px 0 0; + font-size: 13px; + letter-spacing: -1px; + } + + .mangu_list div.fi_new>div>span>i { + font-size: 12px; + color: #888; + margin: 0 0 0 3px; + font-style: normal; + } + + + .mangu_list div.fi_new>div>a { + margin: 0 5px 0 0; + } + + + + + .mangu_list div.fi_new .download { + font-weight: bold; + color: #75abf1; + margin: 0 0 0 10px; + } + .mangu_list div.fi_new>div>a:hover .download { + color: #006699; + } + + + .mangu_list .fixCard { + text-align: center; + background: #0066990d; + padding: 20px 10px; + } + + + .gugeList {