manage-client 3.2.11 → 3.2.13-aode

package/src/components/sale/filesquery/filequerydetail/TransferQueryDetail.vue

@@ -1,160 +1,160 @@
-<template >
-  <div class="flex">
-    <div class="height:auto">
-      <criteria-paged :model="model" v-ref:paged  >
-        <criteria partial='criteria' v-ref:cri  @condition-changed='$parent.selfSearch'>
-          <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
-            <div class="row">
-              <div class="col-sm-3">
-                <label for="startDate" class="font_normal_body">过户日期</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 >= '{} 00:00:00'">
-                </datepicker>
-              </div>
-              <div class="col-sm-3">
-                <label for="endDate" class="font_normal_body">至</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 <= '{} 23:59:59'">
-                </datepicker>
-              </div>
-<!--              <div class="col-sm-3">-->
-<!--                <label class="font_normal_body">状态</label>-->
-<!--                <v-select :value.sync="model.f_hand_state"-->
-<!--                          style="width:60%"-->
-<!--                          v-model="model.f_hand_state"-->
-<!--                          :options='$parent.$parent.handstate' placeholder='状态'-->
-<!--                          condition="f_hand_state = '{}'"-->
-<!--                          close-on-select></v-select>-->
-<!--              </div>-->
-              <div class="span" style = "float:right;">
-                <button class="button_search button_spacing" @click="search()">查询</button>
-              </div>
-
-            </div>
-          </div>
-
-        </criteria>
-        <data-grid :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>
-
-            </tr>
-          </template>
-          <template partial='body'>
-            <td style="text-align: center;">
-              <nobr>{{row.f_user_name}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_newuser_phone}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_user_phone}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_transfer_fees}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_operate_date}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_operator}}</nobr>
-            </td>
-
-          </template>
-          <template partial='foot'>
-            <td style="text-align: center;background-color: mistyrose ">
-              <nobr>合计：</nobr>
-            </td>
-            <td style="text-align: center;background-color: mistyrose ">
-              <nobr></nobr>
-            </td>
-            <td style="text-align: center;background-color: mistyrose ">
-              <nobr></nobr>
-            </td>
-            <td style="text-align: center;background-color: mistyrose ">
-              <nobr>{{model.sums.f_transfer_fees}}</nobr>
-            </td>
-            <td style="text-align: center;background-color: mistyrose ">
-              <nobr></nobr>
-            </td>
-            <td style="text-align: center;background-color: mistyrose ">
-              <nobr></nobr>
-            </td>
-          </template>
-        </data-grid>
-
-      </criteria-paged>
-    </div>
-
-  </div>
-</template>
-
-<script>
-  import {PagedList} from 'vue-client'
-  let readySomething = async function (self) {
-
-    await self.$refs.paged.$refs.cri.search()
-  }
-  export default {
-    title: '过户',
-    data () {
-      return {
-        condition: '1=1',
-        model: new PagedList('rs/sql/transferQuery', 20,{},{
-          f_transfer_fees:0
-        }),
-        orgCondtionStr:''
-      }
-    },
-    props:
-      {
-        f_userinfo_id: ''
-      },
-    ready () {
-      readySomething(this)
-    },
-    methods: {
-      selfSearch (args) {
-        if (!this.orgCondtionStr) {
-          args.condition = `${args.condition}` + " and f_orgid = " + this.$login.f.orgid + " and f_userinfo_id = " + this.f_userinfo_id
-        } else {
-          args.condition = `${args.condition}` + this.orgCondtionStr
-        }
-        this.model.search(args.condition, args.model)
-      }
-    },
-    watch: {
-      getCondition(){
-        return {condition: `${this.$refs.paged.$refs.cri.condition}`+this.orgCondtionStr}
-      }
-    }
-  }
-</script>
-
+<template >
+  <div class="flex">
+    <div class="height:auto">
+      <criteria-paged :model="model" v-ref:paged  >
+        <criteria partial='criteria' v-ref:cri  @condition-changed='$parent.selfSearch'>
+          <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+            <div class="row">
+              <div class="col-sm-3">
+                <label for="startDate" class="font_normal_body">过户日期</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 >= '{} 00:00:00'">
+                </datepicker>
+              </div>
+              <div class="col-sm-3">
+                <label for="endDate" class="font_normal_body">至</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 <= '{} 23:59:59'">
+                </datepicker>
+              </div>
+<!--              <div class="col-sm-3">-->
+<!--                <label class="font_normal_body">状态</label>-->
+<!--                <v-select :value.sync="model.f_hand_state"-->
+<!--                          style="width:60%"-->
+<!--                          v-model="model.f_hand_state"-->
+<!--                          :options='$parent.$parent.handstate' placeholder='状态'-->
+<!--                          condition="f_hand_state = '{}'"-->
+<!--                          close-on-select></v-select>-->
+<!--              </div>-->
+              <div class="span" style = "float:right;">
+                <button class="button_search button_spacing" @click="search()">查询</button>
+              </div>
+
+            </div>
+          </div>
+
+        </criteria>
+        <data-grid :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>
+
+            </tr>
+          </template>
+          <template partial='body'>
+            <td style="text-align: center;">
+              <nobr>{{row.f_user_name}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_newuser_phone}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_user_phone}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_transfer_fees}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_operate_date}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_operator}}</nobr>
+            </td>
+
+          </template>
+          <template partial='foot'>
+            <td style="text-align: center;background-color: mistyrose ">
+              <nobr>合计：</nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose ">
+              <nobr></nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose ">
+              <nobr></nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose ">
+              <nobr>{{model.sums.f_transfer_fees}}</nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose ">
+              <nobr></nobr>
+            </td>
+            <td style="text-align: center;background-color: mistyrose ">
+              <nobr></nobr>
+            </td>
+          </template>
+        </data-grid>
+
+      </criteria-paged>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import {PagedList} from 'vue-client'
+  let readySomething = async function (self) {
+
+    await self.$refs.paged.$refs.cri.search()
+  }
+  export default {
+    title: '过户',
+    data () {
+      return {
+        condition: '1=1',
+        model: new PagedList('rs/sql/transferQuery', 20,{},{
+          f_transfer_fees:0
+        }),
+        orgCondtionStr:''
+      }
+    },
+    props:
+      {
+        f_userinfo_id: ''
+      },
+    ready () {
+      readySomething(this)
+    },
+    methods: {
+      selfSearch (args) {
+        if (!this.orgCondtionStr) {
+          args.condition = `${args.condition}` + " and f_orgid = " + this.$login.f.orgid + " and f_userinfo_id = " + this.f_userinfo_id
+        } else {
+          args.condition = `${args.condition}` + this.orgCondtionStr
+        }
+        this.model.search(args.condition, args.model)
+      }
+    },
+    watch: {
+      getCondition(){
+        return {condition: `${this.$refs.paged.$refs.cri.condition}`+this.orgCondtionStr}
+      }
+    }
+  }
+</script>
+

