wuye / webui

Blame view

src/components/fee/batchFeeCycle.vue 2.67 KB
Edit Raw Normal View History
24d3590f   wuxw   房屋收费页面开发完成 
1
 
  <template>
6f916870   wuxw   优化甘肃客户反馈bug 
2
 
    <el-dialog :title="batchFeeCycleInfo.feeName" :visible.sync="visible" width="500px" :before-close="handleClose">
24d3590f   wuxw   房屋收费页面开发完成 
3
4
 
      <el-form label-width="120px">
        <el-form-item :label="$t('batchFeeCycle.paymentCycle')">
6f916870   wuxw   优化甘肃客户反馈bug 
5
6
7
8
9
10
 
          <el-select v-model="batchFeeCycleInfo.tempCycle" @change="changeTempCycle" style="width:100%"
            :placeholder="$t('batchFeeCycle.selectCycleTip')">
            <el-option value="-100" :label="$t('batchFeeCycle.default')"></el-option>
            <el-option value="-102" :label="$t('batchFeeCycle.customCycle')"></el-option>
            <el-option value="-101" :label="$t('batchFeeCycle.customAmount')"></el-option>
            <el-option value="-103" :label="$t('batchFeeCycle.customEndTime')"></el-option>
24d3590f   wuxw   房屋收费页面开发完成 
11
12
13
 
          </el-select>
        </el-form-item>
6f916870   wuxw   优化甘肃客户反馈bug 
14
15
16
 
        <el-form-item v-if="batchFeeCycleInfo.tempCycle === '-101'" :label="$t('batchFeeCycle.customAmount')">
          <el-input type="number" v-model="batchFeeCycleInfo.receivedAmount"
            :placeholder="$t('batchFeeCycle.enterCustomAmount')"></el-input>
24d3590f   wuxw   房屋收费页面开发完成 
17
18
 
        </el-form-item>
6f916870   wuxw   优化甘肃客户反馈bug 
19
20
21
 
        <el-form-item v-if="batchFeeCycleInfo.tempCycle === '-102'" :label="$t('batchFeeCycle.actualCycle')">
          <el-input type="number" v-model="batchFeeCycleInfo.cycles"
            :placeholder="$t('batchFeeCycle.enterActualCycle')"></el-input>
24d3590f   wuxw   房屋收费页面开发完成 
22
23
 
        </el-form-item>
6f916870   wuxw   优化甘肃客户反馈bug 
24
25
26
 
        <el-form-item v-if="batchFeeCycleInfo.tempCycle === '-103'" :label="$t('batchFeeCycle.endTime')">
          <el-date-picker v-model="batchFeeCycleInfo.custEndTime" type="date" style="width:100%"
            :placeholder="$t('batchFeeCycle.selectEndTime')" value-format="yyyy-MM-dd"></el-date-picker>
24d3590f   wuxw   房屋收费页面开发完成 
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
        </el-form-item>
      </el-form>
  
      <span slot="footer" class="dialog-footer">
        <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
        <el-button type="primary" @click="_doSubmitFeeCycle">{{ $t('common.confirm') }}</el-button>
      </span>
    </el-dialog>
  </template>
  
  <script>
  export default {
    name: 'BatchFeeCycle',
    data() {
      return {
        visible: false,
        batchFeeCycleInfo: {
          cycles: '',
          tempCycle: '',
          custEndTime: '',
          receivedAmount: '',
          fee: {}
        }
      }
    },
    methods: {
      open(fee) {
6f916870   wuxw   优化甘肃客户反馈bug 
54
 
        this.batchFeeCycleInfo = fee
24d3590f   wuxw   房屋收费页面开发完成 
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
 
        this.visible = true
      },
  
      handleClose() {
        this.visible = false
      },
  
      changeTempCycle() {
        const tempCycle = this.batchFeeCycleInfo.tempCycle + ""
        if (tempCycle !== '-100') {
          this.batchFeeCycleInfo.cycles = "1"
        }
      },
  
      _doSubmitFeeCycle() {
24d3590f   wuxw   房屋收费页面开发完成 
70
6f916870   wuxw   优化甘肃客户反馈bug 
71
 
        this.$emit('changeMonth', this.batchFeeCycleInfo)
24d3590f   wuxw   房屋收费页面开发完成 
72
73
74
75
76
77
78
79
80
81
82
 
        this.handleClose()
      }
    }
  }
  </script>
  
  <style lang="scss" scoped>
  ::v-deep .el-dialog__body {
    padding: 20px;
  }
  </style>