时间搜索

src/views/examine/ProjectReviewed.vue

@@ -49,16 +49,21 @@
                 placeholder="请输入创建人"
               />
             </div>
+     
+
             <div class="inpbox1">
+            <div class="select addTimeBox">
+              <div class="addTime">审核时间：</div>
               <a-range-picker
                 v-model:value="valueDate"
-                show-time
-                style="border-radius: 8px; height: 40px; margin-left: 5px"
+                style="width: 360px"
+                format="YYYY-MM-DD"
+                separator="至"
                 :placeholder="['      开始时间', '        结束时间']"
-                format="YYYY/MM/DD HH:mm"
               />
             </div>
           </div>
+          </div>
         </div>
         <div class="tmplh_btn">
           <div class="btn btn1" @click="getProjList">
@@ -144,6 +149,7 @@
 import { onMounted, reactive, toRefs } from "vue";
 import { auditedlist } from "../../api/indexAudit";
 import * as moment from "moment";
+import dayjs from "dayjs";
 
 export default {
   name: "ProjectViewed",
@@ -324,8 +330,8 @@ export default {
     const getProjList = () => {
       state.loading=true
       let objn = {
-        beginTime: state.valueDate ? state.valueDate[0] : "",
-        endTime: state.valueDate ? state.valueDate[1] : "",
+        beginTime: state.valueDate ? dayjs(state.valueDate[0]).format("YYYY-MM-DD") : "",
+        endTime: state.valueDate ? dayjs(state.valueDate[1]).format("YYYY-MM-DD") : "",
         createName: state.valuecreater,
         manager: state.valuename,
         name: state.valueproj,
@@ -408,6 +414,7 @@ export default {
 </script>
 <style lang="scss">
 .projAuditModal {
+  
   .ant-modal {
     width: 816px !important;
     min-height: 420px !important;
@@ -539,7 +546,26 @@ export default {
 
 .projectviewed {
   width: 100%;
+  .addTimeBox {
+  position: relative;
+  display: flex;
+  align-items: center;
 
+  .addTime {
+    position: absolute;
+    z-index: 10;
+    margin-left: 10px;
+    color: rgba(0, 0, 0, 0.4);
+  }
+
+  .ant-picker {
+    padding-left: 85px;
+  }
+
+  .ant-picker-range .ant-picker-active-bar {
+    margin-left: 85px;
+  }
+}
   .tmpl {
     width: 100%;