tnc-fe/src/views/company/CompanyTaskList.vue

<template>
  <div>
    <a-page-header
      style="background-color: #FFFFFF;"
      title="行短稽核-稽核业务"
      sub-title=""
      @back="showTaskList"
    >
     <a-descriptions :title="taskInfo.info.customerName" :column="3" :bordered="false">
       <a-descriptions-item label="客户编号">{{taskInfo.info.customerNo}}</a-descriptions-item>
       <a-descriptions-item label="服务号码">{{taskInfo.info.smsNumber}}</a-descriptions-item>
       <a-descriptions-item label="用户编号">{{taskInfo.info.userNo}}</a-descriptions-item>
       <a-descriptions-item label="入网时间">{{taskInfo.info.networkAccessTime}}</a-descriptions-item>
       <a-descriptions-item label="用户状态" :span="2">{{taskInfo.info.userState}}</a-descriptions-item>
       <a-descriptions-item label="员工姓名">{{taskInfo.info.staffName}}</a-descriptions-item>
       <a-descriptions-item label="员工工号">{{taskInfo.info.staffNo}}</a-descriptions-item>
      </a-descriptions>
    </a-page-header>
    <div >
      <!-- 任务页 -->
      <company-check-task v-if="showType==='checktask'"
                          :taskInfo="taskInfo"
                          @goCheckCheck="showCheckCheck"/>
    </div>
    <div >
      <!-- 稽核资料 -->
      <company-check-check v-if="showType==='checkcheck'"
                          :taskInfo="taskInfo"
                          @goCheckTask="showCheckTask"/>
    </div>
  </div>
</template>
<script>
import {JeecgListMixin} from "@/mixins/JeecgListMixin";
import CompanyCheckTask from "@views/company/CompanyCheckTask";
import CompanyCheckCheck from "@views/company/CompanyCheckCheck";
export default {
  name: 'CompanyTaskList',
  components: {
    CompanyCheckTask,
    CompanyCheckCheck
  },
  props: {
    taskInfo: {
      type: Object,
      require: true
    }
  },
  data(){
    return{
      description: '稽核业务列表',
      labelCol: { span: 1 },
      wrapperCol: { span: 23 },
      taskCheckInfo:{},
      showType:'checktask'
    }
  },
  created() {

  },
  methods:{
    showTaskList(){
      let taskInfo = Object.assign({}, this.task);
      this.$emit("goCompany",taskInfo)
    },
    showCheckTask(){
      this.showType = "checktask"
    },
    showCheckCheck(){
      this.showType = "checkcheck"
      this.taskInfo=this.taskInfo
    }
  }
}

</script>