feat:地区选择

ZhangXianQiang

2024-03-25 3c06a1159e5af307be33bfbdaec18614dc729fb5

feat:地区选择

 src/views/screen/components/screen-map/index.vue

@@ -45,7 +45,7 @@
    viewControl: {
      beta: -30,
      alpha: 50,
      distance: 105,
      distance: 85,
      maxBeta: 180,
      panSensitivity: 0,
      zoomSensitivity: 1,
@@ -93,7 +93,7 @@
      viewControl: {
        beta: -30,
        alpha: 50,
        distance: 105,
        distance: 85,
        maxBeta: 180,
        panSensitivity: 0,
        zoomSensitivity: 1,

 src/views/screen/components/select-item/index.vue

@@ -7,6 +7,13 @@
      </el-select>
    </div>

    <div class="local-select">
      <div class="select-label">地区</div>
      <el-select v-model="localValue" popper-class="type-select" class="select-style" @change="setConfig">
        <el-option v-for="item in testData2" :key="item.name" :label="item.name" :value="item.value" />
      </el-select>
    </div>

    <div class="date-select">
      <div class="select-label">日期</div>
      <el-date-picker v-model="dateValue" type="daterange" range-separator="至" start-placeholder="开始日期"
@@ -21,6 +28,7 @@
  data() {
    return {
      typeValue: 1,
      localValue: 1,
      dateValue: new Date(),
      testData1: [
        {
@@ -35,6 +43,36 @@
          name: '公安部数据',
          value: 3
        }
      ],
      testData2: [
      {
          name: '富顺县',
          value: 1,
        },
        {
          name: '荣县',
          value: 2,
        },
        {
          name: '高新区',
          value: 3,
        },
        {
          name: '自流井区',
          value: 4,
        },
        {
          name: '贡井区',
          value: 5,
        },
        {
          name: '大安区',
          value: 6,
        },
        {
          name: '沿滩区',
          value: 7,
        },
      ]
    }
  },
@@ -61,11 +99,25 @@
    flex-shrink: 0;
  }

  .local-label {
    font-size: 20px;
    margin-right: 10px;
    color: #2375f0;
    flex-shrink: 0;
  }

  .type-select {
    display: flex;
    align-items: center;
    margin-right: 20px;
    width: 240px;
    width: 200px;
  }

  .local-select {
    display: flex;
    align-items: center;
    margin-right: 20px;
    width: 200px;
  }

  .date-select {