|
|
@@ -4,9 +4,10 @@
|
|
|
<span>针对论坛及其他平台链接上传</span>
|
|
|
<div class="contentHead">
|
|
|
<span>上传平台</span>
|
|
|
- <select name="" id="">
|
|
|
- <option value="">汽车之家</option>
|
|
|
- <option value="">请选择</option>
|
|
|
+ <select name="" id="" v-model="platformVal" @change="choosePlatform">
|
|
|
+ <option v-for="(item, index) in platform" :key="index" :value="item.platformName">
|
|
|
+ {{ item.platformName }}
|
|
|
+ </option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div class="tableBox">
|
|
|
@@ -15,7 +16,7 @@
|
|
|
<tr class="tableHeadStyle1">
|
|
|
<td>论坛传播情况汇总</td>
|
|
|
</tr>
|
|
|
- <tr class="tableHeadStyle2">
|
|
|
+ <tr class="tableHeadStyle2 tableHeadStyle3">
|
|
|
<td v-for="(item, index) in tableHeader" :key="index">
|
|
|
{{ item }}
|
|
|
</td>
|
|
|
@@ -29,25 +30,25 @@
|
|
|
:class="{ table_gray: index % 2 === 0 }"
|
|
|
>
|
|
|
<td v-if="flag">{{ index + 1 }}</td>
|
|
|
- <td>{{ obj.informationId || "2021/03/04" }}</td>
|
|
|
+ <td>{{ obj.informationId }}</td>
|
|
|
<!-- 资料名称 待定-->
|
|
|
- <td>{{ obj.publishDate || "2021/03/04" }}</td>
|
|
|
+ <td>{{ obj.publishDate }}</td>
|
|
|
<!-- 发布日期 -->
|
|
|
- <td>{{ obj.carTypeName || "2021/03/04" }}</td>
|
|
|
+ <td>{{ obj.carTypeName }}</td>
|
|
|
<!-- 车系 -->
|
|
|
- <td>{{ obj.carPlatformName || "2021/03/04" }}</td>
|
|
|
+ <td>{{ obj.carPlatformName }}</td>
|
|
|
<!-- 车型 -->
|
|
|
- <td>{{ obj.publishSourceName || "2021/03/04" }}</td>
|
|
|
+ <td>{{ obj.publishSourceName }}</td>
|
|
|
<!-- 发布版块 -->
|
|
|
- <td>{{ obj.projectTypeName || "2021/03/04" }}</td>
|
|
|
+ <td>{{ obj.projectTypeName }}</td>
|
|
|
<!-- 项目分类 -->
|
|
|
- <td>{{ obj.contentTypeName || "2021/03/04" }}</td>
|
|
|
+ <td>{{ obj.contentTypeName }}</td>
|
|
|
<!-- 内容分类 -->
|
|
|
- <td>{{ obj.contentTypeName || "2021/03/04" }}</td>
|
|
|
+ <td>{{ obj.contentTypeName }}</td>
|
|
|
<!-- 内容分类 -->
|
|
|
- <td>{{ obj.mediaTitle || "2021/03/04" }}</td>
|
|
|
+ <td>{{ obj.mediaTitle }}</td>
|
|
|
<!-- 稿件标题 -->
|
|
|
- <td>{{ obj.mediaUrl || "2021/03/04" }}</td>
|
|
|
+ <td>{{ obj.mediaUrl }}</td>
|
|
|
<!-- 链接 -->
|
|
|
<td class="operationStyle">
|
|
|
<span @click="toggleModal(index)">编辑</span>
|
|
|
@@ -70,6 +71,7 @@
|
|
|
v-on:closeme="closeme"
|
|
|
:Linkdata="tableData"
|
|
|
@update="editTitle"
|
|
|
+ :selectedPlatform="selectedPlatform"
|
|
|
></Modal>
|
|
|
|
|
|
<div class="timeLimitStyle">
|
|
|
@@ -160,6 +162,9 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ platform: [],
|
|
|
+ platformVal: "",
|
|
|
+ selectedPlatform: "",
|
|
|
nowIndex: 0,
|
|
|
/* modal */
|
|
|
feedbackTimeLimit: 6,
|
|
|
@@ -266,7 +271,6 @@ export default {
|
|
|
toggleModal: function (i) {
|
|
|
this.showModal = !this.showModal;
|
|
|
this.modalData = this.tableData[i];
|
|
|
- console.log("INtoggleModal", this.modalData);
|
|
|
},
|
|
|
closeme: function () {
|
|
|
this.showModal = !this.showModal;
|
|
|
@@ -297,7 +301,7 @@ export default {
|
|
|
console.log("editTitle文件:", val);
|
|
|
//this.Linkdata = new Array(val);
|
|
|
this.$http({
|
|
|
- url: "/dealerFeedback",
|
|
|
+ url: val.url,
|
|
|
method: "post",
|
|
|
data: val.data,
|
|
|
})
|
|
|
@@ -349,11 +353,14 @@ export default {
|
|
|
console.log(this.currentPage);
|
|
|
},
|
|
|
//获取资料列表
|
|
|
- getDataList: function () {
|
|
|
+ getDataList: function (config) {
|
|
|
this.$http({
|
|
|
url: "/firmsLinkUpload",
|
|
|
method: "post",
|
|
|
- data: {},
|
|
|
+ data: {
|
|
|
+ //id: config,
|
|
|
+ platformName: config,
|
|
|
+ },
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.data.code === 200) {
|
|
|
@@ -436,9 +443,33 @@ export default {
|
|
|
// 以二进制方式打开文件
|
|
|
fileReader.readAsBinaryString(files[0]); */
|
|
|
},
|
|
|
+ //获取平台列表
|
|
|
+ getPlatform: function () {
|
|
|
+ this.$http({
|
|
|
+ url: "/base/publishPlatformManager/selectPublishPlatformList",
|
|
|
+ method: "post",
|
|
|
+ data: {},
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.data.code === 200) {
|
|
|
+ this.platform = res.data.data;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.log(err);
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
+ //下拉选择平台
|
|
|
+ choosePlatform: function () {
|
|
|
+ console.log(this.platformVal)
|
|
|
+ this.selectedPlatform = this.platformVal;
|
|
|
+ this.getDataList(this.platformVal);
|
|
|
+ },
|
|
|
+
|
|
|
},
|
|
|
mounted() {
|
|
|
- //this.getDataList();
|
|
|
+ this.getPlatform();
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
@@ -473,8 +504,8 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-.table_gray {
|
|
|
- background-color: #00549f;
|
|
|
+.table_gray td{
|
|
|
+ background-color: #eeeeee;
|
|
|
}
|
|
|
.tableBox table {
|
|
|
border-collapse: collapse;
|
|
|
@@ -504,7 +535,7 @@ export default {
|
|
|
padding: 7px 5px;
|
|
|
}
|
|
|
.tableHeadStyle2 {
|
|
|
- background: #848484;
|
|
|
+ // background: #848484;
|
|
|
height: 30px;
|
|
|
color: #fff;
|
|
|
display: flex;
|
|
|
@@ -514,6 +545,9 @@ export default {
|
|
|
width: 100px;
|
|
|
padding: 7px 5px;
|
|
|
}
|
|
|
+.tableHeadStyle3 td {
|
|
|
+ background: #848484;
|
|
|
+}
|
|
|
.tableHeadStyle2 td:nth-child(1) {
|
|
|
width: 60px;
|
|
|
}
|
|
|
@@ -545,7 +579,7 @@ export default {
|
|
|
color: #0000ff;
|
|
|
}
|
|
|
.bodyContent td {
|
|
|
- background-color: #fff;
|
|
|
+ //background-color: #fff;
|
|
|
height: 20px;
|
|
|
}
|
|
|
.operationStyle {
|