|
|
|
@@ -1,647 +1,47 @@ |
|
|
|
<template> |
|
|
|
<div class="analysis"> |
|
|
|
<div class="form-title">智能成品仓储</div> |
|
|
|
<a-card> |
|
|
|
<div class="tipConCls"> |
|
|
|
<a-row type="flex"> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls active"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>客户数量(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls active"> |
|
|
|
<countTo :startVal="0" :endVal="0" :duration="2000"></countTo> |
|
|
|
<p>产品型号(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>产品库存(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>库存月结(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>产品出库(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>运输次数(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>运输数量(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
<a-row type="flex"> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls active"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>客户数量(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls active"> |
|
|
|
<countTo :startVal="0" :endVal="26" :duration="2000"></countTo> |
|
|
|
<p>产品型号(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="236" :duration="2000"></countTo> |
|
|
|
<p>产品库存(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="265" :duration="2000"></countTo> |
|
|
|
<p>库存月结(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>产品出库(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="26" :duration="2000"></countTo> |
|
|
|
<p>运输次数(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="236" :duration="2000"></countTo> |
|
|
|
<p>运输数量(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
</div> |
|
|
|
</a-card> |
|
|
|
<a-row style="margin-top: 10px" :gutter="[24, 24]"> |
|
|
|
<a-col :span="12"> |
|
|
|
<a-row type="flex" justify="space-between"> |
|
|
|
<a-col> |
|
|
|
<div class="form-title" style="margin-bottom: 0px"> |
|
|
|
体系档案管理中心 |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col class="moreCls">查看更多</a-col> |
|
|
|
</a-row> |
|
|
|
<a-card |
|
|
|
class="mt10 p0" |
|
|
|
v-for="(center, cIndex) in centerArr" |
|
|
|
:key="cIndex" |
|
|
|
> |
|
|
|
<a-row type="flex" justify="space-between"> |
|
|
|
<a-col class="flexCls" :span="18"> |
|
|
|
<div class="oneLineCls"> |
|
|
|
{{ center.content }} |
|
|
|
</div> |
|
|
|
<a-tag color="orange" class="mr10">{{ center.type }}</a-tag> |
|
|
|
</a-col> |
|
|
|
<a-col :span="6" class="rightCls"> |
|
|
|
<span class="mr20">版本{{ center.version }}</span> |
|
|
|
<span class="mr20">{{ center.time }}</span> |
|
|
|
<img class="imgCls" :src="center.logo" alt="" /> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
</a-card> |
|
|
|
</a-col> |
|
|
|
<a-col :span="12"> |
|
|
|
<div class="form-title">客户运营管理</div> |
|
|
|
<a-card> |
|
|
|
<div class="tipConCls"> |
|
|
|
<a-row type="flex"> |
|
|
|
<a-col :span="6"> |
|
|
|
<div class="flexColCls active"> |
|
|
|
<countTo |
|
|
|
:startVal="0" |
|
|
|
:endVal="366" |
|
|
|
:duration="2000" |
|
|
|
></countTo> |
|
|
|
<p>客户数量</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="6"> |
|
|
|
<div class="flexColCls active"> |
|
|
|
<countTo :startVal="0" :endVal="0" :duration="2000"></countTo> |
|
|
|
<p>FU项目</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="6"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo |
|
|
|
:startVal="0" |
|
|
|
:endVal="366" |
|
|
|
:duration="2000" |
|
|
|
></countTo> |
|
|
|
<p>产品系列</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="6"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo |
|
|
|
:startVal="0" |
|
|
|
:endVal="366" |
|
|
|
:duration="2000" |
|
|
|
></countTo> |
|
|
|
<p>生产数量</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
<a-row type="flex"> |
|
|
|
<a-col :span="6"> |
|
|
|
<div class="flexColCls active"> |
|
|
|
<countTo |
|
|
|
:startVal="0" |
|
|
|
:endVal="366" |
|
|
|
:duration="2000" |
|
|
|
></countTo> |
|
|
|
<p>合作客户</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="6"> |
|
|
|
<div class="flexColCls active"> |
|
|
|
<countTo :startVal="0" :endVal="0" :duration="2000"></countTo> |
|
|
|
<p>DCC</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="6"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo |
|
|
|
:startVal="0" |
|
|
|
:endVal="366" |
|
|
|
:duration="2000" |
|
|
|
></countTo> |
|
|
|
<p>产品型号</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="6"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo |
|
|
|
:startVal="0" |
|
|
|
:endVal="366" |
|
|
|
:duration="2000" |
|
|
|
></countTo> |
|
|
|
<p>合格数量</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
</div> |
|
|
|
</a-card> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
<div class="form-title">财务经营管理</div> |
|
|
|
<a-card> |
|
|
|
<div class="tipConCls"> |
|
|
|
<a-row type="flex"> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls active"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>客户数量(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls active"> |
|
|
|
<countTo :startVal="0" :endVal="0" :duration="2000"></countTo> |
|
|
|
<p>产品型号(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>产品库存(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>库存月结(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>产品出库(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>运输次数(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>运输数量(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
<a-row type="flex"> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls active"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>客户数量(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls active"> |
|
|
|
<countTo :startVal="0" :endVal="26" :duration="2000"></countTo> |
|
|
|
<p>产品型号(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="236" :duration="2000"></countTo> |
|
|
|
<p>产品库存(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="265" :duration="2000"></countTo> |
|
|
|
<p>库存月结(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="366" :duration="2000"></countTo> |
|
|
|
<p>产品出库(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="26" :duration="2000"></countTo> |
|
|
|
<p>运输次数(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
<a-col :span="3"> |
|
|
|
<div class="flexColCls"> |
|
|
|
<countTo :startVal="0" :endVal="236" :duration="2000"></countTo> |
|
|
|
<p>运输数量(月)</p> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
</div> |
|
|
|
</a-card> |
|
|
|
<a-row :gutter="[24, 24]" class="mb20" style="margin-top: 10px"> |
|
|
|
<a-col :span="10"> |
|
|
|
<div class="form-title">服务中台管理</div> |
|
|
|
<a-card> |
|
|
|
<a-row> |
|
|
|
<router-link class="form-title" to="fileManage"> |
|
|
|
<a-col :span="6" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-kehuguanli"></SvgIcon> |
|
|
|
<p>客户管理</p> |
|
|
|
</a-col> |
|
|
|
</router-link> |
|
|
|
<router-link class="form-title" to="project"> |
|
|
|
<a-col :span="6" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-xiangmuguanli"></SvgIcon> |
|
|
|
<p>项目管理</p> |
|
|
|
</a-col> |
|
|
|
</router-link> |
|
|
|
<router-link class="form-title" to="dcc"> |
|
|
|
<a-col :span="6" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-DCCguanli"></SvgIcon> |
|
|
|
<p>DCC管理</p> |
|
|
|
</a-col> |
|
|
|
</router-link> |
|
|
|
<router-link class="form-title" to="sale"> |
|
|
|
<a-col :span="6" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-xiaoshoudingdan"></SvgIcon> |
|
|
|
<p>销售订单</p> |
|
|
|
</a-col> |
|
|
|
</router-link> |
|
|
|
</a-row> |
|
|
|
<a-row> |
|
|
|
<router-link class="form-title" to="deliveryPlan"> |
|
|
|
<a-col :span="6" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-jiaofujihua"></SvgIcon> |
|
|
|
<p>交付计划</p> |
|
|
|
</a-col> |
|
|
|
</router-link> |
|
|
|
<router-link class="form-title" to="warehouse"> |
|
|
|
<a-col :span="6" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-cangkuguanli"></SvgIcon> |
|
|
|
<p>仓库管理</p> |
|
|
|
</a-col> |
|
|
|
</router-link> |
|
|
|
<router-link class="form-title" to="production"> |
|
|
|
<a-col :span="6" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-shengchanguanli"></SvgIcon> |
|
|
|
<p>生产管理</p> |
|
|
|
</a-col> |
|
|
|
</router-link> |
|
|
|
<a-col :span="6" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-wuliuguanli"></SvgIcon> |
|
|
|
<p>物流管理</p> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
</a-card> |
|
|
|
</a-col> |
|
|
|
<a-col :span="7"> |
|
|
|
<div class="form-title">行政后台保障中心</div> |
|
|
|
<a-card> |
|
|
|
<a-row> |
|
|
|
<a-col :span="8" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-fangkeguanli"></SvgIcon> |
|
|
|
<p>访客管理</p> |
|
|
|
</a-col> |
|
|
|
<a-col :span="8" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-cheliangdenglu"></SvgIcon> |
|
|
|
<p>车辆登录</p> |
|
|
|
</a-col> |
|
|
|
<a-col :span="8" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-yiqingguanli"></SvgIcon> |
|
|
|
<p>疫情管理</p> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
<a-row> |
|
|
|
<a-col :span="8" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-yuangongguanli"></SvgIcon> |
|
|
|
<p>员工管理</p> |
|
|
|
</a-col> |
|
|
|
<a-col :span="8" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-kehubaifang"></SvgIcon> |
|
|
|
<p>客户拜访</p> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
</a-card> |
|
|
|
</a-col> |
|
|
|
<a-col :span="7"> |
|
|
|
<div class="form-title"> |
|
|
|
<router-link class="form-title" to="researchCenter/research" |
|
|
|
>研发中心</router-link |
|
|
|
> |
|
|
|
</div> |
|
|
|
<a-card> |
|
|
|
<a-row> |
|
|
|
<router-link class="form-title" to="researchCenter/research"> |
|
|
|
<a-col :span="8" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-gongyesheji"></SvgIcon> |
|
|
|
<p>工业设计</p> |
|
|
|
</a-col> |
|
|
|
</router-link> |
|
|
|
<router-link class="form-title" to="researchCenter/research"> |
|
|
|
<a-col :span="8" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-dianlusheji"></SvgIcon> |
|
|
|
<p>电路设计</p> |
|
|
|
</a-col> |
|
|
|
</router-link> |
|
|
|
<router-link class="form-title" to="researchCenter/research"> |
|
|
|
<a-col :span="8" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-zhinengkongzhi"></SvgIcon> |
|
|
|
<p>智能控制</p> |
|
|
|
</a-col> |
|
|
|
</router-link> |
|
|
|
</a-row> |
|
|
|
<a-row> |
|
|
|
<router-link class="form-title" to="researchCenter/research"> |
|
|
|
<a-col :span="8" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-jiegousheji"></SvgIcon> |
|
|
|
<p>结构设计</p> |
|
|
|
</a-col> |
|
|
|
</router-link> |
|
|
|
<router-link class="form-title" to="researchCenter/research"> |
|
|
|
<a-col :span="8" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-moju"></SvgIcon> |
|
|
|
<p>模具评审</p> |
|
|
|
</a-col> |
|
|
|
</router-link> |
|
|
|
<router-link class="form-title" to="researchCenter/research"> |
|
|
|
<a-col :span="8" class="flexColCls columnCls"> |
|
|
|
<SvgIcon iconClass="icon-shoubanzhizuo"></SvgIcon> |
|
|
|
<p>手板制作</p> |
|
|
|
</a-col> |
|
|
|
</router-link> |
|
|
|
</a-row> |
|
|
|
</a-card> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
<div class="boxPageIndex"> |
|
|
|
<ul class="listTab" v-if="tableA"> |
|
|
|
<li><i>{{tableA.total}}</i><span>总订单数</span></li> |
|
|
|
<li><i>{{tableA.processed}}</i><span>待处理订单数</span></li> |
|
|
|
<li><i>{{tableA.myTotal}}</i><span>个人总订单</span></li> |
|
|
|
<li><i>{{tableA.myProcessed}}</i><span>个人待处理订单</span></li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import countTo from 'vue-count-to'; |
|
|
|
import {indexMonitor} from "@/services/Main"; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'Analysis', |
|
|
|
components: { |
|
|
|
countTo, |
|
|
|
}, |
|
|
|
name: 'index', |
|
|
|
data() { |
|
|
|
return { |
|
|
|
tipArr: [ |
|
|
|
{ |
|
|
|
type: '待办', |
|
|
|
content: '搭载鸿蒙系统的华为设备已超2.4亿台', |
|
|
|
time: '2021/03/26 15:26:32', |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: '日历', |
|
|
|
content: '搭载鸿蒙系统的华为设备已超2.4亿台', |
|
|
|
time: '2021/03/26 15:26:32', |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: '通知', |
|
|
|
content: '搭载鸿蒙系统的华为设备已超2.4亿台', |
|
|
|
time: '2021/03/26 15:26:32', |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: '日历', |
|
|
|
content: '搭载鸿蒙系统的华为设备已超2.4亿台', |
|
|
|
time: '2021/03/26 15:26:32', |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: '通知', |
|
|
|
content: '搭载鸿蒙系统的华为设备已超2.4亿台', |
|
|
|
time: '2021/03/26 15:26:32', |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: '通知', |
|
|
|
content: '搭载鸿蒙系统的华为设备已超2.4亿台', |
|
|
|
time: '2021/03/26 15:26:32', |
|
|
|
}, |
|
|
|
], |
|
|
|
centerArr: [ |
|
|
|
{ |
|
|
|
time: '3月4日', |
|
|
|
type: '制度管理', |
|
|
|
version: '1.6', |
|
|
|
content: '1、一体化事业部项目文件编码规则', |
|
|
|
logo: 'https://img1.baidu.com/it/u=2846985203,3634593466&fm=26&fmt=auto', |
|
|
|
}, |
|
|
|
{ |
|
|
|
time: '3月6日', |
|
|
|
type: '制度管理', |
|
|
|
version: '1.6', |
|
|
|
content: |
|
|
|
'2、已找到的东航失事飞机黑匣子破损严重，不确定是数据还是语音', |
|
|
|
logo: 'https://img1.baidu.com/it/u=2846985203,3634593466&fm=26&fmt=auto', |
|
|
|
}, |
|
|
|
{ |
|
|
|
time: '3月7日', |
|
|
|
type: '制度管理', |
|
|
|
version: '1.6', |
|
|
|
content: |
|
|
|
'3、上海硬核选调生：用编程1人5小时搞定全村超千人核酸二维码定全村超千人核酸二维码', |
|
|
|
logo: 'https://img1.baidu.com/it/u=2846985203,3634593466&fm=26&fmt=auto', |
|
|
|
}, |
|
|
|
], |
|
|
|
}; |
|
|
|
return{tableA:{}} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
setTimeout(() => (this.loading = !this.loading), 1000); |
|
|
|
mounted() { |
|
|
|
this.getInfo(); |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
getInfo(){ |
|
|
|
indexMonitor().then(res=>{ |
|
|
|
this.tableA = res; |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style> |
|
|
|
.p0 .ant-card-body { |
|
|
|
padding: 10px 20px; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
</style> |
|
|
|
<style lang="less" scoped> |
|
|
|
.icon { |
|
|
|
font-size: 30px; |
|
|
|
} |
|
|
|
.moreCls { |
|
|
|
background: #fff; |
|
|
|
border-radius: 4px; |
|
|
|
line-height: 32px; |
|
|
|
padding: 0px 12px; |
|
|
|
height: 32px; |
|
|
|
box-sizing: border-box; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
.ant-card { |
|
|
|
border-radius: 8px; |
|
|
|
} |
|
|
|
.rightCls { |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
.mb20 { |
|
|
|
margin-bottom: 20px; |
|
|
|
padding-bottom: 20px; |
|
|
|
img { |
|
|
|
margin-bottom: 15px; |
|
|
|
} |
|
|
|
} |
|
|
|
.mt10 { |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
.mr20 { |
|
|
|
margin-right: 20px; |
|
|
|
} |
|
|
|
.mr10 { |
|
|
|
margin-right: 10px; |
|
|
|
} |
|
|
|
.flex7 { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
.ant-col { |
|
|
|
flex: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
.imgCls { |
|
|
|
width: 40px; |
|
|
|
height: 40px; |
|
|
|
border-radius: 4px; |
|
|
|
object-fit: cover; |
|
|
|
} |
|
|
|
|
|
|
|
.flexColCls { |
|
|
|
display: flex; |
|
|
|
padding: 10px; |
|
|
|
box-sizing: border-box; |
|
|
|
flex-direction: column; |
|
|
|
font-size: 18px; |
|
|
|
line-height: 24px; |
|
|
|
margin-right: 10px; |
|
|
|
color: #333; |
|
|
|
font-weight: bold; |
|
|
|
&:hover { |
|
|
|
background: #f0f2f5; |
|
|
|
border-radius: 8px; |
|
|
|
} |
|
|
|
p { |
|
|
|
font-size: 14px; |
|
|
|
color: #999999; |
|
|
|
margin: 0; |
|
|
|
font-weight: normal; |
|
|
|
} |
|
|
|
} |
|
|
|
.columnCls { |
|
|
|
align-items: center; |
|
|
|
margin: 16px 0; |
|
|
|
margin-right: 0px; |
|
|
|
padding: 10px 0; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
.tipConCls { |
|
|
|
line-height: 30px; |
|
|
|
padding: 20px; |
|
|
|
} |
|
|
|
.rowCls { |
|
|
|
height: 40px; |
|
|
|
} |
|
|
|
.flexCls { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
height: 40px; |
|
|
|
span { |
|
|
|
flex-shrink: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
.tapCls { |
|
|
|
height: 22px; |
|
|
|
line-height: 22px; |
|
|
|
width: 40px; |
|
|
|
text-align: center; |
|
|
|
overflow: hidden; |
|
|
|
box-sizing: border-box; |
|
|
|
background: #ffefd6; |
|
|
|
font-size: 12px; |
|
|
|
color: #f90; |
|
|
|
flex-shrink: 0; |
|
|
|
margin-right: 6px; |
|
|
|
} |
|
|
|
.form-title { |
|
|
|
font-size: 16px; |
|
|
|
font-weight: bold; |
|
|
|
color: #333; |
|
|
|
line-height: 40px; |
|
|
|
} |
|
|
|
.oneLineCls { |
|
|
|
text-overflow: -o-ellipsis-lastline; |
|
|
|
overflow: hidden; |
|
|
|
line-height: 24px; |
|
|
|
text-overflow: ellipsis; |
|
|
|
display: -webkit-box; |
|
|
|
-webkit-line-clamp: 1; |
|
|
|
line-clamp: 1; |
|
|
|
-webkit-box-orient: vertical; |
|
|
|
color: #333; |
|
|
|
margin-right: 10px; |
|
|
|
a { |
|
|
|
color: #333333; |
|
|
|
} |
|
|
|
} |
|
|
|
.anmt3,.listTab li{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;} |
|
|
|
.boxPageIndex{ |
|
|
|
font-size:20px; |
|
|
|
background-color:#fff; |
|
|
|
min-height:calc(100vh - 125px); |
|
|
|
box-sizing:border-box; |
|
|
|
padding:1em; |
|
|
|
} |
|
|
|
.listTab{padding:0;} |
|
|
|
.listTab li{list-style:none; float: left; border:1px solid #ccc; border-radius:.5em; padding:1em 2em; margin:1em .5em; text-align: center; background-color:#f9f9f9; user-select: none} |
|
|
|
.listTab li:hover{background-color:#fff; box-shadow: rgba(0,0,0,.1) 0 0 1em} |
|
|
|
.listTab li i{display: block; font-style: normal; color:#f90; font-weight: bold; font-size:1.5em} |
|
|
|
.listTab li span{display: block; font-size:.8em; color:#666} |
|
|
|
</style> |
