mali-applet-ui 1.0.41 → 1.0.43

package/README.md

@@ -2,16 +2,12 @@
 
 Mali-Applet-UI 码里云小程序组件库  
 
-## 初始化/更新依赖
+## 运行项目
 
 ```
 npm run update
 ```
 
-## 运行项目
-
-### 本地环境
-
 #### 运行（微信小程序）
 
 ```
@@ -24,6 +20,11 @@ npm run serve:mp-weixin
 npm run serve:mp-dingtalk
 ```
 
+### 打开开发者工具导入项目
+
+例如微信开发者工具，导入本地项目/dist/dev/mp-weixin  
+取名规范：[项目名]-[平台]-[环境]
+
 ## 发布npm
 
 需要先登陆NPM
@@ -32,31 +33,4 @@ npm run serve:mp-dingtalk
 npm run release
 ```
 
-## 安装
-
-```bash
-# npm方式安装
-npm install mali-applet-ui
-```
-
-## 按需引入
-
-1. `pages.json`配置easycom规则(按需引入)
-
-```js
-// pages.json
-{
-  "easycom": {
-    "autoscan": true,
-    "custom": {
-      "^ml-(.*)": "mali-applet-ui/lib/components/ml-$1/ml-$1.vue"
-    }
-  },
-  // 此为本身已有的内容
-  "pages": [
-    // ......
-  ]
-}
-```
-
 深圳叮当科技技术有限公司

package/lib/components/ml-amount-input/ml-amount-input.vue

@@ -144,14 +144,17 @@ export default {
       const numVal = XEUtils.toNumber(this.inpVal)
       if (this.minNum !== null && (numVal < this.minNum)) {
         this.$emit('input', this.minNum)
+        this.updateModel = true
         return { status: false, value: this.minNum }
       }
       if (this.maxNum !== null && (numVal > this.maxNum)) {
         this.$emit('input', this.maxNum)
+        this.updateModel = true
         return { status: false, value: this.maxNum }
       }
       const val = XEUtils.floor(numVal, 2)
       if (`${val}` !== `${this.value}`) {
+        this.updateModel = true
         this.$emit('input', val)
         return { status: false, value: val }
       }
@@ -159,7 +162,6 @@ export default {
     },
     blurEvent () {
       const rest = this.checkValue()
-      this.updateModel = rest.status
       if (rest.status) {
         this.$nextTick(() => {
           this.updateValue(rest.value)

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

@@ -4,21 +4,22 @@
       <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 flowItems" :key="gIndex">
+      <view class="ml-approval-record-list" v-for="(group, gIndex) in flowConfigItems" :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>
+          <view class="ml-approval-record-item-title">{{ group.nodeName }}</view>
         </view>
         <view class="ml-approval-record-users">
           <view class="ml-approval-record-user-item" v-for="(item, uIndex) in group.userList" :key="uIndex">
             <view class="ml-approval-record-user-item-info">
               <view class="ml-approval-record-user-item-left">
-                <image class="ml-approval-record-user-picture" src="https://csgc.saas.ddqrcode.com/applet/business/image/portrait2.png" mode="scaleToFill"></image>
+                <image class="ml-approval-record-user-picture" :src="item.faceImgUrl || 'https://csgc.saas.ddqrcode.com/applet/business/image/portrait2.png'" ></image>
               </view>
               <view class="ml-approval-record-user-item-content">
                 <view class="ml-approval-record-user-item-top">
-                  <view class="ml-approval-record-user-name">{{ item.name }}</view>
-                  <ml-approval-type :value="item.status"></ml-approval-type>
+                  <view class="ml-approval-record-user-name">{{ item.nickname }}</view>
+                  <ml-approval-type :value="item.doneStatus !== 3 ? item.doneStatus : group.approveStatus"></ml-approval-type>
+                  <view class="ml-approval-record-time">{{ (item.approveFlag || group.approveStatus === 3) ? (item.createTime || '') : '' }}</view>
                 </view>
                 <view class="ml-approval-record-user-role">{{ item.role }}</view>
               </view>
@@ -26,13 +27,29 @@
                 <view class="ml-approval-record-user-date">{{ item.date }}</view>
               </view>
             </view>
-            <view class="ml-approval-record-user-item-comment">
-              <text>{{ item.comment }}</text>
+            <view class="ml-approval-record-user-item-comment" v-if="item.doneFlag">
+              <text>{{ item.remark }}</text>
             </view>
           </view>
         </view>
       </view>
     </view>
+
+    <FixedBottom v-if="showApproveBtn">
+      <ml-button @click="openApproval(false)">驳回</ml-button>
+      <ml-button status="primary" @click="openApproval(true)" >通过</ml-button>
+    </FixedBottom>
+
+    <ml-drawer v-model="showPopup" height="210rpx" :title="`审批状态：${isPass ? '通过' : '驳回'}`" showFooter>
+      <ml-textarea v-model="approveContent" border fontColor="#000" showVoice></ml-textarea>
+      <template #footer>
+        <ml-row>
+          <ml-button @click="() => this.showPopup = false">取消</ml-button>
+          <ml-button status="primary" @click="confirmEvent">确认</ml-button>
+        </ml-row>
+      </template>
+    </ml-drawer>
+
   </view>
 </template>
 
@@ -42,59 +59,147 @@ import globalStore from '../../../config/store'
 export default {
   name: 'MlApprovalRecord',
   props: {
-    value: Array,
-    code: String,
-    options: Array
+    sysApproveJobId: {
+      type: [Number, String],
+      default: 0
+    }
   },
   data () {
     return {
-      flowItems: [],
-      approvalData: {
-        flowHandlers: [],
-        module: null,
-        flowSettingCode: null,
-        enableFlag: false
-      },
-      flowOptions: []
+      flowConfigItems: [], // 审批节点数据
+      specialAllFlowItems: [], // 已审批的记录
+      approveContent: '', // 审批描述
+      showPopup: false, // 审批弹出框
+      isPass: true // 通过， 驳回
+    }
+  },
+  computed: {
+    // 获取当前用户信息
+    userInfo () {
+      return globalStore.approval?.record?.getCurrentUserInfo() || {}
+    },
+    // 当前正在审批节点, 从头找到第一个没有审批过的节点,  或审批状态为 “审批中”的节点（approveStatus补后端approveFlag错误bug）
+    currFlowItem () {
+      return this.flowConfigItems.find(item => (item.approveFlag === false || item.approveStatus === 1))
+    },
+    showApproveBtn () {
+      // approveStatus: 3, 驳回状态
+      if (this.currFlowItem && this.currFlowItem.approveStatus !== 3) {
+        // 多人审批方式(0依次审批 1会签(需所有人同意) 2或签)
+        if (this.currFlowItem.approveMode === 0) {
+          // 依次审批： 找到第一个没有审批的节点，只有此节点的用户可审批， 其它排队
+          const currentApproveUser = this.currFlowItem.userList?.find(item => item.approveFlag === false)
+          currentApproveUser.doneStatus = 1
+          if (currentApproveUser.id === this.userInfo.userId) {
+            return true
+          }
+        } else {
+          // 会签、或签 当前用户在此节点审批人中并还未完成审批，可视为有审批按钮
+          return !!this.currFlowItem.userList?.find(item => item.approveFlag === false && item.id === this.userInfo.userId)
+        }
+      }
+      return false
     }
   },
   watch: {
-    code () {
-      this.loadFlow()
+    sysApproveJobId: {
+      immediate: true,
+      handler () {
+        this.loadFlow()
+      }
     }
   },
   created () {
-    this.approvalData.module = this.code
-    this.approvalData.flowSettingCode = this.code
-    this.updateFlowItems(this.options)
     this.loadFlow()
   },
   methods: {
-    updateModel () {
-      this.$emit('input', this.approvalData)
-    },
-    updateFlowItems (list) {
-      this.flowItems = (list || []).map(item => {
-        item.f = []
-        return item
-      })
+    openApproval (isPass) {
+      this.isPass = isPass
+      this.approveContent = isPass ? '同意' : '不同意'
+      this.showPopup = true
     },
     async loadFlow () {
       await this.$nextTick()
-      if (!this.code) {
+      if (!this.sysApproveJobId) {
         return
       }
-      if (globalStore.approval && globalStore.approval.select) {
-        const loadFlowMethod = globalStore.approval.select.loadFlow
+
+      if (globalStore.approval && globalStore.approval.record) {
+        const loadFlowMethod = globalStore.approval.record.loadFlow
         if (loadFlowMethod) {
           Promise.resolve(loadFlowMethod({
-            code: this.code
+            sysApproveJobId: this.sysApproveJobId
+          })).then(res => {
+            this.flowConfigItems = res.flowConfigItems.map(item => {
+              item.specialItem = null
+              item.doneFlag = false
+              item.doneStatus = ''
+              return item
+            })
+            this.specialAllFlowItems = res.specialAllFlowItems.map(item => {
+              item.doneFlag = false
+              item.doneStatus = ''
+              return item
+            })
+            this.mergeFlowItemsData()
+          })
+        }
+      }
+    },
+    mergeFlowItemsData  () {
+      // 已审批记录匹配到审批节点信息人员
+      this.flowConfigItems.forEach(configItem => {
+        // 匹配到当前节点
+        const specialItem = this.specialAllFlowItems.find(item => item.nodeIdCurrent === configItem.flowItemSettingId)
+        configItem.doneFlag = configItem.approveFlag
+        configItem.userList = configItem.userList.map(userItem => {
+          let doneFlag = false
+          let doneStatus = null
+          let remark = ''
+          let otherStatus = null
+          let createTime = null
+          if (specialItem) {
+            // 匹配到当前审批人--可能已有多次审批,选最后一次展示
+            const specialUserItems = specialItem.memberList.filter(item => item.createUser === userItem.id)
+            const specialUserItem = specialUserItems.length > 0 ? specialUserItems[specialUserItems.length - 1] : null
+            // userItem.approveFlag = false 当前节点未通过 或者 当前整个节点在驳回状态
+            if (specialUserItem && (userItem.approveFlag || configItem.approveStatus === 3)) {
+              doneFlag = true
+              // 审批过的状态， 1为通过， 2为驳回
+              doneStatus = specialUserItem.status === 1 ? 2 : 3
+              remark = specialUserItem.remark
+              otherStatus = specialUserItem.otherStatus
+              createTime = specialUserItem.createTime
+            }
+          }
+          return {
+            ...userItem,
+            doneFlag,
+            doneStatus,
+            remark,
+            otherStatus,
+            createTime
+          }
+        })
+      })
+    },
+    confirmEvent () {
+      if (globalStore.approval && globalStore.approval.record) {
+        const submitApprove = globalStore.approval.record.submitApprove
+        if (submitApprove) {
+          Promise.resolve(submitApprove({
+            applyUserId: this.userInfo.userId,
+            approveJobId: this.sysApproveJobId,
+            isPass: this.isPass,
+            otherStatus: this.isPass ? 1 : 2, // 1:同意, 2:不同意
+            remark: this.approveContent
           })).then(res => {
-            this.approvalData.enableFlag = res.enableFlag
-            this.approvalData.flowSettingCode = res.flowSettingCode
-            this.approvalData.module = res.module
-            this.updateFlowItems(res.flowItems)
-            this.updateModel()
+            if (res.code === 200) {
+              this.$toast.success()
+              this.loadFlow()
+              this.$emit('back')
+              this.showPopup = false
+            }
           })
         }
       }
@@ -116,6 +221,7 @@ export default {
 }
 .ml-approval-record-list {
   position: relative;
+  padding-top: 20rpx;
   padding-bottom: $ml-border-radius;
   .ml-approval-record-flow-line {
     position: absolute;
@@ -127,7 +233,7 @@ export default {
     &::before {
       content: "";
       position: absolute;
-      top: 12rpx;
+      top: 32rpx;
       left: -10rpx;
       width: 24rpx;
       height: 24rpx;
@@ -145,7 +251,7 @@ export default {
   }
   &:last-child {
     .ml-approval-record-flow-line {
-      height: 30rpx;
+      height: 50rpx;
     }
   }
 }
@@ -172,12 +278,17 @@ export default {
   .ml-approval-record-user-item-content {
     flex-grow: 1;
     padding: 0 10rpx;
+    align-items: center;
+    display: flex;
   }
   .ml-approval-record-user-item-right {
     flex-shrink: 0;
   }
   .ml-approval-record-user-item-top {
     line-height: 40rpx;
+    display: flex;
+    align-items: center;
+    width: 100%;
   }
   .ml-approval-record-user-picture {
     width: 100rpx;
@@ -194,6 +305,10 @@ export default {
     margin-right: 10rpx;
     color: rgba(0, 0, 0, 0.85);
   }
+  .ml-approval-record-time {
+    flex: 1;
+    text-align: right;
+  }
   .ml-approval-record-user-role {
     font-size: 24rpx;
     color: rgba(0, 0, 0, 0.86);
@@ -204,7 +319,6 @@ export default {
   .ml-approval-record-user-item-comment{
     padding: 20rpx;
     background: #F0F2F5;
-    height: 160rpx;
     border-radius: $ml-border-radius;
     overflow: auto;
   }

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

@@ -11,23 +11,40 @@
         </view>
         <view class="ml-approval-select-users">
           <view class="ml-approval-select-user-item" v-for="(item, uIndex) in group.users" :key="uIndex">
-            <ml-checkbox>
-              <image class="ml-approval-select-user-picture" src="https://csgc.saas.ddqrcode.com/applet/business/image/portrait2.png" mode="scaleToFill"></image>
-              <view class="ml-approval-select-user-name">{{ item.name }}</view>
-            </ml-checkbox>
+            <image class="ml-approval-select-user-picture" v-if="item.faceImgUrl" :src="item.faceImgUrl" mode="scaleToFill"></image>
+            <image class="ml-approval-select-user-picture" v-else src="https://csgc.saas.ddqrcode.com/applet/business/image/portrait2.png" mode="scaleToFill"></image>
+            <view class="ml-approval-select-user-name">{{ item.name }}</view>
           </view>
-          <view class="ml-approval-select-user-add" @click="openAddUser(group)">
+          <view v-if="!rejectApproveJob" class="ml-approval-select-user-add" @click="openAddUser(group)">
             <view class="ml-approval-select-user-add-icon">
               <ml-icon name="add"></ml-icon>
             </view>
           </view>
         </view>
+        <view v-if="group.copyRoles && group.copyRoles.length">
+          <view class="ml-approval-select-item-title" v-if="!rejectApproveJob || (group.copyUsers)">抄送</view>
+          <view class="ml-approval-select-users">
+            <view class="ml-approval-select-user-item" v-for="(item, uIndex) in group.copyUsers" :key="uIndex">
+              <image class="ml-approval-select-user-picture" src="https://csgc.saas.ddqrcode.com/applet/business/image/portrait2.png" mode="scaleToFill"></image>
+              <view class="ml-approval-select-user-name">{{ item.name }}</view>
+            </view>
+            <view v-if="!rejectApproveJob" class="ml-approval-select-user-add" @click="openAddUser(group, true)">
+              <view class="ml-approval-select-user-add-icon">
+                <ml-icon name="add"></ml-icon>
+              </view>
+            </view>
+          </view>
+        </view>
       </view>
     </view>
 
     <ml-picker-drawer v-model="showPopup" height="600rpx" showFooter @confirm="confirmEvent">
-      <ml-list-menu-group v-for="(group, gIndex) in selectRoleGroups" :key="gIndex" :title="group.name">
-        <ml-list-menu-item v-for="(item, cIndex) in group.userList" :key="cIndex" :padding="false" disabled suffixIcon="none">
+      <ml-list-menu-group type="checkbox" :checked.sync="selectedUserIds">
+        <view v-for="(group, gIndex) in selectRoleGroups" :key="gIndex" :title="group.name">
+          <view>{{ group.name }}</view>
+          <ml-list-menu-item v-for="item in group.userList" :padding="false" :disabled="false" suffixIcon="none"
+          :key="item.id"
+          :value="item.id">
           <ml-row>
             <ml-col width="80rpx" shrink>
               <image class="ml-approval-picker-drawer-user-picture" src="https://csgc.saas.ddqrcode.com/applet/business/image/portrait2.png" mode="scaleToFill"></image>
@@ -35,6 +52,7 @@
             <ml-col verticalAlign="center">{{ item.name }}</ml-col>
           </ml-row>
         </ml-list-menu-item>
+        </view>
       </ml-list-menu-group>
     </ml-picker-drawer>
   </view>
@@ -48,7 +66,7 @@ export default {
   props: {
     value: Array,
     code: String,
-    options: Array
+    rejectApproveJob: String
   },
   data () {
     return {
@@ -64,15 +82,32 @@ export default {
       isAllIndeterminate: false,
       checkList: [],
       dataList: [],
-      selectFlowItem: null
+      selectFlowItem: null,
+      selectedUserIds: [],
+      isCopyUser: false
     }
   },
   computed: {
     selectRoleGroups () {
       if (this.selectFlowItem) {
-        return this.selectFlowItem.roleList || []
+        return (this.selectFlowItem.roleList || []).filter(item => item.id).map(item => {
+          const userList = (item.userList || []).map(user => ({ ...user, id: `${user.id}_${item.id}` }))
+          return {
+            ...item,
+            userList
+          }
+        })
       }
       return []
+    },
+    selectedUserList () {
+      const allUser = []
+      this.selectRoleGroups.forEach(element => {
+        (element?.userList || []).forEach(ele => {
+          allUser.push(ele)
+        })
+      })
+      return allUser.filter(item => this.selectedUserIds.indexOf(item.id) > -1)
     }
   },
   watch: {
@@ -83,18 +118,29 @@ export default {
   created () {
     this.approvalData.module = this.code
     this.approvalData.flowSettingCode = this.code
-    this.updateFlowItems(this.options)
     this.loadFlow()
   },
   methods: {
     updateModel () {
       this.$emit('input', this.approvalData)
     },
-    updateFlowItems (list) {
-      this.flowItems = (list || []).map(item => {
-        item.f = []
-        return item
-      })
+    async updateFlowItems () {
+      await this.$nextTick()
+      if (!this.rejectApproveJob) {
+        return
+      }
+      if (globalStore.approval && globalStore.approval.select) {
+        const updateMethod = globalStore.approval.select.updateFlowItems
+        if (updateMethod) {
+          Promise.resolve(updateMethod({
+            sysApproveJobId: this.rejectApproveJob,
+            flowItems: [...this.flowItems]
+          })).then(res => {
+            this.flowItems = res
+            console.log('updateMethod====', res)
+          })
+        }
+      }
     },
     async loadFlow () {
       await this.$nextTick()
@@ -110,18 +156,50 @@ export default {
             this.approvalData.enableFlag = res.enableFlag
             this.approvalData.flowSettingCode = res.flowSettingCode
             this.approvalData.module = res.module
-            this.updateFlowItems(res.flowItems)
+            this.flowItems = res.flowItems
+            this.updateFlowItems()
             this.updateModel()
           })
         }
       }
     },
-    openAddUser (group) {
+    openAddUser (group, isCopy = false) {
+      this.isCopyUser = isCopy
       this.selectFlowItem = group
+      // 返选已选中项
+      this.selectedUserIds = ((isCopy ? this.selectFlowItem?.copyUsers : this.selectFlowItem?.users) || []).map(item => item.id)
       this.showPopup = true
     },
+    updateFlowHandlers () {
+      const flowHandlers = this.flowItems.map(item => {
+        return {
+          copierList: (item.copyUsers || []).map(user => ({
+            memberIds: user.id?.split('_')[0],
+            memberNames: user.name,
+            roleId: user.id?.split('_')[1]
+          })),
+          flowItemSettingId: item.id,
+          userList: (item.users || []).map(user => ({
+            // approveFlag: false,
+            memberIds: user.id?.split('_')[0],
+            memberNames: user.name,
+            roleId: user.id?.split('_')[1]
+          }))
+        }
+      })
+      this.approvalData.flowHandlers = flowHandlers
+    },
     confirmEvent () {
-
+      if (this.isCopyUser) {
+        this.selectFlowItem.copyUsers = this.selectedUserList
+      } else {
+        this.selectFlowItem.users = this.selectedUserList
+      }
+      console.log(this.flowItems)
+      this.showPopup = false
+      this.selectedUserIds = []
+      this.updateFlowHandlers()
+      this.updateModel()
     }
   }
 }

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

@@ -1,5 +1,5 @@
 <template>
-  <view class="ml-chunk-item" :class="[className || '', span && !width ? `span-${span}` : '', align ? `align-${align}` : '', {'is-fixed': span || width, 'is-vertical': isVertical}]" :style="styles" @click="clickEvent" @tap="tapEvent">
+  <view class="ml-chunk-item" :class="[className || '', span && !width ? `span-${span}` : '', itemAlign ? `align-${itemAlign}` : '', {'is-fixed': span || width, 'is-vertical': isVertical}]" :style="styles" @click="clickEvent" @tap="tapEvent">
     <slot></slot>
   </view>
 </template>
@@ -28,6 +28,12 @@ export default {
     isVertical () {
       return this.chunk ? this.chunk.vertical : ''
     },
+    itemAlign () {
+      if (this.align) {
+        return this.align
+      }
+      return this.isVertical ? '' : 'center'
+    },
     styles () {
       return this.width ? `width: ${this.width};` : ''
     }

package/lib/components/ml-drawer/ml-drawer.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="ml-drawer" :class="[className || '', `placement-${placement || 'bottom'}`, {'is-visible': visible, 'is-animate': isAnimate}]" @tap="tapMaskEvent">
     <view v-if="visible" class="ml-drawer-warpper" @tap.stop.prevent>
-      <view v-if="showHeader" class="ml-drawer-header">
+      <view v-if="title || showHeader" class="ml-drawer-header">
         <slot name="header">
           <view v-if="title" class="ml-drawer-header-title">{{ title }}</view>
         </slot>

package/lib/components/ml-number-input/ml-number-input.vue

@@ -132,23 +132,28 @@ export default {
       }
       const numVal = XEUtils.toNumber(XEUtils.toValueString(this.inpVal).slice(0, this.maxLength))
       if (this.minNum !== null && (numVal < this.minNum)) {
+        this.updateModel = true
         this.$emit('input', this.minNum)
         return { status: false, value: this.minNum }
       }
       if (this.maxNum !== null && (numVal > this.maxNum)) {
+        this.updateModel = true
         this.$emit('input', this.maxNum)
         return { status: false, value: this.maxNum }
       }
       if (this.type === 'integer' && !/^-?[0-9]+$/.test(numVal)) {
         const value = XEUtils.toInteger(numVal)
+        this.updateModel = true
         this.$emit('input', value)
         return { status: false, value: value }
       }
       if (`${numVal}` !== this.inpVal) {
+        this.updateModel = true
         this.$emit('input', numVal)
         return { status: false, value: numVal }
       }
       if (`${numVal}` !== `${this.value}`) {
+        this.updateModel = true
         this.$emit('input', numVal)
         return { status: false, value: numVal }
       }
@@ -171,8 +176,7 @@ export default {
       }
     },
     blurEvent () {
-      const rest = this.checkValue()
-      this.updateModel = rest.status
+      this.checkValue()
       this.$emit('blur', { value: this.inpVal })
     },
     inputEvent () {

package/lib/components/ml-rich-text/ml-rich-text.vue

@@ -23,10 +23,10 @@ export default {
   },
   watch: {
     value () {
-      this.value()
+      this.load()
     }
   },
-  created () {
+  mounted () {
     this.load()
   },
   methods: {
@@ -42,4 +42,4 @@ export default {
   display: block;
   word-break: break-word;
 }
-</style>
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mali-applet-ui",
-  "version": "1.0.41",
+  "version": "1.0.43",
   "description": "码里云小程序组件库",
   "files": [
     "lib",
@@ -19,13 +19,14 @@
     "update": "npm install --legacy-peer-deps",
     "eslint-fix": "eslint --fix --ext .vue,.js src",
     "build:custom": "npm run run-before && cross-env NODE_ENV=production uniapp-cli custom",
+    "build:mp-alipay": "npm run run-before && cross-env NODE_ENV=production UNI_PLATFORM=mp-alipay vue-cli-service uni-build",
     "build:mp-dingtalk": "npm run run-before && gulp load_build_dingtalk && cross-env NODE_ENV=production UNI_OUTPUT_DIR=dist/build/mp-dingtalk uniapp-cli custom mp-dingtalk",
     "build:mp-weixin": "npm run run-before && cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin vue-cli-service uni-build",
     "serve:custom": "npm run run-before && cross-env NODE_ENV=development uniapp-cli custom",
     "serve:mp-weixin": "npm run run-before && cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch",
+    "serve:mp-alipay": "npm run run-before && cross-env NODE_ENV=development UNI_PLATFORM=mp-alipay vue-cli-service uni-build --watch",
     "serve:mp-dingtalk": "npm run run-before && gulp load_dev_dingtalk && cross-env NODE_ENV=development UNI_OUTPUT_DIR=dist/dev/mp-dingtalk uniapp-cli custom mp-dingtalk",
-    "run-before": "node script/run-before.js",
-    "clear": "gulp clear_temp"
+    "run-before": "node script/run-before.js"
   },
   "devDependencies": {
     "@dcloudio/uni-app-plus": "^2.0.1-36420220922003",