mali-applet-ui 0.0.50 → 0.0.51

package/components/ml-approval-record/ml-approval-record.vue

@@ -4,7 +4,7 @@
       <view class="ml-approval-record-header-title">审批记录</view>
     </view>
     <view class="ml-approval-record-body">
-      <view class="ml-approval-record-list" v-for="(group, gIndex) in options" :key="gIndex">
+      <view class="ml-approval-record-list" v-for="(group, gIndex) in flowOptions" :key="gIndex">
         <view class="ml-approval-record-flow-line"></view>
         <view class="ml-approval-record-item">
           <view class="ml-approval-record-item-title">{{ group.name }}</view>
@@ -37,11 +37,46 @@
 </template>
 
 <script>
+import globalStore from '../../config/store'
+
 export default {
   name: 'MlApprovalRecord',
   props: {
     value: Array,
+    code: String,
     options: Array
+  },
+  data () {
+    return {
+      flowOptions: []
+    }
+  },
+  watch: {
+    code () {
+      this.load()
+    }
+  },
+  created () {
+    this.flowOptions = this.options || []
+    this.load()
+  },
+  methods: {
+    load () {
+      if (!this.code) {
+        return
+      }
+      if (globalStore.approval && globalStore.approval.record) {
+        const optionMethod = globalStore.approval.record.optionMethod
+        if (optionMethod) {
+          Promise.resolve(optionMethod({
+            value: this.value,
+            code: this.code
+          })).then(options => {
+            this.flowOptions = options
+          })
+        }
+      }
+    }
   }
 }
 </script>

package/components/ml-approval-select/ml-approval-select.vue

@@ -4,7 +4,7 @@
       <view class="ml-approval-select-header-title">审批流程</view>
     </view>
     <view class="ml-approval-select-body">
-      <view class="ml-approval-select-list" v-for="(group, gIndex) in options" :key="gIndex">
+      <view class="ml-approval-select-list" v-for="(group, gIndex) in flowOptions" :key="gIndex">
         <view class="ml-approval-select-flow-line"></view>
         <view class="ml-approval-select-item">
           <view class="ml-approval-select-item-title">{{ group.name }}</view>
@@ -26,11 +26,46 @@
 </template>
 
 <script>
+import globalStore from '../../config/store'
+
 export default {
   name: 'MlApprovalSelect',
   props: {
     value: Array,
+    code: String,
     options: Array
+  },
+  data () {
+    return {
+      flowOptions: []
+    }
+  },
+  watch: {
+    code () {
+      this.load()
+    }
+  },
+  created () {
+    this.flowOptions = this.options || []
+    this.load()
+  },
+  methods: {
+    load () {
+      if (!this.code) {
+        return
+      }
+      if (globalStore.approval && globalStore.approval.select) {
+        const optionMethod = globalStore.approval.select.optionMethod
+        if (optionMethod) {
+          Promise.resolve(optionMethod({
+            value: this.value,
+            code: this.code
+          })).then(options => {
+            this.flowOptions = options
+          })
+        }
+      }
+    }
   }
 }
 </script>

package/components/ml-chunk-item/ml-chunk-item.vue

@@ -45,8 +45,9 @@ export default {
 .ml-chunk-item {
   display: flex;
   flex-direction: column;
-  padding: 20rpx 10rpx;
+  padding: 20rpx;
   line-height: 50rpx;
+  font-size: $uni-font-size-base;
   $spans: 4.16667%, 8.33333%, 12.5%, 16.66667%, 20.83333%, 25%, 29.16667%, 33.33333%,
           37.5%, 41.66667%, 45.83333%, 50%, 54.16667%, 58.33333%, 62.5%, 66.66667%,
           70.83333%, 75%, 79.16667%, 83.33333%, 87.5%, 91.66667%, 95.83333%, 100%;

package/components/ml-list-item/ml-list-item.vue

@@ -59,7 +59,7 @@ export default {
   display: flex;
   flex-direction: row;
   padding: 20rpx;
-  margin: 10rpx 0;
+  margin: 20rpx 0;
   border-radius: 10rpx;
   background: #ffffff;
   .ml-list-item-content {

package/config/store.js

@@ -16,6 +16,17 @@ const globalStore = {
     downloadFile: null,
     // 删除附件方法
     removeFile: null
+  },
+  // 审批组件
+  approval: {
+    // 审批流程
+    select: {
+      optionMethod: null
+    },
+    // 审批记录
+    record: {
+      optionMethod: null
+    }
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mali-applet-ui",
-  "version": "0.0.50",
+  "version": "0.0.51",
   "description": "码里云小程序组件库",
   "files": [
     "components",