解润东

20220513
搜索日期功能

src/views/danger/dangerPatrol/recordPatrol/index.vue

 <template>
     <div>
         <LHeader :text="text"></LHeader>
-        <!-- <van-sticky offset-top="1.5rem">
-            <van-search v-model="searchValue" show-action placeholder="请输入搜索内容" @search="onSearch">
-                <template #action>
-                    <div @click="onSearch">搜索</div>
-                </template>
-            </van-search>
-        </van-sticky> -->
+        <van-search
+            v-model="value"
+            show-action
+            placeholder="请输入搜索内容"
+            @search="onSearch" 
+            :right-icon="require('@/assets/workbench/news.png')"
+            >
+            <template #action>
+                <div @click="onSearch" >搜索</div>
+            </template>
+            <template #right-icon>
+                <van-icon name="calendar-o" @click="show=true"/>
+            </template>
+        </van-search>
+        <van-calendar v-model="show" type="range" :default-date="null" @confirm="onConfirm" />
         <!-- 内容列表 -->
         <!-- 接口对接4 START -->
         <div class="con-list" @touchmove="showIndex = null">
@@ -90,8 +98,11 @@ export default {
     },
     data() {
         return {
+            date: '',
             id:'',//巡查周期id
             text: "巡查记录",
+            value:'',//搜索值
+            show:false,//是否显示日历
             searchValue: "",
             showIndex:false,
             messageList: [],
@@ -159,6 +170,14 @@ export default {
         this.loading();
     },
     methods: {
+        formatDate(date) {
+            return `${date.getMonth() + 1}/${date.getDate()}`;
+        },
+        onConfirm(date) {
+            const [start, end] = date;
+            this.show = false;
+            this.date = `${this.formatDate(start)} - ${this.formatDate(end)}`;
+        },
         loading(){
             var obj={
                 cycle:this.id
@@ -174,7 +193,6 @@ export default {
         onSearch(val) {
             this.getList(this.searchValue);
         },
-
         touchstart(item) {
             item.show = true
             this.$forceUpdate()

src/views/danger/dangerPatrol/recordPatrolTime/index.vue

@@ -2,16 +2,7 @@
     <div>
         <LHeader :text="text"></LHeader>
         <!-- 内容列表 -->
-        <van-search
-            v-model="value"
-            show-action
-            placeholder="请输入搜索内容"
-            @search="onSearch" 
-            >
-            <template #action>
-                <div @click="onSearch" >搜索</div>
-            </template>
-        </van-search>
+        
         <div class="title">2022年4月26日</div> 
         <p class="title-text">巡查发起人：{{assignName}}</p> 
         <p class="title-text">系统提示：请依据当日任务完成当日巡查工作。</p> 
@@ -102,9 +93,7 @@ export default {
         this.loading()
     },
     methods: {
-        onSearch(){
-    
-        },
+        
         loading(){
             getFun("patrol/cycle/list").then((res) => {
                 this.assignName=res.data.assignName