进销商账号管理

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

@@ -18,9 +18,9 @@
             :key="index"
             :class="{ table_gray: index % 2 === 0 }"
           >
-            <td>{{ obj.dlrName }}</td>
-            <td>{{ obj.accountId }}</td>
-            <td>{{ "是否认证" }}</td>
+            <td>{{ obj.platformName }}</td>
+            <td>{{ obj.accountCode }}</td>
+            <td>{{ obj.authorizationName }}</td>
             <td>{{ obj.fansCount }}</td>
             <td class="operationStyle">
               <span @click="toggleModal(index)">编辑</span>
@@ -39,7 +39,7 @@
     <Modal
       v-if="showModal"
       @closeme="closeme"
-      @submit="addDataList"
+      @submit="editForm"
       :editData="editData"
     ></Modal>
   </div>
@@ -57,90 +57,46 @@ export default {
       showModal: false,
       imgFlag: false,
       tableHeader: ["平台名称", "平台账号", "是否认证", "粉丝数", "操作"],
-      tableData: [
-        {
-          accountCode: "北京博瑞",
-          accountId: "334453732",
-          dlrCode: "L2000",
-          dlrName: "dlrName",
-          fansCount: 100000,
-          id: "主键id",
-          localArea: "东区",
-          platformId: "所属平台",
-          flag: 1,
-        },
-        {
-          accountCode: "北京博瑞",
-          accountId: "334453732",
-          dlrCode: "L2000",
-          dlrName: "dlrName",
-          fansCount: 100000,
-          id: "主键id",
-          localArea: "东区",
-          platformId: "所属平台",
-          flag: 0,
-        },
-        {
-          accountCode: "北京博瑞",
-          accountId: "334453732",
-          dlrCode: "L2000",
-          dlrName: "dlrName",
-          fansCount: 100000,
-          id: "主键id",
-          localArea: "东区",
-          platformId: "所属平台",
-        },
-        {
-          accountCode: "北京博瑞",
-          accountId: "334453732",
-          dlrCode: "L2000",
-          dlrName: "dlrName",
-          fansCount: 100000,
-          id: "主键id",
-          localArea: "东区",
-          platformId: "所属平台",
-        },
-        {
-          accountCode: "北京博瑞",
-          accountId: "334453732",
-          dlrCode: "L2000",
-          dlrName: "dlrName",
-          fansCount: 100000,
-          id: "主键id",
-          localArea: "东区",
-          platformId: "所属平台",
-        },
-      ],
+      tableData: [],
       editData: {},
-      dictList: [],
-      mediaPlatName: [],
+      // dictList: [],
+      // mediaPlatName: [],
     };
   },
   methods: {
-    addDataList: function (account, fansNum, flag, editData) {
-      console.log(account, fansNum, flag, editData);
-      this.$http({
-        url: "/sys/mediaAccount/addMediaAccountInfo",
-        method: "post",
-        data: {
-          accountId: account,
-          fansCount: fansNum,
-        },
-      })
-        .then((res) => {
-          console.log(res);
-          if (res.data.code === 200) {
-            //  this.tableData = res.data.data;
-          }
-        })
-        .catch((err) => {
-          console.log(err);
-        });
-    },
-    editForm: (account, fansNum, flag, editData) => {
+    // addDataList: function (account, fansNum, flag, editData) {
+    //   console.log(account, fansNum, flag, editData);
+    //   this.$http({
+    //     url: "/sys/mediaAccount/addMediaAccountInfo",
+    //     method: "post",
+    //     data: {
+    //       accountId: account,
+    //       fansCount: fansNum,
+    //     },
+    //   })
+    //     .then((res) => {
+    //       console.log(res);
+    //       if (res.data.code === 200) {
+    //         //  this.tableData = res.data.data;
+    //       }
+    //     })
+    //     .catch((err) => {
+    //       console.log(err);
+    //     });
+    // },
+    editForm: function (account, fansNum, flag, editData) {
       console.log(account, fansNum, flag, editData);
       //alert("编辑");
       //this.addDataList(account, fansNum, flag, editData);
+      let data = {
+        id: editData["id"],
+        authentication: flag === "是" ? "1" : "0",
+        fansCount: fansNum,
+        accountCode: account
+      };
+      this.updateMediaAccountInfo(data).then(() => {
+        this.selectMediaAccountPage();
+      });
     },
     toggleModal: function (i) {
       this.editData = this.tableData[i];
@@ -175,16 +131,95 @@ export default {
     }, */
 
     // 获取内容分类、媒体平台、常用参数接口的标识，再调接口时需要用到
-    selectSysDataDictList: function () {
+    // 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);
+    //     });
+    // },
+    //
+    // 获取列表数据  接口
+    selectMediaAccountPage: function () {
+      this.$http({
+        method: "post",
+        url: "/sys/mediaAccount/selectMediaAccountPage",
+      })
+        .then((res) => {
+          if (res.data && res.data.code === 200) {
+            this.tableData = res.data.data;
+            console.log(res, "res");
+          } else {
+            console.log(res);
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+        });
+    },
+    updateMediaAccountInfo: function (data = {}) {
       return new Promise((resolve, reject) => {
         this.$http({
           method: "post",
-          url: "/sys/dataDict/selectSysDataDictList",
-          data: {},
+          url: "sys/mediaAccount/updateMediaAccountInfo",
+          data: data,
         })
           .then((res) => {
+            console.log(res);
             if (res.data && res.data.code === 200) {
-              this.dictList = res.data.data;
+              console.log(res, "修改");
               resolve();
             } else {
               console.log(res);
@@ -197,53 +232,17 @@ export default {
           });
       });
     },
-    // 获取列表数据   接口
-    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.selectSysDataDictList()
-      .then(() => {
-        this.getDateList();
-        console.log(this.dictList);
-      })
-      .catch((err) => {
-        console.log(err);
-      });
+    this.selectMediaAccountPage();
+    // this.selectSysDataDictList()
+    //   .then(() => {
+    //     this.getDateList();
+    //     console.log(this.dictList);
+    //   })
+    //   .catch((err) => {
+    //     console.log(err);
+    //   });
   },
 };
 </script>

src/views/account/components/Modal2.vue

@@ -8,7 +8,7 @@
         <div class="bodyRow">
           <div class="contentCol1">
             <span>平台名称</span>
-            <div>{{ editData.platformId }}</div>
+            <div>{{ editData.platformName }}</div>
           </div>
         </div>
         <div class="bodyRow">
@@ -21,9 +21,8 @@
           <div class="contentCol1">
             <span>是否认证</span>
             <select name="identify" v-model="flag" >
-              <option>请选择</option>
-              <option>是</option>
-              <option>否</option>
+              <option>{{editData.authorizationName}}</option>
+              <option>{{editData.authorizationName === '是'? '否':'是'}}</option>
             </select>
           </div>
         </div>
@@ -60,7 +59,7 @@ export default {
       formData: new FormData(),
       accountValue: this.editData["accountCode"],
       fansNum: this.editData["fansCount"],
-      flag: '请选择',
+      flag: this.editData.authorizationName,
     };
   },
   methods: {
@@ -103,10 +102,6 @@ export default {
         alert('粉丝数必须大于0!');
         return
       }
-      if (this.flag === '请选择') {
-        alert('请选择是否认证');
-        return
-      }
       this.$emit("submit", this.accountValue, this.fansNum, this.flag, this.editData);
     },
     mousewheel: function (e) {
@@ -114,7 +109,7 @@ export default {
     },
   },
   created() {
-    console.log(this.editData);
+    console.log(this.editData, 'edit');
   },
 };
 </script>