Merge branch 'b-template-component-addDataBoard' into 'b-template-component'

B template component add data board

See merge request !19

client/components/dialog/data-board-dialog/data-board-dialog.axml

@@ -9,9 +9,5 @@
     <table dataSource="{{list}}" loading="{{isLoading}}" isZebra>
       <table-column a:for="{{titleList}}" title="{{item}}" dataIndex="{{item}}" width="{{index === 0 ? 120 : 'auto'}}"/>
     </table>
-    <view class="rank-pagination">
-      <text class="rank-pagination-text">共 {{total}} 条</text>
-      <pagination showJump="{{false}}" defaultCurrent="{{1}}" current="{{searchInfo.pageNo}}" data-type="all" pageSize="{{searchInfo.pageSize}}" onChange="handleChangePage" pageShowCount="{{10}}" total="{{total}}" a:if="{{total > 0}}" shape="arrow-only" />
-    </view>
   </view>
 </dialog-wrap>
\ No newline at end of file

client/components/dialog/data-board-dialog/data-board-dialog.js

@@ -10,7 +10,6 @@ Component({
     },
     titleList: [],
     list: [],
-    total: 0,
     isLoading: false,
     winactivityId: ""
   },
@@ -33,11 +32,10 @@ Component({
     async searchList() {
       this.setData({
         isLoading: true,
-        list: [],
-        total: 0
+        list: []
       });
-      const startDay = this.data.searchInfo.timeRange[0].replace(/-/g, '/')
-      const endDay = this.data.searchInfo.timeRange[1].replace(/-/g, '/')
+      const startDay = this.data.searchInfo.timeRange[0].replace(/-/g, "/");
+      const endDay = this.data.searchInfo.timeRange[1].replace(/-/g, "/");
       const params = {
         activityId: this.props.selectedItem.activityId,
         startDay,
@@ -63,8 +61,7 @@ Component({
         this.setData({
           isLoading: false,
           titleList,
-          list: tableData,
-          total: tableData.length
+          list: tableData
         });
       }
     },

client/components/dialog/prize-dialog/prize-dialog.js

@@ -4,7 +4,7 @@ const plugin = requirePlugin("myPlugin");
 import { bizCode } from "/config";
 import { queryBenefitByEname } from "/api";
 import { chooseImage, getImageInfo, validateRangeNumber, isDot } from "/utils";
-import { passUrlList, urlCheck } from "../../../utils/helper";
+import { passUrlList, urlCheck, throttleHandle } from "../../../utils/helper";
 const EQUITY_TYPE = 1;
 const CREDITS_TYPE = 2;
 const OBJECT_TYPE = 3;
@@ -41,6 +41,7 @@ Component({
     OBJECT_TYPE,
     LOWER_TYPE,
     showDialogMask: true,
+    canSavePrize: true,
     dialogTop: "",
     rankTips: {
       status: "success",
@@ -291,10 +292,12 @@ Component({
         }
       })
     },
-    async uploadImage() {
+    uploadImage: throttleHandle(async function() {
+      if (!this.data.showDialogMask) return;
       try {
         this.setData({
           showDialogMask: false,
+          canSavePrize: false
         });
         const res = await chooseImage();
         this.setData({
@@ -334,14 +337,16 @@ Component({
             image: url,
           },
           showDialogMask: true,
+          canSavePrize: true
         });
       } catch (error) {
         this.setData({
           showDialogMask: true,
+          canSavePrize: true
         });
         console.error(error);
       }
-    },
+    }, 1000),
     onChangePrizeValue(e) {
       const key = e.target.dataset.name;
       const value = e.detail.value;
@@ -361,6 +366,13 @@ Component({
       });
     },
     updatePrize() {
+      if (!this.data.canSavePrize) {
+        my.showToast({
+          type: "fail",
+          content: "请等待图片上传完毕",
+        });
+        return
+      }
       const {
         name,
         ename,

client/pages/activity/add/add.js

@@ -11,13 +11,24 @@ import {
   saveActivityInfo,
 } from '/api'
 import {
-  addFloat,setPrizeProbalityRange
+  addFloat,setPrizeProbalityRange,throttleHandle
 } from '/utils/helper'
 
 const THANKS_TYPE = 5
 
 var validator = new schema(descriptor)
 
+const tasks = {
+<% for(var i = 0; i < configList.length; ++i) {%>
+<%- taskKeys.includes(configList[i].key)  && configList[i].key !== 'label' ? `${configList[i].key}:{
+  value:"",
+  taskRateType:"",
+  times:"",
+  title:"",
+  link:""
+},` : ''  %><% } %>
+}
+
 Component({
   mixins: [ methods ],
   data: {
@@ -27,16 +38,7 @@ Component({
     endTime: '',
     <% for(var i = 0; i < configList.length; ++i) {%>
     <%- !taskKeys.includes(configList[i].key) && configList[i].key !== 'label' ? `${configList[i].key}: ${configList[i].defaultValue || "''"},` : ''  %><% } %>
-    tasks: {
-    <% for(var i = 0; i < configList.length; ++i) {%>
-    <%- taskKeys.includes(configList[i].key)  && configList[i].key !== 'label' ? `${configList[i].key}:{
-      value:"",
-      taskRateType:"",
-      times:"",
-      title:"",
-      link:""
-    },` : ''  %><% } %>
-    },
+    tasks: JSON.parse(JSON.stringify(tasks)),
     <% for(var i = 0; i < boxDatas.length; ++i) {%>
       <%- `${boxkeyDatas[i].name}:{
           ${boxkeyDatas[i].value}
@@ -49,6 +51,9 @@ Component({
     isPostParams: true
   },
   didMount() {
+    this.setData({
+      tasks: JSON.parse(JSON.stringify(tasks))
+    })
     const { id } = this.$page.$router.params
     id && this.getActivityInfo(id)
   },
@@ -122,7 +127,7 @@ Component({
       return Object.values(newValidator).some(i => i.status === 'error')
     },
     // 提交信息
-    async onSubmit() {
+    onSubmit: throttleHandle(async function() {
       my.showLoading();
       console.log(this.data, 'this.data')
 
@@ -154,7 +159,7 @@ Component({
         }
       }
       my.hideLoading();
-    },
+    }, 1000),
     showFailToast(text) {
       my.showToast({
         type: 'fail',
@@ -214,7 +219,7 @@ Component({
       return prizeInfoListCopy
     },
     backList() {
-      this.$page.$router.push("/activity/list");
+      this.$page.$router.go(-1)
     }
   },
 })

client/utils/helper.js

@@ -154,6 +154,26 @@ const setPrizeProbalityRange = (prizes) => {
     }
   })
 }
+
+/**
+ * 防连点
+ * @param {fn} fn 函数
+ * @param {wait} wait 时间
+ */
+const throttleHandle = (fn, wait = 1000) => {
+  let lastTime = 0
+
+  return function cb(...args) {
+    let nowTime = Date.now()
+
+    if(nowTime - lastTime > wait) {
+      fn.call(this,...args)
+
+      lastTime = nowTime
+    }
+  }
+}
+
 module.exports = {
   passUrlList,
   signFigures,
@@ -161,5 +181,6 @@ module.exports = {
   accMul,
   addFloat,
   urlCheck,
-  setPrizeProbalityRange
+  setPrizeProbalityRange,
+  throttleHandle
 };