telephone-clients 3.0.104-10 → 3.0.104-101

package/src/filiale/lixian/onlineoperation.vue

@@ -0,0 +1,606 @@
+<template>
+  <div class="" style="height:100%;width: 100%;background: #eff0f0;">
+    <!--操作-->
+    <div class="auto" style="">
+      <div class="row app-row auto" style="padding: 0px; background: aliceblue;">
+        <div class="col-xs-4" style="text-align: center;margin: 15px 0;" v-show="parameters.salegas"
+             @click="gotobygas(this.item)">
+          <div>
+            <img src="../../assets/售气1.png" style="width: 40px;height: 40px;margin-bottom: 5px;" alt="">
+          </div>
+          <label class="input-font" style="padding-right: 0px;">售气</label>
+        </div>
+        <div class="col-xs-4" style="text-align: center;margin: 15px 0;" v-show="parameters.changetable"
+             @click="gotochangemeter(this.item)">
+          <div>
+            <img src="../../assets/换表1.png" style="width: 40px;height: 40px;margin-bottom: 5px;" alt="">
+          </div>
+          <label class="input-font" style="padding-right: 0px;">换表</label>
+        </div>
+        <div class="col-xs-4" style="text-align: center;margin: 15px 0;" v-show="parameters.cardreissue"
+             @click="gotomakecard(this.item)">
+          <div>
+            <img src="../../assets/补卡1.png" style="width: 40px;height: 40px;height:40px;margin-bottom: 5px;" alt="">
+          </div>
+          <label class="input-font" style="padding-right: 0px;">补卡</label>
+        </div>
+        <div class="col-xs-4" style="text-align: center;margin: 15px 0;" v-show="parameters.readcard"
+             @click="poscard()">
+          <div>
+            <img src="../../assets/读卡1.png" style="width: 40px;height: 40px;margin-bottom: 5px;" alt="">
+          </div>
+          <label class="input-font" style="padding-right: 0px;">读卡</label>
+        </div>
+        <div class="col-xs-4" style="text-align: center;margin: 15px 0;" v-show="parameters.othercharge"
+             @click="otherCharge(this.item)">
+          <div>
+            <img src="../../assets/其他收费1.png" style="width: 40px;height: 40px;margin-bottom: 5px;" alt="">
+          </div>
+          <label class="input-font" style="padding-right: 0px;">其他收费</label>
+        </div>
+      </div>
+    </div>
+    <!--用户信息-->
+    <div style="" class="auto">
+      <div class="row app-row">
+        <div class="col-xs-4">
+          <label class="font text-left">表底数</label>
+        </div>
+        <div class="col-xs-8">
+          <input type="number" style="width: 95%;" @blur="getChangeData()" class="search_input input-font text-right"
+                 v-model="f_meter_base"
+                 placeholder="请填写表底数">
+        </div>
+      </div>
+      <div class="row app-row" v-show="item.f_userinfo_code">
+        <div class="col-xs-4">
+          <!--<img src="../../assets/用户姓名.png" style="width: 20px;margin-bottom: 5px" alt="">-->
+          <label class="font text-left">用户编号</label>
+        </div>
+        <div class="col-xs-8">
+          <input type="text" style="width: 95%;" class="search_input input-font text-right"
+                 v-model="item.f_userinfo_code" placeholder="用户编号">
+        </div>
+      </div>
+      <div class="row app-row" v-show="item.f_user_name">
+        <div class="col-xs-4">
+          <label class="font text-left">用户姓名</label>
+        </div>
+        <div class="col-xs-8">
+          <input type="text" style="width: 95%;" class="search_input input-font text-right" v-model="item.f_user_name"
+                 placeholder="用户姓名">
+        </div>
+      </div>
+      <div class="row app-row" v-show="item.f_user_phone">
+        <div class="col-xs-4">
+          <label class="font text-left">用户电话</label>
+        </div>
+        <div class="col-xs-8">
+          <input type="text" style="width: 95%;" class="search_input input-font text-right" v-model="item.f_user_phone"
+                 placeholder="用户编号">
+        </div>
+      </div>
+      <div class="row app-row" v-show="item.f_user_type">
+        <div class="col-xs-4">
+          <label class="font text-left">用户类型</label>
+        </div>
+        <div class="col-xs-8">
+          <input type="text" style="width: 95%;" class="search_input input-font text-right" v-model="item.f_user_type"
+                 placeholder="用户类型">
+        </div>
+      </div>
+      <div class="row app-row" v-show="item.f_address">
+        <div class="col-xs-4">
+          <label class="font text-left">用户地址</label>
+        </div>
+        <div class="col-xs-8">
+          <input type="text" style="width: 95%;" class="search_input input-font text-right" v-model="item.f_address"
+                 placeholder="用户姓名">
+        </div>
+      </div>
+      <div class="row app-row" v-show="item.f_meternumber">
+        <div class="col-xs-4">
+          <label class="font text-left">燃气表号</label>
+        </div>
+        <div class="col-xs-8">
+          <input type="text" style="width: 95%;" class="search_input input-font text-right" v-model="item.f_meternumber"
+                 placeholder="燃气表号">
+        </div>
+      </div>
+      <div class="row app-row" v-show="item.f_meter_brand">
+        <div class="col-xs-4">
+          <label class="font text-left">基表品牌</label>
+        </div>
+        <div class="col-xs-8">
+          <input type="text" style="width: 95%;" class="search_input input-font text-right" v-model="item.f_meter_brand"
+                 placeholder="气表品牌">
+        </div>
+      </div>
+      <div class="row app-row" v-show="item.f_meter_type">
+        <div class="col-xs-4">
+          <label class="font text-left">基表类型</label>
+        </div>
+        <div class="col-xs-8">
+          <input type="text" style="width: 95%;" class="search_input input-font text-right" v-model="item.f_meter_type"
+                 placeholder="气表类型">
+        </div>
+      </div>
+      <div class="row app-row" v-show="item.f_collection_type">
+        <div class="col-xs-4">
+          <label class="font text-left">气表分类</label>
+        </div>
+        <div class="col-xs-8">
+          <input type="text" style="width: 95%;" class="search_input input-font text-right"
+                 v-model="item.f_collection_type"
+                 placeholder="气表分类">
+        </div>
+      </div>
+      <div class="row app-row" v-show="item.f_total_gas">
+        <div class="col-xs-4">
+          <label class="font text-left">累计气量</label>
+        </div>
+        <div class="col-xs-8">
+          <input type="text" style="width: 95%;" class="search_input input-font text-right" v-model="item.f_total_gas"
+                 placeholder="累计气量">
+        </div>
+      </div>
+      <div class="row app-row" v-show="item.f_total_fee">
+        <div class="col-xs-4">
+          <label class="font text-left">累计金额</label>
+        </div>
+        <div class="col-xs-8">
+          <input type="text" style="width: 95%;" class="search_input input-font text-right" v-model="item.f_total_fee"
+                 placeholder="累计金额">
+        </div>
+      </div>
+
+    </div>
+    <modal :show.sync="model_f" v-ref:modal>
+      <div slot="modal-header" class="modal-header">
+        <h4 class="modal-title">
+          卡信息
+        </h4>
+      </div>
+      <div slot="modal-body" class="modal-body">
+        <div class="flex">
+          <div class="row">
+            <label class="col-sm-2">卡号:</label>
+            <span class="col-sm-3">{{ cardinfo.CardID }}</span>
+          </div>
+          <div class="row">
+            <label class="col-sm-2">厂名:</label>
+            <span class="col-sm-3">{{ cardinfo.Factory }}</span>
+          </div>
+          <div class="row">
+            <label class="col-sm-2">气量:</label>
+            <span class="col-sm-3">{{ cardinfo.Gas }}</span>
+          </div>
+          <div class="row">
+            <label class="col-sm-2">金额:</label>
+            <span class="col-sm-3">{{ cardinfo.Money }}</span>
+          </div>
+          <div class="row">
+            <label class="col-sm-2">写卡次数:</label>
+            <span class="col-sm-3">{{ cardinfo.Times }}</span>
+          </div>
+        </div>
+      </div>
+      <div slot="modal-footer" class="modal-footer">
+        <button type="button" name="button" class="col-sm-3 btn btn-primary" @click="cancel()">关闭</button>
+      </div>
+    </modal>
+  </div>
+
+</template>
+
+<script>
+import Vue from 'vue'
+import * as Util from '../../components/Util'
+import {PagedList, HttpResetClass} from 'vue-client'
+
+export default {
+  title: '在线操作',
+  props: ['item'],
+  data() {
+    return {
+      parameters: {
+        "salegas": false,
+        "changetable": true,
+        "cardreissue": false,
+        "readcard": false,
+        "othercharge": false
+      },
+      remanent: {
+        f_using_base_old: 0,
+        alldue_fee: 0,
+        f_remanent_price: 0,
+        f_remanent_money: 0,
+        f_remanent_gas: 0,
+      },
+      config: {
+        hasPrint: false,  // 默认打票
+        hasBillManage: false,  // 默认不启用发票管理
+        billType: '其他费用',   // 票据类型（燃气费，其他费用，调用的发票代码不同）
+        printType: '普通收据', // 收据/电子票/专用发票/国税发票
+        payment: '现金缴费',
+        ladderSync: '同步',
+        open_way: '指令开户',
+        hasArrearsChange: true, // 是否可以有欠费换表
+        f_change_operator: false, // 换表人是否必填
+        castInt: false,
+        dispatch: false, // 是否派工
+        showupload: true, //
+        approve: false  // 是否开启审核
+      },
+      ispos: false,
+      row: {},
+      model_f: false,
+      cardinfo: {},
+      alldue_fee: 0,
+      f_operator: Vue.user.name,
+      f_orgid : Vue.user.orgid,
+      f_meter_base: null,
+      f_operator: '管理员',
+      // f_orgid: '37710'
+
+    }
+  },
+  methods: {
+    getChangeData() {
+      this.remanent.f_using_base_old = this.f_meter_base
+      let _this = this
+      let queryparam = {
+        condition: `u.f_filialeid in ('${_this.f_orgid}') and  1=1  and f_userinfo_code = '${this.item.f_userinfo_code}' and 1=1`,
+        orderitem: "f_userinfo_id desc DESC"
+      }
+      _this.$resetpost(`${_this.$androidUtil.getProxyUrl()}/rs/sql/sale_getUser`, {data: queryparam}, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).then(async (row) => {
+        // this.$resetpost(`rs/sql/sale_getUser`, {data: param}).then((row) => {
+        //tag + '参数')
+        let item = row.data[0]
+        _this.row = item
+        // 获取单价信息
+        _this.getprice()
+
+
+      }).catch((e) => {
+        //tag)
+        this.$showMessage('参数获取失败！')
+      })
+    },
+    async gotobygas(row) {
+      //tag)
+      if (row.f_meter_type.includes('卡表')) {
+        // 如果是卡表需要判断这个用户是否有未写卡记录
+        let http1 = new HttpResetClass()
+        let parameter = {
+          items: '*',
+          tablename: 't_sellinggas',
+          condition: ` f_userinfo_id = ${row.f_userinfo_id} and f_write_card = '未写卡'`
+        }
+        let resp = await http1.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/querySingleTable`, {data: parameter}, {
+          resolveMsg: null,
+          rejectMsg: null
+        })
+        //tag)
+        if (resp.data.length > 0) {
+          this.$showMessage('此用户存在未写卡记录,暂不能缴费！')
+          return
+        }
+      }
+      let _this = this
+      let param = {
+        condition: `u.f_filialeid in ('${_this.f_orgid}') and  1=1  and f_userinfo_code = '${row.f_userinfo_code}' and 1=1`,
+        orderitem: "f_userinfo_id desc DESC"
+      }
+      _this.$resetpost(`${_this.$androidUtil.getProxyUrl()}/rs/sql/sale_getUser`, {data: param}, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).then((row) => {
+        // this.$resetpost(`rs/sql/sale_getUser`, {data: param}).then((row) => {
+        //tag + '参数')
+        let item = row.data[0]
+        let pardate = {
+          _this: _this,
+          title: '在线购气',
+          safe: false
+        }
+        _this.$dispatch('gotoson', pardate)
+        //tag
+        _this.$goto('online_buy_gas', {row: item}, 'self')
+      }).catch((e) => {
+        //tag)
+        this.$showMessage('参数获取失败！')
+      })
+
+    },
+    async pregasChange() {
+      let _that= this
+      if (parseInt(this.f_meter_base) < parseInt(this.row.f_meter_base)) {
+        await this.$showMessage(`录入旧表底数小于系统就表底数请再次核对！`, ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+          } else {
+            this.f_meter_base = ''
+            return
+          }
+        })
+      }
+      if (this.row.f_meter_type == '气量卡表') {
+        let msg = this.calGasCardRemanent()
+        if (msg) {
+          return
+        }
+      } else if (this.row.f_meter_type == '金额卡表') {
+        // this.$showAlert('金额卡表换表尚在开发中，敬请期待！！', 'warning', 5000)
+        // this.$dispatch('refresh')
+        this.calMoneyCardRemanent()
+
+      } else if (this.row.f_meter_type == '物联网表') {
+        // this.Iotjisuan()
+      }
+      let msg = ''
+      if (this.row.f_meter_type.includes('机表') || this.row.f_meter_type.includes('物联网表')) {
+        let a = this.config.castInt ? parseInt(this.f_meter_base) : this.f_meter_base
+        let b = this.config.castInt ? parseInt(this.row.f_meter_base) : this.row.f_meter_base
+        if (a > b) {
+          msg = (this.row.f_meter_type === '机表' ? '该用户表底数大于上次抄表底数，请确定是否继续生成欠费记录' : '该用户表底数大于上次抄表底数，请确定是否进行结算')
+        } else if (this.row.f_capacity && this.row.f_capacity > 0 && (parseInt(this.f_meter_base) < parseInt(this.row.f_meter_base))) {
+          msg = '该用户表底数大于上次抄表底数，且已超越最大量程，请确定是否继续生成欠费记录'
+        }
+      }
+      if ((this.row.f_meter_type.includes('机表') || this.row.f_meter_type.includes('物联网表')) && msg) {
+        this.$showMessage(msg, ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            let url = this.row.f_meter_type.includes('物联网表') ? 'rs/logic/changeMeterWebHand' : 'rs/logic/changeMeterHand'
+            let data = {
+              downDate: Util.toStandardTimeString(),
+              startDate: Util.toStandardDateString(),
+              endDate: Util.toStandardDateString(),
+              condition: `f_userfiles_id = '${this.row.f_userfiles_id}'`,
+              f_operator: Vue.user.name,
+              f_operatorid: Vue.user.id,
+              f_meternumber: this.row.f_meternumber,
+              f_userinfo_id: this.row.f_userinfo_id,
+              f_userfiles_id: this.row.f_userfiles_id,
+              f_serial_number: '',
+              f_meterbase: this.f_meter_base,
+              f_meter_brand: this.row.f_meter_brand,
+              f_meter_classify: this.row.f_meter_type,
+              f_price_id: this.row.f_price_id
+            }
+            this.$resetpost(url, {data: data}, {resolveMsg: '生成欠费成功', rejectMsg: '生成欠费失败'}).then((res) => {
+              console.log(res.data)
+              console.log(JSON.stringify(res.data))
+              if(res.data.msg==='抄表成功'){
+                _that.$showMessage('生成欠费成功')
+                this.getChangeData()
+              }else{
+                _that.$showMessage('生成欠费失败')
+              }
+
+            })
+          }
+        })
+      } else {
+        let _this = this
+        var pardate = {
+          _this: _this,
+          title: '在线换表',
+          safe: false
+        }
+        _this.$dispatch('gotoson', pardate)
+        //tag
+        _this.$goto('online-change-meter', {row: this.row, remanent: this.remanent}, 'self')
+      }
+
+    },
+    calGasCardRemanent() {
+      let mesg = ''
+      // 拿到旧表底数 和【累计购气量+初始底数】比较  这里剩余气量如果是清零补气的就不加，如果是换表补气的就加
+      let param = this.row.f_total_gas + this.row.f_initial_base
+
+      if (this.row.f_remanent_type == 1) {
+        param += this.row.f_remanent_gas
+      }
+
+      if (this.f_meter_base > param) {
+        msg = '该表可能存在超用，请核实输入后进行换表操作！！'
+        this.$showAlert(msg, 'warning', 5000)
+      }
+
+      if (this.row.f_remanent_price > 0) {
+        this.row.f_remanent_gas = (param - (this.f_meter_base - 0)).toFixed(4)
+      }
+    },
+
+    calMoneyCardRemanent() {
+      if (!this.row.f_remanent_money) {
+        this.row.f_remanent_money = ''
+      }
+    },
+
+    async getprice() {
+      let http = new HttpResetClass()
+      let param = {
+        tablename: 't_detailprice',
+        condition: `f_price_name = '1' and f_stairprice_id = '${this.row.f_stairprice_id}'`
+      }
+      let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/saleSingleTable`, {
+        data: param
+      }, {
+        resolveMsg: null,
+        rejectMsg: '获取一阶单价!!'
+      })
+      if (res.data.length > 0) {
+        this.remanent.f_remanent_price = res.data[0].f_price
+      }
+      this.initData()
+    },
+    initData() {
+      if (this.row.f_meter_type == '物联网表') {
+        // 判断是否需要结算
+        if (this.row.f_collection_type == '按气量') {
+          this.calGasIOTRemanent()
+        } else {
+          this.calMoneyIOTRemanent()
+        }
+      } else if (this.row.f_meter_type == '机表') {
+        this.validateOwe()
+      }
+    },
+    calGasIOTRemanent() {
+      this.remanent.f_remanent_gas = (this.row.f_balance_gas - 0)
+    },
+    calMoneyIOTRemanent() {
+      this.remanent.f_remanent_money = (this.row.f_balance_amount - 0).toFixed(4)
+    },
+
+    async validateOwe() {
+      let http = new HttpResetClass()
+      // 有欠费是否能换表  如果能则需要获取到欠费金额
+      if (this.config.hasArrearsChange) {
+        let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/sale_getOwe`, {data: {f_userinfo_id: this.row.f_userinfo_id}}, {
+          resolveMsg: null,
+          rejectMsg: '获取欠费出错！！'
+        })
+        let owes = []
+        for (let i = 0; i < res.data.length; i++) {
+          for (let j = 0; j < res.data[i].rows.length; j++) {
+            owes.push(res.data[i].rows[j])
+          }
+        }
+        console.log('获取到的欠费记录', owes)
+        this.alldue_fee = owes.reduce((total, item) => {
+          return total + (item.f_oughtfee + item.overdue - item.f_debt_money)
+        }, 0)
+        this.remanent.alldue_fee = this.alldue_fee
+        console.log('总欠费金额为', this.alldue_fee)
+        this.books = owes
+      } else {
+        // 如果 不能 则只需要获取到记录数，采用相对节省资源的查询
+        let books = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/singleTable_OrderBy`, {
+            data: {
+              items: 'f_whether_pay',
+              tablename: 't_handplan',
+              condition: ` f_user_id  = '${this.row.f_user_id}' and f_oughtfee > 0 and  f_hand_state = '有效' and f_meter_state='已抄表' `,
+              orderitem: ' id desc'
+            }
+          }, {resolveMsg: null, rejectMsg: null}
+        )
+        console.log('获取到的欠费记录', books)
+        this.books = books
+        // 如果是机表验证是否有欠费
+        if ((this.row.f_balance - 0) < 0) {
+          this.$showAlert('该表有欠费，请到机表缴费界面进行缴费', 'warning', 3000)
+          this.$dispatch('button-specifies', {name: '机表收费', value: 'machine-charge'}, this.row)
+        }
+      }
+    },
+    gotochangemeter() {
+      //获取用户信息
+      if (!this.f_meter_base) {
+        this.$showMessage('请填写表底数后在点击换表')
+        return
+      }
+      this.remanent.f_using_base_old = this.f_meter_base
+      this.pregasChange()
+    },
+    otherCharge(row) {
+      //tag
+      let _this = this
+      var pardate = {
+        _this: _this,
+        title: '其他收费',
+        safe: false
+      }
+      _this.$dispatch('gotoson', pardate)
+      //tag
+      _this.$goto('other_charge', {row: row}, 'self')
+
+    },
+    poscard() {
+      //tag
+      if (this.ispos) {
+        let fengongsi = this.$appdata.getSingleValue('分公司')
+        if (!fengongsi) {
+          this.$showMessage('分公司获取失败！')
+          return
+        }
+        let posinfo2 = HostApp.read(fengongsi)
+        // let posinfo2 = HostApp.read("XianYang")
+        //tag)
+        if (posinfo2.code == 200) {
+          //tag
+          this.cardinfo = posinfo2.msg
+          this.model_f = true
+        } else {
+          this.$showMessage(posinfo2.msg)
+        }
+      } else {
+        this.$showMessage('该设备暂不支持')
+      }
+
+    },
+    cancel() {
+      //tag
+      this.model_f = false
+    },
+    gotomakecard(row) {
+      //tag
+      let _this = this
+      var pardate = {
+        _this: _this,
+        title: 'POS补卡',
+        safe: false
+      }
+      _this.$dispatch('gotoson', pardate)
+      _this.$goto('pos-onlinemakecard', {item: row}, 'self')
+    }
+  },
+
+  ready() {
+    // 获取globals里的pos
+    // this.ispos = this.$androidUtil.getPreference('pos')
+    //tag)
+    //tag)
+    // 获取配置项
+    console.log(Vue.config.telephone.ApproveConfig)
+    // if (Vue.config.telephone != undefined) {
+    //   if (Vue.config.telephone.ApproveConfig != undefined) {
+    //     this.parameters = Vue.config.telephone.ApproveConfig
+    //     this.ispos = Vue.config.telephone.ApproveConfig.ispos
+    //     //tag)
+    //   } else {
+    //     //tag
+    //   }
+    // } else {
+    //   //tag
+    // }
+  }
+}
+</script>
+
+<style scoped>
+.app-row {
+  background-color: white;
+  padding: 5px 10px 0 10px;
+  border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+}
+
+.search_input {
+  border: 0;
+  outline: none;
+}
+
+.font {
+  font: 16px PingFang-SC-Medium;
+  color: #958e8e;
+}
+
+.input-font {
+  font: 15px PingFang-SC-Medium;
+  color: #333333;
+}
+</style>