sale-client 4.2.80 → 4.2.82

package/src/components/common/userinfo_detail/config/exportConfig.js

@@ -0,0 +1,85 @@
+export default{
+  RecordField:{
+    "f_userinfo_code":"客户编号","f_user_name":"客户名称",
+    "gas":"气量","fee":"应交","f_collection":"收款","type":"操作类型","f_operate_date":"操作时间","f_operator":"操作员","f_instruct_type":"指令类型","f_instruct_state":"指令执行状态","f_instruct_date":"指令生成时间","f_send_date":"指令发送时间","f_callback_date":"指令上表时间","f_receive_state":"指令返回状态","note":"备注"
+  },
+  RecordField2:{
+    "f_userinfo_code":"客户编号","f_user_name":"客户名称",
+    "gas":"气量","fee":"应交","f_collection":"收款","type":"操作类型","f_operate_date":"操作时间","f_operator":"操作员","note":"备注"
+  },
+  InstructField:{
+    "f_userinfo_code":"客户编号","f_user_name":"客户名称",
+    "f_instruct_type":"指令类型","f_instruct_state":"指令状态","f_instruct_date":"指令生成时间","f_send_date":"指令发送时间",
+    "f_callback_date":"指令上表时间","f_operate_date":"操作时间(记录)","f_type":"操作类型","f_state":"操作状态","f_operator":"操作人(记录)",
+    "f_operator_data":"操作信息",
+    "f_inputtor":"操作人","f_info":"备注信息"
+  },
+  chargeField:{
+    "f_userinfo_code":"客户编号","f_user_name":"客户名称",
+    "f_preamount":"购气金额","f_pregas":"购气量","f_collection":"收款","f_operator":"操作员","f_orgname":"分公司","f_depname":"营业厅",
+    "f_operate_date":"缴费时间","f_comments":"备注"
+  },
+  fillgasField:{
+    "f_userinfo_code":"客户编号","f_user_name":"客户名称",
+    "f_pregas":"补气量","f_preamount":"补气金额","f_type":"补气类型","f_comments":"补气原因",
+    "f_operator":"操作人","f_operate_date":"补气日期"
+  },
+  changeMeterField:{
+    "f_userinfo_code":"客户编号","f_user_name":"客户名称",
+    "f_type":"换表类型","f_using_base_old":"旧表底数","f_remanent_gas":"旧表剩余","f_meter_brand_old":"旧表品牌",
+    "f_meter_brand":"新表品牌","f_meternumber_old":"旧表号","f_flowmeternumber_old":"旧流量计表号","f_meternumber":"新表号","f_flowmeternumber":"新流量计表号","f_changemeter_fee":"换表费",
+    "f_operator":"操作人","f_operate_date":"换表日期","f_comments":"换表原因","f_othereason":"其他原因"
+  },
+  otherchargeField:{
+    "f_userinfo_code":"客户编号","f_user_name":"客户名称",
+    "f_collection":"收款","f_operator":"操作员","f_operate_date":"操作日期","f_comments":"备注"
+  },
+  tranferQueryField:{
+    "f_userinfo_code":"用户编号",
+    "f_user_name":"原用户姓名","f_newuser_name":"新用户姓名","f_user_phone":"原用户电话","f_newuser_phone":"新用户电话",
+    "f_transfer_fees":"过户费","f_operator":"操作人","f_operate_date":"过户日期","f_comments":"备注"
+  },
+  pricechangeQueryField:{
+    "f_userinfo_code":"用户编号","f_user_name":"客户名称",
+    "newprice":"新气价信息","oldprice":"旧气价信息","f_perform_date":"生效时间","f_operate_date":"操作时间",
+    "f_operator":"操作人"
+  },
+  changeRecordField:{
+    "f_userinfo_code":"用户编号","f_user_name":"客户名称",
+    "f_field_name":"修改内容","f_used_content":"旧值","f_new_content":"新值","f_operator":"操作人",
+    "f_operate_date":"操作日期"
+  },
+  fillcardQueryField:{
+    "f_userinfo_code":"用户编号","f_user_name":"客户名称",
+    "f_card_id":"卡号","f_meter_brand":"气表品牌","f_ispick_table":"是否过表","f_comments":"补卡原因",
+    "f_cardfees":"卡费","f_operator":"操作人","f_operate_date":"补卡日期"
+  },
+  handqueryField:{
+    "f_userinfo_code":"用户编号","f_user_name":"客户名称",
+    "f_last_tablebase":"上期底数","f_tablebase":"本期底数","f_oughtamount":"用气量","f_oughtfee":"用气金额","f_balance":"上期余额","f_curbalance":"本期余额",
+    "f_detailprice":"结算明细","f_hand_date":"结算日期","f_inputtor":"抄表员"
+  },
+  watchcollectionField:{
+    "f_userinfo_code":"用户编号","f_user_name":"客户名称",
+    "f_hand_date":"上报日期","f_meterbalanceamt":"表内剩余金额","f_tablebase":"本次抄表底数",
+    "f_valvestate":"阀门状态","f_upload_type":"上报类型","f_insert_date":"系统接收时间","f_meterdebitamt":"表内累计充值金额",
+    "f_signal":"噪音强度","f_snr":"信噪比","f_batterylevel":"电压","f_lowlithiumbattery":"电压状态",
+    "f_networkshutvalve":"阀门强制状态","f_wmprepaytype":"计量类型", "flowmeterpressure": "压力",
+ "flowmetertemperature": "温度", "operatingmodeflow": "标况流量", "standardconditionflow": "工况流量", "operatingmodetotal": "标况总量量",
+"standardconditiontotal": "工况总量量", "f_moneystate":"金额状态","f_nsturalgas_data":"累计用气金额","curentPrice":"当前单价"
+  },
+  iotArrearsField:{
+    "f_userinfo_code":"用户编号","f_user_name":"用户姓名/单位名称","f_user_state":"用户状态","f_meternumber":"表号",
+    "f_user_type":"用户类型","f_gasproperties":"用气性质","f_meter_classify":"气表分类","f_meter_base":"气表底数",
+    "f_table_state":"表状态","f_balance_amount":"剩余金额","f_money_state":"费用状态","f_meter_brand":"气表品牌","f_address":"地址"
+  },
+  iotrechargeaudit:{
+    "f_userinfo_code":"客户编号","f_user_name":"客户名称","f_user_state":"客户状态","f_meternumber":"表号",
+    "f_user_type":"用户类型","f_gasproperties":"用气性质","f_meter_brand":"气表品牌","f_address":"客户地址",
+    "f_meter_classify":"气表类型","f_table_state":"气表状态","f_meter_base":"气表读数",
+    "f_total_fee":"当前表累购","fillmoney":"补气金额(旧表)","allmoney":"当前表累购金额(记录合计)","f_total_usegas_amount":"累用金额",
+    "f_balance_amount":"剩余金额","f_meteread_date":"最后上报时间","f_hand_date":"最后结算时间","name":"所属组织"
+  }
+
+
+}

