sale-client 4.2.142 → 4.2.144

package/src/components/revenue/IOTArrears/iotRechargeAudit.vue

@@ -0,0 +1,369 @@
+<template>
+  <div id="unit" class="flex-row">
+    <div class="basic-main">
+      <div class="flex" v-if="!listpage">
+      <criteria-paged :model="model" v-ref:paged>
+        <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
+<!--          <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>-->
+          <div class="form-horizontal select-overspread container-fluid auto" novalidate partial>
+            <div class="row">
+              <div class="col-sm-2 form-group">
+                <label class="font_normal_body" >组织机构</label>
+                <res-select
+                  :initresid='$parent.$parent.curorgid'
+                  @res-select="$parent.$parent.getorg"
+                  is-mul="false"
+                  restype='organization'>
+                </res-select>
+              </div>
+              <div class="col-sm-2 form-group">
+                <label class="font_normal_body">客户编号</label>
+                <input  type="text" class="input_search" style="width:60%" v-model="model.f_userinfo_code" style="width:60%"
+                        condition="f_userinfo_code like '{}%'" placeholder="客户编号"
+                />
+              </div>
+
+
+              <div class="col-sm-4 form-group">
+                <label class="font_normal_body">客户地址</label>
+                <input  type="text" class="input_search"
+                        v-model="model.f_name" style="width:80%"
+                        condition="f_address like '%{}%'" placeholder="客户地址"
+                />
+              </div>
+
+              <div style="float:right">
+                <button class="button_search button_spacing" @click="search()" >查询</button>
+                <button class="button_search button_spacing" @click="clear()" >清空</button>
+                <!--                <button class="button_search button_spacing" @click="$parent.$parent.SaveAsFileAll('daochu')" >导出</button>-->
+                <export-excel :data="$parent.$parent.getcondition" :defaultselect="$parent.$parent.defaultfield"
+                              :field="$parent.$parent.getfield"
+                              sqlurl="rs/logic/saleExport" sql-name="iotArrearsInfo" template-name='物联网表欠费用户信息'
+                              :choose-col="true"></export-excel>
+                <!--                <button class="button_export" @click="$parent.$parent.importFile()">导入</button>-->
+                <div
+                  :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
+                  @click="$parent.$parent.hidden()" class="button_spacing" style="float: right"></div>
+              </div>
+              </div>
+              <div class="row" v-show="$parent.$parent.criteriaShow">
+                <div class="col-sm-2 form-group">
+                  <label class="font_normal_body">客户名称</label>
+                  <input  type="text" class="input_search" style="width:60%" v-model="model.f_user_name" style="width:60%"
+                          condition="f_user_name like '%{}%'" placeholder="客户名称"
+                  />
+                </div>
+                <div class="col-sm-2 form-group">
+                  <label class="font_normal_body">气表品牌</label>
+                  <v-select :value.sync="model.f_meter_brand"
+                            v-model="model.f_meter_brand"
+                            :options='$parent.$parent.meterbrands' placeholder='请选择'
+                            condition="f_meter_brand = '{}'"
+                            close-on-select></v-select>
+                </div>
+                <div class="col-sm-2 form-group">
+                  <label class="font_normal_body">客户类型</label>
+                  <v-select :options='$parent.$parent.usertypes'
+                            @change="$parent.$parent.userTypeChange"
+                            :value.sync="model.f_user_type"
+                            close-on-select condition="f_user_type = '{}'"
+                            placeholder='用户类型'
+                            style="width: 60%"  v-model="model.f_user_type"></v-select>
+                </div>
+                <div class="col-sm-2 form-group">
+                  <label class="font_normal_body">用气性质</label>
+                  <v-select :options='$parent.$parent.gasproperties'
+                            :value.sync="model.f_gasproperties"
+                            close-on-select
+                            condition="f_gasproperties = '{}'"
+                            placeholder='用气性质'
+                            style="width: 60%"
+                            v-model="model.f_gasproperties">
+                  </v-select>
+                </div>
+                <div class="col-sm-3 form-group">
+                  <label class="font_normal_body">表累购金额</label>
+                  <v-select :options='$parent.$parent.totalmoneystate'
+                            :value.sync="model.f_total_state"
+                            close-on-select condition="f_total_fee {} allmoney"
+                            placeholder='全部' :width="'20%'"
+                            @change="$parent.$parent.changecolor(1,model.f_total_state)"
+                            style="margin-right: 8px;"  v-model="model.f_total_state"></v-select>
+                  <label class="font_normal_body">表累购金额(记录合计)</label>
+                </div>
+                <div class="col-sm-3 form-group">
+                  <label class="font_normal_body">表累购金额</label>
+                  <v-select :options='$parent.$parent.totalmoneystate'
+                            :value.sync="model.f_totaluse_state"
+                            close-on-select condition="f_total_fee {} f_balance_amount+f_total_usegas_amount"
+                            placeholder='全部'
+                            :width="'20%'"
+                            @change="$parent.$parent.changecolor(2,model.f_totaluse_state)"
+                            style="margin-right: 8px;"  v-model="model.f_totaluse_state"></v-select>
+                  <label class="font_normal_body">剩余金额+累用金额</label>
+                </div>
+                <div class="col-sm-4 form-group">
+                  <label class="font_normal_body">表累购金额</label>
+                  <v-select :options='$parent.$parent.totalmoneystate'
+                            :value.sync="model.f_totalsy_state"
+                            close-on-select condition="f_total_fee {} fillmoney+allmoney"
+                            placeholder='全部'
+                            :width="'20%'"
+                            @change="$parent.$parent.changecolor(3,model.f_totalsy_state)"
+                            style="margin-right: 8px;"  v-model="model.f_totalsy_state"></v-select>
+                  <label class="font_normal_body">补气金额(旧表)+表累购金额(记录合计)</label>
+                </div>
+                <div class="col-sm-5 form-group">
+                  <p style="font-weight:bold;font-size: 14px; color:darkred;margin-top: 19px;">说明:由于旧表存在老系统换表补费,补气金额(旧表)需要和表累购金额(记录合计)的和才能等于表累购金额</p>
+                </div>
+
+            </div>
+          </div>
+        </criteria>
+        <data-grid id="daochu" :model="model" partial='list' class="list_area table_sy" v-ref:grid>
+          <template partial='head'>
+            <tr>
+              <th><nobr>客户编号</nobr></th>
+              <th><nobr>客户姓名</nobr></th>
+              <th><nobr>客户状态</nobr></th>
+              <th><nobr>表号</nobr></th>
+              <th><nobr>客户类型</nobr></th>
+              <th><nobr>用气性质</nobr></th>
+              <th><nobr>气表品牌</nobr></th>
+              <th><nobr>客户地址</nobr></th>
+              <th><nobr>气表类型</nobr></th>
+              <th><nobr>气表状态</nobr></th>
+              <th><nobr>气表读数</nobr></th>
+              <th :style="{background:($parent.$parent.$parent.showcolorstate=='1' || $parent.$parent.$parent.showcolorstate=='2' || $parent.$parent.$parent.showcolorstate=='3' ? '#ffc7ce!important':'')}">
+                <nobr>当前表累购金额</nobr></th>
+              <th :style="{background:($parent.$parent.$parent.showcolorstate=='3'? '#f1dec2!important':'')}">
+                <nobr>补气金额(旧表)</nobr>
+              </th>
+              <th :style="{background:($parent.$parent.$parent.showcolorstate=='1' || $parent.$parent.$parent.showcolorstate=='3' ? '#f1dec2!important':'')}">
+                <nobr>当前表累购金额(记录合计)</nobr></th>
+              <th :style="{background:($parent.$parent.$parent.showcolorstate=='2'? '#c6efce!important':'')}">
+                <nobr>累用金额</nobr></th>
+              <th :style="{background:($parent.$parent.$parent.showcolorstate=='2'? '#c6efce!important':'')}">
+                <nobr>剩余金额</nobr></th>
+              <th><nobr>最后上报时间</nobr></th>
+              <th><nobr>最后结算时间</nobr></th>
+              <th><nobr>所属组织</nobr></th>
+            </tr>
+          </template>
+          <template partial='body'>
+            <tr>
+              <td style="text-align:center">
+                <span @click="$parent.$parent.$parent.dealmsg(row)"><a>{{row.f_userinfo_code}}</a></span>
+              </td>
+              <td style="text-align:center"><nobr>{{row.f_user_name}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_user_state}}</nobr>
+              <td style="text-align:center"><nobr>{{row.f_meternumber}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_user_type}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_gasproperties}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_meter_brand}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_address}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_meter_classify}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_table_state}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_meter_base}}</nobr></td>
+              <td style="text-align:center" :style="{background:($parent.$parent.$parent.showcolorstate=='1' || $parent.$parent.$parent.showcolorstate=='2' || $parent.$parent.$parent.showcolorstate=='3' ? '#ffc7ce!important':'')}" >
+                <nobr>{{row.f_total_fee}}</nobr></td>
+              <td style="text-align:center" :style="{background:($parent.$parent.$parent.showcolorstate=='3'? '#f1dec2!important':'')}">
+                <nobr>{{row.fillmoney}}</nobr></td>
+              <td style="text-align:center" :style="{background:($parent.$parent.$parent.showcolorstate=='1' || $parent.$parent.$parent.showcolorstate=='3' ? '#f1dec2!important':'')}">
+                <nobr>{{row.allmoney}}</nobr></td>
+              <td style="text-align:center" :style="{background:($parent.$parent.$parent.showcolorstate=='2'? '#c6efce!important':'')}" >
+                <nobr>{{row.f_total_usegas_amount}}</nobr></td>
+              <td style="text-align:center" :style="{background:($parent.$parent.$parent.showcolorstate=='2'? '#c6efce!important':'')}" >
+                <nobr>{{row.f_balance_amount}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_meteread_date}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.f_hand_date}}</nobr></td>
+              <td style="text-align:center"><nobr>{{row.name}}</nobr></td>
+            </tr>
+          </template>
+          <template partial='foot'></template>
+        </data-grid>
+      </criteria-paged>
+    </div>
+      <div v-if="listpage">
+        <user-info-detail-manage :f_userinfo_id="rowdata.f_userinfo_id" @cancel-main="cancel"></user-info-detail-manage>
+      </div>
+    </div>
+  </div>
+
+
+  <modal :show.sync="fileshow" width="500px" title="文件导入" v-ref:modal large backdrop="false">
+    <article slot="modal-body" class="modal-body">
+      <file-upload class="my-file-uploader " name="UploadFile" class="btn btn-success" style="border-radius: 2px;"
+                   action="rs/file/uploadFile" tagname="导入发票" v-ref:file :headers="headers"></file-upload>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+    </footer>
+  </modal>
+
+</template>
+
+<script>
+import { PagedList } from 'vue-client'
+import {HttpResetClass} from 'vue-client'
+import Vue from "vue";
+import getLodop from "../../../plugins/LodopFuncs";
+import exportConfig from "../../common/userinfo_detail/config/exportConfig"
+  let getGasbrandGen = async function (self) {
+    await self.$LoadParams.loadParam()
+    self.initQueryParam()
+  }
+// self.defaultfield = [...self.defaultfield, ...self.config.defaultPrint]
+export default {
+  data () {
+    return {
+      defaultfield: [],
+      config: {
+        defaultPrint: ['f_user_name','f_meter_brand','f_user_type']
+      },
+      model: new PagedList('rs/sql/iotrechargeaudit',20),
+      fileshow: false,
+      condition: '1=1',
+      moneystate: [{label: '欠费', value: '<'}, {label: '正常', value: '>='}],
+      totalmoneystate: [{label:'全部',value:''},{label: '相等', value: '='}, {label: '不等', value: '!='}],
+      // f_usertype:[{label:'民用',value:'民用'},{label:'非民用',value:'非民用'}],
+      // gasproperties:[],
+      meterBrand:[],
+      meterbrands: [],
+      curorgid: [this.$login.f.orgid],
+      radio: [],
+      //选中的页
+      all: [],
+      //row数据
+      rowsdata: [],
+      printModel: {
+        rows: []
+      },
+      listpage:false,
+      criteriaShow:false,
+      iscomplanAllInfo:false,
+      rowdata:[],
+      gasproperties: this.$appdata.getParam('用气性质') ? [{
+        label: '全部',
+        value: ''
+      }, ...this.$appdata.getParam('用气性质')] : [],
+      showcolorstate:0
+    }
+  },
+  title: '物联网金额监控',
+  ready(){
+    this.search()
+    for(var item in exportConfig.iotrechargeaudit){
+      this.defaultfield.push(item)
+    }
+    getGasbrandGen(this)
+  },
+  computed : {
+    getcondition(){
+      return {
+        condition: `${this.$refs.paged.$refs.cri.condition}`
+      }
+    },
+    getfield() {
+      return exportConfig.iotrechargeaudit
+    },
+    usertypes() {
+      return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('客户类型')]
+    },
+    metertypes() {
+      return [{label: ' 全部 ', value: ''}, ...this.$appdata.getParam('气表类型')]
+    },
+    tableState () {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('表具状态')]
+    }
+  },
+  events : {
+
+  },
+  methods: {
+    changecolor(number,val){
+      if(number != this.showcolorstate && (val == null || val == '')){
+        return;
+      }
+      if(number == 3){
+        this.$refs.paged.$refs.cri.model.f_total_state = ''
+        this.$refs.paged.$refs.cri.model.f_totaluse_state = ''
+      }
+      if(number == 2){
+        this.$refs.paged.$refs.cri.model.f_totalsy_state=''
+        this.$refs.paged.$refs.cri.model.f_total_state = ''
+      }
+      if(number == 1){
+        this.$refs.paged.$refs.cri.model.f_totaluse_state = ''
+        this.$refs.paged.$refs.cri.model.f_totalsy_state = ''
+      }
+
+      this.showcolorstate = 0;
+      if(val == null || val =='' ){
+        this.showcolorstate = 0
+      }else{
+        this.showcolorstate = number
+      }
+    },
+    hidden(){
+      this.criteriaShow = !this.criteriaShow
+    },
+    cancel(){
+      this.listpage=false
+    },
+    dealmsg(val) {
+      console.log("=---------------dealmsg--------------")
+      this.listpage=true
+      this.rowdata=val
+      console.log(this.rowdata.f_userinfo_id)
+      val.model = this.model.model
+      // this('deal-msg', val)
+    },
+    search () {
+      this.$refs.paged.$refs.cri.search()
+    },
+    userTypeChange () {
+      this.gasproperties=[]
+      if(this.$refs.paged.model.model !== null ) {
+        this.$refs.paged.model.model.f_gasproperties=''
+
+        console.log(this.$refs.paged.model.model.f_user_type[0])
+        this.gasproperties = this.$appdata.getParam(this.$refs.paged.model.model.f_user_type[0])
+        // this.gasproperties.push({label: '全部', value: ''})
+      }
+      else{
+        this.gasproperties =[{label: '全部', value: ''}]
+      }
+    },
+    async selfSearch (args) {
+      if (!this.f_orgid) {
+        this.getorg([this.$login.f.orgid])
+      }
+      console.log('查询。。。', this.f_orgid)
+      args.condition =  `${args.condition} and f_filialeid in ${this.f_orgid}`
+      this.model.search(args.condition, args.model)
+    },
+    //清空
+    clear(){
+      this.$refs.paged.$refs.cri.model = {}
+    },
+    getorg (val) {
+      this.f_orgid = this.$login.convertToIn(val)
+      this.f_filialeids = val[0]
+    },
+    initQueryParam () {
+      let arr = []
+      this.$GetSaleParam.getGasbrand().forEach((item) => {
+        let temp = {}
+        if(item.value.f_meter_type==='物联网表'){
+          temp.label = item.label
+          temp.value = item.value.f_meter_brand
+          arr.push(temp )
+        }
+
+      })
+      this.meterbrands = [{label: '全部', value: ''}, ...arr]
+    }
+  }
+
+}
+</script>

