提交代码
姜玉琦
parent
ca2f29b4e7
commit
c58f656f4d
|
|
@ -4,11 +4,13 @@ import schedule from './schedule/index'
|
|||
import quarterlyAssess from './quarterlyAssess/index'
|
||||
import problemmodify from './problemmodify/index'
|
||||
import workFile from './workFile/index'
|
||||
import workTrain from './workTrain/index'
|
||||
export default {
|
||||
project,
|
||||
dept,
|
||||
schedule,
|
||||
quarterlyAssess,
|
||||
problemmodify,
|
||||
workFile
|
||||
workFile,
|
||||
workTrain
|
||||
}
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
const getWorkTrainList=(trainType,deptId)=> {
|
||||
return request({
|
||||
url: `bgscreen/workTrain/getWorkTrainList?trainType=${trainType}&deptId=${deptId}`,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export default{
|
||||
getWorkTrainList
|
||||
}
|
||||
|
|
@ -54,32 +54,52 @@
|
|||
</module-one-3-1>
|
||||
</el-col>
|
||||
<el-col :span="6" >
|
||||
<module-one-2-1 label="应急演练">
|
||||
<div style="padding:10px">
|
||||
<div v-for="(it,idx) in trainingData" :key="idx" class="transition-item">
|
||||
<div class="module-title screen-one-2-1" v-if="idx==2" style="height: 30px;
|
||||
background-position-y: top;position: relative;left: -9px;top:10px;
|
||||
background-size: auto;"><span>专项培训</span></div>
|
||||
<div class="bottom-line2" style="line-height: 24px;margin-top: 10px;" :style="idx==2?'margin-top:20px':''">
|
||||
<span style="color:#59A0DC;display: inline-block;margin-right: 8px;">{{it.id}}</span>
|
||||
<span style="font-weight: bold;" :style="it.flag==1?'color:#13A2B6':''">{{it.title}}</span>
|
||||
<img src="images/check_icon.png" style="height: 12px;position: absolute;right: 0px;">
|
||||
<module-one-1-1 label="专项培训">
|
||||
<div style="padding:10px" class="train-list scroll">
|
||||
<div v-for="(it,index) in workTrainList" :key="index" class="transition-item">
|
||||
<div class="bottom-line2" style="line-height: 24px;margin-top: 8px;">
|
||||
<span style="color:#59A0DC;display: inline-block;margin-right: 8px;">{{index+1}}</span>
|
||||
<span style="font-weight: bold;">{{it.trainNatureName}}</span>
|
||||
<img src="images/check_icon.png" style="height:12px;position: absolute;right: 0px;">
|
||||
</div>
|
||||
<div style="display: flex;align-items: center;">
|
||||
<div style="height: 60px;overflow: hidden;margin: 10px;">
|
||||
<img :src="it.img" style="height: 60px;"/>
|
||||
<div class="train-img-par">
|
||||
<img :src="getProfileImage(it.mainImage)" class="train-img"/>
|
||||
</div>
|
||||
<div style="line-height: 30px;color:#aaa;font-size: 12px;" >
|
||||
<div ><span>参与人数：</span><span style="color:#436CE9">{{it.cnt}}</span><span> 人</span></div>
|
||||
<div ><span>参与人数：</span><span style="color:#436CE9">{{it.trainParticipants}}</span><span> 人</span></div>
|
||||
<div>
|
||||
<span>培训时间:</span><span>{{it.start}}~{{it.end}}</span>
|
||||
<span>培训时间:</span><span>{{it.beginDate}}~{{it.endDate}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="line-height: 24px;margin-top: 0px;color:#aaa;font-size: 12px;"><span>协作队伍:</span><span>{{it.team}}</span></div>
|
||||
<div style="line-height: 24px;margin-top: 0px;color:#aaa;font-size: 12px;"><span>协作队伍:</span><span>{{it.trainDeptNames}}</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</module-one-2-1>
|
||||
</module-one-1-1>
|
||||
<module-one-1-1 label="应急演练">
|
||||
<div style="padding:10px" class="train-list scroll">
|
||||
<div v-for="(it,index) in emergencyDrillList" :key="index" class="transition-item">
|
||||
<div class="bottom-line2" style="line-height: 24px;margin-top: 8px;">
|
||||
<span style="color:#59A0DC;display: inline-block;margin-right: 8px;">{{index+1}}</span>
|
||||
<span style="font-weight: bold;">{{it.trainNatureName}}</span>
|
||||
<img src="images/check_icon.png" style="height:12px;position: absolute;right: 0px;">
|
||||
</div>
|
||||
<div style="display: flex;align-items: center;">
|
||||
<div class="train-img-par">
|
||||
<img :src="getProfileImage(it.mainImage)" class="train-img"/>
|
||||
</div>
|
||||
<div style="line-height: 30px;color:#aaa;font-size: 12px;" >
|
||||
<div ><span>参与人数：</span><span style="color:#436CE9">{{it.trainParticipants}}</span><span> 人</span></div>
|
||||
<div>
|
||||
<span>培训时间:</span><span>{{it.beginDate}}~{{it.endDate}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="line-height: 24px;margin-top: 0px;color:#aaa;font-size: 12px;"><span>协作队伍:</span><span>{{it.trainDeptNames}}</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</module-one-1-1>
|
||||
<module-one-1-1 label="特种作业人员">
|
||||
<div class="quality-table special-table">
|
||||
<el-table :data="specialData" style="width: 100%;background: transparent;"
|
||||
|
|
@ -201,12 +221,10 @@ export default {
|
|||
fontSize:'12px',
|
||||
height:'32px'
|
||||
},
|
||||
trainingData:[
|
||||
{id:'01',title:'消防应急演练',img:'images/840.jpg',cnt:32,start:'2023-05-30',end:'2023-06-08',team:'中铁一局',flag:0},
|
||||
{id:'02',title:'防汛应急演练',img:'images/841.jpg',cnt:48,start:'2023-05-14',end:'2023-05-23',team:'中铁一局',flag:0},
|
||||
{id:'03',title:'防汛应急培训',img:'images/842.jpg',cnt:25,start:'2023-06-04',end:'2023-06-13',team:'中铁一局,陕西澜海泓森建设工程有限公司',flag:0},
|
||||
{id:'04',title:'超重吊装专项培训',img:'images/843.jpg',cnt:16,start:'2023-06-04',end:'2023-06-13',team:'中铁一局,大国工匠',flag:1},
|
||||
],
|
||||
// 专项培训数据
|
||||
workTrainList:[],
|
||||
// 应急演练数据
|
||||
emergencyDrillList:[],
|
||||
// 传达文件路由
|
||||
fileNav:1,
|
||||
// 传达文件标题
|
||||
|
|
@ -245,11 +263,15 @@ export default {
|
|||
created() {
|
||||
this.init();
|
||||
this.getWorkFileList();
|
||||
this.getWorkTrainList();
|
||||
this.getEmergencyDrillList();
|
||||
},
|
||||
mounted() {
|
||||
this.$bus.$on("deptChange",dept=>{
|
||||
this.dept=dept;
|
||||
this.doDeptChane();
|
||||
this.getWorkTrainList();
|
||||
this.getEmergencyDrillList();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -265,6 +287,26 @@ export default {
|
|||
this.fileTitle = _title;
|
||||
});
|
||||
},
|
||||
// 获取专项培训列表
|
||||
getWorkTrainList(){
|
||||
let deptId = '';
|
||||
if(this.dept){
|
||||
deptId = this.dept.id;
|
||||
}
|
||||
this.$api.workTrain.getWorkTrainList(0,deptId).then(d=>{
|
||||
this.workTrainList = d.rows;
|
||||
});
|
||||
},
|
||||
// 获取专项培训列表
|
||||
getEmergencyDrillList(){
|
||||
let deptId = '';
|
||||
if(this.dept){
|
||||
deptId = this.dept.id;
|
||||
}
|
||||
this.$api.workTrain.getWorkTrainList(1,deptId).then(d=>{
|
||||
this.emergencyDrillList = d.rows;
|
||||
});
|
||||
},
|
||||
fmt(n){
|
||||
n=""+n;
|
||||
return " ".substring(0,3-n.length)+n;
|
||||
|
|
@ -316,6 +358,13 @@ export default {
|
|||
})
|
||||
this.elKey++;
|
||||
})
|
||||
},
|
||||
// 获取图片映射
|
||||
getProfileImage(url){
|
||||
if(url){
|
||||
return '/jhapi'+url;
|
||||
}
|
||||
return url;
|
||||
},
|
||||
downloadFile(it){
|
||||
if(it && it.filePath){
|
||||
|
|
@ -473,8 +522,20 @@ export default {
|
|||
max-height: calc(100% - 90px);
|
||||
margin-right: 12px;
|
||||
overflow-y: auto;
|
||||
|
||||
|
||||
}
|
||||
.train-list{
|
||||
max-height: calc(100% - 45px);
|
||||
margin-right: 12px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.train-img{
|
||||
width: 85px;
|
||||
height: 60px;
|
||||
}
|
||||
.train-img-par{
|
||||
height: 60px;
|
||||
overflow: hidden;
|
||||
margin: 10px 5px 5px 5px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue