|
|
@@ -40,44 +40,28 @@
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <div style="display: inline-block;">
|
|
|
- <el-form-item label="安全分级" prop="levelId" class="form-item" v-if="!form.dynamicLeveling">
|
|
|
- <el-input
|
|
|
- disabled
|
|
|
- style="width:220px;"
|
|
|
- v-model="form.titleName"
|
|
|
- placeholder="请选择安全分级"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <p class="page-reset-common-style-button" @click="LevelClick()" style="margin-left:12px;margin-bottom:20px;width:90px;">分级配置</p>
|
|
|
- </div>
|
|
|
- <div style="display: inline-block;">
|
|
|
- <el-form-item label="安全分类" prop="typeId" class="form-item" v-if="!form.dynamicLeveling">
|
|
|
- <el-input
|
|
|
- disabled
|
|
|
- style="width:220px;"
|
|
|
- v-model="form.subType"
|
|
|
- placeholder="请选择安全分类"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <p class="page-reset-common-style-button" @click="classifyClick()" style="margin-left:12px;margin-bottom:20px;width:90px;">分类配置</p>
|
|
|
- </div>
|
|
|
- <el-form-item label="实验室面积" prop="subArea" class="form-item">
|
|
|
- <el-input
|
|
|
- style="width:320px;"
|
|
|
- v-model="form.subArea"
|
|
|
- placeholder="请输入面积"
|
|
|
- oninput="value=value.replace(/[^0-9.]/g,'')"
|
|
|
- maxlength="4"
|
|
|
- size="small">
|
|
|
- <template slot="append">M²</template>
|
|
|
- </el-input>
|
|
|
+ <el-form-item label="安全分类" prop="typeId" class="form-item" v-if="!form.dynamicLeveling">
|
|
|
+ <el-select v-model="form.typeId" multiple collapse-tags placeholder="请选择安全分类" style="width: 320px">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in typeList"
|
|
|
+ :key="dict.typeId"
|
|
|
+ :label="dict.typeName"
|
|
|
+ :value="dict.typeId">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="安全分级" prop="levelId" class="form-item" v-if="!form.dynamicLeveling">
|
|
|
+ <el-select v-model="form.levelId" placeholder="请选择安全分级"
|
|
|
+ :disabled="form.dynamicLeveling" clearable style="width:320px;">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in levelList"
|
|
|
+ :key="dict.levelId"
|
|
|
+ :label="dict.levelName"
|
|
|
+ :value="dict.levelId"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
-<!-- <el-form-item label="动态评级" class="form-item" style="width:440px;">
|
|
|
+ <el-form-item label="动态评级" class="form-item" style="width:440px;">
|
|
|
<div class="tableListPaginationSwitch">
|
|
|
<el-switch
|
|
|
class="switch captcha-img"
|
|
|
@@ -90,7 +74,7 @@
|
|
|
<i class="el-icon-warning tip-img"></i>
|
|
|
<i class="tip-content">如需人工评定，请关闭动态评级</i>
|
|
|
</div>
|
|
|
- </el-form-item>-->
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="楼栋" prop="buildId" class="form-item">
|
|
|
<el-select v-model="form.buildId" placeholder="请选择楼栋"
|
|
|
@change="changeBuild" style="width:320px;">
|
|
|
@@ -123,7 +107,17 @@
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
-
|
|
|
+ <el-form-item label="实验室面积" prop="subArea" class="form-item">
|
|
|
+ <el-input
|
|
|
+ style="width:320px;"
|
|
|
+ v-model="form.subArea"
|
|
|
+ placeholder="请输入面积"
|
|
|
+ oninput="value=value.replace(/[^0-9.]/g,'')"
|
|
|
+ maxlength="4"
|
|
|
+ size="small">
|
|
|
+ <template slot="append">M²</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="准入设备" class="form-item">
|
|
|
<el-select v-model="form.hardwareType" placeholder="请选择整改类型" style="width:320px;" @change="hardwareTypeFun()" >
|
|
|
<el-option label="无" :value="0" />
|
|
|
@@ -302,81 +296,16 @@
|
|
|
</div>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
- <el-dialog title="分级配置" :visible.sync="dialogLevelVisible" width="970px" append-to-body>
|
|
|
- <div class="tabs">
|
|
|
- <div class="tabs-li" v-for="(item,index) in tabsList" @click="tabsClick(index)" :class="tabsIndex==index?'color-B':'color-A'">{{item}}</div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="level" style="height: 500px;overflow-y: auto;">
|
|
|
- <!-- 分类依据-->
|
|
|
- <div class="level-box" v-for="(item,index) in levelBasisList" :key="index" v-if="tabsIndex==0">
|
|
|
- <div class="level-title" :style="'background:'+item.color">{{item.name}}</div>
|
|
|
- <div class="level-thead">
|
|
|
- <i>选择</i>
|
|
|
- <i>序号</i>
|
|
|
- <i>内容</i>
|
|
|
- </div>
|
|
|
- <div class="level-li" v-for="(item2,index2) in item.list" :key="index2">
|
|
|
- <i><el-checkbox v-model="item2.selected"></el-checkbox></i>
|
|
|
- <i>{{index2+1}}</i>
|
|
|
- <i>{{item2.content}}</i>
|
|
|
- </div>
|
|
|
- <div class="level-li2">{{item.remark}}</div>
|
|
|
- </div>
|
|
|
- <!-- 风险评价-->
|
|
|
- <div class="level-box" v-for="(item,index) in levelEvaluateList" :key="index" v-if="tabsIndex==1">
|
|
|
- <div class="level-title">{{item.name}}</div>
|
|
|
- <div class="level-thead">
|
|
|
- <i>选择</i>
|
|
|
- <i>序号</i>
|
|
|
- <i>内容</i>
|
|
|
- </div>
|
|
|
- <div class="level-li" v-for="(item2,index2) in item.list" :key="index2">
|
|
|
- <i><el-checkbox v-model="item2.selected"></el-checkbox></i>
|
|
|
- <i>{{index2+1}}</i>
|
|
|
- <i>{{item2.content}}</i>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div slot="footer" class="dialog-footer dialog-footer-box">
|
|
|
- <p class="dialog-footer-button-null"></p>
|
|
|
- <p class="dialog-footer-button-primary" @click="levelSubmitForm">确认</p>
|
|
|
- <p class="dialog-footer-button-null"></p>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="分类配置" :visible.sync="dialogClassifyVisible" width="970px" append-to-body>
|
|
|
- <div class="classify">
|
|
|
- <div class="classify-thead">
|
|
|
- <i>选择</i>
|
|
|
- <i>实验室分类</i>
|
|
|
- <i>分类参考依据</i>
|
|
|
- </div>
|
|
|
- <div class="classify-li" v-for="(item,index) in classifyList">
|
|
|
- <i @click="radioClick(item,index)"><el-radio v-model="item.selected" :label="true" ><span></span></el-radio></i>
|
|
|
- <i>{{item.subType}}</i>
|
|
|
- <i>{{item.typeBasis}}</i>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div slot="footer" class="dialog-footer dialog-footer-box">
|
|
|
- <p class="dialog-footer-button-null"></p>
|
|
|
- <p class="dialog-footer-button-primary" @click="classifySubmitForm">确认</p>
|
|
|
- <p class="dialog-footer-button-null"></p>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import {
|
|
|
getDeptDropList, systemBuildingGetOptList, laboratoryClassMoldGetList,
|
|
|
- systemRoomInfoGetList,systemUserDropAuthList
|
|
|
+ laboratoryClassLevelGetList, laboratoryClassTypeGetList, systemRoomInfoGetList,
|
|
|
+ systemUserSelectUser, systemUserDropAuthList
|
|
|
} from '@/api/commonality/permission'
|
|
|
-import {
|
|
|
- laboratoryInfoBrandGetClassifyBySubId, laboratoryLevelConfigGetCalculateByData, laboratoryLevelConfigGetList,
|
|
|
- laboratorySubRelInfoAdd,
|
|
|
- laboratorySubRelInfoUpdate, laboratoryTypeConfigGetList
|
|
|
-} from '@/api/integratedManagement/index'
|
|
|
-import { chemicalMsdsEdit } from '@/api/chemicalManage'
|
|
|
+ import { laboratoryInfoBrandGetClassifyBySubId,laboratorySubRelInfoAdd,laboratorySubRelInfoUpdate,laboratorySubRelInfoGetDetailInfo } from "@/api/integratedManagement/index";
|
|
|
export default {
|
|
|
name: "addSubject",
|
|
|
props:{
|
|
|
@@ -385,6 +314,8 @@ import { chemicalMsdsEdit } from '@/api/chemicalManage'
|
|
|
data() {
|
|
|
return {
|
|
|
loading:false,
|
|
|
+ levelList:[],
|
|
|
+ typeList:[],
|
|
|
deptOptions:[],
|
|
|
buildings:[],
|
|
|
floors:[],
|
|
|
@@ -448,14 +379,6 @@ import { chemicalMsdsEdit } from '@/api/chemicalManage'
|
|
|
labMoldList:[],
|
|
|
//一体机/电子信息牌状态切换
|
|
|
checkButtonType:1,
|
|
|
- tabsList:['分级依据','风险评级'],
|
|
|
- tabsIndex:0,
|
|
|
- dialogLevelVisible:false,
|
|
|
- dialogClassifyVisible:false,
|
|
|
- levelBasisList:[],
|
|
|
- levelEvaluateList:[],
|
|
|
- classifyList:[],
|
|
|
-
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
@@ -470,10 +393,12 @@ import { chemicalMsdsEdit } from '@/api/chemicalManage'
|
|
|
this.$set(this.form,'subId',this.subjectData.subId)
|
|
|
this.$set(this.form,'subName',this.subjectData.subName)
|
|
|
this.$set(this.form,'moldId',this.subjectData.moldId)
|
|
|
- this.$set(this.form,'typeId',this.subjectData.typeId)
|
|
|
- this.$set(this.form,'subType',this.subjectData.typeName)
|
|
|
+ if(this.subjectData.typeId){
|
|
|
+ this.$set(this.form,'typeId',this.subjectData.typeId.split(','))
|
|
|
+ }else{
|
|
|
+ this.$set(this.form,'typeId',[])
|
|
|
+ }
|
|
|
this.$set(this.form,'levelId',this.subjectData.levelId)
|
|
|
- this.$set(this.form,'titleName',this.subjectData.levelName)
|
|
|
this.$set(this.form,'deptId',this.subjectData.deptId)
|
|
|
this.$set(this.form,'buildId',this.subjectData.buildId)
|
|
|
this.$set(this.form,'floorId',this.subjectData.floorId)
|
|
|
@@ -545,27 +470,16 @@ import { chemicalMsdsEdit } from '@/api/chemicalManage'
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
- LevelClick(){
|
|
|
- this.$set(this,'dialogLevelVisible',true);
|
|
|
- },
|
|
|
- classifyClick(){
|
|
|
- this.$set(this,'dialogClassifyVisible',true);
|
|
|
- },
|
|
|
- tabsClick(index){
|
|
|
- this.tabsIndex=index;
|
|
|
- },
|
|
|
- radioClick(row,index){
|
|
|
- this.classifyList.forEach(function(item) {
|
|
|
- item.selected=false;
|
|
|
- })
|
|
|
- this.classifyList[index].selected=true;
|
|
|
- },
|
|
|
//初始化数据查询
|
|
|
getInitializeData(){
|
|
|
//学院
|
|
|
this.getDeptDropList();
|
|
|
//楼栋
|
|
|
this.systemBuildingGetOptList(2);
|
|
|
+ //分类
|
|
|
+ this.laboratoryClassTypeGetList();
|
|
|
+ //分级
|
|
|
+ this.laboratoryClassLevelGetList();
|
|
|
//类型
|
|
|
this.laboratoryClassMoldGetList();
|
|
|
//安全标识字典
|
|
|
@@ -584,11 +498,6 @@ import { chemicalMsdsEdit } from '@/api/chemicalManage'
|
|
|
this.getDicts("sys_extinguishing_key_points").then(response => {
|
|
|
this.$set(this,'extinguishingKeyPoints',response.data);
|
|
|
});
|
|
|
- //分级配置列表
|
|
|
- this.laboratoryLevelConfigGetList();
|
|
|
- this.laboratoryLevelConfigGetListTow();
|
|
|
- //分类配置列表
|
|
|
- this.laboratoryTypeConfigGetList();
|
|
|
},
|
|
|
//查询学院下拉列表
|
|
|
getDeptDropList(){
|
|
|
@@ -612,6 +521,18 @@ import { chemicalMsdsEdit } from '@/api/chemicalManage'
|
|
|
this.$set(this,'rooms',response.data);
|
|
|
});
|
|
|
},
|
|
|
+ //查询安全分类下拉列表
|
|
|
+ laboratoryClassTypeGetList(){
|
|
|
+ laboratoryClassTypeGetList({}).then(response => {
|
|
|
+ this.$set(this,'typeList',response.data);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //查询安全分级列表
|
|
|
+ laboratoryClassLevelGetList(){
|
|
|
+ laboratoryClassLevelGetList({}).then(response => {
|
|
|
+ this.$set(this,'levelList',response.data);
|
|
|
+ });
|
|
|
+ },
|
|
|
//查询实验室类型下拉列表
|
|
|
laboratoryClassMoldGetList(){
|
|
|
laboratoryClassMoldGetList({}).then(response => {
|
|
|
@@ -636,6 +557,7 @@ import { chemicalMsdsEdit } from '@/api/chemicalManage'
|
|
|
}
|
|
|
},
|
|
|
upData(){
|
|
|
+ console.log(this.form)
|
|
|
let self = this;
|
|
|
this.$set(this.form,'details',this.$refs.UEditor.text);
|
|
|
this.$refs["form"].validate(valid => {
|
|
|
@@ -660,6 +582,9 @@ import { chemicalMsdsEdit } from '@/api/chemicalManage'
|
|
|
if(self.form.safeUserId) {
|
|
|
self.form.safeUserId = self.form.safeUserId.join() ;
|
|
|
}
|
|
|
+ if(self.form.typeId) {
|
|
|
+ self.form.typeId = self.form.typeId.join() ;
|
|
|
+ }
|
|
|
//循环取安全信息牌信息
|
|
|
|
|
|
let list=[]
|
|
|
@@ -676,7 +601,6 @@ import { chemicalMsdsEdit } from '@/api/chemicalManage'
|
|
|
if(self.form.infoId){
|
|
|
self.laboratorySubRelInfoUpdate();
|
|
|
}else{
|
|
|
-
|
|
|
self.laboratorySubRelInfoAdd();
|
|
|
}
|
|
|
}).then(() => {}).catch(() => {});
|
|
|
@@ -702,87 +626,6 @@ import { chemicalMsdsEdit } from '@/api/chemicalManage'
|
|
|
backPage(){
|
|
|
this.$parent.clickPage(1,'');
|
|
|
},
|
|
|
- //分级配置列表
|
|
|
- laboratoryLevelConfigGetList(){
|
|
|
- let obj={
|
|
|
- levelType:'1', //1分级依据 2风险评价
|
|
|
- }
|
|
|
- laboratoryLevelConfigGetList(obj).then(response => {
|
|
|
- if (this.subjectData.levelRecord){
|
|
|
- let list = this.subjectData.levelRecord.split(',');
|
|
|
- response.data.forEach(function(item) {
|
|
|
- item.list.forEach(function(item2) {
|
|
|
- item2.selected=false;
|
|
|
- list.forEach(function(item3) {
|
|
|
- if (item2.configId==item3){
|
|
|
- item2.selected=true;
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- })
|
|
|
- }else{
|
|
|
- response.data.forEach(function(item) {
|
|
|
- item.list.forEach(function(item2) {
|
|
|
- item2.selected=false;
|
|
|
- })
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
- this.$set(this, 'levelBasisList',response.data)
|
|
|
- });
|
|
|
- },
|
|
|
- //分级配置列表
|
|
|
- laboratoryLevelConfigGetListTow(){
|
|
|
- let obj={
|
|
|
- levelType:'2', //1分级依据 2风险评价
|
|
|
- }
|
|
|
- laboratoryLevelConfigGetList(obj).then(response => {
|
|
|
- if (this.subjectData.levelRecord){
|
|
|
- let list = this.subjectData.levelRecord.split(',');
|
|
|
- response.data.forEach(function(item) {
|
|
|
- item.list.forEach(function(item2) {
|
|
|
- item2.selected=false;
|
|
|
- list.forEach(function(item3) {
|
|
|
- if (item2.configId==item3){
|
|
|
- item2.selected=true;
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- })
|
|
|
- }else{
|
|
|
- response.data.forEach(function(item) {
|
|
|
- item.list.forEach(function(item2) {
|
|
|
- item2.selected=false;
|
|
|
- })
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
- this.$set(this, 'levelEvaluateList',response.data)
|
|
|
- });
|
|
|
- },
|
|
|
- //分类配置列表
|
|
|
- laboratoryTypeConfigGetList(){
|
|
|
- let self=this;
|
|
|
- laboratoryTypeConfigGetList().then(response => {
|
|
|
- if (this.subjectData.typeId){
|
|
|
- response.data.forEach(function(item) {
|
|
|
- item.selected=false;
|
|
|
- })
|
|
|
- response.data.forEach(function(item) {
|
|
|
- if (item.typeId==self.subjectData.typeId){
|
|
|
- item.selected=true;
|
|
|
- }
|
|
|
- })
|
|
|
- }else{
|
|
|
- response.data.forEach(function(item) {
|
|
|
- item.selected=false;
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
- this.$set(this, 'classifyList',response.data)
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
/** 查询楼栋列表 */
|
|
|
getBuildings(id) {
|
|
|
if(id) {
|
|
|
@@ -834,47 +677,6 @@ import { chemicalMsdsEdit } from '@/api/chemicalManage'
|
|
|
this.$set(this,'optionsUserOne',[]);
|
|
|
}
|
|
|
},
|
|
|
- //分级确定
|
|
|
- levelSubmitForm(){
|
|
|
- let self=this;
|
|
|
- let list=[]
|
|
|
- let listId=[]
|
|
|
- this.levelBasisList.forEach(function(item) {
|
|
|
- item.list.forEach(function(item2) {
|
|
|
- if (item2.selected){
|
|
|
- list.push(item2)
|
|
|
- listId.push(item2.configId)
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- this.levelEvaluateList.forEach(function(item) {
|
|
|
- item.list.forEach(function(item2) {
|
|
|
- if (item2.selected){
|
|
|
- list.push(item2)
|
|
|
- listId.push(item2.configId)
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- this.$set(this.form, 'levelRecord',listId.join(','))
|
|
|
- laboratoryLevelConfigGetCalculateByData(list).then( response => {
|
|
|
- this.$set(this.form, 'levelId',response.data.levelId)
|
|
|
- this.$set(this.form, 'titleName',response.data.titleName)
|
|
|
- this.$set(this, 'dialogLevelVisible',false)
|
|
|
-
|
|
|
- });
|
|
|
- },
|
|
|
- //分类确定
|
|
|
- classifySubmitForm(){
|
|
|
- let self=this;
|
|
|
- this.classifyList.forEach(function(item) {
|
|
|
- if (item.selected){
|
|
|
- self.$set(self.form, 'typeId',item.typeId)
|
|
|
- self.$set(self.form, 'subType',item.subType)
|
|
|
- self.$set(self, 'dialogClassifyVisible',false)
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -988,187 +790,6 @@ import { chemicalMsdsEdit } from '@/api/chemicalManage'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .tabs{
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- margin-left: 42px;
|
|
|
- .tabs-li{
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #333333;
|
|
|
- padding-bottom: 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- margin-right: 40px;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
- .color-A{
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- .color-B{
|
|
|
- color: #043581;
|
|
|
- border-bottom: 4px solid #043581;
|
|
|
- }
|
|
|
- }
|
|
|
- .level{
|
|
|
- border: 1px solid #E0E0E0;
|
|
|
- width: 820px;
|
|
|
- margin-left: 40px;
|
|
|
- .level-box{
|
|
|
- .level-title{
|
|
|
- background: #E0E0E0;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #FFFFFF;
|
|
|
- line-height: 40px;
|
|
|
- height: 40px;
|
|
|
- padding-left: 14px;
|
|
|
-
|
|
|
- }
|
|
|
- .level-thead{
|
|
|
- background: #F5F5F5;
|
|
|
- border-bottom: 1px solid #E0E0E0;
|
|
|
- height: 40px;
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- >i{
|
|
|
- font-style: normal;
|
|
|
- display: inline-block;
|
|
|
- text-align: center;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- line-height: 40px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- >i:nth-of-type(1){
|
|
|
- width: 50px;
|
|
|
- border-right: 1px solid #E0E0E0;
|
|
|
- }
|
|
|
- >i:nth-of-type(2){
|
|
|
- width: 132px;
|
|
|
- border-right: 1px solid #E0E0E0;
|
|
|
- }
|
|
|
- >i:nth-of-type(3){
|
|
|
- width: 636px;
|
|
|
- }
|
|
|
- }
|
|
|
- .level-li{
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- height: auto;
|
|
|
- border-bottom: 1px solid #E0E0E0;
|
|
|
- >i{
|
|
|
- font-style: normal;
|
|
|
- text-align: center;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #333333;
|
|
|
- height: auto;
|
|
|
- padding:8px 16px;
|
|
|
- box-sizing: border-box;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- >i:nth-of-type(1){
|
|
|
- width: 50px;
|
|
|
- border-right: 1px solid #E0E0E0;
|
|
|
- }
|
|
|
- >i:nth-of-type(2){
|
|
|
- width: 132px;
|
|
|
-
|
|
|
- border-right: 1px solid #E0E0E0;
|
|
|
- }
|
|
|
- >i:nth-of-type(3){
|
|
|
- width: 636px;
|
|
|
- text-align: left;
|
|
|
- }
|
|
|
- }
|
|
|
- .level-li:nth-child(2n){
|
|
|
- background: #F5F5F5;
|
|
|
- }
|
|
|
- .level-li:last-child{
|
|
|
- border:none;
|
|
|
- }
|
|
|
- .level-li2{
|
|
|
- font-weight: 400;
|
|
|
- font-size: 14px;
|
|
|
- color: #333333;
|
|
|
- line-height: 40px;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- .classify{
|
|
|
- border: 1px solid #E0E0E0;
|
|
|
- width: 820px;
|
|
|
- margin-left: 40px;
|
|
|
- .classify-thead{
|
|
|
- background: #F5F5F5;
|
|
|
- border-bottom: 1px solid #E0E0E0;
|
|
|
- height: 40px;
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- >i{
|
|
|
- font-style: normal;
|
|
|
- display: inline-block;
|
|
|
- text-align: center;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- line-height: 40px;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- >i:nth-of-type(1){
|
|
|
- width: 50px;
|
|
|
- border-right: 1px solid #E0E0E0;
|
|
|
- }
|
|
|
- >i:nth-of-type(2){
|
|
|
- width: 132px;
|
|
|
- border-right: 1px solid #E0E0E0;
|
|
|
- }
|
|
|
- >i:nth-of-type(3){
|
|
|
- width: 636px;
|
|
|
- }
|
|
|
- }
|
|
|
- .classify-li{
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- height: auto;
|
|
|
- border-bottom: 1px solid #E0E0E0;
|
|
|
- >i{
|
|
|
- font-style: normal;
|
|
|
- text-align: center;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 16px;
|
|
|
- color: #333333;
|
|
|
- height: auto;
|
|
|
- padding:8px 16px;
|
|
|
- box-sizing: border-box;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- >i:nth-of-type(1){
|
|
|
- width: 50px;
|
|
|
- border-right: 1px solid #E0E0E0;
|
|
|
- }
|
|
|
- >i:nth-of-type(2){
|
|
|
- width: 132px;
|
|
|
- border-right: 1px solid #E0E0E0;
|
|
|
- }
|
|
|
- >i:nth-of-type(3){
|
|
|
- width: 636px;
|
|
|
- text-align: left;
|
|
|
- }
|
|
|
- }
|
|
|
- .classify-li:nth-child(2n+1){
|
|
|
- background: #F5F5F5;
|
|
|
- }
|
|
|
- .classify-li:last-child{
|
|
|
- border:none;
|
|
|
- }
|
|
|
- }
|
|
|
::v-deep .tableListPaginationSwitch{
|
|
|
height: 40px;
|
|
|
display: flex;
|
heyang