68 lines
1.7 KiB
Vue
68 lines
1.7 KiB
Vue
<script setup lang="ts">
|
||
|
||
import {defineProps, ref, watch} from "vue";
|
||
import http from "@/utils/axios.js";
|
||
import DateTimeSelect from "@/components/utils/DateTimeSelect.vue";
|
||
|
||
const props = defineProps({
|
||
wxid: {
|
||
type: String,
|
||
required: true,
|
||
}
|
||
});
|
||
watch(() => props.wxid, (newVal: string, oldVal: String) => {
|
||
console.log(newVal);
|
||
});
|
||
// 上述代码是监听props.wxid的变化，当props.wxid变化时，会打印新值。
|
||
|
||
const datetime = ref([]);
|
||
const Result = ref("");
|
||
|
||
const requestExport = async () => {
|
||
Result.value = "正在处理中...";
|
||
try {
|
||
console.log(datetime.value); // 打印datetime.value的值，查看是否正确传递给后端
|
||
Result.value = await http.post('/api/rs/export_json_mini_select_time', {
|
||
'wxid': props.wxid,
|
||
// 'datetime': datetime.value,
|
||
"time":{
|
||
"start_createtime":datetime.value[0],
|
||
"end_createtime":datetime.value[1]
|
||
}
|
||
});
|
||
} catch (error) {
|
||
console.error('Error fetching data msg_count:', error);
|
||
Result.value = "请求失败\n" + error;
|
||
return [];
|
||
}
|
||
}
|
||
|
||
// 处理时间选择器的数据
|
||
const handDatetimeChildData = (val: any) => {
|
||
// 明确指定 timer 参数的类型为 Date，解决隐式 any 类型问题
|
||
|
||
datetime.value = val;
|
||
}
|
||
|
||
</script>
|
||
|
||
<template>
|
||
<div>
|
||
<div>
|
||
<strong>时间(默认全部)：</strong>
|
||
<DateTimeSelect @datetime="handDatetimeChildData"/>
|
||
</div>
|
||
|
||
<div style="position: relative;">
|
||
<el-button type="primary" @click="requestExport()">导出</el-button>
|
||
</div>
|
||
<el-divider/>
|
||
<!-- 结果显示 -->
|
||
<el-input type="textarea" :rows="6" readonly placeholder="" v-model="Result"
|
||
style="width: 100%;"></el-input>
|
||
</div>
|
||
</template>
|
||
|
||
<style scoped>
|
||
|
||
</style> |