package/src/components/ncarchives/ncArchivesAdd.vue

@@ -0,0 +1,468 @@
+<template>
+  <div class="span">
+    <validator name='v'>
+      <div class="form-horizontal select-overspread container-fluid" style="overflow-y: auto">
+
+        <div class="row auto">
+          <div class="col-sm-12 bg-info text-center"  style="padding: 4px;font-size: 18px;font-weight: bold">
+            <span >NC客戶基本信息</span>
+          </div>
+          <!--基本用户信息-->
+          <div class="col-sm-12 form-group" :class="[$v.f_user_name.required ? 'has-error' : 'has-success']" >
+            <label class="font_normal_body">&ensp;NC客户名称</label>
+            <input type="text" class="input_search" style="width:87%" v-model="areamodel.f_user_name"
+                   v-validate:f_user_name='{required: true }'
+                   placeholder="NC客户名称">
+          </div>
+          <div class="col-sm-4 form-group" :class="[$v.f_customer.required ? 'has-error' : 'has-success']">
+            <label class="font_normal_body">&ensp;NC客户编码</label>
+            <input type="text" class="input_search" style="width:60%" v-model="areamodel.f_customer"
+                   v-validate:f_customer='{required: true }'
+                    placeholder="NC客户编码">
+          </div>
+
+
+          <div class="col-sm-4 form-group" style="" v-if="true">
+            <label for="f_user_state" class="font_normal_body">&ensp;NC客户状态</label>
+            <v-select :value.sync="areamodel.f_user_state" :value-single="true"
+                      disabled="true"
+                      :options='userstates' placeholder='NC客户状态'
+                      close-on-select></v-select>
+          </div>
+          <div class="col-sm-4 form-group" style="" :class="[$v.f_user_type.required ? 'has-error' : '']">
+            <label for="f_user_type" class="font_normal_body">&ensp;*NC客户类型</label>
+            <input type="text" maxlength="11" v-model="areamodel.f_user_type" v-show="false"
+                   v-validate:f_user_type='{required: true }' v-el:phone v-next-el="area">
+            <v-select :value.sync="areamodel.f_user_type" :value-single="true"
+                      @change="userTypeChange()"
+                      :options='usertypes' placeholder='客户类型'
+                      close-on-select></v-select>
+          </div>
+        </div>
+        <div class="row auto">
+          <!--<div class="col-sm-4 form-group" style="" :class="[$v.f_gasproperties.required ? 'has-error' : '']">-->
+            <!--<label class="font_normal_body">&ensp;用&nbsp;气&nbsp;性&nbsp;质&nbsp;</label>-->
+            <!--<input type="text" maxlength="11" v-model="areamodel.f_gasproperties" v-show="false"-->
+                   <!--v-validate:f_gasproperties='{required: true }' v-el:phone v-next-el="area">-->
+            <!--<v-select :value.sync="areamodel.f_gasproperties" v-model="areamodel.f_gasproperties"-->
+                      <!--:options='gasproperties' placeholder='用气性质' :value-single="true"-->
+                      <!--close-on-select></v-select>-->
+          <!--</div>-->
+          <div style="" class="col-sm-4 form-group" >
+            <label for="f_user_phone" class="font_normal_body">&nbsp;联系人电话&nbsp;</label>
+            <input type="text" maxlength="11" v-model="areamodel.f_user_phone"
+                    class="input_search" style="width:60%"
+                   placeholder="NC客戶电话" v-el:phone v-next-el="area">
+          </div>
+        </div>
+        <div class="row auto">
+          <div style="" class="col-sm-4 form-group">
+            <label for="f_credentials" class="font_normal_body">&ensp;证&nbsp;件&nbsp;类&nbsp;型&nbsp;</label>
+            <v-select id="idCardType" :value.sync="areamodel.f_credentials"
+                      v-model="areamodel.f_credentials"
+                      :options='credentials' placeholder='证件类型'
+                      style="width: 65%"
+                      close-on-select></v-select>
+          </div>
+          <div style="" class="col-sm-8 form-group" v-if="areamodel.f_credentials[0] === '身份证'">
+            <label for="f_idnumber" class="font_normal_body">&ensp;*证&nbsp;件&nbsp;号&nbsp;码&nbsp;</label>
+            <input type="text" maxlength="18" v-model="areamodel.f_idnumber"
+                    class="input_search" style="width:80%"
+                   placeholder="证件号码">
+          </div>
+          <div style="" class="col-sm-8 form-group" v-if="areamodel.f_credentials[0] !== '身份证'">
+            <label class="font_normal_body">&ensp;证件号码</label>
+            <input type="text" v-model="areamodel.f_idnumber" class="input_search" style="width:80%"
+                   placeholder="证件号码">
+          </div>
+        </div>
+        <div class="row auto">
+          <div class="col-sm-12 form-group" >
+            <label for="f_address" class="font_normal_body">&ensp;NC地址信息</label>
+            <input type="text" v-model="areamodel.f_address" :value.sync="areamodel.f_address"
+                   class="input_search"  style="width: 87%;" placeholder="NC地址信息" >
+          </div>
+        </div>
+        <div class="row auto" style="text-align:right;margin: 10px 37px 0 0;">
+          <button class="button_search button_spacing" @click="confirm()" :disabled='!$v.valid'>保存</button>
+          <button class="button_clear button_spacing" @click="cancel()">取消</button>
+        </div>
+        <!--用户管理的表具-->
+        <div class="row auto">
+          <br />
+        </div>
+        <div class="col-sm-12 bg-info text-center"  style="height:33px;padding: 4px;font-size: 18px;font-weight: bold; position:relative">
+          <span >用户关联表具</span>
+          <button class="button_search button_spacing addmeterc" @click="addmeterinfo">添加表具</button>
+        </div>
+        <div class="auto row" style="margin-top:33px;">
+          <div v-for="row in meterinfo" style="margin: 9px 0;border: 1px solid rgba(100,100,100,0.5);border-radius:10px;">
+            <div style="width:100%;height:30px;position:relative;">
+              <span class="glyphicon glyphicon-remove infosshow" @click="deletemeterinfo(row)"></span>
+            </div>
+            <div class="row " style="height:50px;margin:5px 0px;padding-left: 15px">
+              <div class="col-sm-4 form-group">
+                <label for="f_userinfo_code" class="font_normal_body">客户编号</label>
+                <input type="text" v-model="row.f_userinfo_code" class="input_search" style="width:60%"
+                       placeholder="表号">
+              </div>
+              <div class="col-sm-4 form-group">
+                <label for="f_user_name" class="font_normal_body">客户姓名</label>
+                <input type="text" v-model="row.f_user_name" class="input_search" style="width:60%"
+                       placeholder="表号">
+              </div>
+              <div class="col-sm-4 form-group">
+                <label for="f_gasproperties" class="font_normal_body">用气性质</label>
+                <input type="text" v-model="row.f_gasproperties" class="input_search" style="width:60%"
+                       placeholder="表号">
+              </div>
+            </div>
+            <div class="row " style="height:50px;margin:5px 0px;padding-left: 15px">
+              <div class="col-sm-4 form-group">
+                <label for="f_meternumber" class="font_normal_body">表&emsp;&emsp;号</label>
+                <input type="text" v-model="row.f_meternumber" class="input_search" style="width:60%"
+                       placeholder="表号">
+              </div>
+              <div class="col-sm-4 form-group">
+                <label for="gasbrand" class="font_normal_body">气表品牌</label>
+                <input type="text" v-model="row.f_meter_brand" class="input_search" style="width:60%"
+                       placeholder="气表品牌">
+              </div>
+              <div class="col-sm-4 form-group">
+                <label for="gasmodel" class="font_normal_body">气表型号</label>
+                <input type="text" v-model="row.f_meter_style" class="input_search" style="width:60%"
+                       placeholder="气表型号">
+              </div>
+            </div>
+            <div class="row auto" style="height:50px;margin:5px 0px;padding-left: 15px">
+              <div class="col-sm-4 form-group">
+                <label for="pricename" class="font_normal_body">气价名称</label>
+                <input type="text" v-model="row.f_price_name" class="input_search" style="width:60%"
+                       placeholder="气价名称">
+              </div>
+              <div class="col-sm-4 form-group">
+                <label for="pricetype" class="font_normal_body">气价类型</label>
+                <input type="text" v-model="row.f_price_type" class="input_search" style="width:60%"
+                       placeholder="气价类型">
+              </div>
+              <div class="col-sm-4 form-group">
+                <label for="gasmodel" class="font_normal_body">表&ensp;&ensp;&ensp;&ensp;向</label>
+                <input type="text" v-model="row.f_aroundmeter" class="input_search" style="width:60%"
+                       placeholder="表向">
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+      </div>
+    </validator>
+    <!--<modal v-if="showselectaddress" :show.sync="showselectaddress" width="80%" title="地址信息" v-ref:modal large backdrop="false">-->
+      <!--<article slot="modal-body" class="modal-body" style="height: 700px;padding: 0!important;">-->
+        <!--<nc-address-list :is-select="isSelect" :fileinfo="areamodel" :f_filialeid.sync="f_filialeids"-->
+                             <!--@address-valid="doNothing"   :showselectaddress.sync="showselectaddress" v-ref:fileaddress ></nc-address-list>-->
+      <!--</article>-->
+      <!--<footer slot="modal-footer" class="modal-footer">-->
+      <!--</footer>-->
+    <!--</modal>-->
+    <modal v-if="addmeterinfoshow" :show.sync="addmeterinfoshow" width="80%" title="表具信息" v-ref:modal large backdrop="false">
+      <article slot="modal-body" class="modal-body" style="height: 700px;padding: 0!important;">
+        <nc-userfiles-list :is-select="isSelect" :meterinfo="meterinfo" :fileinfo="areamodel" :f_filialeid.sync="f_filialeids" :usertype="areamodel.f_user_type"
+                             @address-valid="doNothing"  v-ref:userfilesadd ></nc-userfiles-list>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+      </footer>
+    </modal>
+
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass} from 'vue-client'
+
+
+  let initGen = async function (self) {
+    await self.initdata()
+  }
+
+  export default {
+    title: 'NC档案添加',
+    data () {
+      return {
+        //用户信息
+        areamodel: {
+          f_customer: '',
+          f_user_name:'',
+          f_address:'',
+          f_address_id:'',
+          f_user_state:'正常',
+          f_user_type:'',
+          f_gasproperties:'',
+          f_user_phone:'',
+          f_credentials:['身份证'],
+          f_idnumber:''
+        },
+        sliceArea: [],
+        gasproperties: [],
+        isSelect:false,
+        showselectaddress:false,
+        userstates: this.$appdata.getParam('用户状态'),
+        credentials: this.$appdata.getParam('证件类型'),
+        addmeterinfoshow:false
+      }
+    },
+    props: ['f_filialeids','f_special', 'areatype','row','operation','meterinfo'],
+    ready(){
+      initGen(this)
+    },
+    methods: {
+      userTypeChange () {
+        this.gasproperties=[]
+        if(this.areamodel !==null) {
+          //this.areamodel.f_gasproperties=''
+
+          this.gasproperties = this.$appdata.getParam(this.areamodel.f_user_type)
+          // this.gasproperties.push({label: '全部', value: ''})
+        }
+        else{
+          this.gasproperties =[{label: '全部', value: ''}]
+        }
+      },
+      //删除拥有表具
+      async deletemeterinfo(row){
+        if(this.meterinfo == null || this.meterinfo.length==0 ){
+            this.$showAlert('当前用户未关联此表具,请检查后操作!','warning',2000);
+            this.meterinfo = [];
+            return;
+        }
+        if( row.f_userfiles_id == null || row.f_userfiles_id == ''){
+          this.$showAlert('当前用户表具数据出错,请检查后操作!','warning',2000);
+          return;
+        }
+        let self = this;
+        this.meterinfo.forEach(async (item)=>{
+          if(item.f_userfiles_id == null){
+            return;
+          }
+          if(item.f_userfiles_id == row.f_userfiles_id){
+            self.meterinfo.pop(item);
+            //档案中去除表具
+            if(row.f_user_id == null || row.f_userfiles_id == null){
+              this.$showAlert("表具数据出错,删除失败,请联系管理员!!");
+              return;
+            }
+            let param = {
+              f_userfiles_id:row.f_userfiles_id,
+              version: row.version,
+              f_user_id:row.f_user_id,
+              f_civill_id:null
+            }
+            let sql = `update t_userfiles set f_civill_id= null where f_userfiles_id= ${row.f_userfiles_id}`
+            await self.$resetpost('rs/logic/runSQL',{data:{sql:sql}},{
+              resolveMsg: null,
+              rejectMsg: '删除关联表具失败!'
+            })
+            let newparam={
+              id:self.areamodel.id,
+              f_meterlen:self.meterinfo.length
+            }
+            await self.$resetpost('rs/entity/t_civill',newparam,{
+              resolveMsg: null,
+              rejectMsg: '更新关联表具记录信息!'
+            })
+          }
+        })
+      },
+      addmeterinfo(){
+        if(this.areamodel.f_user_type == null || this.areamodel.f_user_type == ''){
+          this.$showAlert('请选择客户类型','warning',2000);
+          return;
+        }
+        this.addmeterinfoshow = true;
+      },
+      // selectaddress() {
+      //   this.showselectaddress = true
+      //   this.isSelect = true
+      // },
+      //初始化数据
+      async initdata(rows){
+        // 初始化参数
+        await this.initParams()
+        //初始化meterinfo
+        if(this.operation == 'add'){
+          //当是添加时
+          this.meterinfo = [];
+          this.areamodel = {
+            f_customer: '',
+            f_user_name:'',
+            f_address:'',
+            f_address_id:'',
+            f_user_state:'正常',
+            f_user_type:'',
+            f_gasproperties:'',
+            f_user_phone:'',
+            f_credentials:['身份证'],
+            f_idnumber:''
+          }
+        }
+        if(this.operation == 'modify'){
+          //如果修改表具,需要获取表具信息
+          this.areamodel = rows;
+          let param = {
+            condition:{
+              othercondition: ' 1=1 ',
+              condition: `1=1 and f_orgid='${this.f_filialeids}' and f_civill_id='${rows.id}'`
+            }
+          }
+          let self =this;
+          //获取用户使用的表具
+          await this.$resetpost('rs/sql/ncmeterQuery',{data:param},{
+            resolveMsg: null,
+            rejectMsg: '获取用户关联表具失败!'
+          }).then((item)=>{
+            if(item.data){
+                item.data.forEach((items)=>{
+                  self.meterinfo.push(items)
+                })
+            }
+          });
+        }
+      },
+      async initParams() {
+        await this.$LoadParams.loadParam(this.f_filialeids)
+      },
+      //根据名字找数据
+      findbyid(list,name){
+        var result
+        list.forEach((row, n) => {
+          if(name==row.id){
+            result= row.data
+          }
+        })
+        return result
+      },
+      //保存
+      async confirm(){
+        await this.savearchives()
+        this.cleardara()
+        this.$dispatch('confirm')
+      },
+      cancel(){
+        this.cleardara()
+        this.$dispatch('cancel')
+      },
+      cleardara(){
+         this.meterinfo=[];
+          this.areamodel = {
+            f_customer: '',
+            f_user_name:'',
+            f_address:'',
+            f_address_id:'',
+            f_user_state:'正常',
+            f_user_type:'',
+            f_gasproperties:'',
+            f_user_phone:'',
+            f_credentials:['身份证'],
+            f_idnumber:''
+          }
+      },
+      savearchives(){
+          //保存非民用用户  this.meterinfo  this.areamodel
+          if(this.f_filialeids == ''){
+            this.f_filialeids = this.$login.f.orgid;
+          }
+          if(this.areamodel.f_credentials instanceof Array){
+            this.areamodel.f_credentials = this.areamodel.f_credentials.length>0? this.areamodel.f_credentials[0]:''
+          }
+          let param = {
+            meterinfo:this.meterinfo,
+            archives:this.areamodel,
+            loginuser:{
+              f_orgid:this.f_filialeids,
+              userid:this.$login.f.id,
+              username:this.$login.f.name
+            }
+          }
+          this.$resetpost('rs/logic/savencarchives',param,{
+            resolveMsg: '保存成功!',
+            rejectMsg: '保存失败!'
+          });
+      }
+    },
+    watch: {
+      'areatype'(){
+        this.initdata()
+      },
+      'f_filialeids'(){
+        if (this.areamodel.f_filialeid) {
+          if (this.areamodel.f_filialeid != this.f_filialeids) {
+            this.$dispatch('cancel')
+          }
+        }
+        this.cleardara()
+        this.initdata()
+      }
+    },
+    computed: {
+      usertypes () {
+        return this.$appdata.getParam('用户类型')
+      },
+      f_price_types () {
+        return this.$appdata.getParam('气价类型')
+      },
+
+    },
+    events: {
+      // 'confirmaddress'(res) {
+      //   console.log('选定地址', res)
+      //   this.showselectaddress = false
+      //   this.areamodel.f_address = res.f_address
+      //   this.areamodel.f_address_id = res.id
+      // },
+      async 'confirmuserfiles'(res){
+        this.addmeterinfoshow = false
+        console.log("res",res);
+        this.meterinfo.push(res);
+        if(this.operation == 'modify'){
+          await this.savearchives()
+        }
+      }
+    }
+  }
+</script>
+<style>
+  .box {
+    width: 727px;
+    height: 175px;
+    border-radius: 2px;
+    background-color: #fafafa;
+    border: 1px solid #999999;
+    margin-top: 13px;
+  }
+  .datapanel {
+    color: #333;
+    background-color: white;
+    box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px ;
+    padding: 10px 30px 10px 30px;
+    border-radius:15px;
+  }
+  .infosshow{
+    height: 50px;text-align: right;
+    line-height: 27px; padding-right:18px;
+    font-size: 25px;
+    width:50px;
+    cursor:pointer;
+    color:#000;
+    position:absolute;
+    top:0px;
+    right:2px;
+  }
+  .infosshow:hover{
+    color:#333;
+  }
+  .addmeterc{
+    position:absolute;
+    right:3px;
+    top:-3px;
+  }
+</style>