|
@@ -11,11 +11,11 @@
|
|
|
</a-row>
|
|
|
<a-row type="flex" justify="space-between" :gutter="[0,16]" style="flex:1;font-size:18px;font-weight: 500;">
|
|
|
<a-col style="width:130px;">
|
|
|
- <a-badge color="#3066EC "/>
|
|
|
+ <a-badge color="#3066EC " />
|
|
|
<a href="/in/store/myform?type=1&status=1" target="_block"><span style="color:#3066EC ;">采购入库 {{ topData.purchaseApplyNum }}</span></a>
|
|
|
</a-col>
|
|
|
<a-col style="width:130px;">
|
|
|
- <a-badge color="#3066EC "/>
|
|
|
+ <a-badge color="#3066EC " />
|
|
|
<a href="/in/store/myform?type=2&status=1" target="_block">
|
|
|
<span style="color:#3066EC ;">闲置入库 {{ topData.spareBackApplyNum }}</span>
|
|
|
</a>
|
|
@@ -23,14 +23,14 @@
|
|
|
</a-row>
|
|
|
<a-row type="flex" justify="space-between" :gutter="[0,16]" style="flex:1;font-size:18px;font-weight: 500;">
|
|
|
<a-col style="width:130px;">
|
|
|
- <a-badge color="#3066EC "/>
|
|
|
+ <a-badge color="#3066EC " />
|
|
|
<a href="/in/store/myform?type=3&status=1" target="_block">
|
|
|
<span style="color:#3066EC ;">调拨入库 {{ topData.applyDBNum }}</span>
|
|
|
|
|
|
</a>
|
|
|
</a-col>
|
|
|
<a-col style="width:130px;">
|
|
|
- <a-badge color="#3066EC "/>
|
|
|
+ <a-badge color="#3066EC " />
|
|
|
<a href="/in/store/myform?type=6&status=1" target="_block">
|
|
|
|
|
|
<span style="color:#3066EC ;">其他入库 {{ topData.otherNum }}</span>
|
|
@@ -51,13 +51,13 @@
|
|
|
</a-row>
|
|
|
<a-row type="flex" justify="space-between" :gutter="[0,16]" style="flex:1;font-size:18px;font-weight: 500;">
|
|
|
<a-col style="width:130px;">
|
|
|
- <a-badge color="#3066EC "/>
|
|
|
+ <a-badge color="#3066EC " />
|
|
|
<a href="/out/store/myform?type=2&status=1" target="_block">
|
|
|
<span style="color:#3066EC ;">调拨出库 {{ topData.outDBNum }}</span>
|
|
|
</a>
|
|
|
</a-col>
|
|
|
<a-col style="width:130px;">
|
|
|
- <a-badge color="#3066EC "/>
|
|
|
+ <a-badge color="#3066EC " />
|
|
|
<a href="/out/store/myform?type=1&status=1" target="_block">
|
|
|
<span style="color:#3066EC ;">领用出库 {{ topData.lyNum }}</span>
|
|
|
</a>
|
|
@@ -65,13 +65,13 @@
|
|
|
</a-row>
|
|
|
<a-row type="flex" justify="space-between" :gutter="[0,16]" style="flex:1;font-size:18px;font-weight: 500;">
|
|
|
<a-col style="width:130px;">
|
|
|
- <a-badge color="#3066EC "/>
|
|
|
+ <a-badge color="#3066EC " />
|
|
|
<a href="/out/store/myform?type=3&status=1" target="_block">
|
|
|
<span style="color:#3066EC ;">报废出库 {{ topData.bfNum }}</span>
|
|
|
</a>
|
|
|
</a-col>
|
|
|
<a-col style="width:130px;">
|
|
|
- <a-badge color="#3066EC "/>
|
|
|
+ <a-badge color="#3066EC " />
|
|
|
<a href="/out/store/myform?type=6&status=1" target="_block">
|
|
|
|
|
|
<span style="color:#3066EC ;">其他出库 {{ topData.otherOutNum }}</span>
|
|
@@ -108,7 +108,7 @@
|
|
|
<div style="height: 471px;background: #FFFFFF;padding:24px">
|
|
|
<div style="display:flex;justify-content: space-between;width:160px;height: 18px; font-size:16px;color: #555555; ">
|
|
|
<div>备件类型数量统计</div>
|
|
|
- <!-- <div>设备总数100</div> -->
|
|
|
+ <!-- <div>设备总数100</div> -->
|
|
|
</div>
|
|
|
<chart-view height="400px" :chartOption="chartOption1" />
|
|
|
</div>
|
|
@@ -125,19 +125,19 @@
|
|
|
<a-col class="gutter-row" :span="4">
|
|
|
<div style="height: 471px;display:flex;flex-direction:column;justify-content: space-between">
|
|
|
<div class="btn" style="background:linear-gradient(to right,#36B5FA,#3066EC);" @click="handleOutAdd">
|
|
|
- <my-icon type="icon-chukuguanli" style="font-size:58px;"/>
|
|
|
+ <my-icon type="icon-chukuguanli" style="font-size:58px;" />
|
|
|
<span>出库</span>
|
|
|
</div>
|
|
|
<div class="btn" style="background:linear-gradient(to right,#36B5FA,#3066EC);" @click="handleInAdd">
|
|
|
- <my-icon type="icon-rukuguanli" style="font-size:58px;"/>
|
|
|
+ <my-icon type="icon-rukuguanli" style="font-size:58px;" />
|
|
|
<span>入库</span>
|
|
|
</div>
|
|
|
<div class="btn" style="background:linear-gradient(to right,#36B5FA,#3066EC);">
|
|
|
- <my-icon type="icon-zichanguanli-zichantiaobo" style="font-size:58px;"/>
|
|
|
+ <my-icon type="icon-zichanguanli-zichantiaobo" style="font-size:58px;" />
|
|
|
<span>调拨</span>
|
|
|
</div>
|
|
|
<div class="btn" style="background:linear-gradient(to right,#36B5FA,#3066EC);" @click="$refs.addStore.base()">
|
|
|
- <my-icon type="icon-xinzengyugengxinhuopindangan-copy" style="font-size:58px;"/>
|
|
|
+ <my-icon type="icon-xinzengyugengxinhuopindangan-copy" style="font-size:58px;" />
|
|
|
<span>新增</span>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -153,17 +153,15 @@
|
|
|
<div style=" width: 17px;height: 17px;background: #3462FD;border-radius: 50%;"></div>
|
|
|
<div style="font-size: 18px;font-weight: 800;color: #333333;">资料</div>
|
|
|
</div>
|
|
|
- <div >
|
|
|
+ <div>
|
|
|
<a href="/operate/article/Article" target="_block"> 查看全部
|
|
|
- <my-icon type="icon-xiangyou-copy" style="font-size:13px;"/></a>
|
|
|
+ <my-icon type="icon-xiangyou-copy" style="font-size:13px;" /></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="demo-infinite-container"
|
|
|
- >
|
|
|
+ <div class="demo-infinite-container">
|
|
|
<a-list size="small" bordered :data-source="information">
|
|
|
<a-list-item slot="renderItem" slot-scope="item,index" :class="{discolor: index%2}">
|
|
|
- <a-list-item-meta @click="handleView(item)" >
|
|
|
+ <a-list-item-meta @click="handleView(item)">
|
|
|
<div slot="title" style="cursor:pointer">{{ item.title }}</div>
|
|
|
</a-list-item-meta>
|
|
|
<div>{{ item.updateTime }}</div>
|
|
@@ -181,19 +179,10 @@
|
|
|
</div>
|
|
|
<a href="WorkplaceBacklog" target="_block">
|
|
|
查看全部
|
|
|
- <my-icon type="icon-xiangyou-copy" style="font-size:13px;"/>
|
|
|
+ <my-icon type="icon-xiangyou-copy" style="font-size:13px;" />
|
|
|
</a>
|
|
|
</div>
|
|
|
- <s-table
|
|
|
- ref="table"
|
|
|
- size="small"
|
|
|
- bordered
|
|
|
- rowKey="id"
|
|
|
- :columns="columns"
|
|
|
- :data="loadData"
|
|
|
- :pageSize="10"
|
|
|
- :scroll="{ y: 400 }"
|
|
|
- >
|
|
|
+ <s-table ref="table" size="small" bordered rowKey="id" :columns="columns" :data="loadData" :pageSize="10" :scroll="{ y: 400 }">
|
|
|
<span slot="action" slot-scope="record">
|
|
|
<template>
|
|
|
<a @click="handle(record)">详情</a>
|
|
@@ -223,7 +212,12 @@ import InBaseFrom from '@/views/store/instoreform/modules/BaseForm.vue'
|
|
|
import OutBaseFrom from '@/views/store/outstoreform/modules/BaseForm.vue'
|
|
|
import { getArticlePage, fetchArticle } from '@/api/operate/article'
|
|
|
import { STable } from '@/components'
|
|
|
-import { getWorkplaceBacklogUserPage, getWorkplaceBacklogTopData, getWorkplaceBacklogWeekData, getWorkplaceBacklogPie } from '@/api/workplace/backlog'
|
|
|
+import {
|
|
|
+ getWorkplaceBacklogUserPage,
|
|
|
+ getWorkplaceBacklogTopData,
|
|
|
+ getWorkplaceBacklogWeekData,
|
|
|
+ getWorkplaceBacklogPie,
|
|
|
+} from '@/api/workplace/backlog'
|
|
|
import { getCalendarNotice } from '@/api/repair/application-form'
|
|
|
import { Chart } from '@antv/g2'
|
|
|
import cookie from 'vue-cookie'
|
|
@@ -235,51 +229,50 @@ export default {
|
|
|
AddStore,
|
|
|
InBaseFrom,
|
|
|
OutBaseFrom,
|
|
|
- Chart
|
|
|
+ Chart,
|
|
|
},
|
|
|
- data () {
|
|
|
+ data() {
|
|
|
return {
|
|
|
visible: true,
|
|
|
- equipmentData: [
|
|
|
- ],
|
|
|
- lineData: [
|
|
|
- ],
|
|
|
+ equipmentData: [],
|
|
|
+ lineData: [],
|
|
|
storeNums: 0,
|
|
|
allCount: 100,
|
|
|
chartPie: null,
|
|
|
chartLine: null,
|
|
|
topData: null,
|
|
|
queryParam: {
|
|
|
- status: 1
|
|
|
+ status: 1,
|
|
|
},
|
|
|
information: [
|
|
|
{
|
|
|
name: '项目管理通知',
|
|
|
- time: '2022-4-7'
|
|
|
+ time: '2022-4-7',
|
|
|
},
|
|
|
{
|
|
|
name: '项目管理通知',
|
|
|
- time: '2022-4-7'
|
|
|
+ time: '2022-4-7',
|
|
|
},
|
|
|
{
|
|
|
name: '项目管理通知',
|
|
|
- time: '2022-4-7'
|
|
|
+ time: '2022-4-7',
|
|
|
},
|
|
|
{
|
|
|
name: '项目管理通知',
|
|
|
- time: '2022-4-7'
|
|
|
- }, {
|
|
|
+ time: '2022-4-7',
|
|
|
+ },
|
|
|
+ {
|
|
|
name: '项目管理通知',
|
|
|
- time: '2022-4-7'
|
|
|
+ time: '2022-4-7',
|
|
|
},
|
|
|
{
|
|
|
name: '项目管理通知',
|
|
|
- time: '2022-4-7'
|
|
|
+ time: '2022-4-7',
|
|
|
},
|
|
|
{
|
|
|
name: '项目管理通知',
|
|
|
- time: '2022-4-7'
|
|
|
- }
|
|
|
+ time: '2022-4-7',
|
|
|
+ },
|
|
|
],
|
|
|
columns: [
|
|
|
{
|
|
@@ -288,8 +281,10 @@ export default {
|
|
|
align: 'center',
|
|
|
width: 50,
|
|
|
customRender: (text, record, index) => {
|
|
|
- return `${(this.$refs.table.localPagination.current - 1) * this.$refs.table.localPagination.pageSize + index + 1}`
|
|
|
- }
|
|
|
+ return `${
|
|
|
+ (this.$refs.table.localPagination.current - 1) * this.$refs.table.localPagination.pageSize + index + 1
|
|
|
+ }`
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: '类型',
|
|
@@ -298,7 +293,7 @@ export default {
|
|
|
width: 100,
|
|
|
customRender: (text, record, index) => {
|
|
|
return this.typeDict[text]
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: '详细类型',
|
|
@@ -307,7 +302,7 @@ export default {
|
|
|
width: 140,
|
|
|
customRender: (text, record, index) => {
|
|
|
return this.typeDetailDict[text]
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: '内容',
|
|
@@ -315,13 +310,13 @@ export default {
|
|
|
align: 'center',
|
|
|
width: 460,
|
|
|
ellipsis: true,
|
|
|
- scopedSlots: { customRender: 'content' }
|
|
|
+ scopedSlots: { customRender: 'content' },
|
|
|
},
|
|
|
{
|
|
|
title: '时间',
|
|
|
align: 'center',
|
|
|
width: 160,
|
|
|
- dataIndex: 'createdTime'
|
|
|
+ dataIndex: 'createdTime',
|
|
|
},
|
|
|
{
|
|
|
title: '状态',
|
|
@@ -329,32 +324,31 @@ export default {
|
|
|
dataIndex: 'status',
|
|
|
width: 100,
|
|
|
customRender: (text, record, index) => {
|
|
|
- return (text === 1 ? '未读' : '已读')
|
|
|
- }
|
|
|
+ return text === 1 ? '未读' : '已读'
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
title: '操作',
|
|
|
key: 'action',
|
|
|
width: 150,
|
|
|
align: 'center',
|
|
|
- scopedSlots: { customRender: 'action' }
|
|
|
- }
|
|
|
+ scopedSlots: { customRender: 'action' },
|
|
|
+ },
|
|
|
],
|
|
|
// 加载数据方法 必须为 Promise 对象
|
|
|
- loadData: parameter => {
|
|
|
+ loadData: (parameter) => {
|
|
|
parameter = {
|
|
|
...parameter,
|
|
|
- ...this.queryParam
|
|
|
+ ...this.queryParam,
|
|
|
}
|
|
|
- return getWorkplaceBacklogUserPage(parameter)
|
|
|
- .then(res => {
|
|
|
- return res.data
|
|
|
- })
|
|
|
- }
|
|
|
+ return getWorkplaceBacklogUserPage(parameter).then((res) => {
|
|
|
+ return res.data
|
|
|
+ })
|
|
|
+ },
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
- role () {
|
|
|
+ role() {
|
|
|
if (this.$store.state.user.roles.join().includes('workplace_store_manage')) {
|
|
|
return 'workplace_store_manage'
|
|
|
} else if (this.$store.state.user.roles.join().includes('workplace_store_normal')) {
|
|
@@ -363,17 +357,17 @@ export default {
|
|
|
return 'undifined'
|
|
|
}
|
|
|
},
|
|
|
- chartOption1 () {
|
|
|
+ chartOption1() {
|
|
|
return {
|
|
|
legend: {
|
|
|
type: 'scroll',
|
|
|
- top: '10%'
|
|
|
+ top: '10%',
|
|
|
},
|
|
|
grid: {
|
|
|
left: '3%',
|
|
|
right: '4%',
|
|
|
bottom: '3%',
|
|
|
- containLabel: true
|
|
|
+ containLabel: true,
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
@@ -387,16 +381,16 @@ export default {
|
|
|
fontSize: 16,
|
|
|
overflow: 'breakAll',
|
|
|
labelLine: {
|
|
|
- length: 3
|
|
|
- }
|
|
|
+ length: 3,
|
|
|
+ },
|
|
|
},
|
|
|
|
|
|
- data: this.equipmentData
|
|
|
- }
|
|
|
- ]
|
|
|
+ data: this.equipmentData,
|
|
|
+ },
|
|
|
+ ],
|
|
|
}
|
|
|
},
|
|
|
- chartOption2 () {
|
|
|
+ chartOption2() {
|
|
|
return {
|
|
|
// tooltip: {
|
|
|
// trigger: 'axis',
|
|
@@ -409,91 +403,92 @@ export default {
|
|
|
left: '3%',
|
|
|
right: '4%',
|
|
|
bottom: '3%',
|
|
|
- containLabel: true
|
|
|
+ containLabel: true,
|
|
|
},
|
|
|
yAxis: {
|
|
|
- type: 'value'
|
|
|
+ type: 'value',
|
|
|
},
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
- data: this.lineData.inStoreDetailVOS.map(item => item.weekDayName)
|
|
|
+ data: this.lineData.inStoreDetailVOS.map((item) => item.weekDayName),
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
name: '入库数',
|
|
|
type: 'bar',
|
|
|
- data: this.lineData.inStoreDetailVOS.map(item => item.num),
|
|
|
+ data: this.lineData.inStoreDetailVOS.map((item) => item.num),
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
label: {
|
|
|
show: true, // 开启显示
|
|
|
position: 'top', // 在上方显示
|
|
|
- textStyle: { // 数值样式
|
|
|
+ textStyle: {
|
|
|
+ // 数值样式
|
|
|
color: 'black',
|
|
|
- fontSize: 16
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ fontSize: 16,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
},
|
|
|
{
|
|
|
name: '出库数',
|
|
|
type: 'bar',
|
|
|
- data: this.lineData.outStoreDetailVOS.map(item => item.num),
|
|
|
+ data: this.lineData.outStoreDetailVOS.map((item) => item.num),
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
label: {
|
|
|
show: true, // 开启显示
|
|
|
position: 'top', // 在上方显示
|
|
|
- textStyle: { // 数值样式
|
|
|
+ textStyle: {
|
|
|
+ // 数值样式
|
|
|
color: 'black',
|
|
|
- fontSize: 16
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- ]
|
|
|
+ fontSize: 16,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
- created () {
|
|
|
+ created() {
|
|
|
this.getDict()
|
|
|
this.getInfo()
|
|
|
this.toCalendar()
|
|
|
},
|
|
|
- mounted () {
|
|
|
- },
|
|
|
+ mounted() {},
|
|
|
methods: {
|
|
|
- getDict () {
|
|
|
+ getDict() {
|
|
|
this.typeDict = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.WORKPLACE_BACKLOG_TYPE)
|
|
|
this.typeDetailDict = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.WORKPLACE_BACKLOG_DETAIL_TYPE)
|
|
|
},
|
|
|
- getInfo () {
|
|
|
+ getInfo() {
|
|
|
if (this.role === 'undifined') {
|
|
|
// this.$error('您的角色未赋予该权限')
|
|
|
alert('您的角色未赋予该权限')
|
|
|
- this.$router.push({ path: '/WorkplaceBacklog' })
|
|
|
+ this.$router.push({ path: '/workplace' })
|
|
|
}
|
|
|
getArticlePage({
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
dataScope: {
|
|
|
sortBy: 'desc',
|
|
|
- sortName: 'update_time'
|
|
|
- }
|
|
|
- }).then(res => {
|
|
|
+ sortName: 'update_time',
|
|
|
+ },
|
|
|
+ }).then((res) => {
|
|
|
this.information = res.data.rows
|
|
|
})
|
|
|
Promise.all([
|
|
|
getWorkplaceBacklogWeekData(this.role),
|
|
|
getWorkplaceBacklogPie(this.role),
|
|
|
- getWorkplaceBacklogTopData(this.role)
|
|
|
- ]).then(res => {
|
|
|
+ getWorkplaceBacklogTopData(this.role),
|
|
|
+ ]).then((res) => {
|
|
|
const data2 = res[1].data.reduce((pre, item) => {
|
|
|
pre.push({
|
|
|
name: item.name,
|
|
|
- value: item.currentStock
|
|
|
+ value: item.currentStock,
|
|
|
})
|
|
|
return pre
|
|
|
}, [])
|
|
@@ -503,65 +498,65 @@ export default {
|
|
|
console.log(res[0].data)
|
|
|
})
|
|
|
},
|
|
|
- handleView (record) {
|
|
|
- fetchArticle({ id: record.id }).then(res => {
|
|
|
+ handleView(record) {
|
|
|
+ fetchArticle({ id: record.id }).then((res) => {
|
|
|
const modal = this.$refs.detailModal
|
|
|
modal.base(res.data)
|
|
|
})
|
|
|
},
|
|
|
- handleOk () {
|
|
|
+ handleOk() {
|
|
|
this.visible = true
|
|
|
this.getDict()
|
|
|
},
|
|
|
- handleInAdd () {
|
|
|
+ handleInAdd() {
|
|
|
this.visible = false
|
|
|
const modal = this.$refs.inBaseModal
|
|
|
modal.base()
|
|
|
},
|
|
|
- handleOutAdd () {
|
|
|
+ handleOutAdd() {
|
|
|
this.visible = false
|
|
|
const modal = this.$refs.outBaseModal
|
|
|
modal.base()
|
|
|
},
|
|
|
- toCalendar () {
|
|
|
+ toCalendar() {
|
|
|
const repairTips = cookie.get('repairTips')
|
|
|
if (repairTips === '1') {
|
|
|
- getCalendarNotice().then(res => {
|
|
|
+ getCalendarNotice().then((res) => {
|
|
|
const router = this.$router
|
|
|
cookie.set('repairTips', 2, 7)
|
|
|
if (res.data !== null && res.data.length > 0) {
|
|
|
this.$confirm({
|
|
|
title: '提示',
|
|
|
content: () => {
|
|
|
- return (<div>
|
|
|
- 近一周工单任务如下: <br />
|
|
|
- {
|
|
|
- res.data.map(item => {
|
|
|
- return <div>{item.calendarDate + ' : ' + item.num }</div>
|
|
|
- })
|
|
|
- }
|
|
|
- </div>)
|
|
|
+ return (
|
|
|
+ <div>
|
|
|
+ 近一周工单任务如下: <br />
|
|
|
+ {res.data.map((item) => {
|
|
|
+ return <div>{item.calendarDate + ' : ' + item.num}</div>
|
|
|
+ })}
|
|
|
+ </div>
|
|
|
+ )
|
|
|
},
|
|
|
okText: '去查看',
|
|
|
icon: 'info-circle',
|
|
|
- onOk () {
|
|
|
+ onOk() {
|
|
|
return new Promise((resolve, reject) => {
|
|
|
router.push({ path: '/repaire/calendar' })
|
|
|
resolve()
|
|
|
- }).catch(err => {
|
|
|
+ }).catch((err) => {
|
|
|
this.$message.error({
|
|
|
title: '错误',
|
|
|
- description: err.message
|
|
|
+ description: err.message,
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
- onCancel () {}
|
|
|
+ onCancel() {},
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
+ },
|
|
|
+ },
|
|
|
}
|
|
|
</script>
|
|
|
|
|
@@ -572,42 +567,46 @@ export default {
|
|
|
font-family: PingFang SC;
|
|
|
}
|
|
|
.gutter-box {
|
|
|
- display:flex;
|
|
|
- flex-direction:column;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
justify-content: space-between;
|
|
|
background: #fff;
|
|
|
padding: 18px 41px;
|
|
|
height: 170px;
|
|
|
}
|
|
|
-.btn{
|
|
|
-height: 113px;
|
|
|
-width: 100%;
|
|
|
-color: #fff!important;
|
|
|
-font-size:28px;
|
|
|
-border-radius: 20px;
|
|
|
-display:flex;
|
|
|
-align-items: center;
|
|
|
-justify-content: space-around;
|
|
|
+.btn {
|
|
|
+ height: 113px;
|
|
|
+ width: 100%;
|
|
|
+ color: #fff !important;
|
|
|
+ font-size: 28px;
|
|
|
+ border-radius: 20px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-around;
|
|
|
}
|
|
|
-.information{
|
|
|
+.information {
|
|
|
background: #fff;
|
|
|
padding: 30px 12px;
|
|
|
height: 500px;
|
|
|
- color:#666;
|
|
|
+ color: #666;
|
|
|
}
|
|
|
-.discolor{
|
|
|
- background: #EFEFFB;
|
|
|
+.discolor {
|
|
|
+ background: #efeffb;
|
|
|
}
|
|
|
.demo-infinite-container {
|
|
|
overflow: auto;
|
|
|
height: 400px;
|
|
|
}
|
|
|
- /deep/ .ant-table-placeholder{
|
|
|
- height:360px;
|
|
|
+/deep/ .ant-table-placeholder {
|
|
|
+ height: 360px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
-::-webkit-scrollbar { width: 0; height: 0; color: transparent; }
|
|
|
+::-webkit-scrollbar {
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ color: transparent;
|
|
|
+}
|
|
|
</style>
|