lcw

src/views/home/model/dbCount.vue

@@ -1,18 +1,17 @@
 <template>
   <div class="comom-title">
     <span class="title">线索研判盯办统计</span>
-    <el-popover placement="right" :width="430">
+    <el-popover placement="right" :width="430"  :visible="visible">
       <template #reference>
-        <div class="title" style="position: relative;z-index: 10000;height: 40px;width: 40px;"></div>
+        <div class="title" style="position: relative;z-index: 10000;height: 40px;width: 40px;" @click="visible = true"></div>
       </template>
-     <el-date-picker
-        v-model="value2"
-        type="datetimerange"
-        :shortcuts="shortcuts"
-        range-separator="至"
-        start-placeholder="开始时间"
-        end-placeholder="结束时间"
-      />
+      <div>
+        <div class="qbltData">
+          <div>查询</div>
+          <div class="close" @click.stop="close()">X</div>
+        </div>
+        <TimeData v-if="visible" @changeTime="changeTime" />
+      </div>
     </el-popover>
   </div>
   <ul class="comom-cnt xsBox flex flex-warp just-between align-center">
@@ -24,6 +23,7 @@
 
 <script setup>
 import { ref } from 'vue';
+import TimeData from '@/views/home/model/mesgSwitch/timeData.vue'
 const contentItem = ref([
   { label: '线索总数', value: '82' },
   { label: '下发总数', value: '82' },
@@ -32,37 +32,16 @@ const contentItem = ref([
   { label: '未反馈总数', value: '30' },
   { label: '未处置总数', value: '2' },
 ])
-
-const value2 = ref([])
-const shortcuts = [
-  {
-    text: '近3天',
-    value: () => {
-      const end = new Date()
-      const start = new Date()
-      start.setDate(start.getDate() - 3)
-      return [start, end]
-    },
-  },
- {
-    text: '近7天',
-    value: () => {
-      const end = new Date()
-      const start = new Date()
-      start.setDate(start.getDate() - 7)
-      return [start, end]
-    },
-  },
-  {
-    text: '近30天',
-    value: () => {
-      const end = new Date()
-      const start = new Date()
-      start.setMonth(start.getMonth() - 1)
-      return [start, end]
-    },
-  },
-]
+const visible = ref(false)
+const changeTime = (val) => {
+  listQuery.value = {
+    ...val
+  }
+  getCount()
+}
+const close = () => {
+  visible.value = false
+}
 </script>
 
 
@@ -82,4 +61,14 @@ const shortcuts = [
     background-size: 100% 100%;
   }
 }
+.qbltData {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  padding: 0 10px 10px
+}
+
+.close {
+  cursor: pointer;
+}
 </style>