|
|
@@ -1,26 +1,22 @@
|
|
|
<template>
|
|
|
-<div class="main">
|
|
|
-
|
|
|
+ <div class="main">
|
|
|
<Header/>
|
|
|
<div class="main_t">
|
|
|
<div class="main_t_t">
|
|
|
<i class="main_t_t_l">当前位置：首页 ></i>
|
|
|
- <i>预案执行统计</i>
|
|
|
+ <i>风险预警统计</i>
|
|
|
</div>
|
|
|
<!--<div class="main_t_b" id="plan_chart"></div>-->
|
|
|
</div>
|
|
|
<div class="main_b">
|
|
|
<!--查询条件-->
|
|
|
<el-form :model="editForm" ref="queryParams" class="form-box" :inline="true" style="margin:20px;">
|
|
|
- <el-form-item label="实验室" prop="dangerId" label-width="98px">
|
|
|
- <el-select v-model="editForm.subjectId" popper-class="select-big-data" placeholder="请选择实验室">
|
|
|
- <el-option
|
|
|
- v-for="item in labList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
+ <el-form-item label="" prop="searchValue" label-width="98px">
|
|
|
+ <el-input
|
|
|
+ maxLength="30"
|
|
|
+ v-model="editForm.searchValue"
|
|
|
+ placeholder="实验室/房间号"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="日期" prop="dateRange" label-width="68px">
|
|
|
<el-date-picker
|
|
|
@@ -41,31 +37,46 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<!--列表-->
|
|
|
- <el-table :data="tableData" style="width: 100%;" height="740" :row-class-name="tableRowClassName">
|
|
|
- <el-table-column align="center" header-align='center' type="index" :index="indexMethod" label="序号" width="60"></el-table-column>
|
|
|
- <el-table-column align="left" header-align='center' prop="subjectName" label="实验室">
|
|
|
- <template slot-scope="scope" >
|
|
|
+ <el-table :data="tableData" style="width: 100%;" height="740" :row-class-name="tableRowClassName">
|
|
|
+ <el-table-column align="center" header-align='center' type="index" :index="indexMethod" label="序号"
|
|
|
+ width="60"></el-table-column>
|
|
|
+ <el-table-column align="left" header-align='center' prop="subjectName" label="实验室" width="400">
|
|
|
+ <template slot-scope="scope">
|
|
|
<div class="lab_border">
|
|
|
- <span class="lab_span"><i>{{scope.row.classifiedName}}</i><i>{{scope.row.typeName}}</i></span>
|
|
|
- <span class="lab_span2">{{scope.row.subjectName}}</span>
|
|
|
+ <span class="lab_span"><i>{{scope.row.classLevelName}}</i><i>{{scope.row.classTypeNames}}</i></span>
|
|
|
+ <span class="lab_span2">{{scope.row.subName}}</span>
|
|
|
</div>
|
|
|
- </template>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center" header-align='center' prop="eventStartTime" label="起始时间" width="160">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{parseTime(scope.row.eventStartTime)}}</span>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" header-align='center' prop="createTimeStr" label="起始时间"></el-table-column>
|
|
|
- <el-table-column align="center" header-align='center' prop="overTime" label="结束时间"></el-table-column>
|
|
|
- <el-table-column align="center" header-align='center' prop="alarmInfo" label="风险预警">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span class="risk_span"><img v-if="scope.row.alarmInfo==1" src="@/assets/image/icon_fxyj_xz.png"/><img v-if="scope.row.alarmInfo==0" src="@/assets/image/icon_fxyj_zc.png"/>声光报警</span>
|
|
|
- <span class="risk_span"><img v-if="scope.row.phoneInfo==1" src="@/assets/image/icon_fxyj_xz.png"/><img v-if="scope.row.phoneInfo==0" src="@/assets/image/icon_fxyj_zc.png"/>电话</span>
|
|
|
- <span class="risk_span"><img v-if="scope.row.phoneInfo==1" src="@/assets/image/icon_fxyj_xz.png"/><img v-if="scope.row.phoneInfo==0" src="@/assets/image/icon_fxyj_zc.png"/>短信</span>
|
|
|
- </template>
|
|
|
+ <el-table-column align="center" header-align='center' prop="eventEndTime" label="结束时间" width="160">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{parseTime(scope.row.eventEndTime)}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center" header-align='center' prop="alarmInfo" label="风险预警" width="200">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span class="risk_span">
|
|
|
+ <img v-if="scope.row.checkOne" src="@/assets/image/icon_fxyj_xz.png"/>
|
|
|
+ <img v-if="!scope.row.checkOne" src="@/assets/image/icon_fxyj_zc.png"/>电话
|
|
|
+ </span>
|
|
|
+ <span class="risk_span">
|
|
|
+ <img v-if="scope.row.checkTwo" src="@/assets/image/icon_fxyj_xz.png"/>
|
|
|
+ <img v-if="!scope.row.checkTwo" src="@/assets/image/icon_fxyj_zc.png"/>短信
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" header-align='center' prop="sesorContent" label="应急处置">
|
|
|
- <template slot-scope="scope" >
|
|
|
- <span class="risk_span"><img v-if="scope.row.windInfo==1" src="@/assets/image/icon_fxyj_xz.png"/><img v-if="scope.row.windInfo==0" src="@/assets/image/icon_fxyj_zc.png"/>通风</span>
|
|
|
- <span class="risk_span"><img v-if="scope.row.powerInfo==1" src="@/assets/image/icon_fxyj_xz.png"/><img v-if="scope.row.powerInfo==0" src="@/assets/image/icon_fxyj_zc.png"/>断电</span>
|
|
|
- <span class="risk_span"><img src="@/assets/image/icon_fxyj_zc.png"/>短信</span>
|
|
|
- </template>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span class="risk_span" v-for="(item,index) in scope.row.deviceList" :key="index">
|
|
|
+ <img src="@/assets/image/icon_fxyj_xz.png"/>
|
|
|
+ {{item.deviceName}}
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<el-pagination
|
|
|
@@ -73,9 +84,8 @@
|
|
|
background
|
|
|
@current-change="handleCurrentChange"
|
|
|
:page-sizes="[10, 20, 30, 40]"
|
|
|
- :current-page.sync="editForm.pageNum"
|
|
|
+ :current-page.sync="editForm.page"
|
|
|
:page-size="editForm.pageSize"
|
|
|
- layout="total,prev, pager, next"
|
|
|
:total="totalNum">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
@@ -83,309 +93,120 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import {departmentsList, getRiskPlanList, getSubjectDict, getYearControlInfo,} from "../../api/http"
|
|
|
-import Header from '@/components/header.vue'
|
|
|
-export default {
|
|
|
- components: {
|
|
|
- Header
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- editForm:{
|
|
|
- deptLevel:'',//这个是登陆后，刘波给你的院校的类型
|
|
|
- groupDeptId:'',//院系id
|
|
|
- subjectId:'',//实验室类型
|
|
|
- beginTimeStr:'',//开始时间
|
|
|
- endTimeStr:'',//结束时间
|
|
|
- pageNum:1,
|
|
|
- pageSize:10
|
|
|
- },
|
|
|
- subjectOptions:[],//院系
|
|
|
- labList:[],//实验室
|
|
|
- dateRange:[],//时间
|
|
|
- totalNum:0,
|
|
|
- tableData:[],
|
|
|
-
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- back(){
|
|
|
- this.$router.push('/')
|
|
|
- },
|
|
|
- tableRowClassName({ rowIndex}) {
|
|
|
- if (rowIndex%2 === 0) {
|
|
|
- return 'success-row';
|
|
|
- } else{
|
|
|
-
|
|
|
- return 'warning-row';
|
|
|
- }
|
|
|
-
|
|
|
- },
|
|
|
- indexMethod(index) {
|
|
|
- return (this.editForm.pageNum - 1) * this.editForm.pageSize + index + 1;
|
|
|
- },
|
|
|
- //请求列表
|
|
|
- getAjaxList:function (){
|
|
|
-
|
|
|
-
|
|
|
- let _this=this;
|
|
|
- //列表
|
|
|
- let obj={
|
|
|
- 'groupDeptId':this.editForm.groupDeptId,
|
|
|
- 'subjectId':this.editForm.subjectId,
|
|
|
- 'pageNum':this.editForm.pageNum,
|
|
|
- 'pageSize':this.editForm.pageSize,
|
|
|
- 'beginTimeStr':this.editForm.beginTimeStr,
|
|
|
- 'endTimeStr':this.editForm.endTimeStr,
|
|
|
- }
|
|
|
- getRiskPlanList(obj).then((res) =>{
|
|
|
- if(res.code==200){
|
|
|
- let data = res.rows;
|
|
|
- if(data && data.length>0){
|
|
|
- _this.tableData = data;
|
|
|
- _this.totalNum = parseInt(res.total);
|
|
|
- }else{
|
|
|
- _this.tableData = [];
|
|
|
- _this.totalNum = 0;
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- getAjaxData: function () {
|
|
|
- let _this=this;
|
|
|
- let obj={
|
|
|
- 'deptLevel':localStorage.getItem('deptLevel')
|
|
|
- }
|
|
|
- //图表
|
|
|
- getYearControlInfo(obj).then((res) =>{
|
|
|
- if(res.code==200){
|
|
|
- let dataX=[];
|
|
|
- let dataValue=[];
|
|
|
- let data=res.data.list;
|
|
|
- for (var i = 0; i < data.length; i++) {
|
|
|
-
|
|
|
-
|
|
|
- dataX.push( data[i].yearMonth)
|
|
|
- dataValue.push(data[i].num)
|
|
|
- }
|
|
|
- // planDetailFun(dataX,dataValue)
|
|
|
-
|
|
|
- }
|
|
|
- })
|
|
|
+ import {laboratoryBigViewCollegeEventStatisticsList,laboratoryRiskDeviceTypeGetList } from "@/api/index"
|
|
|
+ import Header from '@/components/header.vue'
|
|
|
|
|
|
- //查询院系
|
|
|
- departmentsList().then((res) =>{
|
|
|
- if(res.code==200){
|
|
|
- let data=res.data;
|
|
|
- _this.subjectOptions=data
|
|
|
- }
|
|
|
- })
|
|
|
- //查询实验室
|
|
|
- getSubjectDict().then((res) =>{
|
|
|
- if(res.code==200){
|
|
|
- let data=res.data;
|
|
|
- _this.labList=data
|
|
|
-
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- },
|
|
|
- /*查询*/
|
|
|
- onSearch() {
|
|
|
-
|
|
|
- if(this.dateRange.length>0){
|
|
|
- this.editForm.beginTimeStr = this.dateRange[0];
|
|
|
- this.editForm.endTimeStr = this.dateRange[1];
|
|
|
- }
|
|
|
- this.editForm.pageNum =1;
|
|
|
- this.getAjaxList();
|
|
|
- this.getAjaxData();
|
|
|
- },
|
|
|
- /*重置*/
|
|
|
- resetForm() {
|
|
|
-
|
|
|
- this.editForm.groupDeptId = "";
|
|
|
- this.editForm.subjectId = "";
|
|
|
- this.editForm.beginTimeStr = "";
|
|
|
- this.editForm.endTimeStr = "";
|
|
|
- this.dateRange = [];
|
|
|
- this.onSearch();
|
|
|
-
|
|
|
- },
|
|
|
- handleCurrentChange(val) {
|
|
|
- this.editForm.pageNum = val;
|
|
|
- this.getAjaxList();
|
|
|
- },
|
|
|
- /*安全隐患详情图表*/
|
|
|
- planDetailFun:function (dataX,dataVal) {
|
|
|
- const data = dataVal
|
|
|
- const sideData = data.map(item => item)//侧边主体高度
|
|
|
- let planOption = {
|
|
|
-
|
|
|
-
|
|
|
- tooltip: {
|
|
|
- /* trigger: 'axis',
|
|
|
-
|
|
|
- axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
|
|
- type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
|
|
- }*/
|
|
|
- },
|
|
|
- /*内边距*/
|
|
|
- grid: {
|
|
|
- top: '14%',
|
|
|
- left: '2%',
|
|
|
- right: '2%',
|
|
|
- bottom: '5%',
|
|
|
- containLabel: true
|
|
|
- },
|
|
|
- xAxis: {
|
|
|
- data: dataX,
|
|
|
- //坐标轴
|
|
|
- axisLine: {
|
|
|
- lineStyle: {
|
|
|
- "color": "#486CC2",
|
|
|
- width:2,
|
|
|
- }
|
|
|
- },
|
|
|
- axisTick: {
|
|
|
- show: false,
|
|
|
- length: 9,
|
|
|
- alignWithLabel: true,
|
|
|
- lineStyle: {
|
|
|
- color: '#7DFFFD'
|
|
|
- }
|
|
|
- },
|
|
|
- //坐标值标注
|
|
|
- axisLabel: {
|
|
|
- show: true,
|
|
|
- textStyle: {
|
|
|
- color: '#fff',
|
|
|
- fontSize:16,
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- yAxis: [
|
|
|
- {
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ Header
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ editForm: {
|
|
|
+ searchValue:'',
|
|
|
+ page: 1,
|
|
|
+ pageSize: 10
|
|
|
+ },
|
|
|
+ subjectOptions: [],//院系
|
|
|
+ labList: [],//实验室
|
|
|
+ dateRange: [],//时间
|
|
|
+ totalNum: 0,
|
|
|
+ tableData: [],
|
|
|
+ //硬件列表
|
|
|
+ deviceList:[],
|
|
|
|
|
|
- //坐标轴
|
|
|
- axisLine: {
|
|
|
- lineStyle: {
|
|
|
- "color": "#486CC2",
|
|
|
- width:2,
|
|
|
- }
|
|
|
+ }
|
|
|
},
|
|
|
- axisTick: {
|
|
|
- show: false,
|
|
|
+ methods: {
|
|
|
+ back() {
|
|
|
+ this.$router.push('/home')
|
|
|
+ },
|
|
|
+ tableRowClassName({rowIndex}) {
|
|
|
+ if (rowIndex % 2 === 0) {
|
|
|
+ return 'success-row';
|
|
|
+ } else {
|
|
|
+
|
|
|
+ return 'warning-row';
|
|
|
+ }
|
|
|
|
|
|
+ },
|
|
|
+ indexMethod(index) {
|
|
|
+ return (this.editForm.page - 1) * this.editForm.pageSize + index + 1;
|
|
|
+ },
|
|
|
+ laboratoryRiskDeviceTypeGetList(){
|
|
|
+ laboratoryRiskDeviceTypeGetList().then((res) => {
|
|
|
+ this.$set(this,'deviceList',res.data);
|
|
|
+ this.getAjaxList();
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //请求列表
|
|
|
+ getAjaxList: function () {
|
|
|
+ let _this = this;
|
|
|
+ let obj = JSON.parse(JSON.stringify(this.editForm))
|
|
|
+ if (this.dateRange[0]) {
|
|
|
+ obj.startTime = this.dateRange[0]+'T00:00:00';
|
|
|
+ obj.endTime = this.dateRange[1]+'T23:59:59';
|
|
|
+ }else{
|
|
|
+ obj.startTime = '';
|
|
|
+ obj.endTime = '';
|
|
|
+ }
|
|
|
+ laboratoryBigViewCollegeEventStatisticsList(obj).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ res.data.records.forEach((item)=>{
|
|
|
+ if(item.bindingDevice){
|
|
|
+ item.deviceList = JSON.parse(item.bindingDevice);
|
|
|
+ item.deviceList.forEach((minItem)=>{
|
|
|
+ this.deviceList.forEach((deviceItem)=>{
|
|
|
+ if(minItem.typeKey == deviceItem.typeKey){
|
|
|
+ minItem.deviceName = deviceItem.riskDeviceTypeName
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }else{
|
|
|
+ item.deviceList = [];
|
|
|
+ }
|
|
|
+ if (item.alarmType){
|
|
|
+ item.checkOne = item.alarmType.indexOf('1') != -1;
|
|
|
+ item.checkTwo = item.alarmType.indexOf('2') != -1;
|
|
|
+ } else {
|
|
|
+ item.checkOne = false;
|
|
|
+ item.checkTwo = false;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ let data = res.data.records;
|
|
|
+ if (data && data.length > 0) {
|
|
|
+ _this.tableData = data;
|
|
|
+ _this.totalNum = parseInt(res.data.total);
|
|
|
+ } else {
|
|
|
+ _this.tableData = [];
|
|
|
+ _this.totalNum = 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ /*查询*/
|
|
|
+ onSearch() {
|
|
|
+ this.editForm.page = 1;
|
|
|
+ this.getAjaxList();
|
|
|
+ },
|
|
|
+ /*重置*/
|
|
|
+ resetForm() {
|
|
|
+ this.editForm.searchValue = "";
|
|
|
+ this.dateRange = [];
|
|
|
+ this.onSearch();
|
|
|
+
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.editForm.page = val;
|
|
|
+ this.getAjaxList();
|
|
|
+ },
|
|
|
},
|
|
|
- //坐标值标注
|
|
|
- axisLabel: {
|
|
|
- show: true,
|
|
|
- textStyle: {
|
|
|
- color: '#fff',
|
|
|
- fontSize:16,
|
|
|
- }
|
|
|
+ mounted() {
|
|
|
+ this.laboratoryRiskDeviceTypeGetList()
|
|
|
},
|
|
|
- //分格线
|
|
|
- splitLine: {
|
|
|
- show: false,
|
|
|
- lineStyle: {
|
|
|
- color: '#4784e8'
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- ],
|
|
|
- series: [{
|
|
|
- name: '预案执行统计',//正面
|
|
|
- //柱状图顶部数值
|
|
|
- "label": {
|
|
|
- "normal": {
|
|
|
- "show": true,
|
|
|
- "position": "top",
|
|
|
- fontSize: 14,
|
|
|
- fontWeight: '500',
|
|
|
- color: '#fff',
|
|
|
- padding:[2,2,2,10],
|
|
|
- }
|
|
|
- },
|
|
|
- tooltip: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- type: 'bar',
|
|
|
- barWidth: 24.5,
|
|
|
-
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [{
|
|
|
- offset: 0,
|
|
|
- color: "#228efb" // 0% 处的颜色
|
|
|
- }, {
|
|
|
- offset: 0.6,
|
|
|
- color: "#04acf3" // 60% 处的颜色
|
|
|
- }, {
|
|
|
- offset: 1,
|
|
|
- color: "#05e5e5" // 100% 处的颜色
|
|
|
- }], false)
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- data: data,
|
|
|
-
|
|
|
-
|
|
|
- }, {
|
|
|
- type: 'bar',//侧边
|
|
|
- name: '预案执行统计',
|
|
|
- barWidth: 8,
|
|
|
- itemStyle: {
|
|
|
- normal: {
|
|
|
- color: new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [{
|
|
|
- offset: 0,
|
|
|
- color: "#228efb" // 0% 处的颜色
|
|
|
- }, {
|
|
|
- offset: 0.6,
|
|
|
- color: "#04acf3" // 60% 处的颜色
|
|
|
- }, {
|
|
|
- offset: 1,
|
|
|
- color: "#05e5e5" // 100% 处的颜色
|
|
|
- }], false)
|
|
|
- }
|
|
|
- },
|
|
|
- barGap: 0,
|
|
|
- data: sideData
|
|
|
- }, {
|
|
|
- name: '预案执行统计',
|
|
|
- tooltip: {
|
|
|
- show: false
|
|
|
- },
|
|
|
- type: 'pictorialBar',
|
|
|
- itemStyle: {
|
|
|
- borderWidth: 1,
|
|
|
- borderColor: '#0058FF',
|
|
|
- color: '#0058FF'
|
|
|
- },
|
|
|
- symbol: 'path://M 0,0 l 120,0 l -30,60 l -120,0 z',
|
|
|
- symbolSize: ['32', '12'],
|
|
|
- symbolOffset: ['-1', '-11'],
|
|
|
- //symbolRotate: -5,
|
|
|
- symbolPosition: 'end',
|
|
|
- data: data,
|
|
|
- z: 3
|
|
|
- },
|
|
|
- ]
|
|
|
- };
|
|
|
- var plan_chart = this.$echarts.init(document.getElementById('plan_chart'));
|
|
|
- plan_chart.setOption(planOption);
|
|
|
-}
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- this.getAjaxData()
|
|
|
- this.getAjaxList()
|
|
|
- },
|
|
|
|
|
|
|
|
|
-}
|
|
|
+ }
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
* {
|
|
|
@@ -393,17 +214,19 @@ export default {
|
|
|
margin: 0;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
- .lab_border{
|
|
|
+
|
|
|
+ .lab_border {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
- .lab_span{
|
|
|
+
|
|
|
+ .lab_span {
|
|
|
display: inline-block;
|
|
|
border: 1px solid #0183FA;
|
|
|
border-radius: 6px;
|
|
|
padding: 6px 16px;
|
|
|
margin-right: 8px;
|
|
|
- >i{
|
|
|
+ > i {
|
|
|
font-size: 12px;
|
|
|
font-family: Microsoft YaHei;
|
|
|
font-weight: 400;
|
|
|
@@ -411,30 +234,35 @@ export default {
|
|
|
line-height: 16px;
|
|
|
display: block;
|
|
|
}
|
|
|
- >i:nth-of-type(1){}
|
|
|
- >i:nth-of-type(2){}
|
|
|
+ > i:nth-of-type(1) {
|
|
|
+ }
|
|
|
+ > i:nth-of-type(2) {
|
|
|
+ }
|
|
|
}
|
|
|
- .lab_span2{
|
|
|
+
|
|
|
+ .lab_span2 {
|
|
|
display: inline-block;
|
|
|
font-size: 14px;
|
|
|
font-family: Microsoft YaHei;
|
|
|
font-weight: 400;
|
|
|
color: #FFFFFF;
|
|
|
}
|
|
|
- .risk_span{
|
|
|
+
|
|
|
+ .risk_span {
|
|
|
font-size: 14px;
|
|
|
font-family: Microsoft YaHei;
|
|
|
font-weight: 400;
|
|
|
color: #FFFFFF;
|
|
|
margin-right: 28px;
|
|
|
- >img{
|
|
|
+ > img {
|
|
|
width: 14px;
|
|
|
- height:14px;
|
|
|
+ height: 14px;
|
|
|
margin-right: 8px;
|
|
|
position: relative;
|
|
|
top: 2px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.main {
|
|
|
width: 1920px;
|
|
|
height: 1080px;
|
|
|
@@ -482,7 +310,7 @@ export default {
|
|
|
margin-top: 18px;
|
|
|
}
|
|
|
}
|
|
|
- .main_t{
|
|
|
+ .main_t {
|
|
|
/*background: rgba(9, 55, 81, 0.6px;*/
|
|
|
width: 1852px;
|
|
|
/* height: 352px;*/
|
|
|
@@ -490,19 +318,19 @@ 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;
|
|
|
}
|
|
|
}
|
|
|
@@ -511,7 +339,7 @@ export default {
|
|
|
height: 302px;
|
|
|
}*/
|
|
|
}
|
|
|
- .main_b{
|
|
|
+ .main_b {
|
|
|
background: rgba(9, 55, 81, 0.6);
|
|
|
padding: 0 32px;
|
|
|
width: 1852px;
|
|
|
@@ -524,7 +352,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