zhouwx
2025-01-06 1d717afae114123b555abcc05f2753785a70856f
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;