bug修改

zhouwx

2025-01-06 1d717afae114123b555abcc05f2753785a70856f

 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;