sxyanzhu
/
jhbigscreen
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

提交

dev-login
姜玉琦 2023-08-19 11:37:59 +08:00
parent 6a26407b5a
commit 3259d1ee67
1 changed files with 17 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/pages/dlg/projectSpecialDlg.vue
View File

@ -1,24 +1,10 @@
<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 :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">
@ -65,13 +51,12 @@ export default {
dataList: [],
show: false,
nav:"wgq",
specialType:0,
specialType:"0",
tags:{
all:0,
wgq:0,
qgq:0
},
specialTypeList:[],
};
},
@ -90,12 +75,9 @@ export default {
this.title = it.title;
this.getList();
this.queryCount();
this.$api.dict('project_special_type').then(response => {
this.specialTypeList = response;
});
},
doNav(nav) {
this.nav = nav();
this.nav = nav;
this.getList();
},
getList(){
@ -120,9 +102,6 @@ export default {
}
});
},
setScreenSpecial(it){
debugger
}
},
};
</script>
@ -133,8 +112,16 @@ export default {
color: aquamarine;
}
}
.head-title-select {
width: 320px;
padding-top: 0px;
}
.head-title-tab {
padding-top: 12px;
display: block;
width: 100%;
.head-nav {
background-size: 100% 100%;
display: inline-block;
width: auto;
padding: 0px 24px;
}
}
</style>