支出登记的支付方式

ghsApp/src/admin/expend/addExpend.vue

@@ -14,6 +14,14 @@
             <button class="admin-button-com middle" @tap="form.type = 5" :class="form.type == 5? 'blue' : 'default'">其它</button>
           </tui-list-cell>
 
+          <tui-list-cell class="line-cell" :arrow="true">
+            <view class="tui-title">支付</view>
+            <picker mode="selector" :value="form.payWay" :range="payWayList" range-key="name" @change="payWayChange" class="tui-input" >
+              <input v-model="form.payWay" name="payWay" type="text" hidden />
+              <view style="padding:6upx 0 6upx 0;">{{payWayList[payWayindex].name}}</view>
+            </picker>
+          </tui-list-cell>
+
           <tui-list-cell class="line-cell" :hover="false">
               <view class="tui-title">金额</view>
               <input v-model="form.amount" type="digit" @focus="form.amount=''" placeholder-class="phcolor" placeholder-style="color:#CCCCCC" class="tui-input" name="amount" placeholder="请填写" />
@@ -48,11 +56,19 @@ export default {
         //0店租 1水电 2物业 3伙食 4房租 5其它
         type:3,
         amount:'',
-        remark:''
-      }
+        remark:'',
+        payWay:0
+      },
+      payWayList:[{name:"客服微信",id:0},{name:"现金",id:4},{name:"支付宝",id:1},{name:"银行卡",id:5}],
+      payWayindex:0
     };
   },
   methods: {
+		payWayChange(e){
+			let index = e.detail.value
+			this.payWayindex = index
+      this.form.payWay = this.payWayList[index].id
+		},
     formSubmit(){
       if(Number(this.form.amount) <= 0){
         this.$msg('请填写金额')