package/src/components/sale/filesquery/filequerydetail/UserQueryDetail.vue

@@ -1,155 +1,155 @@
-<template>
-  <div class="auto">
-    <modal  :show.sync="show"  title="详细信息" style="height:auto;width:100%" large backdrop="false">
-      <article slot="modal-body"  class="modal-body" style="height:100%;width:100%">
-        <div class="basic-main" style="height: auto">
-          <partial-view v-ref:pv>
-          <div class="row">
-            <div class="col-xs-3">
-              <label type="text" class="font_normal_body" >姓名:</label>
-              <label type="text" class="font_normal_body "> {{rowdata.f_user_name}}</label>
-            </div>
-            <div class="col-xs-3">
-              <label type="text" class="font_normal_body" >电话:</label>
-              <label type="text" class="font_normal_body"> {{rowdata.f_user_phone}}</label>
-            </div>
-            <div class="col-xs-6">
-              <label type="text" class="font_normal_body" >地址:</label>
-              <label type="text" class="font_normal_body "> {{rowdata.f_address}}</label>
-            </div>
-          </div>
-          </partial-view>
-        </div>
-        <div class="flex-row" id="unit" style="height: 500px">
-          <div class="binary-left" style="width:15%">
-            <button :class="getclass[0].val" style="margin-top:10px;width: 100px" @click="showquery(0)">表具查询</button>
-            <button :class="getclass[1].val" style="margin-top:10px;width: 100px" @click="showquery(1)">设备查询</button>
-            <button :class="getclass[2].val" style="margin-top:10px;width: 100px" @click="showquery(2)">收费查询</button>
-            <button :class="getclass[3].val" style="margin-top:10px;width: 100px" @click="showquery(3)">流水查询</button>
-            <button :class="getclass[4].val" style="margin-top:10px;width: 100px" @click="showquery(4)">换表查询</button>
-            <button :class="getclass[5].val" style="margin-top:10px;width: 100px" @click="showquery(5)">抄表查询</button>
-            <button :class="getclass[6].val" style="margin-top:10px;width: 100px" @click="showquery(6)">过户查询</button>
-            <button :class="getclass[7].val" style="margin-top:10px;width: 100px" @click="showquery(7)">其他收费查询</button>
-<!--            <button class="button_export" style="margin-top:10px;width: 100px" @click="showquery(5)">补卡查询</button>-->
-<!--            <button class="button_export" style="margin-top:10px;width: 100px" @click="showquery(5)">补气查询</button>-->
-<!--            <button class="button_export" style="margin-top:10px;width: 100px" @click="showquery(5)">收费抄表</button>-->
-<!--            <button class="button_export" style="margin-top:10px;width: 100px" @click="showquery(5)">启用查询</button>-->
-<!--            <button class="button_export" style="margin-top:10px;width: 100px" @click="showquery(5)">停用查询</button>-->
-<!--            <button class="button_export" style="margin-top:10px;width: 100px" @click="showquery(5)">黑名单查询</button>-->
-
-          </div>
-
-          <div class="binary-right" style="height: auto;width: 85%" >
-            <meter-query-detail :showquery="query[0].show" v-if="query[0].show" :f_userinfo_id="f_userinfo_id"></meter-query-detail>
-            <equipment-query-detail v-if="query[1].show" :f_userinfo_id="f_userinfo_id"></equipment-query-detail>
-            <charge-query-detail v-if="query[2].show" :f_userinfo_id="f_userinfo_id"></charge-query-detail>
-            <record-query-detail v-if="query[3].show" :f_userinfo_id="f_userinfo_id"></record-query-detail>
-            <change-meter-query-detail v-if="query[4].show" :f_userinfo_id="f_userinfo_id"></change-meter-query-detail>
-            <meter-hand-query-detail v-if="query[5].show" :f_userinfo_id="f_userinfo_id"></meter-hand-query-detail>
-            <meter-transfer-query-detail v-if="query[6].show" :f_userinfo_id="f_userinfo_id"></meter-transfer-query-detail>
-
-            <other-charge-query-detail v-if="query[7].show" :f_userinfo_id="f_userinfo_id"></other-charge-query-detail>
-<!--            <fill-card-query-detail v-if="query[5]" :f_userinfo_id="f_userinfo_id"></fill-card-query-detail>-->
-<!--            <fill-gas-query-detail v-if="query[6]" :f_userinfo_id="f_userinfo_id"></fill-gas-query-detail>-->
-<!--            <selling-hand-detail v-if="query[7]" :f_userinfo_id="f_userinfo_id"></selling-hand-detail>-->
-<!--            <enable-query-detail v-if="query[8]" :f_userinfo_id="f_userinfo_id"></enable-query-detail>-->
-<!--            <disable-query-detail v-if="query[9]" :f_userinfo_id="f_userinfo_id"></disable-query-detail>-->
-<!--            <backlist-query-detail v-if="query[10]" :f_userinfo_id="f_userinfo_id"></backlist-query-detail>-->
-
-          </div>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-
-      </footer>
-    </modal>
-  </div>
-</template>
-<script>
-
-  import MeterQueryDetail from './MeterQueryDetail.vue'
-  import DeviceQueryDetail from './DeviceQueryDetail.vue'
-  import ChargeQueryDetail from './ChargeQueryDetail.vue'
-  import RecordQueryDetail from './RecordQueryDetail.vue'
-  import ChangeMeterQueryDetail from './ChangeMeterQueryDetail.vue'
-  import HandQueryDetail from './HandQueryDetail.vue'
-  import TransferQueryDetail from './TransferQueryDetail.vue'
-  import OtherChargeQueryDetail from './OtherChargeQueryDetail.vue'
-
-  // import FillCardQueryDetail from './FillCardQueryDetail.vue'
-  // import FillGasQueryDetail from './FillGasQueryDetail.vue'
-  // import SellingHandDetail from './SellingHandDetail.vue'
-  // import EnableQueryDetail from './EnableQueryDetail.vue'
-  // import DisableQueryDetail from './DisableQueryDetail.vue'
-  // import BlackListQueryDetail from './BlackListQueryDetail.vue'
-  export default {
-    components:{
-      'meter-query-detail':MeterQueryDetail,
-      'equipment-query-detail':DeviceQueryDetail,
-      'charge-query-detail':ChargeQueryDetail,
-      'record-query-detail':RecordQueryDetail,
-      'change-meter-query-detail':ChangeMeterQueryDetail,
-      'meter-hand-query-detail':HandQueryDetail,
-      'meter-transfer-query-detail':TransferQueryDetail,
-      'other-charge-query-detail':OtherChargeQueryDetail
-      // 'fill-card-query-detail':FillCardQueryDetail,
-      // 'fill-gas-query-detail':FillGasQueryDetail,
-      // 'selling-hand-detail':SellingHandDetail,
-      // 'enable-query-detail':EnableQueryDetail,
-      // 'disable-query-detail':DisableQueryDetail,
-      // 'blacklist-query-detail':BlackListQueryDetail
-
-    },
-    title: '详细信息',
-    data() {
-      return {
-        rowdata:{},
-        model: {},
-        query: [{show:true}, {show:false}, {show:false}, {show:false}, {show:false}, {show:false}, {show:false},{show:false}],
-        getclass:[{val:"button_search"}, {val:"button_export"}, {val:"button_export"}, {val:"button_export"}, {val:"button_export"}, {val:"button_export"}, {val:"button_export"}, {val:"button_export"}]
-        // query:[],
-        // getclass:[]
-      }
-    },
-    props: ['show','f_userinfo_id'],
-    ready() {
-      this.getuserinfo(this.f_userinfo_id)
-
-    },
-    methods:{
-      async getuserinfo(userinfoid){
-        let res = await this.$refs.pv.load('rs/sql/filesQuery', {data: {condition: `f_userinfo_id ='${userinfoid}'`}})
-        this.rowdata=res.data[0]
-      },
-      showquery(index){
-        for (let i = 0; i < this.query.length; i++) {
-          if(index === i){
-            this.query[i].show=true
-            this.getclass[i].val="button_search"
-          }else{
-            this.query[i].show=false
-            this.getclass[i].val="button_export"
-          }
-        }
-      }
-    },
-    watch: {
-      'show'(){
-        if(this.show===false){
-          for (let i = 0; i <  this.query.length; i++) {
-            this.query[i].show=false
-            this.getclass[i].val="button_export"
-          }
-          this.query[0].show=true
-          this.getclass[0].val="button_search"
-        }
-      },
-      'f_userinfo_id' (val) {
-        this.getuserinfo(val)
-      }
-
-    }
-
-  }
-
-</script>
+<template>
+  <div class="auto">
+    <modal  :show.sync="show"  title="详细信息" style="height:auto;width:100%" large backdrop="false">
+      <article slot="modal-body"  class="modal-body" style="height:100%;width:100%">
+        <div class="basic-main" style="height: auto">
+          <partial-view v-ref:pv>
+          <div class="row">
+            <div class="col-xs-3">
+              <label type="text" class="font_normal_body" >姓名:</label>
+              <label type="text" class="font_normal_body "> {{rowdata.f_user_name}}</label>
+            </div>
+            <div class="col-xs-3">
+              <label type="text" class="font_normal_body" >电话:</label>
+              <label type="text" class="font_normal_body"> {{rowdata.f_user_phone}}</label>
+            </div>
+            <div class="col-xs-6">
+              <label type="text" class="font_normal_body" >地址:</label>
+              <label type="text" class="font_normal_body "> {{rowdata.f_address}}</label>
+            </div>
+          </div>
+          </partial-view>
+        </div>
+        <div class="flex-row" id="unit" style="height: 500px">
+          <div class="binary-left" style="width:15%">
+            <button :class="getclass[0].val" style="margin-top:10px;width: 100px" @click="showquery(0)">表具查询</button>
+            <button :class="getclass[1].val" style="margin-top:10px;width: 100px" @click="showquery(1)">设备查询</button>
+            <button :class="getclass[2].val" style="margin-top:10px;width: 100px" @click="showquery(2)">收费查询</button>
+            <button :class="getclass[3].val" style="margin-top:10px;width: 100px" @click="showquery(3)">流水查询</button>
+            <button :class="getclass[4].val" style="margin-top:10px;width: 100px" @click="showquery(4)">换表查询</button>
+            <button :class="getclass[5].val" style="margin-top:10px;width: 100px" @click="showquery(5)">抄表查询</button>
+            <button :class="getclass[6].val" style="margin-top:10px;width: 100px" @click="showquery(6)">过户查询</button>
+            <button :class="getclass[7].val" style="margin-top:10px;width: 100px" @click="showquery(7)">其他收费查询</button>
+<!--            <button class="button_export" style="margin-top:10px;width: 100px" @click="showquery(5)">补卡查询</button>-->
+<!--            <button class="button_export" style="margin-top:10px;width: 100px" @click="showquery(5)">补气查询</button>-->
+<!--            <button class="button_export" style="margin-top:10px;width: 100px" @click="showquery(5)">收费抄表</button>-->
+<!--            <button class="button_export" style="margin-top:10px;width: 100px" @click="showquery(5)">启用查询</button>-->
+<!--            <button class="button_export" style="margin-top:10px;width: 100px" @click="showquery(5)">停用查询</button>-->
+<!--            <button class="button_export" style="margin-top:10px;width: 100px" @click="showquery(5)">黑名单查询</button>-->
+
+          </div>
+
+          <div class="binary-right" style="height: auto;width: 85%" >
+            <meter-query-detail :showquery="query[0].show" v-if="query[0].show" :f_userinfo_id="f_userinfo_id"></meter-query-detail>
+            <equipment-query-detail v-if="query[1].show" :f_userinfo_id="f_userinfo_id"></equipment-query-detail>
+            <charge-query-detail v-if="query[2].show" :f_userinfo_id="f_userinfo_id"></charge-query-detail>
+            <record-query-detail v-if="query[3].show" :f_userinfo_id="f_userinfo_id"></record-query-detail>
+            <change-meter-query-detail v-if="query[4].show" :f_userinfo_id="f_userinfo_id"></change-meter-query-detail>
+            <meter-hand-query-detail v-if="query[5].show" :f_userinfo_id="f_userinfo_id"></meter-hand-query-detail>
+            <meter-transfer-query-detail v-if="query[6].show" :f_userinfo_id="f_userinfo_id"></meter-transfer-query-detail>
+
+            <other-charge-query-detail v-if="query[7].show" :f_userinfo_id="f_userinfo_id"></other-charge-query-detail>
+<!--            <fill-card-query-detail v-if="query[5]" :f_userinfo_id="f_userinfo_id"></fill-card-query-detail>-->
+<!--            <fill-gas-query-detail v-if="query[6]" :f_userinfo_id="f_userinfo_id"></fill-gas-query-detail>-->
+<!--            <selling-hand-detail v-if="query[7]" :f_userinfo_id="f_userinfo_id"></selling-hand-detail>-->
+<!--            <enable-query-detail v-if="query[8]" :f_userinfo_id="f_userinfo_id"></enable-query-detail>-->
+<!--            <disable-query-detail v-if="query[9]" :f_userinfo_id="f_userinfo_id"></disable-query-detail>-->
+<!--            <backlist-query-detail v-if="query[10]" :f_userinfo_id="f_userinfo_id"></backlist-query-detail>-->
+
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+
+      </footer>
+    </modal>
+  </div>
+</template>
+<script>
+
+  import MeterQueryDetail from './MeterQueryDetail.vue'
+  import DeviceQueryDetail from './DeviceQueryDetail.vue'
+  import ChargeQueryDetail from './ChargeQueryDetail.vue'
+  import RecordQueryDetail from './RecordQueryDetail.vue'
+  import ChangeMeterQueryDetail from './ChangeMeterQueryDetail.vue'
+  import HandQueryDetail from './HandQueryDetail.vue'
+  import TransferQueryDetail from './TransferQueryDetail.vue'
+  import OtherChargeQueryDetail from './OtherChargeQueryDetail.vue'
+
+  // import FillCardQueryDetail from './FillCardQueryDetail.vue'
+  // import FillGasQueryDetail from './FillGasQueryDetail.vue'
+  // import SellingHandDetail from './SellingHandDetail.vue'
+  // import EnableQueryDetail from './EnableQueryDetail.vue'
+  // import DisableQueryDetail from './DisableQueryDetail.vue'
+  // import BlackListQueryDetail from './BlackListQueryDetail.vue'
+  export default {
+    components:{
+      'meter-query-detail':MeterQueryDetail,
+      'equipment-query-detail':DeviceQueryDetail,
+      'charge-query-detail':ChargeQueryDetail,
+      'record-query-detail':RecordQueryDetail,
+      'change-meter-query-detail':ChangeMeterQueryDetail,
+      'meter-hand-query-detail':HandQueryDetail,
+      'meter-transfer-query-detail':TransferQueryDetail,
+      'other-charge-query-detail':OtherChargeQueryDetail
+      // 'fill-card-query-detail':FillCardQueryDetail,
+      // 'fill-gas-query-detail':FillGasQueryDetail,
+      // 'selling-hand-detail':SellingHandDetail,
+      // 'enable-query-detail':EnableQueryDetail,
+      // 'disable-query-detail':DisableQueryDetail,
+      // 'blacklist-query-detail':BlackListQueryDetail
+
+    },
+    title: '详细信息',
+    data() {
+      return {
+        rowdata:{},
+        model: {},
+        query: [{show:true}, {show:false}, {show:false}, {show:false}, {show:false}, {show:false}, {show:false},{show:false}],
+        getclass:[{val:"button_search"}, {val:"button_export"}, {val:"button_export"}, {val:"button_export"}, {val:"button_export"}, {val:"button_export"}, {val:"button_export"}, {val:"button_export"}]
+        // query:[],
+        // getclass:[]
+      }
+    },
+    props: ['show','f_userinfo_id'],
+    ready() {
+      this.getuserinfo(this.f_userinfo_id)
+
+    },
+    methods:{
+      async getuserinfo(userinfoid){
+        let res = await this.$refs.pv.load('rs/sql/filesQuery', {data: {condition: `f_userinfo_id ='${userinfoid}'`}})
+        this.rowdata=res.data[0]
+      },
+      showquery(index){
+        for (let i = 0; i < this.query.length; i++) {
+          if(index === i){
+            this.query[i].show=true
+            this.getclass[i].val="button_search"
+          }else{
+            this.query[i].show=false
+            this.getclass[i].val="button_export"
+          }
+        }
+      }
+    },
+    watch: {
+      'show'(){
+        if(this.show===false){
+          for (let i = 0; i <  this.query.length; i++) {
+            this.query[i].show=false
+            this.getclass[i].val="button_export"
+          }
+          this.query[0].show=true
+          this.getclass[0].val="button_search"
+        }
+      },
+      'f_userinfo_id' (val) {
+        this.getuserinfo(val)
+      }
+
+    }
+
+  }
+
+</script>