apply-clients 6.0.4 → 6.0.7

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

@@ -1,257 +1,257 @@
-<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">总个数:{{contract_datas.length}}</span>
-    <span class="col-sm-2"></span>
-    <span class="col-sm-3" v-if="!$login.f.f_fengongsi.includes('彩虹')">总金额:{{sum}}元</span>
-    <button class="col-sm-offset-2 btn btn-warning" type="button"  @click="add()">补充协议</button>
-  </div>
-  <div class="col-sm-12" style="height: auto;border:1px solid #000;padding-top: 10px;" v-for="row in contract_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_contract_number" 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_contract_type" 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_contract_time" 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_contract_money" 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_contract_nature" 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_pay_type" rows="3" readonly></textarea>
-      </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.t_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="addcontract.f_contract_number" readonly>
-      </div>
-      <div class="from-group">
-        <label>签订日期</label>
-        <div>
-          <datepicker width="600.76px;"
-                      :value.sync="addItem.f_contract_time"
-                      :format="'yyyy-MM-dd'"
-                      v-model="addItem.f_contract_time" readonly="readonly"
-                      :show-reset-button="reset">
-          </datepicker>
-        </div>
-      </div>
-      <div class="from-group">
-        <label>合同金额(元)</label>
-        <input type="text" class="form-control" v-model="addItem.f_contract_money">
-      </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_pay_type" :value.sync="addItem.f_pay_type" close-on-select>
-        </v-select>
-      </div>
-      <div class="from-group">
-        <label>备注</label>
-        <textarea class="form-control" v-model="addItem.t_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'
-
-  export default {
-
-    title: "追加合同",
-    props: ['addcontract'],
-    data() {
-      return {
-        contract_datas: [],    // 合同信息数组
-        show: false, // 新增合同模态框控制
-        addItem: null, // 模态框零时对象
-      }
-    },
-    ready() {
-      // this.contract_datas = {
-      //   f_contract_number: 1,
-      //   f_contract_time: 2,
-      //   f_contract_money: 9,
-      //   f_pay_type: 3,
-      //   t_remarks: 5
-      // }, //测试数据
-      //   {f_contract_number: 1, f_contract_money: 9, f_contract_time: 2, f_pay_type: 3, t_remarks: 5}
-      this.load();
-    },
-    methods: {
-      // 小写转换大写
-      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_contract',
-          condition: `processid = '${this.addcontract.f_process_id}'`
-        }
-        let res = await http.load('POST', 'rs/sql/applysingleTable', {data: data}, {resolveMsg: null, rejectMsg: '获取合同表失败'})
-        this.contract_datas = []
-        res.data.forEach((item,index)=>{
-          if(item.f_contract_nature.includes("\"")){
-            item.f_contract_nature = item.f_contract_nature.split("\"")[1]
-          }
-          if(item.f_pay_type.includes("\"")){
-            item.f_pay_type = item.f_pay_type.split("\"")[1]
-          }
-        })
-        this.contract_datas = res.data
-      },
-      // 新增按钮触发事件
-      add() {
-        if(!this.contract_datas){
-          this.show = true
-        }else{
-          this.$showMessage("请先在主流程中签订合同")
-        }
-
-      },
-      // 模态框确定按钮触发
-      async confirm() {
-        if(this.addItem.f_contract_money){
-          let http = new HttpResetClass();
-          this.addItem.f_contract_nature = this.addcontract.f_contract_nature
-          this.addItem.f_contract_number = this.addcontract.f_contract_number
-          this.addItem.processid = this.addcontract.f_process_id
-          this.addItem.f_contract_type = '补充协议'
-          this.addItem.applyid = this.addcontract.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.contract_datas.push(this.addItem)
-          await http.load('POST', 'rs/logic/saveentity', {data:{tablename:'t_contract',parameters:this.addItem}}, {resolveMsg: null, rejectMsg: "添加失败"})
-            .then((res) => {
-              this.close()
-            })
-        }{
-          this.$showMessage("请输入金额")
-        }
-
-
-      },
-      // 模态框关闭按钮触发
-      close() {
-        this.show = false
-        this.addItem = null
-      }
-
-    },
-    computed: {
-      // 计算大写
-      getCapital() {
-        if (this.addItem.f_contract_money) {
-          this.addItem.f_capital = this.smalltoBIG(Number(this.addItem.f_contract_money))
-        }
-        return this.addItem.f_capital
-      },
-      // 总金额计算
-      sum() {
-        let num = 0;
-        for (var i = 0; i < this.contract_datas.length; i++) {
-          num += Number(this.contract_datas[i].f_contract_money)
-        }
-        return num
-      },
-      jiaofei() {
-        return this.$appdata.getParam('缴费类型')
-        // return [{label: '全部', value: ''}, ...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">总个数:{{contract_datas.length}}</span>
+    <span class="col-sm-2"></span>
+    <span class="col-sm-3" v-if="!$login.f.f_fengongsi.includes('彩虹')">总金额:{{sum}}元</span>
+    <button class="col-sm-offset-2 btn btn-warning" type="button"  @click="add()">补充协议</button>
+  </div>
+  <div class="col-sm-12" style="height: auto;border:1px solid #000;padding-top: 10px;" v-for="row in contract_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_contract_number" 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_contract_type" 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_contract_time" 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_contract_money" 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_contract_nature" 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_pay_type" rows="3" readonly></textarea>
+      </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.t_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="addcontract.f_contract_number" readonly>
+      </div>
+      <div class="from-group">
+        <label>签订日期</label>
+        <div>
+          <datepicker width="600.76px;"
+                      :value.sync="addItem.f_contract_time"
+                      :format="'yyyy-MM-dd'"
+                      v-model="addItem.f_contract_time" readonly="readonly"
+                      :show-reset-button="reset">
+          </datepicker>
+        </div>
+      </div>
+      <div class="from-group">
+        <label>合同金额(元)</label>
+        <input type="text" class="form-control" v-model="addItem.f_contract_money">
+      </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_pay_type" :value.sync="addItem.f_pay_type" close-on-select>
+        </v-select>
+      </div>
+      <div class="from-group">
+        <label>备注</label>
+        <textarea class="form-control" v-model="addItem.t_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'
+
+  export default {
+
+    title: "追加合同",
+    props: ['addcontract'],
+    data() {
+      return {
+        contract_datas: [],    // 合同信息数组
+        show: false, // 新增合同模态框控制
+        addItem: null, // 模态框零时对象
+      }
+    },
+    ready() {
+      // this.contract_datas = {
+      //   f_contract_number: 1,
+      //   f_contract_time: 2,
+      //   f_contract_money: 9,
+      //   f_pay_type: 3,
+      //   t_remarks: 5
+      // }, //测试数据
+      //   {f_contract_number: 1, f_contract_money: 9, f_contract_time: 2, f_pay_type: 3, t_remarks: 5}
+      this.load();
+    },
+    methods: {
+      // 小写转换大写
+      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_contract',
+          condition: `processid = '${this.addcontract.f_process_id}'`
+        }
+        let res = await http.load('POST', 'rs/sql/singleTable', {data: data}, {resolveMsg: null, rejectMsg: '获取合同表失败'})
+        this.contract_datas = []
+        res.data.forEach((item,index)=>{
+          if(item.f_contract_nature.includes("\"")){
+            item.f_contract_nature = item.f_contract_nature.split("\"")[1]
+          }
+          if(item.f_pay_type.includes("\"")){
+            item.f_pay_type = item.f_pay_type.split("\"")[1]
+          }
+        })
+        this.contract_datas = res.data
+      },
+      // 新增按钮触发事件
+      add() {
+        if(!this.contract_datas){
+          this.show = true
+        }else{
+          this.$showMessage("请先在主流程中签订合同")
+        }
+
+      },
+      // 模态框确定按钮触发
+      async confirm() {
+        if(this.addItem.f_contract_money){
+          let http = new HttpResetClass();
+          this.addItem.f_contract_nature = this.addcontract.f_contract_nature
+          this.addItem.f_contract_number = this.addcontract.f_contract_number
+          this.addItem.processid = this.addcontract.f_process_id
+          this.addItem.f_contract_type = '补充协议'
+          this.addItem.applyid = this.addcontract.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.contract_datas.push(this.addItem)
+          await http.load('POST', 'rs/logic/saveentity', {data:{tablename:'t_contract',parameters:this.addItem}}, {resolveMsg: null, rejectMsg: "添加失败"})
+            .then((res) => {
+              this.close()
+            })
+        }{
+          this.$showMessage("请输入金额")
+        }
+
+
+      },
+      // 模态框关闭按钮触发
+      close() {
+        this.show = false
+        this.addItem = null
+      }
+
+    },
+    computed: {
+      // 计算大写
+      getCapital() {
+        if (this.addItem.f_contract_money) {
+          this.addItem.f_capital = this.smalltoBIG(Number(this.addItem.f_contract_money))
+        }
+        return this.addItem.f_capital
+      },
+      // 总金额计算
+      sum() {
+        let num = 0;
+        for (var i = 0; i < this.contract_datas.length; i++) {
+          num += Number(this.contract_datas[i].f_contract_money)
+        }
+        return num
+      },
+      jiaofei() {
+        return this.$appdata.getParam('缴费类型')
+        // return [{label: '全部', value: ''}, ...AppData.getParam('缴费类型')]
+      }
+    }
+  }
+</script>
+<style scoped>
+  textarea {
+    width: 74.5%;
+  }
+</style>