|
@@ -15,34 +15,34 @@
|
|
|
<div class="topDataLi1">
|
|
|
<div class="topDataMain">
|
|
|
<span @click="goToList(1)">待审核资讯</span>
|
|
|
- <span @click="goToList(1)">{{articleCount}}</span>
|
|
|
+ <span @click="goToList(1)">{{ articleCount }}</span>
|
|
|
</div>
|
|
|
<div class="topDataMain">
|
|
|
<span @click="goToList(8)">待审核广告</span>
|
|
|
- <span @click="goToList(8)">{{adCount}}</span>
|
|
|
+ <span @click="goToList(8)">{{ adCount }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="topDataLi2">
|
|
|
<div class="topDataMainCenter">
|
|
|
<span @click="goToList(2)">待审核商品</span>
|
|
|
- <span @click="goToList(2)">{{goodsCount}}</span>
|
|
|
+ <span @click="goToList(2)">{{ goodsCount }}</span>
|
|
|
</div>
|
|
|
<div class="topDataMainCenter">
|
|
|
<span @click="goToList(3)">待审核书刊音像</span>
|
|
|
- <span @click="goToList(3)">{{bookCount}}</span>
|
|
|
+ <span @click="goToList(3)">{{ bookCount }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div class="topDataLi3">
|
|
|
+ <div class="topDataLi3">
|
|
|
<div class="topDataMainCenter">
|
|
|
<span @click="goToList(4)">待审核招聘</span>
|
|
|
- <span @click="goToList(4)">{{jobRecruitingCount}}</span>
|
|
|
+ <span @click="goToList(4)">{{ jobRecruitingCount }}</span>
|
|
|
</div>
|
|
|
<div class="topDataMainCenter">
|
|
|
<span @click="goToList(5)">待审核求职</span>
|
|
|
- <span @click="goToList(5)">{{jobHuntingCount}}</span>
|
|
|
+ <span @click="goToList(5)">{{ jobHuntingCount }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="topDataLi4">
|
|
|
+ <!--<div class="topDataLi4">
|
|
|
<div class="topDataMain">
|
|
|
<span @click="goToList(6)">待审核行政通知</span>
|
|
|
<span @click="goToList(6)">{{noticeCount}}</span>
|
|
@@ -65,7 +65,7 @@
|
|
|
</div>
|
|
|
网站数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allWebsiteCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allWebsiteCount }}</div>
|
|
|
<!-- <div class="twbStatus"><img src="@/assets/index/arrow-up.png"/> +12% <span>较上周</span></div> -->
|
|
|
</div>
|
|
|
</el-col>
|
|
@@ -77,7 +77,7 @@
|
|
|
</div>
|
|
|
栏目数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allCategoryCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allCategoryCount }}</div>
|
|
|
<!-- <div class="twbStatus"><img src="@/assets/index/arrow-up.png"/> +18% <span>较昨天</span></div> -->
|
|
|
</div>
|
|
|
</el-col>
|
|
@@ -89,7 +89,7 @@
|
|
|
</div>
|
|
|
资讯发布总数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allArticleCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allArticleCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="6">
|
|
@@ -100,7 +100,7 @@
|
|
|
</div>
|
|
|
商品发布总数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allGoodsCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allGoodsCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -113,10 +113,10 @@
|
|
|
</div>
|
|
|
书刊音像发布总数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allBookCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allBookCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <!-- <el-col :xs="24" :sm="24" :lg="6">
|
|
|
+ <el-col :xs="24" :sm="24" :lg="6">
|
|
|
<div class="topWindowBox">
|
|
|
<div class="twbTitle">
|
|
|
<div class="twbIconbg bg6">
|
|
@@ -124,7 +124,7 @@
|
|
|
</div>
|
|
|
招聘发布总数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allJobRecruitingCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allJobRecruitingCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="6">
|
|
@@ -135,27 +135,19 @@
|
|
|
</div>
|
|
|
求职发布总数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allJobHuntingCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allJobHuntingCount }}</div>
|
|
|
</div>
|
|
|
- </el-col> -->
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
<el-row :gutter="32">
|
|
|
<el-col :xs="24" :sm="24" :lg="16">
|
|
|
<div class="chartBox">
|
|
|
<div class="chartTitle">
|
|
|
平台数据增长趋势
|
|
|
- <el-select
|
|
|
- v-model="chatType"
|
|
|
- placeholder="请选择"
|
|
|
- class="chartSelectInput"
|
|
|
- @change="changeLineChartData"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in indexDataOptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
+ <el-select v-model="chatType" placeholder="请选择" class="chartSelectInput"
|
|
|
+ @change="changeLineChartData">
|
|
|
+ <el-option v-for="item in indexDataOptions" :key="item.value" :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
@@ -190,30 +182,30 @@
|
|
|
<div class="topDataLi1">
|
|
|
<div class="topDataMain">
|
|
|
<span @click="goToList(1)">待审核资讯</span>
|
|
|
- <span @click="goToList(1)">{{articleCount}}</span>
|
|
|
+ <span @click="goToList(1)">{{ articleCount }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="topDataLi2">
|
|
|
<div class="topDataMainCenter">
|
|
|
<span @click="goToList(2)">待审核商品</span>
|
|
|
- <span @click="goToList(2)">{{goodsCount}}</span>
|
|
|
+ <span @click="goToList(2)">{{ goodsCount }}</span>
|
|
|
</div>
|
|
|
<div class="topDataMainCenter">
|
|
|
<span @click="goToList(3)">待审核书刊音像</span>
|
|
|
- <span @click="goToList(3)">{{bookCount}}</span>
|
|
|
+ <span @click="goToList(3)">{{ bookCount }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div class="topDataLi3">
|
|
|
+ <div class="topDataLi3">
|
|
|
<div class="topDataMainCenter">
|
|
|
<span @click="goToList(4)">待审核招聘</span>
|
|
|
- <span @click="goToList(4)">{{jobRecruitingCount}}</span>
|
|
|
+ <span @click="goToList(4)">{{ jobRecruitingCount }}</span>
|
|
|
</div>
|
|
|
<div class="topDataMainCenter">
|
|
|
<span @click="goToList(5)">待审核求职</span>
|
|
|
- <span @click="goToList(5)">{{jobHuntingCount}}</span>
|
|
|
+ <span @click="goToList(5)">{{ jobHuntingCount }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="topDataLi4">
|
|
|
+ <!-- <div class="topDataLi4">
|
|
|
<div class="topDataMain">
|
|
|
<span @click="goToList(6)">待审核行政通知</span>
|
|
|
<span @click="goToList(6)">{{noticeCount}}</span>
|
|
@@ -236,7 +228,7 @@
|
|
|
</div>
|
|
|
资讯发布数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allArticleCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allArticleCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="6">
|
|
@@ -247,7 +239,7 @@
|
|
|
</div>
|
|
|
商品发布数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allGoodsCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allGoodsCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="6">
|
|
@@ -258,10 +250,10 @@
|
|
|
</div>
|
|
|
书刊音像发布数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allBookCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allBookCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <!-- <el-col :xs="24" :sm="24" :lg="6">
|
|
|
+ <el-col :xs="24" :sm="24" :lg="6">
|
|
|
<div class="topWindowBox">
|
|
|
<div class="twbTitle">
|
|
|
<div class="twbIconbg bg7">
|
|
@@ -269,9 +261,9 @@
|
|
|
</div>
|
|
|
求职发布数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allJobHuntingCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allJobHuntingCount }}</div>
|
|
|
</div>
|
|
|
- </el-col> -->
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
|
|
@@ -290,17 +282,17 @@
|
|
|
<div class="topDataLi1">
|
|
|
<div class="topDataMain">
|
|
|
<span @click="goToList(1)">待审核资讯</span>
|
|
|
- <span @click="goToList(1)">{{articleCount}}</span>
|
|
|
+ <span @click="goToList(1)">{{ articleCount }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="topDataLi2">
|
|
|
<div class="topDataMainCenter">
|
|
|
<span @click="goToList(2)">待审核商品</span>
|
|
|
- <span @click="goToList(2)">{{goodsCount}}</span>
|
|
|
+ <span @click="goToList(2)">{{ goodsCount }}</span>
|
|
|
</div>
|
|
|
<div class="topDataMainCenter">
|
|
|
<span @click="goToList(3)">待审核书刊音像</span>
|
|
|
- <span @click="goToList(3)">{{bookCount}}</span>
|
|
|
+ <span @click="goToList(3)">{{ bookCount }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <div class="topDataLi4">
|
|
@@ -326,7 +318,7 @@
|
|
|
</div>
|
|
|
资讯发布数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allArticleCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allArticleCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="6">
|
|
@@ -337,7 +329,7 @@
|
|
|
</div>
|
|
|
商品发布数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allGoodsCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allGoodsCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="6">
|
|
@@ -348,7 +340,7 @@
|
|
|
</div>
|
|
|
书刊音像发布数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allBookCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allBookCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<!-- <el-col :xs="24" :sm="24" :lg="6">
|
|
@@ -389,10 +381,10 @@
|
|
|
<el-tag :type="scope.row.status == 1 ? 'success' : 'danger'">{{ scope.row.status == 1 ? '已审核' :
|
|
|
'未审核' }}</el-tag>
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
+</el-table-column>
|
|
|
+</el-table>
|
|
|
+</div>
|
|
|
+</div> -->
|
|
|
</div>
|
|
|
|
|
|
<!--超级管理员10000× 个人会员1× 政务会员2× 企业会员3√ 调研员4×-->
|
|
@@ -410,26 +402,26 @@
|
|
|
<div class="topDataLi1">
|
|
|
<div class="topDataMain">
|
|
|
<span @click="goToList(1)">待审核资讯</span>
|
|
|
- <span @click="goToList(1)">{{articleCount}}</span>
|
|
|
+ <span @click="goToList(1)">{{ articleCount }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="topDataLi2">
|
|
|
<div class="topDataMainCenter">
|
|
|
<span @click="goToList(2)">待审核商品</span>
|
|
|
- <span @click="goToList(2)">{{goodsCount}}</span>
|
|
|
+ <span @click="goToList(2)">{{ goodsCount }}</span>
|
|
|
</div>
|
|
|
<div class="topDataMainCenter">
|
|
|
<span @click="goToList(3)">待审核书刊音像</span>
|
|
|
- <span @click="goToList(3)">{{bookCount}}</span>
|
|
|
+ <span @click="goToList(3)">{{ bookCount }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div class="topDataLi3">
|
|
|
+ <div class="topDataLi3">
|
|
|
<div class="topDataMainCenter">
|
|
|
<span @click="goToList(4)">待审核招聘</span>
|
|
|
- <span @click="goToList(4)">{{jobRecruitingCount}}</span>
|
|
|
+ <span @click="goToList(4)">{{ jobRecruitingCount }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="topDataLi4">
|
|
|
+ <!--<div class="topDataLi4">
|
|
|
<div class="topDataMain">
|
|
|
<span @click="goToList(6)">待审核行政通知</span>
|
|
|
<span @click="goToList(6)">{{noticeCount}}</span>
|
|
@@ -452,7 +444,7 @@
|
|
|
</div>
|
|
|
资讯发布数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allWebsiteCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allWebsiteCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="6">
|
|
@@ -463,7 +455,7 @@
|
|
|
</div>
|
|
|
商品发布数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allGoodsCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allGoodsCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="6">
|
|
@@ -474,10 +466,10 @@
|
|
|
</div>
|
|
|
书刊音像发布数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allBookCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allBookCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <!-- <el-col :xs="24" :sm="24" :lg="6">
|
|
|
+ <el-col :xs="24" :sm="24" :lg="6">
|
|
|
<div class="topWindowBox">
|
|
|
<div class="twbTitle">
|
|
|
<div class="twbIconbg bg6">
|
|
@@ -485,9 +477,9 @@
|
|
|
</div>
|
|
|
招聘发布数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allJobRecruitingCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allJobRecruitingCount }}</div>
|
|
|
</div>
|
|
|
- </el-col> -->
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
|
|
@@ -506,17 +498,17 @@
|
|
|
<div class="topDataLi1">
|
|
|
<div class="topDataMain">
|
|
|
<span @click="goToList(1)">待审核资讯</span>
|
|
|
- <span @click="goToList(1)">{{articleCount}}</span>
|
|
|
+ <span @click="goToList(1)">{{ articleCount }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="topDataLi2">
|
|
|
<div class="topDataMainCenter">
|
|
|
<span @click="goToList(2)">待审核商品</span>
|
|
|
- <span @click="goToList(2)">{{goodsCount}}</span>
|
|
|
+ <span @click="goToList(2)">{{ goodsCount }}</span>
|
|
|
</div>
|
|
|
<div class="topDataMainCenter">
|
|
|
<span @click="goToList(3)">待审核书刊音像</span>
|
|
|
- <span @click="goToList(3)">{{bookCount}}</span>
|
|
|
+ <span @click="goToList(3)">{{ bookCount }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <div class="topDataLi4">
|
|
@@ -542,7 +534,7 @@
|
|
|
</div>
|
|
|
资讯发布数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allArticleCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allArticleCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="8">
|
|
@@ -553,7 +545,7 @@
|
|
|
</div>
|
|
|
商品发布数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allGoodsCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allGoodsCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="8">
|
|
@@ -564,7 +556,7 @@
|
|
|
</div>
|
|
|
书刊音像发布数量
|
|
|
</div>
|
|
|
- <div class="twbNumber">{{allBookCount}}</div>
|
|
|
+ <div class="twbNumber">{{ allBookCount }}</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -624,13 +616,13 @@ export default {
|
|
|
//折线图
|
|
|
chatType: '1', //用户选择的哪个数据
|
|
|
indexDataOptions: [
|
|
|
- {label:'资讯',value:'1'},
|
|
|
- {label:'商品',value:'2'},
|
|
|
- {label:'书刊音像',value:'3'},
|
|
|
- // {label:'招聘',value:'4'},
|
|
|
- // {label:'求职',value:'5'}
|
|
|
+ { label: '资讯', value: '1' },
|
|
|
+ { label: '商品', value: '2' },
|
|
|
+ { label: '书刊音像', value: '3' },
|
|
|
+ { label: '招聘', value: '4' },
|
|
|
+ { label: '求职', value: '5' }
|
|
|
],
|
|
|
- lineChartData:[],//折线图目前展示哪个数据
|
|
|
+ lineChartData: [],//折线图目前展示哪个数据
|
|
|
lineChartData1: [],//折线图数据 - 资讯
|
|
|
lineChartData2: [],//折线图数据 - 商品
|
|
|
lineChartData3: [],//折线图数据 - 书刊音像
|
|
@@ -664,7 +656,7 @@ export default {
|
|
|
getData() {
|
|
|
//获取首页数据
|
|
|
this.$store.dispatch('public/getAdminIndex').then(res => {
|
|
|
- if(res.code==200){
|
|
|
+ if (res.code == 200) {
|
|
|
//待审核数据
|
|
|
this.articleCount = res.data.apply.article;
|
|
|
this.adCount = res.data.apply.order;
|
|
@@ -696,32 +688,32 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- goToList(typenumber){
|
|
|
- if(typenumber == 1){this.$router.push({path:'/examine'})}
|
|
|
- if(typenumber == 2){this.$router.push({path:'/goodListApply'})}
|
|
|
- if(typenumber == 3){this.$router.push({path:'/bookListApply'})}
|
|
|
- if(typenumber == 4){this.$router.push({path:'/checkjobRecruitingList'})}
|
|
|
- if(typenumber == 5){this.$router.push({path:'/jobHuntingListApply'})}
|
|
|
- if(typenumber == 6){this.$router.push({path:'/noticeListApply'})}
|
|
|
- if(typenumber == 7){this.$router.push({path:'/ncomplaintListApply'})}
|
|
|
- if(typenumber == 8){this.$router.push({path:'/adList'})}
|
|
|
+ goToList(typenumber) {
|
|
|
+ if (typenumber == 1) { this.$router.push({ path: '/examine' }) }
|
|
|
+ if (typenumber == 2) { this.$router.push({ path: '/goodListApply' }) }
|
|
|
+ if (typenumber == 3) { this.$router.push({ path: '/bookListApply' }) }
|
|
|
+ if (typenumber == 4) { this.$router.push({ path: '/checkjobRecruitingList' }) }
|
|
|
+ if (typenumber == 5) { this.$router.push({ path: '/jobHuntingListApply' }) }
|
|
|
+ if (typenumber == 6) { this.$router.push({ path: '/noticeListApply' }) }
|
|
|
+ if (typenumber == 7) { this.$router.push({ path: '/ncomplaintListApply' }) }
|
|
|
+ if (typenumber == 8) { this.$router.push({ path: '/adList' }) }
|
|
|
},
|
|
|
//切换折线图数据
|
|
|
- changeLineChartData(type){
|
|
|
+ changeLineChartData(type) {
|
|
|
console.log(type)
|
|
|
- if(type == 1){
|
|
|
+ if (type == 1) {
|
|
|
this.lineChartData = this.lineChartData1;
|
|
|
}
|
|
|
- if(type == 2){
|
|
|
+ if (type == 2) {
|
|
|
this.lineChartData = this.lineChartData2;
|
|
|
}
|
|
|
- if(type == 3){
|
|
|
+ if (type == 3) {
|
|
|
this.lineChartData = this.lineChartData3;
|
|
|
}
|
|
|
- if(type == 4){
|
|
|
+ if (type == 4) {
|
|
|
this.lineChartData = this.lineChartData4;
|
|
|
}
|
|
|
- if(type == 5){
|
|
|
+ if (type == 5) {
|
|
|
this.lineChartData = this.lineChartData5;
|
|
|
}
|
|
|
}
|
|
@@ -748,8 +740,9 @@ export default {
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
+
|
|
|
.cibStyle1 {
|
|
|
- background:#667EF2
|
|
|
+ background: #667EF2
|
|
|
}
|
|
|
|
|
|
//管理员顶部数据栏
|
|
@@ -767,9 +760,9 @@ export default {
|
|
|
.topDataBoxTitle {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- margin-bottom:16px;
|
|
|
- color:#fff;
|
|
|
- font-size:16px;
|
|
|
+ margin-bottom: 16px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 16px;
|
|
|
}
|
|
|
|
|
|
.topDataBoxTitleText {
|
|
@@ -780,52 +773,69 @@ export default {
|
|
|
.topDataBoxList {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
+
|
|
|
.topDataLi1 {
|
|
|
- width:268px;
|
|
|
+ width: 268px;
|
|
|
border-right: 1px solid #fff;
|
|
|
- height:70px;
|
|
|
+ height: 70px;
|
|
|
+
|
|
|
.topDataMain:nth-child(1) {
|
|
|
- margin-bottom:20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
}
|
|
|
}
|
|
|
- .topDataLi2,.topDataLi3{
|
|
|
- width:359px;
|
|
|
+
|
|
|
+ .topDataLi2 {
|
|
|
+ border-right: 1px solid #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .topDataLi2,
|
|
|
+ .topDataLi3 {
|
|
|
+ width: 359px;
|
|
|
//border-right: 1px solid #fff;
|
|
|
- height:70px;
|
|
|
- .topDataMainCenter:nth-child(1){
|
|
|
- margin-bottom:20px
|
|
|
+ height: 70px;
|
|
|
+
|
|
|
+ .topDataMainCenter:nth-child(1) {
|
|
|
+ margin-bottom: 20px
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.topDataLi4 {
|
|
|
- width:268px;
|
|
|
- height:70px;
|
|
|
+ width: 268px;
|
|
|
+ height: 70px;
|
|
|
+
|
|
|
.topDataMain {
|
|
|
- margin-left:90px;
|
|
|
+ margin-left: 90px;
|
|
|
}
|
|
|
+
|
|
|
.topDataMain:nth-child(1) {
|
|
|
- margin-bottom:20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
}
|
|
|
}
|
|
|
- .topDataMain,.topDataMainCenter {
|
|
|
- color:#fff;
|
|
|
- height:26px;
|
|
|
- line-height:26px;
|
|
|
- width:177px;
|
|
|
- display:flex;
|
|
|
+
|
|
|
+ .topDataMain,
|
|
|
+ .topDataMainCenter {
|
|
|
+ color: #fff;
|
|
|
+ height: 26px;
|
|
|
+ line-height: 26px;
|
|
|
+ width: 177px;
|
|
|
+ display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
- span:nth-child(1){
|
|
|
- font-size:16px;
|
|
|
+
|
|
|
+ span:nth-child(1) {
|
|
|
+ font-size: 16px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
- span:nth-child(2){
|
|
|
- font-size:22px;
|
|
|
- font-weight:bold;
|
|
|
+
|
|
|
+ span:nth-child(2) {
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: bold;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.topDataMainCenter {
|
|
|
- margin:0 auto;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -845,24 +855,47 @@ export default {
|
|
|
font-size: 16px;
|
|
|
color: @title;
|
|
|
|
|
|
- .twbIconbg{
|
|
|
+ .twbIconbg {
|
|
|
width: 40px;
|
|
|
height: 40px;
|
|
|
border-radius: 50%;
|
|
|
margin-right: 15px;
|
|
|
- display:flex;
|
|
|
+ display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
|
|
|
- .bg1 {background: #FDF2F9;}
|
|
|
- .bg2 {background: #E9F3FC;}
|
|
|
- .bg3 {background: #F7F2FD;}
|
|
|
- .bg4 {background: #FFF4F4;}
|
|
|
- .bg5 {background: #E9F3FC;}
|
|
|
- .bg6 {background: #F2EBFC;}
|
|
|
- .bg7 {background: #FDF2F9;}
|
|
|
- .bg8 {background: #FFFAF4;}
|
|
|
+ .bg1 {
|
|
|
+ background: #FDF2F9;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg2 {
|
|
|
+ background: #E9F3FC;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg3 {
|
|
|
+ background: #F7F2FD;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg4 {
|
|
|
+ background: #FFF4F4;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg5 {
|
|
|
+ background: #E9F3FC;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg6 {
|
|
|
+ background: #F2EBFC;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg7 {
|
|
|
+ background: #FDF2F9;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg8 {
|
|
|
+ background: #FFFAF4;
|
|
|
+ }
|
|
|
|
|
|
}
|
|
|
|
|
@@ -879,18 +912,21 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: flex-start;
|
|
|
+
|
|
|
.twbNumber2ItemNum {
|
|
|
- font-size:30px;
|
|
|
- margin-bottom:5px;
|
|
|
- font-weight:1000;
|
|
|
+ font-size: 30px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ font-weight: 1000;
|
|
|
}
|
|
|
+
|
|
|
.twbNumber2Item {
|
|
|
- font-size:16px;
|
|
|
- width:70px;
|
|
|
- font-weight:normal;
|
|
|
+ font-size: 16px;
|
|
|
+ width: 70px;
|
|
|
+ font-weight: normal;
|
|
|
}
|
|
|
+
|
|
|
.twbNumber2Item:nth-child(1) {
|
|
|
- margin-right:130px;
|
|
|
+ margin-right: 130px;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -969,11 +1005,11 @@ export default {
|
|
|
}
|
|
|
|
|
|
::v-deep .chartSelectInput .el-input__inner {
|
|
|
- background:#F2F4FE;
|
|
|
- color:#5570F1;
|
|
|
- border:none;
|
|
|
+ background: #F2F4FE;
|
|
|
+ color: #5570F1;
|
|
|
+ border: none;
|
|
|
border-radius: 8px;
|
|
|
- width:130px;
|
|
|
- margin-left:20px;
|
|
|
+ width: 130px;
|
|
|
+ margin-left: 20px;
|
|
|
}
|
|
|
</style>
|