c

manager/src/views/distribution/distributionSetting.vue

@@ -10,67 +10,77 @@
           <span slot="close">关闭</span>
         </i-switch>
       </FormItem>
+      <FormItem label="分销关系绑定天数" prop="distributionDay">
+        <InputNumber :min="1" style="width:100px;" v-model="form.distributionDay" @on-change="handleSubmit"></InputNumber>
+      </FormItem>
+      <FormItem label="分销结算天数" prop="cashDay">
+        <InputNumber :min="1" style="width:100px;" v-model="form.cashDay" @on-change="handleSubmit "></InputNumber>
+      </FormItem>
     </Form>
   </div>
 </template>
 
 <script>
+import { setSetting, getSetting } from "@/api/index";
 
-  import {setSetting, getSetting} from "@/api/index";
-
-  export default {
-    name: "distributionSetting",
-    components: {},
-    data() {
-      return {
-        loading: true, // 表单加载状态
-        form: { // 添加或编辑表单对象初始化数据
-          isOpen: ""
-        },
-        // 表单验证规则
-        formValidate: {},
-        submitLoading: false, // 添加或编辑提交状态
-        selectList: [], // 多选数据
-        selectCount: 0, // 多选计数
-        data: [], // 表单数据
-        total: 0 // 表单数据总数
-      };
-    },
-    methods: {
-      init() {
-        this.getDataList();
+export default {
+  name: "distributionSetting",
+  components: {},
+  data() {
+    return {
+      loading: true, // 表单加载状态
+      form: {
+        // 添加或编辑表单对象初始化数据
+        isOpen: "",
+        distributionDay: "", //分销关系绑定天数
+        cashDay: "", //分销结算天数
       },
-      getDataList() {
-        this.loading = true;
-        // 带多条件搜索参数获取表单数据 请自行修改接口
-        getSetting("DISTRIBUTION_SETTING").then(res => {
-          this.loading = false;
-          if (res.success) {
-            this.form = res.result;
-          }
-        });
+      // 表单验证规则
+      formValidate: {},
+      submitLoading: false, // 添加或编辑提交状态
+      selectList: [], // 多选数据
+      selectCount: 0, // 多选计数
+      data: [], // 表单数据
+      total: 0, // 表单数据总数
+    };
+  },
+  methods: {
+    init() {
+      this.getDataList();
+    },
+    getDataList() {
+      this.loading = true;
+      // 带多条件搜索参数获取表单数据 请自行修改接口
+      getSetting("DISTRIBUTION_SETTING").then((res) => {
         this.loading = false;
-      },
-      handleSubmit() {
-
-        this.$refs.form.validate(valid => {
-          if (valid) {
-            setSetting("DISTRIBUTION_SETTING", this.form).then(res => {
-              if (res.success) {
-                this.$Message.success("操作成功");
-                this.getDataList();
-              }
-            });
-          }
-        })
-
-      }
+        if (res.success) {
+          this.form = res.result;
+        }
+      });
+      this.loading = false;
     },
-    mounted() {
-      this.init();
-    }
-  };
+    handleSubmit() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          // 防抖处理一下
+          this.$options.filters.debounce(this.submit(), 1500);
+        }
+      });
+    },
+
+    submit() {
+      setSetting("DISTRIBUTION_SETTING", this.form).then((res) => {
+        if (res.success) {
+          this.$Message.success("操作成功");
+          this.getDataList();
+        }
+      });
+    },
+  },
+  mounted() {
+    this.init();
+  },
+};
 </script>
 <style lang="scss" scoped>
-
 </style>