manage-client 1.22.3-ca → 1.22.7-ca

package/src/components/sale/businessquery/TreaDownQuery.vue

@@ -1,439 +1,439 @@
-<template>
-  <div style="flex:1;" class="flex">
-    <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="row" v-show="$parent.$parent.criteriaShow">
-            <div class="col-sm-1-5 form-group form-fix-width">
-              <label class="font_normal_body _zoom4">卡号</label>
-              <input type="text" class="form-control" v-numfilter v-model="model.f_card_id" style="width: 60%"
-                     condition="f_card_id = '{}' " placeholder="卡号">
-            </div>
-            <div class="col-sm-1-5 form-group form-fix-width">
-              <label class="font_normal_body _zoom4">用户姓名</label>
-              <input type="text" class="form-control" v-model="model.f_user_name" style="width: 60%"
-                     condition=" f_user_name like '%{}%'" placeholder='用户姓名'>
-            </div>
-            <div class="col-sm-1-5 form-group form-fix-width">
-              <label for="startDate" class="font_normal_body _zoom4">开始日期</label>
-              <datepicker id="startDate" placeholder="开始日期" style="width: 60%"
-                          v-model="model.startDate"
-                          :value.sync="model.startDate"
-                          :format="'yyyy-MM-dd'"
-                          :show-reset-button="true"
-                          condition="f_operate_date >= to_date('{} 00:00:00','yyyy-mm-dd hh24:mi:ss')">
-              </datepicker>
-            </div>
-            <div class="col-sm-1-5 form-group form-fix-width">
-              <label for="endDate" class="font_normal_body _zoom4">结束日期</label>
-              <datepicker id="endDate" placeholder="结束日期" style="width: 60%"
-                          v-model="model.endDate"
-                          :value.sync="model.endDate"
-                          :format="'yyyy-MM-dd'"
-                          :show-reset-button="true"
-                          condition="f_operate_date <= to_date('{} 23:59:59','yyyy-mm-dd hh24:mi:ss')">
-              </datepicker>
-            </div>
-            <div class="col-sm-1-5 form-group form-fix-width">
-              <label for="endDate" class="font_normal_body _zoom4">是否收费</label>
-              <v-select v-model="model.f_ispay"
-                        placeholder='是否收费'
-                        :value.sync="model.f_ispay"
-                        :options='$parent.$parent.isresetup'
-                        condition="f_ispay = '{}'"
-                        close-on-select></v-select>
-            </div>
-            <div class="col-sm-1-5 form-group form-fix-width">
-              <label for="endDate" class="font_normal_body _zoom4">是否复装</label>
-              <v-select v-model="model.f_isresetup"
-                        placeholder='是否复装'
-                        :value.sync="model.f_isresetup"
-                        :options='$parent.$parent.isresetup'
-                        condition="f_isresetup = '{}'"
-                        close-on-select></v-select>
-            </div>
-            <div class="col-sm-1-5 form-group form-fix-width">
-              <label for="endDate" class="font_normal_body _zoom4">拆表类型</label>
-              <v-select :value.sync="model.f_type" v-model="model.f_type"
-                        condition="f_type = '{}'"
-                        placeholder='拆表类型' :options="$parent.$parent.teardowntype"
-                        close-on-select v-ref:name></v-select>
-            </div>
-            <div class="col-sm-1-5 form-group form-fix-width">
-              <label for="startDate" class="font_normal_body _zoom4">开始日期</label>
-              <datepicker id="restartDate" placeholder="开始日期" style="width: 60%"
-                          v-model="model.restartDate"
-                          :value.sync="model.restartDate"
-                          :format="'yyyy-MM-dd'"
-                          :show-reset-button="true"
-                          condition="f_resetup_date >= to_date('{} 00:00:00','yyyy-mm-dd hh24:mi:ss')">
-              </datepicker>
-            </div>
-            <div class="col-sm-1-5 form-group form-fix-width">
-              <label for="endDate" class="font_normal_body _zoom4">结束日期</label>
-              <datepicker id="reendDate" placeholder="结束日期" style="width: 60%"
-                          v-model="model.reendDate"
-                          :value.sync="model.reendDate"
-                          :format="'yyyy-MM-dd'"
-                          :show-reset-button="true"
-                          condition="f_resetup_date <= to_date('{} 23:59:59','yyyy-mm-dd hh24:mi:ss')">
-              </datepicker>
-            </div>
-            <div style="float:right" :class="{'_btnclitested':!$parent.$parent.criteriaShow}">
-              <button class="btn btn-success" @click="search()">查询</button>
-              <button class="btn btn-default" @click="$parent.$parent.clear()">清空</button>
-              <!--<button class="btn btn-default" @click="$parent.$parent.stamp()">打印</button>-->
-
-              <!--              <export-excel :data="$parent.$parent.getCondition"-->
-              <!--                            :field="$parent.$parent.getfield"-->
-              <!--                            sqlurl="rs/logic/exportfile" sql-name="disableQuery" template-name='拆除查询导出' :choose-col="true"></export-excel>-->
-              <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>
-      </criteria>
-
-      <data-grid :model="model" 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>
-            <th>
-              <nobr>拆表费用</nobr>
-            </th>
-            <th>
-              <nobr>是否告知产权人</nobr>
-            </th>
-            <th>
-              <nobr>拆表类型</nobr>
-            </th>
-            <th style="padding: 10px 150px">
-              <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'>
-          <td style="text-align: center;">
-            <nobr>
-              <span @click="$parent.$parent.$parent.dealmsg(row)"><a>{{ row.f_card_id }}</a></span></nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_user_name }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_phone }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_address }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_residential_area }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_building }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_unit }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_floor }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_room }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_meter_id }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_gasbrand }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_table_up }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_init_base }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_remanent_gas }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_remanent_fee }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_meter_saver }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_ispay }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_teardown_fee }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_iscall }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_type }}</nobr>
-          </td>
-          <td style="text-align: center;word-break: break-word;">
-            <p :id="'f_remark-'+$index"
-               style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin: 0"
-               @click="$parent.$parent.$parent.p_click('f_remark-'+$index,'f_remarkinput-'+$index)">
-              {{ row.f_remark }}</p>
-            <textarea rows="2" style="display: none;margin: 0;width: 100%;border: 1px solid #e4f9f5"
-                      @blur="$parent.$parent.$parent.input_blur('f_remark-'+$index,'f_remarkinput-'+$index)"
-                      :id="'f_remarkinput-'+$index">{{row.f_remark}}</textarea>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_operator }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.op_spot }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_operate_date }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_isresetup }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_resetup_date }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_resetup_person }}</nobr>
-          </td>
-          <td style="text-align: center;">
-            <nobr>{{ row.f_resetup_type }}-{{ row.f_resetup }}</nobr>
-          </td>
-        </template>
-        <template partial='foot'></template>
-      </data-grid>
-    </criteria-paged>
-  </div>
-</template>
-
-<script>
-import {PagedList} from 'vue-client'
-import defaultPrint from '../config/DefaultPrint'
-import exportConfig from '../config/exportConfig'
-
-let readySomething = async function (self) {
-  self.$refs.paged.$refs.cri.model.startDate = self.$login.toStandardDateString()
-  self.$refs.paged.$refs.cri.model.endDate = self.$login.toStandardDateString()
-}
-export default {
-  data() {
-    return {
-      data: {},
-      model: new PagedList('rs/sql/teraDownQuery', 20, {}),
-      criteriaShow: true,
-      headData: ["卡号", "用户姓名", "操作人", "操作日期", "停用状态", "停用原因", "其他停用原因", "同步状态"],
-      bodyData: ["f_userinfo_id", "f_user_name", "f_operator", "f_operate_date", "f_state", "f_reason", "f_othereason", "f_sendsuccess"],
-
-      filialeNameStr: null,
-      filialeCodeStr: this.$login.f.f_orgids,
-      userid: this.$login.f.id,
-      source: `tool.getFullTree(this.getRights().where(row.getType() != $zone$).where(row.getType() != $role$))`,
-
-      modelval: [],
-      printshow: false,
-      all: false,
-      fields: {},
-      thead: '',
-      tfoot: '',
-      //合计数据
-      sumsmodel: {},
-      isresetup: [
-        {label: '是', value: '是'},
-        {label: '否', value: '否'}
-      ],
-      teardowntype: this.$appdata.getParam('拆表类型')
-    }
-  },
-  ready() {
-    readySomething(this).then(() => {
-      this.$emit('ready')
-    }).catch((error) => {
-      this.$emit('error', error)
-    })
-  },
-  methods: {
-    //p标签点击方法
-    p_click(p_id, i_id) {
-      document.getElementById(p_id).style.display = "none"
-      document.getElementById(i_id).style.display = "inline-block"
-      document.getElementById(i_id).select()
-      console.log(p_id, i_id)
-    },
-    //input失去焦点方法
-    input_blur(p_id, i_id) {
-      document.getElementById(p_id).style.display = "-webkit-box"
-      document.getElementById(i_id).style.display = "none"
-      console.log(p_id, i_id)
-    },
-    selfSearch(args) {
-      this.model.search(args.condition, args.model)
-      this.sumsmodel = this.$refs.paged.$refs.grid.model.sums
-    },
-    clear() {
-      Object.keys(this.$refs.paged.$refs.cri.model).forEach((key) => {
-        this.$refs.paged.$refs.cri.model[key] = ''
-      })
-    },
-    show() {
-      this.criteriaShow = true
-    },
-    hidden() {
-      this.criteriaShow = !this.criteriaShow
-    },
-    getRes(obj) {
-      this.filialeNameStr = obj.res
-      this.filialeCodeStr = obj.resids
-    },
-    stamp() {
-      this.all = false
-      //默认选择要打印的列
-      this.modelval = defaultPrint.config
-      this.fields = this.getfield
-      console.log('所有打印字段', this.fields)
-      this.printshow = true
-      this.put()
-    },
-    put() {
-      // 对Modelval进行排序
-      this.sortModelval()
-      this.thead = `<tr><th colspan=${this.modelval.length}>启用查询报表</th></tr><tr>`
-      for (let key of this.modelval) {
-        this.thead += '<th>' + this.fields[key] + '</th>'
-      }
-      this.thead += '</tr>'
-    },
-    dealmsg(val) {
-      console.log('---------------dealmsg')
-      val.model = this.model.model
-      this.$dispatch('deal-msg', val)
-    },
-    print() {
-      this.$refs.print.PrintAsFile()
-      this.printshow = false
-    },
-    close() {
-      this.printshow = false
-      this.all = false
-    },
-    // 对选择的列进行排序
-    sortModelval() {
-      let sortModel = []
-      Object.keys(this.fields).forEach((key) => {
-        if (this.modelval.includes(key)) {
-          sortModel.push(key)
-        }
-      })
-      this.modelval = sortModel
-      console.log('选择的打印的字段', this.modelval)
-    }
-  },
-  watch: {
-    'all'(val) {
-      if (val) {
-        this.modelval = this.bodyData
-      } else {
-        this.modelval = defaultPrint.config
-        this.put()
-      }
-    },
-    'modelval.length'() {
-      this.put()
-    },
-  },
-  computed: {
-    getCondition() {
-      return {condition: `${this.$refs.paged.$refs.cri.condition}  `}
-    },
-    getfield() {
-      return exportConfig.disableConfig
-    }
-  }
-}
-</script>
-<style scoped>
-.cell {
-  width: 500px
-}
-
-.sp {
-  width: 500px;
-  word-break: break-word;
-}
-</style>
+<template>
+  <div style="flex:1;" class="flex">
+    <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="row" v-show="$parent.$parent.criteriaShow">
+            <div class="col-sm-1-5 form-group form-fix-width">
+              <label class="font_normal_body _zoom4">卡号</label>
+              <input type="text" class="form-control" v-numfilter v-model="model.f_card_id" style="width: 60%"
+                     condition="f_card_id = '{}' " placeholder="卡号">
+            </div>
+            <div class="col-sm-1-5 form-group form-fix-width">
+              <label class="font_normal_body _zoom4">用户姓名</label>
+              <input type="text" class="form-control" v-model="model.f_user_name" style="width: 60%"
+                     condition=" f_user_name like '%{}%'" placeholder='用户姓名'>
+            </div>
+            <div class="col-sm-1-5 form-group form-fix-width">
+              <label for="startDate" class="font_normal_body _zoom4">开始日期</label>
+              <datepicker id="startDate" placeholder="开始日期" style="width: 60%"
+                          v-model="model.startDate"
+                          :value.sync="model.startDate"
+                          :format="'yyyy-MM-dd'"
+                          :show-reset-button="true"
+                          condition="f_operate_date >= to_date('{} 00:00:00','yyyy-mm-dd hh24:mi:ss')">
+              </datepicker>
+            </div>
+            <div class="col-sm-1-5 form-group form-fix-width">
+              <label for="endDate" class="font_normal_body _zoom4">结束日期</label>
+              <datepicker id="endDate" placeholder="结束日期" style="width: 60%"
+                          v-model="model.endDate"
+                          :value.sync="model.endDate"
+                          :format="'yyyy-MM-dd'"
+                          :show-reset-button="true"
+                          condition="f_operate_date <= to_date('{} 23:59:59','yyyy-mm-dd hh24:mi:ss')">
+              </datepicker>
+            </div>
+            <div class="col-sm-1-5 form-group form-fix-width">
+              <label for="endDate" class="font_normal_body _zoom4">是否收费</label>
+              <v-select v-model="model.f_ispay"
+                        placeholder='是否收费'
+                        :value.sync="model.f_ispay"
+                        :options='$parent.$parent.isresetup'
+                        condition="f_ispay = '{}'"
+                        close-on-select></v-select>
+            </div>
+            <div class="col-sm-1-5 form-group form-fix-width">
+              <label for="endDate" class="font_normal_body _zoom4">是否复装</label>
+              <v-select v-model="model.f_isresetup"
+                        placeholder='是否复装'
+                        :value.sync="model.f_isresetup"
+                        :options='$parent.$parent.isresetup'
+                        condition="f_isresetup = '{}'"
+                        close-on-select></v-select>
+            </div>
+            <div class="col-sm-1-5 form-group form-fix-width">
+              <label for="endDate" class="font_normal_body _zoom4">拆表类型</label>
+              <v-select :value.sync="model.f_type" v-model="model.f_type"
+                        condition="f_type = '{}'"
+                        placeholder='拆表类型' :options="$parent.$parent.teardowntype"
+                        close-on-select v-ref:name></v-select>
+            </div>
+            <div class="col-sm-1-5 form-group form-fix-width">
+              <label for="startDate" class="font_normal_body _zoom4">开始日期</label>
+              <datepicker id="restartDate" placeholder="开始日期" style="width: 60%"
+                          v-model="model.restartDate"
+                          :value.sync="model.restartDate"
+                          :format="'yyyy-MM-dd'"
+                          :show-reset-button="true"
+                          condition="f_resetup_date >= to_date('{} 00:00:00','yyyy-mm-dd hh24:mi:ss')">
+              </datepicker>
+            </div>
+            <div class="col-sm-1-5 form-group form-fix-width">
+              <label for="endDate" class="font_normal_body _zoom4">结束日期</label>
+              <datepicker id="reendDate" placeholder="结束日期" style="width: 60%"
+                          v-model="model.reendDate"
+                          :value.sync="model.reendDate"
+                          :format="'yyyy-MM-dd'"
+                          :show-reset-button="true"
+                          condition="f_resetup_date <= to_date('{} 23:59:59','yyyy-mm-dd hh24:mi:ss')">
+              </datepicker>
+            </div>
+            <div style="float:right" :class="{'_btnclitested':!$parent.$parent.criteriaShow}">
+              <button class="btn btn-success" @click="search()">查询</button>
+              <button class="btn btn-default" @click="$parent.$parent.clear()">清空</button>
+              <!--<button class="btn btn-default" @click="$parent.$parent.stamp()">打印</button>-->
+
+              <!--              <export-excel :data="$parent.$parent.getCondition"-->
+              <!--                            :field="$parent.$parent.getfield"-->
+              <!--                            sqlurl="rs/logic/exportfile" sql-name="disableQuery" template-name='拆除查询导出' :choose-col="true"></export-excel>-->
+              <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>
+      </criteria>
+
+      <data-grid :model="model" 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>
+            <th>
+              <nobr>拆表费用</nobr>
+            </th>
+            <th>
+              <nobr>是否告知产权人</nobr>
+            </th>
+            <th>
+              <nobr>拆表类型</nobr>
+            </th>
+            <th style="padding: 10px 150px">
+              <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'>
+          <td style="text-align: center;">
+            <nobr>
+              <span @click="$parent.$parent.$parent.dealmsg(row)"><a>{{ row.f_card_id }}</a></span></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_user_name }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_phone }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_address }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_residential_area }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_building }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_unit }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_floor }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_room }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_meter_id }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_gasbrand }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_table_up }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_init_base }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_remanent_gas }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_remanent_fee }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_meter_saver }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_ispay }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_teardown_fee }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_iscall }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_type }}</nobr>
+          </td>
+          <td style="text-align: center;word-break: break-word;">
+            <p :id="'f_remark-'+$index"
+               style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin: 0"
+               @click="$parent.$parent.$parent.p_click('f_remark-'+$index,'f_remarkinput-'+$index)">
+              {{ row.f_remark }}</p>
+            <textarea rows="2" style="display: none;margin: 0;width: 100%;border: 1px solid #e4f9f5"
+                      @blur="$parent.$parent.$parent.input_blur('f_remark-'+$index,'f_remarkinput-'+$index)"
+                      :id="'f_remarkinput-'+$index">{{row.f_remark}}</textarea>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_operator }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.op_spot }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_operate_date }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_isresetup }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_resetup_date }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_resetup_person }}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{ row.f_resetup_type }}-{{ row.f_resetup }}</nobr>
+          </td>
+        </template>
+        <template partial='foot'></template>
+      </data-grid>
+    </criteria-paged>
+  </div>
+</template>
+
+<script>
+import {PagedList} from 'vue-client'
+import defaultPrint from '../config/DefaultPrint'
+import exportConfig from '../config/exportConfig'
+
+let readySomething = async function (self) {
+  self.$refs.paged.$refs.cri.model.startDate = self.$login.toStandardDateString()
+  self.$refs.paged.$refs.cri.model.endDate = self.$login.toStandardDateString()
+}
+export default {
+  data() {
+    return {
+      data: {},
+      model: new PagedList('rs/sql/teraDownQuery', 20, {}),
+      criteriaShow: true,
+      headData: ["卡号", "用户姓名", "操作人", "操作日期", "停用状态", "停用原因", "其他停用原因", "同步状态"],
+      bodyData: ["f_userinfo_id", "f_user_name", "f_operator", "f_operate_date", "f_state", "f_reason", "f_othereason", "f_sendsuccess"],
+
+      filialeNameStr: null,
+      filialeCodeStr: this.$login.f.f_orgids,
+      userid: this.$login.f.id,
+      source: `tool.getFullTree(this.getRights().where(row.getType() != $zone$).where(row.getType() != $role$))`,
+
+      modelval: [],
+      printshow: false,
+      all: false,
+      fields: {},
+      thead: '',
+      tfoot: '',
+      //合计数据
+      sumsmodel: {},
+      isresetup: [
+        {label: '是', value: '是'},
+        {label: '否', value: '否'}
+      ],
+      teardowntype: this.$appdata.getParam('拆表类型')
+    }
+  },
+  ready() {
+    readySomething(this).then(() => {
+      this.$emit('ready')
+    }).catch((error) => {
+      this.$emit('error', error)
+    })
+  },
+  methods: {
+    //p标签点击方法
+    p_click(p_id, i_id) {
+      document.getElementById(p_id).style.display = "none"
+      document.getElementById(i_id).style.display = "inline-block"
+      document.getElementById(i_id).select()
+      console.log(p_id, i_id)
+    },
+    //input失去焦点方法
+    input_blur(p_id, i_id) {
+      document.getElementById(p_id).style.display = "-webkit-box"
+      document.getElementById(i_id).style.display = "none"
+      console.log(p_id, i_id)
+    },
+    selfSearch(args) {
+      this.model.search(args.condition, args.model)
+      this.sumsmodel = this.$refs.paged.$refs.grid.model.sums
+    },
+    clear() {
+      Object.keys(this.$refs.paged.$refs.cri.model).forEach((key) => {
+        this.$refs.paged.$refs.cri.model[key] = ''
+      })
+    },
+    show() {
+      this.criteriaShow = true
+    },
+    hidden() {
+      this.criteriaShow = !this.criteriaShow
+    },
+    getRes(obj) {
+      this.filialeNameStr = obj.res
+      this.filialeCodeStr = obj.resids
+    },
+    stamp() {
+      this.all = false
+      //默认选择要打印的列
+      this.modelval = defaultPrint.config
+      this.fields = this.getfield
+      console.log('所有打印字段', this.fields)
+      this.printshow = true
+      this.put()
+    },
+    put() {
+      // 对Modelval进行排序
+      this.sortModelval()
+      this.thead = `<tr><th colspan=${this.modelval.length}>启用查询报表</th></tr><tr>`
+      for (let key of this.modelval) {
+        this.thead += '<th>' + this.fields[key] + '</th>'
+      }
+      this.thead += '</tr>'
+    },
+    dealmsg(val) {
+      console.log('---------------dealmsg')
+      val.model = this.model.model
+      this.$dispatch('deal-msg', val)
+    },
+    print() {
+      this.$refs.print.PrintAsFile()
+      this.printshow = false
+    },
+    close() {
+      this.printshow = false
+      this.all = false
+    },
+    // 对选择的列进行排序
+    sortModelval() {
+      let sortModel = []
+      Object.keys(this.fields).forEach((key) => {
+        if (this.modelval.includes(key)) {
+          sortModel.push(key)
+        }
+      })
+      this.modelval = sortModel
+      console.log('选择的打印的字段', this.modelval)
+    }
+  },
+  watch: {
+    'all'(val) {
+      if (val) {
+        this.modelval = this.bodyData
+      } else {
+        this.modelval = defaultPrint.config
+        this.put()
+      }
+    },
+    'modelval.length'() {
+      this.put()
+    },
+  },
+  computed: {
+    getCondition() {
+      return {condition: `${this.$refs.paged.$refs.cri.condition}  `}
+    },
+    getfield() {
+      return exportConfig.disableConfig
+    }
+  }
+}
+</script>
+<style scoped>
+.cell {
+  width: 500px
+}
+
+.sp {
+  width: 500px;
+  word-break: break-word;
+}
+</style>