src/views/safetyReview/projectManage/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/safetyReview/testManage/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/views/safetyReview/projectManage/index.vue
@@ -66,11 +66,22 @@ </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"> 当前存在未完结:安全评价项目 <div style="cursor: pointer;border-radius: 8px;padding: 0 5px" :class="{active: isActive}" @click="chooseUn" >{{search.num.safetyTotal}}</div> 个,检验检测项目 {{search.num.safetyCheckTotal}} 个,共 {{search.num.unFinishTotal}} 个 <div class="tip" :class="{show: isShow}"> <div class="titleTip"> <div style="display: flex"> 当前存在未完结:安全评价项目 <div style="cursor: pointer;border-radius: 8px;padding: 0 5px;color: #ed5565;" :class="{active: isActive}" @click="chooseUn" > {{search.num.safetyTotal}} </div> 个,检验检测项目 <div style="color: #ed5565;margin-left: 5px;margin-right: 5px"> {{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> @@ -267,6 +278,7 @@ const router = useRouter(); const isActive = ref(false) const isShow = ref(false) const loading = ref(false); const direction = ref('rtl'); const showDrawer = ref(false); @@ -324,6 +336,7 @@ label: '否' } ]) const title = ref('') const tableRef = ref(null); const tableHeight = ref(0); const dataList = ref([]); @@ -588,14 +601,35 @@ 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; 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;