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> <template>
<MyDialog v-if="show" v-model="show" width="1200px" height="550px" class="projectSpecialDlg"> <MyDialog v-if="show" v-model="show" width="1200px" height="550px" class="projectSpecialDlg">
<template slot="title">{{title}}</template> <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="head-title-tab">
<div :class="nav == 'all' ? 'head-nav active' : 'head-nav'" @click="doNav(all)">全部数据({{ tags.all }})</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 == '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 == 'ygq' ? 'head-nav active' : 'head-nav'" @click="doNav('ygq')">已过期({{ tags.ygq }})</div>
</div> </div>
<el-table :data="dataList" class="mytable" style="width: 100%;background: transparent;" height="470"> <el-table :data="dataList" class="mytable" style="width: 100%;background: transparent;" height="470">
@ -65,13 +51,12 @@ export default {
dataList: [], dataList: [],
show: false, show: false,
nav:"wgq", nav:"wgq",
specialType:0, specialType:"0",
tags:{ tags:{
all:0, all:0,
wgq:0, wgq:0,
qgq:0 qgq:0
}, },
specialTypeList:[],
}; };
}, },
@ -90,12 +75,9 @@ export default {
this.title = it.title; this.title = it.title;
this.getList(); this.getList();
this.queryCount(); this.queryCount();
this.$api.dict('project_special_type').then(response => {
this.specialTypeList = response;
});
}, },
doNav(nav) { doNav(nav) {
this.nav = nav(); this.nav = nav;
this.getList(); this.getList();
}, },
getList(){ getList(){
@ -120,9 +102,6 @@ export default {
} }
}); });
}, },
setScreenSpecial(it){
debugger
}
}, },
}; };
</script> </script>
@ -133,8 +112,16 @@ export default {
color: aquamarine; color: aquamarine;
} }
} }
.head-title-select { .head-title-tab {
width: 320px; padding-top: 12px;
padding-top: 0px; display: block;
} width: 100%;
.head-nav {
background-size: 100% 100%;
display: inline-block;
width: auto;
padding: 0px 24px;
}
}
</style> </style>