telephone-clients 3.0.103-91 → 3.0.103-93

package/src/components/pos/charge/userinfo/UserInfo.vue

@@ -1,176 +1,176 @@
-<template>
-  <div >
-    <div class="mhead" v-if="!hideHead">
-      <ul>
-        <li>
-          <text>购气写卡</text>
-        </li>
-      </ul>
-    </div>
-    <div class="body" style="overflow:auto;">
-       <div class="userinfo" style="height: 25%">
-         <table width="96%" border="0"  style="font-size:16px;margin-right:2%;margin-left:2%;" >
-           <tr>
-             <td colspan="6" class="lab"><span><img src="../../image/titleicon01.png" width="26" height="26" alt=""/></span> 档案信息</td>
-           </tr>
-           <tr>
-             <td width="60" align="right">用户编号：</td>
-             <td ><input type="text" v-model="userInfo.f_userinfo_code" readonly/></td>
-           </tr>
-           <tr>
-             <td width="80"  align="right">用户名称：</td>
-             <td colspan="2"><input type="text" v-model="userInfo.f_user_name"  readonly/>
-           </tr>
-           <tr>
-             <td width="80" align="right">用户地址：</td>
-             <td colspan="5"><input type="text" v-model="userInfo.f_address" readonly/></td>
-           </tr>
-           <tr>
-             <td width="80" align="right">用气性质：</td>
-             <td><input type="text" v-model="userInfo.f_gasproperties" readonly/></td>
-           </tr>
-         </table>
-       </div>
-        <div class="cardview"  v-if="cardinfoshow">
-          <card-info  :info="cardInfo"></card-info>
-        </div>
-
-        <tabset v-ref:tabs :close="false" class="lists">
-          <tab header='预写卡信息' class="tabview">
-            <write-card-info :rows="writecards"> </write-card-info>
-          </tab>
-          <tab header='历史购气记录' class="tabview">
-            <history-sell-list :rows="selles"  :old_date="old_date"> </history-sell-list>
-          </tab>
-        </tabset>
-    </div>
-    <div class="foot"  @click="back('tomain')">
-      <text>返回</text>
-    </div>
-  </div>
-</template>
-<script>
-  import Vue from 'vue'
-  import co from 'co'
-
-  let getSellGen = function * (self) {
-    // 模拟数据
-    let result = [{"f_cainuanend":null,"f_myqiliangjine":null,"f_preamount":199.95,"f_cumulativepurchase":435,"f_stair1fee":199.95,"f_fengongsinum":null,"f_yhxz":null,"f_type":null,"f_unitfee":null,"f_gsprice":null,"f_stair1price":2.666,"id":20441011,"f_zuidayue":null,"f_sczhishu":null,"f_jsqs":null,"f_shouqi":null,"f_comtype":null,"f_stair2price":3.199,"f_wheatherduizhang":null,"f_sgoperator":"招商银行","f_invoicenum":null,"f_metertype":"G1.6","f_gaswatchbrand":"蓝宝石","ljql":null,"endinputdate":null,"f_deliverydate_tb":null,"f_write_date":null,"f_finallybought":75,"f_stair3amount":0,"f_stair1surplus":null,"f_watchfee":null,"f_watchnum":null,"f_grossproceeds":199.1,"f_districtname":null,"f_enddate":"2020-12-31","f_weizhi":null,"f_times":9,"f_cardfees":null,"ljwyqje":null,"f_stair3surplus":null,"f_deliverytime":"1970-01-01 11:19:15","f_feimyqiliang":null,"f_stair4amount":null,"f_gas":null,"ljnyqje":null,"f_userid":"1111246498","f_stair3fee":0,"f_oldid":null,"f_buka":null,"f_zuixiaoyue":null,"f_sgnetwork":"五莲营业厅","f_myfenzhi":null,"f_singlegasnum":null,"f_userarea":null,"f_write_card":"未写卡","f_username":"林青","f_upbuynum":360,"f_bankname":"招商银行","f_stairtype":"五莲民用阶梯","f_stair5amount":null,"f_qsje":null,"f_payfeevalid":"有效","f_bsfjl":null,"f_payfeetype":"卡表收费","f_address":"天源3-1-202","f_zhye":0.85,"f_deliverydate":"2020-04-20 00:00:00","f_allamont":null,"f_zhinajin1":null,"f_stair2surplus":null,"f_wallhangboiler":0,"f_endfee":null,"f_fillgas":null,"f_stair3price":3.999,"f_banksn":"5612004200003180","f_out_trade_no":null,"f_xiangoubj":null,"f_tellerid":"五莲营业厅","msg":null,"f_myqiliang":null,"f_oldtype1":null,"f_weihuheji":null,"maxgassellnum":null,"f_totalcost":199.1,"f_cardid":"80009104","f_meternumber":null,"f_aliasname":"LanBaoShi","f_metergasnums":435,"f_stair5fee":null,"f_weihunians":null,"f_flownum":null,"f_users":null,"f_handdate":null,"ljqnl":null,"f_stair2amount":0,"f_biaoleiji":null,"lastinputgasnum_user":null,"f_idnumber":"371122198701236839","f_beizhu":null,"f_beginfee":"2017-04-26 00:00:00","f_amountmaintenance":0,"f_weihuyue":null,"f_invoicenumint":null,"f_filiale":"五莲营业厅","f_stair5price":null,"f_cailiaofei":null,"maxgassellnumbj":null,"f_oldtype":null,"f_limitbuygasbj":null,"f_menzhan":null,"f_zherownum":null,"f_stardate":null,"f_stair2fee":0,"f_repairnum":null,"f_benqizhye":0,"f_feimyqiliangjine":null,"openpl_out_trade_no":null,"f_apartment":"202","coupon_fee":null,"ljwql":null,"f_initcardsellgas":null,"f_leftgas":null,"f_zongleiji":null,"f_status_tb":null,"f_givechange":null,"f_limitbuygas":null,"f_fanpandate":null,"f_stair4surplus":null,"f_stair5surplus":null,"f_beginfeehx":null,"f_nowyear":null,"remark":null,"f_sendsuccess":null,"lastinputgasnum":null,"lastrecord":null,"f_gsfenzhi":null,"f_orgstr":null,"f_finabuygasdate":"2020-04-20 00:00:00","f_gasprice":2.666,"f_repairnumfei":null,"f_stair4price":null,"f_useful":null,"f_payment":"银行代收","f_invoiceid":null,"f_books":null,"f_bczhishu":null,"pay_pass":null,"f_cusdom":null,"f_usertype":"民用","f_stair4fee":null,"f_cainuanstate":null,"f_myprice":null,"f_userinfoid":null,"f_zhinajin":null,"f_beginfeebj":null,"f_maichong":null,"f_pregas":75,"f_surplusgas":null,"f_gaspricetype":"五莲民用气价","money":null,"f_year":"2020","f_gasproperties":"民用","f_premetergasnums":360,"f_feiweihufei":null,"f_paytype":null,"f_stair1amount":75,"f_qsl":null,"f_gasmeterstyle":"卡表","lastinputdate":null,"f_jiezhangstate":"未结账","f_write_operator":null,"f_cusdy":null}]
-    self.writecards = result
-    self.selles = result
-    /*try {
-      let result = yield self.$resetpost(Vue.ProxyUrl + '/rs/logic/' + self.$PosUtil.posParam.revenue + 'getHistoryOrder', {data: {f_user_id: `${self.userInfo.f_user_id}`}},
-        {resolveMsg: null, rejectMsg: null,aoteEncrypt:Vue.PosUtil.posParam.EncryType,encryKey: Vue.PosUtil.posParam.EnceyKey})
-      self.writecards = result.data.writecards
-      self.selles = result.data.sells
-      //tag
-    } catch (ret) {
-      self.$showMessage('系统繁忙，查询历史缴费记录失败，请退出重新读卡！')
-    }*/
-  }
-export default{
-  title: '用户信息',
-  data () {
-    return {
-      isCard: false,
-      writecards: [],
-      selles: [],
-      old_date: false,
-      cardinfoshow:true
-    }
-  },
-  props: ['userInfo', 'cardInfo', 'stairPrices','hideHead','sellType'],
-  methods: {
-    sellgas () {
-      this.tobuy()
-      // if (this.writecards.length > 0) {
-      //   this.$showMessage('该用户有未写卡的缴费记录，请先写卡')
-      // //     .then(
-      // //     ((res) => {
-      // //       if (res === 'confirm') {
-      // //     this.$goto('init',{},'self', self.back)
-      // //        }
-      // //     })
-      // // )
-      //   return
-      // } else {
-      //   // this.$goto('card-sell-gas',{userInfo: this.userInfo,cardInfo: this.cardInfo,stairPrices: this.stairPrices},'self', this.back('tomain'))
-      //   this.tobuy()
-      // }
-    },
-    back (param) {
-      this.$back(param)
-    },
-    tobuy () {
-      if (this.$PosUtil.posParam.fmybuygas !== '是' && this.userInfo.f_user_type !== '民用') {
-        this.$showMessage('非民用用户请到营业厅购气！')
-        return
-      }
-      if (this.userInfo.f_table_state !== '正常') {
-        this.$showMessage('该表状态为\'' + this.userInfo.f_table_state + '\'不能购气')
-        return
-      }
-      //非机表/物联网表则为卡表
-      if (this.userInfo.f_meter_type ==='机表'|| (this.userInfo.f_meter_type ==='物联网表' && this.userInfo.f_calculation === '后付费') ) {
-        //后付费
-      } else {
-        if(this.userInfo.f_meter_type !=='物联网表'){
-          if (this.cardInfo.Gas !== 0 && this.cardInfo.Gas !== '0' && this.cardInfo.Gas !== undefined) {
-            this.$showMessage('卡上有气不能购气！')
-            return
-          } else if (this.cardInfo.Money !== 0 && this.cardInfo.Money !== '0' && this.cardInfo.Money !== undefined) {
-            this.$showMessage('卡上有钱不能购气！')
-            return
-          } else if (this.stairPrices.length > 0) {
-            this.$showMessage('您有' + this.stairPrices.length + '笔未写卡的缴费记录，请先写卡，否则无法购气！')
-            return
-          }
-          if (this.cardInfo.CardID === null || this.cardInfo.CardID === '') {
-            this.$showMessage('卡号为空不能购气')
-            return
-          }
-          if(this.userInfo.f_remain_gas < 0){
-            this.$showMessage(this.userInfo.f_cycle_start + '至' + this.userInfo.f_cycle_end + '限购气量为' + this.userInfo.limit_gas + '方，剩余可购气量为0方，请到柜台办理或于'+this.userInfo.f_cycle_end+'以后再来购气')
-            return
-          }
-        }
-        this.$goto('card-sell-gas',{userInfo: this.userInfo,cardInfo: this.cardInfo,stairPrices: this.stairPrices},'self', this.back('tomain'))
-      }
-
-    },
-    iswritecard(){
-      this.$showMessage(msg + '点击"确认"开始写卡', ['confirm', 'cancel']).then((res) => {
-        if (res === 'confirm') {
-          var stairPrice = this.stairPrices[0]
-          stairPrice.writemark = false
-          // todo 直接进入写卡界面
-          // this.$goto('order-info', {userInfo: this.userInfo, cardInfo: this.cardInfo, stairPrice: stairPrice}, 'self', this.callback)
-        }
-      })
-    },
-    goWrite () {
-        //tag
-        this.$goto('read-card-inter',{Verifyuserinfo:this.userInfo,sellType:this.sellType,writeInfo:this.writecards[0]},'self',this.callBack)
-    }
-  },
-  events: {
-    'goWritecard' () {
-      this.goWrite()
-    }
-  },
-  ready () {
-    this.cardinfoshow=this.$PosUtil.posParam.cardinfoshow
-    //tag
-    //tag
-    //tag
-    //tag
-    if(Vue.PosUtil.posParam.f_delivery_date !== 'f_delivery_date'){
-      this.old_date = true
-    }
-    //tag
-    //tag
-    let getselles = getSellGen(this)
-    return co(getselles)
-  }
-}
-</script>
+<template>
+  <div >
+    <div class="mhead" v-if="!hideHead">
+      <ul>
+        <li>
+          <text>购气写卡</text>
+        </li>
+      </ul>
+    </div>
+    <div class="body" style="overflow:auto;">
+       <div class="userinfo" style="height: 25%">
+         <table width="96%" border="0"  style="font-size:16px;margin-right:2%;margin-left:2%;" >
+           <tr>
+             <td colspan="6" class="lab"><span><img src="../../image/titleicon01.png" width="26" height="26" alt=""/></span> 档案信息</td>
+           </tr>
+           <tr>
+             <td width="60" align="right">用户编号：</td>
+             <td ><input type="text" v-model="userInfo.f_userinfo_code" readonly/></td>
+           </tr>
+           <tr>
+             <td width="80"  align="right">用户名称：</td>
+             <td colspan="2"><input type="text" v-model="userInfo.f_user_name"  readonly/>
+           </tr>
+           <tr>
+             <td width="80" align="right">用户地址：</td>
+             <td colspan="5"><input type="text" v-model="userInfo.f_address" readonly/></td>
+           </tr>
+           <tr>
+             <td width="80" align="right">用气性质：</td>
+             <td><input type="text" v-model="userInfo.f_gasproperties" readonly/></td>
+           </tr>
+         </table>
+       </div>
+        <div class="cardview"  v-if="cardinfoshow">
+          <card-info  :info="cardInfo"></card-info>
+        </div>
+
+        <tabset v-ref:tabs :close="false" class="lists">
+          <tab header='预写卡信息' class="tabview">
+            <write-card-info :rows="writecards"> </write-card-info>
+          </tab>
+          <tab header='历史购气记录' class="tabview">
+            <history-sell-list :rows="selles"  :old_date="old_date"> </history-sell-list>
+          </tab>
+        </tabset>
+    </div>
+    <div class="foot"  @click="back('tomain')">
+      <text>返回</text>
+    </div>
+  </div>
+</template>
+<script>
+  import Vue from 'vue'
+  import co from 'co'
+
+  let getSellGen = function * (self) {
+    // 模拟数据
+    let result = [{"f_cainuanend":null,"f_myqiliangjine":null,"f_preamount":199.95,"f_cumulativepurchase":435,"f_stair1fee":199.95,"f_fengongsinum":null,"f_yhxz":null,"f_type":null,"f_unitfee":null,"f_gsprice":null,"f_stair1price":2.666,"id":20441011,"f_zuidayue":null,"f_sczhishu":null,"f_jsqs":null,"f_shouqi":null,"f_comtype":null,"f_stair2price":3.199,"f_wheatherduizhang":null,"f_sgoperator":"招商银行","f_invoicenum":null,"f_metertype":"G1.6","f_gaswatchbrand":"蓝宝石","ljql":null,"endinputdate":null,"f_deliverydate_tb":null,"f_write_date":null,"f_finallybought":75,"f_stair3amount":0,"f_stair1surplus":null,"f_watchfee":null,"f_watchnum":null,"f_grossproceeds":199.1,"f_districtname":null,"f_enddate":"2020-12-31","f_weizhi":null,"f_times":9,"f_cardfees":null,"ljwyqje":null,"f_stair3surplus":null,"f_deliverytime":"1970-01-01 11:19:15","f_feimyqiliang":null,"f_stair4amount":null,"f_gas":null,"ljnyqje":null,"f_userid":"1111246498","f_stair3fee":0,"f_oldid":null,"f_buka":null,"f_zuixiaoyue":null,"f_sgnetwork":"五莲营业厅","f_myfenzhi":null,"f_singlegasnum":null,"f_userarea":null,"f_write_card":"未写卡","f_username":"林青","f_upbuynum":360,"f_bankname":"招商银行","f_stairtype":"五莲民用阶梯","f_stair5amount":null,"f_qsje":null,"f_payfeevalid":"有效","f_bsfjl":null,"f_payfeetype":"卡表收费","f_address":"天源3-1-202","f_zhye":0.85,"f_deliverydate":"2020-04-20 00:00:00","f_allamont":null,"f_zhinajin1":null,"f_stair2surplus":null,"f_wallhangboiler":0,"f_endfee":null,"f_fillgas":null,"f_stair3price":3.999,"f_banksn":"5612004200003180","f_out_trade_no":null,"f_xiangoubj":null,"f_tellerid":"五莲营业厅","msg":null,"f_myqiliang":null,"f_oldtype1":null,"f_weihuheji":null,"maxgassellnum":null,"f_totalcost":199.1,"f_cardid":"80009104","f_meternumber":null,"f_aliasname":"LanBaoShi","f_metergasnums":435,"f_stair5fee":null,"f_weihunians":null,"f_flownum":null,"f_users":null,"f_handdate":null,"ljqnl":null,"f_stair2amount":0,"f_biaoleiji":null,"lastinputgasnum_user":null,"f_idnumber":"371122198701236839","f_beizhu":null,"f_beginfee":"2017-04-26 00:00:00","f_amountmaintenance":0,"f_weihuyue":null,"f_invoicenumint":null,"f_filiale":"五莲营业厅","f_stair5price":null,"f_cailiaofei":null,"maxgassellnumbj":null,"f_oldtype":null,"f_limitbuygasbj":null,"f_menzhan":null,"f_zherownum":null,"f_stardate":null,"f_stair2fee":0,"f_repairnum":null,"f_benqizhye":0,"f_feimyqiliangjine":null,"openpl_out_trade_no":null,"f_apartment":"202","coupon_fee":null,"ljwql":null,"f_initcardsellgas":null,"f_leftgas":null,"f_zongleiji":null,"f_status_tb":null,"f_givechange":null,"f_limitbuygas":null,"f_fanpandate":null,"f_stair4surplus":null,"f_stair5surplus":null,"f_beginfeehx":null,"f_nowyear":null,"remark":null,"f_sendsuccess":null,"lastinputgasnum":null,"lastrecord":null,"f_gsfenzhi":null,"f_orgstr":null,"f_finabuygasdate":"2020-04-20 00:00:00","f_gasprice":2.666,"f_repairnumfei":null,"f_stair4price":null,"f_useful":null,"f_payment":"银行代收","f_invoiceid":null,"f_books":null,"f_bczhishu":null,"pay_pass":null,"f_cusdom":null,"f_usertype":"民用","f_stair4fee":null,"f_cainuanstate":null,"f_myprice":null,"f_userinfoid":null,"f_zhinajin":null,"f_beginfeebj":null,"f_maichong":null,"f_pregas":75,"f_surplusgas":null,"f_gaspricetype":"五莲民用气价","money":null,"f_year":"2020","f_gasproperties":"民用","f_premetergasnums":360,"f_feiweihufei":null,"f_paytype":null,"f_stair1amount":75,"f_qsl":null,"f_gasmeterstyle":"卡表","lastinputdate":null,"f_jiezhangstate":"未结账","f_write_operator":null,"f_cusdy":null}]
+    self.writecards = result
+    self.selles = result
+    /*try {
+      let result = yield self.$resetpost(Vue.ProxyUrl + '/rs/logic/' + self.$PosUtil.posParam.revenue + 'getHistoryOrder', {data: {f_user_id: `${self.userInfo.f_user_id}`}},
+        {resolveMsg: null, rejectMsg: null,aoteEncrypt:Vue.PosUtil.posParam.EncryType,encryKey: Vue.PosUtil.posParam.EnceyKey})
+      self.writecards = result.data.writecards
+      self.selles = result.data.sells
+      //tag
+    } catch (ret) {
+      self.$showMessage('系统繁忙，查询历史缴费记录失败，请退出重新读卡！')
+    }*/
+  }
+export default{
+  title: '用户信息',
+  data () {
+    return {
+      isCard: false,
+      writecards: [],
+      selles: [],
+      old_date: false,
+      cardinfoshow:true
+    }
+  },
+  props: ['userInfo', 'cardInfo', 'stairPrices','hideHead','sellType'],
+  methods: {
+    sellgas () {
+      this.tobuy()
+      // if (this.writecards.length > 0) {
+      //   this.$showMessage('该用户有未写卡的缴费记录，请先写卡')
+      // //     .then(
+      // //     ((res) => {
+      // //       if (res === 'confirm') {
+      // //     this.$goto('init',{},'self', self.back)
+      // //        }
+      // //     })
+      // // )
+      //   return
+      // } else {
+      //   // this.$goto('card-sell-gas',{userInfo: this.userInfo,cardInfo: this.cardInfo,stairPrices: this.stairPrices},'self', this.back('tomain'))
+      //   this.tobuy()
+      // }
+    },
+    back (param) {
+      this.$back(param)
+    },
+    tobuy () {
+      if (this.$PosUtil.posParam.fmybuygas !== '是' && this.userInfo.f_user_type !== '民用') {
+        this.$showMessage('非民用用户请到营业厅购气！')
+        return
+      }
+      if (this.userInfo.f_table_state !== '正常') {
+        this.$showMessage('该表状态为\'' + this.userInfo.f_table_state + '\'不能购气')
+        return
+      }
+      //非机表/物联网表则为卡表
+      if (this.userInfo.f_meter_type ==='机表'|| (this.userInfo.f_meter_type ==='物联网表' && this.userInfo.f_calculation === '后付费') ) {
+        //后付费
+      } else {
+        if(this.userInfo.f_meter_type !=='物联网表'){
+          if (this.cardInfo.Gas !== 0 && this.cardInfo.Gas !== '0' && this.cardInfo.Gas !== undefined) {
+            this.$showMessage('卡上有气不能购气！')
+            return
+          } else if (this.cardInfo.Money !== 0 && this.cardInfo.Money !== '0' && this.cardInfo.Money !== undefined) {
+            this.$showMessage('卡上有钱不能购气！')
+            return
+          } else if (this.stairPrices.length > 0) {
+            this.$showMessage('您有' + this.stairPrices.length + '笔未写卡的缴费记录，请先写卡，否则无法购气！')
+            return
+          }
+          if (this.cardInfo.CardID === null || this.cardInfo.CardID === '') {
+            this.$showMessage('卡号为空不能购气')
+            return
+          }
+          if(this.userInfo.f_remain_gas < 0){
+            this.$showMessage(this.userInfo.f_cycle_start + '至' + this.userInfo.f_cycle_end + '限购气量为' + this.userInfo.limit_gas + '方，剩余可购气量为0方，请到柜台办理或于'+this.userInfo.f_cycle_end+'以后再来购气')
+            return
+          }
+        }
+        this.$goto('card-sell-gas',{userInfo: this.userInfo,cardInfo: this.cardInfo,stairPrices: this.stairPrices},'self', this.back('tomain'))
+      }
+
+    },
+    iswritecard(){
+      this.$showMessage(msg + '点击"确认"开始写卡', ['confirm', 'cancel']).then((res) => {
+        if (res === 'confirm') {
+          var stairPrice = this.stairPrices[0]
+          stairPrice.writemark = false
+          // todo 直接进入写卡界面
+          // this.$goto('order-info', {userInfo: this.userInfo, cardInfo: this.cardInfo, stairPrice: stairPrice}, 'self', this.callback)
+        }
+      })
+    },
+    goWrite () {
+        //tag
+        this.$goto('read-card-inter',{Verifyuserinfo:this.userInfo,sellType:this.sellType,writeInfo:this.writecards[0]},'self',this.callBack)
+    }
+  },
+  events: {
+    'goWritecard' () {
+      this.goWrite()
+    }
+  },
+  ready () {
+    this.cardinfoshow=this.$PosUtil.posParam.cardinfoshow
+    //tag
+    //tag
+    //tag
+    //tag
+    if(Vue.PosUtil.posParam.f_delivery_date !== 'f_delivery_date'){
+      this.old_date = true
+    }
+    //tag
+    //tag
+    let getselles = getSellGen(this)
+    return co(getselles)
+  }
+}
+</script>

