telephone-clients 3.0.103-97 → 3.0.103-99

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

@@ -1,559 +1,559 @@
-<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 class="{{shuclass}}" v-if="worktype == '置换通气单'">
-              <label class=" lb-left text-justify">燃气具</label>
-              <span
-                style="font-weight:bold">{{ $parent.$parent.$parent.$parent.tabs[0].props.service.f_gasstoves }}</span>
-            </div>
-            <div class="{{shuclass}}" v-if="worktype == '置换通气单'">
-              <label class=" lb-left text-justify">热水器</label>
-              <span
-                style="font-weight:bold">{{ $parent.$parent.$parent.$parent.tabs[0].props.service.f_waterheater }}</span>
-            </div>
-            <div class="{{shuclass}}" v-if="worktype == '置换通气单'">
-              <label class=" lb-left text-justify">壁挂炉</label>
-              <span
-                style="font-weight:bold">{{ $parent.$parent.$parent.$parent.tabs[0].props.service.f_wallhangingfurnace }}</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 {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)
-      debugger
-      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>
-
+<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 class="{{shuclass}}" v-if="worktype == '置换通气单'">
+              <label class=" lb-left text-justify">燃气具</label>
+              <span
+                style="font-weight:bold">{{ $parent.$parent.$parent.$parent.tabs[0].props.service.f_gasstoves }}</span>
+            </div>
+            <div class="{{shuclass}}" v-if="worktype == '置换通气单'">
+              <label class=" lb-left text-justify">热水器</label>
+              <span
+                style="font-weight:bold">{{ $parent.$parent.$parent.$parent.tabs[0].props.service.f_waterheater }}</span>
+            </div>
+            <div class="{{shuclass}}" v-if="worktype == '置换通气单'">
+              <label class=" lb-left text-justify">壁挂炉</label>
+              <span
+                style="font-weight:bold">{{ $parent.$parent.$parent.$parent.tabs[0].props.service.f_wallhangingfurnace }}</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 {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)
+      debugger
+      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>
+