sale-client 4.2.80 → 4.2.81

package/src/filiale/bazhong/ic_detail/ChangeMeterQueryUser.vue

@@ -1,370 +1,370 @@
-<template>
-  <div class="flex" style="justify-content: space-between;">
-    <div @keyup.enter="search" style="">
-      <criteria-paged :model="model" v-ref:paged>
-        <criteria @condition-changed='$parent.search' partial='criteria' v-ref:criteria>
-          <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>
-                <datepicker :format="'yyyy-MM-dd'" :value.sync="model.f_start_date"
-                            class="datepicker"
-                            condition="f_operate_date >= '{} 00:00:00' "
-                            placeholder="起始时间"
-                            style="width:60%"
-                            v-model="model.f_start_date"
-                ></datepicker>
-              </div>
-              <div class="col-sm-2 form-group">
-                <label class="font_normal_body">结束时间</label>
-                <datepicker :format="'yyyy-MM-dd'" :value.sync="model.f_end_date"
-                            class="datepicker"
-                            condition="f_operate_date <= '{} 23:59:59'"
-                            placeholder="结束时间"
-                            style="width:60%"
-                            v-model="model.f_end_date"
-                ></datepicker>
-              </div>
-              <div class="col-sm-2 form-group">
-                <label class="font_normal_body">换表类型</label>
-                <v-select :options='$parent.$parent.changeType' :value.sync="model.f_type"
-                          close-on-select
-                          condition="f_type='{}'"
-                          placeholder='换表类型'
-                          style="width:60%"
-                          v-model="model.f_type"
-                ></v-select>
-              </div>
-              <div class="col-sm-2 form-group">
-                <label class="font_normal_body">换表状态</label>
-                <v-select :value.sync="model.f_state" v-model='model.f_state'
-                          style="width:60%"
-                          :options='$parent.$parent.isstates' placeholder='换表状态'
-                          close-on-select
-                          condition="f_state = '{}'"></v-select>
-              </div>
-              <div class="col-sm-2 form-group">
-                <label class="font_normal_body">新表封号</label>
-                <input type="text" style="width:60%" class="input_search" v-model="model.f_metertitles"
-                       condition="f_metertitles = '{}' " placeholder="新表封号">
-              </div>
-              <div style="float: right">
-                <button @click="search()" class="button_search" style="margin-right: 10px" v-el:cba>查询</button>
-                <print-data :defaultfield="$parent.$parent.defaultfield" :field="$parent.$parent.fields"
-                            :is-selected="true" :model="$parent.$parent.printModel"
-                            @print-data="$parent.$parent.print()" print-name="换表流水"></print-data>
-              </div>
-            </div>
-          </div>
-        </criteria>
-        <data-grid :model="model" class="list_area table_sy" partial='list' 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>
-                <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' partial='list' v-ref:grid>
-            <tr>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_type }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_using_base_old }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_initial_base_new }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_remanent_gas }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_meter_brand_old }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_meter_brand }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_meternumber_old }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_meternumber }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_changemeter_fee }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_operator }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_state }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_change_operator }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_operate_date }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>
-                  <span v-if="row.f_changetables_reason">{{ row.f_changetables_reason }}/</span>
-                  <span v-if="row.f_reason">{{ row.f_reason }}/</span>
-                  <span v-if="row.f_othereason">{{ row.f_othereason }}/</span>
-                  <span v-if="row.f_comments">{{ row.f_comments }}</span>
-                </nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{ row.f_metertitles }}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>
-                  <button v-if="row.f_table_path_old"
-                          class="btn btn-link"
-                          @click.stop="$parent.$parent.$parent.imgShow(row.f_table_path_old)">
-                    旧表图片
-                  </button>
-                </nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>
-                  <button v-if="row.f_table_path_new"
-                          class="btn btn-link"
-                          @click.stop="$parent.$parent.$parent.imgShow(row.f_table_path_new)">
-                    新表图片
-                  </button>
-                </nobr>
-              </td>
-            </tr>
-          </template>
-          <template partial='foot'></template>
-        </data-grid>
-      </criteria-paged>
-    </div>
-    <modal :show.sync="imageShow" v-ref:modal :backdrop="true" coverstyle="modalContentRight">
-      <header slot="modal-header" class="modal-header">
-        抄表图像识别照片
-      </header>
-      <article slot="modal-body" class="modal-body">
-        <div class="from-group">
-          <img-self-sale-plus :src="imageSrc" :list="imageSrc" :width="750" :height="750">
-          </img-self-sale-plus>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <button type="button" class="btn btn-success" @click='imgClose'>关闭</button>
-      </footer>
-    </modal>
-  </div>
-</template>
-
-<script>
-import {HttpResetClass, PagedList} from 'vue-client'
-
-export default {
-  title: '换表查询',
-  data () {
-    return {
-      condition: '1=1',
-      model: new PagedList('api/af-revenue/sql/sale_ChangeMeterQuery', 20),
-      // 控制单选
-      radio: [],
-      // 选中的页
-      all: [],
-      imageSrc: '',
-      imageShow: false,
-      isstates: this.$appdata.getParam('是否有效') ? [{
-        label: '全部',
-        value: ''
-      }, ...this.$appdata.getParam('是否有效')] : [],
-      // row数据
-      rowsdata: [],
-      fields: {
-        'f_userinfo_code': '客户编号',
-        'f_user_name': '客户姓名',
-        'f_type': '换表类型',
-        'f_meter_base': '旧表底数',
-        'f_newmeter_base': '新表底数',
-        'f_changemeter_fee': '换表费',
-        'f_operator': '操作员',
-        'f_metertitles': '新表封号',
-        'f_changemeter_date': '换表日期'
-      },
-      defaultfield: [
-        'f_userinfo_code', 'f_user_name', 'f_type', 'f_meter_base', 'f_newmeter_base', 'f_changemeter_fee', 'f_operator', 'f_changemeter_date'
-      ],
-      printModel: {
-        rows: []
-      }
-    }
-  },
-  props: ['row'],
-  ready () {
-    this.$refs.paged.$refs.criteria.search()
-  },
-  methods: {
-    async search () {
-      this.condition = `${this.$refs.paged.$refs.criteria.condition} and f_user_id = '${this.row.f_user_id}'`
-      this.model.search(this.condition, this.model)
-      let http = new HttpResetClass()
-      let res = await http.load('POST', 'api/af-revenue/sql/sale_ChangeMeterQuery', {
-        data: {
-          condition: this.condition
-        }
-      }, {resolveMsg: null, rejectMsg: null})
-      this.printModel.rows = res.data
-    },
-    // 多选框初始化
-    selectInit () {
-      this.rowsdata = []
-      this.all = []
-      this.radio = []
-    },
-    print () {
-      this.selectInit()
-    },
-    imgClose () {
-      this.imageShow = false
-      this.imageSrc = ''
-    },
-    imgShow (val) {
-      this.imageSrc = `api/af-revenue/file/image/` + val
-      this.imageShow = true
-    },
-    select () {
-      let index = this.model.pageIndex - 1
-      if (!this.radio[index]) {
-        this.radio.$set(index, [])
-      }
-      if (this.all[index]) {
-        // 数据
-        this.rowsdata[index] = Object.assign([], this.model.rows)
-        // 勾选
-        for (let i = 0; i < this.model.rows.length; i++) {
-          this.radio[index].$set(i, true)
-        }
-      } else {
-        // 数据
-        this.rowsdata[index] = []
-        // 不勾选
-        for (let i = 0; i < this.model.rows.length; i++) {
-          this.radio[index].$set(i, false)
-        }
-      }
-      let z = 0
-      for (let i = 0; i < this.all.length; i++) {
-        for (let j = 0; this.rowsdata[i] && j < this.rowsdata[i].length; j++) {
-          this.printModel.rows[z++] = this.rowsdata[i][j]
-        }
-      }
-    },
-    selectOne (event, row, i) {
-      let index = this.model.pageIndex - 1
-      if (!this.rowsdata[index]) {
-        this.rowsdata[index] = []
-      }
-      if (!this.radio[index]) {
-        this.radio.$set(index, [])
-      }
-      if (event.target.checked) {
-        // 数据
-        this.rowsdata[index][i] = row
-        // 勾选
-        this.radio[index].$set(i, true)
-        // 判断是否全部选中
-        var allState = true
-        if (this.model.rows.length != this.radio[index].length) {
-          allState = false
-        }
-        for (var state of this.radio[index]) {
-          if (!state) {
-            allState = false
-          }
-        }
-        if (allState) {
-          this.all.$set(index, true)
-        } else {
-          this.all.$set(index, false)
-        }
-      } else {
-        // 数据
-        this.rowsdata[index][i] = []
-        // 不勾选
-        this.radio[index].$set(i, false)
-        // 任意取消一个则全选状态设为false
-        this.all.$set(index, false)
-      }
-      let z = 0
-      this.printModel.rows = []
-      for (let i = 0; i < this.all.length; i++) {
-        for (let j = 0; this.rowsdata[i] && j < this.rowsdata[i].length; j++) {
-          if (this.rowsdata[i][j] && this.rowsdata[i][j].f_user_id) {
-            this.printModel.rows[z++] = this.rowsdata[i][j]
-          }
-        }
-      }
-    }
-  },
-  computed: {
-    ischecked () {
-      return function (index, i) {
-        if (!this.radio[index]) {
-          return false
-        }
-        return this.radio[index][i]
-      }
-    },
-    changeType () {
-      return [{label: '全部', value: ''}, ...this.$appdata.getParam('换表类型')]
-    }
-  }
-}
-</script>
+<template>
+  <div class="flex" style="justify-content: space-between;">
+    <div @keyup.enter="search" style="">
+      <criteria-paged :model="model" v-ref:paged>
+        <criteria @condition-changed='$parent.search' partial='criteria' v-ref:criteria>
+          <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>
+                <datepicker :format="'yyyy-MM-dd'" :value.sync="model.f_start_date"
+                            class="datepicker"
+                            condition="f_operate_date >= '{} 00:00:00' "
+                            placeholder="起始时间"
+                            style="width:60%"
+                            v-model="model.f_start_date"
+                ></datepicker>
+              </div>
+              <div class="col-sm-2 form-group">
+                <label class="font_normal_body">结束时间</label>
+                <datepicker :format="'yyyy-MM-dd'" :value.sync="model.f_end_date"
+                            class="datepicker"
+                            condition="f_operate_date <= '{} 23:59:59'"
+                            placeholder="结束时间"
+                            style="width:60%"
+                            v-model="model.f_end_date"
+                ></datepicker>
+              </div>
+              <div class="col-sm-2 form-group">
+                <label class="font_normal_body">换表类型</label>
+                <v-select :options='$parent.$parent.changeType' :value.sync="model.f_type"
+                          close-on-select
+                          condition="f_type='{}'"
+                          placeholder='换表类型'
+                          style="width:60%"
+                          v-model="model.f_type"
+                ></v-select>
+              </div>
+              <div class="col-sm-2 form-group">
+                <label class="font_normal_body">换表状态</label>
+                <v-select :value.sync="model.f_state" v-model='model.f_state'
+                          style="width:60%"
+                          :options='$parent.$parent.isstates' placeholder='换表状态'
+                          close-on-select
+                          condition="f_state = '{}'"></v-select>
+              </div>
+              <div class="col-sm-2 form-group">
+                <label class="font_normal_body">新表封号</label>
+                <input type="text" style="width:60%" class="input_search" v-model="model.f_metertitles"
+                       condition="f_metertitles = '{}' " placeholder="新表封号">
+              </div>
+              <div style="float: right">
+                <button @click="search()" class="button_search" style="margin-right: 10px" v-el:cba>查询</button>
+                <print-data :defaultfield="$parent.$parent.defaultfield" :field="$parent.$parent.fields"
+                            :is-selected="true" :model="$parent.$parent.printModel"
+                            @print-data="$parent.$parent.print()" print-name="换表流水"></print-data>
+              </div>
+            </div>
+          </div>
+        </criteria>
+        <data-grid :model="model" class="list_area table_sy" partial='list' 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>
+                <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' partial='list' v-ref:grid>
+            <tr>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_type }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_using_base_old }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_initial_base_new }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_remanent_gas }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_meter_brand_old }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_meter_brand }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_meternumber_old }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_meternumber }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_changemeter_fee }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_operator }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_state }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_change_operator }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_operate_date }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>
+                  <span v-if="row.f_changetables_reason">{{ row.f_changetables_reason }}/</span>
+                  <span v-if="row.f_reason">{{ row.f_reason }}/</span>
+                  <span v-if="row.f_othereason">{{ row.f_othereason }}/</span>
+                  <span v-if="row.f_comments">{{ row.f_comments }}</span>
+                </nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{ row.f_metertitles }}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>
+                  <button v-if="row.f_table_path_old"
+                          class="btn btn-link"
+                          @click.stop="$parent.$parent.$parent.imgShow(row.f_table_path_old)">
+                    旧表图片
+                  </button>
+                </nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>
+                  <button v-if="row.f_table_path_new"
+                          class="btn btn-link"
+                          @click.stop="$parent.$parent.$parent.imgShow(row.f_table_path_new)">
+                    新表图片
+                  </button>
+                </nobr>
+              </td>
+            </tr>
+          </template>
+          <template partial='foot'></template>
+        </data-grid>
+      </criteria-paged>
+    </div>
+    <modal :show.sync="imageShow" v-ref:modal :backdrop="true" coverstyle="modalContentRight">
+      <header slot="modal-header" class="modal-header">
+        抄表图像识别照片
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <div class="from-group">
+          <img-self-sale-plus :src="imageSrc" :list="imageSrc" :width="750" :height="750">
+          </img-self-sale-plus>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-success" @click='imgClose'>关闭</button>
+      </footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass, PagedList} from 'vue-client'
+
+export default {
+  title: '换表查询',
+  data () {
+    return {
+      condition: '1=1',
+      model: new PagedList('api/af-revenue/sql/sale_ChangeMeterQuery', 20),
+      // 控制单选
+      radio: [],
+      // 选中的页
+      all: [],
+      imageSrc: '',
+      imageShow: false,
+      isstates: this.$appdata.getParam('是否有效') ? [{
+        label: '全部',
+        value: ''
+      }, ...this.$appdata.getParam('是否有效')] : [],
+      // row数据
+      rowsdata: [],
+      fields: {
+        'f_userinfo_code': '客户编号',
+        'f_user_name': '客户姓名',
+        'f_type': '换表类型',
+        'f_meter_base': '旧表底数',
+        'f_newmeter_base': '新表底数',
+        'f_changemeter_fee': '换表费',
+        'f_operator': '操作员',
+        'f_metertitles': '新表封号',
+        'f_changemeter_date': '换表日期'
+      },
+      defaultfield: [
+        'f_userinfo_code', 'f_user_name', 'f_type', 'f_meter_base', 'f_newmeter_base', 'f_changemeter_fee', 'f_operator', 'f_changemeter_date'
+      ],
+      printModel: {
+        rows: []
+      }
+    }
+  },
+  props: ['row'],
+  ready () {
+    this.$refs.paged.$refs.criteria.search()
+  },
+  methods: {
+    async search () {
+      this.condition = `${this.$refs.paged.$refs.criteria.condition} and f_user_id = '${this.row.f_user_id}'`
+      this.model.search(this.condition, this.model)
+      let http = new HttpResetClass()
+      let res = await http.load('POST', 'api/af-revenue/sql/sale_ChangeMeterQuery', {
+        data: {
+          condition: this.condition
+        }
+      }, {resolveMsg: null, rejectMsg: null})
+      this.printModel.rows = res.data
+    },
+    // 多选框初始化
+    selectInit () {
+      this.rowsdata = []
+      this.all = []
+      this.radio = []
+    },
+    print () {
+      this.selectInit()
+    },
+    imgClose () {
+      this.imageShow = false
+      this.imageSrc = ''
+    },
+    imgShow (val) {
+      this.imageSrc = `api/af-revenue/file/image/` + val
+      this.imageShow = true
+    },
+    select () {
+      let index = this.model.pageIndex - 1
+      if (!this.radio[index]) {
+        this.radio.$set(index, [])
+      }
+      if (this.all[index]) {
+        // 数据
+        this.rowsdata[index] = Object.assign([], this.model.rows)
+        // 勾选
+        for (let i = 0; i < this.model.rows.length; i++) {
+          this.radio[index].$set(i, true)
+        }
+      } else {
+        // 数据
+        this.rowsdata[index] = []
+        // 不勾选
+        for (let i = 0; i < this.model.rows.length; i++) {
+          this.radio[index].$set(i, false)
+        }
+      }
+      let z = 0
+      for (let i = 0; i < this.all.length; i++) {
+        for (let j = 0; this.rowsdata[i] && j < this.rowsdata[i].length; j++) {
+          this.printModel.rows[z++] = this.rowsdata[i][j]
+        }
+      }
+    },
+    selectOne (event, row, i) {
+      let index = this.model.pageIndex - 1
+      if (!this.rowsdata[index]) {
+        this.rowsdata[index] = []
+      }
+      if (!this.radio[index]) {
+        this.radio.$set(index, [])
+      }
+      if (event.target.checked) {
+        // 数据
+        this.rowsdata[index][i] = row
+        // 勾选
+        this.radio[index].$set(i, true)
+        // 判断是否全部选中
+        var allState = true
+        if (this.model.rows.length != this.radio[index].length) {
+          allState = false
+        }
+        for (var state of this.radio[index]) {
+          if (!state) {
+            allState = false
+          }
+        }
+        if (allState) {
+          this.all.$set(index, true)
+        } else {
+          this.all.$set(index, false)
+        }
+      } else {
+        // 数据
+        this.rowsdata[index][i] = []
+        // 不勾选
+        this.radio[index].$set(i, false)
+        // 任意取消一个则全选状态设为false
+        this.all.$set(index, false)
+      }
+      let z = 0
+      this.printModel.rows = []
+      for (let i = 0; i < this.all.length; i++) {
+        for (let j = 0; this.rowsdata[i] && j < this.rowsdata[i].length; j++) {
+          if (this.rowsdata[i][j] && this.rowsdata[i][j].f_user_id) {
+            this.printModel.rows[z++] = this.rowsdata[i][j]
+          }
+        }
+      }
+    }
+  },
+  computed: {
+    ischecked () {
+      return function (index, i) {
+        if (!this.radio[index]) {
+          return false
+        }
+        return this.radio[index][i]
+      }
+    },
+    changeType () {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('换表类型')]
+    }
+  }
+}
+</script>