资料列表接口调整，样式细节修改，链接上传接口测试

src/components/Modal.vue

@@ -13,8 +13,7 @@
           </select>
         </div>
         <div class="bodyRow timeWidth">
-          <span>发布时间</span
-          ><input type="datetime" placeholder="选择时间">
+          <span>发布时间</span><input type="datetime" placeholder="选择时间" />
         </div>
         <div class="bodyRow">
           <div class="contentCol1">
@@ -32,8 +31,7 @@
         </div>
         <div class="bodyRow">
           <div class="contentCol1">
-            <span>发布平台</span
-            >
+            <span>发布平台</span>
             <div>汽车之家</div>
           </div>
 
@@ -66,12 +64,20 @@
         </div>
         <div class="bodyRow">
           <span>标题</span>
-          <input type="text" placeholder="文章标题" v-model="dataset_title" />
-          <!--     <span>{{dataset_title}}</span> -->
+          <input
+            type="text"
+            placeholder="文章标题"
+            v-model="mediaTitle"
+          />
+          <!--     <span>{{LinkData}}</span> -->
         </div>
         <div class="bodyRow">
           <span>链接</span>
-          <input type="text" placeholder="文章发布地址" v-model="dataset_link" />
+          <input
+            type="text"
+            placeholder="文章发布地址"
+            v-model="mediaUrl"
+          />
         </div>
       </div>
       <div class="modal-footer">
@@ -93,62 +99,50 @@
 export default {
   name: "Modal",
   props: {
-    //dataset_title: String,
+    LinkData: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
     //dataset_link: String,
   },
   data() {
     return {
       formData: new FormData(),
-      dataset_title: "",
-      dataset_link: "",
+      //LinkData: "",
+      // dataset_link: "",
+      mediaTitle: "",
+      mediaUrl: "",
     };
   },
   methods: {
     closeSelf() {
       this.$emit("closeme");
     },
-    /*     toUploadFile() {
-      let btn = document.getElementById("unloadFile");
-      btn.click();
-      this.dialogVisible = false;
-      this.uploadPercent = 0;
-    }, */
     onSubmit() {
-      /* this.formData.append("dataset_title", this.dataset_title);
-      this.formData.append("dataset_link", this.dataset_link);
-
-      this.$http({
-        method: "post",
-        url: "/auth/checkSign",
-        data: {
-          //  token: token,  
-          //this.$http.post("/datasets/", this.formData) 
-        },
-      })
-        .then((r) => {
-          console.log(r);
-          this.$notify({
-            title: "成功",
-            message: "这是一条成功的提示消息",
-            type: "success",
-          });
-          this.$router.push({ path: "/filemanage/data" });
-        })
-        .catch((e) => {
-          console.log(e);
-          this.$notify.error({
-            title: "失败",
-            message: "创建数据集失败",
-          });
-        }); */
+     
+      this.$emit("closeme");
     },
     edit: function () {
-      this.$emit("update", this.dataset_title)  ;
-      this.book = "";
-      console.log("modal:", this.dataset_title);
+      console.log("edit:", this.mediaTitle)
+      let config = {
+              url: "/dealerDownload",
+              data: {
+                Title: this.mediaTitle,
+                Url: this.mediaUrl,
+              },
+            };
+      this.$emit("update", config);
     },
+    test: function () {
+     /*  this.mediaTitle=this.LinkData.mediaTitle;
+      this.mediaUrl=this.LinkData.mediaUrl; */
+    },
+  },
+  mounted() {
+    this.test();
   },
-  computed: {},
 };
 </script>
 
