apply-clients 5.0.361 → 6.0.3

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

@@ -0,0 +1,415 @@
+<template>
+  <validator name="v">
+    <div class="from-group col-sm-12">
+      <div class="from-group col-sm-12" style="height: auto">
+        <div class="form-group col-sm-3 form-input-group" >
+          <label class="control-label" >客户名称：</label>
+          <div class="col-sm-6" id="f_user_name" :class="[$v.f_user_name.required ? 'formItem-required' : '' ]">
+            <input class="form-control col-sm-6" type="text" v-if="selectdata.f_user_name" v-model="model.f_user_name"
+                   readonly>
+            <input class="form-control col-sm-6" type="text" v-else v-model="model.f_user_name"
+                   :disabled="this.edit ? false : 'disabled'"
+                   v-validate:f_user_name ='{required: true }'
+            >
+          </div>
+        </div>
+        <div class="form-group col-sm-3 form-input-group">
+          <label class="control-label">工程名称：</label>
+          <div class="col-sm-6" id="f_project_name" :class="[$v.f_project_name.required ? 'formItem-required' : '' ]">
+            <input class="form-control col-sm-6" type="text" v-if="selectdata.f_project_name"
+                   v-model="model.f_project_name"
+                   readonly>
+            <input class="form-control col-sm-6" type="text" v-else v-model="model.f_project_name"
+                   @change="checkProName" :disabled="this.edit ? false : 'disabled'"
+                   v-validate:f_project_name ='{required: true }'>
+          </div>
+        </div>
+        <div class="form-group  col-sm-3 form-input-group">
+          <label class="col-sm-4 control-label">证件类型：</label>
+          <div class="col-sm-8" id="f_credentials" :class="[$v.f_credentials.required ? 'formItem-required' : '' ]">
+            <input class="form-control col-sm-6" type="text" v-if="selectdata.f_credentials"
+                   v-model="model.f_credentials"
+                   readonly>
+            <input class="form-control col-sm-6" type="text" v-show="false"
+                   v-model="model.f_credentials"
+                   v-validate:f_credentials ='{required: true }'
+                   >
+            <v-select
+              v-if="edit"
+              :is-all-line="true"
+              v-model="model.f_credentials" v-else
+              placeholder='请选择'
+              :value.sync="model.f_credentials"
+              :value-single="true"
+              :options='fcredentials'
+              close-on-select
+              :disabled="this.edit ? false : 'disabled'"
+            >
+            </v-select>
+          </div>
+        </div>
+        <div class="form-group col-sm-3 form-input-group">
+          <label class="control-label">证件号码：</label>
+          <div class="col-sm-6" id="f_idnumber"  :class="[$v.f_idnumber.required ? 'formItem-required' : '' ]">
+            <input class="form-control col-sm-6" type="text" v-if="selectdata.f_idnumber" v-model="model.f_idnumber" readonly>
+            <input class="form-control col-sm-6" id="f_phone" type="text"
+                   v-else v-model="model.f_idnumber" :disabled="this.edit ? false : 'disabled'"
+                   v-validate:f_idnumber = '{required:true}'>
+          </div>
+        </div>
+
+        <div class="form-group col-sm-3 form-input-group">
+          <label class="control-label">电话号码：</label>
+          <div class="col-sm-6" id="f_phone"  :class="[$v.f_phone.required ? 'formItem-required' : '' ]">
+            <input class="form-control col-sm-6" type="text" v-if="selectdata.f_phone" v-model="model.f_phone" readonly>
+            <input class="form-control col-sm-6" id="f_phone" type="text"
+                   v-else v-model="model.f_phone" :disabled="this.edit ? false : 'disabled'"
+                   v-validate:f_phone = '{required:true}'>
+          </div>
+        </div>
+        <div class="form-group  col-sm-3  form-input-group">
+          <label class="control-label">客户类型：</label>
+          <div class="col-sm-5" id="f_customer_type" :class="[$v.f_customer_type.required ? 'formItem-required' : '' ]">
+            <input class="form-control col-sm-6" type="text" v-if="selectdata.f_customer_type"
+                   v-model="model.f_customer_type" readonly>
+            <input class="form-control col-sm-6" type="text" v-show="false"
+                   v-model="model.f_customer_type"
+                   v-validate:f_customer_type = '{required:true}'>
+            <v-select  :is-all-line="true" :value.sync="model.f_customer_type"
+                       v-if="edit" v-model="model.f_customer_type"
+                      v-ref:customertype
+                      :value-single="true"
+                      :options='fcustomertype'
+                      placeholder='请选择' close-on-select
+                      :disabled="this.edit ? false : 'disabled'"
+                     >
+            </v-select>
+          </div>
+        </div>
+        <div class="form-group  col-sm-3 form-input-group" >
+          <label class="col-sm-4 control-label">报装类型：</label>
+          <div class="col-sm-8" id="f_apply_type"  :class="[$v.f_apply_type.required ? 'formItem-required' : '' ]">
+            <input class="form-control col-sm-6" type="text" v-if="selectdata.f_apply_type" v-model="model.f_apply_type"
+                   readonly>
+            <input class="form-control col-sm-6" type="text"  v-show="false" v-model="model.f_apply_type" v-validate:f_apply_type = '{required:true}'>
+            <v-select  :is-all-line="true" v-ref:fapplytype
+                       v-if="edit"
+                      v-model="model.f_apply_type"
+                      placeholder='请选择'
+                      :value-single="true"
+                      :value.sync="model.f_apply_type"
+                      :options='fapplytype'
+                      close-on-select
+                      :disabled="this.edit ? false : 'disabled'"
+            >
+            </v-select>
+          </div>
+        </div>
+        <div class="form-group col-sm-9 form-input-group">
+          <label class=" col-sm-3 control-label">用户单位：</label>
+          <div class="col-sm-8">
+            <input class="form-control col-sm-6" type="text" v-if="selectdata.f_company_name"
+                   v-model="model.f_company_name" readonly>
+            <input class="form-control" type="text" v-model="model.f_company_name" v-else :disabled="this.edit ? false : 'disabled'">
+          </div>
+        </div>
+
+        <div class="form-group col-sm-9 form-input-group">
+          <label class="control-label">地址：</label>
+          <div class="col-sm-8" id="f_address"  :class="[$v.f_address.required ? 'formItem-required' : '' ]">
+            <input class="form-control col-sm-6" type="text" v-if="selectdata.f_address" v-model="model.f_address" readonly>
+            <input class="form-control col-sm-6" id="f_phone" type="text"
+                   v-else v-model="model.f_address" :disabled="this.edit ? false : 'disabled'"
+                   v-validate:f_address = '{required:true}'>
+          </div>
+        </div>
+        <div class="form-horizontal auto">
+          <div class="form-group">
+            <div class="form-group col-sm-9 form-input-group">
+              <label class="col-sm-2" v-if="model.f_apply_type === '改装报建'">改装原因：</label>
+              <label class="col-sm-2" v-else>报装登记备注：</label>
+              <div class="col-sm-9">
+                <textarea class="form-control" v-model="model.f_apply_remarks" rows="3" v-if="selectdata.f_apply_remarks" readonly></textarea>
+                <textarea class="form-control" v-model="model.f_apply_remarks" rows="3" v-else
+                          :disabled="this.edit ? false : 'disabled'">
+                </textarea>
+              </div>
+            </div>
+            <div class="form-group  col-sm-12">
+              <div class="form-group  col-sm-4 form-input-group">
+                <label class="control-label">分公司：</label>
+                <div class="col-sm-5">
+                  <input class="form-control" type="text" v-model="model.f_filiale" disabled>
+                </div>
+              </div>
+              <div class="form-group  col-sm-4 form-input-group">
+                <label class="control-label">部门：</label>
+                <div class="col-sm-5">
+                  <input class="form-control" type="text" v-model="model.f_apply_department" disabled>
+                </div>
+              </div>
+            </div>
+            <div class="form-group  col-sm-12">
+              <div class="form-group col-sm-4 form-input-group">
+                <!--<label class="control-label">操作人：</label>-->
+                <label class="control-label">经办人：</label>
+                <div class="col-sm-5">
+                  <input class="form-control" type="text" v-model="model.f_apply_operator" disabled>
+                </div>
+              </div>
+              <div class="form-group col-sm-4 form-input-group">
+                <label class="control-label">操作日期：</label>
+                <div class="col-sm-5">
+                  <input class="form-control" type="text" v-model="model.f_apply_date" disabled>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div v-if="!base" class="from-group col-sm-8">
+          <center v-show="edit">
+            <button type="button" @click="confirm()" 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:50px;">
+              取消
+            </button>
+          </center>
+        </div>
+      </div>
+      <billgzkmakeinfo v-show="false" :billselect="model" :selectone="改装卡" v-ref:billgzkmakeinfo></billgzkmakeinfo>
+    </div>
+  </validator>
+</template>
+<script>
+  import {HttpResetClass} from 'vue-client'
+
+  export default {
+    title: "基本信息",
+    props: {
+      selectdata: {
+        type: Object,
+        default: {}
+      }
+    },
+    data() {
+      return {
+        fapplytype: this.$appdata.getParam('报装类型'),
+        fcredentials: this.$appdata.getParam('证件类型'),
+        fhousetype: this.$appdata.getParam('房屋类型'),
+        fcustomertype: this.$appdata.getParam('客户类型'),
+        model: {},
+        flag: null,
+      }
+    },
+    props: ['selectdata','edit'],
+    ready() {
+      console.log("开始")
+      this.model = Object.assign({}, this.model, this.selectdata)
+    },
+    methods: {
+      async confirm() {
+        this.model.f_user_type = ' '   //这句是为了避免调saveApplyNext.logic时报错
+        // 改装报建,先打印改装卡,再去保存信息
+        if (this.model.f_apply_type === '改装报建') {
+          if (this.model.f_apply_remarks) {
+            this.getModel();
+            this.$refs.billgzkmakeinfo.$refs.billqrk.billselect = this.model
+            this.flag = this.$refs.billgzkmakeinfo.$refs.billqrk.load()
+            setTimeout(() => {
+              this.$refs.billgzkmakeinfo.$refs.billqrk.$refs.page2.$refs.querenka.$refs.reportprint.print()
+            }, 5000)
+            this.$refs.billgzkmakeinfo.updateNumber()
+          } else {
+            this.$showMessage("请填写改装原因")
+            return
+          }
+        }
+        var proName = this.model.f_project_name
+        //工程名唯一性判断
+        if(!this.selectdata.f_project_name){
+          this.$resetpost('rs/sql/findByProName', {data: {proName: proName}}, {
+            resolveMsg: null,
+            rejectMsg: '提交错误！'
+          }).then((res) => {
+            console.log('>>>>>>>>>>>>>>查询结果<<<<<<<<<<<<<<<', res)
+            if (res.data.length > 0) {
+              this.$showMessage("工程名不能重复！")
+              flag = false
+            } else {
+              this.getModel();
+              this.workflow()
+            }
+          })
+        }
+
+      },
+      workflow() {
+        var phoneReg = /^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/ //手机号码正则
+        var regex = /.*?[\u4e00-\u9fa5].*?[\u4e00-\u9fa5].*/
+        var telReg = /0\d{2,3}-\d{7,8}/ //座机正则
+        var officerReg = /^[a-zA-Z0-9]{7,21}$/ //军官证
+        var idReg = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/i  //身份证
+        var busReg = /(^(?:(?![IOZSV])[\dA-Z]){2}\d{6}(?:(?![IOZSV])[\dA-Z]){10}$)|(^\d{15}$)/ //营业执照
+        if (!this.model.f_user_name) {
+          this.$showMessage("客户名称不能为空！")
+          return false
+        } else if (!regex.test(this.model.f_user_name)) {
+          this.$showMessage("客户名称请输入至少两个汉字！")
+          this.model.f_user_name = ''
+          return false
+        }
+        if (!this.model.f_project_name) {
+          this.$showMessage("工程名称不能为空！")
+          return false
+        }
+        //先选证件类型再判断证件号
+        if (!this.model.f_credentials || this.model.f_credentials.length == 0) {
+          this.$showMessage("请选择证件类型！")
+          return false
+        } else if (!this.model.f_idnumber) {
+          this.$showMessage("证件号码不能为空！")
+          return false
+        } else if (this.model.f_credentials == '军官证') {
+          if (!officerReg.test(this.model.f_idnumber)) {
+            this.$showMessage("请输入正确的军官证号码！")
+            return false
+          }
+        } else if (this.model.f_credentials == '营业执照') {
+          if (!busReg.test(this.model.f_idnumber)) {
+            this.$showMessage("请输入正确的营业执照号码！")
+            return false
+          }
+        } else if (this.model.f_credentials == '身份证') {
+          if (!idReg.test(this.model.f_idnumber)) {
+            this.$showMessage("请输入正确的身份证号码！")
+            return false
+          }
+        }
+        if (!this.model.f_phone) {
+          this.$showMessage("电话号码不能为空！")
+          return false
+        } else if (!phoneReg.test(this.model.f_phone) && !telReg.test(this.model.f_phone)) {
+          this.$showMessage("请输入正确的电话号码！")
+          return false
+        }
+        if (!this.model.f_customer_type || this.model.f_customer_type.length == 0) {
+          this.$showMessage("请选择客户类型！")
+          return false
+        }
+        if (!this.model.f_company_name) {
+          this.$showMessage("用户单位不能为空！")
+          return false
+        }
+        if (!this.model.f_address) {
+          this.$showMessage("地址不能为空")
+          return false
+        }
+        console.log('11', this.uuid);
+        if (!this.model.f_apply_type || this.model.f_apply_type.length == 0) {
+          this.$showMessage("请选择报装类型！")
+          return false
+        } else {
+          this.model.f_apply_type = this.model.f_apply_type
+          let fileInfoData = this.$parent.$parent.$parent.$parent.$refs.file.fileInfoData
+          let recordmessage = this.$parent.$parent.$parent.$parent.$refs.record.model.rows
+          let materialmessage = this.$parent.$parent.$parent.$parent.$refs.material.model.rows
+          for (var i = 0; i < materialmessage.length; i++) {
+            materialmessage[i].id = Number(materialmessage[i].id)
+            materialmessage[i].f_quantity = Number(materialmessage[i].f_quantity)
+            materialmessage[i].f_price = Number(materialmessage[i].f_price)
+            materialmessage[i].f_money = Number(materialmessage[i].f_money)
+          }
+          let buildingmessage = []
+          if (this.$parent.$parent.$parent.$parent.$refs.building) {
+            buildingmessage = this.$parent.$parent.$parent.$parent.$refs.building.model.rows
+          }
+          let equipmentmessage = []
+          if (this.$parent.$parent.$parent.$parent.flagg) {
+            equipmentmessage = this.$parent.$parent.$parent.$parent.$refs.equipment.devicesinfo
+            if (equipmentmessage.length != 0 && equipmentmessage[0].id == null) {
+              equipmentmessage = []
+            }
+            for (var i = 0; i < equipmentmessage.length; i++) {
+              equipmentmessage[i].f_devices_type = typeof equipmentmessage[i].f_devices_type === 'object' ? equipmentmessage[i].f_devices_type[0] : equipmentmessage[i].f_devices_type
+            }
+          }
+          let data = {
+            model: this.model,
+            fileinfodata: fileInfoData,
+            recordmessage: recordmessage,
+            materialmessage: materialmessage,
+            equipmentmessage: equipmentmessage,
+            buildingmessage: buildingmessage,
+            loginUser: {
+              id: this.$login.f.id,
+              name: this.$login.f.name,
+              ename: this.$login.f.ename
+            }
+          }
+          let http = new HttpResetClass()
+          http.load('POST', `rs/logic/saveapplynext`, {data: data})
+            .then((res) => {
+              this.reset()
+            })
+        }
+        return true
+      },
+
+      reset() {
+        this.$dispatch('close')
+        this.$dispatch('selfsearch')
+      },
+      getModel() {
+        this.model.f_area = typeof this.model.f_area === 'object' ? this.model.f_area[0] : this.model.f_area ? this.model.f_area : ''
+        this.model.f_credentials = typeof this.model.f_credentials === 'object' ? this.model.f_credentials[0] : this.model.f_credentials ? this.model.f_credentials : ''
+        this.model.f_apply_type = typeof this.model.f_apply_type === 'object' ? this.model.f_apply_type[0] : this.model.f_apply_type ? this.model.f_apply_type : ''
+        this.model.f_residential_area = typeof this.model.f_residential_area === 'object' ? this.model.f_residential_area[0] : this.model.f_residential_area ? this.model.f_residential_area : ''
+        this.model.f_customer_type = typeof this.model.f_customer_type === 'object' ? this.model.f_customer_type[0] : this.model.f_customer_type ? this.model.f_customer_type : ''
+        // this.model.f_sub_state = ''
+      },
+
+    },
+    watch: {
+      'selectdata'() {
+        console.log("监听selectdata")
+        this.model = Object.assign({}, this.selectdata, this.model)
+      },
+      'model.f_customer_type'() {
+        if (this.model.f_customer_type == '企业') {
+          this.$parent.$parent.$parent.$parent.flagg = true
+        } else {
+          this.$parent.$parent.$parent.$parent.flagg = false
+        }
+      },
+
+    },
+    computed: {
+      village() {
+        let temp = []
+        for (var i = 0; i < this.$login.f.f_allArea.length; i++) {
+          temp.push({label: this.$login.f.f_allArea[i].label, value: this.$login.f.f_allArea[i].label})
+        }
+        return temp
+      },
+      allvillages() {
+        let temp = []
+        for (var i = 0; i < this.$login.f.f_allArea.length; i++) {
+          if (this.model.f_residential_area[0] == this.$login.f.f_allArea[i].label)
+            return this.$login.f.f_allArea[i].value
+        }
+      }
+    }
+  }
+</script>
+<style>
+  .formItem-required::after {
+    content: '*';
+    position: absolute;
+    font-size: 20px;
+    margin-top: 3.5%;
+    margin-left: 3%;
+    color: #d91118;
+  }
+</style>