 <template>
   <!--  稽核任务动态  -->
   <div style=" padding: 20px">
     <a-row :gutter="16">
       <a-col :span="8">
         <a-card title="任务动态" style="width: 500px" :bordered="true">
           <template #extra>
             <a @click="handleToggleSearch1" style="margin-left: 8px">
               {{ toggleSearchStatus1 ? '收起' : '展开' }}
               <a-icon :type="toggleSearchStatus1 ? 'up' : 'down'"/>
             </a>
           </template>
           <a-timeline>
             <template v-if="toggleSearchStatus1">
               <a-timeline-item style="color: #0c8fcf;">23-12-22 10:27  张雪：提交了客户名称【测试】的资料</a-timeline-item>
               <a-timeline-item style="color: #990055;">23-12-22 10:30  管理员：对客户名称【测试】的资料进行退回</a-timeline-item>
               <a-timeline-item style="color: #ee9900;">23-12-22 10:32  张雪：整改了客户名称【测试】的资料</a-timeline-item>
             </template>
           </a-timeline>
         </a-card>
       </a-col>
<!--       <a-col :span="8">
         <a-card title="预警统计" style="width: 800px" :bordered="true">
           <template #extra>
             <a @click="handleToggleSearch2" style="margin-left: 8px">
               {{ toggleSearchStatus2 ? '收起' : '展开' }}
               <a-icon :type="toggleSearchStatus2 ? 'up' : 'down'"/>
             </a>
           </template>
           <template v-if="toggleSearchStatus2">
           <a-descriptions  :column="5" :bordered="true">
             <a-descriptions-item label="总数">50</a-descriptions-item>
             <a-descriptions-item label="未完善">5</a-descriptions-item>
             <a-descriptions-item label="待稽核">10</a-descriptions-item>
             <a-descriptions-item label="待整改">15</a-descriptions-item>
             <a-descriptions-item label="通过">20</a-descriptions-item>
           </a-descriptions>

           </template>
         </a-card>
       </a-col>-->
       <!--<a-col :span="8">
         <a-card title="Card title" :bordered="false">
           <p>card content</p>
         </a-card>
       </a-col>-->
     </a-row>
   </div>
   <!--          <div>
               <a-row>
                 <a-col :span="8">
                   <a-card title="稽核历史" style="width: 500px" :bordered="true">
                     <template #extra><a href="#">更多>></a></template>
                     <p>22-07-06 09:27 张文超提交了资料</p>
                     <p>22-07-05 08:26 张文超提交了资料</p>
                     <p>22-07-05 08:24 张文超提交了的资料</p>
                   </a-card>
                 </a-col>
                 <a-col :span="8">
                   <a-card title="稽核目标" style="width: 300px" :bordered="true">
                     <a-descriptions  :column="1" :bordered="true">
                       <a-descriptions-item label="总数">50</a-descriptions-item>
                       <a-descriptions-item label="未完善">5</a-descriptions-item>
                       <a-descriptions-item label="待稽核">10</a-descriptions-item>
                       <a-descriptions-item label="待整改">15</a-descriptions-item>
                       <a-descriptions-item label="通过">20</a-descriptions-item>
                     </a-descriptions>
                   </a-card>
                 </a-col>
               </a-row>


             </div>-->
</template>
<script>

import '@/assets/less/TableExpand.less'
import {JeecgListMixin} from "@/mixins/JeecgListMixin";
import {mixinDevice} from "@/utils/mixin";
export default {
  name: 'CompanyCheckDetail',
  components: {
  },
  data () {
    return {
      description: '稽核任务扩展',
      // 表头
      toggleSearchStatus1:false,
      toggleSearchStatus2:false,
    }
  },
  created() {
    this.init();
  },
  methods: {
    handleToggleSearch1(){
      this.toggleSearchStatus1 = !this.toggleSearchStatus1;
    },handleToggleSearch2(){
      this.toggleSearchStatus2 = !this.toggleSearchStatus2;
    },
  }
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>