sale-client 4.2.134 → 4.2.136

package/src/filiale/dexin/UserInfoDetailManageNew.vue

@@ -0,0 +1,535 @@
+<template>
+  <div class="binary flex" >
+    <div class="row binary-left flex" style="width:99%;height:98%;margin-bottom:0px">
+      <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 v-for="tab in tabConfigs" :header="tab.header" :key="$index">
+          <component
+            :is="tab.component"
+            :row="row"
+            v-if="!tab.needShowCheck || show == tab.header"
+            @deal-msg="dealMsg">
+          </component>
+        </saletab>
+<!--        <saletab header="装表记录"  v-if="permission('装表记录')">-->
+<!--          <metering-records :row="row"  @deal-msg="dealMsg"></metering-records>-->
+<!--        </saletab>-->
+<!--        <saletab header="报装流转记录"   v-if="permission('报装流转记录查看')">-->
+<!--          <supervisory-control :row="row"  ></supervisory-control>-->
+<!--        </saletab>-->
+<!--        <saletab header="报装收费记录"   v-if="permission('报装收费记录查看')">-->
+<!--          <apply-charge-search :row="row"  ></apply-charge-search>-->
+<!--        </saletab>-->
+      </saletabbut>
+    </div>
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass} from 'vue-client'
+  // 导入IC卡相关查询界面
+  import ChangeMeterQueryUser from '../../components/common/userinfo_detail/ic_detail/ChangeMeterQueryUser'
+  import ChargeQueryUser from '../../components/common/userinfo_detail/ic_detail/ChargeQueryUser'
+  import ChargeRecordQueryUser from '../../components/common/userinfo_detail/ic_detail/ChargeRecordQuery'
+  import FillCardQueryUser from '../../components/common/userinfo_detail/ic_detail/FillCardQueryUser'
+  import HandQueryUser from '../../components/common/userinfo_detail/ic_detail/HandQueryUser'
+  import OtherChargeQueryUser from '../../components/common/userinfo_detail/ic_detail/OtherChargeQueryUser'
+  import RecordQueryUser from '../../components/common/userinfo_detail/ic_detail/RecordQueryUser'
+  import TransferQueryUser from '../../components/common/userinfo_detail/ic_detail/TransferQueryUser'
+  import CardHandRecord from '../../components/common/userinfo_detail/ic_detail/CardHandRecord'
+  import AutomaticPurse from '../../components/common/userinfo_detail/ic_detail/AutomaticPurse'
+  import Repurchase from '../../components/common/userinfo_detail/ic_detail/Repurchase'
+  import MachineRecordQuery from '../../components/common/userinfo_detail/ic_detail/MachineRecordQuery'
+  import WebAutomaticPurse from '../../components/common/userinfo_detail/ic_detail/WebAutomaticPurse'
+  import WebChargeQueryUser from '../../components/common/userinfo_detail/ic_detail/WebChargeQueryUser'
+  import WebHandQueryUser from './WebHandQueryUser'
+  import UserDeviceQuery from '../../components/common/userinfo_detail/ic_detail/UserDeviceQuery'
+  import contractSigningList from '../../components/common/userinfo_detail/ic_detail/contractSigningList'
+  import UserKeyRecord from '../../components/common/userinfo_detail/ic_detail/UserKeyRecord'
+  import RepairList from '../../components/common/userinfo_detail/ic_detail/RepairList'
+import SecurityCheckInfo from '../../components/common/userinfo_detail/ic_detail/SecuritycheckInfo'
+// import MeteringRecords from '../../components/common/userinfo_detail/ic_detail/MeteringRecords'
+// import SupervisoryControl from '../../components/common/userinfo_detail/apply_detail/Supervisory/SupervisoryControl'
+// import ApplyChargeSearch from '../../components/common/userinfo_detail/apply_detail/applyCharge/ApplyChargeSearch'
+// 导入物联网相关查询
+import QueryInstruct from '../../components/common/userinfo_detail/iot_detail/QueryInstruct'
+  import QueryHistoryInstruct from '../../components/common/userinfo_detail/iot_detail/QueryHistoryInstruct'
+  import WatchCollection from '../../components/common/userinfo_detail/iot_detail/WatchCollection'
+  import WatchWarning from '../../components/common/userinfo_detail/iot_detail/WatchWarning'
+  import PriceChangeQueryUser from '../../components/common/userinfo_detail/ic_detail/PriceChangeQueryUser'
+  import ChangeRecord from '../../components/common/userinfo_detail/ic_detail/ChangeRecord'
+  import PriceAdjustmentQueryUser from '../../components/common/userinfo_detail/ic_detail/PriceAdjustmentQueryUser'
+  import MeterParam from '../../components/common/userinfo_detail/ic_detail/MeterParam'
+  import DeveiceRecord from '../../components/common/userinfo_detail/ic_detail/DeveiceRecord'
+  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
+      // MeteringRecords
+      // SupervisoryControl,
+      // ApplyChargeSearch
+    },
+    computed: {
+      // 标签配置数组
+      tabConfigs () {
+        if (!this.row) {
+          return []
+        }
+        const configs = []
+        // 流水查询
+        if (this.permission('流水查询')) {
+          configs.push({
+            header: '流水查询',
+            permission: '流水查询',
+            component: 'record-query-user',
+            condition: () => true,
+            needShowCheck: false // 流水查询不需要 show 检查
+          })
+        }
+
+        // 机表流水查询
+        if (this.permission('机表流水查询') && this.row.f_meter_type && this.row.f_meter_type.includes('机表')) {
+          configs.push({
+            header: '机表流水查询',
+            permission: '机表流水查询',
+            component: 'machine-record-query',
+            condition: () => this.row.f_meter_type && this.row.f_meter_type.includes('机表'),
+            needShowCheck: true
+          })
+        }
+
+        // 收费查询（根据 newWebHand 选择组件，但这里组件相同）
+        if (this.permission('收费查询')) {
+          configs.push({
+            header: '收费查询',
+            permission: '收费查询',
+            component: 'charge-query-user',
+            condition: () => true,
+            needShowCheck: true
+          })
+        }
+
+        // 累购查询
+        if (this.permission('累购查询')) {
+          configs.push({
+            header: '累购查询',
+            permission: '累购查询',
+            component: 'repurchase',
+            condition: () => true,
+            needShowCheck: true
+          })
+        }
+
+        // 下账查询（根据 newWebHand 选择不同组件）
+        if (this.row.f_meter_type && this.row.f_meter_type.includes('物联网表') && this.permission('自动下账查询')) {
+          configs.push({
+            header: '下账查询',
+            permission: '自动下账查询',
+            component: this.newWebHand ? 'web-automatic-purse' : 'automatic-purse',
+            condition: () => this.row.f_meter_type && this.row.f_meter_type.includes('物联网表'),
+            needShowCheck: false // 下账查询不需要 show 检查
+          })
+        }
+
+        // 抄表记录（根据 meter_type 和 newWebHand 选择不同组件）
+        if (this.permission('抄表记录')) {
+          if (this.row.f_meter_type && this.row.f_meter_type.includes('卡表')) {
+            configs.push({
+              header: '抄表记录',
+              permission: '抄表记录',
+              component: 'card-hand-record',
+              condition: () => this.row.f_meter_type && this.row.f_meter_type.includes('卡表'),
+              needShowCheck: true
+            })
+          } else {
+            configs.push({
+              header: '抄表记录',
+              permission: '抄表记录',
+              component: this.newWebHand ? 'web-hand-query-user' : 'hand-query-user',
+              condition: () => !this.row.f_meter_type || !this.row.f_meter_type.includes('卡表'),
+              needShowCheck: true
+            })
+          }
+        }
+
+        // 补卡查询
+        if (this.row.f_meter_type && this.row.f_meter_type.includes('卡表') && this.permission('补卡查询')) {
+          configs.push({
+            header: '补卡查询',
+            permission: '补卡查询',
+            component: 'fill-card-query-user',
+            condition: () => this.row.f_meter_type && this.row.f_meter_type.includes('卡表'),
+            needShowCheck: true
+          })
+        }
+
+        // 补气查询
+        if (this.permission('补气查询')) {
+          configs.push({
+            header: '补气查询',
+            permission: '补气查询',
+            component: 'fill-gas-query-user',
+            condition: () => true,
+            needShowCheck: true
+          })
+        }
+
+        // 换表查询
+        if (this.permission('换表查询')) {
+          configs.push({
+            header: '换表查询',
+            permission: '换表查询',
+            component: 'change-meter-query-user',
+            condition: () => true,
+            needShowCheck: true
+          })
+        }
+
+        // 其他收费
+        if (this.permission('其他收费')) {
+          configs.push({
+            header: '其他收费',
+            permission: '其他收费',
+            component: 'other-charge-query-user',
+            condition: () => true,
+            needShowCheck: true
+          })
+        }
+
+        // 保险收费记录
+        if (this.permission('保险收费记录')) {
+          configs.push({
+            header: '保险收费记录',
+            permission: '保险收费记录',
+            component: 'insurance-charges-record',
+            condition: () => true,
+            needShowCheck: false
+          })
+        }
+
+        // 垃圾费收费记录
+        if (this.permission('垃圾费收费记录')) {
+          configs.push({
+            header: '垃圾费收费记录',
+            permission: '垃圾费收费记录',
+            component: 'garbage-record-list',
+            condition: () => true,
+            needShowCheck: false
+          })
+        }
+
+        // 过户查询
+        if (this.permission('过户查询')) {
+          configs.push({
+            header: '过户查询',
+            permission: '过户查询',
+            component: 'transfer-query-user',
+            condition: () => true,
+            needShowCheck: true
+          })
+        }
+
+        // 价格调整
+        if (this.permission('价格调整')) {
+          configs.push({
+            header: '价格调整',
+            permission: '价格调整',
+            component: 'price-change-query-user',
+            condition: () => true,
+            needShowCheck: true
+          })
+        }
+
+        // 附件查看
+        if (this.permission('附件查看')) {
+          configs.push({
+            header: '附件查看',
+            permission: '附件查看',
+            component: 'upload-file-history',
+            condition: () => true,
+            needShowCheck: true
+          })
+        }
+
+        // 变更记录
+        if (this.permission('变更记录')) {
+          configs.push({
+            header: '变更记录',
+            permission: '变更记录',
+            component: 'change-record',
+            condition: () => true,
+            needShowCheck: true
+          })
+        }
+
+        // 指令查看
+        if (this.row.f_meter_type && this.row.f_meter_type.includes('物联网表') && this.permission('指令查看')) {
+          configs.push({
+            header: '指令查看',
+            permission: '指令查看',
+            component: 'query-instruct',
+            condition: () => this.row.f_meter_type && this.row.f_meter_type.includes('物联网表'),
+            needShowCheck: true
+          })
+        }
+
+        // 历史指令查看
+        if (this.row.f_meter_type && this.row.f_meter_type.includes('物联网表') && this.permission('历史指令查看')) {
+          configs.push({
+            header: '历史指令查看',
+            permission: '历史指令查看',
+            component: 'query-history-instruct',
+            condition: () => this.row.f_meter_type && this.row.f_meter_type.includes('物联网表'),
+            needShowCheck: true
+          })
+        }
+
+        // 异常报警
+        if (this.row.f_meter_type && this.row.f_meter_type.includes('物联网表') && this.permission('异常报警')) {
+          configs.push({
+            header: '异常报警',
+            permission: '异常报警',
+            component: 'watch-warning',
+            condition: () => this.row.f_meter_type && this.row.f_meter_type.includes('物联网表'),
+            needShowCheck: true
+          })
+        }
+
+        // 表具采集
+        if (this.row.f_meter_type && this.row.f_meter_type.includes('物联网表') && this.permission('表具采集')) {
+          configs.push({
+            header: '表具采集',
+            permission: '表具采集',
+            component: 'watch-collection',
+            condition: () => this.row.f_meter_type && this.row.f_meter_type.includes('物联网表'),
+            needShowCheck: true
+          })
+        }
+
+        // 调价补差
+        if (this.permission('调价补差')) {
+          configs.push({
+            header: '调价补差',
+            permission: '调价补差',
+            component: 'price-adjustment-query-user',
+            condition: () => true,
+            needShowCheck: true
+          })
+        }
+
+        // 设备查询
+        if (this.permission('设备查询')) {
+          configs.push({
+            header: '设备查询',
+            permission: '设备查询',
+            component: 'deveice-record',
+            condition: () => true,
+            needShowCheck: true
+          })
+        }
+
+        // 流量计参数查看
+        if (this.permission('流量计参数查看')) {
+          configs.push({
+            header: '流量计参数查看',
+            permission: '流量计参数查看',
+            component: 'meter-param',
+            condition: () => true,
+            needShowCheck: true
+          })
+        }
+
+        // 表使用量图表
+        if (this.permission('流量计参数查看')) {
+          configs.push({
+            header: '表使用量图表',
+            permission: '流量计参数查看',
+            component: 'table-usage-chart',
+            condition: () => true,
+            needShowCheck: true
+          })
+        }
+
+        // 用户设备查询
+        if (this.permission('用户设备查看')) {
+          configs.push({
+            header: '用户设备查询',
+            permission: '用户设备查看',
+            component: 'user-device-query',
+            condition: () => true,
+            needShowCheck: true
+          })
+        }
+
+        // 合同查看
+        if (this.permission('合同查看')) {
+          configs.push({
+            header: '合同查看',
+            permission: '合同查看',
+            component: 'contract-signing-list',
+            condition: () => true,
+            needShowCheck: true
+          })
+        }
+
+        // 用户重点记录
+        if (this.permission('用户重点记录')) {
+          configs.push({
+            header: '用户重点记录',
+            permission: '用户重点记录',
+            component: 'user-key-record',
+            condition: () => true,
+            needShowCheck: false
+          })
+        }
+
+        // 维修记录
+        if (this.permission('维修记录')) {
+          configs.push({
+            header: '维修记录',
+            permission: '维修记录',
+            component: 'repair-list',
+            condition: () => true,
+            needShowCheck: false
+          })
+        }
+
+        // 安检记录
+        if (this.permission('安检记录')) {
+          configs.push({
+            header: '安检记录',
+            permission: '安检记录',
+            component: 'security-check-info',
+            condition: () => true,
+            needShowCheck: false
+          })
+        }
+
+        return configs
+      }
+    },
+    data () {
+      return {
+        row: null,
+        name: '自动下账查询',
+        newWebHand: this.$appdata.getSingleValue('新抄表'),
+        show: ''
+      }
+    },
+    async ready () {
+      await this.search()
+      console.log(this.$login)
+    },
+    methods: {
+      permission (name) {
+        return this.$login.r.includes(name)
+      },
+      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 || ''
+        // 数据加载完成后，初始化第一个可见标签
+        this.$nextTick(() => {
+          this.initFirstVisibleTab()
+        })
+      },
+
+      cancel (val) {
+        // 判断当前是否在 iframe 环境中
+        this.$emit('cancel-main', val)
+      },
+
+      cancelRe (val) {
+        this.$emit('cancel-re', val)
+      },
+
+      butOper (val) {
+        this.name = val
+      },
+
+      dealMsg (msg) {
+        // 处理消息
+      },
+
+      // 获取组件渲染配置
+      getComponentConfig (tab) {
+        // 返回组件名和是否需要 show 检查
+        return {
+          name: tab.component,
+          needShow: tab.needShowCheck
+        }
+      },
+
+      // 初始化第一个可见的标签
+      initFirstVisibleTab () {
+        // 确保 row 数据存在，因为很多标签的显示依赖于 row
+        if (!this.row) {
+          return
+        }
+        // 如果已经有值且不为空，说明已经初始化过了，不需要再次初始化
+        if (this.show) {
+          return
+        }
+        // 使用 tabConfigs 找到第一个可见的标签
+        if (this.tabConfigs && this.tabConfigs.length > 0) {
+          this.show = this.tabConfigs[0].header
+        }
+      }
+    },
+    watch: {
+      'f_userinfo_id' () {
+        this.search()
+      }
+    }
+  }
+</script>