tnc-fe/src/views/smscheck/modules/TaskCheckDetail.vue

<template>

  <div>
    <a-page-header
      style="background-color: #FFFFFF;"
      title="稽核详情-客户详情"
      sub-title=""
      @back="showCheckList"
    >
      <a-descriptions :title="checkInfo.info.customerName" :column="3" :bordered="true" size="small">
        <a-descriptions-item label="客户编号">{{checkInfo.info.customerNo}}</a-descriptions-item>
        <a-descriptions-item label="服务号码">{{checkInfo.info.smsNumber}}</a-descriptions-item>
        <a-descriptions-item label="用户编号">{{checkInfo.info.userNo}}</a-descriptions-item>
        <a-descriptions-item label="入网时间">{{checkInfo.info.networkAccessTime}}</a-descriptions-item>
        <a-descriptions-item label="用户状态" :span="2">{{checkInfo.info.userState}}</a-descriptions-item>
        <a-descriptions-item label="员工姓名">{{checkInfo.info.staffName}}</a-descriptions-item>
        <a-descriptions-item label="员工工号">{{checkInfo.info.staffNo}}</a-descriptions-item>
      </a-descriptions>
    </a-page-header>

    <a-card :bordered="false" style="margin-top: -22px;">

    </a-card>

  </div>

</template>

<script>

import { httpAction, getAction } from '@api/manage'
import '@/assets/less/TableExpand.less'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'

export default {
  name: 'TaskCheckDetail',
  mixins:[JeecgListMixin],
  props: {
    checkInfo: {
      type: Object,
      require: true
    }
  },
  data () {
    return {
      description: '稽核详情页面',
      url: {
        list: "/smsCheck/customerInfo/list",
      },
      autoSearch: false,
    }
  },
  methods: {
    // 显示列表页面
    showList() {
      this.$emit('goList');
    },
    // 显示列表页面
    showCheckList() {
      let taskInfo = this.checkInfo.task;
      this.$emit('goCheckList', taskInfo);
    },
  }
}
</script>

<style scoped>

</style>