apply-clients 6.0.1 → 6.0.4

package/src/components/build/Install/InstallFee/PreparationFee.vue

@@ -1,223 +1,223 @@
-<template>
-  <div class="col-sm-12" style="height: auto">
-    <div class="auto select-overspread">
-      <div class="panel panel-info">
-        <div class="panel-heading auto">
-          <h3 class="panel-title">预付款</h3>
-        </div>
-      </div>
-    </div>
-
-    <div class="col-sm-12" style="height: auto">
-      <span class="col-sm-1"></span>
-      <span class="col-sm-3">预缴款总金额:{{sum}}元</span>
-      <button type="button" class="btn btn-warning col-sm-offset-3" @click="add()">添加预缴款</button>
-    </div>
-    <div class="col-sm-12" style="height: auto;border:1px solid #000;padding-top: 10px;"
-         v-for="row in preparationfee_datas">
-      <div class="col-sm-12">
-        <div class="form-group col-sm-3 form-input-group">
-          <label class="control-label">预缴款金额(元)：</label>
-          <div class="col-sm-6">
-            <input class="form-control" type="text" v-model="row.f_preparation_fee" readonly>
-          </div>
-        </div>
-        <div class="form-group col-sm-3 form-input-group">
-          <label class="control-label">金额大写：</label>
-          <div class="col-sm-6">
-            <input class="form-control" type="text" v-model="row.f_capital" readonly>
-          </div>
-        </div>
-        <div class="form-group col-sm-3 form-input-group">
-          <label class="control-label">缴费类型：</label>
-          <div class="col-sm-6">
-            <input class="form-control" type="text" v-model="row.f_payfee_way" readonly>
-          </div>
-        </div>
-      </div>
-      <div class="col-sm-12">
-        <div class="form-group col-sm-3 form-input-group">
-          <label class="control-label">日期：</label>
-          <div class="col-sm-6">
-            <input class="form-control" type="text" v-model="row.f_date" readonly>
-          </div>
-        </div>
-        <div class="form-group col-sm-3 form-input-group">
-          <label class="control-label">操作人：</label>
-          <div class="col-sm-6">
-            <input class="form-control" type="text" v-model="row.f_operator" readonly>
-          </div>
-        </div>
-      </div>
-      <div class="form-group col-sm-12 form-input-group">
-        <label class="control-label">备注：</label>
-        <div class="col-sm-5">
-          <textarea class="form-control" v-model="row.f_payfee_remarks" rows="2" readonly></textarea>
-        </div>
-      </div>
-    </div>
-    <modal :show.sync="show" v-ref:modal backdrop="false">
-      <header slot="modal-header" class="modal-header">
-        <button type="button" class="close" @click="close"><span>&times;</span></button>
-        <h4 class="modal-title">新增预交费</h4>
-      </header>
-      <article slot="modal-body" class="modal-body">
-        <div class="from-group">
-          <label>预缴款金额(元)</label>
-          <input type="text" class="form-control" v-model="addItem.f_preparation_fee">
-        </div>
-        <div class="form-group">
-          <label class="control-label">金额大写：</label>
-          <input class="form-control" type="text" v-model="getCapital" readonly>
-        </div>
-        <div class="from-group">
-          <label>缴费类型</label>
-          <v-select :options="jiaofei"
-                    v-model="addItem.f_payfee_way" :value.sync="addItem.f_payfee_way" close-on-select>
-          </v-select>
-        </div>
-        <div class="from-group">
-          <label>备注</label>
-          <textarea class="form-control" v-model="addItem.f_payfee_remarks" rows="3"></textarea>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <button v-show="show" type="button" class="btn btn-default" @click='close'>取消</button>
-        <button v-show="show" type="button" class="btn btn-success" @click='confirm'>确认</button>
-      </footer>
-    </modal>
-  </div>
-</template>
-
-<script>
-  import {HttpResetClass} from 'vue-client'
-  import * as Util from '../../../Util'
-
-  export default {
-
-    title: "预交费",
-    props: ['selectdata'],
-    data() {
-      return {
-        preparationfee_datas: [],    // 合同信息数组
-        show: false, // 新增合同模态框控制
-        addItem: {
-          f_preparation_fee: 0,
-          f_payfee_way: {},
-          f_payfee_remarks: ''
-        }, // 模态框零时对象
-      }
-    },
-    ready() {
-      this.load();
-    },
-    methods: {
-      // 输入金额校验
-      check(){
-        let re = /^[+]?\d+(\.\d+)?$/  //判断字符串是否为数字
-        if (!re.test(this.addItem.f_preparation_fee)){
-          this.$showMessage("请输入数字")
-          this.addItem.f_preparation_fee=''
-          return false
-        }
-        return true
-      },
-      // 小写转换大写
-      smalltoBIG(n) {
-        let fraction = ['角', '分'];
-        let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
-        let unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']];
-        let head = n < 0 ? '欠' : '';
-        n = Math.abs(n);
-
-        let s = '';
-
-        for (var i = 0; i < fraction.length; i++) {
-          s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
-        }
-        s = s || '整';
-        n = Math.floor(n);
-
-        for (var i = 0; i < unit[0].length && n > 0; i++) {
-          let p = '';
-          for (var j = 0; j < unit[1].length && n > 0; j++) {
-            p = digit[n % 10] + unit[1][j] + p;
-            n = Math.floor(n / 10);
-          }
-          s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
-        }
-        return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整')
-      },
-      // 获取数据库数据
-      async load() {
-        let http = new HttpResetClass();
-        let data = {
-          tablename: 't_preparationfee',
-          condition: `processid = '${this.selectdata.f_process_id}'`
-        }
-        let res = await http.load('POST', 'rs/sql/singleTable', {data: data}, {resolveMsg: null, rejectMsg: '获取材料信息失败'})
-        this.preparationfee_datas = []
-        this.preparationfee_datas = res.data
-      },
-      // 新增按钮触发事件
-      add() {
-        this.show = true
-      },
-      // 模态框确定按钮触发
-      async confirm() {
-        if(this.check()===false){
-          return
-        }
-        this.addItem.f_date = Util.toStandardTimeString()
-        this.addItem.f_payfee_way = typeof this.addItem.f_payfee_way === 'object' ? this.addItem.f_payfee_way[0] : ''
-        this.addItem.processid = this.selectdata.f_process_id
-        this.addItem.applyid = this.selectdata.f_apply_num
-        this.addItem.f_operator = this.$login.f.name
-        this.addItem.f_department = this.$login.f.f_parentname
-        this.addItem.f_filiale = this.$login.f.f_fengongsi
-        this.preparationfee_datas.push(this.addItem)
-        let http = new HttpResetClass();
-
-        await http.load('POST', 'rs/logic/saveentity',{data:{tablename:'t_preparationfee',parameters:this.addItem}}, {resolveMsg: null, rejectMsg: "添加失败"})
-          .then((res) => {
-            this.close()
-          })
-      },
-      // 模态框关闭按钮触发
-      close() {
-        this.show = false
-        this.addItem = {
-          f_preparation_fee: 0,
-          f_payfee_way: {},
-          f_payfee_remarks: ''
-        }
-      }
-
-    },
-    computed: {
-      // 计算大写
-      getCapital() {
-        if (this.addItem.f_preparation_fee) {
-          this.addItem.f_capital = this.smalltoBIG(Number(this.addItem.f_preparation_fee))
-        }
-        return this.addItem.f_capital
-      },
-      // 总金额计算
-      sum() {
-        let num = 0;
-        for (var i = 0; i < this.preparationfee_datas.length; i++) {
-          num += Number(this.preparationfee_datas[i].f_preparation_fee)
-        }
-        return num
-      },
-      jiaofei() {
-        return this.$appdata.getParam('缴费类型')
-      }
-    }
-  }
-</script>
-<style scoped>
-  textarea {
-    width: 74.5%;
-  }
-</style>
+<template>
+  <div class="col-sm-12" style="height: auto">
+    <div class="auto select-overspread">
+      <div class="panel panel-info">
+        <div class="panel-heading auto">
+          <h3 class="panel-title">预付款</h3>
+        </div>
+      </div>
+    </div>
+
+    <div class="col-sm-12" style="height: auto">
+      <span class="col-sm-1"></span>
+      <span class="col-sm-3">预缴款总金额:{{sum}}元</span>
+      <button type="button" class="btn btn-warning col-sm-offset-3" @click="add()">添加预缴款</button>
+    </div>
+    <div class="col-sm-12" style="height: auto;border:1px solid #000;padding-top: 10px;"
+         v-for="row in preparationfee_datas">
+      <div class="col-sm-12">
+        <div class="form-group col-sm-3 form-input-group">
+          <label class="control-label">预缴款金额(元)：</label>
+          <div class="col-sm-6">
+            <input class="form-control" type="text" v-model="row.f_preparation_fee" readonly>
+          </div>
+        </div>
+        <div class="form-group col-sm-3 form-input-group">
+          <label class="control-label">金额大写：</label>
+          <div class="col-sm-6">
+            <input class="form-control" type="text" v-model="row.f_capital" readonly>
+          </div>
+        </div>
+        <div class="form-group col-sm-3 form-input-group">
+          <label class="control-label">缴费类型：</label>
+          <div class="col-sm-6">
+            <input class="form-control" type="text" v-model="row.f_payfee_way" readonly>
+          </div>
+        </div>
+      </div>
+      <div class="col-sm-12">
+        <div class="form-group col-sm-3 form-input-group">
+          <label class="control-label">日期：</label>
+          <div class="col-sm-6">
+            <input class="form-control" type="text" v-model="row.f_date" readonly>
+          </div>
+        </div>
+        <div class="form-group col-sm-3 form-input-group">
+          <label class="control-label">操作人：</label>
+          <div class="col-sm-6">
+            <input class="form-control" type="text" v-model="row.f_operator" readonly>
+          </div>
+        </div>
+      </div>
+      <div class="form-group col-sm-12 form-input-group">
+        <label class="control-label">备注：</label>
+        <div class="col-sm-5">
+          <textarea class="form-control" v-model="row.f_payfee_remarks" rows="2" readonly></textarea>
+        </div>
+      </div>
+    </div>
+    <modal :show.sync="show" v-ref:modal backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="close"><span>&times;</span></button>
+        <h4 class="modal-title">新增预交费</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <div class="from-group">
+          <label>预缴款金额(元)</label>
+          <input type="text" class="form-control" v-model="addItem.f_preparation_fee">
+        </div>
+        <div class="form-group">
+          <label class="control-label">金额大写：</label>
+          <input class="form-control" type="text" v-model="getCapital" readonly>
+        </div>
+        <div class="from-group">
+          <label>缴费类型</label>
+          <v-select :options="jiaofei"
+                    v-model="addItem.f_payfee_way" :value.sync="addItem.f_payfee_way" close-on-select>
+          </v-select>
+        </div>
+        <div class="from-group">
+          <label>备注</label>
+          <textarea class="form-control" v-model="addItem.f_payfee_remarks" rows="3"></textarea>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button v-show="show" type="button" class="btn btn-default" @click='close'>取消</button>
+        <button v-show="show" type="button" class="btn btn-success" @click='confirm'>确认</button>
+      </footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass} from 'vue-client'
+  import * as Util from '../../../Util'
+
+  export default {
+
+    title: "预交费",
+    props: ['selectdata'],
+    data() {
+      return {
+        preparationfee_datas: [],    // 合同信息数组
+        show: false, // 新增合同模态框控制
+        addItem: {
+          f_preparation_fee: 0,
+          f_payfee_way: {},
+          f_payfee_remarks: ''
+        }, // 模态框零时对象
+      }
+    },
+    ready() {
+      this.load();
+    },
+    methods: {
+      // 输入金额校验
+      check(){
+        let re = /^[+]?\d+(\.\d+)?$/  //判断字符串是否为数字
+        if (!re.test(this.addItem.f_preparation_fee)){
+          this.$showMessage("请输入数字")
+          this.addItem.f_preparation_fee=''
+          return false
+        }
+        return true
+      },
+      // 小写转换大写
+      smalltoBIG(n) {
+        let fraction = ['角', '分'];
+        let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
+        let unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']];
+        let head = n < 0 ? '欠' : '';
+        n = Math.abs(n);
+
+        let s = '';
+
+        for (var i = 0; i < fraction.length; i++) {
+          s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
+        }
+        s = s || '整';
+        n = Math.floor(n);
+
+        for (var i = 0; i < unit[0].length && n > 0; i++) {
+          let p = '';
+          for (var j = 0; j < unit[1].length && n > 0; j++) {
+            p = digit[n % 10] + unit[1][j] + p;
+            n = Math.floor(n / 10);
+          }
+          s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
+        }
+        return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整')
+      },
+      // 获取数据库数据
+      async load() {
+        let http = new HttpResetClass();
+        let data = {
+          tablename: 't_preparationfee',
+          condition: `processid = '${this.selectdata.f_process_id}'`
+        }
+        let res = await http.load('POST', 'rs/sql/applysingleTable', {data: data}, {resolveMsg: null, rejectMsg: '获取材料信息失败'})
+        this.preparationfee_datas = []
+        this.preparationfee_datas = res.data
+      },
+      // 新增按钮触发事件
+      add() {
+        this.show = true
+      },
+      // 模态框确定按钮触发
+      async confirm() {
+        if(this.check()===false){
+          return
+        }
+        this.addItem.f_date = Util.toStandardTimeString()
+        this.addItem.f_payfee_way = typeof this.addItem.f_payfee_way === 'object' ? this.addItem.f_payfee_way[0] : ''
+        this.addItem.processid = this.selectdata.f_process_id
+        this.addItem.applyid = this.selectdata.f_apply_num
+        this.addItem.f_operator = this.$login.f.name
+        this.addItem.f_department = this.$login.f.f_parentname
+        this.addItem.f_filiale = this.$login.f.f_fengongsi
+        this.preparationfee_datas.push(this.addItem)
+        let http = new HttpResetClass();
+
+        await http.load('POST', 'rs/logic/saveentity',{data:{tablename:'t_preparationfee',parameters:this.addItem}}, {resolveMsg: null, rejectMsg: "添加失败"})
+          .then((res) => {
+            this.close()
+          })
+      },
+      // 模态框关闭按钮触发
+      close() {
+        this.show = false
+        this.addItem = {
+          f_preparation_fee: 0,
+          f_payfee_way: {},
+          f_payfee_remarks: ''
+        }
+      }
+
+    },
+    computed: {
+      // 计算大写
+      getCapital() {
+        if (this.addItem.f_preparation_fee) {
+          this.addItem.f_capital = this.smalltoBIG(Number(this.addItem.f_preparation_fee))
+        }
+        return this.addItem.f_capital
+      },
+      // 总金额计算
+      sum() {
+        let num = 0;
+        for (var i = 0; i < this.preparationfee_datas.length; i++) {
+          num += Number(this.preparationfee_datas[i].f_preparation_fee)
+        }
+        return num
+      },
+      jiaofei() {
+        return this.$appdata.getParam('缴费类型')
+      }
+    }
+  }
+</script>
+<style scoped>
+  textarea {
+    width: 74.5%;
+  }
+</style>