package/src/components/revenue/base/CardServer/ReadCard.vue

@@ -1,98 +1,98 @@
-<template>
-  <!-- <button  class="btn btn-success width-60" @click='readCard()' :disabled="hasCard.cardState === -1"> -->
-  <button  class="button_search" @click='readCard()'>
-    <!-- <span class="glyphicon glyphicon-credit-card"></span> -->
-    读卡
-  </button>
-</template>
-<script>
-  /**
-   *卡服务
-   *读卡
-   */
-  import co from 'co'
-  // import cardListen from '../../plugins/CardListen'
-  // import CardService from '../../../plugins/CardService'
-
-  let readGen = function * (self, param) {
-    let hasCard = yield self.$resetpost('http://127.0.0.1:8003/HasCard', {}, {resolveMsg: null, rejectMsg: null}).catch((error) => {
-      if (error.status === 612) {
-        self.$showAlert('请检查读卡器是否启动！！', 'danger', 2000)
-      }
-    })
-    if (JSON.parse(hasCard.data).state !== 1) {
-      self.$showAlert('请检查卡是否插好!!', 'danger', 2000)
-    } else {
-      let data = {}
-      if (param) {
-        data.Factory = param
-      }
-      yield self.$resetpost('http://127.0.0.1:8003/ReadCard', data, {resolveMsg: null, rejectMsg: null}).then((res) => {
-        console.log('返回卡信息')
-        self.cardInfo = res
-        res.data.Err ? self.$showAlert(res.data.Err, 'danger', 2000) : ''
-        if (res.data.Err === null && res.data.Exception) {
-          self.$showAlert(res.data.Exception, 'danger', 2000)
-        }
-        // 验证卡上信息和用户信息是否一致
-        if (param) {
-          console.log('读完卡之后核对', res.data, self.isSingle)
-          if (res.data.CardID != self.isSingle[0].f_card_id || res.data.Factory != self.isSingle[0].f_alias) {
-            self.$showAlert('此时的卡片信息和用户信息不匹配，请核实后在进行读卡', 'warning', 5000)
-            return
-          }
-        }
-
-        self.$dispatch('read-info', res)
-      }).catch((res) => {
-        self.$showAlert(res.data, 'danger', 2000)
-      })
-    }
-  }
-
-  export default {
-    title: '读卡',
-    // data () {
-    //   return {
-    //     hasCard: cardListen
-    //   }
-    // },
-    props: {
-      cardInfo: {
-        twoWay: true
-      },
-      isSingle: []
-    },
-    methods: {
-      readCard () {
-        console.log('查看是否只有单户', this.isSingle)
-        // if (this.isSingle) {
-        //   let gen = readGen(this, this.isSingle.length == 1 ? this.isSingle[0].f_alias : null)
-        //   return co(gen)
-        // } else {
-        let gen = readGen(this)
-        return co(gen)
-        // }
-      },
-      async readCard2 (param) {
-        // 这是二次掉卡服务，所以这里不做判卡处理
-        let data = {}
-        if (param) {
-          data.kmm = param
-        }
-        let res = await this.$resetpost('http://127.0.0.1:8003/ReadCard', data, {resolveMsg: null, rejectMsg: '获取卡信息出错！！'})
-        return res.data
-      },
-      // 读卡返回的 cardInfo.NewParam.error 为 0002 需要携带次数进行读卡操作
-      async readCard3 (cs) {
-        // 这是二次掉卡服务，所以这里不做判卡处理
-        let data = {}
-        if (cs) {
-          data.cs = cs
-        }
-        let res = await this.$resetpost('http://127.0.0.1:8003/ReadCard', data, {resolveMsg: null, rejectMsg: '获取卡信息出错！！'})
-        return res.data
-      }
-    }
-  }
-</script>
+<template>
+  <!-- <button  class="btn btn-success width-60" @click='readCard()' :disabled="hasCard.cardState === -1"> -->
+  <button  class="button_search" @click='readCard()'>
+    <!-- <span class="glyphicon glyphicon-credit-card"></span> -->
+    读卡
+  </button>
+</template>
+<script>
+  /**
+   *卡服务
+   *读卡
+   */
+  import co from 'co'
+  // import cardListen from '../../plugins/CardListen'
+  // import CardService from '../../../plugins/CardService'
+
+  let readGen = function * (self, param) {
+    let hasCard = yield self.$resetpost('http://127.0.0.1:8003/HasCard', {}, {resolveMsg: null, rejectMsg: null}).catch((error) => {
+      if (error.status === 612) {
+        self.$showAlert('请检查读卡器是否启动！！', 'danger', 2000)
+      }
+    })
+    if (JSON.parse(hasCard.data).state !== 1) {
+      self.$showAlert('请检查卡是否插好!!', 'danger', 2000)
+    } else {
+      let data = {}
+      if (param) {
+        data.Factory = param
+      }
+      yield self.$resetpost('http://127.0.0.1:8003/ReadCard', data, {resolveMsg: null, rejectMsg: null}).then((res) => {
+        console.log('返回卡信息')
+        self.cardInfo = res
+        res.data.Err ? self.$showAlert(res.data.Err, 'danger', 2000) : ''
+        if (res.data.Err === null && res.data.Exception) {
+          self.$showAlert(res.data.Exception, 'danger', 2000)
+        }
+        // 验证卡上信息和用户信息是否一致
+        if (param) {
+          console.log('读完卡之后核对', res.data, self.isSingle)
+          if (res.data.CardID != self.isSingle[0].f_card_id || res.data.Factory != self.isSingle[0].f_alias) {
+            self.$showAlert('此时的卡片信息和用户信息不匹配，请核实后在进行读卡', 'warning', 5000)
+            return
+          }
+        }
+
+        self.$dispatch('read-info', res)
+      }).catch((res) => {
+        self.$showAlert(res.data, 'danger', 2000)
+      })
+    }
+  }
+
+  export default {
+    title: '读卡',
+    // data () {
+    //   return {
+    //     hasCard: cardListen
+    //   }
+    // },
+    props: {
+      cardInfo: {
+        twoWay: true
+      },
+      isSingle: []
+    },
+    methods: {
+      readCard () {
+        console.log('查看是否只有单户', this.isSingle)
+        // if (this.isSingle) {
+        //   let gen = readGen(this, this.isSingle.length == 1 ? this.isSingle[0].f_alias : null)
+        //   return co(gen)
+        // } else {
+        let gen = readGen(this)
+        return co(gen)
+        // }
+      },
+      async readCard2 (param) {
+        // 这是二次掉卡服务，所以这里不做判卡处理
+        let data = {}
+        if (param) {
+          data.kmm = param
+        }
+        let res = await this.$resetpost('http://127.0.0.1:8003/ReadCard', data, {resolveMsg: null, rejectMsg: '获取卡信息出错！！'})
+        return res.data
+      },
+      // 读卡返回的 cardInfo.NewParam.error 为 0002 需要携带次数进行读卡操作
+      async readCard3 (cs) {
+        // 这是二次掉卡服务，所以这里不做判卡处理
+        let data = {}
+        if (cs) {
+          data.cs = cs
+        }
+        let res = await this.$resetpost('http://127.0.0.1:8003/ReadCard', data, {resolveMsg: null, rejectMsg: '获取卡信息出错！！'})
+        return res.data
+      }
+    }
+  }
+</script>

