账号管理

src/App.vue

@@ -36,7 +36,7 @@ export default {
     return {
       navTitle1: ' > 数据管理',
       navTitle2: '',
-      isManufacturer: 'manufacturer', // distributor 经销商 manufacturer 厂商
+      isManufacturer: 'distributor', // distributor 经销商 manufacturer 厂商
     }
   },
   methods: {

src/views/account/AccountManage.vue

@@ -39,7 +39,7 @@
     <Modal
       v-if="showModal"
       @closeme="closeme"
-      @submit="editForm"
+      @submit="addDataList"
       :editData="editData"
     ></Modal>
   </div>
@@ -112,15 +112,20 @@ export default {
         },
       ],
       editData: {},
+      dictList: [],
+      mediaPlatName: [],
     };
   },
   methods: {
-    addDataList: function (val) {
-      console.log(val);
+    addDataList: function (account, fansNum, flag, editData) {
+      console.log(account, fansNum, flag, editData);
       this.$http({
         url: "/sys/mediaAccount/addMediaAccountInfo",
         method: "post",
-        data: {},
+        data: {
+          accountId: account,
+          fansCount: fansNum,
+        },
       })
         .then((res) => {
           console.log(res);
@@ -135,8 +140,7 @@ export default {
     editForm: (account, fansNum, flag, editData) => {
       console.log(account, fansNum, flag, editData);
       //alert("编辑");
-      this.addDataList(editData);
-      //添加修改后的信息
+      //this.addDataList(account, fansNum, flag, editData);
     },
     toggleModal: function (i) {
       this.editData = this.tableData[i];
@@ -151,8 +155,8 @@ export default {
     hiddenImg: function () {
       this.imgFlag = false;
     },
-    //获取资料列表--分页查询每个经销商账号信息
-    getDataList: function () {
+    //
+    /*    getDataList: function () {
       this.$http({
         //url: "/sys/mediaAccount/selectMediaAccountPage",
         url: "/sys/mediaAccount/addMediaAccountInfo",
@@ -168,10 +172,78 @@ export default {
         .catch((err) => {
           console.log(err);
         });
+    }, */
+
+    // 获取内容分类、媒体平台、常用参数接口的标识，再调接口时需要用到
+    selectSysDataDictList: function () {
+      return new Promise((resolve, reject) => {
+        this.$http({
+          method: "post",
+          url: "/sys/dataDict/selectSysDataDictList",
+          data: {},
+        })
+          .then((res) => {
+            if (res.data && res.data.code === 200) {
+              this.dictList = res.data.data;
+              resolve();
+            } else {
+              console.log(res);
+              reject();
+            }
+          })
+          .catch((err) => {
+            console.log(err);
+            reject();
+          });
+      });
+    },
+    // 获取列表数据   接口
+    getDateList: function () {
+      this.$http({
+        method: "post",
+        url: "/sys/dataDict/selectSysDataDictPage",
+        data: {
+          dictCode: this.dictList[3]["dictCode"],
+          parentId: this.dictList[3]["id"],
+        },
+      })
+        .then((res) => {
+          if (res.data && res.data.code === 200) {
+            this.mediaPlatName = res.data.data;
+            //console.log(this.mediaPlatName);
+            //取媒体平台名称
+            let arr = [];
+            let len1 = this.mediaPlatName.length;
+            let len2 = this.tableData.length;
+            for (let i = 0; i < len1; i++) {
+              arr.push(this.mediaPlatName[i].dictName);
+            }
+            //console.log(arr);
+            while(len1 > len2){
+              this.tableData.push({})
+            }
+            //渲染，传递到页面数组
+            for (let i = 0; i < this.tableData.length; i++) {
+              this.tableData[i].dlrName=arr[i];
+            }
+          } else {
+            console.log(res);
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+        });
     },
   },
   mounted() {
-    //this.getDataList();
+    this.selectSysDataDictList()
+      .then(() => {
+        this.getDateList();
+        console.log(this.dictList);
+      })
+      .catch((err) => {
+        console.log(err);
+      });
   },
 };
 </script>

src/views/account/components/Modal2.vue

@@ -35,7 +35,7 @@
         </div>
       </div>
       <div class="modal-footer">
-        <button type="button" class="btn-confirm" @click="confirm()">
+        <button type="button" class="btn-confirm" @click="confirm(),closeSelf()">
           确认
         </button>
         <button type="button" class="btn-close" @click="closeSelf">取消</button>