|
|
@@ -4,7 +4,7 @@
|
|
|
<div class="topLeftTitle">针对论坛及其他平台链接上传</div>
|
|
|
<button class="addButton" @click="addInfo()">新增反馈</button>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="tableBox">
|
|
|
<table class="feedbackTable">
|
|
|
<thead class="theadStyle">
|
|
|
@@ -37,13 +37,13 @@
|
|
|
<td>{{ obj.publishSourceName }}</td>
|
|
|
<!-- 平台板块 发布版块-->
|
|
|
|
|
|
- <td>{{ obj.informationName }}</td>
|
|
|
+ <td>{{ obj.readCount }}</td>
|
|
|
<!-- 阅读量 -->
|
|
|
- <td>{{ obj.informationName }}</td>
|
|
|
+ <td>{{ obj.goodCount }}</td>
|
|
|
<!-- 点赞 -->
|
|
|
- <td>{{ obj.informationName }}</td>
|
|
|
+ <td>{{ obj.bbsCount }}</td>
|
|
|
<!-- 评论 -->
|
|
|
- <td>{{ obj.informationName }}</td>
|
|
|
+ <td>{{ obj.lookingCount }}</td>
|
|
|
<!-- 在看/转发 -->
|
|
|
|
|
|
<!-- <td>{{ obj.carTypeName }}</td> -->
|
|
|
@@ -57,9 +57,11 @@
|
|
|
<!-- 内容分类 内容分类2 -->
|
|
|
<td>{{ obj.carPlatformName }}</td>
|
|
|
<!-- 车型 -->
|
|
|
- <td>{{ obj.informationName }}</td>
|
|
|
- <!-- 反馈状态 -->
|
|
|
- <td>{{ obj.informationName }}</td>
|
|
|
+ <td :class="{ weiFanKui: !obj.id }">
|
|
|
+ {{ obj.id ? "已反馈" : "未反馈" }}
|
|
|
+ </td>
|
|
|
+ <!-- 反馈状态 未定-->
|
|
|
+ <td>{{ obj.endDate }}</td>
|
|
|
<!-- 反馈截止日期 -->
|
|
|
<td>{{ obj.mediaTitle }}</td>
|
|
|
<!-- 稿件标题 -->
|
|
|
@@ -69,17 +71,10 @@
|
|
|
<!-- 链接 -->
|
|
|
|
|
|
<td class="operationStyle" style="cursor: pointer">
|
|
|
- <span @click="toggleModal(index)" :class="showItemOperation">编辑</span>
|
|
|
- <span @click="toggleModal2(index)" :class="showItemOperation">删除</span>
|
|
|
- <!-- 弹窗： 确定删除？ -->
|
|
|
- <deleteModal
|
|
|
- v-if="showModal2"
|
|
|
- @dataDel="toDel"
|
|
|
- @hide_modal="closeme2"
|
|
|
- :LinkData="modalData"
|
|
|
- :showModalFlag="showModal2"
|
|
|
- :chooseItemIndex="nowIndex"
|
|
|
- ></deleteModal>
|
|
|
+ <span @click="toggleModal(index)">编辑</span>
|
|
|
+ <!-- :class="showItemOperation" -->
|
|
|
+ <span @click="toggleModal2(index)">删除</span>
|
|
|
+ <!-- :class="showItemOperation" -->
|
|
|
</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
@@ -95,48 +90,23 @@
|
|
|
:releaseMedia="releaseMedia"
|
|
|
></Modal>
|
|
|
|
|
|
+ <!-- 弹窗： 确定删除？ -->
|
|
|
+ <deleteModal
|
|
|
+ v-if="showModal2"
|
|
|
+ @dataDel="toDel"
|
|
|
+ @hide_modal="closeme2"
|
|
|
+ :LinkData="modalData"
|
|
|
+ :showModalFlag="showModal2"
|
|
|
+ ></deleteModal>
|
|
|
+
|
|
|
<div class="pageBottom">
|
|
|
<TablePage
|
|
|
:currentPage="currentPage"
|
|
|
:totalPage="totalPage"
|
|
|
@change_page="changePage"
|
|
|
@jump_page="jumpPage"
|
|
|
- class="tablePageStyle"
|
|
|
></TablePage>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- 弹窗： 上传链接超过剩余限制数量，请修改后重新导入 -->
|
|
|
- <div class="modal-backdrop" v-show="showModal3">
|
|
|
- <div class="modal">
|
|
|
- <div class="modal-body">
|
|
|
- <div class="bodyRow">上传链接超过剩余限制数量，请修改后重新导入</div>
|
|
|
- </div>
|
|
|
- <div class="modal-footer">
|
|
|
- <button type="button" class="btn-confirm" @click="closeme3()">
|
|
|
- 确定
|
|
|
- </button>
|
|
|
- <button type="button" class="btn-close" @click="closeme3">
|
|
|
- 取消
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 弹窗： 资料名称无法匹配，请修改后重新导入 -->
|
|
|
- <div class="modal-backdrop" v-show="showModal4">
|
|
|
- <div class="modal">
|
|
|
- <div class="modal-body">
|
|
|
- <div class="bodyRow">资料名称无法匹配，请修改后重新导入</div>
|
|
|
- <div class="bodyRow">成功{{ 1 }}条，失败{{ 1 }}条</div>
|
|
|
- </div>
|
|
|
- <div class="modal-footer" style="position: relative; top: 95px">
|
|
|
- <button type="button" class="btn-confirm" @click="closeme4()">
|
|
|
- 确定
|
|
|
- </button>
|
|
|
- <button type="button" class="btn-close" @click="closeme4">
|
|
|
- 取消
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <p style="margin-left: 16px">共{{ totalPage }}页，共{{ sum }}条数据</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -145,7 +115,7 @@
|
|
|
import Modal from "../../../components/Modal";
|
|
|
import TablePage from "../../../components/TablePage";
|
|
|
import deleteModal from "../../data/components/UploadLinkModalDelete";
|
|
|
-import { env_url } from "../../../config/env"
|
|
|
+import { env_url } from "../../../config/env";
|
|
|
|
|
|
export default {
|
|
|
props: {},
|
|
|
@@ -163,7 +133,6 @@ export default {
|
|
|
releaseMedia: [],
|
|
|
selectedPlatform: "",
|
|
|
selectedPlatformId: "",
|
|
|
- nowIndex: 0,
|
|
|
/* modal */
|
|
|
feedbackTimeLimit: 0,
|
|
|
showModal: false,
|
|
|
@@ -195,16 +164,33 @@ export default {
|
|
|
"操作",
|
|
|
],
|
|
|
tableData: [
|
|
|
- {
|
|
|
- informationId: "2021/03/04",
|
|
|
- publishDate: "雷克萨斯ES上市",
|
|
|
- carTypeName: "雷克萨斯ES",
|
|
|
- carPlatformName: "ES雷克萨斯",
|
|
|
- publishSourceName: "S雷克萨斯",
|
|
|
- projectTypeName: "东区1",
|
|
|
- contentTypeName: "雷克萨斯ES",
|
|
|
- mediaTitle: "ES雷克萨斯",
|
|
|
- mediaUrl: "",
|
|
|
+ {
|
|
|
+ accountId: null,
|
|
|
+ bbsCount: 0,
|
|
|
+ carPlatformName: null,
|
|
|
+ carTypeName: null,
|
|
|
+ contentTypeName: null,
|
|
|
+ dlrCode: null,
|
|
|
+ dlrName: null,
|
|
|
+ endDate: null,
|
|
|
+ endTime: null,
|
|
|
+ goodCount: 0,
|
|
|
+ id: "1384738850966597634",
|
|
|
+ informationId: null,
|
|
|
+ informationName: "1",
|
|
|
+ localArea: null,
|
|
|
+ lookingCount: 0,
|
|
|
+ mediaTitle: null,
|
|
|
+ mediaTypeName: null,
|
|
|
+ mediaUrl: null,
|
|
|
+ projectTypeName: null,
|
|
|
+ publishDate: null,
|
|
|
+ publishPlatformName: null,
|
|
|
+ publishSourceName: null,
|
|
|
+ queryParams: null,
|
|
|
+ readCount: 0,
|
|
|
+ reportDate: null,
|
|
|
+ startTime: null,
|
|
|
},
|
|
|
],
|
|
|
flag: true,
|
|
|
@@ -233,8 +219,10 @@ export default {
|
|
|
file: "",
|
|
|
dictList: [],
|
|
|
onlineUrl: env_url, //'http://8.140.188.129:8080'线上 //http://8.136.230.133:8080 //测试
|
|
|
- firmsDataCount: null,
|
|
|
+
|
|
|
userId: 254,
|
|
|
+ informationName: this.$route.query.informationName || "",
|
|
|
+ ziliaoId: this.$route.query.informationId || "",
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -244,38 +232,15 @@ export default {
|
|
|
},
|
|
|
//是否隐藏编辑按钮 时间判断
|
|
|
showItemOperation: function () {
|
|
|
-/* let myDate = new Date();
|
|
|
- myDate.getTime();
|
|
|
-console.log(myDate) */
|
|
|
- let nowDate = this.CurentTime();
|
|
|
- /* 2021-04-09T10:47:08.176 */
|
|
|
if (!this.endTime) {
|
|
|
- console.log(nowDate);
|
|
|
return { showItemOperationStyle: true };
|
|
|
} else {
|
|
|
console.log(this.endTime);
|
|
|
- if (nowDate < this.endTime) {
|
|
|
- return { showItemOperationStyle: false };
|
|
|
- }else{
|
|
|
- return { showItemOperationStyle: true };
|
|
|
- }
|
|
|
+ return { showItemOperationStyle: false };
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
methods: {
|
|
|
- CurentTime: function () {
|
|
|
- var now = new Date();
|
|
|
- var year = now.getFullYear(); //年
|
|
|
- var month = now.getMonth() + 1; //月
|
|
|
- var day = now.getDate(); //日
|
|
|
- var clock = year + "/";
|
|
|
-
|
|
|
- if (month < 10) clock += "0";
|
|
|
- clock += month + "/";
|
|
|
- if (day < 10) clock += "0";
|
|
|
- clock += day;
|
|
|
- return clock;
|
|
|
- },
|
|
|
/*toggleModal：点击编辑后弹窗； toggleModal2：点击删除后弹窗； toggleModal3：点击导入后弹窗； */
|
|
|
toggleModal: function (i) {
|
|
|
this.showModal = !this.showModal;
|
|
|
@@ -287,25 +252,11 @@ console.log(myDate) */
|
|
|
//删除
|
|
|
toggleModal2: function (i) {
|
|
|
this.showModal2 = !this.showModal2;
|
|
|
- this.nowIndex = i;
|
|
|
this.modalData = this.tableData[i];
|
|
|
- console.log("INtoggleModal2", this.modalData, this.nowIndex);
|
|
|
},
|
|
|
closeme2: function () {
|
|
|
this.showModal2 = !this.showModal2;
|
|
|
},
|
|
|
- toggleModal3: function () {
|
|
|
- this.showModal3 = !this.showModal3;
|
|
|
- },
|
|
|
- closeme3: function () {
|
|
|
- this.showModal3 = !this.showModal3;
|
|
|
- },
|
|
|
- toggleModal4: function () {
|
|
|
- this.showModal4 = !this.showModal4;
|
|
|
- },
|
|
|
- closeme4: function () {
|
|
|
- this.showModal4 = !this.showModal4;
|
|
|
- },
|
|
|
/* 编辑内容，，Modal传参 */
|
|
|
editTitle: function (val) {
|
|
|
console.log("editTitle文件:", val);
|
|
|
@@ -326,17 +277,6 @@ console.log(myDate) */
|
|
|
|
|
|
toDel: function (n) {
|
|
|
console.log("inToDel:", n);
|
|
|
- //清空数据
|
|
|
- /* if (n == -2) {
|
|
|
- this.tableData = "";
|
|
|
- }
|
|
|
- //清空某一项数据
|
|
|
- {
|
|
|
- let obj = this.tableData[n];
|
|
|
- Object.keys(obj).forEach((key) => {
|
|
|
- obj[key] = "";
|
|
|
- });
|
|
|
- } */
|
|
|
this.showModal2 = !this.showModal2;
|
|
|
//更新数据
|
|
|
|
|
|
@@ -381,17 +321,13 @@ console.log(myDate) */
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.data.code === 200) {
|
|
|
- //this.tableData = [];
|
|
|
let data = res.data.data;
|
|
|
- this.firmsDataCount = data.length;
|
|
|
- for (
|
|
|
- let i = 0, j = 0;
|
|
|
- i < this.tableData.length && j < data.length;
|
|
|
- i++, j++
|
|
|
- ) {
|
|
|
+ console.log(data);
|
|
|
+ this.sum = res.data.count;
|
|
|
+ for (let i = 0, j = 0; j < data.length; i++, j++) {
|
|
|
this.$set(this.tableData, i, data[j]);
|
|
|
}
|
|
|
- console.log(this.tableData);
|
|
|
+
|
|
|
//修改素材时间显示格式
|
|
|
console.log(this.tableData[0].publishDate);
|
|
|
let len = this.tableData.length;
|
|
|
@@ -651,13 +587,10 @@ console.log(myDate) */
|
|
|
font-size: 16px;
|
|
|
font-family: Arial;
|
|
|
}
|
|
|
-/* .tablePageStyle{
|
|
|
- position: relative;
|
|
|
- left: 266px;
|
|
|
-} */
|
|
|
+
|
|
|
.pageBottom {
|
|
|
display: flex;
|
|
|
- justify-content: space-between;
|
|
|
+ justify-content: flex-end;
|
|
|
align-items: center;
|
|
|
}
|
|
|
.topLeftTitle {
|