package/src/components/revenue/base/rightview/carddetail/cardiotfeeChangeDetail.vue

@@ -0,0 +1,59 @@
+<template>
+  <div class="auto">
+    <partial-view v-ref:pv>
+      <div class="row">
+        <label class = "col-sm-4">客户名称:</label>
+        <span class = "col-sm-6">{{model.f_user_name}}</span>
+      </div>
+      <div class="row">
+        <label class = "col-sm-4">补费金额:</label>
+        <span class = "col-sm-2" style="text-align:left">{{model.f_preamount}}</span>
+      </div>
+      <div class="row">
+        <label class = "col-sm-4">备注:</label>
+        <span class = "col-sm-8" style="text-align:left">{{model.f_comments}}</span>
+      </div>
+      <div class="row">
+        <label class = "col-sm-4">操作人:</label>
+        <span class = "col-sm-8" style="text-align:left">{{model.f_operator}}</span>
+      </div>
+      <div class="row">
+        <label class = "col-sm-4">操作时间:</label>
+        <span class = "col-sm-8" style="text-align:left">{{data.f_operate_date}}</span>
+      </div>
+    </partial-view>
+  </div>
+</template>
+
+<script>
+export default {
+  title: '超用收费详情',
+  props: ['data'],
+  data () {
+    return {
+      model: {}
+    }
+  },
+  ready () {
+    let sql = 'singleTable_OrderBy'
+    let params = {
+      items: 'f_user_name, f_pregas, f_preamount, f_comments, f_operator, f_operate_date',
+      tablename: 't_sellinggas',
+      condition: 'id = ' + this.data.id,
+      orderitem: 'id'
+    }
+    this.$info(`加载数据中..., sql:${sql}`)
+    console.log("我走的这里啊")
+    this.$refs.pv.load('rs/logic/getOneData', {data: {sql: sql, params: params}}).then((a) => {
+      this.$info(`成功获取到数据！, data:${JSON.stringify(a.data)}`)
+      this.model = a.data
+    }).catch((error) => {
+      if (error.status) {
+        this.$warn(`加载数据出错, ${JSON.stringify(error)}`)
+        return
+      }
+      throw error
+    })
+  }
+}
+</script>