From 12f80d3310402e1b436386c7c8ade4f11d31904e Mon Sep 17 00:00:00 2001
From: Lufaneng <Lufaneng@foxmail.com>
Date: Mon, 29 Sep 2025 16:06:22 +0800
Subject: [PATCH] 1

---
 src/router/index.js                       |  12 ++
 src/views/GenerateRecord/HandleDialog.vue |  74 ++++++++++
 src/views/GenerateRecord/index.vue        | 139 +++++++++++++++++++
 src/views/OrderManage/HandleDialog.vue    |  74 ++++++++++
 src/views/OrderManage/index.vue           | 157 ++++++++++++++++++++++
 5 files changed, 456 insertions(+)
 create mode 100644 src/views/GenerateRecord/HandleDialog.vue
 create mode 100644 src/views/GenerateRecord/index.vue
 create mode 100644 src/views/OrderManage/HandleDialog.vue
 create mode 100644 src/views/OrderManage/index.vue

diff --git a/src/router/index.js b/src/router/index.js
index 48563f2..8cd2c38 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -56,6 +56,18 @@ export const asyncRoutes = [
     component: () => import('@/views/ComboManage/index.vue'),
     meta: { title: '套餐管理', permissions: ['membership_plan'] },
   },
+  {
+    path: 'GenerateRecord',
+    name: 'GenerateRecord',
+    component: () => import('@/views/GenerateRecord/index.vue'),
+    meta: { title: '生成记录', permissions: ['generate_record'] },
+  },
+  {
+    path: 'OrderManage',
+    name: 'OrderManage',
+    component: () => import('@/views/OrderManage/index.vue'),
+    meta: { title: '订单管理', permissions: ['order_management'] },
+  },
   {
     path: 'NoPermission',
     name: 'NoPermission',
diff --git a/src/views/GenerateRecord/HandleDialog.vue b/src/views/GenerateRecord/HandleDialog.vue
new file mode 100644
index 0000000..864bcad
--- /dev/null
+++ b/src/views/GenerateRecord/HandleDialog.vue
@@ -0,0 +1,74 @@
+<script setup>
+import RPC from '@/utils/rpc'
+const props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+  row: [Object],
+})
+
+const emit = defineEmits(['closed', 'onSuccess'])
+
+const dialogVisible = ref(false)
+
+const isAdd = computed(() => props.type === 'add')
+
+onMounted(() => {
+  dialogVisible.value = true
+})
+
+const formRef = ref(null)
+const formField = ref({ enabled: true, params: [] })
+const formRules = reactive({
+  name: [{ required: true, message: '不可为空', trigger: 'change' }],
+  code: [{ required: true, message: '不可为空', trigger: 'change' }],
+})
+
+const loading = ref(false)
+
+function closed() {
+  emit('closed')
+}
+
+const submitForm = async () => {
+  await formRef.value.validate()
+  const api = isAdd.value ? '/membership_plan/create' : '/membership_plan/update'
+  const params = {
+    ...formField.value,
+    id: isAdd.value ? null : props.row.id,
+  }
+  loading.value = true
+  RPC.post(api, params)
+    .then((res) => {
+      ElMessage.success('操作成功')
+      emit('onSuccess')
+      emit('closed')
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+</script>
+
+<template>
+  <el-dialog
+    align-center
+    title="日志"
+    width="80%"
+    v-model="dialogVisible"
+    @closed="closed"
+    :close-on-click-modal="false"
+  >
+    <div style="white-space: pre-line">
+      {{ row.exec_log_text }}
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="closed"> 取 消 </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/GenerateRecord/index.vue b/src/views/GenerateRecord/index.vue
new file mode 100644
index 0000000..2f47233
--- /dev/null
+++ b/src/views/GenerateRecord/index.vue
@@ -0,0 +1,139 @@
+<template>
+  <div>
+    <div class="title">生成记录</div>
+    <el-form
+      ref="searchFormRef"
+      class="form"
+      :inline="true"
+      label-width="98px"
+      :model="queryParams"
+    >
+      <el-form-item label="文件名" prop="file_name">
+        <el-input
+          clearable
+          placeholder="请输入"
+          style="width: 220px"
+          v-model="queryParams.file_name"
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+
+      <el-form-item label-width="100px">
+        <el-button icon="Search" type="primary" @click="handleQuery"> 搜索 </el-button>
+        <el-button icon="RefreshRight" @click="resetQuery"> 重置 </el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- <div style="margin-bottom: 20px">
+      <el-button icon="Plus" type="primary" @click="add"> 新建 </el-button>
+    </div> -->
+    <div ref="tableContainerEl" class="table_border table">
+      <el-table
+        ref="tableRef"
+        :data="tableData"
+        v-loading="loading"
+        header-row-class-name="table-header"
+      >
+        <el-table-column align="center" label="文件名" prop="file_name" show-overflow-tooltip />
+        <el-table-column align="center" label="状态" prop="status" width="100">
+          <template #default="{ row }">
+            <span v-if="row.status == 0">待执行</span>
+            <span v-if="row.status == 1">已分发</span>
+            <span v-if="row.status == 2">执行中</span>
+            <span v-if="row.status == 3">执行完成(未收集结果)</span>
+            <span v-if="row.status == 4">结果已收集</span>
+            <span v-if="row.status == 5">执行异常</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="创建时间" prop="CreatedAt" width="220">
+          <template #default="{ row }">
+            {{ row.CreatedAt ? dayjs(row.CreatedAt).format('YYYY-DD-MM HH:mm:ss') : '' }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="操作" width="120">
+          <template #default="{ row }">
+            <el-button link type="primary" @click="downloadRecord(row)" v-if="row.result_url">
+              下载
+            </el-button>
+            <el-button link type="primary" @click="openDialog(row)"> 日志 </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:limit="queryParams.page_size"
+      v-model:page="queryParams.page"
+      @pagination="getList"
+    />
+
+    <HandleDialog v-if="isShowDialog" :row="currentRow" @closed="isShowDialog = false" />
+  </div>
+</template>
+
+<script setup>
+import HandleDialog from './HandleDialog.vue'
+import RPC from '@/utils/rpc'
+import dayjs from 'dayjs'
+
+const isShowDialog = ref(false)
+const loading = ref(false)
+
+const currentRow = ref({})
+const openDialog = (row) => {
+  currentRow.value = row
+  isShowDialog.value = true
+}
+const queryParams = ref({
+  page: 1,
+  page_size: 10,
+})
+const total = ref(0)
+const tableData = ref([])
+const getList = () => {
+  loading.value = true
+  RPC.post('/planned_list', queryParams.value)
+    .then((res) => {
+      tableData.value = res.list
+      total.value = res.total
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+const handleQuery = () => {
+  queryParams.value.page = 1
+  getList()
+}
+
+const resetQuery = () => {
+  queryParams.value = {
+    page: 1,
+    page_size: 10,
+  }
+  getList()
+}
+
+getList()
+
+const downloadRecord = (record) => {
+  const link = document.createElement('a')
+  link.href = record.result_url
+  link.download = record.file_name || 'download'
+  // link.target = "_blank";
+  document.body.appendChild(link)
+  link.click()
+  document.body.removeChild(link)
+}
+</script>
+
+<style lang="scss" scoped>
+.title {
+  font-size: 20px;
+  font-weight: 700;
+  margin-bottom: 20px;
+}
+</style>
diff --git a/src/views/OrderManage/HandleDialog.vue b/src/views/OrderManage/HandleDialog.vue
new file mode 100644
index 0000000..864bcad
--- /dev/null
+++ b/src/views/OrderManage/HandleDialog.vue
@@ -0,0 +1,74 @@
+<script setup>
+import RPC from '@/utils/rpc'
+const props = defineProps({
+  type: {
+    type: String,
+    required: true,
+  },
+  row: [Object],
+})
+
+const emit = defineEmits(['closed', 'onSuccess'])
+
+const dialogVisible = ref(false)
+
+const isAdd = computed(() => props.type === 'add')
+
+onMounted(() => {
+  dialogVisible.value = true
+})
+
+const formRef = ref(null)
+const formField = ref({ enabled: true, params: [] })
+const formRules = reactive({
+  name: [{ required: true, message: '不可为空', trigger: 'change' }],
+  code: [{ required: true, message: '不可为空', trigger: 'change' }],
+})
+
+const loading = ref(false)
+
+function closed() {
+  emit('closed')
+}
+
+const submitForm = async () => {
+  await formRef.value.validate()
+  const api = isAdd.value ? '/membership_plan/create' : '/membership_plan/update'
+  const params = {
+    ...formField.value,
+    id: isAdd.value ? null : props.row.id,
+  }
+  loading.value = true
+  RPC.post(api, params)
+    .then((res) => {
+      ElMessage.success('操作成功')
+      emit('onSuccess')
+      emit('closed')
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+</script>
+
+<template>
+  <el-dialog
+    align-center
+    title="日志"
+    width="80%"
+    v-model="dialogVisible"
+    @closed="closed"
+    :close-on-click-modal="false"
+  >
+    <div style="white-space: pre-line">
+      {{ row.exec_log_text }}
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="closed"> 取 消 </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/OrderManage/index.vue b/src/views/OrderManage/index.vue
new file mode 100644
index 0000000..701c825
--- /dev/null
+++ b/src/views/OrderManage/index.vue
@@ -0,0 +1,157 @@
+<template>
+  <div>
+    <div class="title">订单管理</div>
+    <el-form
+      ref="searchFormRef"
+      class="form"
+      :inline="true"
+      label-width="98px"
+      :model="queryParams"
+    >
+      <el-form-item label="订单编号" prop="order_no">
+        <el-input
+          clearable
+          placeholder="请输入"
+          style="width: 220px"
+          v-model="queryParams.order_no"
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="订单类型" prop="order_type">
+        <el-select style="width: 220px" placeholder="请输入" v-model="queryParams.order_type">
+          <el-option value="钱包充值" label="钱包充值"></el-option>
+          <el-option value="会员购买" label="会员购买"></el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label-width="100px">
+        <el-button icon="Search" type="primary" @click="handleQuery"> 搜索 </el-button>
+        <el-button icon="RefreshRight" @click="resetQuery"> 重置 </el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- <div style="margin-bottom: 20px">
+      <el-button icon="Plus" type="primary" @click="add"> 新建 </el-button>
+    </div> -->
+    <div ref="tableContainerEl" class="table_border table">
+      <el-table
+        ref="tableRef"
+        :data="tableData"
+        v-loading="loading"
+        header-row-class-name="table-header"
+      >
+        <el-table-column align="center" label="订单编号" prop="order_no" show-overflow-tooltip />
+        <el-table-column align="center" label="状态" prop="status" width="100">
+          <template #default="{ row }">
+            <span v-if="row.status === 'created'">待付款</span>
+            <span v-if="row.status === 'pending'">待支付</span>
+            <span v-if="row.status === 'paid'">已支付</span>
+            <span v-if="row.status === 'failed'">支付失败</span>
+            <span v-if="row.status === 'canceled'">已取消</span>
+            <span v-if="row.status === 'refunded'">已退款</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="用户名称" prop="user_name" show-overflow-tooltip />
+        <el-table-column align="center" label="用户ID" prop="user_id" width="100" />
+        <el-table-column align="center" label="订单类型" prop="order_type" width="100" />
+        <el-table-column align="center" label="订单金额(¥)" prop="amount" width="120" />
+        <el-table-column align="center" label="支付渠道" prop="pay_channel" width="100">
+          <template #default="{ row }">
+            <span v-if="row.pay_channel === 'wallet'">钱包</span>
+            <span v-if="row.pay_channel === 'wxpay'">微信</span>
+            <span v-if="row.pay_channel === 'alipay'">支付宝</span>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="创建时间" prop="CreatedAt" width="220">
+          <template #default="{ row }">
+            {{ row.created_at ? dayjs(row.created_at * 1000).format('YYYY-DD-MM HH:mm:ss') : '' }}
+          </template>
+        </el-table-column>
+        <!-- <el-table-column align="center" label="操作" width="120">
+          <template #default="{ row }">
+            <el-button link type="primary" @click="downloadRecord(row)" v-if="row.result_url">
+              下载
+            </el-button>
+            <el-button link type="primary" @click="openDialog(row)"> 日志 </el-button>
+          </template>
+        </el-table-column> -->
+      </el-table>
+    </div>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:limit="queryParams.size"
+      v-model:page="queryParams.page"
+      @pagination="getList"
+    />
+
+    <HandleDialog v-if="isShowDialog" :row="currentRow" @closed="isShowDialog = false" />
+  </div>
+</template>
+
+<script setup>
+import HandleDialog from './HandleDialog.vue'
+import RPC from '@/utils/rpc'
+import dayjs from 'dayjs'
+
+const isShowDialog = ref(false)
+const loading = ref(false)
+
+const currentRow = ref({})
+const openDialog = (row) => {
+  currentRow.value = row
+  isShowDialog.value = true
+}
+const queryParams = ref({
+  page: 1,
+  size: 10,
+  order_type: '',
+})
+const total = ref(0)
+const tableData = ref([])
+const getList = () => {
+  loading.value = true
+  RPC.post('/membership/order/list', queryParams.value)
+    .then((res) => {
+      tableData.value = res.list
+      total.value = res.total
+    })
+    .finally(() => {
+      loading.value = false
+    })
+}
+
+const handleQuery = () => {
+  queryParams.value.page = 1
+  getList()
+}
+
+const resetQuery = () => {
+  queryParams.value = {
+    page: 1,
+    size: 10,
+  }
+  getList()
+}
+
+getList()
+
+const downloadRecord = (record) => {
+  const link = document.createElement('a')
+  link.href = record.result_url
+  link.download = record.file_name || 'download'
+  // link.target = "_blank";
+  document.body.appendChild(link)
+  link.click()
+  document.body.removeChild(link)
+}
+</script>
+
+<style lang="scss" scoped>
+.title {
+  font-size: 20px;
+  font-weight: 700;
+  margin-bottom: 20px;
+}
+</style>