package/src/components/pos/charge/userinfo/WritecardInfo.vue

@@ -1,44 +1,44 @@
-<template>
-  <div class="auto">
-    <div class="box"  v-if="rows.length <= 0">
-    您当前没有未写卡缴费记录,请先购气
-    </div>
-    <div class="box" v-for="row in rows" v-if="rows.length > 0">
-       <!-- <div class="box_title" style="position: relative;top:0;left:0;">
-         <span style="position:absolute; top: 20px;font-size: 14px;">用户缴费信息</span>
-       </div> -->
-       <div class="box_body" style="z-index: 20;">
-         <div class="box-row">
-           <span class="box-span">购气量：{{parseFloat(row.f_pregas).toFixed(0)}} 方</span>
-           <span class="box-span">总金额：{{parseFloat(row.f_preamount).toFixed(2)}} 元</span>
-         </div>
-         <div class="box-row">
-           <span class="glyphicon glyphicon-time" style="color: #00A9FF;"></span>&nbsp;&nbsp;<span style="color: #aaaaaa;">{{row.f_delivery_date}}
-           </span>
-         </div>
-       </div>
-        <div class="box-row" style="text-align:center;">
-          <button type="button" class="btn  btn-primary"  style="width: 38%;font-size: 25px;" @click="writecard()"> 写 卡 </button>
-        </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  title: '未写卡记录',
-  props: {
-    rows: {
-      type: Array,
-      default: []
-    }
-  },
-  methods: {
-    writecard () {
-      this.$dispatch('goWritecard')
-    }
-  },
-  ready () {
-    // //tag
-  }
-}
-</script>
+<template>
+  <div class="auto">
+    <div class="box"  v-if="rows.length <= 0">
+    您当前没有未写卡缴费记录,请先购气
+    </div>
+    <div class="box" v-for="row in rows" v-if="rows.length > 0">
+       <!-- <div class="box_title" style="position: relative;top:0;left:0;">
+         <span style="position:absolute; top: 20px;font-size: 14px;">用户缴费信息</span>
+       </div> -->
+       <div class="box_body" style="z-index: 20;">
+         <div class="box-row">
+           <span class="box-span">购气量：{{parseFloat(row.f_pregas).toFixed(0)}} 方</span>
+           <span class="box-span">总金额：{{parseFloat(row.f_preamount).toFixed(2)}} 元</span>
+         </div>
+         <div class="box-row">
+           <span class="glyphicon glyphicon-time" style="color: #00A9FF;"></span>&nbsp;&nbsp;<span style="color: #aaaaaa;">{{row.f_delivery_date}}
+           </span>
+         </div>
+       </div>
+        <div class="box-row" style="text-align:center;">
+          <button type="button" class="btn  btn-primary"  style="width: 38%;font-size: 25px;" @click="writecard()"> 写 卡 </button>
+        </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  title: '未写卡记录',
+  props: {
+    rows: {
+      type: Array,
+      default: []
+    }
+  },
+  methods: {
+    writecard () {
+      this.$dispatch('goWritecard')
+    }
+  },
+  ready () {
+    // //tag
+  }
+}
+</script>