nsgk_mobile/src/views/lawEnforcement/caseDistribution/caseDistribution.vue

<template>
    <div class="home_wrapper">
      <div class="header_main">
        案件分布
        <div class="return_btn" @click="onClickLeft"></div>
      </div>
      <div style="height: 58px;"></div>

      <div class="tab">
        <van-dropdown-menu active-color="#1989fa">
          <van-dropdown-item v-model="value1" :options="option1" />
          <van-dropdown-item v-model="value2" :options="option2" />
        </van-dropdown-menu>
      </div>

    </div>
</template>

<script>
  import { financePublicList,openRemove } from "@/api/sunVillage_info/fixedAssets";
  import Cookies from "js-cookie";
  import request from '@/utils/request'
  import * as echarts from 'echarts';
  export default {
    name: "caseAllocation",
    data() {
      return {
        value1: 0,
        value2: 'a',
        option1: [
          { text: '2022', value: 0 },
          { text: '2021', value: 1 },
          { text: '2020', value: 2 },
        ],
        option2: [
          { text: '全部', value: 'a' },
          { text: '羊亭镇', value: 'b' },
          { text: '张村镇', value: 'c' },
          { text: '桥头镇', value: 'd' },
          { text: '温泉镇', value: 'e' },
        ],
      };
    },
    created() {

    },
    mounted(){
    },
    methods: {
    },
  }
</script>

<style scoped lang="scss">
.home_wrapper{
    background: #e9e9e9;
    min-height: 100vh;
    width: 100vw;
    padding: 0 ;
    background: url('../../../../static/images/lawEnforcement/new/map.png') no-repeat 27%;
    background-size: auto 100%;
    .header_main{
        height: 116px;
        background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
        background-size: 100% 100%;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        font-size: 36px;
        line-height: 116px;
        text-align: center;
        color: #fff;
        z-index: 999;
        .return_btn{
            width: 24px;
            height: 43.2px;
            background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
            background-size: 20px 36px;
            position: absolute;
            left: 38px;
            top: 36px;
        }
        .add_btn{
            width: 56.4px;
            height: 40.8px;
            background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
            background-size: 47px 34px;
            position: absolute;
            right: 38px;
            top: 36px;
        }
    }
}
  .tab{
    width: 94%;
    position: absolute;
    top: 130px;
    left: 3%;
    border-radius: 8PX;
    overflow: hidden;
    /deep/ .van-dropdown-item__content{
      width: 94%;
      left: 3%;
      border-bottom-left-radius: 8PX;
      border-bottom-right-radius: 8PX;
    }
  }
</style>