sale-client 4.2.64 → 4.2.66

package/src/filiale/bazhong/UserInfoDetailManageNew.vue

@@ -1,245 +1,245 @@
-<template>
-  <div class="binary flex">
-    <div class="row binary-left flex" style="width:99%;height:98%;margin-bottom:0">
-      <div class="auto">
-        <user-base-info-new :row="row"
-                            :buttonshow="buttonshow"
-                            @refresh="search"
-                            @cancel-main="cancel"
-                            @cancel-re="cancelRe"
-                            @search-main="search">
-        </user-base-info-new>
-      </div>
-      <saletabbut v-if="row" v-ref:list style="height:72%;margin-top: 1%;overflow-y: scroll">
-        <saletab header="流水查询" v-if="permission('流水查询')">
-          <record-query-user :row="row"></record-query-user>
-        </saletab>
-        <saletab header="机表流水查询" v-if="permission('机表流水查询') && row.f_meter_type.includes('机表')">
-          <machine-record-query :row="row" v-if="show === '机表流水查询'" @deal-msg="dealMsg"></machine-record-query>
-        </saletab>
-        <saletab header="收费查询" v-if="!newWebHand && permission('收费查询')">
-          <charge-query-user :row="row" v-if="show === '收费查询'" @deal-msg="dealMsg"></charge-query-user>
-        </saletab>
-        <saletab header="收费查询" v-if="newWebHand && permission('收费查询')">
-          <charge-query-user :row="row" v-if="show === '收费查询'" @deal-msg="dealMsg"></charge-query-user>
-        </saletab>
-        <saletab header="累购查询" v-if="permission('累购查询')">
-          <Repurchase :row="row" v-if="show === '累购查询'" @deal-msg="dealMsg"></Repurchase>
-        </saletab>
-        <saletab header="下账查询" v-if="!newWebHand && row.f_meter_type.includes('物联网表') && permission('自动下账查询')">
-          <automatic-purse :row="row" @deal-msg="dealMsg"></automatic-purse>
-        </saletab>
-        <saletab header="下账查询" v-if="newWebHand && row.f_meter_type.includes('物联网表') && permission('自动下账查询')">
-          <web-automatic-purse :row="row" @deal-msg="dealMsg"></web-automatic-purse>
-        </saletab>
-        <saletab header="抄表记录" v-if="row.f_meter_type.includes('卡表') && permission('抄表记录')">
-          <card-hand-record :row="row" v-if="show === '抄表记录'" @deal-msg="dealMsg"></card-hand-record>
-        </saletab>
-        <saletab header="抄表记录" v-if="!newWebHand && !row.f_meter_type.includes('卡表') && permission('抄表记录')">
-          <hand-query-user :row="row" v-if="show === '抄表记录'" @deal-msg="dealMsg"></hand-query-user>
-        </saletab>
-        <saletab header="抄表记录" v-if="newWebHand && !row.f_meter_type.includes('卡表') && permission('抄表记录')">
-          <web-hand-query-user :row="row" v-if="show === '抄表记录'" @deal-msg="dealMsg"></web-hand-query-user>
-        </saletab>
-        <saletab header="补卡查询" v-if="row.f_meter_type.includes('卡表') && permission('补卡查询')">
-          <fill-card-query-user :row="row" v-if="show === '补卡查询'" @deal-msg="dealMsg"></fill-card-query-user>
-        </saletab>
-        <saletab header="补气查询" v-if="permission('补气查询')">
-          <fill-gas-query-user :row="row" v-if="show === '补气查询'" @deal-msg="dealMsg"></fill-gas-query-user>
-        </saletab>
-        <saletab header="换表查询" v-if="permission('换表查询')">
-          <change-meter-query-user :row="row" v-if="show === '换表查询'" @deal-msg="dealMsg"></change-meter-query-user>
-        </saletab>
-        <saletab header="其他收费" v-if="permission('其他收费')">
-          <other-charge-query-user :row="row" v-if="show === '其他收费'" @deal-msg="dealMsg"></other-charge-query-user>
-        </saletab>
-        <saletab header="保险收费记录" v-if="permission('保险收费记录')">
-          <insurance-charges-record :row="row" @deal-msg="dealMsg"></insurance-charges-record>
-        </saletab>
-        <saletab header="垃圾费收费记录" v-if="permission('垃圾费收费记录')">
-          <garbage-record-list :row="row" @deal-msg="dealMsg"></garbage-record-list>
-        </saletab>
-        <saletab header="过户查询" v-if="permission('过户查询')">
-          <transfer-query-user :row="row" v-if="show === '过户查询'" @deal-msg="dealMsg"></transfer-query-user>
-        </saletab>
-        <saletab header="价格调整" v-if="permission('价格调整')">
-          <price-change-query-user :row="row" v-if="show === '价格调整'" @deal-msg="dealMsg"></price-change-query-user>
-        </saletab>
-        <saletab header="附件查看" v-if="permission('附件查看')">
-          <upload-file-history :row="row" v-if="show === '附件查看'" @deal-msg="dealMsg"></upload-file-history>
-        </saletab>
-        <saletab header="变更记录" v-if="permission('变更记录')">
-          <change-record :row="row" v-if="show === '变更记录'" @deal-msg="dealMsg"></change-record>
-        </saletab>
-        <saletab header="指令查看" v-if="row.f_meter_type.includes('物联网表') && permission('指令查看')">
-          <query-instruct :row="row" v-if="show === '指令查看'" @deal-msg="dealMsg"></query-instruct>
-        </saletab>
-        <saletab header="历史指令查看" v-if="row.f_meter_type.includes('物联网表') && permission('历史指令查看')">
-          <query-history-instruct :row="row" v-if="show === '历史指令查看'" @deal-msg="dealMsg"></query-history-instruct>
-        </saletab>
-        <saletab header="异常报警" v-if="row.f_meter_type.includes('物联网表') && permission('异常报警')">
-          <watch-warning :row="row" v-if="show === '异常报警'" @deal-msg="dealMsg"></watch-warning>
-        </saletab>
-        <saletab header="表具采集" v-if="row.f_meter_type.includes('物联网表') && permission('表具采集')">
-          <watch-collection :row="row" v-if="show === '表具采集'" @deal-msg="dealMsg"></watch-collection>
-        </saletab>
-        <saletab header="调价补差" v-if="permission('调价补差')">
-          <price-adjustment-query-user :row="row" v-if="show === '调价补差'" @deal-msg="dealMsg"></price-adjustment-query-user>
-        </saletab>
-        <saletab header="设备查询" v-if="permission('设备查询')">
-          <deveice-record :row="row" v-if="show === '设备查询'" @deal-msg="dealMsg"></deveice-record>
-        </saletab>
-        <saletab header="流量计参数查看" v-if="permission('流量计参数查看')">
-          <meter-param :row="row" v-if="show === '流量计参数查看'" @deal-msg="dealMsg"></meter-param>
-        </saletab>
-        <saletab header="表使用量图表" v-if="permission('流量计参数查看')">
-          <table-usage-chart :row="row" v-if="show === '表使用量图表'" @deal-msg="dealMsg"></table-usage-chart>
-        </saletab>
-        <saletab header="用户设备查询" v-if="permission('用户设备查看')">
-          <user-device-query :row="row" v-if="show === '用户设备查询'" @deal-msg="dealMsg"></user-device-query>
-        </saletab>
-        <saletab header="合同查看" v-if="permission('合同查看')">
-          <contract-signing-list :row="row" v-if="show === '合同查看'" @deal-msg="dealMsg"></contract-signing-list>
-        </saletab>
-        <saletab header="用户重点记录" v-if="permission('用户重点记录')">
-          <user-key-record :row="row" @deal-msg="dealMsg"></user-key-record>
-        </saletab>
-        <saletab header="维修记录" v-if="permission('维修记录')">
-          <repair-list :row="row" @deal-msg="dealMsg"></repair-list>
-        </saletab>
-        <saletab header="安检记录" v-if="permission('安检记录')">
-          <security-check-info :row="row" @deal-msg="dealMsg"></security-check-info>
-        </saletab>
-      </saletabbut>
-    </div>
-  </div>
-</template>
-
-<script>
-import {HttpResetClass} from 'vue-client'
-// 导入IC卡相关查询界面
-import ChangeMeterQueryUser from './ic_detail/ChangeMeterQueryUser.vue'
-import ChargeQueryUser from '../../components/common/userinfo_detail/ic_detail/ChargeQueryUser.vue'
-import ChargeRecordQueryUser from '../../components/common/userinfo_detail/ic_detail/ChargeRecordQuery.vue'
-import FillCardQueryUser from '../../components/common/userinfo_detail/ic_detail/FillCardQueryUser.vue'
-import HandQueryUser from '../../components/common/userinfo_detail/ic_detail/HandQueryUser.vue'
-import OtherChargeQueryUser from '../../components/common/userinfo_detail/ic_detail/OtherChargeQueryUser.vue'
-import RecordQueryUser from '../../components/common/userinfo_detail/ic_detail/RecordQueryUser.vue'
-import TransferQueryUser from '../../components/common/userinfo_detail/ic_detail/TransferQueryUser.vue'
-import CardHandRecord from '../../components/common/userinfo_detail/ic_detail/CardHandRecord.vue'
-import AutomaticPurse from '../../components/common/userinfo_detail/ic_detail/AutomaticPurse.vue'
-import Repurchase from '../../components/common/userinfo_detail/ic_detail/Repurchase.vue'
-import MachineRecordQuery from '../../components/common/userinfo_detail/ic_detail/MachineRecordQuery.vue'
-import WebAutomaticPurse from '../../components/common/userinfo_detail/ic_detail/WebAutomaticPurse.vue'
-import WebChargeQueryUser from '../../components/common/userinfo_detail/ic_detail/WebChargeQueryUser.vue'
-import WebHandQueryUser from '../../components/common/userinfo_detail/ic_detail/WebHandQueryUser.vue'
-import UserDeviceQuery from '../../components/common/userinfo_detail/ic_detail/UserDeviceQuery.vue'
-import contractSigningList from '../../components/common/userinfo_detail/ic_detail/contractSigningList.vue'
-import UserKeyRecord from '../../components/common/userinfo_detail/ic_detail/UserKeyRecord.vue'
-import RepairList from '../../components/common/userinfo_detail/ic_detail/RepairList.vue'
-import SecurityCheckInfo from '../../components/common/userinfo_detail/ic_detail/SecuritycheckInfo.vue'
-// 导入物联网相关查询
-import QueryInstruct from '../../components/common/userinfo_detail/iot_detail/QueryInstruct.vue'
-import QueryHistoryInstruct from '../../components/common/userinfo_detail/iot_detail/QueryHistoryInstruct.vue'
-import WatchCollection from '../../components/common/userinfo_detail/iot_detail/WatchCollection.vue'
-import WatchWarning from '../../components/common/userinfo_detail/iot_detail/WatchWarning.vue'
-import PriceChangeQueryUser from '../../components/common/userinfo_detail/ic_detail/PriceChangeQueryUser.vue'
-import ChangeRecord from '../../components/common/userinfo_detail/ic_detail/ChangeRecord.vue'
-import PriceAdjustmentQueryUser from '../../components/common/userinfo_detail/ic_detail/PriceAdjustmentQueryUser.vue'
-import MeterParam from '../../components/common/userinfo_detail/ic_detail/MeterParam.vue'
-import DeveiceRecord from '../../components/common/userinfo_detail/ic_detail/DeveiceRecord.vue'
-import GarbageRecordList from '../../components/common/userinfo_detail/ic_detail/GarbageRecordList.vue'
-import InsuranceChargesRecord from '../../components/common/userinfo_detail/ic_detail/InsuranceChargesRecord.vue'
-
-export default {
-  title: '用户详细信息',
-  props: ['f_userfiles_id', 'f_userinfo_id', 'f_userinfo_code', 'parentname', 'buttonshow'],
-  components: {
-    InsuranceChargesRecord,
-    GarbageRecordList,
-    SecurityCheckInfo,
-    RepairList,
-    PriceAdjustmentQueryUser,
-    PriceChangeQueryUser,
-    AutomaticPurse,
-    WebAutomaticPurse,
-    WebChargeQueryUser,
-    WebHandQueryUser,
-    Repurchase,
-    ChangeMeterQueryUser,
-    ChargeQueryUser,
-    ChargeRecordQueryUser,
-    FillCardQueryUser,
-    HandQueryUser,
-    OtherChargeQueryUser,
-    RecordQueryUser,
-    TransferQueryUser,
-    WatchWarning,
-    WatchCollection,
-    QueryInstruct,
-    QueryHistoryInstruct,
-    ChangeRecord,
-    CardHandRecord,
-    MeterParam,
-    DeveiceRecord,
-    MachineRecordQuery,
-    UserDeviceQuery,
-    contractSigningList,
-    UserKeyRecord
-  },
-  data () {
-    return {
-      row: null,
-      name: '自动下账查询',
-      newWebHand: this.$appdata.getSingleValue('新抄表'),
-      show: ''
-    }
-  },
-  ready () {
-    this.search()
-    console.log(this.$login)
-  },
-  methods: {
-    permission (name) {
-      if (this.$login.r.find(value => value == '收费综合查询')) {
-        if (!this.$login.r.find(value => value == name)) {
-          return false
-        }
-      }
-      return true
-    },
-    async search () {
-      let http = new HttpResetClass()
-      if (!this.f_userfiles_id && !this.f_userinfo_id && !this.f_userinfo_code) {
-        this.$showMessage('用户信息缺失，查询详情信息失败')
-        return
-      }
-      let getBaseInfo = await http.load('POST', 'api/af-revenue/logic/iot_getUserBaseData',
-        {
-          data: {
-            f_userfiles_id: this.f_userfiles_id,
-            f_userinfo_id: this.f_userinfo_id,
-            f_userinfo_code: this.f_userinfo_code
-          }
-        }, {resolveMsg: null, rejectMsg: '获取基本信息出错'})
-      this.row = getBaseInfo.data
-      this.row.parentname = this.parentname || ''
-    },
-    cancel (val) {
-      // 判断当前是否在 iframe 环境中
-      this.$emit('cancel-main', val)
-    },
-    cancelRe (val) {
-      this.$emit('cancel-re', val)
-    },
-    butOper (val) {
-      this.name = val
-    }
-  },
-  watch: {
-    'f_userinfo_id' () {
-      this.search()
-    }
-  }
-}
-</script>
+<template>
+  <div class="binary flex">
+    <div class="row binary-left flex" style="width:99%;height:98%;margin-bottom:0">
+      <div class="auto">
+        <user-base-info-new :row="row"
+                            :buttonshow="buttonshow"
+                            @refresh="search"
+                            @cancel-main="cancel"
+                            @cancel-re="cancelRe"
+                            @search-main="search">
+        </user-base-info-new>
+      </div>
+      <saletabbut v-if="row" v-ref:list style="height:72%;margin-top: 1%;overflow-y: scroll">
+        <saletab header="流水查询" v-if="permission('流水查询')">
+          <record-query-user :row="row"></record-query-user>
+        </saletab>
+        <saletab header="机表流水查询" v-if="permission('机表流水查询') && row.f_meter_type.includes('机表')">
+          <machine-record-query :row="row" v-if="show === '机表流水查询'" @deal-msg="dealMsg"></machine-record-query>
+        </saletab>
+        <saletab header="收费查询" v-if="!newWebHand && permission('收费查询')">
+          <charge-query-user :row="row" v-if="show === '收费查询'" @deal-msg="dealMsg"></charge-query-user>
+        </saletab>
+        <saletab header="收费查询" v-if="newWebHand && permission('收费查询')">
+          <charge-query-user :row="row" v-if="show === '收费查询'" @deal-msg="dealMsg"></charge-query-user>
+        </saletab>
+        <saletab header="累购查询" v-if="permission('累购查询')">
+          <Repurchase :row="row" v-if="show === '累购查询'" @deal-msg="dealMsg"></Repurchase>
+        </saletab>
+        <saletab header="下账查询" v-if="!newWebHand && row.f_meter_type.includes('物联网表') && permission('自动下账查询')">
+          <automatic-purse :row="row" @deal-msg="dealMsg"></automatic-purse>
+        </saletab>
+        <saletab header="下账查询" v-if="newWebHand && row.f_meter_type.includes('物联网表') && permission('自动下账查询')">
+          <web-automatic-purse :row="row" @deal-msg="dealMsg"></web-automatic-purse>
+        </saletab>
+        <saletab header="抄表记录" v-if="row.f_meter_type.includes('卡表') && permission('抄表记录')">
+          <card-hand-record :row="row" v-if="show === '抄表记录'" @deal-msg="dealMsg"></card-hand-record>
+        </saletab>
+        <saletab header="抄表记录" v-if="!newWebHand && !row.f_meter_type.includes('卡表') && permission('抄表记录')">
+          <hand-query-user :row="row" v-if="show === '抄表记录'" @deal-msg="dealMsg"></hand-query-user>
+        </saletab>
+        <saletab header="抄表记录" v-if="newWebHand && !row.f_meter_type.includes('卡表') && permission('抄表记录')">
+          <web-hand-query-user :row="row" v-if="show === '抄表记录'" @deal-msg="dealMsg"></web-hand-query-user>
+        </saletab>
+        <saletab header="补卡查询" v-if="row.f_meter_type.includes('卡表') && permission('补卡查询')">
+          <fill-card-query-user :row="row" v-if="show === '补卡查询'" @deal-msg="dealMsg"></fill-card-query-user>
+        </saletab>
+        <saletab header="补气查询" v-if="permission('补气查询')">
+          <fill-gas-query-user :row="row" v-if="show === '补气查询'" @deal-msg="dealMsg"></fill-gas-query-user>
+        </saletab>
+        <saletab header="换表查询" v-if="permission('换表查询')">
+          <change-meter-query-user :row="row" v-if="show === '换表查询'" @deal-msg="dealMsg"></change-meter-query-user>
+        </saletab>
+        <saletab header="其他收费" v-if="permission('其他收费')">
+          <other-charge-query-user :row="row" v-if="show === '其他收费'" @deal-msg="dealMsg"></other-charge-query-user>
+        </saletab>
+        <saletab header="保险收费记录" v-if="permission('保险收费记录')">
+          <insurance-charges-record :row="row" @deal-msg="dealMsg"></insurance-charges-record>
+        </saletab>
+        <saletab header="垃圾费收费记录" v-if="permission('垃圾费收费记录')">
+          <garbage-record-list :row="row" @deal-msg="dealMsg"></garbage-record-list>
+        </saletab>
+        <saletab header="过户查询" v-if="permission('过户查询')">
+          <transfer-query-user :row="row" v-if="show === '过户查询'" @deal-msg="dealMsg"></transfer-query-user>
+        </saletab>
+        <saletab header="价格调整" v-if="permission('价格调整')">
+          <price-change-query-user :row="row" v-if="show === '价格调整'" @deal-msg="dealMsg"></price-change-query-user>
+        </saletab>
+        <saletab header="附件查看" v-if="permission('附件查看')">
+          <upload-file-history :row="row" v-if="show === '附件查看'" @deal-msg="dealMsg"></upload-file-history>
+        </saletab>
+        <saletab header="变更记录" v-if="permission('变更记录')">
+          <change-record :row="row" v-if="show === '变更记录'" @deal-msg="dealMsg"></change-record>
+        </saletab>
+        <saletab header="指令查看" v-if="row.f_meter_type.includes('物联网表') && permission('指令查看')">
+          <query-instruct :row="row" v-if="show === '指令查看'" @deal-msg="dealMsg"></query-instruct>
+        </saletab>
+        <saletab header="历史指令查看" v-if="row.f_meter_type.includes('物联网表') && permission('历史指令查看')">
+          <query-history-instruct :row="row" v-if="show === '历史指令查看'" @deal-msg="dealMsg"></query-history-instruct>
+        </saletab>
+        <saletab header="异常报警" v-if="row.f_meter_type.includes('物联网表') && permission('异常报警')">
+          <watch-warning :row="row" v-if="show === '异常报警'" @deal-msg="dealMsg"></watch-warning>
+        </saletab>
+        <saletab header="表具采集" v-if="row.f_meter_type.includes('物联网表') && permission('表具采集')">
+          <watch-collection :row="row" v-if="show === '表具采集'" @deal-msg="dealMsg"></watch-collection>
+        </saletab>
+        <saletab header="调价补差" v-if="permission('调价补差')">
+          <price-adjustment-query-user :row="row" v-if="show === '调价补差'" @deal-msg="dealMsg"></price-adjustment-query-user>
+        </saletab>
+        <saletab header="设备查询" v-if="permission('设备查询')">
+          <deveice-record :row="row" v-if="show === '设备查询'" @deal-msg="dealMsg"></deveice-record>
+        </saletab>
+        <saletab header="流量计参数查看" v-if="permission('流量计参数查看')">
+          <meter-param :row="row" v-if="show === '流量计参数查看'" @deal-msg="dealMsg"></meter-param>
+        </saletab>
+        <saletab header="表使用量图表" v-if="permission('流量计参数查看')">
+          <table-usage-chart :row="row" v-if="show === '表使用量图表'" @deal-msg="dealMsg"></table-usage-chart>
+        </saletab>
+        <saletab header="用户设备查询" v-if="permission('用户设备查看')">
+          <user-device-query :row="row" v-if="show === '用户设备查询'" @deal-msg="dealMsg"></user-device-query>
+        </saletab>
+        <saletab header="合同查看" v-if="permission('合同查看')">
+          <contract-signing-list :row="row" v-if="show === '合同查看'" @deal-msg="dealMsg"></contract-signing-list>
+        </saletab>
+        <saletab header="用户重点记录" v-if="permission('用户重点记录')">
+          <user-key-record :row="row" @deal-msg="dealMsg"></user-key-record>
+        </saletab>
+        <saletab header="维修记录" v-if="permission('维修记录')">
+          <repair-list :row="row" @deal-msg="dealMsg"></repair-list>
+        </saletab>
+        <saletab header="安检记录" v-if="permission('安检记录')">
+          <security-check-info :row="row" @deal-msg="dealMsg"></security-check-info>
+        </saletab>
+      </saletabbut>
+    </div>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+// 导入IC卡相关查询界面
+import ChangeMeterQueryUser from './ic_detail/ChangeMeterQueryUser.vue'
+import ChargeQueryUser from '../../components/common/userinfo_detail/ic_detail/ChargeQueryUser.vue'
+import ChargeRecordQueryUser from '../../components/common/userinfo_detail/ic_detail/ChargeRecordQuery.vue'
+import FillCardQueryUser from '../../components/common/userinfo_detail/ic_detail/FillCardQueryUser.vue'
+import HandQueryUser from '../../components/common/userinfo_detail/ic_detail/HandQueryUser.vue'
+import OtherChargeQueryUser from '../../components/common/userinfo_detail/ic_detail/OtherChargeQueryUser.vue'
+import RecordQueryUser from '../../components/common/userinfo_detail/ic_detail/RecordQueryUser.vue'
+import TransferQueryUser from '../../components/common/userinfo_detail/ic_detail/TransferQueryUser.vue'
+import CardHandRecord from '../../components/common/userinfo_detail/ic_detail/CardHandRecord.vue'
+import AutomaticPurse from '../../components/common/userinfo_detail/ic_detail/AutomaticPurse.vue'
+import Repurchase from '../../components/common/userinfo_detail/ic_detail/Repurchase.vue'
+import MachineRecordQuery from '../../components/common/userinfo_detail/ic_detail/MachineRecordQuery.vue'
+import WebAutomaticPurse from '../../components/common/userinfo_detail/ic_detail/WebAutomaticPurse.vue'
+import WebChargeQueryUser from '../../components/common/userinfo_detail/ic_detail/WebChargeQueryUser.vue'
+import WebHandQueryUser from '../../components/common/userinfo_detail/ic_detail/WebHandQueryUser.vue'
+import UserDeviceQuery from '../../components/common/userinfo_detail/ic_detail/UserDeviceQuery.vue'
+import contractSigningList from '../../components/common/userinfo_detail/ic_detail/contractSigningList.vue'
+import UserKeyRecord from '../../components/common/userinfo_detail/ic_detail/UserKeyRecord.vue'
+import RepairList from '../../components/common/userinfo_detail/ic_detail/RepairList.vue'
+import SecurityCheckInfo from '../../components/common/userinfo_detail/ic_detail/SecuritycheckInfo.vue'
+// 导入物联网相关查询
+import QueryInstruct from '../../components/common/userinfo_detail/iot_detail/QueryInstruct.vue'
+import QueryHistoryInstruct from '../../components/common/userinfo_detail/iot_detail/QueryHistoryInstruct.vue'
+import WatchCollection from '../../components/common/userinfo_detail/iot_detail/WatchCollection.vue'
+import WatchWarning from '../../components/common/userinfo_detail/iot_detail/WatchWarning.vue'
+import PriceChangeQueryUser from '../../components/common/userinfo_detail/ic_detail/PriceChangeQueryUser.vue'
+import ChangeRecord from '../../components/common/userinfo_detail/ic_detail/ChangeRecord.vue'
+import PriceAdjustmentQueryUser from '../../components/common/userinfo_detail/ic_detail/PriceAdjustmentQueryUser.vue'
+import MeterParam from '../../components/common/userinfo_detail/ic_detail/MeterParam.vue'
+import DeveiceRecord from '../../components/common/userinfo_detail/ic_detail/DeveiceRecord.vue'
+import GarbageRecordList from '../../components/common/userinfo_detail/ic_detail/GarbageRecordList.vue'
+import InsuranceChargesRecord from '../../components/common/userinfo_detail/ic_detail/InsuranceChargesRecord.vue'
+
+export default {
+  title: '用户详细信息',
+  props: ['f_userfiles_id', 'f_userinfo_id', 'f_userinfo_code', 'parentname', 'buttonshow'],
+  components: {
+    InsuranceChargesRecord,
+    GarbageRecordList,
+    SecurityCheckInfo,
+    RepairList,
+    PriceAdjustmentQueryUser,
+    PriceChangeQueryUser,
+    AutomaticPurse,
+    WebAutomaticPurse,
+    WebChargeQueryUser,
+    WebHandQueryUser,
+    Repurchase,
+    ChangeMeterQueryUser,
+    ChargeQueryUser,
+    ChargeRecordQueryUser,
+    FillCardQueryUser,
+    HandQueryUser,
+    OtherChargeQueryUser,
+    RecordQueryUser,
+    TransferQueryUser,
+    WatchWarning,
+    WatchCollection,
+    QueryInstruct,
+    QueryHistoryInstruct,
+    ChangeRecord,
+    CardHandRecord,
+    MeterParam,
+    DeveiceRecord,
+    MachineRecordQuery,
+    UserDeviceQuery,
+    contractSigningList,
+    UserKeyRecord
+  },
+  data () {
+    return {
+      row: null,
+      name: '自动下账查询',
+      newWebHand: this.$appdata.getSingleValue('新抄表'),
+      show: ''
+    }
+  },
+  ready () {
+    this.search()
+    console.log(this.$login)
+  },
+  methods: {
+    permission (name) {
+      if (this.$login.r.find(value => value == '收费综合查询')) {
+        if (!this.$login.r.find(value => value == name)) {
+          return false
+        }
+      }
+      return true
+    },
+    async search () {
+      let http = new HttpResetClass()
+      if (!this.f_userfiles_id && !this.f_userinfo_id && !this.f_userinfo_code) {
+        this.$showMessage('用户信息缺失，查询详情信息失败')
+        return
+      }
+      let getBaseInfo = await http.load('POST', 'api/af-revenue/logic/iot_getUserBaseData',
+        {
+          data: {
+            f_userfiles_id: this.f_userfiles_id,
+            f_userinfo_id: this.f_userinfo_id,
+            f_userinfo_code: this.f_userinfo_code
+          }
+        }, {resolveMsg: null, rejectMsg: '获取基本信息出错'})
+      this.row = getBaseInfo.data
+      this.row.parentname = this.parentname || ''
+    },
+    cancel (val) {
+      // 判断当前是否在 iframe 环境中
+      this.$emit('cancel-main', val)
+    },
+    cancelRe (val) {
+      this.$emit('cancel-re', val)
+    },
+    butOper (val) {
+      this.name = val
+    }
+  },
+  watch: {
+    'f_userinfo_id' () {
+      this.search()
+    }
+  }
+}
+</script>