@@ -159,13 +153,13 @@ export default {
   right: 0;
   bottom: 0;
   left: 0;
-  background-color: #7D9191;
+  background-color: #7d9191;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 .modal {
-  background-color:#EEEEEE;
+  background-color: #eeeeee;
   box-shadow: 2px 2px 20px 1px;
   overflow-x: auto;
   display: flex;
@@ -179,9 +173,9 @@ export default {
   justify-content: space-between;
   padding: 15px;
   display: flex;
-  border-bottom: 1px solid #E3E3E3;
+  border-bottom: 1px solid #e3e3e3;
 }
-.modal-header span{
+.modal-header span {
   font-size: 16px;
   font-weight: bold;
 }
@@ -191,18 +185,21 @@ export default {
   padding: 15px;
   display: flex;
 }
-.modal-footer button{
+.modal-footer button {
   width: 90px;
   margin-left: 0px;
 }
-.modal-footer button:nth-child(1){
+.modal-footer button:nth-child(1) {
   margin-right: 80px;
 }
 .modal-body {
   position: relative;
   padding: 20px 120px 20px 180px;
 }
-.modal-body span,select,input,div{
+.modal-body span,
+select,
+input,
+div {
   font-size: 14px;
 }
 
@@ -239,7 +236,8 @@ export default {
 .bodyRow input {
   width: 480px;
 }
-.bodyRow select,input {
+.bodyRow select,
+input {
   padding: 2px;
 }
 .contentCol1 {
@@ -260,7 +258,7 @@ export default {
   align-items: center;
   width: 363px;
 }
-.timeWidth input{
+.timeWidth input {
   width: 150px;
 }
 </style>

src/views/account/AccountManage.vue

@@ -95,11 +95,11 @@
 </template>
 
 <script>
-import Modal from "../../components/Modal2"
+import Modal from "../../components/Modal2";
 export default {
   props: {},
   components: {
-    Modal
+    Modal,
   },
   data() {
     return {
@@ -108,7 +108,7 @@ export default {
       tableHeader: ["平台名称", "平台账号", "是否认证", "粉丝数", "操作"],
       tableData: [
         {
-          releaseTime: "",
+          platformName: "",
           dataName: "",
           carSeries: "",
           carType: "",
@@ -132,6 +132,26 @@ export default {
     closeme: function () {
       this.showModal = !this.showModal;
     },
+    //获取资料列表--分页查询每个经销商账号信息
+    getDataList: function () {
+      this.$http({
+        url: "/sys/mediaAccount/selectMediaAccountPage",
+        method: "post",
+        data: {},
+      })
+        .then((res) => {
+          console.log(res);
+          if (res.data.code === 200) {
+          //  this.tableData = res.data.data;
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    },
+  },
+  mounted() {
+    this.getDataList();
   },
 };
 </script>
@@ -160,7 +180,7 @@ export default {
 .operationStyle span {
   color: #027db4;
 }
-.upload_record div:nth-child(1){
+.upload_record div:nth-child(1) {
   margin: 16px;
   margin-left: 0px;
 }

src/views/data/InforList.vue

@@ -19,20 +19,35 @@
       <div class="sortBox">
         <div class="sort_inside">
           <span>是否下载</span>
-          <select name="" id="isDownload">
+          <select
+            name=""
+            id="isDownload"
+            @change="sortByDownload"
+            v-model="downloadSortVal"
+          >
             <option value="">不限</option>
-            <option value="">已下载</option>
-            <option value="">未下载</option>
+            <option value="already">已下载</option>
+            <option value="notyet">未下载</option>
           </select>
           <span>是否反馈</span>
-          <select name="" id="isReturn">
+          <select
+            name=""
+            id="isReturn"
+            @change="sortByReport"
+            v-model="reportSortVal"
+          >
             <option value="">不限</option>
-            <option value="">已反馈</option>
+            <option value="already">已反馈</option>
             <option value="">未反馈</option>
           </select>
           <span>排序</span>
-          <select name="" id="timeSort">
-            <option value="">时间降序</option>
+          <select
+            name=""
+            id="timeSort"
+            @change="sortByTime"
+            v-model="timeSortVal"
+          >
+            <option value="asc">时间降序</option>
             <option value="">时间升序</option>
           </select>
         </div>
@@ -63,7 +78,7 @@
                 <td>{{ obj.filePulishTime || "2021/02" }}</td>
                 <td>{{ obj.accountScope === 1 ? "共通" : "部分" }}</td>
                 <td>{{ obj.fileUploadDate || "2021/01/10 12:12" }}</td>
-                <td>{{ obj.download || "已下载" }}</td>
+                <td>{{ obj.download === 1 ? "已下载" : "未下载" }}</td>
                 <td>{{ obj.report === 1 ? "已反馈" : "未反馈" }}</td>
 
                 <td v-if="operation" :style="trStyle" class="operationStyle">
@@ -118,6 +133,9 @@ export default {
   },
   data() {
     return {
+      timeSortVal: "",
+      reportSortVal: "",
+      downloadSortVal: "",
       initialPage: this.detailVisible,
       tableHeaderD: [
         "资料名称",
@@ -169,6 +187,7 @@ export default {
           fileUploadDate: "",
           download: "已下载",
           report: "未反馈",
+          asc: "false",
         },
       ],
       tableHeadStyle: {
@@ -277,6 +296,29 @@ export default {
           console.log(err);
         });
     },
+    //以时间排序
+    sortByTime: function () {
+      let asc = this.timeSortVal === "asc" ? true : false;
+      let data = {
+        asc: asc,
+      };
+      this.getDataList(data);
+    },
+    //反馈标识
+    sortByReport: function () {
+      let reportId = this.reportSortVal === "already" ? true : false;
+      let data = {
+        reportId: reportId,
+      };
+      this.getDataList(data);
+    },
+    sortByDownload: function () {
+      if (this.downloadSortVal === "notyet") {
+        console.log("notyet");
+      } else if (this.downloadSortVal === "already") {
+        console.log("already");
+      }
+    },
   },
   mounted() {
     this.getDataList();

src/views/data/UploadLink.vue

@@ -26,39 +26,29 @@
             class="bodyContent tableHeadStyle2"
             v-for="(obj, index) in tableData"
             :key="index"
-            :class="{ table_gray: !discolor && index % 2 === 0 }"
+            :class="{ table_gray: index % 2 === 0 }"
           >
             <td v-if="flag">{{ index + 1 }}</td>
-            <td>
-              {{ obj.releaseTime }}
-            </td>
-            <td>
-              {{ obj.dataName }}
-            </td>
-            <td>
-              {{ obj.carSeries }}
-            </td>
-            <td>
-              {{ obj.carType }}
-            </td>
-            <td>
-              {{ obj.releaseMedia }}
-            </td>
-            <td>
-              {{ obj.projectClass }}
-            </td>
-            <td>
-              {{ obj.draftGenre }}
-            </td>
-            <td>
-              {{ obj.contentClass }}
-            </td>
-            <td>
-              {{ obj.articleTitle }}
-            </td>
-            <td>
-              {{ obj.articleLink }}
-            </td>
+            <td>{{ obj.informationId }}</td>
+            <!-- 资料名称 待定-->
+            <td>{{ obj.publishDate }}</td>
+            <!-- 发布日期 -->
+            <td>{{ obj.carTypeName }}</td>
+            <!-- 车系 -->
+            <td>{{ obj.carPlatformName }}</td>
+            <!-- 车型 -->
+            <td>{{ obj.publishSourceName }}</td>
+            <!-- 发布版块 -->
+            <td>{{ obj.projectTypeName }}</td>
+            <!-- 项目分类 -->
+            <td>{{ obj.contentTypeName }}</td>
+            <!-- 内容分类 -->
+            <td>{{ obj.contentTypeName }}</td>
+            <!-- 内容分类 -->
+            <td>{{ obj.mediaTitle }}</td>
+            <!-- 稿件标题 -->
+            <td>{{ obj.mediaUrl }}</td>
+            <!-- 链接 -->
             <td class="operationStyle">
               <span @click="toggleModal(index)">编辑</span>
               <span @click="toggleModal2(index)">删除</span>
@@ -78,7 +68,7 @@
     <Modal
       v-show="showModal"
       v-on:closeme="closeme"
-      :dataset_title="tableData.articleTitle"
+      :Linkdata="tableData"
       @update="editTitle"
     ></Modal>
 
@@ -182,56 +172,47 @@ export default {
       ],
       tableData: [
         {
-          releaseTime: "2021/03/04",
-          dataName: "雷克萨斯ES上市",
-          carSeries: "雷克萨斯ES",
-          carType: "ES雷克萨斯",
-          releaseMedia: "S雷克萨斯",
-          // releasePlate: " ",
-          projectClass: "东区",
-          draftGenre: "雷克萨斯ES",
-          contentClass: "ES雷克萨斯",
-          articleTitle: "S雷克萨斯",
-          articleLink: "d",
-        },
-        {
-          releaseTime: "2021/03/04",
-          dataName: "雷克萨斯ES上市",
-          carSeries: "雷克萨斯ESqq",
-          carType: "ES雷克萨斯",
-          releaseMedia: "S雷克萨斯",
-          // releasePlate: " ",
-          projectClass: "东区",
-          draftGenre: "雷克萨斯ES",
-          contentClass: "ES雷克萨斯",
-          articleTitle: "S雷克萨斯",
-          articleLink: "d",
+          /* <!-- 资料名称 待定--> 
+      <!-- 发布日期 -->
+      <!-- 车系 --> 
+      <!-- 车型 -->
+      <!-- 发布版块 -->
+      <!-- 项目分类 -->
+      <!-- 内容分类 -->
+      <!-- 内容分类 -->
+      <!-- 稿件标题 -->
+      <!-- 链接 --> */
+          informationId: "2021/03/04",
+          publishDate: "雷克萨斯ES上市",
+          carTypeName: "雷克萨斯ES",
+          carPlatformName: "ES雷克萨斯",
+          publishSourceName: "S雷克萨斯",
+          projectTypeName: "东区1",
+          contentTypeName: "雷克萨斯ES",
+          mediaTitle: "ES雷克萨斯",
+          mediaUrl: "S雷克萨斯",
         },
         {
-          releaseTime: "",
-          dataName: "",
-          carSeries: "",
-          carType: "",
-          releaseMedia: "",
-          // releasePlate: " ",
-          projectClass: "",
-          draftGenre: "",
-          contentClass: "",
-          articleTitle: "",
-          articleLink: "",
+          informationId: "2021/03/04",
+          publishDate: "雷克萨斯ES上市",
+          carTypeName: "雷克萨斯ES",
+          carPlatformName: "ES雷克萨斯",
+          publishSourceName: "S雷克萨斯",
+          projectTypeName: "东区2",
+          contentTypeName: "雷克萨斯ES",
+          mediaTitle: "ES雷克萨斯",
+          mediaUrl: "S雷克萨斯",
         },
         {
-          releaseTime: "",
-          dataName: "",
-          carSeries: "",
-          carType: "",
-          releaseMedia: "",
-          // releasePlate: " ",
-          projectClass: "",
-          draftGenre: "",
-          contentClass: "",
-          articleTitle: "",
-          articleLink: "",
+          informationId: "",
+          publishDate: "",
+          carTypeName: "",
+          carPlatformName: "",
+          publishSourceName: "",
+          projectTypeName: "",
+          contentTypeName: "",
+          mediaTitle: "",
+          mediaUrl: "",
         },
       ],
       flag: true,
@@ -295,19 +276,28 @@ export default {
     closeme4: function () {
       this.showModal4 = !this.showModal4;
     },
+    /* 编辑内容，，传参 */
     editTitle: function (val) {
-      this.dataset_title = new Array(val);
-      console.log("inEditTitle:", this.dataset_title);
+      console.log("editTitle文件:", val);
+      //this.Linkdata = new Array(val);
+      this.$http({
+        url: "/firmsLinkUpload",
+        method: "post",
+        data: val.data,
+      })
+        .then((res) => {
+          console.log(res);
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+      //console.log("inEditTitle:", this.Linkdata);
+
+      this.getDataList();
     },
-    /*     add: function () {
-      this.myData.push({
-        username: this.username,
-        age: this.age,
-      });
-      (this.username = ""), (this.age = "");
-    }, */
+
     toDel: function (n) {
-      console.log("inToDel:", n);
+      // console.log("inToDel:", n);
       //清空数据
       if (n == -2) {
         this.tableData = "";
@@ -315,16 +305,13 @@ export default {
       //清空某一项数据
       {
         let obj = this.tableData[n];
-        console.log(obj);
+        // console.log(obj);
         Object.keys(obj).forEach((key) => {
           obj[key] = "";
         });
       }
       this.showModal2 = !this.showModal2;
     },
-    getIndex: function (index) {
-      console.log("inGetIndex", index);
-    },
     /* 表格翻页 */
     changePage: function (page) {
       this.currentPage = page;
@@ -357,12 +344,11 @@ export default {
         data: {},
       })
         .then((res) => {
-          console.log("uploadLink res:",res);
+          console.log("uploadLink res:", res);
           if (res.data.code === 200) {
             this.tableData = res.data.data;
-            console.log("uploadLink tableData:",this.tableData);
+            console.log("uploadLink tableData:", this.tableData);
           }
-          
         })
         .catch((err) => {
           console.log(err);

src/views/data/components/InfoListItemDetail.vue

@@ -42,7 +42,7 @@
         </div>
         <div class="detail">
           <span>资料描述：</span>
-          <span>{{ detailData[nowIndex].spread }}</span>
+          <span>{{ detailData[nowIndex].fileDiscription }}</span>
         </div>
         <div class="filesStyle multiDetail">
           <span>附件：</span>