From 1d717afae114123b555abcc05f2753785a70856f Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期一, 06 一月 2025 09:55:32 +0800 Subject: [PATCH] bug修改 --- src/views/safetyReview/testManage/index.vue | 43 +++++++++++++++++++++++++++++++++++++------ 1 files changed, 37 insertions(+), 6 deletions(-) diff --git a/src/views/safetyReview/testManage/index.vue b/src/views/safetyReview/testManage/index.vue index deabb40..bc19e6f 100644 --- a/src/views/safetyReview/testManage/index.vue +++ b/src/views/safetyReview/testManage/index.vue @@ -66,11 +66,20 @@ </div> </div> - <div style="margin-top: 10px;margin-bottom: 15px;margin-left: 20px;"> - <div style="font-size: 18px;font-weight: 800;color: #ed5565;display: flex"> - 当前存在未完结:安全评价项目 {{search.num.safetyTotal}} 个,检验检测项目 - <div style="cursor: pointer;border-radius: 8px;padding: 0 5px" :class="{active: isActive}" @click="chooseUn" >{{search.num.safetyCheckTotal}}</div> - 个,共 {{search.num.unFinishTotal}} 个 + <div class="tip" :class="{show: isShow}"> + <div class="titleTip"> + <div style="display: flex"> + 当前存在未完结:安全评价项目 + <div style="color: #ed5565;margin-left: 5px;margin-right: 5px"> + {{search.num.safetyTotal}} + </div> 个,检验检测项目 + <div style="cursor: pointer;border-radius: 8px;padding: 0 5px;color: #ed5565;" :class="{active: isActive}" @click="chooseUn" > {{search.num.safetyCheckTotal}} </div> + 个,共 + <div style="color: #ed5565;margin-left: 5px;margin-right: 5px"> {{search.num.unFinishTotal}} </div> + 个 + </div> + + <el-icon @click="closeTip" style="cursor: pointer"><Close /></el-icon> </div> </div> @@ -576,6 +585,7 @@ } const isActive = ref(false) +const isShow = ref(false) const chooseUn = () => { isActive.value = !isActive.value if(isActive.value){ @@ -586,15 +596,36 @@ getList() getStatistics() } +const closeTip = () => { + isShow.value = true +} </script> <style scoped lang="scss"> .project-container{ .active { - background-color: #fdb0b7; + background-color: #fcc6cb; //border: 1px solid #dab4f6; } + .show{ + display: none; + } + .tip{ + margin-top: 10px; + margin-bottom: 15px; + margin-left: 20px; + } + .titleTip{ + font-size: 15px; + font-weight: 800; + display: flex; + padding: 8px; + color: #e6a23c; + background-color: #FCF5EB; + align-items: center; + justify-content: space-between; + } .header{ margin: 15px 10px; display: flex; -- Gitblit v1.9.2