update

1213问题修改

src/views/indexSun/centerMap.vue

@@ -54,13 +54,13 @@
             </div>
         </div>
         <div class="center-footer" v-if="showFooter">
-            <div class="count-item">
-                <div class="num">{{ useDetail?.alerdyreceive || '0' }}</div>
-                <div class="text">累计受理</div>
+            <div class="count-item" style="cursor: pointer" @click="handleClickLastSeven(useDetail?.lastSevenTotal, '近七天累计受理', '1')">
+                <div class="num">{{ useDetail?.lastSevenTotal || '0' }}</div>
+                <div class="text">近七天累计受理</div>
             </div>
-            <div class="count-item">
+            <div class="count-item" style="cursor: pointer" @click="handleClickLastSeven(useDetail?.totalacceptance, '累计受理', '2')">
                 <div class="num">{{ useDetail?.totalacceptance || '0' }}</div>
-                <div class="text">累计处置</div>
+                <div class="text">累计受理</div>
             </div>
         </div>
 
@@ -139,7 +139,7 @@
     const panelTitle = ref();
     const level = ref(0);
     const routeList = ref<any[]>([]);
-    const emits = defineEmits(['clearHospitalList', 'showRestB', 'handleDetail']);
+    const emits = defineEmits(['clearHospitalList', 'showRestB', 'handleDetail', 'handleLastSeven']);
     let placeSearch: any = null;
     let sListen: any = null;
     let eListen: any = null;
@@ -207,7 +207,15 @@
         sListen = startAuto.on('select', startSelect);
         eListen = endAuto.on('select', endSelect);
     }
-
+    function handleClickLastSeven(value, name, type) {
+        const obj = {
+            name,
+            value,
+            key: 'gross',
+            dateType: type,
+        };
+        emits('handleLastSeven', obj);
+    }
     function startSelect(e: any) {
         placeSearch.search(e.poi.name, function (status: any, result: any) {
             if (status === 'complete' && result.poiList.pois.length > 0) {

src/views/indexSun/indexModal.vue

@@ -13,6 +13,9 @@
                             :options="item?.options"
                         />
                     </a-form-item>
+                    <a-form-item label="时间" v-if="needDatePicker">
+                        <a-range-picker ref="datePicker" v-model:value="formRecord.dateTime" :bordered="false" />
+                    </a-form-item>
                     <a-form-item label="单位" v-if="needDept">
                         <a-select placeholder="选择单位" @change="changeSecond" v-model:value="orgCode1" :options="option1" />
                     </a-form-item>
@@ -96,6 +99,18 @@
         needDept: {
             type: Boolean,
         },
+        needDatePicker: {
+            type: Boolean,
+            default: () => false,
+        },
+        datePickerType: {
+            type: String,
+            default: '0',
+        },
+        dateTimeArr: {
+            type: Array,
+            default: () => [],
+        },
     });
     const loading = ref<boolean>(false);
     const formState = ref();
@@ -107,10 +122,29 @@
     const orgCode2 = ref('');
     const formRecord = ref({});
     const dataActity = ref(1);
+    const datePickerValue = ref();
+    const startDate = ref();
+    const endDate = ref();
     onMounted(() => {
         getSecondDepart();
     });
-
+    watch(
+        () => props.dateTimeArr,
+        (newVal, oldVal) => {
+            console.log(newVal, oldVal);
+            if (newVal && newVal.length) {
+                datePickerValue.value = newVal;
+                startDate.value = dayjs(newVal[0]);
+                endDate.value = dayjs(newVal[1]);
+                formRecord.value.dateTime = [dayjs(newVal[0]), dayjs(newVal[1])];
+            } else {
+                datePickerValue.value = [];
+                startDate.value = '';
+                endDate.value = '';
+                formRecord.value.dateTime = [];
+            }
+        }
+    );
     function getSecondDepart() {
         allSecondaryDepartsApi({})
             .then((res: any) => {
@@ -176,6 +210,7 @@
             ...formState.value,
             ...formRecord.value,
         };
+        console.log(formState.value);
     }
 
     function changeSecond() {
@@ -284,6 +319,8 @@
             formState.value = {
                 ...formState.value,
                 ...formRecord.value,
+                startDate: startDate.value ? dayjs(startDate.value).format('YYYY-MM-DD') : '',
+                endDate: endDate.value ? dayjs(endDate.value).format('YYYY-MM-DD') : '',
                 salvageUserDepart: orgCode2.value ? orgCode2.value : orgCode1.value ? orgCode1.value : '',
             };
         } catch (e) {
@@ -312,7 +349,11 @@
             ...formRecord.value,
             salvageUserDepart: '',
             ...props.apiParams,
+            startDate: '',
+            endDate: '',
         };
+        startDate.value = '';
+        endDate.value = '';
     }
     defineExpose({
         openDialog,
@@ -341,6 +382,22 @@
                 border: 1px solid transparent !important;
                 border-radius: 4px !important;
             }
+            :deep(.ant-picker) {
+                width: 250px;
+                color: #fff !important;
+                background-color: #082147 !important;
+                border: 1px solid transparent !important;
+                border-radius: 4px !important;
+                display: flex;
+                align-items: center;
+                height: 30px;
+            }
+            :deep(.ant-picker-input > input) {
+                color: #fff !important;
+            }
+            :deep(.anticon) {
+                height: auto !important;
+            }
             :deep(.ant-form) {
                 width: 100%;
                 display: flex;

src/views/indexSun/oneL.vue

@@ -92,10 +92,10 @@
     }
 
     function setValue(result) {
-        let { alerdyreceive = '', totalacceptance = '' } = result;
+        let { lastSevenTotal = '', totalacceptance = '' } = result;
         setStatistics(result);
-        if (alerdyreceive || totalacceptance) {
-            useDetail.setAlerdyreceive(alerdyreceive);
+        if (lastSevenTotal || totalacceptance) {
+            useDetail.setAlerdyreceive(lastSevenTotal);
             useDetail.setTotalacceptance(totalacceptance);
         }
     }