添加公司业务列表以及业务详情

src/views/company/CompangList.vue

@@ -0,0 +1,160 @@
+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="客户编号">
+              <j-input placeholder="请输入客户编号" v-model="queryParam.customerNo"></j-input>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="客户名称">
+              <j-input placeholder="请输入客户名称" v-model="queryParam.customerName"></j-input>
+            </a-form-item>
+          </a-col>
+          <template v-if="toggleSearchStatus">
+            <a-col :xl="10" :lg="11" :md="12" :sm="24">
+              <a-form-item label="入网时间">
+                <j-date :show-time="true" date-format="YYYY-MM-DD" placeholder="请选择开始时间" class="query-group-cust" v-model="queryParam.networkAccessTime_begin"></j-date>
+                <span class="query-group-split-cust"></span>
+                <j-date :show-time="true" date-format="YYYY-MM-DD" placeholder="请选择结束时间" class="query-group-cust" v-model="queryParam.networkAccessTime_end"></j-date>
+              </a-form-item>
+            </a-col>
+          </template>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+              <a @click="handleToggleSearch" style="margin-left: 8px">
+                {{ toggleSearchStatus ? '收起' : '展开' }}
+                <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
+              </a>
+            </span>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+    <!-- table区域-begin -->
+    <div>
+      <a-table
+        ref="table"
+        size="middle"
+        :scroll="{x:true}"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource1"
+        :pagination="ipagination"
+        :loading="loading"
+        class="j-table-force-nowrap"
+        @change="handleTableChange">
+
+
+        <!-- 任务名称可点击 -->
+        <template v-slot:customerName="text, record" >
+          <a @click="showTaskList(record)">{{text}}</a>
+        </template>
+      </a-table>
+    </div>
+  </a-card>
+</template>
+
+<script>
+
+import '@/assets/less/TableExpand.less'
+import { mixinDevice } from '@/utils/mixin'
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import SmsCheckWorkLogModal from '../smscheck/modules/SmsCheckWorkLogModal'
+import {getAction} from "@api/manage";
+
+export default {
+  name: 'companyList',
+  mixins:[JeecgListMixin, mixinDevice],
+  components: {
+    SmsCheckWorkLogModal
+  },
+  props: {
+    task: {
+      type: Object,
+      require: true
+    }
+  },
+
+  data () {
+    return {
+      description: '行短公司列表',
+      // 表头
+      columns: [
+        {
+          title: '#',
+          dataIndex: '',
+          key:'rowIndex',
+          width:60,
+          align:"center",
+          customRender:function (t,r,index) {
+            return parseInt(index)+1;
+          }
+        },
+        {
+          title:'客户编号',
+          align:"center",
+          dataIndex: 'customerNo',
+        },
+        {
+          title:'客户名称',
+          align:"center",
+          dataIndex: 'customerName',
+          scopedSlots: { customRender: 'customerName' }
+        },
+        {
+          title:'客户电话',
+          align:"center",
+          dataIndex: '',
+        }, {
+          title:'客户邮箱',
+          align:"center",
+          dataIndex: '',
+        },, {
+          title:'单位地址',
+          align:"center",
+          dataIndex: '',
+        },, {
+          title:'公司简介',
+          align:"center",
+          dataIndex: '',
+        },
+      ],
+      dictOptions:{},
+      superFieldList:[],
+
+      dataSource1:{}
+    }
+  },
+  created() {
+    this.init()
+  },
+  methods: {
+    init(){
+      getAction("/smsCheck/customerInfo/selectCompanyList",this.queryParam).then(resp=>{
+        if (resp.success){
+          console.log(resp)
+          this.dataSource1=resp.resultList
+        }
+      })
+    },
+    showTaskList(record){
+      let taskInfo = Object.assign({}, this.task);
+      let info = {
+        task: this.task,
+        info: record
+      };
+      this.$emit("goTaskList",info)
+    }
+  }
+}
+</script>
+<style scoped>
+@import '~@assets/less/common.less';
+</style>

