safecheck-client 3.0.27-gongyi → 3.0.30-gongyi

package/src/components/sendsingle/onlineChangeMeter.vue

@@ -1,658 +1,658 @@
-<template>
-  <div style="height: auto;width: 100%">
-    <!-- 新表 -->
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">新表编号</label>
-      </div>
-      <div class="col-xs-5">
-        <input type="text" class="input_search input_ys" placeholder="请输入新表编号..." v-model="model.f_new_num">
-      </div>
-      <div class="col-xs-3">
-        <button type="button" name="button" class="btn btn-primary" @click="Scanningtable">扫码</button>
-        <button type="button" name="button" class="btn btn-primary" @click="metersearch">查询</button>
-
-      </div>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px;">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">新表类型</label>
-      </div>
-      <div class="col-xs-7">
-        <input type="text" class="input_search input_ys" placeholder="请输入新表类型..." v-model="model.f_new_type" readonly="readonly">
-      </div>
-
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px;">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">新表品牌</label>
-      </div>
-      <div class="col-xs-7">
-        <input type="text" class="input_search input_ys" placeholder="请输入新表品牌..." v-model="model.f_new_brand" readonly="readonly">
-      </div>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px;">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">新表型号</label>
-      </div>
-      <div class="col-xs-7">
-        <input type="text" class="input_search input_ys" placeholder="请输入新表型号..." v-model="model.gasmodel" readonly="readonly">
-      </div>
-      <!--      <v-select-->
-      <!--        :value="model.gasmodel"-->
-      <!--        :options='newTypeList'-->
-      <!--        placeholder='请选择'-->
-      <!--        close-on-select-->
-      <!--        style="margin-bottom: 10px;"-->
-      <!--        value-single-->
-      <!--        :search="false"-->
-      <!--        v-model="model.gasmodel"-->
-      <!--      ></v-select>-->
-    </div>
-
-
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">旧表底数</label>
-      </div>
-      <div class="col-xs-4">
-        <input type="text" class="input_search input_ys" placeholder="请输入旧表底数..." v-model="model.f_original_meter">
-      </div>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">新表底数</label>
-      </div>
-      <div class="col-xs-7">
-        <input type="text" class="input_search input_ys" placeholder="请输入新表底数..." v-model="model.f_new_meter">
-      </div>
-    </div>
-
-
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">新表封号</label>
-      </div>
-      <div class="col-xs-7">
-        <input type="text" class="input_search input_ys" placeholder="请输入新表封号..." v-model="model.f_metertitles">
-      </div>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">换表原因</label>
-      </div>
-      <div class="col-xs-7">
-        <input type="text" class="input_search input_ys" placeholder="请输入换表原因..." v-model="model.f_comments">
-      </div>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">旧表累计</label>
-      </div>
-      <div class="col-xs-7">
-        <input type="text" class="input_search input_ys" placeholder="请输入旧表累计..." v-model="model.f_old_leiji">
-      </div>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">旧表剩余</label>
-      </div>
-      <div class="col-xs-7">
-        <input type="text" class="input_search input_ys" placeholder="请输入旧表剩余..." v-model="model.f_old_shengyu">
-      </div>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">新表累计</label>
-      </div>
-      <div class="col-xs-7">
-        <input type="text" class="input_search input_ys" placeholder="请输入新表累计..." v-model="model.f_new_leiji">
-      </div>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">新表剩余</label>
-      </div>
-      <div class="col-xs-7">
-        <input type="text" class="input_search input_ys" placeholder="请输入新表剩余..." v-model="model.f_new_shengyu">
-      </div>
-    </div>
-
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">是否收费</label>
-      </div>
-        <v-select
-          :value.sync="model.f_is_money"
-          :options='ismoney'
-          placeholder='请选择'
-          close-on-select
-          :search="false"
-          value-single
-          style="margin-bottom: 10px;"
-          v-model="model.f_is_money"
-        ></v-select>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">收费金额</label>
-      </div>
-      <div class="col-xs-7">
-        <input type="text" class="input_search input_ys" placeholder="请输入收费金额..." v-model="model.f_fee_money">
-      </div>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">是否换卡</label>
-      </div>
-      <v-select
-        :value.sync="model.f_change_card"
-        :options='ismoney'
-        placeholder='请选择'
-        close-on-select
-        :search="false"
-        value-single
-        style="margin-bottom: 10px;"
-        v-model="model.f_change_card"
-      ></v-select>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">新卡编号</label>
-      </div>
-      <div class="col-xs-7">
-        <input type="text" class="input_search input_ys" placeholder="请输入新卡编号..." v-model="model.f_new_card">
-      </div>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">转移气费</label>
-      </div>
-      <div class="col-xs-7">
-        <input type="text" class="input_search input_ys" placeholder="请输入转移气费..." v-model="model.f_transfer_money">
-      </div>
-    </div>
-
-
-
-
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-<!--        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">-->
-        <label class="font text-left">计量表更换是否加装辅助材料</label>
-      </div>
-      <v-select
-        :value.sync="model.f_isdefect_a"
-        :options='ismoney'
-        placeholder='请选择'
-        close-on-select
-        :search="false"
-        value-single
-        style="margin-bottom: 10px;"
-        v-model="model.f_isdefect_a"
-      ></v-select>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-<!--        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">-->
-        <label class="font text-left">试压正常，无漏气</label>
-      </div>
-      <v-select
-        :value.sync="model.f_isdefect_b"
-        :options='ismoney'
-        placeholder='请选择'
-        close-on-select
-        :search="false"
-        value-single
-        style="margin-bottom: 10px;"
-        v-model="model.f_isdefect_b"
-      ></v-select>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-<!--        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">-->
-        <label class="font text-left">计量设备运行正常</label>
-      </div>
-      <v-select
-        :value.sync="model.f_isdefect_c"
-        :options='ismoney'
-        placeholder='请选择'
-        close-on-select
-        :search="false"
-        value-single
-        style="margin-bottom: 10px;"
-        v-model="model.f_isdefect_c"
-      ></v-select>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-<!--        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">-->
-        <label class="font text-left">用气设备运行正常</label>
-      </div>
-      <v-select
-        :value.sync="model.f_isdefect_d"
-        :options='ismoney'
-        placeholder='请选择'
-        close-on-select
-        :search="false"
-        value-single
-        style="margin-bottom: 10px;"
-        v-model="model.f_isdefect_d"
-      ></v-select>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">备注</label>
-      </div>
-      <div class="col-xs-7">
-        <input type="text" class="input_search input_ys" placeholder="请输入备注..." v-model="model.f_remarks">
-      </div>
-    </div>
-    <div class="row  app-row">
-      <div class="col-xs-4" style="margin-top: 5px">
-        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <label class="font text-left">换表人</label>
-      </div>
-      <div class="col-xs-7">
-        <input type="text" class="input_search input_ys" placeholder="请输入换表人..." v-model="model.f_operator">
-      </div>
-    </div>
-    <div class="row text-center" style="margin-top: 25px;margin-bottom: 30px">
-      <button type="button" class="btn btn-lg btn-font btn-color" style="width: 28%;" @click="gotochengemeter()">确认
-      </button>
-      <!--            <button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;" @click="clean()">取消</button>-->
-    </div>
-    <!--<div>
-      <button @click="gotochengemeter" class="btn_cz" style="margin-bottom: 10px">确认</button>
-    </div>-->
-  </div>
-</template>
-
-<script>
-import Vue from 'vue'
-import {HttpResetClass} from "vue-client";
-
-
-export default {
-  //name: "IndoorRepair"
-  title: '在线换表',
-  props: ['item'],
-  data() {
-    return {
-      model: {
-        f_userinfo_code: '',
-        f_original_type: '', // 旧表品牌
-        f_original_meter: '',//旧表底数
-        f_original_Num: '',// 旧表编号
-        f_new_type: '', //新表类型
-        f_new_brand: '', // 新表品牌
-        gasmodel: '', // 新表型号
-        f_new_meter: '', //新表底数
-        f_new_num: '', //新表表号
-        f_new_leiji:'',
-        f_new_shengyu:'',
-        f_old_leiji:'',
-        f_old_shengyu:'',
-        f_isdefect_a:'',
-        f_isdefect_b:'',
-        f_isdefect_c:'',
-        f_isdefect_d:'',
-        f_metertitles: '',
-        f_comments: '',
-        f_is_money: '',
-        f_fee_money: '',
-        f_transfer_money: '',
-        f_change_card:'',
-        f_new_card:'',
-        f_remarks:'',
-        f_depname: Vue.user.deps,
-        f_depid: Vue.user.depids,
-        f_orgid: Vue.user.orgid,
-        f_orgname: Vue.user.orgs,
-        f_operator: Vue.user.name,
-        f_operatorid: Vue.user.id
-      },
-      ismoney: [{label: "是", value: "是"}, {label: "否", value: "否"}],
-      // changetypes: [{label: "换新表", value: "换新表"}, {label: "气表清零", value: "气表清零"}, {label: "换计费器", value: "换计费器"}],
-      // changeReasonList: [{label: "漏气", value: "漏气"}, {label: "燃气表损坏", value: "燃气表损坏"}],
-      // changeReason2List: [{label: "表计量异常", value: "表计量异常"}, {label: "表不走", value: "表不走"}],
-      // changeTypeList: [{label: "换新表", value: "换新表"}, {label: "清零", value: "清零"}],
-      // originalTypeList: [{label: "请选择。。。", value: ""}, {label: "物联网表", value: "物联网表"}, {
-      //   label: "金额卡表",
-      //   value: "金额卡表"
-      // }, {label: "气量卡表", value: "气量卡表"}, {label: "机表", value: "机表"}, {label: "远传表", value: "远传表"}],
-      // newBrandList: [{label: "111", value: "111"}, {label: "222", value: "222"}],
-      // newTypeList: [{label: "G2.5", value: "G2.5"}, {label: "G4", value: "G4"}],
-      // avoidReasonList: [{label: "原因1", value: "原因1"}, {label: "原因2", value: "原因2"}],
-      // switchTypeList: [{label: "金额", value: "金额"}, {label: "气量", value: "气量"}],
-      // filialeid: Vue.user.orgid,
-      row: {}, //用户信息
-      model1: {},// 换表的model值
-      allBrandList: [],//所有表品牌
-      f_userinfo_code: '',
-      f_orgid: '',
-      f_userfiles_id: '', //新表档案id
-      islot: false
-
-    }
-  },
-  methods: {
-    getCode() {
-      var datapa = HostApp.getCode().data;
-      console.log(`扫码返回值${datapa}`)
-      this.model.f_new_num = datapa
-      this.$showMessage(`扫码返回值为：${datapa}`)
-
-    },
-    Scanningtable() {
-      console.log('扫表号6666666')
-      HostApp.__this__ = this
-      HostApp.scanCode({callback: "javascript:HostApp.__this__.getCode();"})
-    },
-    metersearch(){
-      new HttpResetClass().load('post',`${this.$androidUtil.getProxyUrl()}/rs/sql/webMeterInfo`,{data:{condition:`1=1 and f_meternumber='${this.model.f_new_num}'`,items: "*",
-          orderitem: "id",
-          tablename: "t_meterinfo"}}).then(res=>{
-        if (res.data.length>0){
-             this.model.f_new_type = res.data[0].f_metertype
-             this.model.f_new_brand = res.data[0].f_meter_brand
-             this.model.gasmodel = res.data[0].f_meter_style
-        }else {
-          this.$showMessage("未找到该表号信息")
-        }
-
-      })
-    },
-    // getallBrandList() {
-    //   console.log('获取所有的表品牌')
-    //   this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/logic/getSaleInitData`, {data: {f_orgid: this.f_orgid}}).then((row) => {
-    //     console.log('查询的所有表品牌')
-    //     console.log(JSON.stringify(row.data.gasbrands))
-    //     if (row.data.gasbrands) {
-    //       row.data.gasbrands.forEach((item) => {
-    //         let BrandList = {label: item.f_meter_brand, value: item}
-    //         this.allBrandList.push(BrandList)
-    //       })
-    //     } else {
-    //       this.$showMessage('表品牌获取失败！')
-    //     }
-    //     console.log('所有的品牌-----' + JSON.stringify(this.allBrandList))
-    //   })
-    // },
-    // getPRICE() {
-    //   console.log('获取补气单价')
-    //   let http = new HttpResetClass()
-    //   http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/onlinegetprice`, {data: {condition: ` f_userinfo_id = '${this.item.f_userinfo_id}'`}}, {
-    //     resolveMsg: null,
-    //     rejectMsg: null
-    //   }).then((row) => {
-    //     console.log('结果+++++' + JSON.stringify(row))
-    //     console.log('补气单价---' + JSON.stringify(row.data[0].f_price))
-    //     this.model.f_remanent_price = row.data[0].f_price
-    //   }).catch((e) => {
-    //     console.log('错误信息+++++++' + JSON.stringify(e))
-    //     this.$showMessage('补气单价获取失败！')
-    //   })
-    // },
-    gotochengemeter() {
-      console.log("进入换表====================")
-      console.log('8888888888888' + JSON.stringify(this.model))
-
-      // 校验
-      if (this.myverify()) {
-        new HttpResetClass().load('post',`${this.$androidUtil.getProxyUrl()}/rs/logic/qinhuaChangeMeter`,{model:this.model}).then(res=>{
-          if (res.data.code=='200'){
-            this.$showMessage('换表成功')
-            this.$dispatch('confirm')
-            console.log("换表数据打印")
-            console.log(JSON.stringify(this.model))
-          }else{
-            this.$showMessage('换表失败'+res.data.msg)
-          }
-        })
-
-      } else {
-        console.log('换表数据不完整')
-      }
-
-    },
-    myverify() {
-
-      console.log('进入校验')
-      let flag = false
-      if (!this.model.f_new_num) {
-        console.log('请输入新表编号...')
-        this.$showMessage('请输入新表编号...')
-        return flag
-      }
-      if (!this.model.f_original_meter) {
-        console.log('请输入旧表底数...')
-        this.$showMessage('请输入旧表底数...')
-        return flag
-      }
-      if (!this.model.f_new_meter) {
-        console.log('请输入新表底数...')
-        this.$showMessage('请输入新表底数...')
-        return flag
-      }
-      if (!this.model.f_metertitles) {
-        console.log('请输入新表封号...')
-        this.$showMessage('请输入新表封号...')
-        return flag
-      }
-      if (!this.model.f_comments) {
-        console.log('请输入换表原因...')
-        this.$showMessage('请输入换表原因...')
-        return flag
-      }
-      if (!this.model.f_old_leiji) {
-        console.log('请输入旧表累计...')
-        this.$showMessage('请输入旧表累计...')
-        return flag
-      }
-      if (!this.model.f_old_shengyu) {
-        console.log('请输入旧表剩余...')
-        this.$showMessage('请输入旧表剩余...')
-        return flag
-      }
-      if (!this.model.f_new_leiji) {
-        console.log('请输入新表累计...')
-        this.$showMessage('请输入新表累计...')
-        return flag
-      }
-      if (!this.model.f_new_shengyu) {
-        console.log('请输入新表剩余...')
-        this.$showMessage('请输入新表剩余...')
-        return flag
-      }
-      if (!this.model.f_is_money) {
-        console.log('请选择是否收费...')
-        this.$showMessage('请选择是否收费...')
-        return flag
-      }
-      if (this.model.f_is_money == '是' && !this.model.f_fee_money) {
-        console.log('请输入收费金额...')
-        this.$showMessage('请输入收费金额...')
-        return flag
-      }
-      if (!this.model.f_transfer_money) {
-        console.log('请输入转移气费...')
-        this.$showMessage('请输入转移气费...')
-        return flag
-      }
-      if (!this.model.f_change_card) {
-        console.log('请选择是否换卡...')
-        this.$showMessage('请选择是否换卡...')
-        return flag
-      }
-      if (this.model.f_change_card == '是' && !this.model.f_new_card) {
-        console.log('请输入新卡编号...')
-        this.$showMessage('请输入新卡编号...')
-        return flag
-      }
-      if (!this.model.f_isdefect_a) {
-        console.log('请选择计量表更换是否加装辅助材料...')
-        this.$showMessage('请选择计量表更换是否加装辅助材料...')
-        return flag
-      }
-      if (!this.model.f_isdefect_b) {
-        console.log('请选择试压正常，无漏气...')
-        this.$showMessage('请选择试压正常，无漏气...')
-        return flag
-      }
-      if (!this.model.f_isdefect_c) {
-        console.log('请选择计量设备运行正常...')
-        this.$showMessage('请选择计量设备运行正常...')
-        return flag
-      }
-      if (!this.model.f_isdefect_d) {
-        console.log('请选择用气设备运行正常...')
-        this.$showMessage('请选择用气设备运行正常...')
-        return flag
-      }
-      flag = true
-      return flag
-
-    }
-  },
-  ready() {
-    console.log('item ===> ' + JSON.stringify(this.item))
-    // console.log('model ===> ' + JSON.stringify(this.model))
-    this.model.f_userinfo_code = this.item.f_userinfo_code
-    this.model.f_original_type = this.item.f_meter_type   //旧表类型
-    this.model.f_original_Num = this.item.f_meternumber   //旧表编号
-    // this.model.f_original_meter = this.item.f_meter_base  //旧表底数
-    // this.model.f_original_remain = this.item.f_total_gas  //旧表累气
-    // this.model.f_original_money = this.item.f_total_fee  //旧表累金
-    this.model.f_orgid = this.item.f_orgid
-    console.log('用户编号-----' + JSON.stringify(this.f_userinfo_code))
-    console.log('公司id-----' + JSON.stringify(this.f_orgid))
-    console.log('============================')
-
-    // // 所有新表品牌
-    // this.getallBrandList()
-    // // 获取单价
-    // this.getPRICE()
-  },
-  watch: {
-    // 'model.f_new_num'(val) {
-    //   console.log("表号改变")
-    //   console.log("开始查询")
-    //   console.log(val)
-    //   let res = {
-    //     "data": {
-    //       f_new_type: "表类型1",
-    //       f_new_brand: '表品牌1', // 新表品牌
-    //       gasmodel: '表型号1' // 新表型号
-    //     }
-    //   }
-    //   this.model.f_new_type = res.data.f_new_type
-    //   this.model.f_new_brand = res.data.f_new_brand
-    //   this.model.gasmodel = res.data.gasmodel
-    //
-    // },
-    // 'model.f_new_type'(val) {
-    //   // 输入新表类型时获取新表品牌和型号
-    //   console.log('新表类型')
-    //   if (val) {
-    //     this.newBrandList = []
-    //     console.log(JSON.stringify(val) + '----新表类型----')
-    //     this.allBrandList.forEach((item) => {
-    //       // console.log(JSON.stringify(item.value.f_meter_type)+'新表类型3333')
-    //       if (item.value.f_meter_type == val) {
-    //         console.log('表类型的下的品牌')
-    //         console.log('表类型的下的品牌222' + JSON.stringify(item))
-    //         this.newBrandList.push(item)
-    //       }
-    //     })
-    //     console.log('所有品牌' + JSON.stringify(this.newBrandList))
-    //     /*if (val=='物联网表') {
-    //       console.log('是物联网表')
-    //       this.islot = true
-    //     }else {
-    //       this.islot = false
-    //     }*/
-    //   } else {
-    //     console.log('新表类型为空')
-    //   }
-    // },
-    // 'model.f_original_meter'(val) {
-    //   console.log('旧表底数改变----' + val)
-    //   console.log('气表类型2222' + JSON.stringify(this.item.f_collection_type))
-    //   if (this.item.f_collection_type == '按气量') {
-    //     console.log('总购气----' + this.item.f_total_gas)
-    //     this.model.f_transfer_gas = this.item.f_total_gas - val - 0   // 补气量 = 累购 - 底数 - 余量
-    //     console.log('补气量----' + this.model.f_transfer_gas)
-    //     console.log('补气单价----' + this.model.f_remanent_price)
-    //     this.model.f_transfer_money = parseFloat(this.model.f_transfer_gas) * parseFloat(this.model.f_remanent_price) //补气金额 =  补气量*气量单价
-    //     this.model.f_transfer_money = this.model.f_transfer_money.toFixed(2);
-    //     console.log('补气金额----' + this.model.f_transfer_money)
-    //   } else if (this.item.f_collection_type == '按金额') {
-    //     console.log('总金额----' + this.item.f_total_fee)
-    //     console.log('补气单价----' + this.model.f_remanent_price)
-    //     // 计算总气量
-    //     var f_total_gas = parseFloat(this.item.f_total_fee) / parseFloat(this.model.f_remanent_price)
-    //     this.model.f_transfer_gas = parseFloat(f_total_gas) - parseFloat(val) - 0   // 补气量 = 累购 - 底数 - 余量
-    //     this.model.f_transfer_gas = this.model.f_transfer_gas.toFixed(2);
-    //     console.log('补气量----' + this.model.f_transfer_gas)
-    //     this.model.f_transfer_money = parseFloat(this.model.f_transfer_gas) * parseFloat(this.model.f_remanent_price) //补气金额 =  补气量*气量单价
-    //     this.model.f_transfer_money = this.model.f_transfer_money.toFixed(2);
-    //     console.log('补气金额----' + this.model.f_transfer_money)
-    //   }
-    //
-    // }
-
-  }
-
-}
-</script>
-
-<style scoped>
-.app-row {
-  background-color: white;
-  padding: 5px 10px 0 10px;
-  border-bottom: 1px solid rgba(235, 235, 235, 0.7);
-}
-
-.btn-color {
-  background-color: #FFFFFF;
-  border-radius: 10px;
-  border: 1px solid #499EDF;
-}
-
-.input_ys {
-  /*border: 1px solid #93B2D3 !important;*/
-  border: none !important;
-  width: 220px;
-  height: 35px;
-}
-
-.btn_cz {
-  background-color: #499edf;
-  color: #FFFFFF;
-  width: 65px;
-  height: 40px;
-  border-radius: 8px;
-  font: 600 16px PingFang-SC-Bold;
-  float: right;
-  margin-right: 10px;
-}
-</style>
+<template>
+  <div style="height: auto;width: 100%">
+    <!-- 新表 -->
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">新表编号</label>
+      </div>
+      <div class="col-xs-5">
+        <input type="text" class="input_search input_ys" placeholder="请输入新表编号..." v-model="model.f_new_num">
+      </div>
+      <div class="col-xs-3">
+        <button type="button" name="button" class="btn btn-primary" @click="Scanningtable">扫码</button>
+        <button type="button" name="button" class="btn btn-primary" @click="metersearch">查询</button>
+
+      </div>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px;">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">新表类型</label>
+      </div>
+      <div class="col-xs-7">
+        <input type="text" class="input_search input_ys" placeholder="请输入新表类型..." v-model="model.f_new_type" readonly="readonly">
+      </div>
+
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px;">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">新表品牌</label>
+      </div>
+      <div class="col-xs-7">
+        <input type="text" class="input_search input_ys" placeholder="请输入新表品牌..." v-model="model.f_new_brand" readonly="readonly">
+      </div>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px;">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">新表型号</label>
+      </div>
+      <div class="col-xs-7">
+        <input type="text" class="input_search input_ys" placeholder="请输入新表型号..." v-model="model.gasmodel" readonly="readonly">
+      </div>
+      <!--      <v-select-->
+      <!--        :value="model.gasmodel"-->
+      <!--        :options='newTypeList'-->
+      <!--        placeholder='请选择'-->
+      <!--        close-on-select-->
+      <!--        style="margin-bottom: 10px;"-->
+      <!--        value-single-->
+      <!--        :search="false"-->
+      <!--        v-model="model.gasmodel"-->
+      <!--      ></v-select>-->
+    </div>
+
+
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">旧表底数</label>
+      </div>
+      <div class="col-xs-4">
+        <input type="text" class="input_search input_ys" placeholder="请输入旧表底数..." v-model="model.f_original_meter">
+      </div>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">新表底数</label>
+      </div>
+      <div class="col-xs-7">
+        <input type="text" class="input_search input_ys" placeholder="请输入新表底数..." v-model="model.f_new_meter">
+      </div>
+    </div>
+
+
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">新表封号</label>
+      </div>
+      <div class="col-xs-7">
+        <input type="text" class="input_search input_ys" placeholder="请输入新表封号..." v-model="model.f_metertitles">
+      </div>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">换表原因</label>
+      </div>
+      <div class="col-xs-7">
+        <input type="text" class="input_search input_ys" placeholder="请输入换表原因..." v-model="model.f_comments">
+      </div>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">旧表累计</label>
+      </div>
+      <div class="col-xs-7">
+        <input type="text" class="input_search input_ys" placeholder="请输入旧表累计..." v-model="model.f_old_leiji">
+      </div>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">旧表剩余</label>
+      </div>
+      <div class="col-xs-7">
+        <input type="text" class="input_search input_ys" placeholder="请输入旧表剩余..." v-model="model.f_old_shengyu">
+      </div>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">新表累计</label>
+      </div>
+      <div class="col-xs-7">
+        <input type="text" class="input_search input_ys" placeholder="请输入新表累计..." v-model="model.f_new_leiji">
+      </div>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">新表剩余</label>
+      </div>
+      <div class="col-xs-7">
+        <input type="text" class="input_search input_ys" placeholder="请输入新表剩余..." v-model="model.f_new_shengyu">
+      </div>
+    </div>
+
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">是否收费</label>
+      </div>
+        <v-select
+          :value.sync="model.f_is_money"
+          :options='ismoney'
+          placeholder='请选择'
+          close-on-select
+          :search="false"
+          value-single
+          style="margin-bottom: 10px;"
+          v-model="model.f_is_money"
+        ></v-select>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">收费金额</label>
+      </div>
+      <div class="col-xs-7">
+        <input type="text" class="input_search input_ys" placeholder="请输入收费金额..." v-model="model.f_fee_money">
+      </div>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">是否换卡</label>
+      </div>
+      <v-select
+        :value.sync="model.f_change_card"
+        :options='ismoney'
+        placeholder='请选择'
+        close-on-select
+        :search="false"
+        value-single
+        style="margin-bottom: 10px;"
+        v-model="model.f_change_card"
+      ></v-select>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">新卡编号</label>
+      </div>
+      <div class="col-xs-7">
+        <input type="text" class="input_search input_ys" placeholder="请输入新卡编号..." v-model="model.f_new_card">
+      </div>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">转移气费</label>
+      </div>
+      <div class="col-xs-7">
+        <input type="text" class="input_search input_ys" placeholder="请输入转移气费..." v-model="model.f_transfer_money">
+      </div>
+    </div>
+
+
+
+
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+<!--        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">-->
+        <label class="font text-left">计量表更换是否加装辅助材料</label>
+      </div>
+      <v-select
+        :value.sync="model.f_isdefect_a"
+        :options='ismoney'
+        placeholder='请选择'
+        close-on-select
+        :search="false"
+        value-single
+        style="margin-bottom: 10px;"
+        v-model="model.f_isdefect_a"
+      ></v-select>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+<!--        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">-->
+        <label class="font text-left">试压正常，无漏气</label>
+      </div>
+      <v-select
+        :value.sync="model.f_isdefect_b"
+        :options='ismoney'
+        placeholder='请选择'
+        close-on-select
+        :search="false"
+        value-single
+        style="margin-bottom: 10px;"
+        v-model="model.f_isdefect_b"
+      ></v-select>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+<!--        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">-->
+        <label class="font text-left">计量设备运行正常</label>
+      </div>
+      <v-select
+        :value.sync="model.f_isdefect_c"
+        :options='ismoney'
+        placeholder='请选择'
+        close-on-select
+        :search="false"
+        value-single
+        style="margin-bottom: 10px;"
+        v-model="model.f_isdefect_c"
+      ></v-select>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+<!--        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">-->
+        <label class="font text-left">用气设备运行正常</label>
+      </div>
+      <v-select
+        :value.sync="model.f_isdefect_d"
+        :options='ismoney'
+        placeholder='请选择'
+        close-on-select
+        :search="false"
+        value-single
+        style="margin-bottom: 10px;"
+        v-model="model.f_isdefect_d"
+      ></v-select>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">备注</label>
+      </div>
+      <div class="col-xs-7">
+        <input type="text" class="input_search input_ys" placeholder="请输入备注..." v-model="model.f_remarks">
+      </div>
+    </div>
+    <div class="row  app-row">
+      <div class="col-xs-4" style="margin-top: 5px">
+        <img src="../../assets/换表.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">换表人</label>
+      </div>
+      <div class="col-xs-7">
+        <input type="text" class="input_search input_ys" placeholder="请输入换表人..." v-model="model.f_operator">
+      </div>
+    </div>
+    <div class="row text-center" style="margin-top: 25px;margin-bottom: 30px">
+      <button type="button" class="btn btn-lg btn-font btn-color" style="width: 28%;" @click="gotochengemeter()">确认
+      </button>
+      <!--            <button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;" @click="clean()">取消</button>-->
+    </div>
+    <!--<div>
+      <button @click="gotochengemeter" class="btn_cz" style="margin-bottom: 10px">确认</button>
+    </div>-->
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+import {HttpResetClass} from "vue-client";
+
+
+export default {
+  //name: "IndoorRepair"
+  title: '在线换表',
+  props: ['item'],
+  data() {
+    return {
+      model: {
+        f_userinfo_code: '',
+        f_original_type: '', // 旧表品牌
+        f_original_meter: '',//旧表底数
+        f_original_Num: '',// 旧表编号
+        f_new_type: '', //新表类型
+        f_new_brand: '', // 新表品牌
+        gasmodel: '', // 新表型号
+        f_new_meter: '', //新表底数
+        f_new_num: '', //新表表号
+        f_new_leiji:'',
+        f_new_shengyu:'',
+        f_old_leiji:'',
+        f_old_shengyu:'',
+        f_isdefect_a:'',
+        f_isdefect_b:'',
+        f_isdefect_c:'',
+        f_isdefect_d:'',
+        f_metertitles: '',
+        f_comments: '',
+        f_is_money: '',
+        f_fee_money: '',
+        f_transfer_money: '',
+        f_change_card:'',
+        f_new_card:'',
+        f_remarks:'',
+        f_depname: Vue.user.deps,
+        f_depid: Vue.user.depids,
+        f_orgid: Vue.user.orgid,
+        f_orgname: Vue.user.orgs,
+        f_operator: Vue.user.name,
+        f_operatorid: Vue.user.id
+      },
+      ismoney: [{label: "是", value: "是"}, {label: "否", value: "否"}],
+      // changetypes: [{label: "换新表", value: "换新表"}, {label: "气表清零", value: "气表清零"}, {label: "换计费器", value: "换计费器"}],
+      // changeReasonList: [{label: "漏气", value: "漏气"}, {label: "燃气表损坏", value: "燃气表损坏"}],
+      // changeReason2List: [{label: "表计量异常", value: "表计量异常"}, {label: "表不走", value: "表不走"}],
+      // changeTypeList: [{label: "换新表", value: "换新表"}, {label: "清零", value: "清零"}],
+      // originalTypeList: [{label: "请选择。。。", value: ""}, {label: "物联网表", value: "物联网表"}, {
+      //   label: "金额卡表",
+      //   value: "金额卡表"
+      // }, {label: "气量卡表", value: "气量卡表"}, {label: "机表", value: "机表"}, {label: "远传表", value: "远传表"}],
+      // newBrandList: [{label: "111", value: "111"}, {label: "222", value: "222"}],
+      // newTypeList: [{label: "G2.5", value: "G2.5"}, {label: "G4", value: "G4"}],
+      // avoidReasonList: [{label: "原因1", value: "原因1"}, {label: "原因2", value: "原因2"}],
+      // switchTypeList: [{label: "金额", value: "金额"}, {label: "气量", value: "气量"}],
+      // filialeid: Vue.user.orgid,
+      row: {}, //用户信息
+      model1: {},// 换表的model值
+      allBrandList: [],//所有表品牌
+      f_userinfo_code: '',
+      f_orgid: '',
+      f_userfiles_id: '', //新表档案id
+      islot: false
+
+    }
+  },
+  methods: {
+    getCode() {
+      var datapa = HostApp.getCode().data;
+      console.log(`扫码返回值${datapa}`)
+      this.model.f_new_num = datapa
+      this.$showMessage(`扫码返回值为：${datapa}`)
+
+    },
+    Scanningtable() {
+      console.log('扫表号6666666')
+      HostApp.__this__ = this
+      HostApp.scanCode({callback: "javascript:HostApp.__this__.getCode();"})
+    },
+    metersearch(){
+      new HttpResetClass().load('post',`${this.$androidUtil.getProxyUrl()}/rs/sql/webMeterInfo`,{data:{condition:`1=1 and f_meternumber='${this.model.f_new_num}'`,items: "*",
+          orderitem: "id",
+          tablename: "t_meterinfo"}}).then(res=>{
+        if (res.data.length>0){
+             this.model.f_new_type = res.data[0].f_metertype
+             this.model.f_new_brand = res.data[0].f_meter_brand
+             this.model.gasmodel = res.data[0].f_meter_style
+        }else {
+          this.$showMessage("未找到该表号信息")
+        }
+
+      })
+    },
+    // getallBrandList() {
+    //   console.log('获取所有的表品牌')
+    //   this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/logic/getSaleInitData`, {data: {f_orgid: this.f_orgid}}).then((row) => {
+    //     console.log('查询的所有表品牌')
+    //     console.log(JSON.stringify(row.data.gasbrands))
+    //     if (row.data.gasbrands) {
+    //       row.data.gasbrands.forEach((item) => {
+    //         let BrandList = {label: item.f_meter_brand, value: item}
+    //         this.allBrandList.push(BrandList)
+    //       })
+    //     } else {
+    //       this.$showMessage('表品牌获取失败！')
+    //     }
+    //     console.log('所有的品牌-----' + JSON.stringify(this.allBrandList))
+    //   })
+    // },
+    // getPRICE() {
+    //   console.log('获取补气单价')
+    //   let http = new HttpResetClass()
+    //   http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/onlinegetprice`, {data: {condition: ` f_userinfo_id = '${this.item.f_userinfo_id}'`}}, {
+    //     resolveMsg: null,
+    //     rejectMsg: null
+    //   }).then((row) => {
+    //     console.log('结果+++++' + JSON.stringify(row))
+    //     console.log('补气单价---' + JSON.stringify(row.data[0].f_price))
+    //     this.model.f_remanent_price = row.data[0].f_price
+    //   }).catch((e) => {
+    //     console.log('错误信息+++++++' + JSON.stringify(e))
+    //     this.$showMessage('补气单价获取失败！')
+    //   })
+    // },
+    gotochengemeter() {
+      console.log("进入换表====================")
+      console.log('8888888888888' + JSON.stringify(this.model))
+
+      // 校验
+      if (this.myverify()) {
+        new HttpResetClass().load('post',`${this.$androidUtil.getProxyUrl()}/rs/logic/qinhuaChangeMeter`,{model:this.model}).then(res=>{
+          if (res.data.code=='200'){
+            this.$showMessage('换表成功')
+            this.$dispatch('confirm')
+            console.log("换表数据打印")
+            console.log(JSON.stringify(this.model))
+          }else{
+            this.$showMessage('换表失败'+res.data.msg)
+          }
+        })
+
+      } else {
+        console.log('换表数据不完整')
+      }
+
+    },
+    myverify() {
+
+      console.log('进入校验')
+      let flag = false
+      if (!this.model.f_new_num) {
+        console.log('请输入新表编号...')
+        this.$showMessage('请输入新表编号...')
+        return flag
+      }
+      if (!this.model.f_original_meter) {
+        console.log('请输入旧表底数...')
+        this.$showMessage('请输入旧表底数...')
+        return flag
+      }
+      if (!this.model.f_new_meter) {
+        console.log('请输入新表底数...')
+        this.$showMessage('请输入新表底数...')
+        return flag
+      }
+      if (!this.model.f_metertitles) {
+        console.log('请输入新表封号...')
+        this.$showMessage('请输入新表封号...')
+        return flag
+      }
+      if (!this.model.f_comments) {
+        console.log('请输入换表原因...')
+        this.$showMessage('请输入换表原因...')
+        return flag
+      }
+      if (!this.model.f_old_leiji) {
+        console.log('请输入旧表累计...')
+        this.$showMessage('请输入旧表累计...')
+        return flag
+      }
+      if (!this.model.f_old_shengyu) {
+        console.log('请输入旧表剩余...')
+        this.$showMessage('请输入旧表剩余...')
+        return flag
+      }
+      if (!this.model.f_new_leiji) {
+        console.log('请输入新表累计...')
+        this.$showMessage('请输入新表累计...')
+        return flag
+      }
+      if (!this.model.f_new_shengyu) {
+        console.log('请输入新表剩余...')
+        this.$showMessage('请输入新表剩余...')
+        return flag
+      }
+      if (!this.model.f_is_money) {
+        console.log('请选择是否收费...')
+        this.$showMessage('请选择是否收费...')
+        return flag
+      }
+      if (this.model.f_is_money == '是' && !this.model.f_fee_money) {
+        console.log('请输入收费金额...')
+        this.$showMessage('请输入收费金额...')
+        return flag
+      }
+      if (!this.model.f_transfer_money) {
+        console.log('请输入转移气费...')
+        this.$showMessage('请输入转移气费...')
+        return flag
+      }
+      if (!this.model.f_change_card) {
+        console.log('请选择是否换卡...')
+        this.$showMessage('请选择是否换卡...')
+        return flag
+      }
+      if (this.model.f_change_card == '是' && !this.model.f_new_card) {
+        console.log('请输入新卡编号...')
+        this.$showMessage('请输入新卡编号...')
+        return flag
+      }
+      if (!this.model.f_isdefect_a) {
+        console.log('请选择计量表更换是否加装辅助材料...')
+        this.$showMessage('请选择计量表更换是否加装辅助材料...')
+        return flag
+      }
+      if (!this.model.f_isdefect_b) {
+        console.log('请选择试压正常，无漏气...')
+        this.$showMessage('请选择试压正常，无漏气...')
+        return flag
+      }
+      if (!this.model.f_isdefect_c) {
+        console.log('请选择计量设备运行正常...')
+        this.$showMessage('请选择计量设备运行正常...')
+        return flag
+      }
+      if (!this.model.f_isdefect_d) {
+        console.log('请选择用气设备运行正常...')
+        this.$showMessage('请选择用气设备运行正常...')
+        return flag
+      }
+      flag = true
+      return flag
+
+    }
+  },
+  ready() {
+    console.log('item ===> ' + JSON.stringify(this.item))
+    // console.log('model ===> ' + JSON.stringify(this.model))
+    this.model.f_userinfo_code = this.item.f_userinfo_code
+    this.model.f_original_type = this.item.f_meter_type   //旧表类型
+    this.model.f_original_Num = this.item.f_meternumber   //旧表编号
+    // this.model.f_original_meter = this.item.f_meter_base  //旧表底数
+    // this.model.f_original_remain = this.item.f_total_gas  //旧表累气
+    // this.model.f_original_money = this.item.f_total_fee  //旧表累金
+    this.model.f_orgid = this.item.f_orgid
+    console.log('用户编号-----' + JSON.stringify(this.f_userinfo_code))
+    console.log('公司id-----' + JSON.stringify(this.f_orgid))
+    console.log('============================')
+
+    // // 所有新表品牌
+    // this.getallBrandList()
+    // // 获取单价
+    // this.getPRICE()
+  },
+  watch: {
+    // 'model.f_new_num'(val) {
+    //   console.log("表号改变")
+    //   console.log("开始查询")
+    //   console.log(val)
+    //   let res = {
+    //     "data": {
+    //       f_new_type: "表类型1",
+    //       f_new_brand: '表品牌1', // 新表品牌
+    //       gasmodel: '表型号1' // 新表型号
+    //     }
+    //   }
+    //   this.model.f_new_type = res.data.f_new_type
+    //   this.model.f_new_brand = res.data.f_new_brand
+    //   this.model.gasmodel = res.data.gasmodel
+    //
+    // },
+    // 'model.f_new_type'(val) {
+    //   // 输入新表类型时获取新表品牌和型号
+    //   console.log('新表类型')
+    //   if (val) {
+    //     this.newBrandList = []
+    //     console.log(JSON.stringify(val) + '----新表类型----')
+    //     this.allBrandList.forEach((item) => {
+    //       // console.log(JSON.stringify(item.value.f_meter_type)+'新表类型3333')
+    //       if (item.value.f_meter_type == val) {
+    //         console.log('表类型的下的品牌')
+    //         console.log('表类型的下的品牌222' + JSON.stringify(item))
+    //         this.newBrandList.push(item)
+    //       }
+    //     })
+    //     console.log('所有品牌' + JSON.stringify(this.newBrandList))
+    //     /*if (val=='物联网表') {
+    //       console.log('是物联网表')
+    //       this.islot = true
+    //     }else {
+    //       this.islot = false
+    //     }*/
+    //   } else {
+    //     console.log('新表类型为空')
+    //   }
+    // },
+    // 'model.f_original_meter'(val) {
+    //   console.log('旧表底数改变----' + val)
+    //   console.log('气表类型2222' + JSON.stringify(this.item.f_collection_type))
+    //   if (this.item.f_collection_type == '按气量') {
+    //     console.log('总购气----' + this.item.f_total_gas)
+    //     this.model.f_transfer_gas = this.item.f_total_gas - val - 0   // 补气量 = 累购 - 底数 - 余量
+    //     console.log('补气量----' + this.model.f_transfer_gas)
+    //     console.log('补气单价----' + this.model.f_remanent_price)
+    //     this.model.f_transfer_money = parseFloat(this.model.f_transfer_gas) * parseFloat(this.model.f_remanent_price) //补气金额 =  补气量*气量单价
+    //     this.model.f_transfer_money = this.model.f_transfer_money.toFixed(2);
+    //     console.log('补气金额----' + this.model.f_transfer_money)
+    //   } else if (this.item.f_collection_type == '按金额') {
+    //     console.log('总金额----' + this.item.f_total_fee)
+    //     console.log('补气单价----' + this.model.f_remanent_price)
+    //     // 计算总气量
+    //     var f_total_gas = parseFloat(this.item.f_total_fee) / parseFloat(this.model.f_remanent_price)
+    //     this.model.f_transfer_gas = parseFloat(f_total_gas) - parseFloat(val) - 0   // 补气量 = 累购 - 底数 - 余量
+    //     this.model.f_transfer_gas = this.model.f_transfer_gas.toFixed(2);
+    //     console.log('补气量----' + this.model.f_transfer_gas)
+    //     this.model.f_transfer_money = parseFloat(this.model.f_transfer_gas) * parseFloat(this.model.f_remanent_price) //补气金额 =  补气量*气量单价
+    //     this.model.f_transfer_money = this.model.f_transfer_money.toFixed(2);
+    //     console.log('补气金额----' + this.model.f_transfer_money)
+    //   }
+    //
+    // }
+
+  }
+
+}
+</script>
+
+<style scoped>
+.app-row {
+  background-color: white;
+  padding: 5px 10px 0 10px;
+  border-bottom: 1px solid rgba(235, 235, 235, 0.7);
+}
+
+.btn-color {
+  background-color: #FFFFFF;
+  border-radius: 10px;
+  border: 1px solid #499EDF;
+}
+
+.input_ys {
+  /*border: 1px solid #93B2D3 !important;*/
+  border: none !important;
+  width: 220px;
+  height: 35px;
+}
+
+.btn_cz {
+  background-color: #499edf;
+  color: #FFFFFF;
+  width: 65px;
+  height: 40px;
+  border-radius: 8px;
+  font: 600 16px PingFang-SC-Bold;
+  float: right;
+  margin-right: 10px;
+}
+</style>