apply-clients 5.0.361 → 6.0.3

package/src/components/build/Install/Process/zhongran/ZR_ContratSigne.vue

@@ -0,0 +1,496 @@
+<template>
+  <div class="auto select-overspread">
+    <div class="panel panel-info">
+      <div class="panel-heading">
+        <h3 class="panel-title">合同签订</h3>
+      </div>
+    </div>
+    <validator name="v">
+      <form class="form-horizontal">
+        <div class="col-sm-11 form-group">
+          <div class="col-sm-4 form-group">
+            <label class="control-label col-sm-6">是否签订协议</label>
+            <div class="col-sm-6">
+              <input type="checkbox" class="" id="checkbox" v-model="model.f_issign"
+                     :disabled="edit ? false : 'disabled'">
+            </div>
+          </div>
+          <div class="col-sm-4 form-group" v-if="issign">
+            <label class="control-label col-sm-6">合同编号：</label>
+            <div class="col-sm-6" id="f_contract_number"
+                 :class="[$v.f_contract_number.required ? 'formItem-required' : '' ]">
+              <input type="text" class="form-control col-sm-6" v-model="model.f_contract_number"
+                     :readonly="edit ? false : 'readonly'" v-validate:f_contract_number='{required:true}'>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group" v-if="issign">
+            <label class="control-label col-sm-6">合同业务办理人：</label>
+            <div class="col-sm-6" id="f_salesman" :class="[$v.f_salesman.required ? 'formItem-required' : '' ]">
+              <input type="text" class="form-control col-sm-6" v-model="model.f_salesman"
+                     :readonly="edit ? false : 'readonly'" v-validate:f_salesman='{required:true}'>
+            </div>
+          </div>
+        </div>
+
+        <div class="col-sm-11 form-group" v-if="issign">
+          <div class="col-sm-4 form-group">
+            <label class="control-label col-sm-6">合同金额：</label>
+            <div class="col-sm-6">
+              <input type="number" class="form-control col-sm-6" v-model="model.f_contract_money"
+                     :readonly="edit ? false : 'readonly'">
+            </div>
+          </div>
+          <div class="col-sm-4 form-group" v-if="issign">
+            <label class="control-label col-sm-6">减免费用：</label>
+            <div class="col-sm-6">
+              <input type="number" class="form-control col-sm-6" v-model="model.f_jmhj_cost"
+                     :readonly="edit ? false : 'readonly'">
+            </div>
+          </div>
+          <div class="col-sm-4 form-group" v-if="issign">
+            <label class="control-label col-sm-6">减免百分比：</label>
+            <div class="col-sm-6">
+              <input :readonly="true" type="text" class="form-control col-sm-6" v-model="getCost"
+                     :readonly="edit ? false : 'readonly'">
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-11 form-group" v-if="issign">
+          <div class="col-sm-4 form-group">
+            <label class="control-label col-sm-6">应收金额：</label>
+            <div class="col-sm-6">
+              <input type="number" class="form-control col-sm-6" v-model="model.f_budget_money" disabled>
+            </div>
+          </div>
+
+          <div class="col-sm-4 form-group" v-if="issign">
+            <label class="control-label col-sm-6 ">付款方式：</label>
+            <!--<div class="col-sm-6">-->
+            <!--<input type="text" class="form-control col-sm-6"  v-model="model.f_pay_type" :readonly="edit ? false : 'readonly'">-->
+            <!--</div>-->
+            <div class="col-sm-6">
+              <v-select :options="fpaytype" :valueSingle="true"
+                        v-model="model.f_apply_type" :value.sync="model.f_pay_type" close-on-select>
+              </v-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group" v-if="issign">
+            <label class="control-label col-sm-6">合同签订日期：</label>
+            <div class="col-sm-6" id="f_contract_time"
+                 :class="[$v.f_contract_time.required ? 'formItem-required' : '' ]">
+              <input type="text" class="form-control col-sm-6" v-model="model.f_contract_time"
+                     v-if="selectdata.f_contract_time" readonly="readonly">
+              <input type="text" class="form-control col-sm-6" v-model="model.f_contract_time"
+                     v-show="false" v-validate:f_contract_time='{required:true}'>
+              <datepicker v-else width="600.76px;"
+                          :readonly="true"
+                          :value.sync="model.f_contract_time"
+                          :format="'yyyy-MM-dd'"
+                          class="col-sm-6"
+                          v-model="model.f_contract_time"
+                          :show-reset-button="reset">
+              </datepicker>
+            </div>
+          </div>
+        </div>
+
+        <div class="col-sm-11 form-group" v-if="issign">
+          <div class="col-sm-8 form-group">
+            <label class="control-label col-sm-3">用气人：</label>
+            <div class="col-sm-8">
+              <input type="text" class="form-control col-sm-6" v-model="model.f_usegasren" disabled/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="control-label col-sm-6">电话：</label>
+            <div class="col-sm-6">
+              <input type="text" class="form-control col-sm-6" v-model="model.f_usegasren_phone" disabled/>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-11 form-group" v-if="issign">
+          <div class="col-sm-8 form-group">
+            <label class="control-label col-sm-3">用气地址：</label>
+            <div class="col-sm-8">
+              <input type="text" class="form-control col-sm-6" v-model="model.f_usegasren_address" disabled/>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-11 form-group" v-if="issign">
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">合同签订备注：</label>
+            <div class="col-sm-10">
+              <textarea class="form-control" rows="3" v-model="model.f_contract_remarks"
+                        :readonly="edit ? false : 'readonly'">
+              </textarea>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-11 form-group">
+          <div class="form-group  col-sm-6">
+            <label class=" col-sm-4 control-label" for="f_filiale">分公司：</label>
+            <div class="col-sm-5" id="f_filiale">
+              <input class="form-control" type="text" v-model="model.f_filiale" disabled>
+            </div>
+          </div>
+          <div class="col-sm-6 form-group">
+            <label class="control-label col-sm-6">操作日期：</label>
+            <div class="col-sm-5">
+              <input type="text" class="form-control" disabled v-model="model.f_contract_date"/>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-11 form-group">
+          <div class="col-sm-6 form-group">
+            <label class="control-label col-sm-4">部门：</label>
+            <div class="col-sm-5">
+              <input type="text" class="form-control" disabled v-model="model.f_contract_department"/>
+            </div>
+          </div>
+          <div class="col-sm-6 form-group">
+            <label class="control-label col-sm-6">操作人：</label>
+            <div class="col-sm-5">
+              <input type="text" class="form-control" disabled v-model="model.f_contract_operator"/>
+            </div>
+          </div>
+        </div>
+      </form>
+    </validator>
+    <div class="from-group col-sm-12" v-show="edit">
+      <center>
+        <button type="button" @click="confirm()" class="btn btn-primary" style="width:80px; margin-left:50px;">
+          保存
+        </button>
+        <button type="button" @click="commit()" class="btn btn-primary" style="width:80px; margin-left:50px;"
+                :disabled='!$v.valid'>
+          提交
+        </button>
+        <button v-if="selectdata.defname==='项目报价并录入合同价格'&&selectdata.actdefid === '6'" type="button" @click="again()"
+                class="btn btn-warning" style="width:80px; margin-left:50px;">
+          重设
+        </button>
+        <button type="button" @click="back()" class="btn btn-warning" style="width:80px; margin-left:50px;">
+          退回
+        </button>
+      </center>
+    </div>
+  </div>
+</template>
+<script>
+  import co from 'co'
+  import {HttpResetClass} from 'vue-client'
+  import * as Util from '../../../../Util'
+
+  let gen = function* (self, val) {
+    val.f_sub_state = ''
+    val.f_temp_date = Util.toStandardTimeString()
+    let data = {
+      tablename: 't_apply',
+      parameters: val
+    }
+    yield self.$resetpost('rs/logic/save', {data: data})
+    data = {
+      model: {
+        f_processid: self.selectdata.f_process_id,
+      },
+      loginUser: {
+        id: self.$login.f.id,
+        name: self.$login.f.name,
+        ename: self.$login.f.ename
+      },
+      subdep: '提交'
+    }
+    self.$resetpost(`rs/logic/grantnext`,
+      {data: data})
+      .then(() => {
+        self.reset()
+      })
+  }
+  export default {
+    title: '合同签订',
+    data() {
+      return {
+        model: {
+          f_contract_money: '',
+          actid: '',
+          f_jmhj_per: 0,
+          falg: true,
+        },
+        fpaytype: this.$appdata.getParam('付款方式'),
+        issign: false
+      }
+    },
+    props: ['selectdata', 'edit'],
+    ready() {
+      this.$nextTick(() => {
+        this.model = Object.assign({}, this.model, this.selectdata)
+        //this.model.f_contract_money = this.selectdata.f_budget_money
+        this.model.f_usegasren = this.selectdata.f_user_name
+        this.model.f_usegasren_phone = this.selectdata.f_phone
+        this.model.f_usegasren_address = this.selectdata.f_address
+        this.model.f_givegasfund = 'GD-120天然气'
+        this.model.f_contract_date = this.$login.toStandardDateString()
+        this.model.f_contract_department = this.$login.f.f_parentname
+        this.model.f_contract_operator = this.$login.f.name
+        this.model.processid = this.selectdata.f_process_id
+        this.model.f_contract_number = this.model.f_contract_money
+      })
+      if (this.model.f_issign == true) {
+
+      }
+    },
+    methods: {
+      again() {
+        this.model.f_sub_state = '重设'
+        this.confirm()
+        let data = {
+          model: {
+            f_processid: this.selectdata.f_process_id,
+          },
+          loginUser: {
+            id: this.$login.f.id,
+            name: this.$login.f.name,
+            ename: this.$login.f.ename
+          },
+          subdep: '重设'
+        }
+        this.$resetpost(`rs/logic/contractnext`,
+          {data: data})
+          .then(() => {
+            this.reset()
+          })
+      },
+      back() {
+        this.model.f_sub_state = '退回'
+
+        //判断当前节点的状态（开始活动/完工）
+        this.$resetpost('rs/sql/findProcessState', {data: {actid: this.selectdata.actid}}, {
+          resolveMsg: null,
+          rejectMsg: '提交错误！'
+        }).then((res) => {
+          console.log(">>>>>>>>>节点状态查询结果<<<<<<<<<<<", res)
+          if (res.data[0].state != '开始活动') {
+            this.$showMessage("该节点信息已在别处提交，请刷新！")
+            this.reset()
+          } else {
+            //通过数据校验再进行下一步判断
+
+            let data = {
+              tablename: 't_apply',
+              parameters: this.model
+            }
+            this.$resetpost('rs/logic/save', {data: data})
+              .then(() => {
+                this.reset()
+              })
+
+
+            let data1 = {
+              model: {
+                f_processid: this.selectdata.f_process_id,
+              },
+              loginUser: {
+                id: this.$login.f.id,
+                name: this.$login.f.name,
+                ename: this.$login.f.ename
+              },
+              subdep: '退回'
+            }
+            this.$resetpost(`rs/logic/contractnext`,
+              {data: data1})
+              .then(() => {
+                this.reset()
+              })
+
+
+          }
+        })
+
+        let data = {
+          model: {
+            f_processid: this.selectdata.f_process_id,
+          },
+          loginUser: {
+            id: this.$login.f.id,
+            name: this.$login.f.name,
+            ename: this.$login.f.ename
+          },
+          subdep: '退回'
+        }
+        this.$resetpost(`rs/logic/contractnext`,
+          {data: data})
+          .then(() => {
+            this.reset()
+          })
+      },
+      async confirm() {
+        //判断当前节点的状态（开始活动/完工）
+        this.$resetpost('rs/sql/findProcessState', {data: {actid: this.selectdata.actid}}, {
+          resolveMsg: null,
+          rejectMsg: '提交错误！'
+        }).then((res) => {
+          console.log(">>>>>>>>>节点状态查询结果<<<<<<<<<<<", res)
+          if (res.data[0].state != '开始活动') {
+            this.$showMessage("该节点信息已在别处提交，请刷新！")
+            this.reset()
+          } else {
+            //通过数据校验再进行下一步判断
+            if (this.verification()) {
+              let data = {
+                tablename: 't_apply',
+                parameters: this.model
+              }
+              this.$resetpost('rs/logic/save', {data: data})
+                .then(() => {
+                  this.reset()
+                })
+            }
+
+          }
+        })
+      },
+      async commit() {
+        //判断当前节点的状态（开始活动/完工）
+        this.$resetpost('rs/sql/findProcessState', {data: {actid: this.selectdata.actid}}, {
+          resolveMsg: null,
+          rejectMsg: '提交错误！'
+        }).then((res) => {
+          console.log(">>>>>>>>>节点状态查询结果<<<<<<<<<<<", res)
+          if (res.data[0].state != '开始活动') {
+            this.$showMessage("该节点信息已在别处提交，请刷新！")
+            this.reset()
+          } else {
+            //通过数据校验再进行下一步判断
+            if (this.verification()) {
+              if (this.model.f_issign == true) {
+
+                let http = new HttpResetClass()
+                let getGen = gen(this, this.model)
+                co(getGen)
+                let data = {
+                  tablename: 't_contract',
+                  parameters: this.model
+                }
+                delete data.parameters.id
+                http.load('POST', 'rs/logic/saveentity', {data: data})
+              } else {
+                let data = {
+                  model: {
+                    f_processid: this.selectdata.f_process_id,
+                  },
+                  loginUser: {
+                    id: this.$login.f.id,
+                    name: this.$login.f.name,
+                    ename: this.$login.f.ename
+                  },
+                  subdep: '提交'
+                }
+
+                this.$resetpost(`rs/logic/standardnext`,
+                  {data: data})
+                  .then(() => {
+                    this.reset()
+                  })
+
+              }
+
+            }
+          }
+        })
+
+      },
+      //数据校验
+      verification() {
+        var regex = /.*?[\u4e00-\u9fa5].*?[\u4e00-\u9fa5].*/   //至少两个汉字
+        if (!this.model.f_contract_number) {
+          this.$showMessage("合同编号不能为空!")
+          return false
+        }
+        if (!this.model.f_contract_time) {
+          this.$showMessage("合同签订日期不能为空!")
+          return false
+        }
+        if (!this.model.f_salesman) {
+          this.$showMessage("合同业务办理人不能为空!")
+          return false
+        } else if (!regex.test(this.model.f_salesman.trim())) {
+          this.$showMessage("合同业务办理人请至少输入两个汉字!")
+          return false
+        }
+        return true
+      },
+      reset() {
+        this.$dispatch('close')
+        this.$dispatch('selfsearch')
+      }
+    },
+    watch: {
+      'model.f_issign'(val) {
+        if (val == true) {
+          this.issign = true
+        } else {
+          this.issign = false
+        }
+      },
+      'selectdata'() {
+        this.$nextTick(() => {
+          this.model = Object.assign({}, this.model, this.selectdata)
+          this.model.f_usegasren = this.selectdata.f_user_name
+          this.model.f_usegasren_phone = this.selectdata.f_phone
+          this.model.f_usegasren_address = this.selectdata.f_address
+          this.model.f_givegasfund = 'GD-120天然气'
+          this.model.f_contract_date = this.$login.toStandardDateString()
+          this.model.f_contract_department = this.$login.f.f_parentname
+          this.model.f_contract_operator = this.$login.f.name
+        })
+      },
+      'model.f_jmhj_cost'(val) {
+
+        let budget_money = Number(this.model.f_budget_money)
+        let contract_money = Number(this.model.f_contract_money)
+        budget_money = contract_money - val
+        this.model.f_budget_money = budget_money
+      }
+    },
+    computed: {
+      // 获取减免费用
+      getCost: {
+        get() {
+          if (this.model.f_contract_money == null || this.model.f_contract_money == '') {
+            this.model.f_jmhj_per = 0 + '%'
+          } else {
+            let temp = Number(this.model.f_jmhj_cost)
+            let temp1 = Number(this.model.f_contract_money)
+            this.model.f_jmhj_per = ((temp / temp1) * 100).toFixed(2) + '%'
+          }
+          return this.model.f_jmhj_per
+        },
+        set(newValue) {
+          this.model.flag = false
+          let temp = Number(newValue)
+          let temp1 = Number(this.model.f_contract_money)
+          this.model.f_jmhj_per = ((temp / temp1).toFixed(4)) * 100
+        }
+      },
+      //获取建议金额
+      /*   getAdvice() {
+           let temp = Number(this.model.f_jmhj_cost)
+           let temp1 = Number(this.model.f_contract_money)
+           let temp2 = Number(this.model.f_budget_money)
+           temp2 = temp1 - temp
+           return temp2
+         }*/
+    }
+
+  }
+</script>
+<style>
+  .formItem-required::after {
+    content: '*';
+    position: absolute;
+    font-size: 20px;
+    margin-top: 3.5%;
+    margin-left: 3%;
+    color: #d91118;
+  }
+</style>