sale-client 3.4.112 → 3.4.113

package/src/filiale/tongchuan/MeterinfoTest.vue

@@ -1,892 +1,892 @@
-<template>
-  <div class="auto" id="meterInfoTest">
-    <validator name='m' @valid="mValid(true)" @invalid="mValid(false)">
-      <form class="form-horizontal select-overspread ">
-        <div class="row">
-          <div class="col-sm-4 form-group" v-if="isiot" :class="[$m.f_meternumber.required ? 'has-error' : '']">
-            <label for="f_meternumber" class="font_normal_body">*表&emsp;&emsp;号</label>
-            <input type="text" class="input_search" style="width:60%" v-model="row.f_meternumber"
-                   @blur="meternumberValidate()" placeholder='表号' v-validate:f_meternumber='{required: true }'
-                   v-el:meternumber v-next-el="metertitles">
-          </div>
-          <div class="col-sm-4 form-group" v-else>
-            <label for="f_meternumber" class="font_normal_body">&ensp;表&emsp;&emsp;号</label>
-            <input type="text" class="input_search" style="width:60%" v-model="row.f_meternumber"
-                   @blur="meternumberValidate()" placeholder='表号'
-                   v-el:meternumber v-next-el="metertitles">
-          </div>
-          <div class="col-sm-4 form-group">
-            <label for="f_metertitles" class="font_normal_body">&ensp;表&ensp;封&ensp;号</label>
-            <input type="text" class="input_search" style="width:60%" v-model="row.f_metertitles" placeholder='表封号'
-                   v-el:metertitles v-next-el="meterbase">
-          </div>
-          <div class="col-sm-4 form-group">
-            <label for="f_meter_base" class="font_normal_body">&ensp;表&ensp;读&ensp;数</label>
-            <input type="number" class="input_search" style="width:60%" v-model="row.f_meter_base" placeholder='表底数'
-                   :disabled="!jurisdiction.includes('档案信息查询修改')" :readonly="!row.f_userfiles_id" v-el:meterbase v-next-el="initialbase">
-          </div>
-          <div class="col-sm-4 form-group">
-            <label for="f_meter_base" class="font_normal_body">&ensp;初始底数</label>
-            <input type="number" class="input_search" style="width:60%" v-model="row.f_initial_base" placeholder='表底数'
-                   :disabled="!jurisdiction.includes('档案信息查询修改')" v-el:initialbase v-next-el="detailprice">
-          </div>
-
-          <div class="col-sm-4 form-group" :class="[$m.brand.required ? 'has-error' : '']">
-            <label for="gasbrand" class="font_normal_body">*气表品牌</label>
-            <input type="text" class="input_search" style="width:60%" v-show="false" v-model="$refs.brand.selectedItems"
-                   v-validate:brand='{required: true }'>
-            <v-select :value.sync="row.gasbrand" :options='meterbrands' placeholder='气表品牌' close-on-select
-                      search @change='brandChange' v-model='row.gasbrand' v-ref:brand></v-select>
-          </div>
-          <div class="col-sm-4 form-group" :class="[$m.model.required ? 'has-error' : '']">
-            <label for="gasmodel" class="font_normal_body">*气表型号</label>
-            <input type="text" v-show="false" v-model="$refs.model.selectedItems"
-                   v-validate:model='{required: true }'>
-            <v-select :value.sync="row.gasmodel" :options='row.gasbrand[0].gasmodel' placeholder='气表型号'
-                      close-on-select @change="getbfrq()"
-                      v-model='row.gasmodel' :disabled='row.gasbrand.length === 0 ' v-ref:model></v-select>
-          </div>
-          <div class="col-sm-4 form-group" v-if="row.gasbrand.length>0?(row.gasbrand[0].f_meter_brand.indexOf('莱德远传')>-1?true:false):false" :class="[$m.f_barcode.required ? 'has-error' : '']">
-            <label for="f_meternumber" class="font_normal_body">*条&ensp;码&ensp;号</label>
-            <input type="text" class="input_search" style="width:60%" v-model="row.f_barcode"
-                   placeholder='条码号' v-validate:f_barcode='{required: true }'
-                   v-el:f_barcode>
-          </div>
-          <div class="col-sm-4 form-group" v-else>
-            <label for="f_meternumber" class="font_normal_body">&ensp;条&ensp;码&ensp;号</label>
-            <input type="text" class="input_search" style="width:60%" v-model="row.f_barcode"
-                   placeholder='条码号'
-                   v-el:f_barcode>
-          </div>
-
-
-
-          <div class="col-sm-4 form-group" v-if="row.gasbrand[0].f_alias ==='XianFengCollector'" :class="[$m.f_concentrator_id.required ? 'has-error' : '']">
-            <label for="f_concentrator_id" class="font_normal_body">*采集器号</label>
-            <input type="text" class="input_search" style="width:60%" v-model="row.f_concentrator_id"
-                   placeholder='采集器号' v-validate:f_concentrator_id='{required: true }'
-                   v-el:f_concentrator_id>
-          </div>
-          <div class="col-sm-4 form-group" :class="[$m.name.required ? 'has-error' : '']">
-            <label for="pricename" class="font_normal_body">*气价名称</label>
-            <v-select :value.sync="row.pricename" v-model="row.pricename" search
-                      placeholder='气价名称' :options="getPricenames" @change="priceChange"
-                      close-on-select :disabled="permissionPrice" v-ref:name></v-select>
-            <input type="text" v-show="false" v-model="$refs.name.selectedItems" v-validate:name='{required: true }'>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label for="f_username" class="font_normal_body">&ensp;客户类型</label>
-            <v-select :value.sync="row.f_user_type"
-                      :options='usertypes' placeholder='客户类型'
-                      @change="userTypeChange()"
-                      :disabled="true"
-                      close-on-select></v-select>
-          </div>
-          <div class="col-sm-4 form-group"
-               :class="[$m.gas.required ? 'select-error' : '']">
-            <label for="f_username" class="font_normal_body">&ensp;用气性质</label>
-            <input type="text" v-show="false" v-model="$refs.gas.selectedItems" v-validate:gas='{required: true }'>
-            <v-select :value.sync="row.f_gasproperties" v-model="row.f_gasproperties"
-            :options='gasproperties' placeholder='用气性质'
-            :disabled="true"
-            close-on-select v-ref:gas></v-select>
-          </div>
-          <div class="col-sm-4 form-group"
-               :class="[$m.second.required ? 'select-error' : '']">
-            <label for="f_gasproperties_second" class="font_normal_body" title="二级用气性质">二级用气性质</label>
-            <input type="text" v-show="false" v-model="$refs.second.selectedItems" v-validate:second='{required: true }'>
-            <v-select :value.sync="row.f_gasproperties_second" v-model="row.f_gasproperties_second"
-                      :options='row.f_gasproperties?(this.$appdata.getParam(row.f_gasproperties)?this.$appdata.getParam(row.f_gasproperties):[]):[]' placeholder='二级用气性质'
-                      close-on-select v-ref:second></v-select>
-          </div>
-          <div class="col-sm-4 form-group" v-show="row.f_gasproperties=='工业'||row.f_gasproperties=='工业用气'">
-            <label for="f_gongye_type" class="font_normal_body" title="参数:工业备注">&ensp;工业备注</label>
-            <v-select :value.sync="row.f_gongye_type" v-model='row.f_gongye_type'
-                      :options='gongyetype' placeholder='工业备注'
-                      close-on-select
-                      v-el:cc></v-select>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label for="f_detailprice" class="font_normal_body">&ensp;价&emsp;&emsp;格</label>
-            <input type="text" class="input_search" style="width:60%" v-model="row.f_detailprice" placeholder='价格'
-                   disabled v-el:detailprice v-next-el="pricecomments">
-          </div>
-          <div class="col-sm-4 form-group" :class="[$m.type.required ? 'select-error' : '']">
-            <label for="pricetype" class="font_normal_body">&ensp;气价类型</label>
-            <v-select :value.sync="row.pricetype" v-model="row.pricetype"
-                      placeholder='气价类型' :options="pricetypes"
-                      :value-single="true"
-                      :disabled="true"
-                      close-on-select v-ref:type>
-            </v-select>
-            <input type="text" v-show="false" v-model="$refs.type.selectedItems" v-validate:type='{required: true }'>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label class="font_normal_body">&ensp;气价备注</label>
-            <input type="text" class="input_search" style="width:60%" v-model="row.f_price_comments" placeholder='气价备注' disabled
-                   v-el:pricecomments v-next-el="meterbase">
-          </div>
-
-          <div class="col-sm-4 form-group">
-            <label for="f_meter_base" class="font_normal_body">&ensp;累购气量</label>
-            <input type="number" class="input_search" style="width:60%" v-model="row.f_total_gas" placeholder='累购气量'
-                   :disabled="!jurisdiction.includes('档案信息查询修改')"
-                   v-el:meterbase v-next-el="totalfee">
-          </div>
-
-          <div class="col-sm-4 form-group">
-            <label for="f_meter_base" class="font_normal_body">&ensp;累购金额</label>
-            <input type="number" class="input_search" style="width:60%" v-model="row.f_total_fee" placeholder='累购金额'
-                   :disabled="!jurisdiction.includes('档案信息查询修改')" v-el:totalfee v-next-el="times">
-          </div>
-          <div class="col-sm-4 form-group" v-show="row.f_meter_classify != '机表'">
-            <label for="f_times" class="font_normal_body">&ensp;写卡次数</label>
-            <input type="number" class="input_search" style="width:60%" v-model="row.f_times" placeholder='写卡次数'
-                   :disabled="!jurisdiction.includes('档案信息查询修改')"
-                   v-el:times v-next-el="gasperson">
-          </div>
-          <div class="col-sm-4 form-group" :class="[$m.aroundmeter.required ? 'has-error' : '']">
-            <label class="font_normal_body">&ensp;表&ensp;&ensp;&ensp;&ensp;向</label>
-            <input type="text" v-show="false" v-model="$refs.aroundmeter.selectedItems" v-validate:aroundmeter='{required: true }'>
-            <v-select :value.sync="row.f_aroundmeter" v-model="row.f_aroundmeter"
-                      :options='aroundmeters' placeholder='左右表'
-                      close-on-select v-ref:aroundmeter></v-select>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label for="f_gas_person" class="font_normal_body">&ensp;通&ensp;气&ensp;人</label>
-            <input type="text" class="input_search" style="width:60%" style="width:60%" v-model="row.f_gas_person"
-                   placeholder='通气人'  v-el:gasperson v-next-el="limitsms"></input>
-            <!-- <v-select :value.sync="row.f_gas_person" v-model="row.f_gas_person"
-                :options='gasperson' placeholder='通气人'
-                close-on-select></v-select> -->
-          </div>
-          <div class="col-sm-4 form-group" :class="[$m.f_gas_date.required ? 'has-error' : '']">
-            <input type="text" v-model="$refs.f_gas_date.value" v-show="false"  v-validate:f_gas_date='{required: true }'>
-            <label for="f_gas_date" class="font_normal_body">&ensp;通气日期</label>
-            <datepicker style="width:60%" placeholder="通气日期"
-                        v-model="row.f_gas_date"
-                        v-ref:f_gas_date
-                        :value.sync="row.f_gas_date"
-                        :format="'yyyy-MM-dd HH:mm:ss'"
-                        :show-reset-button="reset"
-            ></datepicker>
-          </div>
-          <div class="col-sm-4 form-group" :class="[$m.f_gas_date.required ? 'has-error' : '']">
-            <label for="f_gas_date" class="font_normal_body" title="参数:供气方式">&ensp;供气方式</label>
-            <v-select :value.sync="row.f_feed_method" :options='feedmethod' placeholder='供气方式' close-on-select
-                      :value-single="true"
-                      v-model='row.f_feed_method'></v-select>
-          </div>
-
-          <div class="col-sm-4 form-group" >
-            <label for="f_position" class="font_normal_body"  title="参数:安装位置">&ensp;安装位置</label>
-            <v-select :value.sync="row.f_position" v-model="row.f_position"
-                      :options='positions' placeholder='安装位置'
-                      close-on-select></v-select>
-          </div>
-          <div class="col-sm-4 form-group"  v-show="false">
-            <label for="f_remanent_gas" class="font_normal_body">剩余气量</label>
-            <input type="number" class="input_search" style="width:60%"  v-model="row.f_remanent_gas"
-                   placeholder='剩余气量'
-                   :disabled="f_userinfo_id"></input>
-            <!--<button type="button" name="button" class="btn btn-link" @click="modefiy('f_remanent_gas')" v-if="f_userinfo_id">修改</button>-->
-          </div>
-          <div class="col-sm-4 form-group" v-show="true">
-            <label for="f_install_person" class="font_normal_body">&ensp;安&ensp;装&ensp;人</label>
-            <v-select :value.sync="row.f_install_person" v-model="row.f_install_person"
-                      :options='installperson' placeholder='安装人'
-                      close-on-select></v-select>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label for="f_subscribe_date" class="font_normal_body">&ensp;预约时间</label>
-            <datepicker style="width:60%" placeholder="预约通气时间"
-                        v-model="row.f_subscribe_date"
-                        :value.sync="row.f_subscribe_date"
-                        :format="'yyyy-MM-dd HH:mm:ss'"
-            ></datepicker>
-          </div>
-          <div class="col-sm-4 form-group" v-show="opteratormetrbook" >
-            <label for="f_position" class="font_normal_body"  >&ensp;抄&ensp;表&ensp;册</label>
-            <v-select :value.sync="row.f_meter_book_num" v-model="row.f_meter_book_num"
-                      :value-single="true"
-                      :options='meterbookoptions' placeholder='抄表册'
-                      close-on-select></v-select>
-          </div>
-          <div class="col-sm-4 form-group" v-show="true" :class="[$m.f_install_date.required ? 'has-error' : '']">
-              <input type="text" v-model="$refs.f_install_date.value" v-show="false" v-validate:f_install_date='{required: true }'>
-            <label for="f_install_date" class="font_normal_body">&ensp;安装日期</label>
-            <datepicker style="width:60%" id="startDate" placeholder="安装日期" width='100%'
-                        v-model="f_install_date"
-                        :value.sync="f_install_date"
-                        class="datepicker"
-                        v-ref:f_install_date
-                        @updatayear="updatayear"
-                        :format="'yyyy-MM-dd HH:mm:ss'"
-                        :show-reset-button="true">
-            </datepicker>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label for="f_adjustable" class="font_normal_body">&ensp;调&ensp;压&ensp;箱</label>
-            <v-select :value.sync="row.f_adjustable" :options='adjustables' placeholder='调压箱' close-on-select
-                      @change="getRisers()"
-                      v-model='row.f_adjustable' :search='true'></v-select>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label for="f_adjustable" class="font_normal_body">&ensp;立管编号</label>
-            <v-select :value.sync="row.f_riser_code" :options='risers' placeholder='立管编号' close-on-select
-                      :value-single="true"
-                      v-model='row.f_riser_code' :search='true'></v-select>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label for="f_hand_date" class="font_normal_body">&ensp;上次抄表</label>
-            <datepicker style="width:60%" id="f_hand_date" placeholder="上次抄表日期"
-                        v-model="row.f_hand_date"
-                        :value.sync="row.f_hand_date"
-                        class="datepicker"
-                        :format="'yyyy-MM-dd HH:mm:ss'"
-                        :show-reset-button="true">
-            </datepicker>
-          </div>
-          <div v-if="ratioshow" class="col-sm-4 form-group"
-               :class="[$m.meternumber.required ? 'has-error' : '']">
-            <label for="f_ratio" class="font_normal_body">比&emsp;&emsp;率</label>
-            <input type="number" class="input_search" style="width:60%"  v-model="row.f_price_ratio"
-                   :value.sync="row.f_price_ratio"
-                   v-validate:meternumber='{required: true }' placeholder='比率'>
-          </div>
-          <div class="col-sm-4 form-group" >
-            <label for="f_scrap_date" class="font_normal_body">&ensp;报废日期</label>
-            <datepicker style="width:60%" id="ScrapDate" placeholder="报废日期" width='100%'
-                        :v-model="f_scrap_date"
-                        :value.sync="f_scrap_date"
-                        class="datepicker"
-                        :format="'yyyy-MM-dd'"
-                        :show-reset-button="true">
-            </datepicker>
-          </div>
-          <div class="col-sm-4 form-group" v-show="row.f_meter_classify == '物联网表'">
-            <label for="gasmodel" class="font_normal_body">&ensp;阀门状态</label>
-            <v-select :value.sync="row.f_valve_state" :options='valvestate' placeholder='阀门状态' close-on-select
-                      v-model='row.f_valve_state'></v-select>
-          </div>
-          <div class="col-sm-4 form-group"  :class="[$m.f_open_way.required ? 'has-error' : '']" v-if="row.gasbrand.length > 0 && row.gasbrand[0].f_meter_type == '物联网表' && row.gasbrand[0].f_hascard == '是'">
-            <label class="font_normal_body" title="开户方式">开户方式</label>
-            <input type="text" v-model="row.f_open_way" v-show="false" v-validate:f_open_way='{required: true }'>
-            <v-select :value.sync="row.f_open_way" :options='openWay' value-single placeholder='开户方式' close-on-select v-if="row.f_userfiles_id"
-                      search v-model='row.f_open_way' :disabled="true"></v-select>
-            <v-select :value.sync="row.f_open_way" :options='openWay' value-single placeholder='开户方式' close-on-select v-else
-                      search v-model='row.f_open_way' :disabled="false"></v-select>
-          </div>
-
-          <div class="col-sm-4 form-group">
-            <label for="gasmodel" class="font_normal_body">&ensp;垃&ensp;圾&ensp;费</label>
-            <v-select :value.sync="row.f_garbage_fee" :options='garbagefee' placeholder='垃圾费' close-on-select
-                      :value-single="true"
-                      v-model='row.f_garbage_fee'></v-select>
-          </div>
-          <div class="col-sm-4 form-group">
-            <label class="font_normal_body">&ensp;抄&ensp;表&ensp;员</label>
-            <v-select :value.sync="row.f_inputtor" v-model='row.f_inputtor'
-                      style="width:60%"
-                      :options='inputtores' placeholder='抄表员'
-                      close-on-select
-                      condition="f_inputtor like '%{}%'" v-el:cc></v-select>
-          </div>
-          <div class="col-sm-4 form-group" >
-            <label for="f_usetype" class="font_normal_body" title="参数:使用类型">&ensp;壁&nbsp;挂&nbsp;炉&nbsp;</label>
-            <v-select :value.sync="row.f_usetype" v-model="row.f_usetype"
-                      :options='usetype' placeholder='使用类型' @change="usetypechange"
-                      close-on-select></v-select>
-          </div>
-          <div class="col-sm-4 form-group" >
-            <label for="f_position" class="font_normal_body" title="参数:使用状态">&ensp;使用状态</label>
-            <v-select :value.sync="row.f_usestate" v-model="row.f_usestate"
-                      :options='usestate' placeholder='使用状态'
-                      close-on-select></v-select>
-          </div>
-          <div class="col-sm-4 form-group" >
-            <label for="f_limit_sms" class="font_normal_body">&ensp;短信限定</label>
-            <input type="text" class="input_search" style="width:60%" style="width:60%" v-model="row.f_limit_sms"
-                   placeholder='短信限定' v-el:limitsms v-next-el="alarmcode"></input>
-          </div>
-          <div style="" class="col-sm-4 form-group">
-            <label for="f_alarm_code" class="font_normal_body ">&ensp;报警器号</label>
-            <input type="text" class="input_search" style="width:60%" v-model="row.f_alarm_code" placeholder='报警器号'
-                   v-el:alarmcode v-next-el="address"/>
-          </div>
-          <div style="" class="col-sm-4 form-group">
-            <label for="f_hand_month" class="font_normal_body ">&ensp;抄表月份</label>
-            <v-select :value.sync="row.f_hand_month" v-model="row.f_hand_month"
-                      :options='handmonth' placeholder='抄表月份'
-                      close-on-select></v-select>
-          </div>
-          <div style="" class="col-sm-4 form-group" v-show="false">
-            <label for="f_riser_shaft" class="font_normal_body ">&ensp;立管阀井</label>
-            <v-select :value.sync="row.f_riser_shaft" v-model="row.f_riser_shaft"
-                      :options='risershaft' placeholder='立管阀井'
-                      close-on-select></v-select>
-          </div>
-          <div style="" class="col-sm-8 form-group">
-            <label for="f_userfiles_address" class="font_normal_body ">&ensp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;场站</label>
-            <v-select :value.sync="row.f_userfiles_address" v-model="row.f_userfiles_address"
-                      :options='userfilesaddress' placeholder='场站'
-                      close-on-select></v-select>
-          </div>
-          <div class="col-sm-4 form-group" v-show="false">
-            <input type="text" v-model="$refs.f_survey_date.value" v-show="false"  >
-            <label for="f_gas_date" class="font_normal_body">&ensp;检验日期</label>
-            <datepicker style="width:60%" placeholder="检验日期"
-                        v-model="row.f_survey_date"
-                        v-ref:f_survey_date
-                        :value.sync="row.f_survey_date"
-                        :format="'yyyy-MM-dd HH:mm:ss'"
-                        :show-reset-button="reset"
-            ></datepicker>
-          </div>
-        </div>
-      </form>
-    </validator>
-    <!--<idverify :show.sync="show" @change-con="changeVal"></idverify>-->
-    <modal v-if="showParame" :show.sync="showParame" v-ref:modal backdrop="false">
-      <header slot="modal-header" class="modal-header">
-        <button type="button" class="close" @click="cancel"><span>&times;</span></button>
-        <h3 class="modal-title" style="text-align: center;">添加参数</h3>
-      </header>
-      <article slot="modal-body" class="modal-body">
-        <add-json-parameter v-ref:addparamlist :gasmodel_id="userfileid" :gastype="gastype"
-                            :gasid="gasid"></add-json-parameter>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <button type="button" class="btn btn-primary" @click='confirmUserfiles()'>确认</button>
-      </footer>
-    </modal>
-  </div>
-</template>
-
-<script>
-  import co from 'co'
-  import {HttpResetClass} from 'vue-client'
-import Vue from 'vue'
-import * as Util from '../../Util'
-
-let meterBookGen = function * (self) {
-    if (self.$login.r.find(value => value == '抄表册建档')) {
-      self.opteratormetrbook = true
-  }
-    let temp = {
-      tablename: 't_meter_book',
-      condition: `f_book_state='有效' and f_filiale_id='${self.$login.f.orgid}'`
-    }
-    let http = new HttpResetClass()
-  let meterbooks = yield http.load('POST', 'rs/sql/saleSingleTable', {data: temp},
-      {resolveMsg: null, rejectMsg: '获取抄表册信息失败！！'})
-    if (meterbooks.data.length > 0) {
-      let options = []
-      for (let i = 0; i < meterbooks.data.length; i++) {
-        let tmp = {label: meterbooks.data[i].f_book_name, value: `${meterbooks.data[i].id}`}
-        options.push(tmp)
-      }
-      self.meterbookoptions = options
-    }
-  }
-  let brandChangeGen = function* (self, val) {
-    let beforeRecord = null
-
-    if (self.meter.f_meter_classify === '机表') {
-      beforeRecord = yield self.$resetpost('rs/sql/saleSingleTable', {
-        data: {
-          tablename: 't_handplan',
-          condition: `f_user_id = '${self.row.f_user_id}' and f_meter_state in ('已抄表','未抄表')`
-        }
-      }, {resolveMsg: null, rejectMsg: '在档案中更改气表品牌时，获取之前机表抄表信息出错！！'})
-    } else {
-      beforeRecord = yield self.$resetpost('rs/sql/saleSingleTable', {
-        data: {
-          tablename: 't_sellinggas',
-          condition: `f_user_id = '${self.row.f_user_id}' and f_state = '有效'`
-        }
-      }, {resolveMsg: null, rejectMsg: '在档案中更改气表品牌时，获取之前卡表收费信息出错！！'})
-    }
-    if (beforeRecord.data.length > 0 && self.row.gasbrand[0].f_meter_brand != self.oldrow.gasbrand[0].f_meter_brand) {
-      self.$showAlert('该气表已投入使用，如需更改请执行换表操作', 'warning', 3000)
-      // self.row.gasbrand = self.meter.gasbrand
-      self.$dispatch('success')
-      /* self.row.valid = bool
-      self.$dispatch('self-valid') */
-    } else {
-      self.row.f_whether_hairpin = self.row.gasbrand[0].f_meter_type === '机表' ? '无卡' : '未发'
-    }
-    console.log('111', self.row)
-  }
-  export default {
-    title: '表具信息',
-    data () {
-      return {
-        risers:[],
-        viewsee: false,
-        row: this.meter,
-        show: false,
-        field: '',
-        ratioshow: false,
-        userfileid: '',
-        gasid: '',
-        f_install_date: '',
-        f_scrap_date: '',
-        gastype: 'userfiles',
-        showParame: false,
-        selectUserFiles: '', // 选中的 userfiles
-        jurisdiction: this.$login.r,
-        positions: this.$appdata.getParam('安装位置'),
-        openWay: this.$appdata.getParam('开户方式'),
-        usetype: this.$appdata.getParam('使用类型'),
-        usestate: this.$appdata.getParam('使用状态'),
-        aroundmeters: this.$appdata.getParam('左右表'),
-        garbagefee: this.$appdata.getParam('垃圾费'),
-        valvestate: this.$appdata.getParam('阀门状态'),
-        usertypes: this.$appdata.getParam('用户类型'),
-        feedmethod: this.$appdata.getParam('供气方式')?this.$appdata.getParam('供气方式'):[],
-        handmonth: [{label: '单月', value: '单月'}, {label: '双月', value: '双月'}],
-        risershaft: this.$appdata.getParam('立管阀井'),
-        bfrq:10,
-        gasproperties: this.meter.f_user_type.length === 1 ? this.$appdata.getParam(this.meter.f_user_type[0]) : [],
-        pricetypes: this.$appdata.getParam('气价类型'),
-        industrycomments: this.$appdata.getParam('工业备注'),
-        meterbookoptions: [],  // 抄表册选项
-        opteratormetrbook: false, // 抄表册操作
-        oldrow: [],
-        isiot: true,
-        finalDate: ''
-      }
-    },
-    props: ['f_filialeid', 'meter', 'isdecimal', 'valid', 'f_userinfo_id'],
-    ready () {
-      console.log('看看meter里面的数据', this.meter, this.row)
-      console.log('--------------====================', this.meter.f_aroundmeter, this.row.f_aroundmeter)
-      this.row = Object.assign(this.row, this.meter, {})
-      this.oldrow = this.row
-      this.isdecimal = this.row.gasbrand.length > 0 ? this.row.gasbrand.f_isdecimal : '否'
-      this.row.valid = false
-      if (this.row.pricetype === '混合气价') {
-        this.ratioshow = true
-      }
-      co(meterBookGen(this))
-      if (this.row.f_gas_date == null || this.row.f_gas_date == '') {
-        this.row.f_gas_date = Util.toStandardTimeString()
-      }
-      if (this.row.f_install_date == null || this.row.f_install_date == '') {
-        this.row.f_install_date = Util.toStandardTimeString()
-        this.f_install_date = Util.toStandardTimeString()
-      } else {
-        this.f_install_date = this.row.f_install_date
-      }
-      this.getbfrq()
-      this.updatayear(this.f_install_date)
-      this.getRisers()
-    },
-    methods: {
-      usetypechange(){
-        //如果选择壁挂锅炉
-       let usertype = '';
-       if( this.meter.f_usetype instanceof  Array){
-         usertype = this.meter.f_usetype.length>0? this.meter.f_usetype[0]:''
-       }else{
-         usertype = this.meter.f_usetype? this.meter.f_usetype:''
-       }
-       if(usertype == '是'){
-          this.$showAlert('请进行添加用气设备!','warning',3000);
-       }
-      },
-      getbfrq(){
-        this.bfrq=this.row.gasmodel.length>0?(this.$appdata.getSingleValue(this.row.gasmodel[0].f_type)?this.$appdata.getSingleValue(this.row.gasmodel[0].f_type):10 ) : 10
-        this.updatayear(this.f_install_date)
-      },
-      getRisers(){
-        console.log("看看选中的调压箱",this.row.f_adjustable[0])
-        this.f_riser_code=null
-        this.risers=[]
-        if(this.row.f_adjustable[0]){
-          this.risers=this.row.f_adjustable[0].risers
-        }
-      },
-      async confirmUserfiles () {
-        if (this.$refs.addparamlist.confirm()) {
-          var paramlist = this.$refs.addparamlist.addGasParameter
-          await this.$resetpost('rs/logic/updateGasParam', {
-            data: {
-              id: this.selectUserFiles.f_user_id,
-              paramlist: paramlist,
-              gastype: 'userfiles'
-            }
-          }, {resolveMsg: '更新成功', rejectMsg: '更新失败'})
-          this.showParame = false
-        }
-      },
-
-      priceChange (val) {
-        if (val.length > 0) {
-          this.row.f_user_type = [val[0].f_user_type]
-          this.row.f_gasproperties = [val[0].f_gasproperties]
-          this.row.pricetype = val[0].f_price_type
-          // 展示气价备注
-          this.$set('row.f_price_comments', val[0].f_comments ? val[0].f_comments : '无')
-          // 展示价格明细
-          if (val[0].detailprice) {
-            // this.row.f_detailprice = this.$CommonService.getShowPriceDetail(val[0].detailprice)
-            this.$set('row.f_detailprice', this.$CommonService.getShowPriceDetail(val[0].detailprice))
-          }
-        }
-      },
-      cancel () {
-        this.gasid = ''
-        this.userfileid = ''
-        this.showParame = false
-      },
-      tablebaseChange () {
-        if (this.isdecimal === '是') {
-          this.$set('row.f_meter_base', (this.row.f_meter_base - 0).toFixed(4))
-        } else {
-          this.$set('row.f_meter_base', (this.row.f_meter_base - 0).toFixed(0))
-        }
-      },
-      brandChange (val) {
-        this.isdecimal = val.length > 0 ? val[0].f_isdecimal : '否'
-        console.log('sadasfasf', val)
-        if (val.length > 0 && val[0].f_meter_type === '物联网表') {
-          this.isiot = true
-        } else {
-          this.isiot = false
-        }
-        // this.tablebaseChange()
-        if (this.row.f_user_id) {
-          co(brandChangeGen(this))
-        }
-        this.meternumberValidate()
-      },
-      userTypeChange () {
-        this.gasproperties = []
-        if (this.row.f_user_type.length === 1) {
-          this.gasproperties = this.$appdata.getParam(this.row.f_user_type[0])
-        }
-      },
-      // getPricenames(pricetype) {
-      //     console.log('气价。，。。', pricetype, this.row.f_user_type, this.row.f_gasproperties)
-      //     let rs = []
-      //     if (this.row.f_user_type.length === 1 && this.row.f_gasproperties.length === 1 && pricetype.length === 1) {
-      //         let params = {
-      //             f_user_type: this.row.f_user_type[0],
-      //             f_gasproperties: this.row.f_gasproperties[0],
-      //             f_price_type: pricetype[0],
-      //             filter: this.f_filialeid
-      //         }
-      //         rs = this.$GetSaleParam.getPrice(params)
-      //     }
-      //     if (rs.length === 0) {
-      //         this.row.f_price_name = ''
-      //     }
-      //     return rs
-      // },
-      mValid (bool) {
-        this.row.valid = bool
-        this.$dispatch('self-valid')
-      },
-      // 带权限修改单值返回修改后得值和修改原因
-      modefiy (field) {
-        this.show = true
-        this.field = field
-      },
-      async meternumberValidate () {
-        let http1 = new HttpResetClass()
-        let res1 = await http1.load('POST', '/rs/sql/getBrandAndType', {data: {condition: ` mi.f_meternumber = '${this.row.f_meternumber}'`}}, {resolveMsg: null, rejectMsg: '获取默认气表品牌型号失败！！'})
-        if (res1.data.length > 0) {
-          // 替换表号自带的气表品牌和型号
-          let meterbrands = this.meterbrands
-          for (let row of meterbrands) {
-            if (row.label == res1.data[0].f_meter_brand) {
-              // 已经选择了气表品牌则不再替换
-              if (this.row.gasbrand.length <= 0) this.row.gasbrand = [row.value]
-              // 替换气表型号
-              if (res1.data[0].f_meter_style) {
-                for (let model of row.value.gasmodel) {
-                  if (model.label == res1.data[0].f_meter_style) {
-                    // 已经选择了气表型号则不再替换
-                    if (this.row.gasmodel.length <= 0) this.row.gasmodel = [model.value]
-                    continue
-                  }
-                }
-              }
-              continue
-            }
-          }
-          // 有一条或多条气表型号。此时给气表品牌赋值，给机表型号添加选择框
-          // this.$refs.paged.$refs.cri.model.f_userinfo_code = newVal
-          // this.row.f_meter_brand = this.row.f_meter_brand ? this.row.f_meter_brand : res1.data[0].f_meter_brand
-          // this.row.f_gasbrand_id = this.row.f_gasbrand_id ? this.row.f_gasbrand_id : res1.data[0].brandid
-          // let model = [
-          //   {
-          //     label: res1.data[0].f_meter_style,
-          //     value: {
-          //       f_meter_classify: res1.data[0].f_meter_classify,
-          //       f_meter_style: res1.data[0].f_meter_style,
-          //       id: res1.data[0].modelid,
-          //       f_gasbrand_id: res1.data[0].brandid
-          //     }
-          //   }
-          // ]
-          // this.row.gasbrand = this.row.gasbrand.length > 0 ? this.row.gasbrand : [{
-          //   f_meter_brand: res1.data[0].f_meter_brand,
-          //   id: res1.data[0].brandid,
-          //   gasmodel: model,
-          //   f_meter_type: res1.data[0].f_meter_classify
-          // }]
-          // let model2 = [
-          //   {
-          //     f_meter_style: res1.data[0].f_meter_style,
-          //     id: res1.data[0].modelid,
-          //     f_gasbrand_id: res1.data[0].brandid
-          //   }
-          // ]
-          // this.row.f_gasmodel_id = this.row.f_gasmodel_id ? this.row.f_gasmodel_id : res1.data[0].modelid
-          // this.row.gasmodel = this.row.gasmodel.length > 0 ? this.row.gasmodel : model2
-          // this.row.f_meter_classify = this.row.f_meter_classify ? this.row.f_meter_classify : res1.data[0].f_meter_classify
-        }
-        if (this.row.f_meternumber && this.row.gasbrand.length > 0) {
-          // 表号位数验证
-          let meternumberLen = this.row.gasbrand[0].f_meternumber_len
-          if (meternumberLen) {
-            if (this.row.f_meternumber.length != meternumberLen) {
-              this.row.f_meternumber = ''
-              this.$showAlert(`表号位数不正确, 当前气表品牌表号位数是: ${meternumberLen}`, 'warning', 3000)
-              return
-            }
-          }
-          // 表计信息验证
-          if (this.row.gasbrand[0].f_meterverification == '是') {
-            if (res1.data.length <= 0) {
-              this.$showAlert(`当前表号: ${this.row.f_meternumber}在表计信息中无记录, 请核实!!!`, 'warning', 3000)
-              this.row.f_meternumber = ''
-              return
-            }
-          }
-          let param = {
-            f_meternumber: this.row.f_meternumber,
-            f_gasbrand_id: this.row.gasbrand[0].id
-          }
-          if (this.row.f_userfiles_id) {
-            param.f_userfiles_id = this.row.f_userfiles_id
-          }
-          let res = await this.$resetpost('rs/logic/meternumberValidate', param, {
-            resolveMsg: null,
-            rejectMsg: '表号验证失败！！'
-          })
-          console.log('标号验证返回：', res)
-          if (this.row.gasbrand[0].f_meter_type === '物联网表') {
-            if (res.data) {
-              this.row.f_meternumber = ''
-              this.$showAlert('表号已存在！！', 'warning', 3000)
-            }
-          } else {
-            if (res.data) {
-              this.$showAlert('请注意，相同的表号已存在', 'warning', 3000)
-            }
-          }
-        }
-      },
-      updatayear (data) {
-        const today = new Date(data)
-        const year = today.getFullYear()
-        const month = today.getMonth()
-        const day = today.getDate()
-        const date = new Date((year-0) +(this.bfrq-0), month, day)
-        this.finalDate = date.toLocaleDateString()
-        console.log('898989898', this.finalDate)
-        this.row.f_scrap_date = this.finalDate
-        this.f_scrap_date = this.finalDate
-        console.log('898989898', this.row.f_scrap_date)
-      }
-    },
-    watch: {
-      'meter' () {
-        this.row = Object.assign(this.row, this.meter, {})
-        this.isdecimal = this.row.gasbrand.f_isdecimal
-        this.row.valid = false
-        this.showtype = this.row.gasbrand.f_meter_type
-        console.log('11111111111111111111111111')
-        this.f_install_date = this.row.f_install_date
-      },
-      'f_install_date' (val) {
-        console.log('222222222222', val)
-        this.row.f_install_date = val
-        this.updatayear(val)
-      },
-      'row.f_scrap_date' (val) {
-        console.log('45454545')
-        this.row.f_scrap_date = val
-        console.log('45454545', this.row.f_scrap_date, val)
-      },
-      'finalDate' () {
-        console.log('45454545666')
-        this.row.f_scrap_date = this.finalDate
-      },
-      'row.pricetype' (val) {
-        if (val == '混合气价') {
-          this.ratioshow = true
-        } else {
-          this.ratioshow = false
-        }
-      },
-      'this.row.gasbrand'(val){
-        console.log("赋值赋值！！",val)
-      }
-
-    },
-    computed: {
-
-      // 控制用户类型修改
-      permissionUserType () {
-        let res = false
-        if (this.row.f_user_id) {
-          res = !(this.jurisdiction.includes('民用气价修改') && this.jurisdiction.includes('非民用气价修改'))
-        }
-        return res
-      },
-
-      // 控制用气性质，气价类型，气价名称修改
-      permissionPrice () {
-        let res = false
-        if (this.row.f_user_id) {
-          console.log('获取权限、', this.row, this.jurisdiction)
-          // 变更操作
-          if (this.row.pricename.length > 0) {
-            if (this.row.f_user_type[0] === '民用') {
-              // 判断是否有民用气价权限
-              res = !this.jurisdiction.includes('民用气价修改')
-            } else if (this.row.f_user_type[0] === '非民用') {
-              // 判断是否有非民用气价权限
-              res = !this.jurisdiction.includes('非民用气价修改')
-            }
-          }
-        }
-        console.log('有无气价权限', res)
-        return res
-      },
-
-      getPricenames () {
-        let f_filialeid = this.f_filialeid
-        let result = []
-        this.$GetSaleParam.prices.forEach((item) => {
-          if (item.f_state === '有效') {
-            let value = {
-              label: item.f_price_name,
-              value: item
-            }
-            result.push(value)
-          }
-        })
-        return Array.from(new Set(result))
-      },
-
-      adjustables () {
-        let arr = []
-        let filter = this.f_filialeid
-        this.$GetSaleParam.getAdjustable(filter).forEach((item) => {
-          let temp = {}
-          temp.label = `[${item.value.f_adjustable_id}]-${item.label}`
-          temp.value = item.value
-          arr.push(temp)
-        })
-        return [{label: '全部', value: ''}, ...arr]
-      },
-      inputtores () {
-        // return this.$login.f.f_gasman
-        let rs = new Array()
-        for (let i = 0; i < this.$login.f.f_gasman.length; i++) {
-          let temp = {
-            label: this.$login.f.f_gasman[i].name,
-            value: this.$login.f.f_gasman[i].name
-          }
-          rs.push(temp)
-        }
-        return rs
-      },
-      installperson () {
-        // return this.$login.f.f_installman
-        let rs = new Array()
-        for (let i = 0; i < this.$login.f.f_installman.length; i++) {
-          let temp = {
-            label: this.$login.f.f_installman[i].name,
-            value: this.$login.f.f_installman[i].name
-          }
-          rs.push(temp)
-        }
-        return rs
-      },
-      meterbrands () {
-        return this.$GetSaleParam.getGasbrand()
-      },
-      aroundmeters () {
-        return this.$appdata.getParam('左右表')
-      },
-      positions () {
-        return this.$appdata.getParam('安装位置')
-      },
-      usetype () {
-        return [{label:'是',value:'是'},{label:'否',value:'否'}]
-      },
-      usestate () {
-        return this.$appdata.getParam('使用状态')
-      },
-      gongyetype () {
-        return this.$appdata.getParam('工业备注')
-      },
-      userfilesaddress () {
-        return this.$appdata.getParam('场站')
-      },
-      gcfs () {
-        return this.$appdata.getParam('供气方式')
-      }
-    }
-  }
-</script>
-<style lang="less">
-  #meterInfoTest{
-    #addboxmap {
-      height: 300px;
-    }
-    .glyphicon-map-marker:hover {
-      color: red;
-    }
-    .glyphicon-map-marker {
-      color: blue;
-      cursor: pointer;
-    }
-    .col-sm-4 {
-      .font_normal_body {
-        width: 73px;
-        overflow: auto;
-        white-space: nowrap;
-        // 指滚动条两边的按钮
-        &::-webkit-scrollbar-button {
-          display: none;
-        }
-        // 滚动条的宽度
-        &::-webkit-scrollbar {
-          width: 5px !important;
-          height: 5px !important;
-        }
-        // 滚动条的设置
-        &::-webkit-scrollbar-thumb {
-          background-color: #ddd;
-          background-clip: padding-box;
-        }
-        &::-webkit-scrollbar-thumb:hover {
-          background-color: #bbb;
-        }
-        &::-webkit-scrollbar-track {
-          /*滚动条里面轨道*/
-          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-          background: #ededed;
-        }
-      }
-    }
-  }
-</style>
+<template>
+  <div class="auto" id="meterInfoTest">
+    <validator name='m' @valid="mValid(true)" @invalid="mValid(false)">
+      <form class="form-horizontal select-overspread ">
+        <div class="row">
+          <div class="col-sm-4 form-group" v-if="isiot" :class="[$m.f_meternumber.required ? 'has-error' : '']">
+            <label for="f_meternumber" class="font_normal_body">*表&emsp;&emsp;号</label>
+            <input type="text" class="input_search" style="width:60%" v-model="row.f_meternumber"
+                   @blur="meternumberValidate()" placeholder='表号' v-validate:f_meternumber='{required: true }'
+                   v-el:meternumber v-next-el="metertitles">
+          </div>
+          <div class="col-sm-4 form-group" v-else>
+            <label for="f_meternumber" class="font_normal_body">&ensp;表&emsp;&emsp;号</label>
+            <input type="text" class="input_search" style="width:60%" v-model="row.f_meternumber"
+                   @blur="meternumberValidate()" placeholder='表号'
+                   v-el:meternumber v-next-el="metertitles">
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_metertitles" class="font_normal_body">&ensp;表&ensp;封&ensp;号</label>
+            <input type="text" class="input_search" style="width:60%" v-model="row.f_metertitles" placeholder='表封号'
+                   v-el:metertitles v-next-el="meterbase">
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_meter_base" class="font_normal_body">&ensp;表&ensp;读&ensp;数</label>
+            <input type="number" class="input_search" style="width:60%" v-model="row.f_meter_base" placeholder='表底数'
+                   :disabled="!jurisdiction.includes('档案信息查询修改')" :readonly="!row.f_userfiles_id" v-el:meterbase v-next-el="initialbase">
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_meter_base" class="font_normal_body">&ensp;初始底数</label>
+            <input type="number" class="input_search" style="width:60%" v-model="row.f_initial_base" placeholder='表底数'
+                   :disabled="!jurisdiction.includes('档案信息查询修改')" v-el:initialbase v-next-el="detailprice">
+          </div>
+
+          <div class="col-sm-4 form-group" :class="[$m.brand.required ? 'has-error' : '']">
+            <label for="gasbrand" class="font_normal_body">*气表品牌</label>
+            <input type="text" class="input_search" style="width:60%" v-show="false" v-model="$refs.brand.selectedItems"
+                   v-validate:brand='{required: true }'>
+            <v-select :value.sync="row.gasbrand" :options='meterbrands' placeholder='气表品牌' close-on-select
+                      search @change='brandChange' v-model='row.gasbrand' v-ref:brand></v-select>
+          </div>
+          <div class="col-sm-4 form-group" :class="[$m.model.required ? 'has-error' : '']">
+            <label for="gasmodel" class="font_normal_body">*气表型号</label>
+            <input type="text" v-show="false" v-model="$refs.model.selectedItems"
+                   v-validate:model='{required: true }'>
+            <v-select :value.sync="row.gasmodel" :options='row.gasbrand[0].gasmodel' placeholder='气表型号'
+                      close-on-select @change="getbfrq()"
+                      v-model='row.gasmodel' :disabled='row.gasbrand.length === 0 ' v-ref:model></v-select>
+          </div>
+          <div class="col-sm-4 form-group" v-if="row.gasbrand.length>0?(row.gasbrand[0].f_meter_brand.indexOf('莱德远传')>-1?true:false):false" :class="[$m.f_barcode.required ? 'has-error' : '']">
+            <label for="f_meternumber" class="font_normal_body">*条&ensp;码&ensp;号</label>
+            <input type="text" class="input_search" style="width:60%" v-model="row.f_barcode"
+                   placeholder='条码号' v-validate:f_barcode='{required: true }'
+                   v-el:f_barcode>
+          </div>
+          <div class="col-sm-4 form-group" v-else>
+            <label for="f_meternumber" class="font_normal_body">&ensp;条&ensp;码&ensp;号</label>
+            <input type="text" class="input_search" style="width:60%" v-model="row.f_barcode"
+                   placeholder='条码号'
+                   v-el:f_barcode>
+          </div>
+
+
+
+          <div class="col-sm-4 form-group" v-if="row.gasbrand[0].f_alias ==='XianFengCollector'" :class="[$m.f_concentrator_id.required ? 'has-error' : '']">
+            <label for="f_concentrator_id" class="font_normal_body">*采集器号</label>
+            <input type="text" class="input_search" style="width:60%" v-model="row.f_concentrator_id"
+                   placeholder='采集器号' v-validate:f_concentrator_id='{required: true }'
+                   v-el:f_concentrator_id>
+          </div>
+          <div class="col-sm-4 form-group" :class="[$m.name.required ? 'has-error' : '']">
+            <label for="pricename" class="font_normal_body">*气价名称</label>
+            <v-select :value.sync="row.pricename" v-model="row.pricename" search
+                      placeholder='气价名称' :options="getPricenames" @change="priceChange"
+                      close-on-select :disabled="permissionPrice" v-ref:name></v-select>
+            <input type="text" v-show="false" v-model="$refs.name.selectedItems" v-validate:name='{required: true }'>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_username" class="font_normal_body">&ensp;客户类型</label>
+            <v-select :value.sync="row.f_user_type"
+                      :options='usertypes' placeholder='客户类型'
+                      @change="userTypeChange()"
+                      :disabled="true"
+                      close-on-select></v-select>
+          </div>
+          <div class="col-sm-4 form-group"
+               :class="[$m.gas.required ? 'select-error' : '']">
+            <label for="f_username" class="font_normal_body">&ensp;用气性质</label>
+            <input type="text" v-show="false" v-model="$refs.gas.selectedItems" v-validate:gas='{required: true }'>
+            <v-select :value.sync="row.f_gasproperties" v-model="row.f_gasproperties"
+            :options='gasproperties' placeholder='用气性质'
+            :disabled="true"
+            close-on-select v-ref:gas></v-select>
+          </div>
+          <div class="col-sm-4 form-group"
+               :class="[$m.second.required ? 'select-error' : '']">
+            <label for="f_gasproperties_second" class="font_normal_body" title="二级用气性质">二级用气性质</label>
+            <input type="text" v-show="false" v-model="$refs.second.selectedItems" v-validate:second='{required: true }'>
+            <v-select :value.sync="row.f_gasproperties_second" v-model="row.f_gasproperties_second"
+                      :options='row.f_gasproperties?(this.$appdata.getParam(row.f_gasproperties)?this.$appdata.getParam(row.f_gasproperties):[]):[]' placeholder='二级用气性质'
+                      close-on-select v-ref:second></v-select>
+          </div>
+          <div class="col-sm-4 form-group" v-show="row.f_gasproperties=='工业'||row.f_gasproperties=='工业用气'">
+            <label for="f_gongye_type" class="font_normal_body" title="参数:工业备注">&ensp;工业备注</label>
+            <v-select :value.sync="row.f_gongye_type" v-model='row.f_gongye_type'
+                      :options='gongyetype' placeholder='工业备注'
+                      close-on-select
+                      v-el:cc></v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_detailprice" class="font_normal_body">&ensp;价&emsp;&emsp;格</label>
+            <input type="text" class="input_search" style="width:60%" v-model="row.f_detailprice" placeholder='价格'
+                   disabled v-el:detailprice v-next-el="pricecomments">
+          </div>
+          <div class="col-sm-4 form-group" :class="[$m.type.required ? 'select-error' : '']">
+            <label for="pricetype" class="font_normal_body">&ensp;气价类型</label>
+            <v-select :value.sync="row.pricetype" v-model="row.pricetype"
+                      placeholder='气价类型' :options="pricetypes"
+                      :value-single="true"
+                      :disabled="true"
+                      close-on-select v-ref:type>
+            </v-select>
+            <input type="text" v-show="false" v-model="$refs.type.selectedItems" v-validate:type='{required: true }'>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="font_normal_body">&ensp;气价备注</label>
+            <input type="text" class="input_search" style="width:60%" v-model="row.f_price_comments" placeholder='气价备注' disabled
+                   v-el:pricecomments v-next-el="meterbase">
+          </div>
+
+          <div class="col-sm-4 form-group">
+            <label for="f_meter_base" class="font_normal_body">&ensp;累购气量</label>
+            <input type="number" class="input_search" style="width:60%" v-model="row.f_total_gas" placeholder='累购气量'
+                   :disabled="!jurisdiction.includes('档案信息查询修改')"
+                   v-el:meterbase v-next-el="totalfee">
+          </div>
+
+          <div class="col-sm-4 form-group">
+            <label for="f_meter_base" class="font_normal_body">&ensp;累购金额</label>
+            <input type="number" class="input_search" style="width:60%" v-model="row.f_total_fee" placeholder='累购金额'
+                   :disabled="!jurisdiction.includes('档案信息查询修改')" v-el:totalfee v-next-el="times">
+          </div>
+          <div class="col-sm-4 form-group" v-show="row.f_meter_classify != '机表'">
+            <label for="f_times" class="font_normal_body">&ensp;写卡次数</label>
+            <input type="number" class="input_search" style="width:60%" v-model="row.f_times" placeholder='写卡次数'
+                   :disabled="!jurisdiction.includes('档案信息查询修改')"
+                   v-el:times v-next-el="gasperson">
+          </div>
+          <div class="col-sm-4 form-group" :class="[$m.aroundmeter.required ? 'has-error' : '']">
+            <label class="font_normal_body">&ensp;表&ensp;&ensp;&ensp;&ensp;向</label>
+            <input type="text" v-show="false" v-model="$refs.aroundmeter.selectedItems" v-validate:aroundmeter='{required: true }'>
+            <v-select :value.sync="row.f_aroundmeter" v-model="row.f_aroundmeter"
+                      :options='aroundmeters' placeholder='左右表'
+                      close-on-select v-ref:aroundmeter></v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_gas_person" class="font_normal_body">&ensp;通&ensp;气&ensp;人</label>
+            <input type="text" class="input_search" style="width:60%" style="width:60%" v-model="row.f_gas_person"
+                   placeholder='通气人'  v-el:gasperson v-next-el="limitsms"></input>
+            <!-- <v-select :value.sync="row.f_gas_person" v-model="row.f_gas_person"
+                :options='gasperson' placeholder='通气人'
+                close-on-select></v-select> -->
+          </div>
+          <div class="col-sm-4 form-group" :class="[$m.f_gas_date.required ? 'has-error' : '']">
+            <input type="text" v-model="$refs.f_gas_date.value" v-show="false"  v-validate:f_gas_date='{required: true }'>
+            <label for="f_gas_date" class="font_normal_body">&ensp;通气日期</label>
+            <datepicker style="width:60%" placeholder="通气日期"
+                        v-model="row.f_gas_date"
+                        v-ref:f_gas_date
+                        :value.sync="row.f_gas_date"
+                        :format="'yyyy-MM-dd HH:mm:ss'"
+                        :show-reset-button="reset"
+            ></datepicker>
+          </div>
+          <div class="col-sm-4 form-group" :class="[$m.f_gas_date.required ? 'has-error' : '']">
+            <label for="f_gas_date" class="font_normal_body" title="参数:供气方式">&ensp;供气方式</label>
+            <v-select :value.sync="row.f_feed_method" :options='feedmethod' placeholder='供气方式' close-on-select
+                      :value-single="true"
+                      v-model='row.f_feed_method'></v-select>
+          </div>
+
+          <div class="col-sm-4 form-group" >
+            <label for="f_position" class="font_normal_body"  title="参数:安装位置">&ensp;安装位置</label>
+            <v-select :value.sync="row.f_position" v-model="row.f_position"
+                      :options='positions' placeholder='安装位置'
+                      close-on-select></v-select>
+          </div>
+          <div class="col-sm-4 form-group"  v-show="false">
+            <label for="f_remanent_gas" class="font_normal_body">剩余气量</label>
+            <input type="number" class="input_search" style="width:60%"  v-model="row.f_remanent_gas"
+                   placeholder='剩余气量'
+                   :disabled="f_userinfo_id"></input>
+            <!--<button type="button" name="button" class="btn btn-link" @click="modefiy('f_remanent_gas')" v-if="f_userinfo_id">修改</button>-->
+          </div>
+          <div class="col-sm-4 form-group" v-show="true">
+            <label for="f_install_person" class="font_normal_body">&ensp;安&ensp;装&ensp;人</label>
+            <v-select :value.sync="row.f_install_person" v-model="row.f_install_person"
+                      :options='installperson' placeholder='安装人'
+                      close-on-select></v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_subscribe_date" class="font_normal_body">&ensp;预约时间</label>
+            <datepicker style="width:60%" placeholder="预约通气时间"
+                        v-model="row.f_subscribe_date"
+                        :value.sync="row.f_subscribe_date"
+                        :format="'yyyy-MM-dd HH:mm:ss'"
+            ></datepicker>
+          </div>
+          <div class="col-sm-4 form-group" v-show="opteratormetrbook" >
+            <label for="f_position" class="font_normal_body"  >&ensp;抄&ensp;表&ensp;册</label>
+            <v-select :value.sync="row.f_meter_book_num" v-model="row.f_meter_book_num"
+                      :value-single="true"
+                      :options='meterbookoptions' placeholder='抄表册'
+                      close-on-select></v-select>
+          </div>
+          <div class="col-sm-4 form-group" v-show="true" :class="[$m.f_install_date.required ? 'has-error' : '']">
+              <input type="text" v-model="$refs.f_install_date.value" v-show="false" v-validate:f_install_date='{required: true }'>
+            <label for="f_install_date" class="font_normal_body">&ensp;安装日期</label>
+            <datepicker style="width:60%" id="startDate" placeholder="安装日期" width='100%'
+                        v-model="f_install_date"
+                        :value.sync="f_install_date"
+                        class="datepicker"
+                        v-ref:f_install_date
+                        @updatayear="updatayear"
+                        :format="'yyyy-MM-dd HH:mm:ss'"
+                        :show-reset-button="true">
+            </datepicker>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_adjustable" class="font_normal_body">&ensp;调&ensp;压&ensp;箱</label>
+            <v-select :value.sync="row.f_adjustable" :options='adjustables' placeholder='调压箱' close-on-select
+                      @change="getRisers()"
+                      v-model='row.f_adjustable' :search='true'></v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_adjustable" class="font_normal_body">&ensp;立管编号</label>
+            <v-select :value.sync="row.f_riser_code" :options='risers' placeholder='立管编号' close-on-select
+                      :value-single="true"
+                      v-model='row.f_riser_code' :search='true'></v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_hand_date" class="font_normal_body">&ensp;上次抄表</label>
+            <datepicker style="width:60%" id="f_hand_date" placeholder="上次抄表日期"
+                        v-model="row.f_hand_date"
+                        :value.sync="row.f_hand_date"
+                        class="datepicker"
+                        :format="'yyyy-MM-dd HH:mm:ss'"
+                        :show-reset-button="true">
+            </datepicker>
+          </div>
+          <div v-if="ratioshow" class="col-sm-4 form-group"
+               :class="[$m.meternumber.required ? 'has-error' : '']">
+            <label for="f_ratio" class="font_normal_body">比&emsp;&emsp;率</label>
+            <input type="number" class="input_search" style="width:60%"  v-model="row.f_price_ratio"
+                   :value.sync="row.f_price_ratio"
+                   v-validate:meternumber='{required: true }' placeholder='比率'>
+          </div>
+          <div class="col-sm-4 form-group" >
+            <label for="f_scrap_date" class="font_normal_body">&ensp;报废日期</label>
+            <datepicker style="width:60%" id="ScrapDate" placeholder="报废日期" width='100%'
+                        :v-model="f_scrap_date"
+                        :value.sync="f_scrap_date"
+                        class="datepicker"
+                        :format="'yyyy-MM-dd'"
+                        :show-reset-button="true">
+            </datepicker>
+          </div>
+          <div class="col-sm-4 form-group" v-show="row.f_meter_classify == '物联网表'">
+            <label for="gasmodel" class="font_normal_body">&ensp;阀门状态</label>
+            <v-select :value.sync="row.f_valve_state" :options='valvestate' placeholder='阀门状态' close-on-select
+                      v-model='row.f_valve_state'></v-select>
+          </div>
+          <div class="col-sm-4 form-group"  :class="[$m.f_open_way.required ? 'has-error' : '']" v-if="row.gasbrand.length > 0 && row.gasbrand[0].f_meter_type == '物联网表' && row.gasbrand[0].f_hascard == '是'">
+            <label class="font_normal_body" title="开户方式">开户方式</label>
+            <input type="text" v-model="row.f_open_way" v-show="false" v-validate:f_open_way='{required: true }'>
+            <v-select :value.sync="row.f_open_way" :options='openWay' value-single placeholder='开户方式' close-on-select v-if="row.f_userfiles_id"
+                      search v-model='row.f_open_way' :disabled="true"></v-select>
+            <v-select :value.sync="row.f_open_way" :options='openWay' value-single placeholder='开户方式' close-on-select v-else
+                      search v-model='row.f_open_way' :disabled="false"></v-select>
+          </div>
+
+          <div class="col-sm-4 form-group">
+            <label for="gasmodel" class="font_normal_body">&ensp;垃&ensp;圾&ensp;费</label>
+            <v-select :value.sync="row.f_garbage_fee" :options='garbagefee' placeholder='垃圾费' close-on-select
+                      :value-single="true"
+                      v-model='row.f_garbage_fee'></v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label class="font_normal_body">&ensp;抄&ensp;表&ensp;员</label>
+            <v-select :value.sync="row.f_inputtor" v-model='row.f_inputtor'
+                      style="width:60%"
+                      :options='inputtores' placeholder='抄表员'
+                      close-on-select
+                      condition="f_inputtor like '%{}%'" v-el:cc></v-select>
+          </div>
+          <div class="col-sm-4 form-group" >
+            <label for="f_usetype" class="font_normal_body" title="参数:使用类型">&ensp;壁&nbsp;挂&nbsp;炉&nbsp;</label>
+            <v-select :value.sync="row.f_usetype" v-model="row.f_usetype"
+                      :options='usetype' placeholder='使用类型' @change="usetypechange"
+                      close-on-select></v-select>
+          </div>
+          <div class="col-sm-4 form-group" >
+            <label for="f_position" class="font_normal_body" title="参数:使用状态">&ensp;使用状态</label>
+            <v-select :value.sync="row.f_usestate" v-model="row.f_usestate"
+                      :options='usestate' placeholder='使用状态'
+                      close-on-select></v-select>
+          </div>
+          <div class="col-sm-4 form-group" >
+            <label for="f_limit_sms" class="font_normal_body">&ensp;短信限定</label>
+            <input type="text" class="input_search" style="width:60%" style="width:60%" v-model="row.f_limit_sms"
+                   placeholder='短信限定' v-el:limitsms v-next-el="alarmcode"></input>
+          </div>
+          <div style="" class="col-sm-4 form-group">
+            <label for="f_alarm_code" class="font_normal_body ">&ensp;报警器号</label>
+            <input type="text" class="input_search" style="width:60%" v-model="row.f_alarm_code" placeholder='报警器号'
+                   v-el:alarmcode v-next-el="address"/>
+          </div>
+          <div style="" class="col-sm-4 form-group">
+            <label for="f_hand_month" class="font_normal_body ">&ensp;抄表月份</label>
+            <v-select :value.sync="row.f_hand_month" v-model="row.f_hand_month"
+                      :options='handmonth' placeholder='抄表月份'
+                      close-on-select></v-select>
+          </div>
+          <div style="" class="col-sm-4 form-group" v-show="false">
+            <label for="f_riser_shaft" class="font_normal_body ">&ensp;立管阀井</label>
+            <v-select :value.sync="row.f_riser_shaft" v-model="row.f_riser_shaft"
+                      :options='risershaft' placeholder='立管阀井'
+                      close-on-select></v-select>
+          </div>
+          <div style="" class="col-sm-8 form-group">
+            <label for="f_userfiles_address" class="font_normal_body ">&ensp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;场站</label>
+            <v-select :value.sync="row.f_userfiles_address" v-model="row.f_userfiles_address"
+                      :options='userfilesaddress' placeholder='场站'
+                      close-on-select></v-select>
+          </div>
+          <div class="col-sm-4 form-group" v-show="false">
+            <input type="text" v-model="$refs.f_survey_date.value" v-show="false"  >
+            <label for="f_gas_date" class="font_normal_body">&ensp;检验日期</label>
+            <datepicker style="width:60%" placeholder="检验日期"
+                        v-model="row.f_survey_date"
+                        v-ref:f_survey_date
+                        :value.sync="row.f_survey_date"
+                        :format="'yyyy-MM-dd HH:mm:ss'"
+                        :show-reset-button="reset"
+            ></datepicker>
+          </div>
+        </div>
+      </form>
+    </validator>
+    <!--<idverify :show.sync="show" @change-con="changeVal"></idverify>-->
+    <modal v-if="showParame" :show.sync="showParame" v-ref:modal backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="cancel"><span>&times;</span></button>
+        <h3 class="modal-title" style="text-align: center;">添加参数</h3>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <add-json-parameter v-ref:addparamlist :gasmodel_id="userfileid" :gastype="gastype"
+                            :gasid="gasid"></add-json-parameter>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-primary" @click='confirmUserfiles()'>确认</button>
+      </footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+  import co from 'co'
+  import {HttpResetClass} from 'vue-client'
+import Vue from 'vue'
+import * as Util from '../../Util'
+
+let meterBookGen = function * (self) {
+    if (self.$login.r.find(value => value == '抄表册建档')) {
+      self.opteratormetrbook = true
+  }
+    let temp = {
+      tablename: 't_meter_book',
+      condition: `f_book_state='有效' and f_filiale_id='${self.$login.f.orgid}'`
+    }
+    let http = new HttpResetClass()
+  let meterbooks = yield http.load('POST', 'rs/sql/saleSingleTable', {data: temp},
+      {resolveMsg: null, rejectMsg: '获取抄表册信息失败！！'})
+    if (meterbooks.data.length > 0) {
+      let options = []
+      for (let i = 0; i < meterbooks.data.length; i++) {
+        let tmp = {label: meterbooks.data[i].f_book_name, value: `${meterbooks.data[i].id}`}
+        options.push(tmp)
+      }
+      self.meterbookoptions = options
+    }
+  }
+  let brandChangeGen = function* (self, val) {
+    let beforeRecord = null
+
+    if (self.meter.f_meter_classify === '机表') {
+      beforeRecord = yield self.$resetpost('rs/sql/saleSingleTable', {
+        data: {
+          tablename: 't_handplan',
+          condition: `f_user_id = '${self.row.f_user_id}' and f_meter_state in ('已抄表','未抄表')`
+        }
+      }, {resolveMsg: null, rejectMsg: '在档案中更改气表品牌时，获取之前机表抄表信息出错！！'})
+    } else {
+      beforeRecord = yield self.$resetpost('rs/sql/saleSingleTable', {
+        data: {
+          tablename: 't_sellinggas',
+          condition: `f_user_id = '${self.row.f_user_id}' and f_state = '有效'`
+        }
+      }, {resolveMsg: null, rejectMsg: '在档案中更改气表品牌时，获取之前卡表收费信息出错！！'})
+    }
+    if (beforeRecord.data.length > 0 && self.row.gasbrand[0].f_meter_brand != self.oldrow.gasbrand[0].f_meter_brand) {
+      self.$showAlert('该气表已投入使用，如需更改请执行换表操作', 'warning', 3000)
+      // self.row.gasbrand = self.meter.gasbrand
+      self.$dispatch('success')
+      /* self.row.valid = bool
+      self.$dispatch('self-valid') */
+    } else {
+      self.row.f_whether_hairpin = self.row.gasbrand[0].f_meter_type === '机表' ? '无卡' : '未发'
+    }
+    console.log('111', self.row)
+  }
+  export default {
+    title: '表具信息',
+    data () {
+      return {
+        risers:[],
+        viewsee: false,
+        row: this.meter,
+        show: false,
+        field: '',
+        ratioshow: false,
+        userfileid: '',
+        gasid: '',
+        f_install_date: '',
+        f_scrap_date: '',
+        gastype: 'userfiles',
+        showParame: false,
+        selectUserFiles: '', // 选中的 userfiles
+        jurisdiction: this.$login.r,
+        positions: this.$appdata.getParam('安装位置'),
+        openWay: this.$appdata.getParam('开户方式'),
+        usetype: this.$appdata.getParam('使用类型'),
+        usestate: this.$appdata.getParam('使用状态'),
+        aroundmeters: this.$appdata.getParam('左右表'),
+        garbagefee: this.$appdata.getParam('垃圾费'),
+        valvestate: this.$appdata.getParam('阀门状态'),
+        usertypes: this.$appdata.getParam('用户类型'),
+        feedmethod: this.$appdata.getParam('供气方式')?this.$appdata.getParam('供气方式'):[],
+        handmonth: [{label: '单月', value: '单月'}, {label: '双月', value: '双月'}],
+        risershaft: this.$appdata.getParam('立管阀井'),
+        bfrq:10,
+        gasproperties: this.meter.f_user_type.length === 1 ? this.$appdata.getParam(this.meter.f_user_type[0]) : [],
+        pricetypes: this.$appdata.getParam('气价类型'),
+        industrycomments: this.$appdata.getParam('工业备注'),
+        meterbookoptions: [],  // 抄表册选项
+        opteratormetrbook: false, // 抄表册操作
+        oldrow: [],
+        isiot: true,
+        finalDate: ''
+      }
+    },
+    props: ['f_filialeid', 'meter', 'isdecimal', 'valid', 'f_userinfo_id'],
+    ready () {
+      console.log('看看meter里面的数据', this.meter, this.row)
+      console.log('--------------====================', this.meter.f_aroundmeter, this.row.f_aroundmeter)
+      this.row = Object.assign(this.row, this.meter, {})
+      this.oldrow = this.row
+      this.isdecimal = this.row.gasbrand.length > 0 ? this.row.gasbrand.f_isdecimal : '否'
+      this.row.valid = false
+      if (this.row.pricetype === '混合气价') {
+        this.ratioshow = true
+      }
+      co(meterBookGen(this))
+      if (this.row.f_gas_date == null || this.row.f_gas_date == '') {
+        this.row.f_gas_date = Util.toStandardTimeString()
+      }
+      if (this.row.f_install_date == null || this.row.f_install_date == '') {
+        this.row.f_install_date = Util.toStandardTimeString()
+        this.f_install_date = Util.toStandardTimeString()
+      } else {
+        this.f_install_date = this.row.f_install_date
+      }
+      this.getbfrq()
+      this.updatayear(this.f_install_date)
+      this.getRisers()
+    },
+    methods: {
+      usetypechange(){
+        //如果选择壁挂锅炉
+       let usertype = '';
+       if( this.meter.f_usetype instanceof  Array){
+         usertype = this.meter.f_usetype.length>0? this.meter.f_usetype[0]:''
+       }else{
+         usertype = this.meter.f_usetype? this.meter.f_usetype:''
+       }
+       if(usertype == '是'){
+          this.$showAlert('请进行添加用气设备!','warning',3000);
+       }
+      },
+      getbfrq(){
+        this.bfrq=this.row.gasmodel.length>0?(this.$appdata.getSingleValue(this.row.gasmodel[0].f_type)?this.$appdata.getSingleValue(this.row.gasmodel[0].f_type):10 ) : 10
+        this.updatayear(this.f_install_date)
+      },
+      getRisers(){
+        console.log("看看选中的调压箱",this.row.f_adjustable[0])
+        this.f_riser_code=null
+        this.risers=[]
+        if(this.row.f_adjustable[0]){
+          this.risers=this.row.f_adjustable[0].risers
+        }
+      },
+      async confirmUserfiles () {
+        if (this.$refs.addparamlist.confirm()) {
+          var paramlist = this.$refs.addparamlist.addGasParameter
+          await this.$resetpost('rs/logic/updateGasParam', {
+            data: {
+              id: this.selectUserFiles.f_user_id,
+              paramlist: paramlist,
+              gastype: 'userfiles'
+            }
+          }, {resolveMsg: '更新成功', rejectMsg: '更新失败'})
+          this.showParame = false
+        }
+      },
+
+      priceChange (val) {
+        if (val.length > 0) {
+          this.row.f_user_type = [val[0].f_user_type]
+          this.row.f_gasproperties = [val[0].f_gasproperties]
+          this.row.pricetype = val[0].f_price_type
+          // 展示气价备注
+          this.$set('row.f_price_comments', val[0].f_comments ? val[0].f_comments : '无')
+          // 展示价格明细
+          if (val[0].detailprice) {
+            // this.row.f_detailprice = this.$CommonService.getShowPriceDetail(val[0].detailprice)
+            this.$set('row.f_detailprice', this.$CommonService.getShowPriceDetail(val[0].detailprice))
+          }
+        }
+      },
+      cancel () {
+        this.gasid = ''
+        this.userfileid = ''
+        this.showParame = false
+      },
+      tablebaseChange () {
+        if (this.isdecimal === '是') {
+          this.$set('row.f_meter_base', (this.row.f_meter_base - 0).toFixed(4))
+        } else {
+          this.$set('row.f_meter_base', (this.row.f_meter_base - 0).toFixed(0))
+        }
+      },
+      brandChange (val) {
+        this.isdecimal = val.length > 0 ? val[0].f_isdecimal : '否'
+        console.log('sadasfasf', val)
+        if (val.length > 0 && val[0].f_meter_type === '物联网表') {
+          this.isiot = true
+        } else {
+          this.isiot = false
+        }
+        // this.tablebaseChange()
+        if (this.row.f_user_id) {
+          co(brandChangeGen(this))
+        }
+        this.meternumberValidate()
+      },
+      userTypeChange () {
+        this.gasproperties = []
+        if (this.row.f_user_type.length === 1) {
+          this.gasproperties = this.$appdata.getParam(this.row.f_user_type[0])
+        }
+      },
+      // getPricenames(pricetype) {
+      //     console.log('气价。，。。', pricetype, this.row.f_user_type, this.row.f_gasproperties)
+      //     let rs = []
+      //     if (this.row.f_user_type.length === 1 && this.row.f_gasproperties.length === 1 && pricetype.length === 1) {
+      //         let params = {
+      //             f_user_type: this.row.f_user_type[0],
+      //             f_gasproperties: this.row.f_gasproperties[0],
+      //             f_price_type: pricetype[0],
+      //             filter: this.f_filialeid
+      //         }
+      //         rs = this.$GetSaleParam.getPrice(params)
+      //     }
+      //     if (rs.length === 0) {
+      //         this.row.f_price_name = ''
+      //     }
+      //     return rs
+      // },
+      mValid (bool) {
+        this.row.valid = bool
+        this.$dispatch('self-valid')
+      },
+      // 带权限修改单值返回修改后得值和修改原因
+      modefiy (field) {
+        this.show = true
+        this.field = field
+      },
+      async meternumberValidate () {
+        let http1 = new HttpResetClass()
+        let res1 = await http1.load('POST', '/rs/sql/getBrandAndType', {data: {condition: ` mi.f_meternumber = '${this.row.f_meternumber}'`}}, {resolveMsg: null, rejectMsg: '获取默认气表品牌型号失败！！'})
+        if (res1.data.length > 0) {
+          // 替换表号自带的气表品牌和型号
+          let meterbrands = this.meterbrands
+          for (let row of meterbrands) {
+            if (row.label == res1.data[0].f_meter_brand) {
+              // 已经选择了气表品牌则不再替换
+              if (this.row.gasbrand.length <= 0) this.row.gasbrand = [row.value]
+              // 替换气表型号
+              if (res1.data[0].f_meter_style) {
+                for (let model of row.value.gasmodel) {
+                  if (model.label == res1.data[0].f_meter_style) {
+                    // 已经选择了气表型号则不再替换
+                    if (this.row.gasmodel.length <= 0) this.row.gasmodel = [model.value]
+                    continue
+                  }
+                }
+              }
+              continue
+            }
+          }
+          // 有一条或多条气表型号。此时给气表品牌赋值，给机表型号添加选择框
+          // this.$refs.paged.$refs.cri.model.f_userinfo_code = newVal
+          // this.row.f_meter_brand = this.row.f_meter_brand ? this.row.f_meter_brand : res1.data[0].f_meter_brand
+          // this.row.f_gasbrand_id = this.row.f_gasbrand_id ? this.row.f_gasbrand_id : res1.data[0].brandid
+          // let model = [
+          //   {
+          //     label: res1.data[0].f_meter_style,
+          //     value: {
+          //       f_meter_classify: res1.data[0].f_meter_classify,
+          //       f_meter_style: res1.data[0].f_meter_style,
+          //       id: res1.data[0].modelid,
+          //       f_gasbrand_id: res1.data[0].brandid
+          //     }
+          //   }
+          // ]
+          // this.row.gasbrand = this.row.gasbrand.length > 0 ? this.row.gasbrand : [{
+          //   f_meter_brand: res1.data[0].f_meter_brand,
+          //   id: res1.data[0].brandid,
+          //   gasmodel: model,
+          //   f_meter_type: res1.data[0].f_meter_classify
+          // }]
+          // let model2 = [
+          //   {
+          //     f_meter_style: res1.data[0].f_meter_style,
+          //     id: res1.data[0].modelid,
+          //     f_gasbrand_id: res1.data[0].brandid
+          //   }
+          // ]
+          // this.row.f_gasmodel_id = this.row.f_gasmodel_id ? this.row.f_gasmodel_id : res1.data[0].modelid
+          // this.row.gasmodel = this.row.gasmodel.length > 0 ? this.row.gasmodel : model2
+          // this.row.f_meter_classify = this.row.f_meter_classify ? this.row.f_meter_classify : res1.data[0].f_meter_classify
+        }
+        if (this.row.f_meternumber && this.row.gasbrand.length > 0) {
+          // 表号位数验证
+          let meternumberLen = this.row.gasbrand[0].f_meternumber_len
+          if (meternumberLen) {
+            if (this.row.f_meternumber.length != meternumberLen) {
+              this.row.f_meternumber = ''
+              this.$showAlert(`表号位数不正确, 当前气表品牌表号位数是: ${meternumberLen}`, 'warning', 3000)
+              return
+            }
+          }
+          // 表计信息验证
+          if (this.row.gasbrand[0].f_meterverification == '是') {
+            if (res1.data.length <= 0) {
+              this.$showAlert(`当前表号: ${this.row.f_meternumber}在表计信息中无记录, 请核实!!!`, 'warning', 3000)
+              this.row.f_meternumber = ''
+              return
+            }
+          }
+          let param = {
+            f_meternumber: this.row.f_meternumber,
+            f_gasbrand_id: this.row.gasbrand[0].id
+          }
+          if (this.row.f_userfiles_id) {
+            param.f_userfiles_id = this.row.f_userfiles_id
+          }
+          let res = await this.$resetpost('rs/logic/meternumberValidate', param, {
+            resolveMsg: null,
+            rejectMsg: '表号验证失败！！'
+          })
+          console.log('标号验证返回：', res)
+          if (this.row.gasbrand[0].f_meter_type === '物联网表') {
+            if (res.data) {
+              this.row.f_meternumber = ''
+              this.$showAlert('表号已存在！！', 'warning', 3000)
+            }
+          } else {
+            if (res.data) {
+              this.$showAlert('请注意，相同的表号已存在', 'warning', 3000)
+            }
+          }
+        }
+      },
+      updatayear (data) {
+        const today = new Date(data)
+        const year = today.getFullYear()
+        const month = today.getMonth()
+        const day = today.getDate()
+        const date = new Date((year-0) +(this.bfrq-0), month, day)
+        this.finalDate = date.toLocaleDateString()
+        console.log('898989898', this.finalDate)
+        this.row.f_scrap_date = this.finalDate
+        this.f_scrap_date = this.finalDate
+        console.log('898989898', this.row.f_scrap_date)
+      }
+    },
+    watch: {
+      'meter' () {
+        this.row = Object.assign(this.row, this.meter, {})
+        this.isdecimal = this.row.gasbrand.f_isdecimal
+        this.row.valid = false
+        this.showtype = this.row.gasbrand.f_meter_type
+        console.log('11111111111111111111111111')
+        this.f_install_date = this.row.f_install_date
+      },
+      'f_install_date' (val) {
+        console.log('222222222222', val)
+        this.row.f_install_date = val
+        this.updatayear(val)
+      },
+      'row.f_scrap_date' (val) {
+        console.log('45454545')
+        this.row.f_scrap_date = val
+        console.log('45454545', this.row.f_scrap_date, val)
+      },
+      'finalDate' () {
+        console.log('45454545666')
+        this.row.f_scrap_date = this.finalDate
+      },
+      'row.pricetype' (val) {
+        if (val == '混合气价') {
+          this.ratioshow = true
+        } else {
+          this.ratioshow = false
+        }
+      },
+      'this.row.gasbrand'(val){
+        console.log("赋值赋值！！",val)
+      }
+
+    },
+    computed: {
+
+      // 控制用户类型修改
+      permissionUserType () {
+        let res = false
+        if (this.row.f_user_id) {
+          res = !(this.jurisdiction.includes('民用气价修改') && this.jurisdiction.includes('非民用气价修改'))
+        }
+        return res
+      },
+
+      // 控制用气性质，气价类型，气价名称修改
+      permissionPrice () {
+        let res = false
+        if (this.row.f_user_id) {
+          console.log('获取权限、', this.row, this.jurisdiction)
+          // 变更操作
+          if (this.row.pricename.length > 0) {
+            if (this.row.f_user_type[0] === '民用') {
+              // 判断是否有民用气价权限
+              res = !this.jurisdiction.includes('民用气价修改')
+            } else if (this.row.f_user_type[0] === '非民用') {
+              // 判断是否有非民用气价权限
+              res = !this.jurisdiction.includes('非民用气价修改')
+            }
+          }
+        }
+        console.log('有无气价权限', res)
+        return res
+      },
+
+      getPricenames () {
+        let f_filialeid = this.f_filialeid
+        let result = []
+        this.$GetSaleParam.prices.forEach((item) => {
+          if (item.f_state === '有效') {
+            let value = {
+              label: item.f_price_name,
+              value: item
+            }
+            result.push(value)
+          }
+        })
+        return Array.from(new Set(result))
+      },
+
+      adjustables () {
+        let arr = []
+        let filter = this.f_filialeid
+        this.$GetSaleParam.getAdjustable(filter).forEach((item) => {
+          let temp = {}
+          temp.label = `[${item.value.f_adjustable_id}]-${item.label}`
+          temp.value = item.value
+          arr.push(temp)
+        })
+        return [{label: '全部', value: ''}, ...arr]
+      },
+      inputtores () {
+        // return this.$login.f.f_gasman
+        let rs = new Array()
+        for (let i = 0; i < this.$login.f.f_gasman.length; i++) {
+          let temp = {
+            label: this.$login.f.f_gasman[i].name,
+            value: this.$login.f.f_gasman[i].name
+          }
+          rs.push(temp)
+        }
+        return rs
+      },
+      installperson () {
+        // return this.$login.f.f_installman
+        let rs = new Array()
+        for (let i = 0; i < this.$login.f.f_installman.length; i++) {
+          let temp = {
+            label: this.$login.f.f_installman[i].name,
+            value: this.$login.f.f_installman[i].name
+          }
+          rs.push(temp)
+        }
+        return rs
+      },
+      meterbrands () {
+        return this.$GetSaleParam.getGasbrand()
+      },
+      aroundmeters () {
+        return this.$appdata.getParam('左右表')
+      },
+      positions () {
+        return this.$appdata.getParam('安装位置')
+      },
+      usetype () {
+        return [{label:'是',value:'是'},{label:'否',value:'否'}]
+      },
+      usestate () {
+        return this.$appdata.getParam('使用状态')
+      },
+      gongyetype () {
+        return this.$appdata.getParam('工业备注')
+      },
+      userfilesaddress () {
+        return this.$appdata.getParam('场站')
+      },
+      gcfs () {
+        return this.$appdata.getParam('供气方式')
+      }
+    }
+  }
+</script>
+<style lang="less">
+  #meterInfoTest{
+    #addboxmap {
+      height: 300px;
+    }
+    .glyphicon-map-marker:hover {
+      color: red;
+    }
+    .glyphicon-map-marker {
+      color: blue;
+      cursor: pointer;
+    }
+    .col-sm-4 {
+      .font_normal_body {
+        width: 73px;
+        overflow: auto;
+        white-space: nowrap;
+        // 指滚动条两边的按钮
+        &::-webkit-scrollbar-button {
+          display: none;
+        }
+        // 滚动条的宽度
+        &::-webkit-scrollbar {
+          width: 5px !important;
+          height: 5px !important;
+        }
+        // 滚动条的设置
+        &::-webkit-scrollbar-thumb {
+          background-color: #ddd;
+          background-clip: padding-box;
+        }
+        &::-webkit-scrollbar-thumb:hover {
+          background-color: #bbb;
+        }
+        &::-webkit-scrollbar-track {
+          /*滚动条里面轨道*/
+          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+          background: #ededed;
+        }
+      }
+    }
+  }
+</style>