处理接口问题

src/components/Modal.vue

@@ -1,470 +1,470 @@
-<template>
-  <div class="modal-backdrop">
-    <div class="modal">
-      <!--  id="unloadFile" :style="mainStyles"-->
-      <div class="modal-header">
-        <span>编辑</span>
-      </div>
-      <div class="modal-body">
-        <div class="bodyRow">
-          <span>资料名称</span>
-          <select v-model="ziliaoId">
-            <option
-              v-for="(item, index) in dataName"
-              :key="index"
-              :value="item.id"
-            >
-              {{ item.informationName }}
-            </option>
-          </select>
-        </div>
-        <div class="bodyRow timeWidth">
-          <span>发布时间</span><input type="date" placeholder="选择时间" />
-        </div>
-        <div class="bodyRow">
-          <div class="contentCol1">
-            <span>车系</span
-            ><select v-model="carS" @change="chooseCarSeries">
-              <option
-                v-for="(item, index) in carSeries"
-                :key="index"
-                :value="item.id"
-              >
-                {{ item.typeName }}
-              </option>
-            </select>
-          </div>
-          <div class="contentCol2">
-            <span>车型</span
-            ><select>
-              <option
-                v-for="(item, index) in carType"
-                :key="index"
-                :value="item.typeName"
-              >
-                {{ item.typeName }}
-              </option>
-            </select>
-          </div>
-        </div>
-        <div class="bodyRow">
-          <div class="contentCol1">
-            <span>发布平台</span>
-            <div>{{ selectedPlatform }}</div>
-          </div>
-          <div class="contentCol2">
-            <span>发布板块</span
-            ><select name="" id="">
-              <option
-                v-for="(item, index) in releasePlate"
-                :key="index"
-                :value="item.id"
-              >
-                {{ item.platformName }}
-              </option>
-            </select>
-          </div>
-        </div>
-        <div class="bodyRow">
-          <span>项目分类</span
-          ><select name="" id="">
-            <option value="">请选择</option>
-          </select>
-        </div>
-        <div class="bodyRow">
-          <div class="contentCol1">
-            <span>内容分类1</span
-            ><select name="" id="">
-              <option
-                v-for="(item, index) in content1"
-                :key="index"
-                :value="item.id"
-              >
-                {{ item.dictName }}
-              </option>
-            </select>
-          </div>
-          <div class="contentCol2">
-            <span>内容分类2</span
-            ><select name="" id="">
-              <option
-                v-for="(item, index) in content2"
-                :key="index"
-                :value="item.id"
-              >
-                {{ item.dictName }}
-              </option>
-            </select>
-          </div>
-        </div>
-        <div class="bodyRow">
-          <span>标题</span>
-          <input type="text" placeholder="文章标题" v-model="mediaTitle" />
-          <!--     <span>{{LinkData}}</span> -->
-        </div>
-        <div class="bodyRow">
-          <span>链接</span>
-          <input type="text" placeholder="文章发布地址" v-model="mediaUrl" />
-        </div>
-      </div>
-      <div class="modal-footer">
-        <!-- <button type="button" class="btn-confirm" @click="confirm">确认</button> -->
-        <button type="button" class="btn-confirm" @click="closeSelf(), edit()">
-          确认
-        </button>
-        <button type="button" class="btn-close" @click="closeSelf">取消</button>
-      </div>
-    </div>
-  </div>
-</template>
- 
-<script>
-export default {
-  name: "Modal",
-  props: {
-    LinkData: {
-      type: Array,
-      default: () => {
-        return [];
-      },
-    },
-    selectedPlatform: {
-      type: String,
-      default: () => {
-        return "";
-      },
-    },
-    sonPlatformId: {
-      type: String,
-      default: () => {
-        return "";
-      },
-    },
-    releasePlate: {
-      type: Array,
-      default: () => {
-        return [];
-      },
-    },
-  },
-  data() {
-    return {
-      dataName: [],
-      carSeries: [],
-      carType: [],
-      content1: [],
-      content2: [],
-     // releasePlate: [],
-
-      carS: "",
-      ziliaoId: "",
-      content1Id: "",
-      content2Id: "",
-
-      carTypeName: "",
-      contentTypeName: "",
-      informationId: "",
-      mediaTitle: "",
-      mediaUrl: "",
-      projectTypeName: "",
-      publishDate: "",
-      publishSourceName: "",
-    };
-  },
-  methods: {
-    closeSelf() {
-      this.$emit("closeme");
-    },
-    //message: "没有找到经销商信息"// url: "/importDealerFeedback",
-    //message: "没有要导入的文件" accountId agentName agentId dlrName dlrCode dealerId dataId
-    edit: function () {
-      let config = {
-        url: "/dealerFeedback",
-        data: {
-          dealerId: "L0210_MM",
-          //id: '1377835162976477186',
-          dataId: "1377835162976477186",
-          Title: this.mediaTitle,
-          Url: this.mediaUrl,
-        },
-      };
-      console.log("edit2:", config);
-      this.$emit("update", config);
-    },
-    //资料名称列表
-    chooseDataName: function () {
-      this.$http({
-        url: "/firmsUploadListByAgent",
-        method: "post",
-        data: {},
-      })
-        .then((res) => {
-          if (res.data.code === 200) {
-            this.dataName = res.data.data;
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-        });
-    },
-    //发布版块
-   /*  chooseReleasePlate: function () {
-      console.log(this.sonPlatformId)
-      this.$http({
-        url: "/base/publishPlatformManager/selectPublishPlatformList",
-        method: "post",
-        data: {
-          parentId: this.sonPlatformId
-        },
-      })
-        .then((res) => {
-          console.log(res)
-          if (res.data.code === 200) {
-            this.releasePlate = res.data.data;
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-        });
-    }, */
-
-
-    //不分页查询车系车型信息
-    chooseCarSeries: function () {
-      this.$http({
-        url: "/base/carTypeManager/selectCarTypeList",
-        method: "post",
-        data: {},
-      })
-        .then((res) => {
-          if (res.data.code === 200) {
-            this.carSeries = res.data.data;
-            this.chooseCarType();
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-        });
-    },
-    chooseCarType: function () {
-      this.$http({
-        url: "/base/carTypeManager/selectCarTypeList",
-        method: "post",
-        data: {
-          parentId: this.carS || -1,
-        },
-      })
-        .then((res) => {
-          if (res.data.code === 200) {
-            this.carType = res.data.data;
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-        });
-    },
-    //不分页查询发布平台信息 内容分类1
-    //初次调用获得 content ID 用作 parentID
-    firstContent1Classify: function () {
-      this.$http({
-        url: "/sys/dataDict/selectSysDataDictList",
-        method: "post",
-        data: {
-          dictCode: "content1",
-        },
-      })
-        .then((res) => {
-          if (res.data.code === 200) {
-            this.content1Id = res.data.data[0].id;
-            this.secondContent1Classify();
-          }
-          console.log("contentClassify1", res.data.data[0].id);
-        })
-        .catch((err) => {
-          console.log(err);
-        });
-    },
-    secondContent1Classify: function () {
-      this.$http({
-        url: "/sys/dataDict/selectSysDataDictList",
-        method: "post",
-        data: {
-          parentId: this.content1Id,
-        },
-      })
-        .then((res) => {
-          if (res.data.code === 200) {
-            this.content1 = res.data.data;
-          }
-          console.log("second contentClassify1", res.data.data);
-        })
-        .catch((err) => {
-          console.log(err);
-        });
-    },
-    //不分页查询发布平台信息 内容分类2
-    firstContent2Classify: function () {
-      this.$http({
-        url: "/sys/dataDict/selectSysDataDictList",
-        method: "post",
-        data: {
-          dictCode: "content2",
-        },
-      })
-        .then((res) => {
-          if (res.data.code === 200) {
-            this.content2Id = res.data.data[0].id;
-            this.secondContent2Classify();
-          }
-          console.log("contentClassify2", res.data.data[0].id);
-        })
-        .catch((err) => {
-          console.log(err);
-        });
-    },
-    secondContent2Classify: function () {
-      this.$http({
-        url: "/sys/dataDict/selectSysDataDictList",
-        method: "post",
-        data: {
-          parentId: this.content2Id,
-        },
-      })
-        .then((res) => {
-          if (res.data.code === 200) {
-            this.content2 = res.data.data;
-          }
-          console.log("second contentClassify2", res.data.data);
-        })
-        .catch((err) => {
-          console.log(err);
-        });
-    },
-  },
-  mounted() {
-    this.chooseDataName();
-    this.chooseCarSeries();
-    this.firstContent1Classify();
-    this.firstContent2Classify();
-    //this.chooseReleasePlate();
-  },
-};
-</script>
-
-<style>
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background-color: #7d9191;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.modal {
-  background-color: #eeeeee;
-  box-shadow: 2px 2px 20px 1px;
-  overflow-x: auto;
-  display: flex;
-  flex-direction: column;
-  border-radius: 0px;
-  width: 1030px;
-}
-.modal-header {
-  border-bottom: 1px solid #eee;
-  color: #313131;
-  justify-content: space-between;
-  padding: 15px;
-  display: flex;
-  border-bottom: 1px solid #e3e3e3;
-}
-.modal-header span {
-  font-size: 16px;
-  font-weight: bold;
-}
-.modal-footer {
-  border-top: 1px solid #eee;
-  justify-content: center;
-  padding: 15px;
-  display: flex;
-}
-.modal-footer button {
-  width: 90px;
-  margin-left: 0px;
-}
-.modal-footer button:nth-child(1) {
-  margin-right: 80px;
-}
-.modal-body {
-  position: relative;
-  padding: 20px 120px 20px 180px;
-}
-.modal-body span,
-select,
-input,
-div {
-  font-size: 14px;
-}
-
-.btn-close,
-.btn-confirm {
-  border-radius: 8px;
-  margin-left: 16px;
-  width: 56px;
-  height: 36px;
-  border: none;
-  cursor: pointer;
-}
-.btn-close {
-  color: #313131;
-  background-color: gray;
-}
-.btn-confirm {
-  color: #fff;
-  background-color: #2d8cf0;
-}
-.bodyRow {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  padding: 4px;
-}
-.bodyRow span {
-  width: 80px;
-  margin: 10px;
-}
-.bodyRow select {
-  width: 120px;
-}
-.bodyRow input {
-  width: 480px;
-}
-.bodyRow select,
-input {
-  padding: 2px;
-}
-.contentCol1 {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-}
-.contentCol1 span {
-  width: 80px;
-  margin: 10px;
-}
-.contentCol1 div {
-  width: 120px;
-}
-.contentCol2 {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  width: 363px;
-}
-.timeWidth input {
-  width: 150px;
-}
-</style>
- 
+<template>
+  <div class="modal-backdrop">
+    <div class="modal">
+      <!--  id="unloadFile" :style="mainStyles"-->
+      <div class="modal-header">
+        <span>编辑</span>
+      </div>
+      <div class="modal-body">
+        <div class="bodyRow">
+          <span>资料名称</span>
+          <select v-model="ziliaoId">
+            <option
+              v-for="(item, index) in dataName"
+              :key="index"
+              :value="item.id"
+            >
+              {{ item.informationName }}
+            </option>
+          </select>
+        </div>
+        <div class="bodyRow timeWidth">
+          <span>发布时间</span><input type="date" placeholder="选择时间" />
+        </div>
+        <div class="bodyRow">
+          <div class="contentCol1">
+            <span>车系</span
+            ><select v-model="carS" @change="chooseCarSeries">
+              <option
+                v-for="(item, index) in carSeries"
+                :key="index"
+                :value="item.id"
+              >
+                {{ item.typeName }}
+              </option>
+            </select>
+          </div>
+          <div class="contentCol2">
+            <span>车型</span
+            ><select>
+              <option
+                v-for="(item, index) in carType"
+                :key="index"
+                :value="item.typeName"
+              >
+                {{ item.typeName }}
+              </option>
+            </select>
+          </div>
+        </div>
+        <div class="bodyRow">
+          <div class="contentCol1">
+            <span>发布平台</span>
+            <div>{{ selectedPlatform }}</div>
+          </div>
+          <div class="contentCol2">
+            <span>发布板块</span
+            ><select name="" id="">
+              <option
+                v-for="(item, index) in releasePlate"
+                :key="index"
+                :value="item.id"
+              >
+                {{ item.platformName }}
+              </option>
+            </select>
+          </div>
+        </div>
+        <div class="bodyRow">
+          <span>项目分类</span
+          ><select name="" id="">
+            <option value="">请选择</option>
+          </select>
+        </div>
+        <div class="bodyRow">
+          <div class="contentCol1">
+            <span>内容分类1</span
+            ><select name="" id="">
+              <option
+                v-for="(item, index) in content1"
+                :key="index"
+                :value="item.id"
+              >
+                {{ item.dictName }}
+              </option>
+            </select>
+          </div>
+          <div class="contentCol2">
+            <span>内容分类2</span
+            ><select name="" id="">
+              <option
+                v-for="(item, index) in content2"
+                :key="index"
+                :value="item.id"
+              >
+                {{ item.dictName }}
+              </option>
+            </select>
+          </div>
+        </div>
+        <div class="bodyRow">
+          <span>标题</span>
+          <input type="text" placeholder="文章标题" v-model="mediaTitle" />
+          <!--     <span>{{LinkData}}</span> -->
+        </div>
+        <div class="bodyRow">
+          <span>链接</span>
+          <input type="text" placeholder="文章发布地址" v-model="mediaUrl" />
+        </div>
+      </div>
+      <div class="modal-footer">
+        <!-- <button type="button" class="btn-confirm" @click="confirm">确认</button> -->
+        <button type="button" class="btn-confirm" @click="closeSelf(), edit()">
+          确认
+        </button>
+        <button type="button" class="btn-close" @click="closeSelf">取消</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Modal",
+  props: {
+    LinkData: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+    selectedPlatform: {
+      type: String,
+      default: () => {
+        return "";
+      },
+    },
+    sonPlatformId: {
+      type: String,
+      default: () => {
+        return "";
+      },
+    },
+    releasePlate: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+  },
+  data() {
+    return {
+      dataName: [],
+      carSeries: [],
+      carType: [],
+      content1: [],
+      content2: [],
+     // releasePlate: [],
+
+      carS: "",
+      ziliaoId: "",
+      content1Id: "",
+      content2Id: "",
+
+      carTypeName: "",
+      contentTypeName: "",
+      informationId: "",
+      mediaTitle: "",
+      mediaUrl: "",
+      projectTypeName: "",
+      publishDate: "",
+      publishSourceName: "",
+    };
+  },
+  methods: {
+    closeSelf() {
+      this.$emit("closeme");
+    },
+    //message: "没有找到经销商信息"// url: "/importDealerFeedback",
+    //message: "没有要导入的文件" accountId agentName agentId dlrName dlrCode dealerId dataId
+    edit: function () {
+      let config = {
+        url: "/dealerFeedback",
+        data: {
+          dealerId: "L0210_MM",
+          //id: '1377835162976477186',
+          dataId: "1377835162976477186",
+          Title: this.mediaTitle,
+          Url: this.mediaUrl,
+        },
+      };
+      console.log("edit2:", config);
+      this.$emit("update", config);
+    },
+    //资料名称列表
+    chooseDataName: function () {
+      this.$http({
+        url: "/firmsUploadListByAgent",
+        method: "post",
+        data: {},
+      })
+        .then((res) => {
+          if (res.data.code === 200) {
+            this.dataName = res.data.data;
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    },
+    //发布版块
+   /*  chooseReleasePlate: function () {
+      console.log(this.sonPlatformId)
+      this.$http({
+        url: "/base/publishPlatformManager/selectPublishPlatformList",
+        method: "post",
+        data: {
+          parentId: this.sonPlatformId
+        },
+      })
+        .then((res) => {
+          console.log(res)
+          if (res.data.code === 200) {
+            this.releasePlate = res.data.data;
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    }, */
+
+
+    //不分页查询车系车型信息
+    chooseCarSeries: function () {
+      this.$http({
+        url: "/base/carTypeManager/selectCarTypeList",
+        method: "post",
+        data: {},
+      })
+        .then((res) => {
+          if (res.data.code === 200) {
+            this.carSeries = res.data.data;
+            this.chooseCarType();
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    },
+    chooseCarType: function () {
+      this.$http({
+        url: "/base/carTypeManager/selectCarTypeList",
+        method: "post",
+        data: {
+          parentId: this.carS || -1,
+        },
+      })
+        .then((res) => {
+          if (res.data.code === 200) {
+            this.carType = res.data.data;
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    },
+    //不分页查询发布平台信息 内容分类1
+    //初次调用获得 content ID 用作 parentID
+    firstContent1Classify: function () {
+      this.$http({
+        url: "/sys/dataDict/selectSysDataDictList",
+        method: "post",
+        data: {
+          dictCode: "content1",
+        },
+      })
+        .then((res) => {
+          if (res.data.code === 200) {
+            this.content1Id = res.data.data[0].id;
+            this.secondContent1Classify();
+          }
+          console.log("contentClassify1", res.data.data[0].id);
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    },
+    secondContent1Classify: function () {
+      this.$http({
+        url: "/sys/dataDict/selectSysDataDictList",
+        method: "post",
+        data: {
+          parentId: this.content1Id,
+        },
+      })
+        .then((res) => {
+          if (res.data.code === 200) {
+            this.content1 = res.data.data;
+          }
+          console.log("second contentClassify1", res.data.data);
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    },
+    //不分页查询发布平台信息 内容分类2
+    firstContent2Classify: function () {
+      this.$http({
+        url: "/sys/dataDict/selectSysDataDictList",
+        method: "post",
+        data: {
+          dictCode: "content2",
+        },
+      })
+        .then((res) => {
+          if (res.data.code === 200) {
+            this.content2Id = res.data.data[0].id;
+            this.secondContent2Classify();
+          }
+          console.log("contentClassify2", res.data.data[0].id);
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    },
+    secondContent2Classify: function () {
+      this.$http({
+        url: "/sys/dataDict/selectSysDataDictList",
+        method: "post",
+        data: {
+          parentId: this.content2Id,
+        },
+      })
+        .then((res) => {
+          if (res.data.code === 200) {
+            this.content2 = res.data.data;
+          }
+          console.log("second contentClassify2", res.data.data);
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    },
+  },
+  mounted() {
+    this.chooseDataName();
+    this.chooseCarSeries();
+    this.firstContent1Classify();
+    this.firstContent2Classify();
+    //this.chooseReleasePlate();
+  },
+};
+</script>
+
+<style>
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: #7d9191;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.modal {
+  background-color: #eeeeee;
+  box-shadow: 2px 2px 20px 1px;
+  overflow-x: auto;
+  display: flex;
+  flex-direction: column;
+  border-radius: 0px;
+  width: 1030px;
+}
+.modal-header {
+  border-bottom: 1px solid #eee;
+  color: #313131;
+  justify-content: space-between;
+  padding: 15px;
+  display: flex;
+  border-bottom: 1px solid #e3e3e3;
+}
+.modal-header span {
+  font-size: 16px;
+  font-weight: bold;
+}
+.modal-footer {
+  border-top: 1px solid #eee;
+  justify-content: center;
+  padding: 15px;
+  display: flex;
+}
+.modal-footer button {
+  width: 90px;
+  margin-left: 0px;
+}
+.modal-footer button:nth-child(1) {
+  margin-right: 80px;
+}
+.modal-body {
+  position: relative;
+  padding: 20px 120px 20px 180px;
+}
+.modal-body span,
+select,
+input,
+div {
+  font-size: 14px;
+}
+
+.btn-close,
+.btn-confirm {
+  border-radius: 8px;
+  margin-left: 16px;
+  width: 56px;
+  height: 36px;
+  border: none;
+  cursor: pointer;
+}
+.btn-close {
+  color: #313131;
+  background-color: gray;
+}
+.btn-confirm {
+  color: #fff;
+  background-color: #2d8cf0;
+}
+.bodyRow {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 4px;
+}
+.bodyRow span {
+  width: 80px;
+  margin: 10px;
+}
+.bodyRow select {
+  width: 120px;
+}
+.bodyRow input {
+  width: 480px;
+}
+.bodyRow select,
+input {
+  padding: 2px;
+}
+.contentCol1 {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+.contentCol1 span {
+  width: 80px;
+  margin: 10px;
+}
+.contentCol1 div {
+  width: 120px;
+}
+.contentCol2 {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  width: 363px;
+}
+.timeWidth input {
+  width: 150px;
+}
+</style>
+