|
@@ -1,192 +1,211 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <div class="gutter-example">
|
|
|
- <a-row :gutter="20">
|
|
|
- <a-col class="gutter-row" :span="8">
|
|
|
- <div class="gutter-box">
|
|
|
- <a-row type="flex" justify="space-between" style="flex:1; font-size:22px;font-weight: 500;color: #373737;">
|
|
|
- <a-col>设备数量汇总</a-col>
|
|
|
- <a-col style="color:#E4007F;">{{ record.totalDNumber }}</a-col>
|
|
|
- </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="#E4007F"/>
|
|
|
- <span style="color:#E4007F;">在用 {{ record.dbNumber }}</span>
|
|
|
- </a-col>
|
|
|
- <a-col style="width:130px;">
|
|
|
- <a-badge color="#E4007F"/>
|
|
|
- <span style="color:#E4007F;">报废中 {{ record.bfNumber }}</span>
|
|
|
+ <div v-show="visible">
|
|
|
+ <div class="gutter-example">
|
|
|
+ <a-row :gutter="20">
|
|
|
+ <a-col class="gutter-row" :span="8">
|
|
|
+ <div class="gutter-box">
|
|
|
+ <a-row type="flex" justify="space-between" style="flex:1; font-size:22px;font-weight: 500;color: #373737;">
|
|
|
+ <a-col>设备数量汇总</a-col>
|
|
|
+ <a-col style="color:#3066EC ;"><a href="sb/info" style="color:#3066EC ;" target="_block">{{ record.totalDNumber }}</a></a-col>
|
|
|
+ </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 "/>
|
|
|
+ <span style="color:#3066EC ;"> <a href="sb/info?status=1" style="color:#3066EC ;" target="_block">在用 {{ record.dbNumber }}</a></span>
|
|
|
+ </a-col>
|
|
|
+ <a-col style="width:130px;">
|
|
|
+ <a-badge color="#3066EC "/>
|
|
|
+ <span style="color:#3066EC ;"><a href="sb/info?status=3" style="color:#3066EC ;" target="_block">报废中 {{ record.bfNumber }}</a></span>
|
|
|
|
|
|
- </a-col>
|
|
|
- </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="#E4007F"/>
|
|
|
- <span style="color:#E4007F;">已停机 {{ record.stopNumber }}</span>
|
|
|
- </a-col>
|
|
|
- <a-col style="width:130px;">
|
|
|
- <a-badge color="#E4007F"/>
|
|
|
- <span style="color:#E4007F;">已报废 {{ record.pdNumber }}</span>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </div>
|
|
|
- </a-col>
|
|
|
- <a-col class="gutter-row" :span="8">
|
|
|
- <div class="gutter-box">
|
|
|
- <a-row type="flex" justify="space-between" style="flex:1; font-size:22px;font-weight: 500;color: #373737;">
|
|
|
- <a-col>设备维修</a-col>
|
|
|
- <a-col style="color:#E4007F;">{{ record.totalRepairNumber }}</a-col>
|
|
|
- </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="#E4007F"/>
|
|
|
- <span style="color:#E4007F;">计划性 {{ record.planNumber }}</span>
|
|
|
- </a-col>
|
|
|
- <a-col style="width:130px;">
|
|
|
- <a-badge color="#E4007F"/>
|
|
|
- <span style="color:#E4007F;">非计划性 {{ record.notPlanNumber }}</span>
|
|
|
+ </a-col>
|
|
|
+ </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 "/>
|
|
|
+ <span style="color:#3066EC ;"><a href="sb/info?status=7" style="color:#3066EC ;" target="_block">已停机 {{ record.stopNumber }}</a></span>
|
|
|
+ </a-col>
|
|
|
+ <a-col style="width:130px;">
|
|
|
+ <a-badge color="#3066EC "/>
|
|
|
+ <span style="color:#3066EC ;"><a href="sb/info?status=4" style="color:#3066EC ;" target="_block">已报废 {{ record.pdNumber }}</a></span>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </div>
|
|
|
+ </a-col>
|
|
|
+ <a-col class="gutter-row" :span="8">
|
|
|
+ <div class="gutter-box">
|
|
|
+ <a-row type="flex" justify="space-between" style="flex:1; font-size:22px;font-weight: 500;color: #373737;">
|
|
|
+ <a-col>设备维修</a-col>
|
|
|
+ <a-col style="color:#3066EC ;"><a href="repair/form" style="color:#3066EC ;" target="_block">{{ record.totalRepairNumber }}</a></a-col>
|
|
|
+ </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 "/>
|
|
|
+ <span style="color:#3066EC ;"><a href="repair/form?planFlag=1" style="color:#3066EC ;" target="_block">计划性 {{ record.planNumber }}</a></span>
|
|
|
+ </a-col>
|
|
|
+ <a-col style="width:130px;">
|
|
|
+ <a-badge color="#3066EC "/>
|
|
|
+ <span style="color:#3066EC ;"><a href="repair/form?planFlag=2" style="color:#3066EC ;" target="_block">非计划性 {{ record.notPlanNumber }}</a></span>
|
|
|
|
|
|
- </a-col>
|
|
|
- </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="#E4007F"/>
|
|
|
- <span style="color:#E4007F;">其他 {{ record.otherNumber }}</span>
|
|
|
- </a-col>
|
|
|
- <a-col style="width:130px;">
|
|
|
- <a-badge color="#E4007F"/>
|
|
|
- <span style="color:#E4007F;">未设置 {{ record.noIdeaNumber }}</span>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </div>
|
|
|
- </a-col>
|
|
|
- <a-col class="gutter-row" :span="8">
|
|
|
- <div style="display:flex;text-align:center;background:#fff;height: 170px;">
|
|
|
- <div style="width:48%;margin:auto;font-size:26px; line-height: 60px;">
|
|
|
- <div>设备总数</div>
|
|
|
- <div style="font-size:24px;color:#E4007F;">{{ record.totalNumber }}</div>
|
|
|
+ </a-col>
|
|
|
+ </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 "/>
|
|
|
+ <span style="color:#3066EC ;"><a href="repair/form?planFlag=3" style="color:#3066EC ;" target="_block">其他 {{ record.otherNumber }}</a></span>
|
|
|
+ </a-col>
|
|
|
+ <a-col style="width:130px;">
|
|
|
+ <a-badge color="#3066EC "/>
|
|
|
+ <span style="color:#3066EC ;"><a href="repair/form?planFlag=-1" style="color:#3066EC ;" target="_block">未设置 {{ record.noIdeaNumber }}</a></span>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
</div>
|
|
|
- <div style="width: 1px;height: 70px;background: #999999;margin:auto;"></div>
|
|
|
- <div style="width:48%;margin:auto; font-size:26px;line-height: 60px;">
|
|
|
- <div>在用总数</div>
|
|
|
- <div style="font-size:24px;color:#E4007F;">{{ record.useNumber }}</div>
|
|
|
+ </a-col>
|
|
|
+ <a-col class="gutter-row" :span="8">
|
|
|
+ <div style="display:flex;text-align:center;background:#fff;height: 170px;">
|
|
|
+ <div style="width:48%;margin:auto;font-size:26px; line-height: 60px;">
|
|
|
+ <div>设备总数</div>
|
|
|
+ <div style="font-size:24px;color:#3066EC ;"><a href="sb/info" style="color:#3066EC ;" target="_block">{{ record.totalDNumber }}</a></div>
|
|
|
+ </div>
|
|
|
+ <div style="width: 1px;height: 70px;background: #999999;margin:auto;"></div>
|
|
|
+ <div style="width:48%;margin:auto; font-size:26px;line-height: 60px;">
|
|
|
+ <div>在用总数</div>
|
|
|
+ <div style="font-size:24px;color:#3066EC ;"> <a href="sb/info?status=1" style="color:#3066EC ;" target="_block">在用 {{ record.useNumber }}</a></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </div>
|
|
|
- <div class="gutter-example">
|
|
|
- <a-row :gutter="[20,40]">
|
|
|
- <a-col class="gutter-row" :span="8">
|
|
|
- <div style="height: 471px;background: #FFFFFF;padding:24px">
|
|
|
- <div style="display:flex;justify-content: space-between;height: 18px; font-size:16px;color: #555555; ">
|
|
|
- <div>设备状态一览图</div>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </div>
|
|
|
+ <div class="gutter-example">
|
|
|
+ <a-row :gutter="[20,40]">
|
|
|
+ <a-col class="gutter-row" :span="8">
|
|
|
+ <div style="height: 471px;background: #FFFFFF;padding:24px">
|
|
|
+ <div style="display:flex;justify-content: space-between;height: 18px; font-size:16px;color: #555555; ">
|
|
|
+ <div>设备状态一览图</div>
|
|
|
<!-- <div>设备总数100</div> -->
|
|
|
+ </div>
|
|
|
+ <div id="container-pie"></div>
|
|
|
</div>
|
|
|
- <div id="container-pie"></div>
|
|
|
- </div>
|
|
|
- </a-col>
|
|
|
- <a-col class="gutter-row" :span="12">
|
|
|
- <div style="height: 471px;background: #FFFFFF; padding:24px;">
|
|
|
- <div style="justify-content: space-between;height: 18px; font-size:16px;color: #555555; margin-bottom:25px;">
|
|
|
- <div style="width: 7px;background: #4D86ED;"></div>
|
|
|
- <div>近一周设备故障统计(截止到今天的一周)</div>
|
|
|
- </div>
|
|
|
- <div id="container-line"></div>
|
|
|
- </div>
|
|
|
- </a-col>
|
|
|
- <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,#26ECF5);">
|
|
|
- <img src="@/assets/diaobo.png" width="60px" alt="">
|
|
|
- <span>调拨</span>
|
|
|
- </div>
|
|
|
- <div class="btn" style="background:linear-gradient(to right,#FF416D,#FF847F);">
|
|
|
- <my-icon type="icon-jijubaofeishenqing" style="font-size:58px;"/>
|
|
|
- <span>报废</span>
|
|
|
- </div>
|
|
|
- <div class="btn" style="background:linear-gradient(to right,#FB47D1,#F96EFE);">
|
|
|
- <img src="@/assets/tingji.png" width="60px" alt="">
|
|
|
- <span>停机</span>
|
|
|
+ </a-col>
|
|
|
+ <a-col class="gutter-row" :span="12">
|
|
|
+ <div style="height: 471px;background: #FFFFFF; padding:24px;">
|
|
|
+ <div style="justify-content: space-between;height: 18px; font-size:16px;color: #555555; margin-bottom:25px;">
|
|
|
+ <div style="width: 7px;background: #4D86ED;"></div>
|
|
|
+ <div>近一周设备故障统计(截止到今天的一周)</div>
|
|
|
+ </div>
|
|
|
+ <div id="container-line"></div>
|
|
|
</div>
|
|
|
- <div class="btn" style="background:linear-gradient(to right,#941FFF,#BC72FB);">
|
|
|
- <img src="@/assets/pandian.png" width="60px" alt="">
|
|
|
- <span>盘点</span>
|
|
|
+ </a-col>
|
|
|
+ <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);">
|
|
|
+ <img src="@/assets/diaobo.png" width="60px" alt="" @click="handleAdd(2)">
|
|
|
+ <span>调拨</span>
|
|
|
+ </div>
|
|
|
+ <div class="btn" style="background:linear-gradient(to right,#36B5FA,#3066EC);" @click="handleAdd(1)">
|
|
|
+ <my-icon type="icon-jijubaofeishenqing" style="font-size:58px;"/>
|
|
|
+ <span>报废</span>
|
|
|
+ </div>
|
|
|
+ <div class="btn" style="background:linear-gradient(to right,#36B5FA,#3066EC);" @click="handleAdd(0)">
|
|
|
+ <img src="@/assets/tingji.png" width="60px" alt="">
|
|
|
+ <span>停机</span>
|
|
|
+ </div>
|
|
|
+ <a style="color:#fff;" target="_block" href="/sb/store/check/plan">
|
|
|
+ <div class="btn" style="background:linear-gradient(to right,#36B5FA,#3066EC);">
|
|
|
+ <img src="@/assets/pandian.png" width="60px" alt="">
|
|
|
+ <span>盘点</span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </div>
|
|
|
- <div class="gutter-example">
|
|
|
- <a-row :gutter="20">
|
|
|
- <a-col class="gutter-row" :span="6">
|
|
|
- <div class="information">
|
|
|
- <div style="display:flex;justify-content: space-between;align-items: center; padding-bottom:20px;">
|
|
|
- <div style="display:flex; width:65px;height:17px;justify-content: space-between;align-items: center;">
|
|
|
- <div style=" width: 17px;height: 17px;background: #3462FD;border-radius: 50%;"></div>
|
|
|
- <div style="font-size: 18px;font-weight: 800;color: #333333;">资料</div>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </div>
|
|
|
+ <div class="gutter-example">
|
|
|
+ <a-row :gutter="20">
|
|
|
+ <a-col class="gutter-row" :span="6">
|
|
|
+ <div class="information">
|
|
|
+ <div style="display:flex;justify-content: space-between;align-items: center; padding-bottom:20px;">
|
|
|
+ <div style="display:flex; width:65px;height:17px;justify-content: space-between;align-items: center;">
|
|
|
+ <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 >
|
|
|
+ <a href="/operate/article/Article" target="_block"> 查看全部
|
|
|
+ <my-icon type="icon-xiangyou-copy" style="font-size:13px;"/></a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div >
|
|
|
- <a href="/operate/article/Article" target="_block"> 查看全部
|
|
|
- <my-icon type="icon-xiangyou-copy" style="font-size:13px;"/></a>
|
|
|
+ <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)" >
|
|
|
+ <div slot="title" style="cursor:pointer">{{ item.title }}</div>
|
|
|
+ </a-list-item-meta>
|
|
|
+ <div>{{ item.updateTime }}</div>
|
|
|
+ </a-list-item>
|
|
|
+ </a-list>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <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)" >
|
|
|
- <div slot="title" style="cursor:pointer">{{ item.title }}</div>
|
|
|
- </a-list-item-meta>
|
|
|
- <div>{{ item.updateTime }}</div>
|
|
|
- </a-list-item>
|
|
|
- </a-list>
|
|
|
+ </a-col>
|
|
|
+ <a-col class="gutter-row" :span="18">
|
|
|
+ <div class="information">
|
|
|
+ <div style="display:flex;justify-content: space-between;align-items: center; padding-bottom:20px;">
|
|
|
+ <div style="display:flex; width:65px;height:17px;justify-content: space-between;align-items: center;">
|
|
|
+ <div style=" width: 17px;height: 17px;background: #3462FD;border-radius: 50%;"></div>
|
|
|
+ <div style="font-size: 18px;font-weight: 800;color: #333333;">通知</div>
|
|
|
+ </div>
|
|
|
+ <a href="WorkplaceBacklog" target="_block">
|
|
|
+ 查看全部
|
|
|
+ <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 }"
|
|
|
+ >
|
|
|
+ <span slot="action" slot-scope="record">
|
|
|
+ <template>
|
|
|
+ <a @click="handle(record)">详情</a>
|
|
|
+ <a-divider v-if="record.status === 1" type="vertical" />
|
|
|
+ <a v-if="record.status === 1" @click="dealJumpDetail(record)">跳转</a>
|
|
|
+ </template>
|
|
|
+ </span>
|
|
|
+ <span slot="content" slot-scope="text" v-html="text">
|
|
|
+ </span>
|
|
|
+ </s-table>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </a-col>
|
|
|
- <a-col class="gutter-row" :span="18">
|
|
|
- <div class="information">
|
|
|
- <s-table
|
|
|
- ref="table"
|
|
|
- size="small"
|
|
|
- bordered
|
|
|
- rowKey="id"
|
|
|
- :columns="columns"
|
|
|
- :data="loadData"
|
|
|
- :pageSize="10"
|
|
|
- :scroll="{ y: 190 }"
|
|
|
- >
|
|
|
- <span slot="action" slot-scope="record">
|
|
|
- <template>
|
|
|
- <a @click="handle(record)">详情</a>
|
|
|
- <a-divider v-if="record.status === 1" type="vertical" />
|
|
|
- <a v-if="record.status === 1" @click="dealJumpDetail(record)">跳转</a>
|
|
|
- </template>
|
|
|
- </span>
|
|
|
- <span slot="content" slot-scope="text" v-html="text">
|
|
|
- </span>
|
|
|
- </s-table>
|
|
|
- </div>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<detail ref="detailModal"></detail>
|
|
|
+ <sb-custom-form-view ref="showCustomView" @ok="handleOk"/>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import SbCustomFormView from '@/views/sb/scraps/modules/SbCustomFormView.vue'
|
|
|
import Detail from '@/views/operate/article/modules/Detail.vue'
|
|
|
import { STable } from '@/components'
|
|
|
import { getArticlePage, fetchArticle } from '@/api/operate/article'
|
|
|
import { getWorkplaceBacklogUserPage } from '@/api/workplace/backlog'
|
|
|
import { Chart } from '@antv/g2'
|
|
|
import { fetchSbWorkplaceData } from '@/api/sb/info'
|
|
|
+import { fetchCustomFieldTemplateByRemark } from '@/api/customize/fieldTemplate'
|
|
|
+
|
|
|
export default {
|
|
|
name: 'SbInfoWorkplaceBacklog',
|
|
|
components: {
|
|
|
STable,
|
|
|
Detail,
|
|
|
+ SbCustomFormView,
|
|
|
Chart
|
|
|
},
|
|
|
data () {
|
|
@@ -208,6 +227,7 @@ export default {
|
|
|
{ week: '周六', value: 6 },
|
|
|
{ week: '周日', value: 7 }
|
|
|
],
|
|
|
+ visible: true,
|
|
|
allCount: 100,
|
|
|
chartPie: null,
|
|
|
chartLine: null,
|
|
@@ -325,6 +345,39 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
methods: {
|
|
|
+ handleAdd (key) {
|
|
|
+ let params
|
|
|
+
|
|
|
+ switch (key) {
|
|
|
+ case 0:
|
|
|
+ this.visible = false
|
|
|
+ params = { remark: 'sb_info_stop' }
|
|
|
+ fetchCustomFieldTemplateByRemark(params).then(res => {
|
|
|
+ const modal = this.$refs.showCustomView
|
|
|
+ modal.base(res.data)
|
|
|
+ })
|
|
|
+ break
|
|
|
+ case 1:
|
|
|
+ this.visible = false
|
|
|
+ params = { remark: 'sb_info_scrap' }
|
|
|
+ fetchCustomFieldTemplateByRemark(params).then(res => {
|
|
|
+ const modal = this.$refs.showCustomView
|
|
|
+ modal.base(res.data)
|
|
|
+ })
|
|
|
+ break
|
|
|
+ case 2:
|
|
|
+ this.visible = false
|
|
|
+ params = { remark: 'sb_info_allocate' }
|
|
|
+ fetchCustomFieldTemplateByRemark(params).then(res => {
|
|
|
+ const modal = this.$refs.showCustomView
|
|
|
+ modal.base(res.data)
|
|
|
+ })
|
|
|
+ break
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleOk (values) {
|
|
|
+ this.visible = true
|
|
|
+ },
|
|
|
getDict () {
|
|
|
this.typeDict = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.WORKPLACE_BACKLOG_TYPE)
|
|
|
this.typeDetailDict = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.WORKPLACE_BACKLOG_DETAIL_TYPE)
|
|
@@ -497,6 +550,9 @@ display:flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-around;
|
|
|
}
|
|
|
+.btn:hover{
|
|
|
+ cursor:pointer;
|
|
|
+}
|
|
|
.information{
|
|
|
background: #fff;
|
|
|
padding: 30px 12px;
|