system-phone 3.0.49-56 → 3.0.49-57

package/src/components/online/ApplyOnline.vue

@@ -1,582 +1,582 @@
-<template>
-  <div>
-    <!--表具信息-->
-    <validator name='v' :data.sync="data">
-      <div class="auto select-overspread form-horizontal repair-bg">
-        <div class="bq-parent">
-          <blockquote class="blockquote">
-            <p>表具信息</p>
-          </blockquote>
-        </div>
-        <div class="panel panel-default auto repair-info-content">
-          <div class="panel-body auto repair-info-content compatible">
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_meternumber.required ? 'has-error' : 'has-success']">
-              <label for="f_meternumber" class="lb-left text-justify">表号</label>
-              <input id="f_meternumber" v-model="userdata.userinfo.userfiles.f_meternumber" v-validate:f_meternumber="{required: true}" type="text" class="form-control"/>
-              <button type="button" name="button" class="btn btn-primary" @click="scan">扫码</button>
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_meter_brand.required ? 'has-error' : 'has-success']">
-              <label for="f_meter_brand" class="lb-left text-justify">气表品牌</label>
-              <input id="f_meter_brand" v-model="userdata.userinfo.userfiles.f_meter_brand" v-validate:f_meter_brand="{required: true}" type="text" class="form-control">
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_meter_style.required ? 'has-error' : 'has-success']">
-              <label for="f_meter_style" class="lb-left text-justify">气表型号</label>
-              <input id="f_meter_style" v-model="userdata.userinfo.userfiles.f_meter_style" v-validate:f_meter_style="{required: true}" type="text" class="form-control">
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_meter_type.required ? 'has-error' : 'has-success']">
-              <label for="f_meter_type" class="lb-left text-justify">气表类型</label>
-              <input id="f_meter_type" v-model="userdata.userinfo.userfiles.f_meter_type" v-validate:f_meter_type="{required: true}" type="text" class="form-control">
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_aroundmeter.required ? 'has-error' : 'has-success']">
-              <label for="f_aroundmeter" class="lb-left text-justify">进气方向</label>
-              <input type="text"
-                     v-show="false"
-                     v-model="userdata.userinfo.userfiles.f_aroundmeter"
-                     v-validate:f_aroundmeter='{required: true}'>
-              <v-select id="f_aroundmeter"
-                        :value.sync="userdata.userinfo.userfiles.f_aroundmeter"
-                        :value-single="true"
-                        :options='aroundmeterlist'
-                        placeholder='请选择'
-                        close-on-select>
-              </v-select>
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_initial_base.required ? 'has-error' : 'has-success']">
-              <label for="f_initial_base" class="lb-left text-justify">表基数</label>
-              <input id="f_initial_base" v-model="userdata.userinfo.userfiles.f_initial_base" v-validate:f_initial_base="{required: true}" type="number" class="form-control">
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="bq-parent">
-        <blockquote class="blockquote">
-          <input class="magic-checkbox" type="checkbox" id="isStay" v-model="isStay"/>
-          <label for="isStay" style="width:150px;padding-bottom: 10px">用户是否入住</label>
-        </blockquote>
-      </div>
-      <!--用户信息-->
-      <div class="auto select-overspread form-horizontal repair-bg" v-show="isStay">
-        <div class="bq-parent">
-          <blockquote class="blockquote">
-            <p>用户信息</p>
-          </blockquote>
-        </div>
-        <div class="panel panel-default auto repair-info-content">
-          <div class="panel-body auto repair-info-content compatible">
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
-              <label for="f_user_name" class="lb-left text-justify">用户姓名</label>
-              <input id="f_user_name" v-model="userdata.userinfo.f_user_name" type="text" class="form-control"/>
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
-              <label for="f_idnumber" class="lb-left text-justify">身份证号</label>
-              <input id="f_idnumber" v-model="userdata.userinfo.f_idnumber" type="text" class="form-control">
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" v-show="isNotIdNumber">
-              <span style="font-size:10px;color: red">输入的身份证号长度不对，或者号码不符合规定！</span>
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
-              <label for="f_user_phone" class="lb-left text-justify">用户电话</label>
-              <input id="f_user_phone" v-model="userdata.userinfo.f_user_phone" type="text" class="form-control">
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
-              <label for="f_price_name" class="lb-left text-justify">住户类型</label>
-              <v-select id="f_price_name"
-                        :value.sync="userdata.userinfo.f_price_name"
-                        :value-single="true"
-                        :options='houseTypeOptions'
-                        placeholder='请选择'
-                        close-on-select>
-              </v-select>
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
-              <label for="f_comments" class="lb-left text-justify">备注</label>
-              <textarea id="f_comments" class="form-control" cols="30" rows="4" style="resize: vertical;" v-model="userdata.userinfo.f_comments"></textarea>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!--地址信息-->
-      <div class="auto select-overspread form-horizontal repair-bg">
-        <div class="bq-parent">
-          <blockquote class="blockquote">
-            <p>地址信息</p>
-          </blockquote>
-        </div>
-        <div class="panel panel-default auto repair-info-content">
-          <div class="panel-body auto repair-info-content compatible">
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_pcd_id.required ? 'has-error' : 'has-success']">
-              <label for="f_pcd_id" class="lb-left text-justify">省市区</label>
-              <input type="text"
-                     v-show="false"
-                     v-model="addressData.f_pcd_id"
-                     v-validate:f_pcd_id='{required: true}'>
-              <v-select id="f_pcd_id"
-                        :value.sync="addressData.f_pcd_id"
-                        :value-single="true"
-                        :options='pcdslist'
-                        placeholder='请选择'
-                        close-on-select
-                        search="true"
-                        @change="pcdChange">
-              </v-select>
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_street_id.required ? 'has-error' : 'has-success']">
-              <label for="f_street_id" class="lb-left text-justify">街道名称</label>
-              <input type="text"
-                     v-show="false"
-                     v-model="addressData.f_street_id"
-                     v-validate:f_street_id='{required: true}'>
-              <v-select id="f_street_id"
-                        :value.sync="addressData.f_street_id"
-                        :value-single="true"
-                        :options='streetslist'
-                        placeholder='请选择'
-                        close-on-select
-                        search="true"
-                        @change="streetChange">
-              </v-select>
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_residential_area_id.required ? 'has-error' : 'has-success']">
-              <label for="f_residential_area_id" class="lb-left text-justify">小区名称</label>
-              <input type="text"
-                     v-show="false"
-                     v-model="addressData.f_residential_area_id"
-                     v-validate:f_residential_area_id='{required: true}'>
-              <v-select id="f_residential_area_id"
-                        :value.sync="addressData.f_residential_area_id"
-                        :value-single="true"
-                        :options='areaslist'
-                        placeholder='请选择'
-                        close-on-select
-                        search="true"
-                        @change="areaChange">
-              </v-select>
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.slice.required ? 'has-error' : 'has-success']">
-              <label for="f_meter_type" class="lb-left text-justify">片区</label>
-              <input type="text"
-                     v-show="false"
-                     v-model="$refs.slice.selectedItems"
-                     v-validate:slice='{required: true}'>
-              <v-select id="slice_area"
-                        :value.sync="addressData.slice_area"
-                        :options='sliceArea'
-                        placeholder='片区/管理站'
-                        filer-key="name"
-                        close-on-select
-                        v-ref:slice>
-              </v-select>
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_building.required ? 'has-error' : 'has-success']">
-              <label for="f_building" class="lb-left text-justify">楼号</label>
-              <input id="f_building" v-model="addressData.f_building" v-validate:f_building='{required: true}' type="text" class="form-control" style="width: 70%">
-              <input id="f_building_suffix" v-model="addressData.f_building_suffix" type="text" class="form-control" style="width: 30%">
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_unit.required ? 'has-error' : 'has-success']">
-              <label for="f_unit" class="lb-left text-justify">单元</label>
-              <input id="f_unit" v-model="addressData.f_unit" v-validate:f_unit='{required: true}' type="text" class="form-control" style="width: 70%">
-              <input id="f_unit_suffix" v-model="addressData.f_unit_suffix" type="text" class="form-control" style="width: 30%">
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_floor.required ? 'has-error' : 'has-success']">
-              <label for="f_floor" class="lb-left text-justify">楼层</label>
-              <input id="f_floor" v-model="addressData.f_floor" v-validate:f_floor='{required: true}' type="text" class="form-control" style="width: 70%">
-              <input id="f_floor_suffix" v-model="addressData.f_floor_suffix" type="text" class="form-control" style="width: 30%">
-            </div>
-            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_room.required ? 'has-error' : 'has-success']">
-              <label for="f_room" class="lb-left text-justify">门牌号</label>
-              <input id="f_room" type="text" v-model="addressData.f_room" v-validate:f_room='{required: true}' class="form-control" style="width: 70%">
-              <input id="f_room_suffix" type="text" v-model="addressData.f_room_suffix" class="form-control" style="width: 30%">
-            </div>
-          </div>
-        </div>
-      </div>
-    </validator>
-    <!--提交-->
-    <div class="panel panel-default auto repair-info-content" style="width: 100%;height: auto">
-      <div style="margin: 0 auto;width: 25%">
-        <button type="button" name="button" class="col-sm-3 btn btn-primary" :disabled='!$v.valid' @click='summit()'>
-          上传档案
-        </button>
-      </div>
-    </div>
-    <work-busy :is-busy="isBusy"></work-busy>
-  </div>
-</template>
-
-<script>
-  import Vue from 'vue'
-  import {HttpResetClass} from 'vue-client'
-
-  export default {
-    title: "ApplyOnline",
-    data() {
-      return {
-        userdata: {
-          address: {
-            id: null
-          },
-          f_user_type: "民用",
-          userinfo: {
-            userfiles: {
-              f_meternumber: null,
-              f_meter_brand: null,
-              f_meter_style: null,
-              f_meter_type: null,
-              f_aroundmeter: null,
-              f_initial_base: null,
-              f_table_state: "待开通"
-            },
-            f_price_name: null,
-            f_rent_phone: null,
-            f_user_phone: null,
-            f_user_name: null,
-            f_idnumber: null,
-            f_comments: null
-          },
-          devices: [],
-          f_operator: Vue.user.ename
-        },
-        // 是否入住
-        isStay: false,
-        addressData: {
-          f_create_person: Vue.user.name,
-          f_filialeid: Vue.user.orgid,
-          f_operator: Vue.user.name,
-          f_operatorid: Vue.user.id,
-          f_orgid: Vue.user.orgid,
-          f_orgname: Vue.user.orgs,
-          f_depid: Vue.user.depids,
-          f_depname: Vue.user.deps,
-          f_pcd: null,
-          f_pcd_id: null,
-          f_street: null,
-          f_street_id: null,
-          f_residential_area: null,
-          f_residential_area_id: null,
-          f_address: null,
-          slice_area: null,
-          f_slice_area: null,
-          f_area_code: null,
-          f_building: null,
-          f_building_suffix: "号楼",
-          f_unit: null,
-          f_unit_suffix: "单元",
-          f_floor: null,
-          f_floor_suffix: "层",
-          f_room: null,
-          f_room_suffix: "室"
-        },
-        //初始化省市区数据
-        pcdslist: [],
-        //初始化街道数据
-        streetslist: [],
-        //初始化街道数据
-        areaslist: [],
-        sliceArea: [],
-        aroundmeterlist: [{label: '左表', value: '左表'}, {label: '右表', value: '右表'}],
-        houseTypeOptions: [{label: '自有房', value: '自有房'}, {label: '租赁房', value: '租赁房'}],
-        isNotIdNumber: false,
-        isBusy: false
-      }
-    },
-    async ready() {
-      console.log('进入在线报装页面www')
-      await this.initpcds(` f_filialeid = '${Vue.user.orgid}'`)
-      await this.initAreas(Vue.user.orgid)
-      console.log('pcdslist ===> ' + JSON.stringify(this.pcdslist))
-      console.log('sliceArea ===> ' + JSON.stringify(this.sliceArea))
-    },
-    methods: {
-      scan() {
-        HostApp.__this__ = this
-        HostApp.scanCode({callback: "javascript:HostApp.__this__.scanCallback();"})
-      },
-      scanCallback() {
-        let response = HostApp.getCode()
-        console.log(`扫码返回值:${response}`)
-        if (response.code == 200) {
-          this.userdata.userinfo.userfiles.f_meternumber = response.data
-        } else {
-          this.$showMessage('无法识别该条形码，请调整手机聚焦重试。')
-        }
-      },
-      // 初始化片区
-      async initAreas(val) {
-        if (val) {
-          let http = new HttpResetClass()
-          let getAllArea = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/search`, {
-            source: 'this.getParentByType($organization$).getAllChildrens().where(row.getType() == $zone$)',
-            userid: Vue.user.id
-          }, {resolveMsg: null, rejectMsg: '获取片区出错！！！'})
-
-          let arr = getAllArea.data.filter((res) => {
-            return res.parentid == val
-          })
-          console.log('过滤之后的片区:' + JSON.stringify(arr))
-          this.sliceArea = []
-          arr.forEach((res) => {
-            this.sliceArea.push({label: res.name, value: {name: res.name, code: res.number}})
-          })
-        }
-      },
-
-      //初始化省市区,添加街道
-      async initpcds(pconditon) {
-        this.pcdslist = []
-        let HttpReset = new HttpResetClass()
-        let req = await HttpReset.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/address_singleTableOrderBy`, {
-          data: {
-            items: '*',
-            tablename: 't_pcd',
-            orderitem: 'id',
-            condition: pconditon
-          }
-        }, {resolveMsg: null, rejectMsg: '获取地址失败!'})
-        let redata = []
-        req.data.forEach((row, n) => {
-          redata[n] = {
-            label: row.f_pcd,
-            value: row.id,
-            data: row,
-            id: row.id
-          }
-        })
-        this.pcdslist = redata
-      },
-      //初始化街道 添加小区
-      async initstreets(pconditon) {
-        this.streetslist = []
-        let HttpReset = new HttpResetClass()
-        let req = await HttpReset.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/address_singleTableOrderBy`, {
-          data: {
-            items: '*',
-            tablename: 't_street',
-            orderitem: 'id',
-            condition: pconditon
-          }
-        }, {resolveMsg: null, rejectMsg: '获取地址失败!'})
-        let redata = []
-        req.data.forEach((row, n) => {
-          redata[n] = {
-            label: row.f_street,
-            value: row.id,
-            data: row,
-            id: row.id
-          }
-        })
-        this.streetslist = redata
-      },
-      //初始化小区添加小区
-      async initareas(pconditon) {
-        if (this.usertype) {
-          pconditon = pconditon + ` and  f_special='1' `
-        }
-        this.areaslist = []
-        let HttpReset = new HttpResetClass()
-        let req = await HttpReset.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/address_singleTableOrderBy`, {
-          data: {
-            items: '*',
-            tablename: 't_area',
-            orderitem: 'id',
-            condition: pconditon
-          }
-        }, {resolveMsg: null, rejectMsg: '获取地址失败!'})
-        let redata = []
-        req.data.forEach((row) => {
-          redata.push({
-            label: row.f_residential_area,
-            value: row.id,
-            data: row,
-            id: row.id
-          })
-        })
-        this.areaslist = redata
-      },
-      //省/市/区变化
-      async pcdChange(val) {
-        console.log(`省/市/区变化 => ${JSON.stringify(val)} => ${JSON.stringify(this.addressData)}`)
-        if (val) {
-          //那就把[小区，街道]重新组织一下
-          await this.initstreets(` f_filialeid = '${Vue.user.orgid}' and f_pcd_id ='${val}' `)
-          if (this.addressData.f_street_id) {
-            if (this.findbyid(this.streetslist, this.addressData.f_street_id)) {
-              let pcd_id = this.findbyid(this.streetslist, this.addressData.f_street_id).f_pcd_id
-              if (pcd_id != val) {
-                this.addressData.f_street_id = ''
-              }
-            } else {
-              this.addressData.f_street_id = ''
-            }
-
-            //那就把[小区，街道]重新组织一下
-            if (this.addressData.f_street_id) {
-              await this.initareas(` f_street_id ='${this.addressData.f_street_id}' `)
-              if (this.addressData.f_residential_area_id) {
-                if (this.findbyid(this.areaslist, this.addressData.f_residential_area_id)) {
-                  let pcd_id = this.findbyid(this.areaslist, this.addressData.f_residential_area_id).f_pcd_id
-                  if (pcd_id != val) {
-                    this.addressData.f_residential_area_id = ''
-                  }
-                } else {
-                  this.addressData.f_residential_area_id = ''
-                }
-
-              }
-            }
-          }
-        }
-        this.$resetValidation()
-      },
-      //小区变化
-      areaChange(val) {
-        console.log(`小区变化 => ${JSON.stringify(val)} => ${JSON.stringify(this.addressData)}`)
-        if (val) {
-          let getArea = this.areaslist.filter((res) => {
-            return res.id = this.addressData.f_residential_area_id
-          })
-          if (getArea.length > 0) {
-            console.log('获取小区数据', getArea[0].data)
-            this.addressData.slice_area = [{name: getArea[0].data.f_slice_area, code: getArea[0].data.f_area_code}]
-          }
-        }
-        this.$resetValidation()
-      },
-      //街道变化
-      async streetChange(val) {
-        console.log(`街道变化 => ${JSON.stringify(val)} => ${JSON.stringify(this.addressData)}`)
-        if (this.streetslist[0]) {
-          var street = ''
-          this.streetslist.forEach((item) => {
-            if (item.id === val) {
-              street = item.label
-            }
-          })
-          this.addressData.f_address = street
-        }
-        if (val) {
-          //那就把[小区]重新组织一下
-          await this.initareas(` f_street_id ='${val}' `)
-          if (this.addressData.f_residential_area_id) {
-            if (this.findbyid(this.areaslist, this.addressData.f_residential_area_id)) {
-              let street_id = this.findbyid(this.areaslist, this.addressData.f_residential_area_id).f_street_id
-              if (street_id != val) {
-                this.addressData.f_residential_area_id = ''
-              }
-            } else {
-              this.addressData.f_residential_area_id = ''
-            }
-
-          }
-        }
-        this.$resetValidation()
-      },
-      //根据名字找数据
-      findbyid(list, name) {
-        let result
-        list.forEach((row, n) => {
-          if (name == row.value) {
-            result = row.data
-          }
-        })
-        return result
-      },
-      async createAddress() {
-        if (this.addressData.slice_area) {
-          if (this.addressData.slice_area.length > 0) {
-            this.addressData.f_slice_area = this.addressData.slice_area[0].name
-            this.addressData.f_area_code = this.addressData.slice_area[0].code
-          }
-        }
-        this.addressData.f_pcd = this.findbyid(this.pcdslist, this.addressData.f_pcd_id).f_pcd
-        this.addressData.f_street = this.findbyid(this.streetslist, this.addressData.f_street_id).f_street
-        this.addressData.f_residential_area = this.findbyid(this.areaslist, this.addressData.f_residential_area_id).f_residential_area
-        this.addressData.f_address = this.addressData.f_street + this.addressData.f_residential_area + (this.addressData.f_building ? this.addressData.f_building + this.addressData.f_building_suffix : '') + (this.addressData.f_unit ? this.addressData.f_unit + this.addressData.f_unit_suffix : '') + (this.addressData.f_floor ? this.addressData.f_floor + this.addressData.f_floor_suffix : '') + this.addressData.f_room + this.addressData.f_room_suffix
-        console.log("调用创建地址接口参数 ==> " + JSON.stringify(this.addressData))
-        let http = new HttpResetClass()
-        return await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/address_updateuseraddress`, this.addressData)
-      },
-      async createUserData() {
-        let http = new HttpResetClass()
-        return await http.load('POST',
-          `${this.$androidUtil.getProxyUrl()}/rs/logic/sale_userSave`,
-          this.userdata
-        )
-      },
-      async summit() {
-        this.isBusy = true
-        try {
-          // 先创建地址信息
-          console.log('创建地址')
-          let response = await this.createAddress()
-          console.log('createAddressResponse ===> ' + JSON.stringify(response))
-          this.userdata.address.id = response.data.id
-        } catch (e) {
-          console.log('e ===> ' + JSON.stringify(e))
-          // 如果地址已存在，使用存在的地址建档
-          if (e.status && e.status == 635) {
-            console.log('地址已存在，获取已存在地址id')
-            let http = new HttpResetClass()
-            let data = {
-              data: {
-                items: 'id',
-                tablename: 't_user_address',
-                condition: `f_address = '${this.addressData.f_address}'`
-              }
-            }
-            let response = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/querySingleTable`, data)
-            console.log('searchAddressResponse ===> ' + JSON.stringify(response))
-            if (response.data && response.data.length > 0) {
-              this.userdata.address.id = response.data[0].id
-            }
-          } else {
-            this.$showMessage('错误：' + JSON.stringify(e))
-            this.isBusy = false
-            return
-          }
-        }
-        try {
-          // 再建立档案
-          console.log('创建档案')
-          let response = await this.createUserData()
-          console.log('createUserDataResponse ===> ' + JSON.stringify(response))
-          if (response.data.status == 200) {
-            this.$showMessage('档案创建成功！')
-          } else {
-            this.$showMessage('档案创建失败！' + JSON.stringify(response.data))
-          }
-          // 上传成功，重新初始化数据
-          Object.assign(this.$data, this.$options.data())
-          await this.initpcds(` f_filialeid = '${Vue.user.orgid}'`)
-          await this.initAreas(Vue.user.orgid)
-        } catch (e) {
-          console.log('e ===> ' + JSON.stringify(e))
-          this.$showMessage('错误：' + JSON.stringify(e))
-        }
-        this.isBusy = false
-      },
-    },
-    watch: {
-      'userdata.userinfo.userfiles.f_meternumber': async function (newVal, oldVal) {
-        console.log('newVal ===> ' + JSON.stringify(newVal))
-        console.log('oldVal ===> ' + JSON.stringify(oldVal))
-        // let response = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/logic/xxxxxx`, {})
-      },
-      'userdata.userinfo.f_idnumber'(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.isNotIdNumber = true
-          }else{
-            this.isNotIdNumber = false
-          }
-        }else{
-          this.isNotIdNumber = false
-        }
-      }
-    }
-  }
-</script>
-
-<style scoped>
-
+<template>
+  <div>
+    <!--表具信息-->
+    <validator name='v' :data.sync="data">
+      <div class="auto select-overspread form-horizontal repair-bg">
+        <div class="bq-parent">
+          <blockquote class="blockquote">
+            <p>表具信息</p>
+          </blockquote>
+        </div>
+        <div class="panel panel-default auto repair-info-content">
+          <div class="panel-body auto repair-info-content compatible">
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_meternumber.required ? 'has-error' : 'has-success']">
+              <label for="f_meternumber" class="lb-left text-justify">表号</label>
+              <input id="f_meternumber" v-model="userdata.userinfo.userfiles.f_meternumber" v-validate:f_meternumber="{required: true}" type="text" class="form-control"/>
+              <button type="button" name="button" class="btn btn-primary" @click="scan">扫码</button>
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_meter_brand.required ? 'has-error' : 'has-success']">
+              <label for="f_meter_brand" class="lb-left text-justify">气表品牌</label>
+              <input id="f_meter_brand" v-model="userdata.userinfo.userfiles.f_meter_brand" v-validate:f_meter_brand="{required: true}" type="text" class="form-control">
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_meter_style.required ? 'has-error' : 'has-success']">
+              <label for="f_meter_style" class="lb-left text-justify">气表型号</label>
+              <input id="f_meter_style" v-model="userdata.userinfo.userfiles.f_meter_style" v-validate:f_meter_style="{required: true}" type="text" class="form-control">
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_meter_type.required ? 'has-error' : 'has-success']">
+              <label for="f_meter_type" class="lb-left text-justify">气表类型</label>
+              <input id="f_meter_type" v-model="userdata.userinfo.userfiles.f_meter_type" v-validate:f_meter_type="{required: true}" type="text" class="form-control">
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_aroundmeter.required ? 'has-error' : 'has-success']">
+              <label for="f_aroundmeter" class="lb-left text-justify">进气方向</label>
+              <input type="text"
+                     v-show="false"
+                     v-model="userdata.userinfo.userfiles.f_aroundmeter"
+                     v-validate:f_aroundmeter='{required: true}'>
+              <v-select id="f_aroundmeter"
+                        :value.sync="userdata.userinfo.userfiles.f_aroundmeter"
+                        :value-single="true"
+                        :options='aroundmeterlist'
+                        placeholder='请选择'
+                        close-on-select>
+              </v-select>
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_initial_base.required ? 'has-error' : 'has-success']">
+              <label for="f_initial_base" class="lb-left text-justify">表基数</label>
+              <input id="f_initial_base" v-model="userdata.userinfo.userfiles.f_initial_base" v-validate:f_initial_base="{required: true}" type="number" class="form-control">
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="bq-parent">
+        <blockquote class="blockquote">
+          <input class="magic-checkbox" type="checkbox" id="isStay" v-model="isStay"/>
+          <label for="isStay" style="width:150px;padding-bottom: 10px">用户是否入住</label>
+        </blockquote>
+      </div>
+      <!--用户信息-->
+      <div class="auto select-overspread form-horizontal repair-bg" v-show="isStay">
+        <div class="bq-parent">
+          <blockquote class="blockquote">
+            <p>用户信息</p>
+          </blockquote>
+        </div>
+        <div class="panel panel-default auto repair-info-content">
+          <div class="panel-body auto repair-info-content compatible">
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
+              <label for="f_user_name" class="lb-left text-justify">用户姓名</label>
+              <input id="f_user_name" v-model="userdata.userinfo.f_user_name" type="text" class="form-control"/>
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
+              <label for="f_idnumber" class="lb-left text-justify">身份证号</label>
+              <input id="f_idnumber" v-model="userdata.userinfo.f_idnumber" type="text" class="form-control">
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" v-show="isNotIdNumber">
+              <span style="font-size:10px;color: red">输入的身份证号长度不对，或者号码不符合规定！</span>
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
+              <label for="f_user_phone" class="lb-left text-justify">用户电话</label>
+              <input id="f_user_phone" v-model="userdata.userinfo.f_user_phone" type="text" class="form-control">
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
+              <label for="f_price_name" class="lb-left text-justify">住户类型</label>
+              <v-select id="f_price_name"
+                        :value.sync="userdata.userinfo.f_price_name"
+                        :value-single="true"
+                        :options='houseTypeOptions'
+                        placeholder='请选择'
+                        close-on-select>
+              </v-select>
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
+              <label for="f_comments" class="lb-left text-justify">备注</label>
+              <textarea id="f_comments" class="form-control" cols="30" rows="4" style="resize: vertical;" v-model="userdata.userinfo.f_comments"></textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!--地址信息-->
+      <div class="auto select-overspread form-horizontal repair-bg">
+        <div class="bq-parent">
+          <blockquote class="blockquote">
+            <p>地址信息</p>
+          </blockquote>
+        </div>
+        <div class="panel panel-default auto repair-info-content">
+          <div class="panel-body auto repair-info-content compatible">
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_pcd_id.required ? 'has-error' : 'has-success']">
+              <label for="f_pcd_id" class="lb-left text-justify">省市区</label>
+              <input type="text"
+                     v-show="false"
+                     v-model="addressData.f_pcd_id"
+                     v-validate:f_pcd_id='{required: true}'>
+              <v-select id="f_pcd_id"
+                        :value.sync="addressData.f_pcd_id"
+                        :value-single="true"
+                        :options='pcdslist'
+                        placeholder='请选择'
+                        close-on-select
+                        search="true"
+                        @change="pcdChange">
+              </v-select>
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_street_id.required ? 'has-error' : 'has-success']">
+              <label for="f_street_id" class="lb-left text-justify">街道名称</label>
+              <input type="text"
+                     v-show="false"
+                     v-model="addressData.f_street_id"
+                     v-validate:f_street_id='{required: true}'>
+              <v-select id="f_street_id"
+                        :value.sync="addressData.f_street_id"
+                        :value-single="true"
+                        :options='streetslist'
+                        placeholder='请选择'
+                        close-on-select
+                        search="true"
+                        @change="streetChange">
+              </v-select>
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_residential_area_id.required ? 'has-error' : 'has-success']">
+              <label for="f_residential_area_id" class="lb-left text-justify">小区名称</label>
+              <input type="text"
+                     v-show="false"
+                     v-model="addressData.f_residential_area_id"
+                     v-validate:f_residential_area_id='{required: true}'>
+              <v-select id="f_residential_area_id"
+                        :value.sync="addressData.f_residential_area_id"
+                        :value-single="true"
+                        :options='areaslist'
+                        placeholder='请选择'
+                        close-on-select
+                        search="true"
+                        @change="areaChange">
+              </v-select>
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.slice.required ? 'has-error' : 'has-success']">
+              <label for="f_meter_type" class="lb-left text-justify">片区</label>
+              <input type="text"
+                     v-show="false"
+                     v-model="$refs.slice.selectedItems"
+                     v-validate:slice='{required: true}'>
+              <v-select id="slice_area"
+                        :value.sync="addressData.slice_area"
+                        :options='sliceArea'
+                        placeholder='片区/管理站'
+                        filer-key="name"
+                        close-on-select
+                        v-ref:slice>
+              </v-select>
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_building.required ? 'has-error' : 'has-success']">
+              <label for="f_building" class="lb-left text-justify">楼号</label>
+              <input id="f_building" v-model="addressData.f_building" v-validate:f_building='{required: true}' type="text" class="form-control" style="width: 70%">
+              <input id="f_building_suffix" v-model="addressData.f_building_suffix" type="text" class="form-control" style="width: 30%">
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_unit.required ? 'has-error' : 'has-success']">
+              <label for="f_unit" class="lb-left text-justify">单元</label>
+              <input id="f_unit" v-model="addressData.f_unit" v-validate:f_unit='{required: true}' type="text" class="form-control" style="width: 70%">
+              <input id="f_unit_suffix" v-model="addressData.f_unit_suffix" type="text" class="form-control" style="width: 30%">
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_floor.required ? 'has-error' : 'has-success']">
+              <label for="f_floor" class="lb-left text-justify">楼层</label>
+              <input id="f_floor" v-model="addressData.f_floor" v-validate:f_floor='{required: true}' type="text" class="form-control" style="width: 70%">
+              <input id="f_floor_suffix" v-model="addressData.f_floor_suffix" type="text" class="form-control" style="width: 30%">
+            </div>
+            <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" :class="[$v.f_room.required ? 'has-error' : 'has-success']">
+              <label for="f_room" class="lb-left text-justify">门牌号</label>
+              <input id="f_room" type="text" v-model="addressData.f_room" v-validate:f_room='{required: true}' class="form-control" style="width: 70%">
+              <input id="f_room_suffix" type="text" v-model="addressData.f_room_suffix" class="form-control" style="width: 30%">
+            </div>
+          </div>
+        </div>
+      </div>
+    </validator>
+    <!--提交-->
+    <div class="panel panel-default auto repair-info-content" style="width: 100%;height: auto">
+      <div style="margin: 0 auto;width: 25%">
+        <button type="button" name="button" class="col-sm-3 btn btn-primary" :disabled='!$v.valid' @click='summit()'>
+          上传档案
+        </button>
+      </div>
+    </div>
+    <work-busy :is-busy="isBusy"></work-busy>
+  </div>
+</template>
+
+<script>
+  import Vue from 'vue'
+  import {HttpResetClass} from 'vue-client'
+
+  export default {
+    title: "ApplyOnline",
+    data() {
+      return {
+        userdata: {
+          address: {
+            id: null
+          },
+          f_user_type: "民用",
+          userinfo: {
+            userfiles: {
+              f_meternumber: null,
+              f_meter_brand: null,
+              f_meter_style: null,
+              f_meter_type: null,
+              f_aroundmeter: null,
+              f_initial_base: null,
+              f_table_state: "待开通"
+            },
+            f_price_name: null,
+            f_rent_phone: null,
+            f_user_phone: null,
+            f_user_name: null,
+            f_idnumber: null,
+            f_comments: null
+          },
+          devices: [],
+          f_operator: Vue.user.ename
+        },
+        // 是否入住
+        isStay: false,
+        addressData: {
+          f_create_person: Vue.user.name,
+          f_filialeid: Vue.user.orgid,
+          f_operator: Vue.user.name,
+          f_operatorid: Vue.user.id,
+          f_orgid: Vue.user.orgid,
+          f_orgname: Vue.user.orgs,
+          f_depid: Vue.user.depids,
+          f_depname: Vue.user.deps,
+          f_pcd: null,
+          f_pcd_id: null,
+          f_street: null,
+          f_street_id: null,
+          f_residential_area: null,
+          f_residential_area_id: null,
+          f_address: null,
+          slice_area: null,
+          f_slice_area: null,
+          f_area_code: null,
+          f_building: null,
+          f_building_suffix: "号楼",
+          f_unit: null,
+          f_unit_suffix: "单元",
+          f_floor: null,
+          f_floor_suffix: "层",
+          f_room: null,
+          f_room_suffix: "室"
+        },
+        //初始化省市区数据
+        pcdslist: [],
+        //初始化街道数据
+        streetslist: [],
+        //初始化街道数据
+        areaslist: [],
+        sliceArea: [],
+        aroundmeterlist: [{label: '左表', value: '左表'}, {label: '右表', value: '右表'}],
+        houseTypeOptions: [{label: '自有房', value: '自有房'}, {label: '租赁房', value: '租赁房'}],
+        isNotIdNumber: false,
+        isBusy: false
+      }
+    },
+    async ready() {
+      console.log('进入在线报装页面www')
+      await this.initpcds(` f_filialeid = '${Vue.user.orgid}'`)
+      await this.initAreas(Vue.user.orgid)
+      console.log('pcdslist ===> ' + JSON.stringify(this.pcdslist))
+      console.log('sliceArea ===> ' + JSON.stringify(this.sliceArea))
+    },
+    methods: {
+      scan() {
+        HostApp.__this__ = this
+        HostApp.scanCode({callback: "javascript:HostApp.__this__.scanCallback();"})
+      },
+      scanCallback() {
+        let response = HostApp.getCode()
+        console.log(`扫码返回值:${response}`)
+        if (response.code == 200) {
+          this.userdata.userinfo.userfiles.f_meternumber = response.data
+        } else {
+          this.$showMessage('无法识别该条形码，请调整手机聚焦重试。')
+        }
+      },
+      // 初始化片区
+      async initAreas(val) {
+        if (val) {
+          let http = new HttpResetClass()
+          let getAllArea = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/search`, {
+            source: 'this.getParentByType($organization$).getAllChildrens().where(row.getType() == $zone$)',
+            userid: Vue.user.id
+          }, {resolveMsg: null, rejectMsg: '获取片区出错！！！'})
+
+          let arr = getAllArea.data.filter((res) => {
+            return res.parentid == val
+          })
+          console.log('过滤之后的片区:' + JSON.stringify(arr))
+          this.sliceArea = []
+          arr.forEach((res) => {
+            this.sliceArea.push({label: res.name, value: {name: res.name, code: res.number}})
+          })
+        }
+      },
+
+      //初始化省市区,添加街道
+      async initpcds(pconditon) {
+        this.pcdslist = []
+        let HttpReset = new HttpResetClass()
+        let req = await HttpReset.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/address_singleTableOrderBy`, {
+          data: {
+            items: '*',
+            tablename: 't_pcd',
+            orderitem: 'id',
+            condition: pconditon
+          }
+        }, {resolveMsg: null, rejectMsg: '获取地址失败!'})
+        let redata = []
+        req.data.forEach((row, n) => {
+          redata[n] = {
+            label: row.f_pcd,
+            value: row.id,
+            data: row,
+            id: row.id
+          }
+        })
+        this.pcdslist = redata
+      },
+      //初始化街道 添加小区
+      async initstreets(pconditon) {
+        this.streetslist = []
+        let HttpReset = new HttpResetClass()
+        let req = await HttpReset.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/address_singleTableOrderBy`, {
+          data: {
+            items: '*',
+            tablename: 't_street',
+            orderitem: 'id',
+            condition: pconditon
+          }
+        }, {resolveMsg: null, rejectMsg: '获取地址失败!'})
+        let redata = []
+        req.data.forEach((row, n) => {
+          redata[n] = {
+            label: row.f_street,
+            value: row.id,
+            data: row,
+            id: row.id
+          }
+        })
+        this.streetslist = redata
+      },
+      //初始化小区添加小区
+      async initareas(pconditon) {
+        if (this.usertype) {
+          pconditon = pconditon + ` and  f_special='1' `
+        }
+        this.areaslist = []
+        let HttpReset = new HttpResetClass()
+        let req = await HttpReset.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/address_singleTableOrderBy`, {
+          data: {
+            items: '*',
+            tablename: 't_area',
+            orderitem: 'id',
+            condition: pconditon
+          }
+        }, {resolveMsg: null, rejectMsg: '获取地址失败!'})
+        let redata = []
+        req.data.forEach((row) => {
+          redata.push({
+            label: row.f_residential_area,
+            value: row.id,
+            data: row,
+            id: row.id
+          })
+        })
+        this.areaslist = redata
+      },
+      //省/市/区变化
+      async pcdChange(val) {
+        console.log(`省/市/区变化 => ${JSON.stringify(val)} => ${JSON.stringify(this.addressData)}`)
+        if (val) {
+          //那就把[小区，街道]重新组织一下
+          await this.initstreets(` f_filialeid = '${Vue.user.orgid}' and f_pcd_id ='${val}' `)
+          if (this.addressData.f_street_id) {
+            if (this.findbyid(this.streetslist, this.addressData.f_street_id)) {
+              let pcd_id = this.findbyid(this.streetslist, this.addressData.f_street_id).f_pcd_id
+              if (pcd_id != val) {
+                this.addressData.f_street_id = ''
+              }
+            } else {
+              this.addressData.f_street_id = ''
+            }
+
+            //那就把[小区，街道]重新组织一下
+            if (this.addressData.f_street_id) {
+              await this.initareas(` f_street_id ='${this.addressData.f_street_id}' `)
+              if (this.addressData.f_residential_area_id) {
+                if (this.findbyid(this.areaslist, this.addressData.f_residential_area_id)) {
+                  let pcd_id = this.findbyid(this.areaslist, this.addressData.f_residential_area_id).f_pcd_id
+                  if (pcd_id != val) {
+                    this.addressData.f_residential_area_id = ''
+                  }
+                } else {
+                  this.addressData.f_residential_area_id = ''
+                }
+
+              }
+            }
+          }
+        }
+        this.$resetValidation()
+      },
+      //小区变化
+      areaChange(val) {
+        console.log(`小区变化 => ${JSON.stringify(val)} => ${JSON.stringify(this.addressData)}`)
+        if (val) {
+          let getArea = this.areaslist.filter((res) => {
+            return res.id = this.addressData.f_residential_area_id
+          })
+          if (getArea.length > 0) {
+            console.log('获取小区数据', getArea[0].data)
+            this.addressData.slice_area = [{name: getArea[0].data.f_slice_area, code: getArea[0].data.f_area_code}]
+          }
+        }
+        this.$resetValidation()
+      },
+      //街道变化
+      async streetChange(val) {
+        console.log(`街道变化 => ${JSON.stringify(val)} => ${JSON.stringify(this.addressData)}`)
+        if (this.streetslist[0]) {
+          var street = ''
+          this.streetslist.forEach((item) => {
+            if (item.id === val) {
+              street = item.label
+            }
+          })
+          this.addressData.f_address = street
+        }
+        if (val) {
+          //那就把[小区]重新组织一下
+          await this.initareas(` f_street_id ='${val}' `)
+          if (this.addressData.f_residential_area_id) {
+            if (this.findbyid(this.areaslist, this.addressData.f_residential_area_id)) {
+              let street_id = this.findbyid(this.areaslist, this.addressData.f_residential_area_id).f_street_id
+              if (street_id != val) {
+                this.addressData.f_residential_area_id = ''
+              }
+            } else {
+              this.addressData.f_residential_area_id = ''
+            }
+
+          }
+        }
+        this.$resetValidation()
+      },
+      //根据名字找数据
+      findbyid(list, name) {
+        let result
+        list.forEach((row, n) => {
+          if (name == row.value) {
+            result = row.data
+          }
+        })
+        return result
+      },
+      async createAddress() {
+        if (this.addressData.slice_area) {
+          if (this.addressData.slice_area.length > 0) {
+            this.addressData.f_slice_area = this.addressData.slice_area[0].name
+            this.addressData.f_area_code = this.addressData.slice_area[0].code
+          }
+        }
+        this.addressData.f_pcd = this.findbyid(this.pcdslist, this.addressData.f_pcd_id).f_pcd
+        this.addressData.f_street = this.findbyid(this.streetslist, this.addressData.f_street_id).f_street
+        this.addressData.f_residential_area = this.findbyid(this.areaslist, this.addressData.f_residential_area_id).f_residential_area
+        this.addressData.f_address = this.addressData.f_street + this.addressData.f_residential_area + (this.addressData.f_building ? this.addressData.f_building + this.addressData.f_building_suffix : '') + (this.addressData.f_unit ? this.addressData.f_unit + this.addressData.f_unit_suffix : '') + (this.addressData.f_floor ? this.addressData.f_floor + this.addressData.f_floor_suffix : '') + this.addressData.f_room + this.addressData.f_room_suffix
+        console.log("调用创建地址接口参数 ==> " + JSON.stringify(this.addressData))
+        let http = new HttpResetClass()
+        return await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/address_updateuseraddress`, this.addressData)
+      },
+      async createUserData() {
+        let http = new HttpResetClass()
+        return await http.load('POST',
+          `${this.$androidUtil.getProxyUrl()}/rs/logic/sale_userSave`,
+          this.userdata
+        )
+      },
+      async summit() {
+        this.isBusy = true
+        try {
+          // 先创建地址信息
+          console.log('创建地址')
+          let response = await this.createAddress()
+          console.log('createAddressResponse ===> ' + JSON.stringify(response))
+          this.userdata.address.id = response.data.id
+        } catch (e) {
+          console.log('e ===> ' + JSON.stringify(e))
+          // 如果地址已存在，使用存在的地址建档
+          if (e.status && e.status == 635) {
+            console.log('地址已存在，获取已存在地址id')
+            let http = new HttpResetClass()
+            let data = {
+              data: {
+                items: 'id',
+                tablename: 't_user_address',
+                condition: `f_address = '${this.addressData.f_address}'`
+              }
+            }
+            let response = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/querySingleTable`, data)
+            console.log('searchAddressResponse ===> ' + JSON.stringify(response))
+            if (response.data && response.data.length > 0) {
+              this.userdata.address.id = response.data[0].id
+            }
+          } else {
+            this.$showMessage('错误：' + JSON.stringify(e))
+            this.isBusy = false
+            return
+          }
+        }
+        try {
+          // 再建立档案
+          console.log('创建档案')
+          let response = await this.createUserData()
+          console.log('createUserDataResponse ===> ' + JSON.stringify(response))
+          if (response.data.status == 200) {
+            this.$showMessage('档案创建成功！')
+          } else {
+            this.$showMessage('档案创建失败！' + JSON.stringify(response.data))
+          }
+          // 上传成功，重新初始化数据
+          Object.assign(this.$data, this.$options.data())
+          await this.initpcds(` f_filialeid = '${Vue.user.orgid}'`)
+          await this.initAreas(Vue.user.orgid)
+        } catch (e) {
+          console.log('e ===> ' + JSON.stringify(e))
+          this.$showMessage('错误：' + JSON.stringify(e))
+        }
+        this.isBusy = false
+      },
+    },
+    watch: {
+      'userdata.userinfo.userfiles.f_meternumber': async function (newVal, oldVal) {
+        console.log('newVal ===> ' + JSON.stringify(newVal))
+        console.log('oldVal ===> ' + JSON.stringify(oldVal))
+        // let response = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/logic/xxxxxx`, {})
+      },
+      'userdata.userinfo.f_idnumber'(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.isNotIdNumber = true
+          }else{
+            this.isNotIdNumber = false
+          }
+        }else{
+          this.isNotIdNumber = false
+        }
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
 </style>