telephone-clients 3.0.103 → 3.0.104-11

package/src/filiale/wenxi/android/RepairUserInfo.vue

@@ -0,0 +1,532 @@
+<template>
+  <div class="select-overspread repair-bg auto" style="padding-bottom:5px;">
+    <!--<validator name='v' @valid="$emit('valid')" @invalid="$emit('invalid')">-->
+      <div class="bq-parent" v-if="shutype == 'heng'">
+        <blockquote class="blockquote">
+          <p><span>用户基本信息</span><a   @click="mute()" style="float:right"  href="javascript:void(0)" class="repair-mute-class"><img src="../../../assets/novoice.png" width="25px;" alt=""><span style="margin-left:10px;color: #304A66">关闭声音</span></a></p>
+        </blockquote>
+      </div>
+      <div class="panel panel-default auto repair-info-content">
+        <div class="panel-body">
+          <!-- 维修相关时间 -->
+          <div v-if="data" class="row repair-info-content auto">
+            <!--<div class="col-xs-12 col-sm-12 col-md-12 form-input-group">-->
+                <!--<label class="control-label">-->
+                  <!--<nobr>维修日期：</nobr>-->
+                <!--</label>-->
+                <!--<span>{{data.f_date}}</span>-->
+              <!--</div>-->
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
+              <label class="control-label">
+                <nobr>到达时间：</nobr>
+              </label>
+              <span>{{data.f_date_come}}</span>
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" v-if="data.f_date_leave">
+              <label class="control-label">
+                <nobr>离开时间：</nobr>
+              </label>
+              <span>{{data.f_date_leave}}</span>
+           </div>
+          </div>
+          <!-- 用户基信息内容 -->
+          <div v-if="model" class="auto repair-info-content compatible">
+            <div class="row auto">
+           <!--   <div class="{{shuclass}}">
+                <label class=" lb-left text-justify">客户编号</label>
+                <span v-if="show" style="font-weight:bold">{{model.f_userinfo_code}}</span>
+                <input type="text" class="form-control" v-model="model.f_userinfo_code" v-if="!show" readonly>
+                &lt;!&ndash;<button type="button" name="button" class="btn btn-primary" @click="findUserByCardId(model.f_userinfo_code)"&ndash;&gt;
+                &lt;!&ndash;v-if="!show">查找&ndash;&gt;
+                &lt;!&ndash;</button>&ndash;&gt;
+              </div>-->
+              <div class="{{shuclass}}">
+                <label class=" lb-left text-justify">姓名</label>
+                <span v-if="show" style="font-weight:bold">{{model.f_user_name}}</span>
+                <template v-if="!show">
+                  <input :disabled="worktype == '报修单'" type="text" class="form-control" v-model="model.f_user_name" :readonly="issee">
+                </template>
+              </div>
+              <div v-show="false" class="{{shuclass}}" v-if="!((worktype == '置换通气单'||worktype == '安装单') && model.f_user_type == '非民用')">
+                <label class="lb-left text-justify">客户类型</label>
+                <input type="text" class="form-control"  v-model="model.f_user_type" readonly v-if="!show">
+                <span v-if="show" style="font-weight:bold">{{model.f_user_type}}</span>
+              </div>
+              <div class="{{shuclass}}" v-if="((worktype == '置换通气单'||worktype == '安装单') && model.f_user_type == '民用')">
+                <label class="lb-left text-justify">用气性质</label>
+                <input type="text" class="form-control"  v-model="model.f_gasproperties" readonly v-if="!show">
+                <span v-if="show" style="font-weight:bold">{{model.f_gasproperties}}</span>
+              </div>
+              <div v-show="false" class="{{shuclass}}" v-if="(worktype == '置换通气单'||worktype == '安装单') && model.f_user_type == '非民用'">
+                  <label class="lb-left text-justify">客户类型</label>
+                  <input type="text" class="form-control"  v-model="model.f_user_type" readonly v-if="!show">
+                  <span v-if="show" style="font-weight:bold">{{model.f_user_type}}</span>
+              </div>
+              <div class="{{shuclass}}" v-if="(worktype == '置换通气单'||worktype == '安装单') && model.f_user_type == '非民用'">
+                    <label class="lb-left text-justify">用气性质</label>
+                    <input type="text" class="form-control"  v-model="model.f_gasproperties" readonly v-if="!show">
+                    <span v-if="show" style="font-weight:bold">{{model.f_gasproperties}}</span>
+              </div>
+<!--              <div class="{{shuclass}}">-->
+<!--                <label class=" lb-left text-justify" >来电电话</label>-->
+<!--                <span v-if="show" style="font-weight:bold">{{model.f_linkphone}}</span>-->
+<!--                <template v-if="!show">-->
+<!--                  <input type="text" class="form-control" v-model="model.f_linkphone" readonly>-->
+<!--                </template>-->
+<!--              </div>-->
+              <div class="{{shuclass}}">
+                <label class=" lb-left text-justify" >联系电话</label>
+                <span v-if="show" style="font-weight:bold">{{model.f_user_phone}}</span>
+                <template v-if="!show">
+                  <input type="text" class="form-control" v-model="model.f_user_phone" :readonly="issee" onkeyup="value=value.replace(/[^\d\.]/g,'')">
+                </template>
+              </div>
+              <div class="col-xs-12 col-sm-12 col-md-6 form-input-group">
+                <label class=" lb-left text-justify" >地址</label>
+                <span v-if="show" style="font-weight:bold">{{model.f_address}}</span>
+                <template v-if="!show">
+                  <textarea  :disabled="worktype == '报修单'"  type="text" class="form-control" v-model="model.f_address" readonly></textarea>
+                </template>
+              </div>
+
+              <!-- 置换通气单配置选项 -->
+<!--              <div class="{{shuclass}}"  v-if="worktype == '置换通气单'||worktype == '安装单'">-->
+<!--                <label class=" lb-left text-justify" >身份证号</label>-->
+<!--                <span v-if="show" style="font-weight:bold">{{model.f_shenfenzheng}}</span>-->
+<!--                <template v-if="!show">-->
+<!--                  <input type="text" class="form-control" v-model="model.f_shenfenzheng" :readonly="issee">-->
+<!--                </template>-->
+<!--              </div>-->
+<!--              <div class="{{shuclass}}"  v-if="(worktype == '置换通气单'||worktype == '安装单') && isshenfenzheng">-->
+<!--                <span style="font-size:10px;color: red">输入的身份证号长度不对，或者号码不符合规定！</span>-->
+<!--              </div>-->
+            </div>
+            <div class="row">
+<!--             <div class="{{shuclass}}" v-if="worktype == '置换通气单'||worktype == '安装单'">-->
+<!--                <label class="lb-left text-justify">住户类型</label>-->
+<!--                <span v-if="show" style="font-weight:bold">{{model.f_house_type}}</span>-->
+<!--                <v-select :value="model.f_house_type" :value-single="true"-->
+<!--                          :options='housetype' placeholder='请选择'-->
+<!--                          close-on-select v-if="!show"-->
+<!--                          v-on:change="housetypechange"-->
+<!--                          :disabled="issee">-->
+<!--                </v-select>-->
+<!--              </div>-->
+              <!--   <div class="{{shuclass}}" v-if="worktype == '置换通气单'">
+                  <label class="lb-left text-justify">住户备注</label>
+                  <span v-if="show" style="font-weight:bold">{{model.f_remarks}}</span>
+                  <input type="text" class="form-control" v-model="model.f_remarks" v-if="!show" :readonly="issee">
+                </div>-->
+              <!--报修特殊配置选项 -->
+              <div class="{{shuclass}}" v-if="worktype == '报修单' && noExp && meterinfo && meterinfo.f_collection_type == '按气量'">
+                <label class="lb-left text-justify">累购气量</label>
+                <input type="text" class="form-control" v-model="meterinfo.f_total_gas" :disabled="show" :readonly="issee">
+              </div>
+              <div class="{{shuclass}}" v-if="worktype == '报修单' && noExp && meterinfo && meterinfo.f_collection_type == '按金额'">
+                <label class="lb-left text-justify">累购金额</label>
+                <input type="text" class="form-control" v-model="meterinfo.f_total_fee" :disabled="show" :readonly="issee">
+              </div>
+              <div class="{{shuclass}}" v-if="worktype == '报修单' && noExp">
+                <label class="lb-left text-justify">气表品牌</label>
+                <input type="text" class="form-control" v-model="meterinfo.f_meter_brand" :disabled="show" :readonly="issee">
+              </div>
+              <div class="{{shuclass}}" v-if="worktype == '报修单' && noExp">
+                <label class="lb-left text-justify">气表型号</label>
+                <input type="text" class="form-control" v-model="meterinfo.f_meter_style" :disabled="show" :readonly="issee">
+              </div>
+              <div class="{{shuclass}}" v-if="worktype == '报修单' && noExp">
+                <label  class="lb-left text-justify">左右表</label>
+                <input type="text" class="form-control" v-model="meterinfo.f_aroundmeter" :disabled="show" :readonly="issee">
+              </div>
+              <div class="{{shuclass}}" v-if="worktype == '报修单' && noExp">
+                <label class="lb-left text-justify">安装位置</label>
+                <input type="text" class="form-control" v-model="meterinfo.f_position" :disabled="show" :readonly="issee">
+              </div>
+              <div  class="{{shuclass}}" v-if="worktype == '报修单' && noExp">
+                <label  class="lb-left text-justify">表号</label>
+                <input  type="text" class="form-control" v-model="meterinfo.f_meternumber" :disabled="show" :readonly="issee">
+              </div>
+              <div class="{{shuclass}}" v-if="worktype == '报修单' && noExp">
+                <label class="lb-left text-justify">气表初始底数</label>
+                <input type="text" class="form-control" v-model="model.f_initial_base" :disabled="show" :readonly="issee">
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    <!--</validator>-->
+  </div>
+</template>
+<script>
+  import * as Util from '../../../components/Util'
+  import Vue from 'vue'
+  import {HttpResetClass} from "vue-client";
+
+
+  export default {
+    title: '维修列表客户基本信息',
+    data() {
+      return {
+        telphoneValid: '/^((0\\d{2,3}-\\d{7,8})|(1[3584]\\d{9}))$/',
+        watchtype : this.$appdata.getParam('表型'),
+        gasdirection : this.$appdata.getParam('进气方向'),
+        watchhull : this.$appdata.getParam('表封'),
+        ictype : this.$appdata.getParam('IC卡类型'),
+        meterstyle:[],
+        shuclass:'col-xs-6 col-sm-6 col-md-6 form-input-group mg8',
+        isshenfenzheng:false,
+        noExp: false,
+        meterinfo: {}
+      }
+    },
+    props: {
+      issee:'',
+      worktype:{
+        type: String,
+        default: '报修单'
+      },
+      // userinfo: {
+      //   type: Object
+      // },
+      // 维修对应的用户数据收集
+      model: {
+        type: Object
+      },
+      // 工单信息
+      repair:{
+        type: Object
+      },
+      savevalid:{
+
+      },
+      sum:{
+
+      },
+      user:{
+        type: Object
+      },
+      show: {
+        type: Boolean,
+        default: false
+      },
+      // 本次维修, 用于编辑
+      data: {
+        type: Object
+      },
+      shutype:'heng'
+    },
+    methods: {
+      housetypechange(val){
+        if(val){
+          this.model.f_house_type = val
+        }
+      },
+      usertypeschange(val){
+        this.model.f_npuser_type = val
+      },
+      gasbrandchange(val){
+        this.model.f_gasbrand_id = val
+        let ret = this.$TelGetSaleParam.getGasbrand()
+        //tag
+        let rs = new Array()
+        if(this.model.f_gasbrand_id) {
+          ret.forEach((item, index) => {
+            if(this.model.f_gasbrand_id == item.value.id) {
+              this.model.f_gasbrand_name = item.label
+              item.value.gasmodel.forEach((item1, index1) => {
+                rs.push({label: item1.label, value: item1.value.id})
+              })
+            }
+          })
+        }
+        this.meterstyle = rs
+      },
+      gasmodelchange(val){
+        if(val == undefined || val == ''){
+          return
+        }
+        this.model.f_gasmodel_id = val
+        let ret = this.$TelGetSaleParam.getGasbrand()
+        if(this.model.f_gasbrand_id && this.model.f_gasmodel_id) {
+          ret.forEach((item, index) => {
+            if(this.model.f_gasbrand_id == item.value.id) {
+              item.value.gasmodel.forEach((item1, index1) => {
+                if(this.model.f_gasmodel_id == item1.value.id) {
+                  this.model.f_gasmodel_name = item1.label
+                }
+              })
+            }
+          })
+        }
+      },
+      // getPricenames (pricetype) {
+      //   //tag
+      //   let rs = new Array()
+      //   var f_fengongsi = ''
+      //   if(Vue.android) {
+      //     f_fengongsi = Vue.user.f_fengongsi
+      //   }else {
+      //     f_fengongsi = this.$login.f.f_fengongsi
+      //   }
+      //   if (this.model.f_user_type.length != '' && this.model.f_gasproperties != '' && pricetype != 1) {
+      //     let params = {
+      //       f_user_type: this.model.f_user_type,
+      //       f_gasproperties: this.model.f_gasproperties,
+      //       f_price_type: pricetype,
+      //       filter: f_fengongsi
+      //     }
+      //     let ret = this.$GetSaleParam.getPrice(params)
+      //     ret.forEach((item, index) => {
+      //       rs.push({label: item.label, value: item.value.f_price_id})
+      //     })
+      //   }
+      //   //tag
+      //   return rs
+      // },
+      mute () {
+        HostApp.mute()
+      },
+      // findUserByCardId() {
+      //   this.$resetpost(this.$androidUtil.getProxyUrl() + '/rs/sql/tel_singleTable_OrderBy', {
+      //     data: {
+      //       items: '*',
+      //       tablename: 't_userinfo',
+      //       condition: `f_userinfo_id = '${this.model.f_userinfo_id}'`,
+      //       orderitem: 'f_userinfo_id'
+      //     }
+      //   }).then((res) => {
+      //     if (res.data.length === 0) {
+      //       HostApp.alert('未查询到相关用户，请仔细核对卡号是否正确')
+      //     }
+      //     // this.getSumGas()
+      //     // object.assign会导致数据无法上传。暂定使用$set
+      //     this.$set('model.f_username', res.data[0].f_user_name)
+      //     this.$set('model.f_address', res.data[0].f_address)
+      //     this.$set('model.f_user_type', res.data[0].f_user_type)
+      //     this.$set('model.f_gasproperties', res.data[0].f_gasproperties)
+      //   })
+      // },
+      // 判断 日期  到达时间 是否有值
+      ifCreatDate() {
+        if (this.data && !this.data.f_date) {
+          this.data.f_date = Util.toStandardTimeString()
+        }
+        if (this.data && !this.data.f_date_come) {
+          this.data.f_date_come = Util.toStandardTimeString()
+        }
+      }
+    },
+    async ready() {
+      //tag)
+      //tag)
+      if(this.worktype =='报修单' && this.repair.f_userinfo_id){
+        this.show = true
+        let http = new HttpResetClass()
+        let res = await http.load('POST',this.$androidUtil.getProxyUrl()+'/rs/sql/getBaseMeterInfo',{
+          data:{
+            f_userinfo_id: this.repair.f_userinfo_id
+          }
+        },{warnMsg:null,resolveMsg:null,rejectMsg:null})
+        //tag)
+        if(res.data[0]){
+          this.meterinfo = res.data[0]
+          this.noExp = true
+        }
+      }
+      this.ifCreatDate()
+    },
+    watch: {
+      // 气表品牌 更新
+      'model.f_gasbrand_id'(val) {
+        if(val == undefined || val == ''){
+          return
+        }
+        if(this.model.f_gasbrand_id) {
+          let ret = this.$TelGetSaleParam.getGasbrand()
+          let rs = new Array()
+          if(this.model.f_gasbrand_id) {
+            ret.forEach((item, index) => {
+              if(this.model.f_gasbrand_id == item.value.id) {
+                this.model.f_gasbrand_name = item.label
+                item.value.gasmodel.forEach((item1, index1) => {
+                  rs.push({label: item1.label, value: item1.value.id})
+                })
+              }
+            })
+          }
+          this.meterstyle = rs
+        }
+      },
+      // 气价名称
+      // 'model.f_pricename_id' () {
+      //   var f_fengongsi = ''
+      //   if(Vue.android) {
+      //     f_fengongsi = Vue.user.f_fengongsi
+      //   }else {
+      //     f_fengongsi = Util.f.f_fengongsi
+      //   }
+      //   if (this.model.f_user_type && this.model.f_gasproperties && this.model.f_price_type && this.model.f_pricename_id) {
+      //     let params = {
+      //       f_user_type: this.model.f_user_type,
+      //       f_gasproperties: this.model.f_gasproperties,
+      //       f_price_type: this.model.f_price_type,
+      //       filter: f_fengongsi
+      //     }
+      //     let ret = this.$GetSaleParam.getPrice(params)
+      //     //tag
+      //     ret.forEach((item, index) => {
+      //       if(this.model.f_pricename_id == item.value.f_price_id) {
+      //         this.model.f_pricename = item.label
+      //       }
+      //     })
+      //   }
+      // },
+      'repair' () {
+        if(this.repair.f_orderstatus){
+          return
+        }
+        if(this.model.f_address){
+          return
+        }
+        this.$set('model.f_linkphone', this.repair.f_phone)
+        this.$set('model.f_address', this.repair.f_address)
+        this.$set('model.f_userinfo_id', this.repair.f_userinfo_id)
+        this.$set('model.f_user_phone', this.repair.f_contact_phone)
+        this.$set('model.f_user_name', this.repair.f_user_name)
+        this.$set('model.f_user_type', this.repair.f_user_type)
+        this.$set('model.f_gasproperties', this.repair.f_gasproperties)
+        this.$set('model.f_userinfo_code', this.repair.f_userinfo_code)
+        if(!this.model.f_house_type){
+          this.model.f_house_type == '自有房'
+        }
+        if(this.model.f_user_type == '非民用'){
+          if(this.model.f_gasproperties == '工业用气'){
+            this.$set('model.f_house_type','工业用户')
+          }else if(this.model.f_gasproperties == '商业用气') {
+            this.$set('model.f_house_type','商业用户')
+          }
+        }
+      },
+      'valid' () {
+        this.savevalid.uservalid = this.$v.valid
+      },
+      'shutype'(val){
+        if(val == 'shu'){
+          this.shuclass = 'col-xs-12 col-sm-12 col-md-12 form-input-group mg8'
+        }
+      },
+      'model.f_shenfenzheng'(val){
+          if(val){
+            if (!(/^[1-9][0-9]{5}([1][9][0-9]{2}|[2][0][0|1][0-9])([0][1-9]|[1][0|1|2])([0][1-9]|[1|2][0-9]|[3][0|1])[0-9]{3}([0-9]|[X])$/.test(val))) {
+              // this.$showAlert('输入的身份证号长度不对，或者号码不符合规定！\n15位号码应全为数字，18位号码末位可以为数字或X。')
+              this.isshenfenzheng = true
+            }else{
+              this.isshenfenzheng = false
+            }
+          }else{
+            this.isshenfenzheng = false
+          }
+      }
+      // 'userinfo' () {
+      //   if(this.repair.f_orderstatus){
+      //     return
+      //   }
+      //   if(this.userinfo == undefined || this.userinfo == '' ){
+      //     return
+      //   }
+      //   this.$set('model.f_userinfo_code', this.userinfo.baseinfo.base.f_userinfo_code)
+      //   this.$set('model.f_user_name', this.userinfo.baseinfo.base.f_user_name)
+      //   this.$set('model.f_user_type', this.userinfo.baseinfo.base.f_user_type)
+      //   this.$set('model.f_gasproperties', this.userinfo.baseinfo.base.f_gasproperties)
+      //   this.$set('model.f_gasbrand_id', this.userinfo.meterinfo[0].f_gasbrand_id)
+      //   this.$set('model.f_gasmodel_id', this.userinfo.meterinfo[0].f_gasmodel_id)
+      //   this.$set('model.f_price_type', this.userinfo.baseinfo.base.pricetype)
+      //   this.$set('model.f_pricename_id', this.userinfo.baseinfo.base.f_price_id)
+      //   this.$set('model.f_aroundmeter', this.userinfo.meterinfo[0].f_aroundmeter)
+      //   this.$set('model.f_position', this.userinfo.meterinfo[0].f_position)
+      //   this.$set('model.f_userinfo_id', this.userinfo.baseinfo.base.f_userinfo_id)
+      //   this.$set('model.f_user_id', this.userinfo.meterinfo[0].f_user_id)
+      //   this.$set('model.versionfile', this.userinfo.meterinfo[0].version)
+      //   this.$set('model.versioninfo', this.userinfo.baseinfo.base.version)
+      // }
+    },
+    computed: {
+      positions () {
+        return this.$appdata.getParam('安装位置')
+      },
+      usertypes () {
+        return this.$appdata.getParam('非民用用户类型')
+      },
+      // f_price_types () {
+      //   return this.$appdata.getParam('气价类型')
+      // },
+      housetype () {
+        if(this.model.f_user_type == '民用'){
+          return this.$appdata.getParam('民用置换住户类型')
+        }else{
+          return this.$appdata.getParam('非民用置换住户类型')
+        }
+      },
+      // meterstyle() {
+      //   let ret = this.$GetSaleParam.getGasbrand()
+      //   //tag
+      //   let rs = new Array()
+      //   if(this.model.f_gasbrand_id) {
+      //     ret.forEach((item, index) => {
+      //       if(this.model.f_gasbrand_id == item.value.id) {
+      //         // rs = item.value.gasmodel
+      //         item.value.gasmodel.forEach((item1, index1) => {
+      //           rs.push({label: item1.label, value: item1.value.id})
+      //         })
+      //       }
+      //     })
+      //   }
+      //   return rs
+      // },
+      // pricenames() {
+      //   let rs = new Array()
+      //   var f_fengongsi = ''
+      //   if(Vue.android) {
+      //     f_fengongsi = Vue.user.f_fengongsi
+      //   }else {
+      //     f_fengongsi = this.$login.f.f_fengongsi
+      //   }
+      //   if (this.model.f_user_type && this.model.f_gasproperties && this.model.f_price_type) {
+      //     let params = {
+      //       f_user_type: this.model.f_user_type,
+      //       f_gasproperties: this.model.f_gasproperties,
+      //       f_price_type: this.model.f_price_type,
+      //       filter: f_fengongsi
+      //     }
+      //     let ret = this.$GetSaleParam.getPrice(params)
+      //     //tag
+      //     ret.forEach((item, index) => {
+      //       rs.push({label: item.label, value: item.value.f_price_id})
+      //     })
+      //   }
+      //   //tag
+      //   return rs
+      // },
+      aroundmeters () {
+        return this.$appdata.getParam('左右表')
+      },
+      // gasproperties () {
+      //   let rs = []
+      //   if (this.model.f_user_type) {
+      //     rs = this.$appdata.getParam(this.model.f_user_type)
+      //   }
+      //   return rs
+      // },
+      valid(){
+        this.savevalid.uservalid = this.$v.valid
+        return this.$v.valid
+      }
+    }
+  }
+</script>
+<style lang="less">
+  .class-erro {
+    color: #a94442;
+  }
+</style>
+