telephone-clients 4.0.0-1-88 → 4.0.0-1-90

package/src/components/workorder/ChangeMeterPageNew.vue

@@ -1,663 +1,663 @@
-<template>
-  <div>
-    <div style="height: auto;width: 100%">
-      <div v-if="!showTable">
-        <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="f_meter_base">
-          </div>
-        </div>
-        <div class="row  app-row" v-if="item.f_meter_type == '金额卡表'">
-          <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="f_remanent_money">
-          </div>
-        </div>
-        <div class="row text-center" >
-          <button type="button"  style="width: 28%;" @click="ConfirmOk()">确认</button>
-        </div>
-      </div>
-      <div v-if="showTable">
-        <div class="row  app-row" style="margin-top: 10px">
-          <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_type"
-            :options='changetypes'
-            placeholder='请选择'
-            close-on-select
-            :search="false"
-            value-single
-            style="margin-bottom: 10px;"
-            v-model="model.f_type"
-          ></v-select>
-        </div>
-        <div class="row  app-row" v-if="model.f_type==='换新表'">
-          <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_ladder_sync"
-            :options='isSync'
-            placeholder='请选择'
-            close-on-select
-            :search="false"
-            value-single
-            style="margin-bottom: 10px;"
-            v-model="model.f_ladder_sync"
-          ></v-select>
-        </div>
-        <div class="row  app-row" v-if="model.f_type==='换新表'">
-          <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_gasbrand_id"
-            :options='allBrandList'
-            placeholder='请选择'
-            close-on-select
-            :search="false"
-            value-single
-            style="margin-bottom: 10px;"
-            v-model="model.f_gasbrand_id"
-          ></v-select>
-        </div>
-        <div class="row  app-row" v-if="model.f_type==='换新表'">
-          <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_gasmold_id"
-            :options='newModelList'
-            placeholder='请选择'
-            close-on-select
-            style="margin-bottom: 10px;"
-            value-single
-            :search="false"
-            v-model="model.f_gasmold_id"
-          ></v-select>
-        </div>
-        <div class="row  app-row" v-if="model.f_type==='换新表' && isOpenType">
-          <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_open_type"
-            :options='openTypes'
-            placeholder='请选择开户方式'
-            close-on-select
-            style="margin-bottom: 10px;"
-            value-single
-            :search="false"
-            v-model="model.f_open_type"
-          ></v-select>
-        </div>
-        <div class="row  app-row" v-if="model.f_type==='换新表'">
-          <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_meternumber">
-          </div>
-        </div>
-        <div class="row  app-row" v-if="model.f_type==='换新表'">
-          <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="number" class ="input_search input_ys" placeholder="请输入新表底数..." v-model="model.f_meter_base">
-          </div>
-        </div>
-        <div class="row  app-row" v-if="model.f_type==='换新表'">
-          <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>
-          <v-select
-            :value.sync="model.f_comments"
-            :options='comments'
-            placeholder='请选择换表原因'
-            close-on-select
-            style="margin-bottom: 10px;"
-            value-single
-            :search="false"
-            v-model="model.f_comments"
-          ></v-select>
-          <!--        <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_operator">
-          </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_service_fee">
-          </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="请输入转移气量..." readonly v-model="model.f_using_base_old"></div>
-        </div>
-        <div class="row  app-row" v-if="model.f_balance">
-          <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"  v-model="model.f_balance" 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_remanent_gas" ></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_remanent_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><div class="col-xs-7">
-          <input type="text" class ="input_search input_ys" placeholder="请输入补气单价..."  v-model="model.f_remanent_price"></div>
-        </div>
-        <div class="row  app-row" v-if="model.f_ladder_sync==='同步'">
-          <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_stair_use" ></div>
-        </div>
-        <div class="row auto" style="margin: 5px 0" v-if="img_upload">
-          <p class="panel-title  text-left font" style="text-align: center;font-weight: bold;">新表照片:</p>
-          <div class="panel" style="padding: 7px 20px 0px 23px;">
-            <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 200px;position: relative">
-              <img-self :src="f_table_path_new"  alt="新表照片" :width="120" :height="150" capture="camera" type="file" ></img-self>
-              <div class="row text-right div-photo" style="height: 27px;margin-top: -30px">
-                <img src="../../assets/remove.png"  @click="delfile('f_table_path_new', f_table_path_new)"  alt=""></img>
-                <button type="button" name="button"style="height: 32px;" class="btn btn-primary btn-photo" @click="takePic('f_table_path_new','新表照片')" >拍照</button>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="row auto" style="margin: 5px 0" v-if="img_upload">
-          <p class="panel-title  text-left font" style="text-align: center;font-weight: bold;">旧表照片:</p>
-          <div class="panel" style="padding: 7px 20px 0px 23px;">
-            <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 200px;position: relative">
-              <img-self :src="f_table_path_old"  alt="旧表照片" :width="120" :height="150" capture="camera" type="file" ></img-self>
-              <div class="row text-right div-photo" style="height: 27px;margin-top: -30px">
-                <img src="../../assets/remove.png"  @click="delfile2('f_table_path_old', f_table_path_old)"  alt=""></img>
-                <button type="button" name="button"style="height: 32px;" class="btn btn-primary btn-photo" @click="takePic2('f_table_path_old','旧表照片')" >拍照</button>
-              </div>
-            </div>
-          </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="confirm()">确认</button>
-        </div>
-      </div>
-    </div>
-    <work-busy :is-busy="isBusy"></work-busy>
-  </div>
-</template>
-<script>
-import Vue from 'vue'
-import {HttpResetClass} from "vue-client";
-import * as Util from '../Util'
-import {isEmpty} from "../Util";
-import ReadCardPage from '../workorder/ReadCardPage'
-export default {
-  title: '在线换表',
-  props: ['service'],
-  data() {
-    return {
-      showTable:false,
-      isBusy:false,
-      item:{},
-      remanent:{},
-      img_upload:this.$appdata.getSingleValue('在线换表是否上传图片') || false,
-      f_table_path_new:'',
-      f_table_path_old:'',
-      model:{
-        f_change_cost:0,
-        f_table_path_new:'',
-        f_table_path_old:'',
-        f_stair_use:0,
-        f_ladder_sync:'', //是否同步
-        f_using_base_old:'',//旧表底数
-        f_type: '',//换表类型
-        f_comments: '',// 备注
-        f_gasbrand_id: null, //新表品牌id
-        f_gasmold_id: null, //新表型号id
-        f_balance:'', //账户余额
-        f_remanent_gas:'', // 补气量
-        f_remanent_money:'', // 补气金额
-        f_remanent_price: '', // 补气单价
-        f_userfiles_id:'',
-        f_open_type:'',
-        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,
-        f_meternumber:"",
-        f_meter_base:null,
-        f_metertitles:"",
-        f_service_fee:0,
-      },
-      comments:this.$appdata.getParam('在线换表原因'),
-      openTypes:[{label: "指令开户", value: "指令开户"}, {label: "发卡开户", value: "发卡开户"}],
-      changetypes: [{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值
-      isSync:[{label: "同步", value: "同步"},{label: "不同步", value: "不同步"}],
-      allBrandList: [],//所有表品牌
-      allModelList: [],//所有表型号
-      newModelList: [],
-      imgArr:{},
-      gasbrands:[],
-      isOpenType:false,
-      f_userinfo_code: '',
-      f_orgid: '',
-      f_userfiles_id: '', //新表档案id
-      islot: false
-    }
-  },
-  methods: {
-    async ConfirmOk() {
-      if (!this.f_meter_base) {
-        this.$showMessage('请填写表底数后在点击换表')
-        return
-      }
-      if (this.service.f_meter_type == '金额卡表' && !this.f_remanent_money) {
-        this.$showMessage('请填写剩余金额后在点击换表')
-        return
-      }
-        let http1 = new HttpResetClass()
-        let con = {
-          condition: ` ui.f_userinfo_id = '${this.service.f_userinfo_id}'   `
-        }
-        let resp = await http1.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/onlinequeryuser`, {data: con}, {
-          resolveMsg: null,
-          rejectMsg: null
-        })
-        if (resp.data.length > 0) {
-          this.item = resp.data[0]
-        }
-      this.getallBrandList()
-      this.model.f_userfiles_id = this.item.f_userfiles_id
-      let param = {}
-      if (this.item.f_meter_type == '金额卡表') {
-        param = {
-          "f_userfiles_id": this.item.f_userfiles_id,
-          "f_meter_base": this.f_meter_base,
-          "f_remanent_money": this.f_remanent_money
-        }
-      } else {
-        param = {
-          "f_userfiles_id": this.item.f_userfiles_id,
-          "f_meter_base": this.f_meter_base
-        }
-      }
-      let http2= new HttpResetClass()
-      let res = await http2.load('POST',`${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/third_meter_base_check`, {data: param}, {
-        resolveMsg: null,
-        rejectMsg: null
-      }).then(async (res) => {
-        if (res.data) {
-          this.remanent = Object.assign({}, res.data.data, {f_using_base_old: param.f_meter_base})
-          this.model.f_balance = this.remanent.f_balance?res.data.data.f_balance:0
-          this.model.f_remanent_gas = this.remanent.f_remanent_gas?res.data.data.f_remanent_gas:0
-          this.model.f_remanent_money = this.remanent.f_remanent_money?res.data.data.f_remanent_money:0
-          this.model.f_remanent_price = this.remanent.f_remanent_price?res.data.data.f_remanent_price:0
-          this.model.f_using_base_old = this.remanent.f_using_base_old
-          this.showTable = true
-        } else {
-          this.$showMessage(res.data.msg)
-          return
-        }
-      })
-    },
-    uploadfile(){
-      const fileUpData = HostApp.bzLogic({
-        'logic': 'imgUpload',
-        'data': this.imgArr
-      })
-      this.$showMessage(fileUpData.msg)
-    },
-    cameraCallBack(prop, fileName) {
-      HostApp.__this__.f_table_path_new = fileName
-      HostApp.__callback__ = null
-      HostApp.__this__ = null
-    },
-    takePic(prop, title) {
-      this.delfile('f_table_path_new', this.f_table_path_new)
-      HostApp.__callback__ = this.cameraCallBack
-      HostApp.__this__ = this
-      let fileName
-      if (!this.f_table_path_new || this.f_table_path_new.includes("nopic.png")) {
-        fileName = Util.guid() + '-' + prop + '.jpg'
-      } else {
-        fileName = Util.getFileName(this.f_table_path_new)
-      }
-      HostApp._open_a_page({
-        type: 'boomerang',
-        page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
-        param: {
-          file: fileName,
-          requestCode: 111,
-          callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
-          watermark: title + '\t时间：' + Util.toStandardTimeString()
-        }
-      })
-    },
-    cameraCallBack2(prop, fileName) {
-      console.log('fileName=', fileName)
-      console.log('prop=', prop)
-      HostApp.__this__.f_table_path_old = fileName
-      HostApp.__callback__ = null
-      HostApp.__this__ = null
-    },
-    takePic2(prop, title) {
-      this.delfile2('f_table_path_old', this.f_table_path_old)
-      HostApp.__callback__ = this.cameraCallBack2
-      HostApp.__this__ = this
-      let fileName
-      if (!this.f_table_path_old || this.f_table_path_old.includes("nopic.png")) {
-        fileName = Util.guid() + '-' + prop + '.jpg'
-      } else {
-        fileName = Util.getFileName(this.f_table_path_old)
-      }
-      HostApp._open_a_page({
-        type: 'boomerang',
-        page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
-        param: {
-          file: fileName,
-          requestCode: 111,
-          callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
-          watermark: title + '\t时间：' + Util.toStandardTimeString()
-        }
-      })
-    },
-    delfile2(prop, fileName) {
-      if (fileName == Vue.nopic)
-        return
-      else {
-        HostApp.delfile(fileName)
-        this.f_table_path_old = Vue.nopic
-      }
-    },
-    delfile(prop, fileName) {
-      if (fileName == Vue.nopic)
-        return
-      else {
-        HostApp.delfile(fileName)
-        this.f_table_path_new = Vue.nopic
-      }
-    },
-    getStairGas(){
-      this.$resetpost(`${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/commonCal`, {data: {model: this.item, isGasValue: 0, value: 0}}, {resolveMsg: null, rejectMsg: '获取阶梯使用情况出错'}).then((res)=>{
-        this.model.f_stair_use = res.data.sumamount?res.data.sumamount:0
-      })
-    },
-    getallBrandList() {
-      //tag
-      this.$resetpost(`${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/getSaleInitData`, {data: {f_orgid: this.item.f_orgid}},{resolveMsg: null, rejectMsg: null}).then((row) => {
-        //tag
-        //tag)
-        if(row.data.gasbrands) {
-          this.gasbrands = row.data.gasbrands
-          row.data.gasbrands.forEach((item) => {
-            let BrandList = {label: item.f_meter_brand, value: item.id}
-            this.allBrandList.push(BrandList)
-            item.gasmodel.forEach(item=>{
-              this.allModelList.push({label: item.f_meter_style, value: item.id,f_gasbrand_id: item.f_gasbrand_id})
-            })
-          })
-        }else {
-          this.$showMessage('表品牌获取失败！')
-        }
-        //获取阶梯使用量
-        this.getStairGas()
-      })
-    },
-    async writeCard(cardParams) {
-      try {
-        //tag
-        let fengongsi = this.$appdata.getSingleValue('分公司')
-        if (!fengongsi) {
-          this.$showMessage('分公司获取失败！')
-          this.isBusy = false
-          return
-        }
-        let posinfo2 = HostApp.read(fengongsi)
-        //tag)
-        cardParams = Object.assign({},cardParams,{AREA:fengongsi,ulen:0})
-        //tag)
-        const writeResult = HostApp.issue(JSON.stringify(cardParams))
-        //tag
-        //tag
-        if(writeResult.code === 200){
-          this.$showMessage('换表成功')
-          this.isBusy = false
-        }else{
-          this.$showMessage('换表成功,写卡失败')
-          this.isBusy = false
-        }
-      }catch (e) {
-        this.$showMessage('换表成功,写卡失败,请联系营业厅处理')
-        this.isBusy = false
-      }
-    },
-    confirmCheck(){
-      if(!this.model.f_type){
-        return '请选择换表类型'
-      }
-      //tag
-      if(this.model.f_type === '换新表'){
-        if(!this.model.f_ladder_sync){
-          return '请选择是否同步'
-        }
-        if(!this.model.f_gasbrand_id){
-          return '请选择新表品牌'
-        }
-        if(!this.model.f_gasmold_id){
-          return '请选择新表型号'
-        }
-        if(!this.model.f_meternumber){
-          return '请输入新表表号'
-        }
-        if(!this.model.f_meter_base){
-          return '请输入新表底数'
-        }
-        // //tag
-        if(this.isOpenType && (!this.model.f_open_type)){
-          return '请选择开户方式'
-        }
-      }else if (this.model.f_type === '气表清零') {
-        this.model = Object.assign({},this.model,
-          {f_ladder_sync:"",
-            f_gasbrand_id: null,
-            f_gasmold_id: null,
-            f_meternumber: '',
-            f_meter_base: null,
-            f_open_type: ''
-          })
-        return ''
-      }
-      return ''
-    },
-    async confirm () {
-      const error = this.confirmCheck()
-      if(error){
-        this.$showMessage(error)
-        return
-      }
-      let newnumberdata = {
-        f_meternumber:this.model.f_meternumber,
-        f_gasbrand_id:this.model.f_gasbrand_id
-      }
-      let checknumber = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/third_meter_number_check`, {data: newnumberdata},{resolveMsg: null, rejectMsg: null})
-      if(checknumber.data){
-        if(checknumber.data.code != '0000'){
-          this.$showMessage(checknumber.data.msg)
-          return
-        }
-      }else{
-        this.$showMessage('网络异常，请稍后再试！')
-        return
-      }
-      this.model.f_table_path_new=this.extractFileName(this.f_table_path_new)
-      this.model.f_table_path_old=this.extractFileName(this.f_table_path_old)
-      this.isBusy = true
-      let _this = this
-      _this.$resetpost(`${_this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/third_change_meter`, {data: this.model},{resolveMsg: null, rejectMsg: null}).then((res) => {
-        if(res.data){
-          if (this.f_table_path_new || this.f_table_path_old){
-            this.imgArr = {
-              new_path: this.f_table_path_new || '',
-              old_path: this.f_table_path_old || '',
-              fusetype:'换表_清零',
-              f_userinfo_id:this.item.f_userinfo_id
-            }
-            this.uploadfile()
-          }
-          if(res.data.code === "0000"){
-            this.$root.$emit('tableChenge', res.data.changemeter_id.id || '');
-            if(this.model.f_type !== '换新表'){
-              this.isBusy = false
-              this.$showMessage('换表成功')
-              return
-            }
-            const arr =this.gasbrands.filter(res => res.id === this.model.f_gasbrand_id)
-            if(arr[0].f_meter_type.indexOf('卡表') !==-1 || this.model.f_open_type === '发卡开户'){
-              const cardParams = res.data.cardParams
-              this.writeCard(cardParams)
-            }else{
-              this.isBusy = false
-              this.$showMessage('换表成功')
-            }
-          }else if(res.data.code === "9990"){
-            this.isBusy = false
-            this.$showMessage('换表失败'+res.data.msg)
-          }
-        }else {
-          this.$showMessage('请求出错!!!')
-          this.isBusy = false
-        }
-      }).catch(e=>{
-        this.$showMessage('请求异常!!!'+ e)
-        this.isBusy = false
-      })
-    },
-    extractFileName(filePath) {
-      if (!filePath) return '';
-      // 从完整路径中提取文件名
-      return filePath.substring(filePath.lastIndexOf('/') + 1);
-    },
-  },
-  ready () {
-   // this.getallBrandList()
-  },
-  watch: {
-    'model.f_gasbrand_id' (val) {
-      if(val){
-        const arr = this.gasbrands.filter(res=>res.id === val)
-        if(arr.length>0 && arr[0].f_hascard === '是'){
-          this.isOpenType = true
-        }else{
-          this.isOpenType = false
-        }
-        this.newModelList = Object.assign([],this.allModelList.filter(res=>res.f_gasbrand_id === val))
-      }
-    }
-  }
-
-}
-</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>
+    <div style="height: auto;width: 100%">
+      <div v-if="!showTable">
+        <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="f_meter_base">
+          </div>
+        </div>
+        <div class="row  app-row" v-if="item.f_meter_type == '金额卡表'">
+          <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="f_remanent_money">
+          </div>
+        </div>
+        <div class="row text-center" >
+          <button type="button"  style="width: 28%;" @click="ConfirmOk()">确认</button>
+        </div>
+      </div>
+      <div v-if="showTable">
+        <div class="row  app-row" style="margin-top: 10px">
+          <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_type"
+            :options='changetypes'
+            placeholder='请选择'
+            close-on-select
+            :search="false"
+            value-single
+            style="margin-bottom: 10px;"
+            v-model="model.f_type"
+          ></v-select>
+        </div>
+        <div class="row  app-row" v-if="model.f_type==='换新表'">
+          <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_ladder_sync"
+            :options='isSync'
+            placeholder='请选择'
+            close-on-select
+            :search="false"
+            value-single
+            style="margin-bottom: 10px;"
+            v-model="model.f_ladder_sync"
+          ></v-select>
+        </div>
+        <div class="row  app-row" v-if="model.f_type==='换新表'">
+          <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_gasbrand_id"
+            :options='allBrandList'
+            placeholder='请选择'
+            close-on-select
+            :search="false"
+            value-single
+            style="margin-bottom: 10px;"
+            v-model="model.f_gasbrand_id"
+          ></v-select>
+        </div>
+        <div class="row  app-row" v-if="model.f_type==='换新表'">
+          <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_gasmold_id"
+            :options='newModelList'
+            placeholder='请选择'
+            close-on-select
+            style="margin-bottom: 10px;"
+            value-single
+            :search="false"
+            v-model="model.f_gasmold_id"
+          ></v-select>
+        </div>
+        <div class="row  app-row" v-if="model.f_type==='换新表' && isOpenType">
+          <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_open_type"
+            :options='openTypes'
+            placeholder='请选择开户方式'
+            close-on-select
+            style="margin-bottom: 10px;"
+            value-single
+            :search="false"
+            v-model="model.f_open_type"
+          ></v-select>
+        </div>
+        <div class="row  app-row" v-if="model.f_type==='换新表'">
+          <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_meternumber">
+          </div>
+        </div>
+        <div class="row  app-row" v-if="model.f_type==='换新表'">
+          <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="number" class ="input_search input_ys" placeholder="请输入新表底数..." v-model="model.f_meter_base">
+          </div>
+        </div>
+        <div class="row  app-row" v-if="model.f_type==='换新表'">
+          <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>
+          <v-select
+            :value.sync="model.f_comments"
+            :options='comments'
+            placeholder='请选择换表原因'
+            close-on-select
+            style="margin-bottom: 10px;"
+            value-single
+            :search="false"
+            v-model="model.f_comments"
+          ></v-select>
+          <!--        <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_operator">
+          </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_service_fee">
+          </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="请输入转移气量..." readonly v-model="model.f_using_base_old"></div>
+        </div>
+        <div class="row  app-row" v-if="model.f_balance">
+          <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"  v-model="model.f_balance" 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_remanent_gas" ></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_remanent_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><div class="col-xs-7">
+          <input type="text" class ="input_search input_ys" placeholder="请输入补气单价..."  v-model="model.f_remanent_price"></div>
+        </div>
+        <div class="row  app-row" v-if="model.f_ladder_sync==='同步'">
+          <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_stair_use" ></div>
+        </div>
+        <div class="row auto" style="margin: 5px 0" v-if="img_upload">
+          <p class="panel-title  text-left font" style="text-align: center;font-weight: bold;">新表照片:</p>
+          <div class="panel" style="padding: 7px 20px 0px 23px;">
+            <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 200px;position: relative">
+              <img-self :src="f_table_path_new"  alt="新表照片" :width="120" :height="150" capture="camera" type="file" ></img-self>
+              <div class="row text-right div-photo" style="height: 27px;margin-top: -30px">
+                <img src="../../assets/remove.png"  @click="delfile('f_table_path_new', f_table_path_new)"  alt=""></img>
+                <button type="button" name="button"style="height: 32px;" class="btn btn-primary btn-photo" @click="takePic('f_table_path_new','新表照片')" >拍照</button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="row auto" style="margin: 5px 0" v-if="img_upload">
+          <p class="panel-title  text-left font" style="text-align: center;font-weight: bold;">旧表照片:</p>
+          <div class="panel" style="padding: 7px 20px 0px 23px;">
+            <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 200px;position: relative">
+              <img-self :src="f_table_path_old"  alt="旧表照片" :width="120" :height="150" capture="camera" type="file" ></img-self>
+              <div class="row text-right div-photo" style="height: 27px;margin-top: -30px">
+                <img src="../../assets/remove.png"  @click="delfile2('f_table_path_old', f_table_path_old)"  alt=""></img>
+                <button type="button" name="button"style="height: 32px;" class="btn btn-primary btn-photo" @click="takePic2('f_table_path_old','旧表照片')" >拍照</button>
+              </div>
+            </div>
+          </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="confirm()">确认</button>
+        </div>
+      </div>
+    </div>
+    <work-busy :is-busy="isBusy"></work-busy>
+  </div>
+</template>
+<script>
+import Vue from 'vue'
+import {HttpResetClass} from "vue-client";
+import * as Util from '../Util'
+import {isEmpty} from "../Util";
+import ReadCardPage from '../workorder/ReadCardPage'
+export default {
+  title: '在线换表',
+  props: ['service'],
+  data() {
+    return {
+      showTable:false,
+      isBusy:false,
+      item:{},
+      remanent:{},
+      img_upload:this.$appdata.getSingleValue('在线换表是否上传图片') || false,
+      f_table_path_new:'',
+      f_table_path_old:'',
+      model:{
+        f_change_cost:0,
+        f_table_path_new:'',
+        f_table_path_old:'',
+        f_stair_use:0,
+        f_ladder_sync:'', //是否同步
+        f_using_base_old:'',//旧表底数
+        f_type: '',//换表类型
+        f_comments: '',// 备注
+        f_gasbrand_id: null, //新表品牌id
+        f_gasmold_id: null, //新表型号id
+        f_balance:'', //账户余额
+        f_remanent_gas:'', // 补气量
+        f_remanent_money:'', // 补气金额
+        f_remanent_price: '', // 补气单价
+        f_userfiles_id:'',
+        f_open_type:'',
+        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,
+        f_meternumber:"",
+        f_meter_base:null,
+        f_metertitles:"",
+        f_service_fee:0,
+      },
+      comments:this.$appdata.getParam('在线换表原因'),
+      openTypes:[{label: "指令开户", value: "指令开户"}, {label: "发卡开户", value: "发卡开户"}],
+      changetypes: [{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值
+      isSync:[{label: "同步", value: "同步"},{label: "不同步", value: "不同步"}],
+      allBrandList: [],//所有表品牌
+      allModelList: [],//所有表型号
+      newModelList: [],
+      imgArr:{},
+      gasbrands:[],
+      isOpenType:false,
+      f_userinfo_code: '',
+      f_orgid: '',
+      f_userfiles_id: '', //新表档案id
+      islot: false
+    }
+  },
+  methods: {
+    async ConfirmOk() {
+      if (!this.f_meter_base) {
+        this.$showMessage('请填写表底数后在点击换表')
+        return
+      }
+      if (this.service.f_meter_type == '金额卡表' && !this.f_remanent_money) {
+        this.$showMessage('请填写剩余金额后在点击换表')
+        return
+      }
+        let http1 = new HttpResetClass()
+        let con = {
+          condition: ` ui.f_userinfo_id = '${this.service.f_userinfo_id}'   `
+        }
+        let resp = await http1.load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/onlinequeryuser`, {data: con}, {
+          resolveMsg: null,
+          rejectMsg: null
+        })
+        if (resp.data.length > 0) {
+          this.item = resp.data[0]
+        }
+      this.getallBrandList()
+      this.model.f_userfiles_id = this.item.f_userfiles_id
+      let param = {}
+      if (this.item.f_meter_type == '金额卡表') {
+        param = {
+          "f_userfiles_id": this.item.f_userfiles_id,
+          "f_meter_base": this.f_meter_base,
+          "f_remanent_money": this.f_remanent_money
+        }
+      } else {
+        param = {
+          "f_userfiles_id": this.item.f_userfiles_id,
+          "f_meter_base": this.f_meter_base
+        }
+      }
+      let http2= new HttpResetClass()
+      let res = await http2.load('POST',`${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/third_meter_base_check`, {data: param}, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).then(async (res) => {
+        if (res.data) {
+          this.remanent = Object.assign({}, res.data.data, {f_using_base_old: param.f_meter_base})
+          this.model.f_balance = this.remanent.f_balance?res.data.data.f_balance:0
+          this.model.f_remanent_gas = this.remanent.f_remanent_gas?res.data.data.f_remanent_gas:0
+          this.model.f_remanent_money = this.remanent.f_remanent_money?res.data.data.f_remanent_money:0
+          this.model.f_remanent_price = this.remanent.f_remanent_price?res.data.data.f_remanent_price:0
+          this.model.f_using_base_old = this.remanent.f_using_base_old
+          this.showTable = true
+        } else {
+          this.$showMessage(res.data.msg)
+          return
+        }
+      })
+    },
+    uploadfile(){
+      const fileUpData = HostApp.bzLogic({
+        'logic': 'imgUpload',
+        'data': this.imgArr
+      })
+      this.$showMessage(fileUpData.msg)
+    },
+    cameraCallBack(prop, fileName) {
+      HostApp.__this__.f_table_path_new = fileName
+      HostApp.__callback__ = null
+      HostApp.__this__ = null
+    },
+    takePic(prop, title) {
+      this.delfile('f_table_path_new', this.f_table_path_new)
+      HostApp.__callback__ = this.cameraCallBack
+      HostApp.__this__ = this
+      let fileName
+      if (!this.f_table_path_new || this.f_table_path_new.includes("nopic.png")) {
+        fileName = Util.guid() + '-' + prop + '.jpg'
+      } else {
+        fileName = Util.getFileName(this.f_table_path_new)
+      }
+      HostApp._open_a_page({
+        type: 'boomerang',
+        page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
+        param: {
+          file: fileName,
+          requestCode: 111,
+          callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
+          watermark: title + '\t时间：' + Util.toStandardTimeString()
+        }
+      })
+    },
+    cameraCallBack2(prop, fileName) {
+      console.log('fileName=', fileName)
+      console.log('prop=', prop)
+      HostApp.__this__.f_table_path_old = fileName
+      HostApp.__callback__ = null
+      HostApp.__this__ = null
+    },
+    takePic2(prop, title) {
+      this.delfile2('f_table_path_old', this.f_table_path_old)
+      HostApp.__callback__ = this.cameraCallBack2
+      HostApp.__this__ = this
+      let fileName
+      if (!this.f_table_path_old || this.f_table_path_old.includes("nopic.png")) {
+        fileName = Util.guid() + '-' + prop + '.jpg'
+      } else {
+        fileName = Util.getFileName(this.f_table_path_old)
+      }
+      HostApp._open_a_page({
+        type: 'boomerang',
+        page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
+        param: {
+          file: fileName,
+          requestCode: 111,
+          callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
+          watermark: title + '\t时间：' + Util.toStandardTimeString()
+        }
+      })
+    },
+    delfile2(prop, fileName) {
+      if (fileName == Vue.nopic)
+        return
+      else {
+        HostApp.delfile(fileName)
+        this.f_table_path_old = Vue.nopic
+      }
+    },
+    delfile(prop, fileName) {
+      if (fileName == Vue.nopic)
+        return
+      else {
+        HostApp.delfile(fileName)
+        this.f_table_path_new = Vue.nopic
+      }
+    },
+    getStairGas(){
+      this.$resetpost(`${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/commonCal`, {data: {model: this.item, isGasValue: 0, value: 0}}, {resolveMsg: null, rejectMsg: '获取阶梯使用情况出错'}).then((res)=>{
+        this.model.f_stair_use = res.data.sumamount?res.data.sumamount:0
+      })
+    },
+    getallBrandList() {
+      //tag
+      this.$resetpost(`${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/getSaleInitData`, {data: {f_orgid: this.item.f_orgid}},{resolveMsg: null, rejectMsg: null}).then((row) => {
+        //tag
+        //tag)
+        if(row.data.gasbrands) {
+          this.gasbrands = row.data.gasbrands
+          row.data.gasbrands.forEach((item) => {
+            let BrandList = {label: item.f_meter_brand, value: item.id}
+            this.allBrandList.push(BrandList)
+            item.gasmodel.forEach(item=>{
+              this.allModelList.push({label: item.f_meter_style, value: item.id,f_gasbrand_id: item.f_gasbrand_id})
+            })
+          })
+        }else {
+          this.$showMessage('表品牌获取失败！')
+        }
+        //获取阶梯使用量
+        this.getStairGas()
+      })
+    },
+    async writeCard(cardParams) {
+      try {
+        //tag
+        let fengongsi = this.$appdata.getSingleValue('分公司')
+        if (!fengongsi) {
+          this.$showMessage('分公司获取失败！')
+          this.isBusy = false
+          return
+        }
+        let posinfo2 = HostApp.read(fengongsi)
+        //tag)
+        cardParams = Object.assign({},cardParams,{AREA:fengongsi,ulen:0})
+        //tag)
+        const writeResult = HostApp.issue(JSON.stringify(cardParams))
+        //tag
+        //tag
+        if(writeResult.code === 200){
+          this.$showMessage('换表成功')
+          this.isBusy = false
+        }else{
+          this.$showMessage('换表成功,写卡失败')
+          this.isBusy = false
+        }
+      }catch (e) {
+        this.$showMessage('换表成功,写卡失败,请联系营业厅处理')
+        this.isBusy = false
+      }
+    },
+    confirmCheck(){
+      if(!this.model.f_type){
+        return '请选择换表类型'
+      }
+      //tag
+      if(this.model.f_type === '换新表'){
+        if(!this.model.f_ladder_sync){
+          return '请选择是否同步'
+        }
+        if(!this.model.f_gasbrand_id){
+          return '请选择新表品牌'
+        }
+        if(!this.model.f_gasmold_id){
+          return '请选择新表型号'
+        }
+        if(!this.model.f_meternumber){
+          return '请输入新表表号'
+        }
+        if(!this.model.f_meter_base){
+          return '请输入新表底数'
+        }
+        // //tag
+        if(this.isOpenType && (!this.model.f_open_type)){
+          return '请选择开户方式'
+        }
+      }else if (this.model.f_type === '气表清零') {
+        this.model = Object.assign({},this.model,
+          {f_ladder_sync:"",
+            f_gasbrand_id: null,
+            f_gasmold_id: null,
+            f_meternumber: '',
+            f_meter_base: null,
+            f_open_type: ''
+          })
+        return ''
+      }
+      return ''
+    },
+    async confirm () {
+      const error = this.confirmCheck()
+      if(error){
+        this.$showMessage(error)
+        return
+      }
+      let newnumberdata = {
+        f_meternumber:this.model.f_meternumber,
+        f_gasbrand_id:this.model.f_gasbrand_id
+      }
+      let checknumber = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/third_meter_number_check`, {data: newnumberdata},{resolveMsg: null, rejectMsg: null})
+      if(checknumber.data){
+        if(checknumber.data.code != '0000'){
+          this.$showMessage(checknumber.data.msg)
+          return
+        }
+      }else{
+        this.$showMessage('网络异常，请稍后再试！')
+        return
+      }
+      this.model.f_table_path_new=this.extractFileName(this.f_table_path_new)
+      this.model.f_table_path_old=this.extractFileName(this.f_table_path_old)
+      this.isBusy = true
+      let _this = this
+      _this.$resetpost(`${_this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/third_change_meter`, {data: this.model},{resolveMsg: null, rejectMsg: null}).then((res) => {
+        if(res.data){
+          if (this.f_table_path_new || this.f_table_path_old){
+            this.imgArr = {
+              new_path: this.f_table_path_new || '',
+              old_path: this.f_table_path_old || '',
+              fusetype:'换表_清零',
+              f_userinfo_id:this.item.f_userinfo_id
+            }
+            this.uploadfile()
+          }
+          if(res.data.code === "0000"){
+            this.$root.$emit('tableChenge', res.data.changemeter_id.id || '');
+            if(this.model.f_type !== '换新表'){
+              this.isBusy = false
+              this.$showMessage('换表成功')
+              return
+            }
+            const arr =this.gasbrands.filter(res => res.id === this.model.f_gasbrand_id)
+            if(arr[0].f_meter_type.indexOf('卡表') !==-1 || this.model.f_open_type === '发卡开户'){
+              const cardParams = res.data.cardParams
+              this.writeCard(cardParams)
+            }else{
+              this.isBusy = false
+              this.$showMessage('换表成功')
+            }
+          }else if(res.data.code === "9990"){
+            this.isBusy = false
+            this.$showMessage('换表失败'+res.data.msg)
+          }
+        }else {
+          this.$showMessage('请求出错!!!')
+          this.isBusy = false
+        }
+      }).catch(e=>{
+        this.$showMessage('请求异常!!!'+ e)
+        this.isBusy = false
+      })
+    },
+    extractFileName(filePath) {
+      if (!filePath) return '';
+      // 从完整路径中提取文件名
+      return filePath.substring(filePath.lastIndexOf('/') + 1);
+    },
+  },
+  ready () {
+   // this.getallBrandList()
+  },
+  watch: {
+    'model.f_gasbrand_id' (val) {
+      if(val){
+        const arr = this.gasbrands.filter(res=>res.id === val)
+        if(arr.length>0 && arr[0].f_hascard === '是'){
+          this.isOpenType = true
+        }else{
+          this.isOpenType = false
+        }
+        this.newModelList = Object.assign([],this.allModelList.filter(res=>res.f_gasbrand_id === val))
+      }
+    }
+  }
+
+}
+</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>