|
|
@@ -0,0 +1,659 @@
|
|
|
+<template>
|
|
|
+ <!-- 所有弹出框 -->
|
|
|
+ <div class="l_Dialog" >
|
|
|
+ <!--火灾左侧栏-->
|
|
|
+ <div class="common-layout" style="margin: 0;">
|
|
|
+ <el-aside width="354px" class="L_aside asideg asidegbg leftbgimg1" v-show="sour.collfire">
|
|
|
+ <div class="demo-collapse">
|
|
|
+ <el-collapse v-model="coolactiveName1" accordion >
|
|
|
+ <el-collapse-item name="1">
|
|
|
+ <template #title>
|
|
|
+ <el-icon class="iconimg Frame2" fit="contain" ></el-icon>
|
|
|
+ 火灾<el-icon class="header-icon">
|
|
|
+ <info-filled />
|
|
|
+ </el-icon>
|
|
|
+ </template>
|
|
|
+ <div class="asides_content">
|
|
|
+ <div class="jc_content tablecolor">
|
|
|
+
|
|
|
+ <div class="jc_padding">
|
|
|
+ <div class="xian btncolor" >
|
|
|
+
|
|
|
+ <el-table
|
|
|
+ :data="tableData2"
|
|
|
+ style="width: 100%"
|
|
|
+ @current-change= "handleCurrentChange"
|
|
|
+ :row-class-name="tableRowClassName"
|
|
|
+ :header-cell-style="{'background':'rgba(13, 22, 57, 0.96) '}"
|
|
|
+
|
|
|
+ >
|
|
|
+ <el-table-column prop="date" label="选择巷道" width="130" />
|
|
|
+ <el-table-column prop="name" label="位置" width="70" />
|
|
|
+ <el-table-column label="操作" width="100">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button
|
|
|
+ size="small"
|
|
|
+ type="success"
|
|
|
+ @click.stop="handlexiugai(scope.$index, scope.row)"
|
|
|
+ >查看</el-button
|
|
|
+ >
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div class="asdis_btn">
|
|
|
+ <div class="flex_a"><div class="btns"><span class="spantext">添加</span></div></div>
|
|
|
+ <div class="flex_a"><div class="btns"><span class="spantext">删除</span></div></div>
|
|
|
+ <div class="flex_a"><div class="btns"><span class="spantext">确定</span></div></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- -->
|
|
|
+ <div class="xian" style="margin-top: 20px;">
|
|
|
+ <div class="header_l header_z">
|
|
|
+ <el-image :src="icon" fit="contain" ></el-image>
|
|
|
+ <h4 class="tianjia"> 灾害源表</h4>
|
|
|
+ <div class="closeimg"><el-image :src="closeimg" fit="contain" ></el-image></div>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ :data="tableData2"
|
|
|
+ style="width: 100%"
|
|
|
+ @current-change= "handleCurrentChange"
|
|
|
+ :row-class-name="tableRowClassName"
|
|
|
+ :header-cell-style="{'background':'rgba(13, 22, 57, 0.96) '}"
|
|
|
+
|
|
|
+ >
|
|
|
+ <el-table-column prop="date" label="时间" width="70" />
|
|
|
+ <el-table-column prop="name" label="温度℃" width="70" />
|
|
|
+ <el-table-column prop="address" label="污染物1浓度" width="100" />
|
|
|
+ <el-table-column prop="address2" label="污染物2浓度" width="100" />
|
|
|
+ </el-table>
|
|
|
+ <div class="asdis_btn">
|
|
|
+ <div class="flex_a"><div class="btns"><span class="spantext">添加</span></div></div>
|
|
|
+ <div class="flex_a"><div class="btns"><span class="spantext">删除</span></div></div>
|
|
|
+ <div class="flex_a"><div class="btns"><span class="spantext">确定</span></div></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="height:200px"></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </el-collapse-item>
|
|
|
+ </el-collapse>
|
|
|
+ </div>
|
|
|
+ </el-aside>
|
|
|
+ <el-aside width="354px" class="L_aside asideg asidegbg leftbgimg1" v-show="sour.collwater">
|
|
|
+ <div class="demo-collapse">
|
|
|
+ <!-- 突水 -->
|
|
|
+ <el-collapse v-model="coolactiveName1" accordion >
|
|
|
+ <el-collapse-item name="1">
|
|
|
+ <template #title>
|
|
|
+ <el-icon class="iconimg Frame3" fit="contain" ></el-icon>
|
|
|
+ 突水<el-icon class="header-icon">
|
|
|
+ <info-filled />
|
|
|
+ </el-icon>
|
|
|
+ </template>
|
|
|
+ <div class="asides_content">
|
|
|
+ <div class="jc_content tablecolor">
|
|
|
+
|
|
|
+ <div class="jc_padding">
|
|
|
+ <div class="xian btncolor" >
|
|
|
+
|
|
|
+ <el-table
|
|
|
+ :data="tableData2"
|
|
|
+ style="width: 100%"
|
|
|
+ @current-change= "handleCurrentChange"
|
|
|
+ :row-class-name="tableRowClassName"
|
|
|
+ :header-cell-style="{'background':'rgba(13, 22, 57, 0.96) '}"
|
|
|
+
|
|
|
+ >
|
|
|
+ <el-table-column prop="date" label="选择巷道" width="130" />
|
|
|
+ <el-table-column prop="name" label="位置" width="70" />
|
|
|
+ <el-table-column label="操作" width="100">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button
|
|
|
+ size="small"
|
|
|
+ type="success"
|
|
|
+ @click.stop="handlexiugai(scope.$index, scope.row)"
|
|
|
+ >查看</el-button
|
|
|
+ >
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div class="asdis_btn">
|
|
|
+ <div class="flex_a"><div class="btns"><span class="spantext">添加</span></div></div>
|
|
|
+ <div class="flex_a"><div class="btns"><span class="spantext">删除</span></div></div>
|
|
|
+ <div class="flex_a"><div class="btns"><span class="spantext">确定</span></div></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 灾害源表 -->
|
|
|
+ <div class="xian" style="margin-top: 20px;">
|
|
|
+ <div class="header_l header_z">
|
|
|
+ <el-image :src="icon" fit="contain" ></el-image>
|
|
|
+ <h4 class="tianjia">灾害源表</h4>
|
|
|
+ <div class="closeimg"><el-image :src="closeimg" fit="contain" ></el-image></div>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ :data="tableData4"
|
|
|
+ style="width: 100%"
|
|
|
+ @current-change= "handleCurrentChange"
|
|
|
+ :row-class-name="tableRowClassName"
|
|
|
+ :header-cell-style="{'background':'rgba(13, 22, 57, 0.96) '}"
|
|
|
+
|
|
|
+ >
|
|
|
+ <el-table-column prop="date" label="时间" />
|
|
|
+ <el-table-column prop="name" label="突水量（m³/s）" />
|
|
|
+ </el-table>
|
|
|
+ <div class="asdis_btn">
|
|
|
+ <div class="flex_a"><div class="btns"><span class="spantext">添加</span></div></div>
|
|
|
+ <div class="flex_a"><div class="btns"><span class="spantext">删除</span></div></div>
|
|
|
+ <div class="flex_a"><div class="btns"><span class="spantext">确定</span></div></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="height:200px"></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </el-collapse-item>
|
|
|
+ </el-collapse>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </el-aside>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <script setup>
|
|
|
+ import { computed,ref,onMounted,reactive } from "vue";
|
|
|
+ import { useStore } from "vuex";
|
|
|
+ import icon from "@/assets/img/icon.png";
|
|
|
+ import closeimg from "@/assets/img/colse.png";
|
|
|
+ import { ElMessage,ElButton, ElDialog,ElSelect } from 'element-plus'
|
|
|
+ const props= defineProps({
|
|
|
+ classradio: {
|
|
|
+ type: String,
|
|
|
+ // default: '',
|
|
|
+ },
|
|
|
+
|
|
|
+ });
|
|
|
+ const dialogVisible = ref(true);
|
|
|
+const sour = ref({
|
|
|
+ collfire:false,
|
|
|
+ collwater:false,
|
|
|
+});
|
|
|
+
|
|
|
+let coolactiveName1=ref(["1","2"]);
|
|
|
+
|
|
|
+const tableRowClassName = ({row, rowIndex}) =>{
|
|
|
+ if (rowIndex%2 != 0) {
|
|
|
+ return 'evenRow';
|
|
|
+ }
|
|
|
+ return 'oddRow';
|
|
|
+
|
|
|
+}
|
|
|
+const tableData = [
|
|
|
+ {
|
|
|
+ id:1,
|
|
|
+ date: '01',
|
|
|
+ name: '首次火灾事故',
|
|
|
+ address: 'No. 189, Grove S',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id:2,
|
|
|
+ date: '02',
|
|
|
+ name: 'T首次火灾事故om',
|
|
|
+ address: 'No. 189, Grove St',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id:3,
|
|
|
+ date: '03',
|
|
|
+ name: '首次火灾事故',
|
|
|
+ address: 'No. 189, Grove St ',
|
|
|
+ },
|
|
|
+
|
|
|
+]
|
|
|
+const tableData2 = [
|
|
|
+ {
|
|
|
+
|
|
|
+ date: '15.30',
|
|
|
+ name: '35',
|
|
|
+ address: '20%',
|
|
|
+ address2: '10%',
|
|
|
+ },
|
|
|
+ {
|
|
|
+
|
|
|
+ date: '15.30',
|
|
|
+ name: '35',
|
|
|
+ address: '20%',
|
|
|
+ address2: '10%',
|
|
|
+ },
|
|
|
+ {
|
|
|
+
|
|
|
+ date: '15.30',
|
|
|
+ name: '35',
|
|
|
+ address: '20%',
|
|
|
+ address2: '10%',
|
|
|
+ },
|
|
|
+ {
|
|
|
+
|
|
|
+ date: '15.30',
|
|
|
+ name: '35',
|
|
|
+ address: '20%',
|
|
|
+ address2: '10%',
|
|
|
+ },
|
|
|
+
|
|
|
+]
|
|
|
+const tableData4=[
|
|
|
+ {
|
|
|
+
|
|
|
+ date: '15.30',
|
|
|
+ name: '100',
|
|
|
+ },
|
|
|
+ {
|
|
|
+
|
|
|
+ date: '15.30',
|
|
|
+ name: '35',
|
|
|
+ },
|
|
|
+ {
|
|
|
+
|
|
|
+ date: '15.30',
|
|
|
+ name: '35',
|
|
|
+ },
|
|
|
+ {
|
|
|
+
|
|
|
+ date: '15.30',
|
|
|
+ name: '35',
|
|
|
+ },
|
|
|
+]
|
|
|
+const accident3=()=>{
|
|
|
+ console.log(props.classradio);
|
|
|
+ if(props.classradio=="Fire"){
|
|
|
+ sour.value.collfire=true;
|
|
|
+
|
|
|
+ }else if(props.classradio=="Water"){
|
|
|
+ sour.value.collwater=true;
|
|
|
+ }
|
|
|
+}
|
|
|
+onMounted(() => {
|
|
|
+ });
|
|
|
+ defineExpose({sour,accident3});
|
|
|
+ </script>
|
|
|
+ <style lang="scss" scoped>
|
|
|
+ .jc_padding .el-table tr{
|
|
|
+ height: 30px !important;
|
|
|
+ background: rgba(104,173,255,0.3);
|
|
|
+ box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2);
|
|
|
+ border-radius: 0px 0px 0px 0px;
|
|
|
+ border: 1px solid;
|
|
|
+ border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
|
|
|
+ }
|
|
|
+.flex_a{
|
|
|
+ flex: 1;
|
|
|
+ padding: 0 19px;
|
|
|
+}
|
|
|
+ .btns{
|
|
|
+ width: 72px;
|
|
|
+ height: 30px;
|
|
|
+ background-image: url(../../assets/img/Rectangle399.png);
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ line-height: 30px;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 10px 0;
|
|
|
+ .spantext{
|
|
|
+ font-weight: bold;
|
|
|
+font-size: 12px;
|
|
|
+color: #FFFFFF;
|
|
|
+text-align: left;
|
|
|
+font-style: normal;
|
|
|
+text-transform: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+.header_z{
|
|
|
+ box-shadow:none !important;
|
|
|
+ padding: 10px 20px !important;
|
|
|
+}
|
|
|
+.header_l{
|
|
|
+ line-height: 10px;
|
|
|
+ // height: 40px;
|
|
|
+ text-align: left;
|
|
|
+ padding: 0 20px;
|
|
|
+ // border-bottom: 1px solid;
|
|
|
+ border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
|
|
|
+ box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2);
|
|
|
+ border-radius: 0px 0px 0px 0px;
|
|
|
+ .el-image{
|
|
|
+ padding: 10px 10px 0 0;
|
|
|
+ }
|
|
|
+ h4{
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #68ADFF;
|
|
|
+ line-height: 14px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+.tianjia{
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+ .jc_padding{
|
|
|
+ padding: 18px 10px;
|
|
|
+ }
|
|
|
+ .line{
|
|
|
+ border-bottom: 1px solid rgba(255, 255, 255, 0.20);
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ .L_aside{
|
|
|
+ .iconimg{
|
|
|
+ width: 37px;
|
|
|
+ height: 36px;
|
|
|
+ margin:0 7px 0 24px;
|
|
|
+ }
|
|
|
+ .Frame2{
|
|
|
+ background-image: url(../../assets/img/Frame2.png);
|
|
|
+ background-size: 100%;
|
|
|
+ background-position: center;
|
|
|
+ }
|
|
|
+ .Frame3{
|
|
|
+ background-image: url(../../assets/img/Frame3.png);
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: center;
|
|
|
+ }
|
|
|
+ .el-collapse,.el-collapse-item__header{
|
|
|
+ border: none;
|
|
|
+ ul li{
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .inputkuang{
|
|
|
+ height: 30px;
|
|
|
+ width: 100%;
|
|
|
+ background: rgba(13,22,57,0.4);
|
|
|
+ position: relative;
|
|
|
+ .righttext{
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+ top: 3px;
|
|
|
+ color: rgba($color: #FFFFFF, $alpha: 0.8);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .inputtext_1{
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 13px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 14px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ padding: 13px 0 7px 0;
|
|
|
+ display: inline-block;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .ddd{
|
|
|
+ margin-top: 20px;
|
|
|
+ .ddd_div{
|
|
|
+ padding: 20px 0;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .class_btn{
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 21px;
|
|
|
+ }
|
|
|
+ .header_l{
|
|
|
+ line-height: 10px;
|
|
|
+ // height: 40px;
|
|
|
+ text-align: left;
|
|
|
+ padding: 0 20px;
|
|
|
+ // border-bottom: 1px solid;
|
|
|
+ border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
|
|
|
+ box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2);
|
|
|
+ border-radius: 0px 0px 0px 0px;
|
|
|
+ .el-image{
|
|
|
+ padding: 10px 10px 0 0;
|
|
|
+ }
|
|
|
+ h4{
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #68ADFF;
|
|
|
+ line-height: 14px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .tianjia{
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .el-dialog__title{
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .bgcolor{
|
|
|
+ // width: 482px;
|
|
|
+ box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2);
|
|
|
+ border-radius: 0px 0px 0px 0px;
|
|
|
+ border: 1px solid;
|
|
|
+ border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
|
|
|
+ }
|
|
|
+ .dialog_class{
|
|
|
+ .my-header{
|
|
|
+ line-height: 10px;
|
|
|
+ height: 40px;
|
|
|
+ text-align: left;
|
|
|
+ padding: 0 20px;
|
|
|
+ border-bottom: 1px solid;
|
|
|
+ border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
|
|
|
+ box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2);
|
|
|
+ border-radius: 0px 0px 0px 0px;
|
|
|
+ .el-image{
|
|
|
+ padding: 10px 10px 0 0;
|
|
|
+ }
|
|
|
+ h4{
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #68ADFF;
|
|
|
+ line-height: 14px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .my_content{
|
|
|
+ width: 100%;
|
|
|
+ height: 90px;
|
|
|
+ box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2);
|
|
|
+ border-radius: 0px 0px 0px 0px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .radio-group{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ .el-radio{
|
|
|
+ flex: 1;
|
|
|
+ justify-content: center;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 14px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .el-dialog__footer{
|
|
|
+ position: absolute;
|
|
|
+ bottom: 17px;
|
|
|
+ display: flex;
|
|
|
+ .footerbtn{
|
|
|
+ flex: 1;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .my_content1{
|
|
|
+ .el-table .cell{
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #FFFFFF !important;
|
|
|
+ line-height: 14px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .l_btn .borderimg {
|
|
|
+ width: 109px;
|
|
|
+ height: 30px;
|
|
|
+ background: rgba(104,173,255,0.3);
|
|
|
+ box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2);
|
|
|
+ /* border: 1px solid rgba(31, 107, 255, 1); */
|
|
|
+ border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
|
|
|
+
|
|
|
+ border-radius: 4px;
|
|
|
+ display: flex;
|
|
|
+ display: inline-block;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ .borderimg{
|
|
|
+ width: 109px;
|
|
|
+ height: 30px;
|
|
|
+ background: rgba(104,173,255,0.3);
|
|
|
+ box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2);
|
|
|
+ /* border: 1px solid rgba(31, 107, 255, 1); */
|
|
|
+ -o-border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
|
|
|
+ border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
|
|
|
+ border-radius: 4px;
|
|
|
+ display: flex;
|
|
|
+ display: inline-block;
|
|
|
+ box-sizing: border-box
|
|
|
+ }
|
|
|
+ .el-table,.el-table thead th {
|
|
|
+ background-color: rgba(13, 22, 57, 0.96) !important;
|
|
|
+ }
|
|
|
+ .L_aside{
|
|
|
+ height: calc(100vh - 70px);
|
|
|
+ position: absolute;
|
|
|
+ top: 70px;
|
|
|
+
|
|
|
+ }
|
|
|
+ .el-form-item__label{
|
|
|
+ color: #FFFFFF !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .asdis_btn{
|
|
|
+ display: flex;
|
|
|
+ margin-top: 9px;
|
|
|
+ .btn{
|
|
|
+ flex: 1;
|
|
|
+ width: 145px;
|
|
|
+ height: 54px;
|
|
|
+ background-image: url(../../assets/img/Rectangle5.png) ;
|
|
|
+ background-size: cover;
|
|
|
+ background-position-x: center !important;
|
|
|
+ line-height: 54px;
|
|
|
+ .spantext{
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ text-align: center;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ .jiancedian{
|
|
|
+ width:380px;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 70px;
|
|
|
+ box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2);
|
|
|
+ border-radius: 4px 4px 4px 4px;
|
|
|
+ border: 1px solid;
|
|
|
+ border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ <style>
|
|
|
+ .leftbgimg1 .el-collapse-item__header{
|
|
|
+ background-image: url(../../assets/img/Group10.png)!important;
|
|
|
+ background-size: cover;
|
|
|
+ background-position-x: center !important;
|
|
|
+}
|
|
|
+.xian{
|
|
|
+ border: 1px solid;
|
|
|
+ -o-border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
|
|
|
+ border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
|
|
|
+ box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2);
|
|
|
+ border-radius: 0px 0px 0px 0px;
|
|
|
+ background-color: rgba(13, 22, 57, 0.4);
|
|
|
+}
|
|
|
+.header_l{
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.header_l .closeimg{
|
|
|
+
|
|
|
+ position: absolute;
|
|
|
+ top: 10px;
|
|
|
+ right: 0;
|
|
|
+
|
|
|
+}
|
|
|
+.asideg .el-collapse-item__wrap{
|
|
|
+ height: calc(100vh - 120px);
|
|
|
+ background: rgba(13, 22, 57, 0.4);
|
|
|
+ /* //border: 1px solid; */
|
|
|
+ border-bottom: 1px solid;
|
|
|
+ border-left:1px solid;
|
|
|
+ border-right:1px solid;
|
|
|
+ -o-border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
|
|
|
+ border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
|
|
|
+ box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2);
|
|
|
+ border-radius: 0px 0px 0px 0px;
|
|
|
+ background-color: rgba(13, 22, 57, 0.4);
|
|
|
+}
|
|
|
+.leftbgimg1 .el-table tr{
|
|
|
+ height: 30px !important;
|
|
|
+ background: rgba(104,173,255,0.3);
|
|
|
+ box-shadow: inset 0px 0px 17px 5px rgba(12,97,197,0.2);
|
|
|
+ border-radius: 0px 0px 0px 0px;
|
|
|
+ border: 1px solid;
|
|
|
+ border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
+.btncolor .el-button{
|
|
|
+ background-color: rgba(104,173,255,0);
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #FFF500;
|
|
|
+ line-height: 14px;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ text-transform: none;
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+.btncolor .el-button:focus, .el-button:hover{
|
|
|
+ background-color: none;
|
|
|
+ background-color: rgba(104,173,255,0);
|
|
|
+}
|
|
|
+.btncolor .el-table__header{
|
|
|
+ margin: 0 14px
|
|
|
+}
|
|
|
+</style>
|
