|
@@ -0,0 +1,130 @@
|
|
|
|
+<!--
|
|
|
|
+ * @FilePath: UserManagementEdit.vue
|
|
|
|
+ * @Author: 旭颖
|
|
|
|
+ * @Date: 2022-10-31 14:56:49
|
|
|
|
+ * @LastEditors: liangxvying 1615026511@qq.com
|
|
|
|
+ * @LastEditTime: 2024-12-30 11:49:11
|
|
|
|
+-->
|
|
|
|
+<template>
|
|
|
|
+ <el-dialog
|
|
|
|
+ v-model="dialogFormVisible"
|
|
|
|
+ title="订单批量导出"
|
|
|
|
+ width="550px"
|
|
|
|
+ @close="close"
|
|
|
|
+ >
|
|
|
|
+ <el-form ref="formRef" label-width="100px" :model="form" :rules="rules">
|
|
|
|
+ <el-form-item label="开始日期:" prop="start_day">
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="form.start_day"
|
|
|
|
+ type="date"
|
|
|
|
+ format="YYYY-MM-DD"
|
|
|
|
+ placeholder="请选择开始日期"
|
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
|
+ style="width: 100% !important"
|
|
|
|
+ />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="结束日期:" prop="end_day">
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="form.end_day"
|
|
|
|
+ type="date"
|
|
|
|
+ format="YYYY-MM-DD"
|
|
|
|
+ placeholder="请选择结束日期"
|
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
|
+ style="width: 100%"
|
|
|
|
+ />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="导出前" prop="limit">
|
|
|
|
+ <el-input-number
|
|
|
|
+ v-model="form.limit"
|
|
|
|
+ :min="1"
|
|
|
|
+ :max="1000"
|
|
|
|
+ label="请输入显示排序"
|
|
|
|
+ style="width: 90%; margin-right: 10px"
|
|
|
|
+ />
|
|
|
|
+ 名
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ <template #footer>
|
|
|
|
+ <el-button @click="close">取 消</el-button>
|
|
|
|
+ <el-button type="primary" @click="save" v-loading="loading">
|
|
|
|
+ 立即导出
|
|
|
|
+ </el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </el-dialog>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+ import { getApi } from '~/src/api/api'
|
|
|
|
+ import { fileDownLoad } from '@/utils/downloadMethods'
|
|
|
|
+ export default defineComponent({
|
|
|
|
+ name: 'UserManagementEdit',
|
|
|
|
+ emits: ['fetch-data'],
|
|
|
|
+ setup(props, { emit }) {
|
|
|
|
+ const $baseMessage = inject('$baseMessage')
|
|
|
|
+
|
|
|
|
+ const state = reactive({
|
|
|
|
+ formRef: null,
|
|
|
|
+ form: {
|
|
|
|
+ start_day: '',
|
|
|
|
+ end_day: '',
|
|
|
|
+ limit: '',
|
|
|
|
+ },
|
|
|
|
+ title: '',
|
|
|
|
+ loading: false,
|
|
|
|
+ dialogFormVisible: false,
|
|
|
|
+ rules: {
|
|
|
|
+ start_day: [
|
|
|
|
+ { required: true, trigger: 'blur', message: '请选择开始日期' },
|
|
|
|
+ ],
|
|
|
|
+ end_day: [
|
|
|
|
+ { required: true, trigger: 'blur', message: '请选择结束日期' },
|
|
|
|
+ ],
|
|
|
|
+ limit: [
|
|
|
|
+ { required: true, trigger: 'blur', message: '请输入导出名次' },
|
|
|
|
+ ],
|
|
|
|
+ },
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ const showEdit = async () => {
|
|
|
|
+ // getApi('/dwbs/order/export-user-order-good')
|
|
|
|
+ state.dialogFormVisible = true
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ const close = () => {
|
|
|
|
+ state.form = { start_day: '', end_day: '', limit: '' }
|
|
|
|
+ state['formRef'].resetFields()
|
|
|
|
+ state.dialogFormVisible = false
|
|
|
|
+ }
|
|
|
|
+ const save = () => {
|
|
|
|
+ state['formRef'].validate(async (valid) => {
|
|
|
|
+ const fileName = '前' + state.form.limit + '名卖货数据导出'
|
|
|
|
+ if (valid) {
|
|
|
|
+ state.loading = true
|
|
|
|
+ fileDownLoad(
|
|
|
|
+ state.form,
|
|
|
|
+ '/dwbs/order/export-user-order-good',
|
|
|
|
+ 'get',
|
|
|
|
+ fileName
|
|
|
|
+ )
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ state.loading = false
|
|
|
|
+ close()
|
|
|
|
+ }, 1500)
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ return {
|
|
|
|
+ ...toRefs(state),
|
|
|
|
+ showEdit,
|
|
|
|
+ close,
|
|
|
|
+ save,
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ })
|
|
|
|
+</script>
|
|
|
|
+<style>
|
|
|
|
+ .el-input__wrapper {
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
|
|
+</style>
|