|
@@ -2,10 +2,18 @@
|
|
|
<div class="subject">
|
|
|
<div class="subject-page" v-if="pageType == 1">
|
|
|
<div class="subject-page-min">
|
|
|
- <div class="left-subject-list" >
|
|
|
+ <div :class="versionField() == 'xiBeiNongLinDaXue'?'left-subject-list-flex':''" class="left-subject-list" >
|
|
|
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" style="border-bottom:1px solid #D8D8D8">
|
|
|
- <el-form-item label="学院" prop="deptId" label-width="60px">
|
|
|
- <el-select v-model="queryParams.deptId" placeholder="请选择学院" clearable size="small">
|
|
|
+ <el-form-item label="关键字" prop="searchValue" label-width="100px">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.searchValue"
|
|
|
+ placeholder="实验室/房间号"
|
|
|
+ clearable
|
|
|
+ style="width:150px;"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="学院" prop="deptId" label-width="50px">
|
|
|
+ <el-select v-model="queryParams.deptId" placeholder="请选择学院" style="width:150px;">
|
|
|
<el-option
|
|
|
v-for="dict in deptOptions"
|
|
|
:key="dict.deptId"
|
|
@@ -14,22 +22,47 @@
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="实验室名称" prop="name" label-width="100px">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.name"
|
|
|
- placeholder="请输入实验室名称"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- />
|
|
|
+ <el-form-item label="" prop="typeId" label-width="60px">
|
|
|
+ <el-select v-model="queryParams.typeId" placeholder="安全分类" style="width:120px;margin-left:10px;">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in typeList"
|
|
|
+ :key="dict.typeName"
|
|
|
+ :label="dict.typeName"
|
|
|
+ :value="dict.id"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="" prop="level" label-width="60px">
|
|
|
+ <el-select v-model="queryParams.level" placeholder="安全分级" style="width:120px;margin-left:10px;">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in levelList"
|
|
|
+ :key="dict.id"
|
|
|
+ :label="dict.classifiedName"
|
|
|
+ :value="dict.id"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item style="float: right;">
|
|
|
<el-col :span="1.5" style="margin-bottom:26px;margin-right: 20px">
|
|
|
- <p class="add-button-one-120"
|
|
|
+ <p class="add-button-one-90"
|
|
|
@click="clickPage(2)"
|
|
|
v-hasPermi="['laboratory:subject:add']"
|
|
|
- ><i class="el-icon-plus"></i>新增实验室</p>
|
|
|
+ ><i class="el-icon-plus"></i>新增</p>
|
|
|
</el-col>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item style="float: right;margin-right:20px;" v-hasPermi="['laboratory:subject:import']">
|
|
|
+ <el-dropdown @command="importButton">
|
|
|
+ <div class="form-dropdown-box">
|
|
|
+ <img src="@/assets/ZDimages/personnelManagement/icon_jzgxx_dr.png">
|
|
|
+ <p>导入</p>
|
|
|
+ <img src="@/assets/ZDimages/personnelManagement/icon_jzggl_xljt.png">
|
|
|
+ </div>
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <el-dropdown-item style="border-bottom:1px solid #E0E0E0;margin:0 10px;color:#333;" :command="{command:1}">下载模板</el-dropdown-item>
|
|
|
+ <el-dropdown-item style="margin:0 10px;color:#333;" :command="{command:2}">导入数据</el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item style="margin-right: 20px;">
|
|
|
<p class="inquire-button-one" style="margin-left:20px;" @click="handleQuery">查询</p>
|
|
|
<p class="reset-button-one" style="margin-left:20px;" @click="resetQuery">重置</p>
|
|
@@ -37,36 +70,40 @@
|
|
|
</el-form>
|
|
|
<div class="table_border">
|
|
|
<el-table ref="multipleTable" border :data="subjectList" highlight-current-row @current-change="handleCurrentChange" style="cursor: pointer;">
|
|
|
+
|
|
|
<el-table-column label="排序" align="left" prop="id" width="80">
|
|
|
<template slot-scope="scope">
|
|
|
<el-input maxlength="4" type="text" oninput ="value=value.replace(/[^0-9.]/g,'')" v-model="scope.row.diyOrder" @focus="liveSort(scope.row)" @blur="editSort(scope.row)"></el-input>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="实验室名称" align="left" prop="name" show-overflow-tooltip/>
|
|
|
- <el-table-column label="房间号" align="left" prop="room" width="120" show-overflow-tooltip/>
|
|
|
- <el-table-column label="分类/分级" align="left" prop="levelName" width="150" show-overflow-tooltip>
|
|
|
+ <el-table-column label="房间号" align="left" prop="room" :width="versionField() == 'xiBeiNongLinDaXue'?250:150" show-overflow-tooltip/>
|
|
|
+ <el-table-column label="学院" align="left" prop="deptName" :width="versionField() == 'xiBeiNongLinDaXue'?200:130" show-overflow-tooltip/>
|
|
|
+ <el-table-column label="分类/分级" align="left" prop="levelName" :width="versionField() == 'xiBeiNongLinDaXue'?200:150" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
<span >{{scope.row.typeName}}/</span>
|
|
|
<span :style="'color:'+scope.row.fiedColor+';'">{{scope.row.levelName}}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="实验室责任人" align="left" prop="adminName" width="130" show-overflow-tooltip/>
|
|
|
- <el-table-column label="安全责任人" align="left" prop="safeUserName" width="200" show-overflow-tooltip/>
|
|
|
- <el-table-column label="操作" align="left" width="160">
|
|
|
+ <el-table-column label="实验室责任人" align="left" prop="adminName" :width="versionField() == 'xiBeiNongLinDaXue'?180:130" show-overflow-tooltip/>
|
|
|
+ <el-table-column label="安全责任人" align="left" prop="safeUserName" :width="versionField() == 'xiBeiNongLinDaXue'?180:130" show-overflow-tooltip/>
|
|
|
+ <el-table-column label="操作" align="left" :width="versionField() == 'xiBeiNongLinDaXue'?180:140" >
|
|
|
<template slot-scope="scope">
|
|
|
- <div style="display: flex;height:30px;">
|
|
|
- <p class="table-min-button" style="margin-right:10px;" v-hasPermi="['laboratory:subject:query']" @click="clickPage(7,scope.row)">详情</p>
|
|
|
+ <div class="table-button-box">
|
|
|
+ <p class="table-button-null"></p>
|
|
|
+ <p class="table-button-p" v-hasPermi="['laboratory:subject:query']" @click="clickPage(7,scope.row)">详情</p>
|
|
|
<el-dropdown trigger="click" size="mini" @command="(command) => handleCommand(command, scope.row)">
|
|
|
- <p class="table-min-button">更多<i class="el-icon-d-arrow-right"></i></p>
|
|
|
+ <p class="table-button-p">更多>></p>
|
|
|
<el-dropdown-menu slot="dropdown" style="margin:0!important;">
|
|
|
<el-dropdown-item style="height:36px;line-height:36px;width:90px;text-align: center" command="1" v-hasPermiAnd="['laboratory:subject:query','laboratory:subject:edit']">关联配置</el-dropdown-item>
|
|
|
- <el-dropdown-item style="height:36px;line-height:36px;width:90px;text-align: center" command="2">物联配置</el-dropdown-item>
|
|
|
- <el-dropdown-item style="height:36px;line-height:36px;width:90px;text-align: center" command="3" v-hasPermi="['laboratory:subjectmaterial:add']">准入配置</el-dropdown-item>
|
|
|
+ <el-dropdown-item v-if="versionField() != 'xiBeiNongLinDaXue'" style="height:36px;line-height:36px;width:90px;text-align: center" command="2">物联配置</el-dropdown-item>
|
|
|
+ <el-dropdown-item v-if="versionField() != 'xiBeiNongLinDaXue'" style="height:36px;line-height:36px;width:90px;text-align: center" command="3" v-hasPermi="['laboratory:subjectmaterial:add']">准入配置</el-dropdown-item>
|
|
|
<el-dropdown-item style="height:36px;line-height:36px;width:90px;text-align: center" command="4" v-hasPermiAnd="['laboratory:subject:query','laboratory:subject:edit']">编辑</el-dropdown-item>
|
|
|
<!--<el-dropdown-item style="height:36px;line-height:36px;width:90px;text-align: center" command="5"-->
|
|
|
<!--v-hasPermi="['laboratory:subject:remove']">删除</el-dropdown-item>-->
|
|
|
</el-dropdown-menu>
|
|
|
</el-dropdown>
|
|
|
+ <p class="table-button-null"></p>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -81,7 +118,8 @@
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="right-subject-box scrollbar-box" :class="rightButtonType == 4?'overflow-box':''" v-if="checkedSubject.id">
|
|
|
+ <div class="right-subject-box scrollbar-box" v-if="checkedSubject.id && versionField() != 'xiBeiNongLinDaXue'"
|
|
|
+ :class="rightButtonType == 4?'overflow-box':''">
|
|
|
<div class="top-button-box">
|
|
|
<div :class="rightButtonType == 1 ? 'buttonColorA' : 'buttonColorB'" @click="rightButtonClick(1)">传感器监测</div>
|
|
|
<div :class="rightButtonType == 2 ? 'buttonColorA' : 'buttonColorB'" @click="rightButtonClick(2)">物联控制</div>
|
|
@@ -94,10 +132,14 @@
|
|
|
<div class="bottom-max-box" :class="rightButtonType == 4?'overflow-box':''">
|
|
|
<div class="bottom-sensor-box" v-if="rightButtonType == 1">
|
|
|
<p class="top-title">
|
|
|
- <el-tooltip class="item" effect="dark" :content="checkedSubject.deptName" placement="bottom">
|
|
|
+ <el-tooltip class="item" effect="dark"
|
|
|
+ v-if="checkedSubject.deptName"
|
|
|
+ :content="checkedSubject.deptName" placement="bottom">
|
|
|
<i>{{checkedSubject.deptName}}</i>
|
|
|
</el-tooltip>
|
|
|
- <el-tooltip class="item" effect="dark" :content="checkedSubject.subAddrr.buildName+checkedSubject.subAddrr.floorName" placement="bottom">
|
|
|
+ <el-tooltip class="item" effect="dark"
|
|
|
+ v-if="checkedSubject.subAddrr.buildName && checkedSubject.subAddrr.floorName"
|
|
|
+ :content="checkedSubject.subAddrr.buildName+checkedSubject.subAddrr.floorName" placement="bottom">
|
|
|
<i>当前位置:{{checkedSubject.subAddrr.buildName}}{{checkedSubject.subAddrr.floorName}}</i>
|
|
|
</el-tooltip>
|
|
|
</p>
|
|
@@ -317,11 +359,42 @@
|
|
|
<el-button type="primary" @click="submitFormOne">确 定</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
+ <!--导入窗口-->
|
|
|
+ <el-dialog title="导入数据" :visible.sync="importOpen" @close="importOpenOff" width="600px" append-to-body class="checkItemLibrary-dialog-box">
|
|
|
+ <el-upload
|
|
|
+ class="teacher-import-dialog-upLoad-box"
|
|
|
+ :drag="true"
|
|
|
+ :data="upImportData"
|
|
|
+ :action="uploadImgUrl"
|
|
|
+ :show-file-list="false"
|
|
|
+ :on-success="handleAvatarSuccess"
|
|
|
+ :headers="headers"
|
|
|
+ :before-upload="beforeAvatarUpload">
|
|
|
+ <i class="el-icon-upload"></i>
|
|
|
+ <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
|
|
|
+ <div class="el-upload__tip" slot="tip">仅允许导入xls、xlsx、格式文件。<span style="color:#0183FA;cursor: pointer" v-hasPermi="['system:user_teacher:exceltemplate']" @click="importTemplate">下载模板</span></div>
|
|
|
+ <div class="el-upload-text-box" slot="tip" v-if="getImportData.downFile">
|
|
|
+ <div class="img-text-box">
|
|
|
+ <img src="@/assets/ZDimages/personnelManagement/icon_dr_wj.png">
|
|
|
+ <p>{{getImportData.textName}}</p>
|
|
|
+ </div>
|
|
|
+ <p class="text-p">数据导入成功 <span style="color:#0183FA;">{{getImportData.successNum}}</span> 条,失败 <span style="color:#FF6464 ;">{{getImportData.failureNum}}</span> 条</p>
|
|
|
+ <div class="img-text-box" v-if="getImportData.failureNum">
|
|
|
+ <img src="@/assets/ZDimages/personnelManagement/icon_dr_sj.png">
|
|
|
+ <p style="color:#0183FA;cursor: pointer;" @click="failureExcel">点击下载失败数据报表</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ <div slot="footer" class="teacher-import-dialog-button-box">
|
|
|
+ <p class="inquire-button-one" @click="importOpenOff">确定</p>
|
|
|
+ </div>
|
|
|
+ <div class="teacher-import-dialog-position-box" v-if="loading"></div>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import { controlSwitch } from "@/api/laboratory/hardware";
|
|
|
+import { controlSwitch } from "@/api/laboratory/hardware";
|
|
|
import mqtt from 'mqtt'
|
|
|
import flvjs from 'flv.js'
|
|
|
import { hardWareControl,alarmControl } from "@/api/laboratory/hardware";
|
|
@@ -334,13 +407,16 @@ import {
|
|
|
queryHardByTypeList, getHaikangUserList, subjectTriggerModes, subjectEditSort, laboratorySubjectEditSort
|
|
|
} from '@/api/laboratory/subject'
|
|
|
import { listData} from "@/api/system/dict/data";
|
|
|
-import { filterDept } from "@/api/medicUniversity-3_1/index";
|
|
|
+import { listDepartments } from "@/api/system/dept";
|
|
|
import addSubject from "./addSubject.vue";
|
|
|
import deviceList from "./deviceList.vue";
|
|
|
import admissionConfiguration from "./admissionConfiguration.vue";
|
|
|
import associationConfiguration from "./associationConfiguration.vue";
|
|
|
import infoPage from "./infoPage.vue";
|
|
|
import { getHxpAlarmRecordNoAuthList,getEnablelist} from "@/api/medicUniversity-3_1/index";
|
|
|
+import { listClassifiedAll } from "@/api/laboratory/classified";
|
|
|
+import { listClasstypeAll } from "@/api/laboratory/classtype";
|
|
|
+import { getToken } from "@/utils/auth";
|
|
|
import store from '@/store'
|
|
|
export default {
|
|
|
filters:{
|
|
@@ -362,6 +438,23 @@ export default {
|
|
|
},
|
|
|
data(){
|
|
|
return{
|
|
|
+ uploadImgUrl: window.location.href.split('://')[0]+'://' + this.judgmentNetworkReturnAddress() + "/laboratory/subject/importSubData", // 上传地址
|
|
|
+ headers: {
|
|
|
+ Authorization: "Bearer " + getToken(),
|
|
|
+ },
|
|
|
+ //导入弹层开关
|
|
|
+ importOpen:false,
|
|
|
+ //导入数据
|
|
|
+ upImportData:{
|
|
|
+ sysUserEnable:true,
|
|
|
+ upDate:false,
|
|
|
+ },
|
|
|
+ getImportData:{
|
|
|
+ downFile:false,
|
|
|
+ successNum:0,
|
|
|
+ failureNum:0,
|
|
|
+ textName:"",
|
|
|
+ },
|
|
|
pageType:1,
|
|
|
// 遮罩层
|
|
|
loading: true,
|
|
@@ -446,11 +539,17 @@ export default {
|
|
|
//字典排风扇数组
|
|
|
fanList:[],
|
|
|
selectTriggerList:[],//预案触发下,预案数据存储
|
|
|
+ //分类数据
|
|
|
+ typeList:[],
|
|
|
+ //分级数据
|
|
|
+ levelList:[],
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
},
|
|
|
mounted(){
|
|
|
+ this.getListClasstypeAll();
|
|
|
+ this.getListClassifiedAll();
|
|
|
this.getDeptList();
|
|
|
// this.subscriptionMQTT();
|
|
|
this.getList();
|
|
@@ -675,6 +774,11 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
this.$set(this.newData,'labHardwareVOListTwo',listTwo);
|
|
|
+ if(this.versionField() == 'xiBeiNongLinDaXue'){
|
|
|
+ this.$set(this.newData,'videoData',[]);
|
|
|
+ this.pageType = 6;
|
|
|
+ return
|
|
|
+ }
|
|
|
if(list[0]){
|
|
|
let obj = {
|
|
|
count:"100",
|
|
@@ -894,6 +998,9 @@ export default {
|
|
|
//选中实验室
|
|
|
handleCurrentChange(val){
|
|
|
let self = this;
|
|
|
+ if(this.versionField() == 'xiBeiNongLinDaXue'){
|
|
|
+ return
|
|
|
+ }
|
|
|
if(val.id != this.checkedSubject.id){
|
|
|
this.videoOff();
|
|
|
this.offMQTT();
|
|
@@ -1033,7 +1140,7 @@ export default {
|
|
|
},
|
|
|
/** 查询学院列表 */
|
|
|
getDeptList() {
|
|
|
- filterDept().then(response => {
|
|
|
+ listDepartments().then(response => {
|
|
|
this.$set(this, 'deptOptions', response.data)
|
|
|
});
|
|
|
},
|
|
@@ -1056,18 +1163,6 @@ export default {
|
|
|
console.log("订阅成功:" + this.mtopicOne+self.subId);
|
|
|
}
|
|
|
});
|
|
|
- // for(let i = 0; i< self.mqttIdList.length;i++){
|
|
|
- // this.client.subscribe(this.mtopic+self.mqttIdList[i], (err) => {
|
|
|
- // if (!err) {
|
|
|
- // console.log("订阅成功:" + this.mtopic+self.mqttIdList[i]);
|
|
|
- // }
|
|
|
- // });
|
|
|
- // this.client.subscribe(this.mtopicOne+self.mqttIdList[i], (err) => {
|
|
|
- // if (!err) {
|
|
|
- // console.log("订阅成功:" + this.mtopicOne+self.mqttIdList[i]);
|
|
|
- // }
|
|
|
- // });
|
|
|
- // }
|
|
|
});
|
|
|
this.client.on("message", (topic, message) => {
|
|
|
// console.log('message',message)
|
|
@@ -1222,6 +1317,80 @@ export default {
|
|
|
self.videoList = [];
|
|
|
}
|
|
|
},
|
|
|
+ //查询安全分级
|
|
|
+ getListClassifiedAll(){
|
|
|
+ listClassifiedAll().then(response=>{
|
|
|
+ if(response.code==200){
|
|
|
+ console.log(response)
|
|
|
+ this.levelList=response.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //查询安全分类
|
|
|
+ getListClasstypeAll(){
|
|
|
+ listClasstypeAll().then(response=>{
|
|
|
+ if(response.code==200){
|
|
|
+ this.typeList=response.data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //****************************************导入功能**************************************
|
|
|
+ handleAvatarSuccess(res, file) {
|
|
|
+ if(res.code == 200){
|
|
|
+ this.getImportData.downFile = true
|
|
|
+ this.getImportData.successNum = res.data.successNum
|
|
|
+ this.getImportData.failureNum = res.data.failureNum
|
|
|
+ // this.importOpen = false;
|
|
|
+ // this.getList();
|
|
|
+ }else{
|
|
|
+ this.msgError(res.msg);
|
|
|
+ }
|
|
|
+ this.loading = false;
|
|
|
+ },
|
|
|
+ beforeAvatarUpload(file) {
|
|
|
+ let type = false;
|
|
|
+ console.log('file',file);
|
|
|
+ if (file.type == 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' || file.type == 'application/vnd.ms-excel') {
|
|
|
+ if(file.size> 5250000){
|
|
|
+ this.msgError('上传大小不能超过5M')
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ this.getImportData.textName = file.name;
|
|
|
+ type = true;
|
|
|
+ this.loading = true;
|
|
|
+ }else{
|
|
|
+ this.$message.error('只能上传xls/xlsx格式文件');
|
|
|
+ type = false;
|
|
|
+ }
|
|
|
+ return type;
|
|
|
+ },
|
|
|
+ //导入页面关闭
|
|
|
+ importOpenOff(){
|
|
|
+ this.importOpen = false;
|
|
|
+ this.getImportData.downFile = false;
|
|
|
+ this.getImportData.successNum = 0;
|
|
|
+ this.getImportData.failureNum = 0;
|
|
|
+ this.getImportData.textName = "";
|
|
|
+ },
|
|
|
+ /** 导入按钮操作 */
|
|
|
+ importButton(item){
|
|
|
+ if(item.command == 1){
|
|
|
+ // 下载模板
|
|
|
+ this.download('/laboratory/subject/exportSubTemplate', {}, `实验室导入模板.xlsx`)
|
|
|
+ }else if(item.command == 2){
|
|
|
+ // 导入数据
|
|
|
+ console.log('导入数据');
|
|
|
+ this.importOpen = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /** 下载模板操作 */
|
|
|
+ importTemplate() {
|
|
|
+ this.download('/laboratory/subject/exportSubTemplate', {}, `实验室导入模板.xlsx`)
|
|
|
+ },
|
|
|
+ /*下载失败列表*/
|
|
|
+ failureExcel(){
|
|
|
+ this.download('/laboratory/subject/exportProblemData', {}, `实验室导入模板失败报表.xlsx`)
|
|
|
+ },
|
|
|
},
|
|
|
beforeDestroy() {
|
|
|
//清除定时器
|
|
@@ -1241,6 +1410,11 @@ export default {
|
|
|
*{
|
|
|
margin:0;
|
|
|
}
|
|
|
+ ::v-deep .el-table__row{
|
|
|
+ td:nth-child(1){
|
|
|
+ padding:0;
|
|
|
+ }
|
|
|
+ }
|
|
|
.subject-page{
|
|
|
flex:1;
|
|
|
display: flex;
|
|
@@ -1255,6 +1429,33 @@ export default {
|
|
|
overflow: hidden;
|
|
|
padding: 2px 0 10px 10px;
|
|
|
box-sizing: border-box;
|
|
|
+ .form-dropdown-box{
|
|
|
+ display: flex;
|
|
|
+ margin:0;
|
|
|
+ padding:0 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ height:40px;
|
|
|
+ img:nth-child(1){
|
|
|
+ width:16px;
|
|
|
+ height:16px;
|
|
|
+ margin-top:12px;
|
|
|
+ }
|
|
|
+ p{
|
|
|
+ width:47px;
|
|
|
+ text-align: center;
|
|
|
+ font-size:14px;
|
|
|
+ margin:0;
|
|
|
+ line-height:40px;
|
|
|
+ }
|
|
|
+ img:nth-child(3){
|
|
|
+ width:10px;
|
|
|
+ height:6px;
|
|
|
+ margin-top:17px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .left-subject-list-flex{
|
|
|
+ flex:1;
|
|
|
}
|
|
|
.left-subject-list{
|
|
|
/*flex:1;*/
|
|
@@ -1281,7 +1482,6 @@ export default {
|
|
|
}
|
|
|
.right-subject-box{
|
|
|
/*width:440px;*/
|
|
|
- flex:1;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
.top-button-box{
|
|
@@ -1839,4 +2039,113 @@ export default {
|
|
|
background-size: 45%;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.checkItemLibrary-dialog-box{
|
|
|
+ .teacher-import-dialog-upLoad-box{
|
|
|
+ .el-upload{
|
|
|
+ width:450px;
|
|
|
+ margin:0 55px;
|
|
|
+ .el-upload-dragger{
|
|
|
+ width:450px;
|
|
|
+ .el-icon-upload{
|
|
|
+ font-size:100px;
|
|
|
+ color:#CBE6FE;
|
|
|
+ }
|
|
|
+ .el-upload__text{
|
|
|
+ margin-top:20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .el-upload__tip{
|
|
|
+ margin-left:60px;
|
|
|
+ font-size:14px;
|
|
|
+ margin-top:10px;
|
|
|
+ }
|
|
|
+ .el-upload-text-box{
|
|
|
+ background: #F5F5F5;
|
|
|
+ border-radius: 10px;
|
|
|
+ margin:15px 30px 0;
|
|
|
+ padding:0 20px 15px;
|
|
|
+ overflow: hidden;
|
|
|
+ *{
|
|
|
+ margin:0;
|
|
|
+ }
|
|
|
+ .img-text-box{
|
|
|
+ display: flex;
|
|
|
+ margin-top:15px;
|
|
|
+ img{
|
|
|
+ width:16px;
|
|
|
+ height:16px;
|
|
|
+ margin-right:13px;
|
|
|
+ }
|
|
|
+ p{
|
|
|
+ height:16px;
|
|
|
+ line-height:16px;
|
|
|
+ font-size:12px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .text-p{
|
|
|
+ margin-top:15px;
|
|
|
+ margin-left:29px;
|
|
|
+ height:16px;
|
|
|
+ line-height:16px;
|
|
|
+ font-size:12px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .teacher-import-dialog-button-box{
|
|
|
+ display: flex;
|
|
|
+ width:190px;
|
|
|
+ margin:0 auto;
|
|
|
+ p{
|
|
|
+ width:70px;
|
|
|
+ height:30px;
|
|
|
+ line-height:30px;
|
|
|
+ font-size:14px;
|
|
|
+ margin:0 auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .teacher-import-dialog-position-box{
|
|
|
+ width:100%;
|
|
|
+ height:100%;
|
|
|
+ position: absolute;
|
|
|
+ top:0;
|
|
|
+ left:0;
|
|
|
+ z-index: 999;
|
|
|
+ background: rgba(255,255,255,0.4);
|
|
|
+ border-radius:20px;
|
|
|
+ }
|
|
|
+ .code-max-box{
|
|
|
+ display: flex;
|
|
|
+ .code-button-box{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ margin-left:8px;
|
|
|
+ p{
|
|
|
+ width:40px;
|
|
|
+ text-align: center;
|
|
|
+ line-height:19px;
|
|
|
+ font-size:14px;
|
|
|
+ cursor: pointer;
|
|
|
+ color:#d8d8d8;
|
|
|
+ }
|
|
|
+ p:nth-child(1){
|
|
|
+ border:1px solid #d8d8d8;
|
|
|
+ border-top-left-radius: 4px;
|
|
|
+ border-top-right-radius: 4px;
|
|
|
+ }
|
|
|
+ p:nth-child(2){
|
|
|
+ border-bottom:1px solid #d8d8d8;
|
|
|
+ border-left:1px solid #d8d8d8;
|
|
|
+ border-right:1px solid #d8d8d8;
|
|
|
+ border-bottom-left-radius: 4px;
|
|
|
+ border-bottom-right-radius: 4px;
|
|
|
+ }
|
|
|
+ p:hover{
|
|
|
+ color:#fff;
|
|
|
+ background-color: #d8d8d8;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|