odc.xiaohui
2024-02-29 48ede89bf3b0a18f3be5ff05d95877e3d1a05465
src/views/daoAnOffice/index.vue
@@ -1,6 +1,6 @@
<script setup lang="ts">
import ItemWrap from "@/components/item-wrap";
import MenuHeader from "@/components/menu-header.vue";
// import MenuHeader from "@/components/menu-header.vue";
import LeftTop from "./left-top.vue";
import LeftCenter from "./left-center.vue";
import LeftBottom from "./left-bottom.vue";
@@ -17,6 +17,8 @@
import Analysis from './right/analysis/index.vue';
import Danger from './right/danger/index.vue';
import Publicize from './right/publicize/index.vue';
import Chartgd from "@/views/index/chartgd.vue";
import {ref} from "vue";
const config = {
  header: ['<span style="color:#42C3E8;font-size: 16px">排名</span>', '<span style="color:#42C3E8;font-size: 16px">行政区划</span>', '<span style="color:#42C3E8;font-size: 16px">数值</span>'],
@@ -75,10 +77,15 @@
  title: '外协溯源被查获数',
  length: 9,
}]
const dtFig=ref(0)
const handlechan=()=>{
}
</script>
<template>
  <div class="index-box">
<!--    <chartgd @changeDt="handlechan"  v-if="dtFig ==0" class="gddt"></chartgd>-->
    <div class="contetn_left">
      <ItemWrap class="contetn_left-top contetn_lr-item" title="近3年交通事故指数">
        <LeftTop />
@@ -243,6 +250,12 @@
</template>
<style scoped lang="scss">
.gddt{
  position: absolute;
  z-index: 0;
  width: 3840px;
  height: 1080px;
}
.index-box {
  width: 100%;
  display: flex;
@@ -279,11 +292,11 @@
}
.contetn_lr-item_right {
  flex: auto;
 width: 48%;
}
.contetn_lr-item_left {
  flex: 1;
  width: 50%;
}
.contetn_lr-item_contetn {
@@ -350,6 +363,8 @@
.item_title_content {
  //height: $item_title_content-height;
  margin: 20px 0;
  border: 1px solid #29466A;
  //background: #11223A;
}
.item_title_content_def {