commit message

manager/src/views/sys/setting-manage/settingManage.vue

@@ -0,0 +1,126 @@
+
+<template>
+  <Card v-if="show">
+    <Tabs v-model="selected" @on-click="clickTab">
+      <TabPane :label="tabItem.name" :name="tabItem.type" v-for="(tabItem, tabIndex) in tabWay" :key="tabIndex">
+        <component v-if="settingData" :res="settingData" :type="selected"
+                   :is="templateSetting[tabItem.type]"></component>
+      </TabPane>
+    </Tabs>
+  </Card>
+</template>
+<script>
+import {getSetting} from "@/api/index.js";
+import templateSetting from "./template";
+
+export default {
+  data() {
+    return {
+      templateSetting,
+      selected: "",
+      settingData: "",
+      show: true,
+      setting: [
+        //基础配置
+        {
+          type: "BASE_SETTING",
+          name: "基础配置",
+        },
+        //商品设置
+        {
+          type: "GOODS_SETTING",
+          name: "商品设置",
+        },
+        //  快递鸟设置
+        {
+          type: "KUAIDI_SETTING",
+          name: "快递鸟设置",
+        },
+        //订单配置
+        {
+          type: "ORDER_SETTING",
+          name: "订单配置",
+        },
+        //阿里OSS配置
+        {
+          type: "OSS_SETTING",
+          name: "阿里OSS配置",
+        },
+        //阿里短信配置
+        {
+          type: "SMS_SETTING",
+          name: "阿里短信配置",
+        },
+        //积分设置
+        {type: "POINT_SETTING", name: "积分设置"},
+        {
+          type: "WITHDRAWAL_SETTING",
+          name: "提现设置",
+        },
+      ],
+      authLogin: [
+        // 微信设置
+        {type: "WECHAT_CONNECT", name: "微信设置"},
+        // QQ设置
+        {type: "QQ_CONNECT", name: "QQ设置"},
+        //微博联合登陆
+        // {type: "WEIBO_CONNECT", name: "微博联合登陆"},
+        // //支付宝配置
+        // {type: "ALIPAY_CONNECT", name: "支付宝配置"},
+      ],
+      pay: [
+        //支付宝支付设置
+        {type: "PAYMENT_SUPPORT", name: "支付开启/关闭"},
+        //支付宝支付设置
+        {type: "ALIPAY_PAYMENT", name: "支付宝支付设置"},
+        //微信支付设置
+        {type: "WECHAT_PAYMENT", name: "微信支付设置"},
+      ],
+      tabWay: [],
+    };
+  },
+
+  watch: {
+    $route(to, from) {
+      this.selected = "";
+      this.show = false;
+      this.getSettingData(this.selected);
+      this.$nextTick(() => {
+        this.show = true;
+      });
+      // this.$router.go(0)
+    },
+  },
+  mounted() {
+    this.clickTab(this.selected);
+  },
+  methods: {
+    clickTab(name) {
+      this.selected = name;
+      this.getSettingData(name);
+    },
+    /**
+     * 进入页面请求第一个配置
+     */
+    getSettingData(name) {
+      this.settingData = "";
+      Object.keys(this).forEach((item) => {
+        if (this.$route.name == item) {
+          this.tabWay = this[item];
+        }
+      });
+      // 点击页面给每项第一个数据赋值
+      if (!name) {
+        name = this.tabWay[0].type;
+        this.selected = name;
+      }
+
+      getSetting(name).then((res) => {
+        if (res.result) {
+          this.settingData = JSON.stringify(res.result);
+        }
+      });
+    },
+  },
+};
+</script>