4.1

src/views/home/components/box-1.vue

@@ -69,7 +69,16 @@
     </div>
 
     <div class="ticket-box">
-      <Title2 title="景区购票" />
+      <Title2 :type="2" title="景区购票" />
+	  
+	<!-- <div class="select-box">
+	    <Select
+	      v-model="optVal"
+	      label="选择景区"
+	      :options="options"
+	      @on-change="getScenicChart"
+	    />
+	  </div> -->
       <div class="ticket-wrap">
         <img src="@/assets/images/ticket.png" />
         <div v-for="(item, index) in homeStore.scenicData.data" :key="index">
@@ -127,9 +136,20 @@
   import gauge from './gauge'
   import countup from 'vue-countup-v3'
   import { useHomeStore } from '@/stores/home'
-
+  let optVal = ref('景区购票')
+  let options = ref([
+	  {
+		id: '1',
+		ssname: '景区购票'
+	  }, {
+		id: '2',
+		ssname: '直通车购票'
+	  }
+  ])
   const homeStore = useHomeStore()
-
+  const getScenicChart = ()=>{
+	  
+  }
   // 今日景区承载量
   const scenicBearList = computed(() => {
     return [{ data: homeStore.scenicBearData.dataList.map((item) => item.value) }]
@@ -150,6 +170,11 @@
 </script>
 
 <style lang="scss" scoped>
+  .select-box {
+	  width:vw(200);
+	  height:vh(30);
+	  font-size:vw(16);
+   }
   .box-2 {
     margin-top: vh(120);
     width: vw(800);
@@ -350,7 +375,7 @@
       }
     }
     .ticket-wrap {
-      margin-top: vh(8);
+      margin-top: vh(18);
       display: flex;
       align-items: center;
       justify-content: space-between;