sale-client 4.1.230 → 4.2.1-ronghao

package/src/filiale/yuncheng/MeterBookUser.vue

@@ -0,0 +1,781 @@
+<template>
+  <div class="flex">
+    <criteria-paged :model="model" v-ref:paged @sort="sort">
+      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:criteria>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+          <div class="row" >
+            <div class="form-group col-sm-4" >
+              <label class="font_normal_body">客户编号</label>
+              <input type="text" class="input_search" style="width:60%" v-model="model.f_userinfo_code" placeholder='客户编号'
+                     condition="info.f_userinfo_code = '{}'" @keyup.enter="search()">
+            </div>
+            <div class="form-group col-sm-4 button-range" >
+              <button class="button_search" style="margin-right: 10px"  @click="search()" v-el:cba>查询</button>
+              <button class="button_search" style="margin-right: 10px"  @click="$parent.$parent.autoMeterBookSort()">表箱号排序</button>
+              <button class="button_search" style="margin-right: 10px"  @click="$parent.$parent.saveSort()">保存当前顺序</button>
+              <button class="button_search" v-if="$parent.$parent.editsort == false" @click="$parent.$parent.editsort=true" v-el:cba>调整顺序</button>
+              <button class="button_search" v-if="$parent.$parent.editsort == true" @click="$parent.$parent.saveEditSort" v-el:cba>保存顺序</button>
+              <export-excel
+                :data="{condition: $parent.$parent.condition,orderitem: $parent.$parent.orderitem}"
+                :field="$parent.$parent.getfield"
+                sqlurl="api/af-revenue/logic/saleExport" sql-name="getMeterBookUser" :template-name="$parent.$parent.model.rows[0].f_book_name+'抄表册名'"
+                :choose-col="true"></export-excel>
+              <button class="button_export button_spacing" @click="$parent.$parent.importFile">导入</button>
+              <div
+                :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
+                @click="$parent.$parent.criteriaShow=!$parent.$parent.criteriaShow"
+                class="button_spacing"
+                style="float: right"></div>
+            </div>
+          </div>
+          <div class="row" v-show="$parent.$parent.criteriaShow">
+            <div class="col-sm-4 form-group">
+              <label class="font_normal_body">客户姓名</label>
+              <input type="text" style="width:60%" class="input_search" v-model="model.f_user_name" placeholder='客户姓名'
+                     condition="info.f_user_name = '{}'">
+            </div>
+            <div class="col-sm-4 form-group">
+              <label class="font_normal_body">客户地址</label>
+              <input type="text" style="width:60%" class="input_search" v-model="model.f_address"
+                     condition="address.f_address like '%{}%'" placeholder='客户地址'>
+            </div>
+            <div class="col-sm-4 form-group">
+              <label  class="font_normal_body">表&emsp;&emsp;号</label>
+              <input style="width:60%" type="text" class="form-control" v-model="model.f_meternumber"
+                     condition="uf.f_meternumber like '%{}%'" placeholder='表号'
+              >
+            </div>
+            <div class="col-sm-4 form-group">
+              <label class="font_normal_body">气表品牌</label>
+              <v-select :value.sync="model.f_gasbrand_id"
+                        v-model="model.f_gasbrand_id"
+                        :options='$parent.$parent.meterbrands' placeholder='请选择'
+                        condition="gb.f_meter_brand = '{}'"
+                        close-on-select></v-select>
+            </div>
+            <div class="col-sm-4 form-group">
+              <label class="font_normal_body">气表类型</label>
+              <v-select :value.sync="model.f_meter_type"
+                        v-model="model.f_meter_type"
+                        :options='$parent.$parent.meterTypes' placeholder='请选择'
+                        condition="gb.f_meter_type = '{}'"
+                        close-on-select></v-select>
+            </div>
+            <div class="col-sm-4 form-group">
+              <label class="font_normal_body">客户类型</label>
+              <v-select :value.sync="model.f_user_type"
+                        :options='$parent.$parent.usertypes'
+                        @change="$parent.$parent.userTypeChange()"
+                        placeholder='请选择' v-model="model.f_user_type"
+                        condition="uf.f_user_type = '{}'"
+                        close-on-select></v-select>
+            </div>
+            <div class="col-sm-4 form-group">
+              <label class="font_normal_body">用气性质</label>
+              <v-select :value.sync="model.f_gasproperties" v-model="model.f_gasproperties"
+                        :options='$parent.$parent.gasproperties' placeholder='请选择'
+                        condition="uf.f_gasproperties = '{}'"
+                        close-on-select></v-select>
+            </div>
+            <div class="col-sm-4 form-group">
+              <label class="font_normal_body">气价类型</label>
+              <v-select :value.sync="model.pricetype" v-model="model.pricetype"
+                        placeholder='气价类型' :options="$parent.$parent.pricetypes"
+                        condition="sp.f_price_type = '{}'"
+                        close-on-select v-ref:type>
+              </v-select>
+            </div>
+            <div class="col-sm-4 form-group">
+              <label class="font_normal_body">气价名称</label>
+              <v-select :value.sync="model.f_price_id"
+                        v-model="model.f_price_id"
+                        :options="$parent.$parent.getPricenames"
+                        placeholder='请选择'
+                        condition="uf.f_price_id = '{}'"
+                        close-on-select></v-select>
+            </div>
+            <div class="col-sm-4 form-group">
+              <label class="font_normal_body">客户电话</label>
+              <input class="input_search"
+                     condition="info.f_user_phone = '{}'" placeholder='电话' style="width:60%"
+                     type="text"
+                     v-model="model.f_user_phone">
+            </div>
+            <div class="col-sm-4 form-group">
+              <label  class="font_normal_body">小&emsp;&emsp;区</label>
+              <input style="width:60%" type="text" class="form-control" v-model="model.f_residential_area"
+                     condition="address.f_residential_area like '%{}%'" placeholder='小区'
+              >
+            </div>
+            <div class="col-sm-4 form-group">
+              <label  class="font_normal_body">楼&emsp;&emsp;栋</label>
+              <input style="width:60%" type="text" class="form-control" v-model="model.f_building"
+                     condition="address.f_building like '%{}%'" placeholder='楼栋'
+              >
+            </div>
+            <div class="col-sm-4 form-group">
+              <label  class="font_normal_body">单&emsp;&emsp;元</label>
+              <input style="width:60%" type="text" class="form-control" v-model="model.f_unit"
+                     condition="address.f_unit like '%{}%'" placeholder='单元'
+              >
+            </div>
+            <div class="col-sm-4 form-group">
+              <label  class="font_normal_body">表箱号&emsp;</label>
+              <input style="width:60%" type="text" class="form-control" v-model="model.f_metertitles"
+                     condition="uf.f_metertitles like '%{}%'"  placeholder='表箱号'
+              >
+            </div>
+            <div class="col-sm-4 form-group">
+              <label  class="font_normal_body">入户证号</label>
+              <input style="width:60%" type="text" class="form-control" v-model="model.f_book_no"
+                     condition="info.f_book_no like '%{}%'" placeholder='入户证号'
+              >
+            </div>
+            <div class="col-sm-4 form-group">
+              <label class="font_normal_body">抄&nbsp;表&nbsp;员&nbsp;</label>
+              <v-select :value.sync="model.f_inputtor" v-model='model.f_inputtor'
+                        style="width:60%"
+                        multiple="true"
+                        condition="uf.f_inputtor in {}"
+                        :options='$parent.$parent.inputtores' placeholder='抄表员'
+                        close-on-select
+                        v-el:cc></v-select>
+            </div>
+          </div>
+        </div>
+      </criteria>
+      <data-grid :model="model" class="table_sy"  partial='list' v-ref:grid>
+        <template partial='head' >
+          <tr>
+            <th v-if="$parent.$parent.$parent.editsort"><nobr>排序</nobr></th>
+            <th v-if="$parent.$parent.$parent.removebook"><nobr>移出</nobr></th>
+            <th><nobr>客户编号</nobr></th>
+            <th><nobr>客户名称</nobr></th>
+            <th>
+              <data-order field="f_address" name="客户地址"
+                          :order.sync="$parent.$parent.$parent.orderFields.f_address"></data-order>
+            </th>
+            <th>
+              <data-order field="f_street" name="街道"
+                          :order.sync="$parent.$parent.$parent.orderFields.f_street"></data-order>
+            </th>
+            <th>
+              <data-order field="f_residential_area" name="小区"
+                          :order.sync="$parent.$parent.$parent.orderFields.f_residential_area"></data-order>
+            </th>
+            <th>
+              <data-order field="f_building" name="楼栋"
+                          :order.sync="$parent.$parent.$parent.orderFields.f_building"></data-order>
+            </th>
+            <th>
+              <data-order field="f_unit" name="单元"
+                          :order.sync="$parent.$parent.$parent.orderFields.f_unit"></data-order>
+            </th>
+            <th>
+              <data-order field="f_floor" name="楼层"
+                          :order.sync="$parent.$parent.$parent.orderFields.f_floor"></data-order>
+            </th>
+            <th>
+              <data-order field="f_room" name="房间号"
+                          :order.sync="$parent.$parent.$parent.orderFields.f_room"></data-order>
+            </th>
+            <th><nobr>客户电话</nobr></th>
+            <th><nobr>表号</nobr></th>
+            <th>
+              <data-order field="f_meter_book_sort" name="册内排序"
+                          :order.sync="$parent.$parent.$parent.orderFields.f_meter_book_sort"></data-order>
+            </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>
+          </tr>
+        </template>
+        <template partial='body' >
+          <tr>
+            <td style="text-align:center" v-if="$parent.$parent.$parent.editsort">
+              <nobr>
+                <span class="glyphicon glyphicon-arrow-up" @click="$parent.$parent.$parent.sortUp($index, row)" v-el:cba></span>
+                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                <span class="glyphicon glyphicon-arrow-down"  @click="$parent.$parent.$parent.sortDown($index, row)" v-el:cba></span>
+              </nobr>
+            </td>
+            <td style="text-align:center" v-if="$parent.$parent.$parent.removebook">
+              <nobr>
+                <span title="移出表册" class="glyphicon glyphicon-paste"  style="font-size: 20px" @click="$parent.$parent.$parent.delete($index, row)" v-el:cba></span>
+<!--                <button class="btn btn-deltete width-10" @click="$parent.$parent.$parent.delete($index, row)"><a style="color: #e51a1abf"><b>移出表册</b></a></button>-->
+              </nobr>
+            </td>
+            <td style="text-align:center"><nobr><span @click="$parent.$parent.$parent.dealmsg(row)"><a><b>{{row.f_userinfo_code}}</b></a></span></nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_user_name}}</nobr></td>
+            <td style="text-align:center;white-space: nowrap;"><nobr>{{row.f_address}}</nobr></td>
+            <td style="text-align:center;white-space: nowrap;"><nobr>{{row.f_street}}</nobr></td>
+            <td style="text-align:center;white-space: nowrap;"><nobr>{{row.f_residential_area}}</nobr></td>
+            <td style="text-align:center;white-space: nowrap;"><nobr>{{row.f_building}}</nobr></td>
+            <td style="text-align:center;white-space: nowrap;"><nobr>{{row.f_unit}}</nobr></td>
+            <td style="text-align:center;white-space: nowrap;"><nobr>{{row.f_floor}}</nobr></td>
+            <td style="text-align:center;white-space: nowrap;"><nobr>{{row.f_room}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_user_phone}}</nobr></td>
+            <td style="text-align:center;white-space: nowrap;"><nobr>{{row.f_meternumber}}</nobr></td>
+            <td style="text-align:center;"><nobr>{{row.f_meter_book_sort}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_book_name}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_inputtor}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_metertitles}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_book_no}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_meter_base}}</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_meter_style}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_hand_date}}</nobr></td>
+          </tr>
+        </template>
+        <template partial='foot'></template>
+      </data-grid>
+    </criteria-paged>
+    <div v-if="isSaving" class="saving-mask">
+      <div class="saving-mask-content">正在保存，请稍候...</div>
+    </div>
+  </div>
+  <modal :show.sync="sortShow" width="500px" title="修改册内排序" v-ref:modal large backdrop="false">
+    <article slot="modal-body" class="modal-body">
+      <div>
+        <div class="row app-row">
+          <p class="col-sm-6">客户编号:{{row.f_userinfo_code}}</p>
+          <p class="col-sm-6">客户姓名:{{row.f_user_name}}</p>
+          <p class="col-sm-6">所在表册:{{row.f_book_name}}</p>
+          <p class="col-sm-6">册内排序:{{row.f_meter_book_sort}}</p>
+          <label for="f_plan_name" class="font text-left">目标用户编号:</label>
+          <input type="text" @change="getBook()" class="search_input input-font"  v-model="fileinfo.code" placeholder='目标用户编号'
+          >
+        </div>
+        <div class="row app-row" v-show="fileinfo.meterbook && fileinfo.sort">
+          <p class="col-sm-6">表册:{{fileinfo.meterbook}}</p>
+          <p class="col-sm-6">册内排序:{{fileinfo.sort}}</p>
+        </div>
+        <div class="row app-row">
+          <div class="col-sm-6" style="text-align: center;">
+
+            <button type="button" class="button_search" style="width:40%;background-color: #499EDF;color:#f2f6fa" :disabled="!(fileinfo.meterbook && fileinfo.sort)" @click="sortEdit(0)"><img src="./../../../static/images/meterBook/up.png"  style="width: 20%;margin-left:-10px"></img>&nbsp;前</button>
+          </div>
+          <div class="col-sm-6" style="text-align: center;">
+            <button type="button" class="button_search" style="width:40%;background-color: #499EDF;color:#f2f6fa" :disabled="!(fileinfo.meterbook && fileinfo.sort)" @click="sortEdit(1)">后&nbsp;<img src="./../../../static/images/meterBook/down.png"  style="width: 20%;"></img></button>
+          </div>
+        </div>
+      </div>
+
+
+    </article>
+    <footer slot="modal-footer" class="modal-footer" v-show="false">
+
+    </footer>
+  </modal>
+  <modal :show.sync="show" width="800px" title="文件导入" v-ref:modal large backdrop="false">
+    <article slot="modal-body" class="modal-body">
+      <file-upload class="my-file-uploader " name="UploadFile"  style="border-radius: 2px;"
+                   action="rs/file/uploadFile" tagname="导入表册用户" v-ref:file  multiple></file-upload>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+    </footer>
+  </modal>
+</template>
+
+<script>
+  import {HttpResetClass, PagedList} from 'vue-client'
+  let readyGen = async function (self) {
+    self.getfield = self.config.excelHeaders
+    //   await this.$LoadParams.loadParam(this.f_filialeid)
+    self.search()
+    await self.$LoadParams.loadParam()
+    self.initParams()
+  }
+
+  export default {
+    title: '',
+    data () {
+      return {
+        model: new PagedList('api/af-revenue/sql/getMeterBookUser', 20, {orderitem: this.orderitem ? '"' + this.orderitem + ' "' : `'f_meter_book_sort asc'`}),
+        condition: '',
+        getfield: {},
+        show: false,
+        removebook: true,
+        row: null,
+        sortShow: false,
+        fileinfo: {
+          code: null,
+          meterbook: null,
+          booknum: null,
+          sort: null,
+          fileid: null,
+          infoid: null
+        },
+        gasproperties: [],
+        f_filialeid: this.$login.f.orgid,
+        newinfo: {
+          f_user_type: '',
+          f_gasproperties: '',
+          pricetype: '',
+          bookname: '',
+          f_perform_date: this.$login.toStandardDateString() + ' 00:00:00' // 操作时间
+        },
+        meterbrands: [],
+        adjustables: [],
+        meterstyle: {},
+        criteriaShow: false,
+        editsort: false,
+        // 排序
+        sortitem: 'f_meter_book_sort',
+        rule: 'asc',
+        orderitem: 'f_meter_book_sort asc',
+        orderFields: {
+          f_meter_book_sort: 'no'
+        },
+        config: {
+          excelHeaders: {
+            'f_userfiles_id': '系统识别号',
+            'f_book_name': '抄表册名称',
+            'f_userinfo_code': '客户编号',
+            'f_user_name': '客户姓名',
+            'f_user_phone': '客户电话',
+            'f_meternumber': '表号',
+            'f_address': '客户地址',
+            'f_inputtor': '抄表员',
+            'f_meter_book_sort': '册内排序',
+            'f_metertitles': '表箱号',
+            'f_meter_base': '表底数',
+            'f_user_type': '用户类型',
+            'f_gasproperties': '用气类型',
+            'f_meter_classify': '气表品牌',
+            'f_gasmodel_id': '气表型号',
+            'f_hand_date': '抄表日期'
+          }
+        },
+        isSaving: false
+      }
+    },
+    props: ['f_meterbook_num', 'usercount'],
+    async ready () {
+      readyGen(this)
+    },
+    methods: {
+      sort (field, rule) {
+        // 将所有排序方式设为不排序，实现相互排斥
+        for (let key in this.orderFields) {
+          if (key === field) {
+            this.orderFields[key] = rule
+          } else {
+            this.orderFields[key] = 'no'
+          }
+        }
+        // 如果新规则不排序，还原为默认排序
+        if (rule === 'no') {
+          this.model.paramSource.orderitem = `'f_meter_book_sort asc'`
+          this.rule = 'asc'
+          this.sortitem = 'f_meter_book_sort'
+        } else {
+          this.model.paramSource.orderitem = `'${field} ${rule}'`
+          this.orderitem = this.model.paramSource.orderitem
+          this.rule = rule
+          this.sortitem = field
+        }
+        this.search()
+      },
+      async saveSort () {
+        if (!this.$login.r.find(value => value == '册内用户排序')) {
+          this.$showMessage('你没有【册内用户排序】的权限,请联系管理员!')
+          return
+        }
+        if (this.model.count < this.usercount) {
+          this.$showAlert('该功能适用于给表册内所有用户排序的情况，请去掉查询条件', 'warning', 3000)
+        } else {
+          this.$showMessage('此操作会将表册内用户按照现有查询结果的顺序排序，是否继续', ['confirm', 'cancel']).then(async (res) => {
+            if (res == 'confirm') {
+              this.isSaving = true
+              try {
+                await this.$resetpost('api/af-revenue/logic/changeBookSort',
+                  {
+                    data: {
+                      f_meter_book_num: this.f_meterbook_num,
+                      sortitem: this.sortitem,
+                      rule: this.rule
+                    }
+                  }, {resolveMsg: '已成功修改册内排序！！', rejectMsg: '册内排序修改失败！！'})
+                this.isSaving = false
+                this.$showAlert('保存成功', 'success', 2000)
+              } catch (error) {
+                this.$showAlert('保存失败', 'error', 2000)
+              } finally {
+                this.search()
+              }
+            }
+          })
+        }
+      },
+      async autoMeterBookSort () {
+        if (!this.$login.r.find(value => value == '册内用户排序')) {
+          this.$showMessage('你没有【册内用户排序】的权限,请联系管理员!')
+          return
+        }
+        this.$showMessage('请确认是否按照表箱自动排序？', ['confirm', 'cancel']).then((res) => {
+          if (res == 'confirm') {
+            this.$resetpost('api/af-revenue/logic/autoMeterBookSort',
+              {
+                data: {
+                  f_meter_book_num: this.f_meterbook_num,
+                  sortitem: this.sortitem,
+                  rule: this.rule
+                }
+              }, {resolveMsg: '册内排序完成！！', rejectMsg: '册内排序修改失败！！'})
+            this.search()
+          }
+        })
+      },
+      importFile () {
+        if (!this.$login.r.find(value => value == '表册排序导入')) {
+          this.$showMessage('你没有【表册排序导入】的权限,请联系管理员!')
+          return
+        }
+        this.show = true
+      },
+      async sortEdit (position) {
+        if (!this.fileinfo.code) {
+          this.$showMessage('请输入目标用户编号')
+          return
+        }
+        //  position:
+        //  0--将改用户的表册顺序排到目标用户前
+        //  1--将改用户的表册顺序排到目标用户后
+        if ((!this.fileinfo.sort) || (!this.fileinfo.booknum)) {
+          this.$showMessage('目标用户无表册或在表册内无排序')
+          return
+        }
+        let http = new HttpResetClass()
+        await http.load('POST', 'api/af-revenue/logic/sale_editBookSort', {data: {fileinfo: this.fileinfo, position: position, userfilesid: this.row.f_userfiles_id}}, {resolveMsg: '已成功将改表移到指定的表册位置', rejectMsg: '移动册内位置失败'})
+        this.fileinfo = {
+          code: null,
+          fileid: null,
+          booknum: null,
+          meterbook: null,
+          infoid: null,
+          sort: null
+        }
+        this.sortShow = false
+        this.search()
+      },
+      async getBook () {
+        if (this.fileinfo.code) {
+          let http = new HttpResetClass()
+          let res = await http.load('POST', 'api/af-revenue/sql/sale_getUserMeterBook', {
+            data: {
+              condition: `i.f_userinfo_code='${this.fileinfo.code}'`
+            }
+          }, {resolveMsg: null, rejectMsg: null})
+          console.log('-------------------res:', res.data)
+          if (res.data.length === 1) {
+            if ((!res.data[0].f_meter_book_sort) || (!res.data[0].f_meter_book_num)) {
+              this.$showMessage('该用户不在表册内或在表册内无排序')
+              this.fileinfo = {
+                code: this.fileinfo.code,
+                fileid: null,
+                booknum: null,
+                meterbook: null,
+                infoid: null,
+                sort: null
+              }
+              return
+            }
+            this.fileinfo.meterbook = res.data[0].f_book_name
+            this.fileinfo.sort = res.data[0].f_meter_book_sort
+            this.fileinfo.fileid = res.data[0].f_userfiles_id
+            this.fileinfo.infoid = res.data[0].f_userinfo_id
+            this.fileinfo.booknum = res.data[0].f_meter_book_num
+          } else {
+            this.$showMessage('请核对输入的用户编号')
+            this.fileinfo = {
+              code: this.fileinfo.code,
+              fileid: null,
+              booknum: null,
+              meterbook: null,
+              infoid: null,
+              sort: null
+            }
+          }
+        }
+      },
+      async saveEditSort () {
+        this.isSaving = true
+        try {
+          for (let item of this.$refs.paged.$refs.grid.model.rows) {
+            let param = {
+              f_userfiles_id: item.f_userfiles_id,
+              version: item.fileversion,
+              f_meter_book_sort: item.f_meter_book_sort
+            }
+            let http = new HttpResetClass()
+            await http.load('POST', 'api/af-revenue/entity/save/t_userfiles',
+              param,
+              {resolveMsg: null, rejectMsg: '保存失败'})
+          }
+          this.$showAlert('保存成功', 'success', 2000)
+        } catch (error) {
+          this.$showAlert('保存失败', 'error', 2000)
+        } finally {
+          this.search()
+          this.editsort = false
+          this.isSaving = false
+        }
+      },
+      // 下移按钮
+      sortDown (index, row) {
+        if (index === (this.model.rows.length - 1)) {
+          this.$showAlert('已经是本页最后一个了', 'warning', 2000)
+        } else {
+          let rows = this.$refs.paged.$refs.grid.model.rows
+          this.$refs.paged.$refs.grid.model.rows = []
+          let temp = rows[index + 1]
+          rows[index + 1] = rows[index]
+          rows[index] = temp
+          let tempsort = rows[index + 1].f_meter_book_sort
+          rows[index + 1].f_meter_book_sort = rows[index].f_meter_book_sort
+          rows[index].f_meter_book_sort = tempsort
+          this.$refs.paged.$refs.grid.model.rows = rows
+        }
+      },
+      // 上移按钮
+      sortUp (index, row) {
+        if (index === 0) {
+          this.$showAlert('已经是本页第一个了', 'warning', 2000)
+        } else {
+          let rows = this.$refs.paged.$refs.grid.model.rows
+          this.$refs.paged.$refs.grid.model.rows = []
+          let temp = rows[index - 1]
+          rows[index - 1] = rows[index]
+          rows[index] = temp
+          console.log('--------------this.$refs.paged.$refs.grid.model.rows,', rows)
+          let tempsort = rows[index - 1].f_meter_book_sort
+          rows[index - 1].f_meter_book_sort = rows[index].f_meter_book_sort
+          rows[index].f_meter_book_sort = tempsort
+          this.$refs.paged.$refs.grid.model.rows = rows
+        }
+      },
+      // 移出表册
+      async delete (index, row) {
+        let param = {
+          f_userfiles_id: row.f_userfiles_id,
+          version: row.fileversion,
+          f_meter_book_sort: '',
+          f_meter_book_num: ''
+        }
+        let http = new HttpResetClass()
+        await http.load('POST', 'api/af-revenue/entity/save/t_userfiles',
+          param,
+          {resolveMsg: null, rejectMsg: '保存失败'})
+        this.$refs.paged.$refs.criteria.search()
+      },
+      close () {
+        this.show = false
+        this.newinfo = {
+          f_user_type: '',
+          f_gasproperties: '',
+          pricetype: '',
+          bookname: ''
+        }
+      },
+      userTypeChange () {
+        this.gasproperties = []
+        if (this.$refs.paged.$refs.criteria.model !== null) {
+          this.$refs.paged.$refs.criteria.model.f_gasproperties = ''
+          this.gasproperties = this.$appdata.getParam(this.$refs.paged.$refs.criteria.model.f_user_type[0])
+        } else {
+          this.gasproperties = [{label: '全部', value: ''}]
+        }
+      },
+      async initParams () {
+        console.log('=================>加载', this.$GetSaleParam.getGasbrand())
+        let arr = []
+        let filter = this.$login.f.orgid
+        this.$GetSaleParam.getAdjustable(filter).forEach((item) => {
+          let temp = {}
+          temp.label = `[${item.value.f_adjustable_id}]-${item.label}`
+          temp.value = `${item.value.id}`
+          arr.push(temp)
+        })
+        this.adjustables = [{label: '全部', value: ''}, ...arr]
+        // 初始化气表品牌
+        let brandArr = []
+        this.$GetSaleParam.getGasbrand().forEach((item) => {
+          let temp = {}
+          temp.label = item.label
+          temp.value = item.value.id
+          brandArr.push(temp)
+          // 取出对应气表型号
+          let styleArr = []
+          for (let row of item.value.gasmodel) {
+            styleArr.push({label: row.label, value: row.value.id})
+          }
+          this.meterstyle[temp.value] = styleArr
+        })
+        this.meterbrands = [{label: '全部', value: ''}, ...brandArr]
+        // 初始化气表价格
+        this.prices = this.$GetSaleParam.getPrice(filter)
+      },
+      sortModelval () {
+        let sortModel = []
+        Object.keys(this.fields).forEach((key) => {
+          if (this.modelval.includes(key)) {
+            sortModel.push(key)
+          }
+        })
+        this.modelval = sortModel
+        console.log('选择的打印的字段', this.modelval)
+      },
+      async updateParams () {
+        await this.$MagLoadParams.loadParam(this.f_filialeid)
+        this.initParams()
+      },
+
+      loadMeterBooks () {
+        let meterbrand = this.$GetSaleParam.getGasbrand()
+        for (let row of meterbrand) {
+          console.log(row)
+          this.meterbrands.push({label: row.label, value: row.value.id})
+        }
+      },
+      search () {
+        this.$refs.paged.$refs.criteria.search()
+      },
+
+      selfSearch (args) {
+        this.editsort = false
+        args.condition = `${args.condition} and f_meter_book_num = '${this.f_meterbook_num}'`
+        this.condition = args.condition
+        this.model.search(args.condition, args.model)
+      },
+      dealmsg (val) {
+        this.$parent.f_userinfo_id = val.f_userinfo_id
+        this.$parent.listpage = false
+      }
+
+    },
+    watch: {
+      'f_meterbook_num' (val) {
+        this.search()
+      }
+    },
+    events: {
+      onFileUpload: function (file, res) {
+        this.$resetpost('api/af-revenue/logic/upLoadBookFile',
+          {data: {
+            condition: this.condition,
+            filepath: res.f_downloadpath
+          }
+          },
+          {resolveMsg: null, rejectMsg: '上传失败'}).then((res) => {
+            this.show = false
+            this.$showAlert(`导入成功`, 'success', 2000)
+            this.search()
+          })
+      }
+    },
+    computed: {
+      inputtores () {
+        // 获取抄表员
+        console.log('获取抄表员', this.$login.f)
+        let rs = []
+        if (this.$login.f.f_gasman.length > 0) {
+          for (let i = 0; i < this.$login.f.f_gasman.length; i++) {
+            let temp = {
+              label: this.$login.f.f_gasman[i].name,
+              value: this.$login.f.f_gasman[i].name
+            }
+            rs.push(temp)
+          }
+        }
+        return [ ...rs]
+      },
+      pricetypes () {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('气价类型')]
+      },
+      meterTypes () {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]
+      },
+      usertypes () {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
+      },
+      getPricenames () {
+        console.log('getPricenames======')
+        let f_user_type = this.$refs.paged.$refs.criteria.model.f_user_type
+        let f_gasproperties = this.$refs.paged.$refs.criteria.model.f_gasproperties
+        let pricetype = this.$refs.paged.$refs.criteria.model.pricetype
+        console.log('打印一下:', pricetype)
+        if (this.$refs.paged.$refs.criteria.model !== null) {
+          let rs = []
+          let priceArr = []
+          if (pricetype.length > 0 && f_user_type.length > 0 && f_gasproperties.length > 0) {
+            let params = {
+              f_user_type: f_user_type[0],
+              f_gasproperties: f_gasproperties[0],
+              f_price_type: pricetype[0]
+            }
+            console.log('params', params)
+            console.log('getPricenames======', this.$GetSaleParam.getPrice(params))
+            this.$GetSaleParam.getPrice(params).forEach((item) => {
+              let temp = {}
+              temp.label = item.label
+              temp.value = item.value.f_price_id
+              priceArr.push(temp)
+            })
+            rs = [ ...priceArr]
+          }
+          if (rs.length === 0) {
+            console.log('rs读出来是空')
+            this.$refs.paged.$refs.criteria.model.f_price_name = ''
+          }
+          return rs
+        }
+      }
+
+    }
+
+  }
+</script>
+
+<style scoped>
+.saving-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background: rgba(0, 0, 0, 0.3);
+  z-index: 9999;
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding-top: 120px;
+}
+
+.saving-mask-content {
+  background: #fff;
+  color: #333;
+  padding: 24px 32px;
+  border-radius: 8px;
+  font-size: 16px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+  text-align: center;
+  min-width: 200px;
+  max-width: 320px;
+  min-height: 60px;
+  max-height: 120px;
+  width: 300px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+</style>