From 2544bf8d85296ac4ebbcd8d197b85df6fd1891df Mon Sep 17 00:00:00 2001 From: ZZJ <10913410+zzj2100@user.noreply.gitee.com> Date: 星期五, 29 七月 2022 18:27:47 +0800 Subject: [PATCH] 统计查询导出数据 --- src/views/search/Searching.vue | 68 ++++++++++++++++++++++++++++++--- 1 files changed, 61 insertions(+), 7 deletions(-) diff --git a/src/views/search/Searching.vue b/src/views/search/Searching.vue index 639d258..104329b 100644 --- a/src/views/search/Searching.vue +++ b/src/views/search/Searching.vue @@ -1,5 +1,5 @@ <template> - <div class="searching-box"> + <div class="searching-box" @click="showDownBox = false"> <div class="searching-right"> <div class="searching-right-nav"> <el-breadcrumb @@ -138,6 +138,19 @@ >鎼滅储</el-button > </p> + + <div class="btnArea"> + <div class="button light" @click.stop="showDownBox = !showDownBox"> + <span class="el-icon-plus"></span> + 瀵煎嚭鏁版嵁 + </div> + + <div class="downBox" v-if="showDownBox"> + <div class="downItem">瀵煎嚭鍏ㄩ儴鏁版嵁</div> + <div class="downItem">瀵煎嚭绛涢�夋暟鎹�</div> + </div> + </div> + <p class="p-clear"> <b class="clear-searching" @click="clearSearch">閲嶇疆</b> </p> @@ -272,12 +285,8 @@ </div> </div> <div class="buttons"> - <el-button type="primary" @click="saveAddBase(item, index)" - >淇濆瓨</el-button - > - <el-button type="default" @click="closeWindow(index)" - >鍙栨秷</el-button - > + <el-button type="primary">淇濆瓨</el-button> + <el-button type="default">鍙栨秷</el-button> </div> </div> </hsc-window> @@ -312,6 +321,7 @@ tagValues: [], alarmValues: [], taskValues: [], + showDownBox: false, searchTime: [ this.$moment().format("YYYY-MM-DD 00:00:00"), this.$moment().format("YYYY-MM-DD HH:mm:ss"), @@ -901,6 +911,10 @@ color: #2249b4; } } + .p-input .el-button { + transform: translateY(-1px); + } + .setIcon { margin-left: 10px; font-size: 18px; @@ -1058,4 +1072,44 @@ position: relative; } } +.btnArea { + padding: 0 10px; + margin-right: 10px; + background-color: #0064ff; + text-align: center; + line-height: 28px; + display: inline-block; + height: 28px; + border-radius: 5px; + cursor: pointer; + color: #fff; + font-size: 12px; + + .downBox { + top: 104px; + right: 255px; + position: absolute; + text-align: center; + border: 1px solid #0064ff; + background-color: #fff; + border-radius: 9px; + color: #3d3d3d; + + width: 100px; + z-index: 10; + + .downItem { + text-align: center; + height: 28px; + line-height: 28px; + font-size: 12px; + border-radius: 9px; + cursor: pointer; + + &:hover { + background-color: #f5f5fa; + } + } + } +} </style> -- Gitblit v1.8.0