src/views/company/CompanyCheckCheck.vue

@@ -0,0 +1,397 @@
+<template>
+  <div>
+    <a-card :bordered="false" :title="'稽核业务-'+taskInfo.checkinfo.taskName" style="margin-top: 10px;">
+      <a-form-model
+        ref="ruleForm"
+        :label-col="labelCol"
+        :wrapper-col="wrapperCol"
+      >
+        <!--   业务基本情况内容   -->
+        <a-card title="业务基本情况内容" :bordered="true">
+          <a-descriptions :bordered="false">
+            <a-descriptions-item label="用户开通状态">{{taskInfo.info.userOpenState}}</a-descriptions-item>
+            <a-descriptions-item label="码号" :span="2">{{taskInfo.info.smsNumberPrefix}}</a-descriptions-item>
+            <a-descriptions-item label="详细用途" :span="3">{{taskInfo.info.smsNumberUsage}}</a-descriptions-item>
+            <a-descriptions-item label="使用单位联系人">{{taskInfo.info.customerContacts}}</a-descriptions-item>
+            <a-descriptions-item label="手机号" :span="2">{{taskInfo.info.customerContactsPhone}}</a-descriptions-item>
+            <a-descriptions-item label="客户经理">{{taskInfo.info.accountManager}}</a-descriptions-item>
+            <a-descriptions-item label="手机号" :span="2">{{taskInfo.info.accountManagerPhone}}</a-descriptions-item>
+          </a-descriptions>
+        </a-card>
+        <!--   业务规范性内容   -->
+        <a-card title="业务规范性内容" :bordered="true">
+          <a-descriptions :bordered="false">
+            <a-descriptions-item label="合同到期时间">{{taskInfo.info.contractExpireTime}}</a-descriptions-item>
+            <a-descriptions-item label="码号证书到期时间">{{taskInfo.info.smsNumberCertificateExpireTime}}</a-descriptions-item>
+            <a-descriptions-item label="备案通知到期时间">{{taskInfo.info.recordNoticeExpireTime}}</a-descriptions-item>
+            <a-descriptions-item label="增值业务许可证到期时间">{{taskInfo.info.valueAddedLicenceExpireTime}}</a-descriptions-item>
+            <a-descriptions-item label="营业执照到期时间" :span="2">{{taskInfo.info.businessLicenceExpireTime}}</a-descriptions-item>
+            <a-descriptions-item label="合同签署主体与实际开通客户是否一致">{{taskInfo.info.contractOpenCustomerSame}}</a-descriptions-item>
+            <a-descriptions-item label="是否有集团价格审批" :span="2">{{taskInfo.info.groupPriceApproval}}</a-descriptions-item>
+            <a-descriptions-item label="资料是否完整">{{taskInfo.info.dataComplete}}</a-descriptions-item>
+            <a-descriptions-item label="是否完成整改">{{taskInfo.info.rectifyReformOver}}</a-descriptions-item>
+          </a-descriptions>
+        </a-card>
+        <!--  附件资料  -->
+        <a-card title="附件资料" :bordered="true">
+
+
+          <div style="background-color: rgba(236,236,236,0); padding: 0px">
+            <a-row :gutter="16">
+              <a-col :span="6">
+
+                <a-card title="资料类型选择">
+                  <a-radio-group @change="fileTypeClick" v-model:value="radioValue" button-style="solid" style="width: 250px">
+
+                    <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.businessContract].len
+                             :show-zero=fileTypeBadge[fileType.businessContract].showZero
+                             :number-style=fileTypeBadge[fileType.businessContract].numberStyle
+                    >
+                      <a-radio-button style="display: flex" :value=fileType.businessContract>业务合同</a-radio-button>
+                    </a-badge>
+
+
+                    <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.smsNumberCertificate].len
+                             :show-zero=fileTypeBadge[fileType.smsNumberCertificate].showZero
+                             :number-style=fileTypeBadge[fileType.smsNumberCertificate].numberStyle>
+                      <a-radio-button style="display: flex" :value=fileType.smsNumberCertificate>
+                        号码证书
+                      </a-radio-button>
+                    </a-badge>
+
+                    <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.recordNotice].len
+                             :show-zero=fileTypeBadge[fileType.recordNotice].showZero
+                             :number-style=fileTypeBadge[fileType.recordNotice].numberStyle>
+                      <a-radio-button style="display: flex" :value=fileType.recordNotice>
+                        备案通知
+                      </a-radio-button>
+                    </a-badge>
+
+                    <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.groupPriceApproval].len
+                             :show-zero=fileTypeBadge[fileType.groupPriceApproval].showZero
+                             :number-style=fileTypeBadge[fileType.groupPriceApproval].numberStyle>
+                      <a-radio-button style="display: flex" :value=fileType.groupPriceApproval>
+                        集团政企价格审批单
+                      </a-radio-button>
+                    </a-badge>
+
+
+                    <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.businessLicence].len
+                             :show-zero=fileTypeBadge[fileType.businessLicence].showZero
+                             :number-style=fileTypeBadge[fileType.businessLicence].numberStyle>
+                      <a-radio-button style="display: flex" :value=fileType.businessLicence>
+                        营业执照
+                      </a-radio-button>
+                    </a-badge>
+
+                    <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.customerIntroductionLetter].len
+                             :show-zero=fileTypeBadge[fileType.customerIntroductionLetter].showZero
+                             :number-style=fileTypeBadge[fileType.customerIntroductionLetter].numberStyle>
+                      <a-radio-button style="display: flex" :value=fileType.customerIntroductionLetter>
+                        集团政企价格审批单
+                      </a-radio-button>
+                    </a-badge>
+
+                    <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.handlerIdNumberCopy].len
+                             :show-zero=fileTypeBadge[fileType.handlerIdNumberCopy].showZero
+                             :number-style=fileTypeBadge[fileType.handlerIdNumberCopy].numberStyle>
+                      <a-radio-button style="display: flex" :value=fileType.handlerIdNumberCopy>
+                        经办人身份复印件
+                      </a-radio-button>
+                    </a-badge>
+
+                    <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.crmScreenshot].len
+                             :show-zero=fileTypeBadge[fileType.crmScreenshot].showZero
+                             :number-style=fileTypeBadge[fileType.crmScreenshot].numberStyle>
+                      <a-radio-button style="display: flex" :value=fileType.crmScreenshot>
+                        CRM 行短业务截图
+                      </a-radio-button>
+                    </a-badge>
+
+                    <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.valueAddedLicence].len
+                             :show-zero=fileTypeBadge[fileType.valueAddedLicence].showZero
+                             :number-style=fileTypeBadge[fileType.valueAddedLicence].numberStyle>
+                      <a-radio-button style="display: flex" :value=fileType.valueAddedLicence>
+                        增值业务许可证
+                      </a-radio-button>
+                    </a-badge>
+
+                  </a-radio-group>
+                </a-card>
+              </a-col>
+              <a-col :span="18">
+                <a-card title="资料详情" :bordered="false">
+                  <a-list item-layout="vertical" :data-source="delList">
+                    <a-list-item slot="renderItem" slot-scope="item, index">
+                      <!--                <pdf
+                                        ref="pdf"
+                                        :src="item.url">
+                                      </pdf>-->
+
+
+                      <a-list-item-meta
+                        :description=item.information
+                      >
+                        <a slot="title" :href=item.href>{{ item.title }}</a>
+
+                        <a-avatar
+                          slot="avatar"
+                          :src=item.url
+                          icon="file"
+                        />
+                      </a-list-item-meta>
+                      <iframe
+                        frameborder="1"
+                        :src=item.href
+                        ref="ifr"
+                        width="100%"
+                        height="560px"
+                        scrolling="auto">
+                      </iframe>
+                    </a-list-item>
+                  </a-list>
+                </a-card>
+              </a-col>
+            </a-row>
+          </div>
+        </a-card>
+        <!--  返回按钮  -->
+        <a-form-model-item :wrapper-col="{ span: 14, offset: 4 }" style="margin-top: 10px;">
+          <a-space>
+            <a-button @click="showCheckTask">
+              返回
+            </a-button>
+          </a-space>
+        </a-form-model-item>
+      </a-form-model>
+    </a-card>
+  </div>
+</template>
+<script>
+
+
+import '@/assets/less/TableExpand.less'
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import {httpAction} from "@api/manage";
+let Base64 = require('js-base64').Base64
+
+export default {
+  name: 'CompanyCheckCheck',
+  mixins:[JeecgListMixin],
+  props: {
+    taskInfo: {
+      type: Object,
+      require: true
+    }
+  },
+  data () {
+    return {
+      description: '稽核详情页面',
+      delList:[],
+      radioValue: "businessContract",
+      fileType: {
+        businessContract: "businessContract",
+        smsNumberCertificate: "smsNumberCertificate",
+        recordNotice: "recordNotice",
+        groupPriceApproval: "groupPriceApproval",
+        businessLicence: "businessLicence",
+        customerIntroductionLetter: "customerIntroductionLetter",
+        handlerIdNumberCopy: "handlerIdNumberCopy",
+        crmScreenshot: "crmScreenshot",
+        valueAddedLicence: "valueAddedLicence"
+      },
+      fileTypeBadge: {
+        "businessContract": {
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "smsNumberCertificate":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "recordNotice":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "groupPriceApproval":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "businessLicence":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "customerIntroductionLetter":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "handlerIdNumberCopy":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "crmScreenshot":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "valueAddedLicence":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+      },
+      url: {
+        list: "/smsCheck/customerInfo/list",
+        listData: "/smsCheck/customerData/list"
+      },
+      autoSearch: false,
+      fileList: [
+        {text: '附件', url: "http://202.85.214.182:9001/default/by2_1650088480055.jpg"},
+        {text: '附件', url: "http://202.85.214.182:9001/default/《Nginx代理系统常用手册》电子书_1650129698991.pdf"}
+      ],
+      labelCol: { span: 1 },
+      wrapperCol: { span: 23 },
+    }
+  },
+  created() {
+    this.customerDataList();
+    this.badgeCount();
+  },
+  methods: {
+    showCheckTask(){
+      let taskInfo = Object.assign({}, this.task);
+      this.$emit("goCheckTask",taskInfo)
+    },
+    fileTypeClick(a, event) {
+      this.customerDataList();
+    },
+    customerDataList() {
+      let model = {
+        "infoId": this.taskInfo.info.id
+      }
+      httpAction(this.url.listData, model, "post")
+        .then((res) => {
+          if (res.success) {
+            let records = res.result.records;
+            if (records.length > 0) {
+              this.delList = [];
+              let record = records[0];
+              let recordElement = record[this.radioValue];
+              if (recordElement != null || recordElement != undefined) {
+                let splitList = recordElement.split(",");
+                for (var i in splitList) {
+                  let splitListElement = splitList[i];
+                  let split = splitListElement.split("/");
+                  let splitElement = split[split.length - 1];
+                  let del = {
+                    title: splitElement,
+                    href: window._CONFIG['onlinePreviewDomainURL'] + '?url=' + encodeURIComponent(Base64.encode((splitListElement))),
+                    information: "上传用户：" + record.createBy,
+                    url: splitListElement
+                  }
+                  this.delList.push(del)
+                }
+              } else {
+                this.delList = [];
+              }
+              console.log( this.delList)
+            } else {
+              this.delList = [];
+            }
+
+          } else {
+            this.$message.error('查询资料信息失败')
+          }
+        }).finally(() => {
+
+      })
+    },
+    badgeCount() {
+      //this.fileTypeBadge = []
+      let model = {
+        "infoId": this.taskInfo.info.id
+      }
+      httpAction(this.url.listData, model, "post")
+        .then((res) => {
+          if (res.success) {
+            res = res.result.records
+            if (res.length > 0 && res != null) {
+              let data = res[0];
+              for (var i in this.fileType) {
+                let fileTypeElement = this.fileType[i];
+                let datum = data[fileTypeElement];
+                let badge = {};
+                if (datum == null) {
+
+                } else {
+                  let length = datum.split(",").length;
+                  let showZero = length > 0 ? false : true;
+                  badge = {
+                    len: parseInt(length),
+                    showZero: showZero,
+                    numberStyle: {
+                      backgroundColor: "#52c41a"
+                    }
+                  }
+                  this.fileTypeBadge[fileTypeElement] = badge;
+                }
+                console.log(this.fileTypeBadge)
+
+              }
+
+            }
+
+          } else {
+            /* for (var i in this.fileType) {
+               let fileTypeElement = this.fileType[i];
+               let badge = {
+                 len: 0,
+                 showZero: true,
+                 style: {}
+
+               }
+               this.fileTypeBadge[fileTypeElement] = badge;
+             }*/
+          }
+        })
+    },
+    handlePreview(record) {
+      if (record && record.url) {
+        let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + encodeURIComponent(Base64.encode((record.url)))
+        return url;
+      }
+    }
+  }
+}
+</script>
+<style scoped>
+.badge-width-100{
+  width: 100%;
+}
+
+</style>

src/views/company/CompanyCheckTask.vue

@@ -0,0 +1,80 @@
+<template>
+  <a-card :bordered="false" title="稽核业务" style="margin-top: 10px;">
+    <a-form-model
+      ref="ruleForm"
+      :label-col="labelCol"
+      :wrapper-col="wrapperCol"
+    >
+      <a-card :bordered="false" >
+        <a-descriptions  bordered>
+          <a-descriptions-item label="业务名称"><a @click="showCheckCheck">{{taskCheckInfo.taskName}}</a></a-descriptions-item>
+          <a-descriptions-item label="开始时间">{{taskCheckInfo.taskStartTime}}</a-descriptions-item>
+          <a-descriptions-item label="结束时间">{{taskCheckInfo.taskEndTime}}</a-descriptions-item>
+          <a-descriptions-item label="业务状态">{{taskCheckInfo.taskStateText}}</a-descriptions-item>
+          <a-descriptions-item label="业务描述" :span="2">{{taskCheckInfo.description}}</a-descriptions-item>
+        </a-descriptions>
+      </a-card>
+    </a-form-model>
+  </a-card>
+</template>
+<script>
+import {JeecgListMixin} from "@/mixins/JeecgListMixin";
+import {getAction} from "@api/manage";
+export default {
+  name: 'CompanyCheckList',
+  props: {
+    taskInfo: {
+      type: Object,
+      require: true
+    }
+  },
+  data(){
+    return{
+      description: '稽核业务列表',
+      labelCol: { span: 1 },
+      wrapperCol: { span: 23 },
+      url: {
+        list: "/smsCheck/task/list",
+      },
+      taskCheckInfo:{},
+      showType:'checktask'
+    }
+  },
+  created() {
+
+    this.init();
+  },
+  methods:{
+    showTaskList(){
+      let taskInfo = Object.assign({}, this.task);
+      this.$emit("goCompany",taskInfo)
+    },
+    showCheckCheck(){
+      this.taskInfo.checkinfo=this.taskCheckInfo
+      this.$emit("goCheckCheck", this.taskInfo)
+
+    },
+    init(){
+      let queryParam={
+        id:this.taskInfo.info.taskId
+      }
+      getAction("/smsCheck/task/queryById",queryParam).then(resp=>{
+        if(resp.success){
+          this.taskCheckInfo=resp.result;
+          this.taskCheckInfo.taskStateText=this.taskState_Text(this.taskCheckInfo.taskState)
+        }
+      })
+    },
+    taskState_Text(taskState){
+      if (taskState===0){
+        return "未开始"
+      }else if (taskState===1){
+        return "进行中"
+      }else if (taskState===2){
+        return "已结束"
+      }
+    }
+  }
+}
+
+</script>

src/views/company/CompanyMain.vue

@@ -4,6 +4,8 @@
       <!-- 客户页 -->
       <company-check-list v-if="showType==='company'"
                     @goTaskList="showTaskList" />
+<!--      <compang-list v-if="showType==='company'"
+                    @goTaskList="showTaskList"></compang-list>-->
     </div>
     <div >
       <!-- 任务页 -->
@@ -14,11 +16,13 @@
   </div>
 </template>
 <script>
+  import CompangList from "@views/company/CompangList";
   import CompanyCheckList from './CompanyCheckList'
   import CompanyTaskList from "./CompanyTaskList";
   export default {
     name: 'CompanyMain',
     components: {
+      CompangList,
       CompanyCheckList,
       CompanyTaskList,
     },
@@ -27,7 +31,6 @@
         description: '行短稽核客户',
         showType: 'company',
         taskInfo: {},
-        checkInfo: {},
       }
     },
     methods:{

src/views/company/CompanyTaskList.vue

@@ -2,29 +2,44 @@
   <div>
     <a-page-header
       style="background-color: #FFFFFF;"
-      title="客户列表-业务详情"
+      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="用户状态" >{{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-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 {getAction} from "@api/manage";
+import CompanyCheckTask from "@views/company/CompanyCheckTask";
+import CompanyCheckCheck from "@views/company/CompanyCheckCheck";
 export default {
   name: 'CompanyTaskList',
-  mixins:[JeecgListMixin],
+  components: {
+    CompanyCheckTask,
+    CompanyCheckCheck
+  },
   props: {
     taskInfo: {
       type: Object,
@@ -34,28 +49,26 @@ export default {
   data(){
     return{
       description: '稽核业务列表',
-      url: {
-        list: "/smsCheck/task/list",
-      },
-      taskCheckInfo:{}
+      labelCol: { span: 1 },
+      wrapperCol: { span: 23 },
+      taskCheckInfo:{},
+      showType:'checktask'
     }
   },
   created() {
-    this.queryParam.id=this.taskInfo.info.taskId
-    this.init();
+
   },
   methods:{
     showTaskList(){
       let taskInfo = Object.assign({}, this.task);
       this.$emit("goCompany",taskInfo)
     },
-    init(){
-      getAction("/smsCheck/task/queryById",this.queryParam).then(resp=>{
-        if(resp.success){
-          this.taskCheckInfo=resp.result;
-          console.log(this.taskCheckInfo)
-        }
-      })
+    showCheckTask(){
+      this.showType = "checktask"
+    },
+    showCheckCheck(){
+      this.showType = "checkcheck"
+      this.taskInfo=this.taskInfo
     }
   }
 }

src/views/company/companycheckList.vue

@@ -15,12 +15,22 @@
             </a-form-item>
           </a-col>
           <template v-if="toggleSearchStatus">
-
+            <a-col :xl="10" :lg="11" :md="12" :sm="24">
+              <a-form-item label="入网时间">
+                <j-date :show-time="true" date-format="YYYY-MM-DD" placeholder="请选择开始时间" class="query-group-cust" v-model="queryParam.networkAccessTime_begin"></j-date>
+                <span class="query-group-split-cust"></span>
+                <j-date :show-time="true" date-format="YYYY-MM-DD" placeholder="请选择结束时间" class="query-group-cust" v-model="queryParam.networkAccessTime_end"></j-date>
+              </a-form-item>
+            </a-col>
           </template>
           <a-col :xl="6" :lg="7" :md="8" :sm="24">
             <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
               <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
               <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+              <a @click="handleToggleSearch" style="margin-left: 8px">
+                {{ toggleSearchStatus ? '收起' : '展开' }}
+                <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
+              </a>
             </span>
           </a-col>
         </a-row>
@@ -43,9 +53,9 @@
 
 
         <!-- 任务名称可点击 -->
-<!--        <template v-slot:customerName="text, record" >
+        <template v-slot:customerName="text, record" >
           <a @click="showTaskList(record)">{{text}}</a>
-        </template>-->
+        </template>
       </a-table>
     </div>
   </a-card>