提交代码
姜玉琦
parent
1828dd253b
commit
dba3eb459b
|
|
@ -7,14 +7,22 @@ const getProjectSpecialView=(deptId,projectId)=> {
|
|||
})
|
||||
}
|
||||
|
||||
const getProjectSpecialList=(projectId)=> {
|
||||
const getProjectSpecialList=(projectId,activeName,specialType)=> {
|
||||
return request({
|
||||
url: `bgscreen/projectspecial/getProjectSpecialList?projectId=${projectId||0}`,
|
||||
url: `bgscreen/projectspecial/getProjectSpecialList?projectId=${projectId||0}&activeName=${activeName||''}&specialType=${specialType||0}`,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
const findWorkSpecialCount=(projectId,specialType)=> {
|
||||
return request({
|
||||
url: `bgscreen/projectspecial/findWorkSpecialCount?projectId=${projectId||0}&specialType=${specialType||0}`,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export default{
|
||||
getProjectSpecialView,
|
||||
getProjectSpecialList
|
||||
getProjectSpecialList,
|
||||
findWorkSpecialCount
|
||||
}
|
||||
|
|
@ -1,6 +1,26 @@
|
|||
<template>
|
||||
<MyDialog v-if="show" v-model="show" width="1200px" height="550px" class="projectSpecialDlg">
|
||||
<template slot="title">{{title}}</template>
|
||||
<div>
|
||||
<div class="head-title-select">
|
||||
<div class="head-select">
|
||||
<input type="text" value="" @click="setScreenSpecial()" placeholder="请选择项目" readonly>
|
||||
</div>
|
||||
<el-collapse-transition>
|
||||
<ul class="header-screen-ul" ref="selectUl">
|
||||
<li v-for="item in specialTypeList" @click="setScreenSpecial(item)" :title="item.dictLabel">{{
|
||||
item.dictLabel }}
|
||||
</li>
|
||||
</ul>
|
||||
</el-collapse-transition>
|
||||
</div>
|
||||
</div>
|
||||
<div class="head-title-tab">
|
||||
<div :class="nav == 'all' ? 'head-nav active' : 'head-nav'" @click="doNav(all)">全部数据({{ tags.all }})</div>
|
||||
<div :class="nav == 'wgq' ? 'head-nav active' : 'head-nav'" @click="doNav(wgq)">未过期({{ tags.wgq }})</div>
|
||||
<div :class="nav == 'ygq' ? 'head-nav active' : 'head-nav'" @click="doNav(ygq)">已过期({{ tags.ygq }})</div>
|
||||
|
||||
</div>
|
||||
<el-table :data="dataList" class="mytable" style="width: 100%;background: transparent;" height="470">
|
||||
<el-table-column prop="name" align="center" label="人员名称"></el-table-column>
|
||||
<el-table-column prop="sex" align="center" label="性别">
|
||||
|
|
@ -42,7 +62,15 @@ export default {
|
|||
title:'',
|
||||
data: null,
|
||||
dataList: [],
|
||||
show: false
|
||||
show: false,
|
||||
nav:"wgq",
|
||||
specialType:0,
|
||||
tags:{
|
||||
all:0,
|
||||
wgq:0,
|
||||
qgq:0
|
||||
},
|
||||
specialTypeList:[],
|
||||
};
|
||||
},
|
||||
|
||||
|
|
@ -59,10 +87,40 @@ export default {
|
|||
showDialog(it) {
|
||||
this.data = it;
|
||||
this.title = it.title;
|
||||
this.$api.special.getProjectSpecialList(it.projectId).then(d => {
|
||||
this.dataList = d.rows;
|
||||
this.getList();
|
||||
this.queryCount();
|
||||
this.$api.dict('project_special_type').then(response => {
|
||||
this.specialTypeList = response;
|
||||
});
|
||||
},
|
||||
doNav(nav) {
|
||||
this.nav = nav();
|
||||
this.getList();
|
||||
},
|
||||
getList(){
|
||||
this.$api.special.getProjectSpecialList(this.data.projectId,this.nav,this.specialType).then(response => {
|
||||
this.dataList = response.rows;
|
||||
this.show = true;
|
||||
});
|
||||
},
|
||||
queryCount(){
|
||||
this.$api.special.findWorkSpecialCount(this.data.projectId,this.specialType).then(response => {
|
||||
if (response && response.data) {
|
||||
let sum = 0;
|
||||
if (response.data.notExpired) {
|
||||
sum += response.data.notExpired;
|
||||
this.tags.wgq = response.data.notExpired;
|
||||
}
|
||||
if (response.data.expired) {
|
||||
sum += response.data.expired;
|
||||
this.tags.ygq = response.data.expired;
|
||||
}
|
||||
this.tags.all = sum;
|
||||
}
|
||||
});
|
||||
},
|
||||
setScreenSpecial(it){
|
||||
debugger
|
||||
}
|
||||
},
|
||||
};
|
||||
|
|
@ -74,4 +132,42 @@ export default {
|
|||
color: aquamarine;
|
||||
}
|
||||
}
|
||||
.head-select{
|
||||
height: 35px;
|
||||
padding-left: 25px;
|
||||
padding-right: 30px;
|
||||
//background: url("@images/head_select.png") no-repeat center/100% 100%;
|
||||
}
|
||||
.head-title-select {
|
||||
width: 300px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
.head-select input{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
background:0;
|
||||
color: #1ce7ff;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
white-space:nowrap;
|
||||
text-overflow:ellipsis;
|
||||
}
|
||||
.head-select input::-webkit-input-placeholder{
|
||||
color: #6ca5b1;
|
||||
}
|
||||
.header-screen-ul{
|
||||
list-style: none;
|
||||
width: 90%;
|
||||
position: absolute;
|
||||
max-height: 600px;
|
||||
border: 1px solid #05556b;
|
||||
left: 5%;
|
||||
background: #00092a;
|
||||
overflow: auto;
|
||||
color: #02a6ff;
|
||||
border-radius: 3px;
|
||||
z-index: 99999;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -53,6 +53,21 @@
|
|||
<div>{{ data.trainContent }}</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="data.trainFile">
|
||||
<div><img src="images/title_icon.png"><span class="sp-lbl">{{data.typeTitle+'附件'}}</span></div>
|
||||
<div class="div-text ">
|
||||
<el-row v-for="(it,id) in data.trainFile.split(',')">
|
||||
<el-col :span="24">
|
||||
{{it.substring(it.lastIndexOf('/')+1)}}
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-paperclip"
|
||||
@click="handleDownload(it)">下载文件</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -92,6 +107,9 @@ export default {
|
|||
this.title = it.title;
|
||||
this.TypeTitle = it.TypeTitle;
|
||||
this.show = true;
|
||||
},
|
||||
handleDownload(url){
|
||||
window.open('/jhapi'+url);
|
||||
}
|
||||
},
|
||||
};
|
||||
|
|
|
|||
Loading…
Reference in New Issue