|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div class="main" v-cloak>
|
|
|
+ <div class="main" v-cloak>
|
|
|
|
|
|
<Header/>
|
|
|
<div class="main_t">
|
|
|
@@ -12,13 +12,13 @@
|
|
|
<div class="main_b">
|
|
|
<!--查询条件-->
|
|
|
<el-form :model="queryParams" ref="queryParams" class="form-box" :inline="true" style="margin:20px;">
|
|
|
- <el-form-item label="实验室" prop="dangerId" label-width="98px">
|
|
|
- <el-input
|
|
|
- maxLength="30"
|
|
|
- v-model="queryParams.searchValue"
|
|
|
- placeholder="实验室/房间号"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
+ <el-form-item label="实验室" prop="dangerId" label-width="98px">
|
|
|
+ <el-input
|
|
|
+ maxLength="30"
|
|
|
+ v-model="queryParams.searchValue"
|
|
|
+ placeholder="实验室/房间号"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="违规原因" prop="dangerId" label-width="98px">
|
|
|
<el-select v-model="queryParams.violationType" popper-class="select-big-data" placeholder="请选择违规原因">
|
|
|
<el-option
|
|
|
@@ -43,261 +43,289 @@
|
|
|
></el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item label-width="0">
|
|
|
- <el-button type="primary" @click.native.prevent="handleQuery" native-type="submit">查询</el-button>
|
|
|
- <el-button @click="resetQuery">重置</el-button>
|
|
|
+ <el-button type="primary" @click.native.prevent="handleQuery" native-type="submit">查询</el-button>
|
|
|
+ <el-button @click="resetQuery">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<!--列表-->
|
|
|
- <el-table :data="dataList" style="width: 100%" height="420" :row-class-name="tableRowClassName">
|
|
|
- <el-table-column label="序号" type="index" align="center" width="50"></el-table-column>
|
|
|
+ <el-table :data="dataList" style="width: 100%" height="420" :row-class-name="tableRowClassName">
|
|
|
+ <el-table-column label="序号" type="index" align="center" width="50"></el-table-column>
|
|
|
<el-table-column align="center" header-align='center' prop="subName" label="实验室"></el-table-column>
|
|
|
<el-table-column align="center" header-align='center' prop="typeName" label="安全分类"></el-table-column>
|
|
|
- <el-table-column align="center" header-align='center' prop="classifiedName" label="安全分级"></el-table-column>
|
|
|
+ <el-table-column align="center" header-align='center' prop="classifiedName"
|
|
|
+ label="安全分级"></el-table-column>
|
|
|
<el-table-column align="center" header-align='center' prop="content" label="违规原因"></el-table-column>
|
|
|
<el-table-column align="center" header-align='center' prop="num" label="违规次数"></el-table-column>
|
|
|
</el-table>
|
|
|
- <pagination :page-sizes="[20, 30, 40, 50]"
|
|
|
- :total="total"
|
|
|
- :page.sync="queryParams.page"
|
|
|
- :limit.sync="queryParams.pageSize"
|
|
|
- @pagination="getList"
|
|
|
- />
|
|
|
+ <pagination :page-sizes="[20, 30, 40, 50]"
|
|
|
+ :total="total"
|
|
|
+ :page.sync="queryParams.page"
|
|
|
+ :limit.sync="queryParams.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import {
|
|
|
- departmentsList,
|
|
|
- detailColumnar,
|
|
|
- detailSubList,
|
|
|
- getDictViolation,
|
|
|
- getSubjectDict,
|
|
|
-} from "../../api/http"
|
|
|
-import Header from '@/components/header.vue'
|
|
|
-import {
|
|
|
- examBigViewDetailColumnar,
|
|
|
- examBigViewDetailSubList, examViolationSiteGetListByType,
|
|
|
- laboratoryBigViewSubHazardBarChartCount,
|
|
|
- securityBigViewCheckOptionChartDetails
|
|
|
-} from "@/api";
|
|
|
-export default {
|
|
|
- components: {
|
|
|
- Header
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- //查询条件
|
|
|
- param:{
|
|
|
- pageNum:1,
|
|
|
- pageSize:5
|
|
|
- },
|
|
|
- editForm:{
|
|
|
- pageNum:1,
|
|
|
- pageSize:5,
|
|
|
- deptLevel:'',//这个是登陆后，刘波给你的院校的类型
|
|
|
- subId:'',//实验室
|
|
|
- violationType:'',//违规类型
|
|
|
- beginTimeStr:'',//开始时间
|
|
|
- endTimeStr:'',//结束时间
|
|
|
- },
|
|
|
- subjectOptions:[],//院系
|
|
|
- causeList:[],//违规原因
|
|
|
- dateRange:[],//时间
|
|
|
- totalNum:0,
|
|
|
- tableData:[],
|
|
|
- labList:[],//实验室
|
|
|
- endDay:new Date(2019,11,0).getDate(),
|
|
|
+ import {
|
|
|
+ departmentsList,
|
|
|
+ detailColumnar,
|
|
|
+ detailSubList,
|
|
|
+ getDictViolation,
|
|
|
+ getSubjectDict,
|
|
|
+ } from "../../api/http"
|
|
|
+ import Header from '@/components/header.vue'
|
|
|
+ import {
|
|
|
+ examBigViewDetailColumnar,
|
|
|
+ examBigViewDetailSubList, examViolationSiteGetListByType,
|
|
|
+ laboratoryBigViewSubHazardBarChartCount,
|
|
|
+ securityBigViewCheckOptionChartDetails
|
|
|
+ } from "@/api";
|
|
|
|
|
|
- queryParams:{
|
|
|
- page:1,
|
|
|
- pageSize:10,
|
|
|
- searchValue:'',
|
|
|
- beginTimeStr:'',
|
|
|
- endTimeStr:'',
|
|
|
- },
|
|
|
- dataList:[],
|
|
|
- total:0,
|
|
|
- }
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- this.getList();
|
|
|
- this.examBigViewDetailColumnar();
|
|
|
- this.examViolationSiteGetListByType();
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ Header
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ //查询条件
|
|
|
+ param: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 5
|
|
|
+ },
|
|
|
+ editForm: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 5,
|
|
|
+ deptLevel: '',//这个是登陆后，刘波给你的院校的类型
|
|
|
+ subId: '',//实验室
|
|
|
+ violationType: '',//违规类型
|
|
|
+ beginTimeStr: '',//开始时间
|
|
|
+ endTimeStr: '',//结束时间
|
|
|
+ },
|
|
|
+ subjectOptions: [],//院系
|
|
|
+ causeList: [],//违规原因
|
|
|
+ dateRange: [],//时间
|
|
|
+ totalNum: 0,
|
|
|
+ tableData: [],
|
|
|
+ labList: [],//实验室
|
|
|
+ endDay: new Date(2019, 11, 0).getDate(),
|
|
|
|
|
|
+ queryParams: {
|
|
|
+ page: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ searchValue: '',
|
|
|
+ beginTimeStr: '',
|
|
|
+ endTimeStr: '',
|
|
|
+ },
|
|
|
+ dataList: [],
|
|
|
+ total: 0,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.getList();
|
|
|
+ this.examBigViewDetailColumnar();
|
|
|
+ this.examViolationSiteGetListByType();
|
|
|
|
|
|
- },
|
|
|
- methods: {
|
|
|
- getList(){
|
|
|
- this.$set(this,'loading',true);
|
|
|
- let obj = JSON.parse(JSON.stringify(this.queryParams))
|
|
|
- if(this.dateRange[0]){
|
|
|
- obj.beginTimeStr = this.dateRange[0]+'T00:00:00'
|
|
|
- obj.endTimeStr = this.dateRange[1]+'T23:59:59'
|
|
|
- }else{
|
|
|
- obj.beginTimeStr = "";
|
|
|
- obj.endTimeStr = "";
|
|
|
- }
|
|
|
- examBigViewDetailSubList(obj).then(response => {
|
|
|
- this.$set(this,'loading',false);
|
|
|
- this.$set(this,'dataList',response.data.records);
|
|
|
- this.$set(this,'total',response.data.total);
|
|
|
- });
|
|
|
- },
|
|
|
- //柱状图
|
|
|
- examBigViewDetailColumnar(){
|
|
|
- let self=this;
|
|
|
- examBigViewDetailColumnar({}).then(response => {
|
|
|
- var illegalDetailData=response.data.list;
|
|
|
- let dataNum=[];
|
|
|
- let dataLength=illegalDetailData[0].length-1;
|
|
|
- for(var i=0;i<dataLength;i++){
|
|
|
- dataNum.push({ type: 'bar',barMaxWidth: "20", itemStyle: { normal: { barBorderRadius: 8}},"label": {"normal": {"show": true,"position": "top",fontSize: 14,color: '#fff',}}, },)
|
|
|
- }
|
|
|
- self.illegalDetailFun(illegalDetailData,dataNum)
|
|
|
- });
|
|
|
- },
|
|
|
- //违规原因
|
|
|
- examViolationSiteGetListByType(){
|
|
|
- examViolationSiteGetListByType().then(response => {
|
|
|
- this.causeList=response.data
|
|
|
- });
|
|
|
- },
|
|
|
- //查询按钮
|
|
|
- handleQuery(){
|
|
|
- this.$set(this.queryParams,'page',1);
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- //重置按钮
|
|
|
- resetQuery(){
|
|
|
- this.$set(this,'queryParams',{
|
|
|
- page:1,
|
|
|
- pageSize:10,
|
|
|
- searchValue:'',
|
|
|
- });
|
|
|
- this.getList();
|
|
|
- },
|
|
|
|
|
|
- back(){
|
|
|
- this.$router.push('/home')
|
|
|
- },
|
|
|
- tableRowClassName({ rowIndex}) {
|
|
|
- if (rowIndex%2 === 0) {
|
|
|
- return 'success-row';
|
|
|
- } else{
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getList() {
|
|
|
+ this.$set(this, 'loading', true);
|
|
|
+ let obj = JSON.parse(JSON.stringify(this.queryParams))
|
|
|
+ if (this.dateRange[0]) {
|
|
|
+ obj.beginTimeStr = this.dateRange[0]
|
|
|
+ obj.endTimeStr = this.dateRange[1]
|
|
|
+ } else {
|
|
|
+ obj.beginTimeStr = "";
|
|
|
+ obj.endTimeStr = "";
|
|
|
+ }
|
|
|
+ examBigViewDetailSubList(obj).then(response => {
|
|
|
+ this.$set(this, 'loading', false);
|
|
|
+ this.$set(this, 'dataList', response.data.records);
|
|
|
+ this.$set(this, 'total', response.data.total);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //柱状图
|
|
|
+ examBigViewDetailColumnar() {
|
|
|
+ let self = this;
|
|
|
+ examBigViewDetailColumnar({}).then(response => {
|
|
|
+ let dataY = [];
|
|
|
+ let dataX = [];
|
|
|
+ for(let i=0;i<response.data.length;i++){
|
|
|
+ dataY.push(response.data[i].violationCount);
|
|
|
+ dataX.push(response.data[i].reason)
|
|
|
+ }
|
|
|
+ self.illegalDetailFun(dataY, dataX)
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //违规原因
|
|
|
+ examViolationSiteGetListByType() {
|
|
|
+ examViolationSiteGetListByType().then(response => {
|
|
|
+ this.causeList = response.data
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //查询按钮
|
|
|
+ handleQuery() {
|
|
|
+ this.$set(this.queryParams, 'page', 1);
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ //重置按钮
|
|
|
+ resetQuery() {
|
|
|
+ this.$set(this, 'dateRange', []);
|
|
|
+ this.$set(this, 'queryParams', {
|
|
|
+ page: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ searchValue: '',
|
|
|
+ });
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
|
|
|
- return 'warning-row';
|
|
|
- }
|
|
|
- },
|
|
|
- /*安全隐患详情图表*/
|
|
|
- illegalDetailFun:function(illegalDetailData,dataNum) {
|
|
|
- let illegalOption = {
|
|
|
+ back() {
|
|
|
+ this.$router.push('/home')
|
|
|
+ },
|
|
|
+ tableRowClassName({rowIndex}) {
|
|
|
+ if (rowIndex % 2 === 0) {
|
|
|
+ return 'success-row';
|
|
|
+ } else {
|
|
|
|
|
|
- color: ['#05A3CD','#1CB146','#822FDF','#C65A18','#18C4C6','#055ACD'],
|
|
|
- legend: {
|
|
|
- type: 'scroll',
|
|
|
+ return 'warning-row';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /*安全隐患详情图表*/
|
|
|
+ illegalDetailFun: function (dataY, dataX) {
|
|
|
+ let illegalOption = {
|
|
|
+ color: ['#3398DB'],
|
|
|
+ tooltip: {
|
|
|
+ /* trigger: 'axis',
|
|
|
+ axisPointer : { // 坐标轴指示器，坐标轴触发有效
|
|
|
+ type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
|
|
+ }*/
|
|
|
+ },
|
|
|
+ grid: {
|
|
|
+ left: '3%',
|
|
|
+ right: '4%',
|
|
|
+ bottom: '3%',
|
|
|
+ containLabel: true
|
|
|
+ },
|
|
|
+ xAxis: [
|
|
|
+ {
|
|
|
+ type: 'category',
|
|
|
+ data: dataX,
|
|
|
+ axisLabel: {
|
|
|
+ textStyle: {//改变X轴字体颜色
|
|
|
+ color: '#fff',
|
|
|
|
|
|
- itemGap:20,
|
|
|
- itemWidth :14,
|
|
|
- textStyle:{
|
|
|
- color:'#fff'
|
|
|
- },
|
|
|
- right: '5%',
|
|
|
- top: '2%',
|
|
|
- },
|
|
|
- tooltip: {},
|
|
|
- grid: {
|
|
|
- left: '3%',
|
|
|
- right: '4%',
|
|
|
- bottom: '3%',
|
|
|
- top: '20%',
|
|
|
- containLabel: true
|
|
|
- },
|
|
|
- dataset: {
|
|
|
- /*source: [
|
|
|
- ['product', '离开未打卡', '未佩戴护目镜', '未佩戴实验手套', '非法闯入', '为穿着实验服','实验室清洁'],
|
|
|
- ['第一季度', 43.3, 85.8, 93.7,12,12,34],
|
|
|
- ['第二季度', 83.1, 73.4, 55.1,12,12,34],
|
|
|
- ['第三季度', 86.4, 65.2, 82.5,12,12,34],
|
|
|
- ['第四季度', 72.4, 53.9, 39.1,12,12,34]
|
|
|
- ]*/
|
|
|
- source:illegalDetailData
|
|
|
- },
|
|
|
- xAxis: {
|
|
|
- type: 'category',
|
|
|
- axisLabel: {
|
|
|
- textStyle: {//改变X轴字体颜色
|
|
|
- color: '#fff',
|
|
|
+ },
|
|
|
+ formatter: function (value) {
|
|
|
+ var ret = "";//拼接加\n返回的类目项
|
|
|
+ var maxLength = 4;//每项显示文字个数
|
|
|
+ var valLength = value.length;//X轴类目项的文字个数
|
|
|
+ var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
|
|
|
+ if (rowN > 1)//如果类目项的文字大于5,
|
|
|
+ {
|
|
|
+ for (var i = 0; i < rowN; i++) {
|
|
|
+ var temp = "";//每次截取的字符串
|
|
|
+ var start = i * maxLength;//开始截取的位置
|
|
|
+ var end = start + maxLength;//结束截取的位置
|
|
|
+ //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
|
|
|
+ temp = value.substring(start, end) + "\n";
|
|
|
+ ret += temp; //凭借最终的字符串
|
|
|
+ }
|
|
|
+ return ret;
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ return value;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ axisTick: {//去掉X轴刻度
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ show: true,
|
|
|
+ lineStyle: {
|
|
|
+ "color": "#486CC2",
|
|
|
+ width: 2,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ yAxis: [
|
|
|
+ {
|
|
|
+ type: 'value',
|
|
|
|
|
|
- }
|
|
|
- },
|
|
|
- axisTick:{//去掉X轴刻度
|
|
|
- show:false,
|
|
|
- },
|
|
|
- axisLine:{
|
|
|
- lineStyle:{
|
|
|
- color:'#2E4C74',//改变X轴颜色
|
|
|
- width: 2,
|
|
|
|
|
|
- }
|
|
|
- },
|
|
|
+ splitLine: { // 分隔线
|
|
|
+ show: false, // 默认显示，属性show控制显示与否
|
|
|
+ lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
|
|
|
+ color: ['#fff'],
|
|
|
+ width: 1,
|
|
|
+ type: 'solid',
|
|
|
+ opacity: 0.15
|
|
|
+ },
|
|
|
|
|
|
+ },
|
|
|
+ axisLabel: {
|
|
|
+ textStyle: {//改变X轴字体颜色
|
|
|
+ color: '#fff',
|
|
|
|
|
|
+ },
|
|
|
+ },
|
|
|
+ axisTick: {//去掉X轴刻度
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ show: true,
|
|
|
+ lineStyle: {
|
|
|
+ "color": "#486CC2",
|
|
|
+ width: 2,
|
|
|
+ }
|
|
|
+ },
|
|
|
|
|
|
+ }
|
|
|
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- axisLabel: {
|
|
|
- textStyle: {//改变X轴字体颜色
|
|
|
- color: '#fff',
|
|
|
+ ],
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: '违规统计',
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: true,
|
|
|
+ position: 'top',
|
|
|
+ textStyle: {
|
|
|
+ color: '#fff',
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ itemStyle: {
|
|
|
|
|
|
- }
|
|
|
- },
|
|
|
- splitLine: { // 分隔线
|
|
|
- show: false, // 默认显示，属性show控制显示与否
|
|
|
- lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
|
|
|
- color: ['#fff'],
|
|
|
- width: 1,
|
|
|
- type: 'solid',
|
|
|
- opacity:0.15
|
|
|
- },
|
|
|
+ normal: {
|
|
|
+ borderRadius: 4,
|
|
|
+ color: new this.$echarts.graphic.LinearGradient(
|
|
|
+ 0, 0, 0, 1,
|
|
|
+ [
|
|
|
+ {offset: 0, color: '#A3ECFF'},
|
|
|
|
|
|
- },
|
|
|
- axisTick:{//去掉X轴刻度
|
|
|
- show:false,
|
|
|
- },
|
|
|
- axisLine:{
|
|
|
- show:true,
|
|
|
- lineStyle:{
|
|
|
- color:'#2E4C74',//改变X轴颜色
|
|
|
- width: 2,
|
|
|
+ {offset: 1, color: '#05A3CD'}
|
|
|
+ ]
|
|
|
+ )
|
|
|
+ },
|
|
|
|
|
|
+ },
|
|
|
+ type: 'bar',
|
|
|
+ barWidth: '34px',
|
|
|
+ data: dataY
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ var illegal_chart = this.$echarts.init(document.getElementById('illegal_chart'));
|
|
|
+ illegal_chart.setOption(illegalOption);
|
|
|
}
|
|
|
- },
|
|
|
},
|
|
|
- // Declare several bar series, each will be mapped
|
|
|
- // to a column of dataset.source by default.
|
|
|
|
|
|
|
|
|
- series:dataNum
|
|
|
- /* series: [
|
|
|
- { type: 'bar', itemStyle: { normal: { barBorderRadius: 8}} ,"label": {"normal": {"show": true,"position": "top",fontSize: 14,color: '#fff',}},},
|
|
|
- { type: 'bar' , itemStyle: { normal: { barBorderRadius: 8}}},
|
|
|
- { type: 'bar', itemStyle: { normal: { barBorderRadius: 8}} },
|
|
|
- { type: 'bar' , itemStyle: { normal: { barBorderRadius: 8}}},
|
|
|
- { type: 'bar', itemStyle: { normal: { barBorderRadius: 8}} },
|
|
|
- { type: 'bar' , itemStyle: { normal: { barBorderRadius: 8}}}
|
|
|
- ]*/
|
|
|
- };
|
|
|
- var illegal_chart = this.$echarts.init(document.getElementById('illegal_chart'));
|
|
|
- illegal_chart.setOption(illegalOption);
|
|
|
}
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
* {
|
|
|
@@ -305,6 +333,7 @@ export default {
|
|
|
margin: 0;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
+
|
|
|
.main {
|
|
|
width: 1920px;
|
|
|
height: 1080px;
|
|
|
@@ -352,7 +381,7 @@ export default {
|
|
|
margin-top: 18px;
|
|
|
}
|
|
|
}
|
|
|
- .main_t{
|
|
|
+ .main_t {
|
|
|
background: rgba(9, 55, 81, 0.6);
|
|
|
width: 1852px;
|
|
|
height: 352px;
|
|
|
@@ -360,28 +389,28 @@ export default {
|
|
|
left: 34px;
|
|
|
top: 86px;
|
|
|
z-index: 200;
|
|
|
- .main_t_t{
|
|
|
+ .main_t_t {
|
|
|
margin: 20px 0 0 18px;
|
|
|
- >i{
|
|
|
+ > i {
|
|
|
font-size: 16px;
|
|
|
font-family: Microsoft YaHei;
|
|
|
font-weight: bold;
|
|
|
color: #FFFFFF;
|
|
|
line-height: 16px;
|
|
|
}
|
|
|
- >i:nth-of-type(1){
|
|
|
+ > i:nth-of-type(1) {
|
|
|
|
|
|
}
|
|
|
- >i:nth-of-type(2){
|
|
|
+ > i:nth-of-type(2) {
|
|
|
color: #1ED0F8;
|
|
|
}
|
|
|
}
|
|
|
- .main_t_b{
|
|
|
+ .main_t_b {
|
|
|
width: 1852px;
|
|
|
height: 302px;
|
|
|
}
|
|
|
}
|
|
|
- .main_b{
|
|
|
+ .main_b {
|
|
|
background: rgba(9, 55, 81, 0.6);
|
|
|
padding: 0 32px;
|
|
|
width: 1852px;
|
|
|
@@ -394,7 +423,16 @@ export default {
|
|
|
}
|
|
|
</style>
|
|
|
<style lang="scss">
|
|
|
-li{list-style:none}
|
|
|
-i,em,b{font-style:normal;font-weight:100;}
|
|
|
-body{margin: 0}
|
|
|
+ li {
|
|
|
+ list-style: none
|
|
|
+ }
|
|
|
+
|
|
|
+ i, em, b {
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: 100;
|
|
|
+ }
|
|
|
+
|
|
|
+ body {
|
|
|
+ margin: 0
|
|
|
+ }
|
|
|
</style>
|
dedsudiyu