apply-clients 5.0.361 → 6.0.3

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

@@ -0,0 +1,409 @@
+<template>
+  <div class="auto">
+    <div class="panel panel-info">
+      <div class="panel-heading">
+        <h3 class="panel-title">工程施工任务书</h3>
+      </div>
+    </div>
+    <validator name="v">
+      <form class="form-horizontal select-overspread">
+        <div class="form-group col-sm-11">
+          <div class="form-group col-sm-4">
+            <label for="f_project_name" class=" col-sm-6 control-label">工程名称：</label>
+            <div class="col-sm-6" id="f_project_name">
+              <input class="form-control" type="text" v-model="model.f_project_name" disabled>
+            </div>
+          </div>
+          <div class="form-group col-sm-4">
+            <label for="f_usegasren_address" class=" col-sm-6 control-label">工程地址：</label>
+            <div class="col-sm-6" id="f_usegasren_address">
+              <input class="form-control" type="text" v-model="model.f_usegasren_address"
+                     :readonly="edit ? false : 'readonly'">
+            </div>
+          </div>
+          <div class="form-group col-sm-4">
+            <label for="f_lueprintb_num" class=" col-sm-6 control-label">图纸编号：</label>
+            <div class="col-sm-6" id="f_lueprintb_num"
+                 :class="[$v.f_lueprintb_num.required ? 'formItem-required' : '' ]">
+              <input class="form-control col-sm-6" type="text" v-model="model.f_lueprintb_num"
+                     :readonly="edit ? false : 'readonly'" v-validate:f_lueprintb_num='{required: true }'>
+            </div>
+          </div>
+        </div>
+        <div class="form-group col-sm-11">
+          <div class="form-group col-sm-4">
+            <label for="f_apply_type" class=" col-sm-6 control-label">用户类型：</label>
+            <div class="col-sm-6" id="f_apply_type">
+              <input class="form-control col-sm-6" type="text" v-model="model.f_apply_type" disabled>
+            </div>
+          </div>
+          <div class="form-group col-sm-4">
+            <label for="f_total_households" class=" col-sm-6 control-label">工程量(总户数)：</label>
+            <div class="col-sm-6" id="f_total_households">
+              <input class="form-control col-sm-6" type="number" v-model="model.f_total_households" disabled>
+            </div>
+          </div>
+          <div class="form-group col-sm-4">
+            <label for="f_backamount_household" class=" col-sm-6 control-label">已收款户数：</label>
+            <div class="col-sm-6" id="f_backamount_household">
+              <input class="form-control col-sm-6" type="text" v-model="model.f_backamount_household" disabled>
+            </div>
+          </div>
+        </div>
+        <div class="form-group col-sm-11">
+          <div class="form-group col-sm-4">
+            <label for="f_approach_time" class="col-sm-6 control-label">安排进场时间：</label>
+            <div class="col-sm-6" id="f_approach_time"
+                 :class="[$v.f_approach_time.required ? 'formItem-required' : '' ]">
+              <input type="text" v-show="false" v-model="model.f_approach_time" :readonly="edit ? false : 'readonly'"
+                     v-validate:f_approach_time='{required: true }'>
+              <datepicker id="f_approach_time" width="200.72px;" v-ref:f_approach_time
+                          :value.sync="model.f_approach_time"
+                          :disabled-days-of-Week="[]"
+                          :readonly="true"
+                          :format="'yyyy-MM-dd'"
+                          v-model="model.f_approach_time"
+                          class="col-sm-6">
+              </datepicker>
+            </div>
+          </div>
+          <div class="form-group col-sm-4">
+            <label for="f_finished_time" class="col-sm-6 control-label">计划完工时间：</label>
+            <div class="col-sm-6" id="f_finished_time"
+                 :class="[$v.f_finished_time.required ? 'formItem-required' : '' ]">
+              <input type="text" v-show="false" v-model="model.f_finished_time" :readonly="edit ? false : 'readonly'"
+                     v-validate:f_finished_time='{required: true }'>
+              <datepicker id="f_survey_time" width="200.72px;" v-ref:f_finished_time
+                          :value.sync="model.f_finished_time"
+                          :disabled-days-of-Week="[]"
+                          :format="'yyyy-MM-dd'"
+                          :readonly="true"
+                          v-model="model.f_finished_time"
+                          class="col-sm-6">
+              </datepicker>
+            </div>
+          </div>
+          <div class="form-group col-sm-4">
+            <label for="f_customer_contact" class=" col-sm-6 control-label">客户联系人：</label>
+            <div class="col-sm-6" id="f_customer_contact">
+              <input class="form-control" type="text" v-model="model.f_customer_contact" disabled>
+            </div>
+          </div>
+        </div>
+
+        <div class="form-group col-sm-11">
+          <div class="form-group col-sm-4">
+            <label for="f_contact" class=" col-sm-6 control-label">客户电话：</label>
+            <div class="col-sm-6" id="f_contact">
+              <input class="form-control col-sm-6" type="text" v-model="model.f_contact" disabled>
+            </div>
+          </div>
+          <div class="form-group col-sm-4">
+            <label for="f_market_development" class=" col-sm-6 control-label">市场开发员：</label>
+            <div class="col-sm-6" id="f_market_development"
+                 :class="[$v.f_market_development.required ? 'formItem-required' : '' ]">
+              <input class="form-control col-sm-6" type="text" v-model="model.f_market_development"
+                     :readonly="edit ? false : 'readonly'" v-validate:f_market_development='{required: true }'>
+            </div>
+          </div>
+          <div class="form-group col-sm-4">
+            <label for="f_market_development_phone" class=" col-sm-6 control-label">开发员电话：</label>
+            <div class="col-sm-6" id="f_market_development_phone"
+                 :class="[$v.f_market_development_phone.required ? 'formItem-required' : '' ]">
+              <input class="form-control col-sm-6" type="text" v-model="model.f_market_development_phone"
+                     :readonly="edit ? false : 'readonly'" v-validate:f_market_development_phone='{required: true }'>
+            </div>
+          </div>
+        </div>
+        <div class="form-group col-sm-11">
+          <div class="panel panel-info">
+            <div class="panel-heading">
+              <h3 class="panel-title">施工单位信息</h3>
+            </div>
+          </div>
+        </div>
+        <div class="form-group col-sm-11">
+          <div class="form-group col-sm-4">
+            <label for="f_construction_project_department" class=" col-sm-6 control-label">施工单位：</label>
+            <div class="col-sm-6" id="f_construction_project_department" :class="[$v.f_construction_project_department.required ? 'formItem-required' : '' ]">
+              <input class="form-control col-sm-6" type="text" v-model="model.f_construction_project_department"
+                     :readonly="edit ? false : 'readonly'"  v-validate:f_construction_project_department ='{required: true }'>
+            </div>
+          </div>
+          <div class="form-group col-sm-4">
+            <label for="f_project_principal" class=" col-sm-6 control-label">施工负责人：</label>
+            <div class="col-sm-6" id="f_project_principal">
+              <input class="form-control col-sm-6" type="text" v-model="model.f_project_principal"
+                     :readonly="edit ? false : 'readonly'">
+            </div>
+          </div>
+          <div class="form-group col-sm-4">
+            <label for="f_construction_project_phone" class=" col-sm-6 control-label">联系电话：</label>
+            <div class="col-sm-6" id="f_construction_project_phone" :class="[$v.f_construction_project_phone.required ? 'formItem-required' : '' ]">
+              <input class="form-control col-sm-6" type="text" v-model="model.f_construction_project_phone"
+                     v-validate:f_construction_project_phone ='{required: true }'
+                     :readonly="edit ? false : 'readonly'">
+            </div>
+          </div>
+        </div>
+      </form>
+    </validator>
+    <div class="from-group col-sm-12" v-show="edit">
+      <center>
+        <button @click="confirm()" class="btn btn-primary" style="width:80px; margin-left:50px;">
+          保存
+        </button>
+        <button @click="commit()" class="btn btn-primary" style="width:80px; margin-left:50px;" :disabled='!$v.valid'>
+          提交
+        </button>
+        <button type="button" @click="reset()" class="btn btn-warning" style="width:80px; margin-left:40px;">
+          取消
+        </button>
+        <button @click="back()" class="btn btn-warning" style="width:80px; margin-left:50px;">
+          退回
+        </button>
+      </center>
+    </div>
+  </div>
+</template>
+<script>
+  import co from 'co'
+  import * as Util from '../../../../Util'
+
+  let gen = function* (self, val) {
+    val.f_sub_state = ''
+    val.f_temp_date = Util.toStandardTimeString()
+    self.setval()
+    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/engineeringnext`,
+      {data: data})
+      .then(() => {
+        self.reset()
+      })
+  }
+  export default {
+    title: '工程施工任务书',
+    data() {
+      return {
+        fprojectprincipal: this.$appdata.getParam('工程负责人'),
+        frepresentative: this.$appdata.getParam('现场代表'),
+        fsupervisionunit: this.$appdata.getParam('监理单位'),
+        fbuildunit: this.$appdata.getParam('建设单位'),
+        fconstructionunit: this.$appdata.getParam('施工单位'),
+        flag: false,
+        model: {
+          actid: ''
+        }
+      }
+    },
+    props: ['selectdata', 'edit'],
+    ready() {
+      this.load()
+      /* this.$nextTick(() => {
+         this.setselect()
+       })*/
+    },
+    methods: {
+      async load() {
+        await this.$ApplyLoadParams.loadParam()
+        this.flag = true
+      },
+      back() {
+        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/engineeringnext`,
+          {data: data})
+          .then(() => {
+            this.reset()
+          })
+      },
+      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()
+                })
+            }
+          }
+        })
+      },
+      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()) {
+              let getGen = gen(this, this.model)
+              co(getGen)
+            }
+          }
+        })
+      },
+      //数据校验
+      verification() {
+        var regex = /^[\u4e00-\u9fa5]{2,}$/   //至少两个汉字
+        var phoneReg = /^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/ //手机号码正则
+        var telReg = /0\d{2,3}-\d{7,8}/ //座机正则
+        if (!this.model.f_lueprintb_num) {
+          this.$showMessage("图纸编号不能为空!")
+          return false
+        }
+        if (!this.model.f_approach_time) {
+          this.$showMessage("安排进场时间不能为空!")
+          return false
+        }
+        if (!this.model.f_finished_time) {
+          this.$showMessage("计划完工时间不能为空！")
+          return false
+        }
+        if (!this.model.f_market_development) {
+          this.$showMessage("市场开发员不能为空！")
+          return false
+        } else if (!regex.test(this.model.f_market_development.trim())) {
+          this.$showMessage("市场开发员格式错误！")
+          return false
+        }
+        if (!this.model.f_market_development_phone) {
+          this.$showMessage("开发员电话不能为空！")
+          return false
+        } else if (!telReg.test(this.model.f_market_development_phone) && !phoneReg.test(this.model.f_market_development_phone)) {
+          this.$showMessage("开发员电话格式错误！")
+          return false
+        }
+        if (!this.model.f_construction_project_department) {
+          this.$showMessage("施工项目部不能为空！")
+          return false
+        }
+        if (!this.model.f_construction_project_phone) {
+          this.$showMessage("施工项目部联系电话不能为空！")
+          return false
+        } else if (!telReg.test(this.model.f_construction_project_phone) && !phoneReg.test(this.model.f_construction_project_phone)) {
+          this.$showMessage("施工项目部联系电话格式错误！")
+          return false
+        }
+        return true
+      },
+      reset() {
+        this.$dispatch('close')
+        this.$dispatch('selfsearch')
+      },
+      setselect() {
+        this.model = Object.assign({}, this.model, this.selectdata)
+        this.model.f_tasking_date = this.$login.toStandardDateString()
+        this.model.f_tasking_department = this.$login.f.f_parentname
+        this.model.f_tasking_operator = this.$login.f.name
+      },
+      setval() {
+      }
+    },
+    watch: {
+      'flag'() {
+        if (this.flag) {
+          this.$nextTick(() => {
+            this.setselect()
+          })
+        }
+      },
+      'model.f_meter_brand[0]'() {
+        let val = this.model.f_meter_brand[0]
+        this.$ApplyGetSaleParam.getGasbrand().forEach((item) => {
+          if (val === item.label) {
+            this.model.f_meter_type = item.value.f_meter_type
+            this.model.f_manufacturers = item.value.f_manufacturers
+            this.model.f_alias = item.value.f_alias
+          }
+        })
+      },
+    },
+    computed: {
+      brand() {
+        let arr = []
+        let flag = this.flag
+        if (flag) {
+          this.$ApplyGetSaleParam.getGasbrand().forEach((item) => {
+            let temp = {}
+            temp.label = item.label
+            temp.value = item.label
+            arr.push(temp)
+          })
+        }
+        return arr
+      },
+      styled() {
+        let arr = []
+        let temp = this.model.f_meter_brand
+        if (temp) {
+          this.$ApplyGetSaleParam.getGasbrand().forEach((item) => {
+            let temp2 = item.value
+            if (item.value.f_meter_brand == temp) {
+              let gasStyles = temp2.gasmodel
+              for (var i = 0; i < gasStyles.length; i++) {
+                let tempp = {}
+                tempp.label = gasStyles[i].label
+                tempp.value = gasStyles[i].label
+                arr.push(tempp)
+              }
+            }
+          })
+          return arr
+        }
+      }
+    }
+  }
+</script>
+<style>
+  .formItem-required::after {
+    content: '*';
+    position: absolute;
+    font-size: 20px;
+    margin-top: 3.5%;
+    margin-left: 3%;
+    color: #d91118;
+  }
+</style>