From a2e6ac2c87faff0b6e6127742d3d96f1e3d4d756 Mon Sep 17 00:00:00 2001
From: zhouhetao <1678771336@qq.com>
Date: Wed, 31 May 2023 10:37:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=BA=86=E5=B9=BF=E5=91=8A?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=20=E5=92=8C=20=E5=B9=BF=E5=91=8A=E4=BD=8D?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97=20=E5=B9=B6=E4=BF=AE=E6=94=B9=E4=BA=86?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/site/adv.ts                           |  81 ++++
 src/api/site/advPromotion.ts                  |  69 ++++
 src/router/modules/site.ts                    |  18 +
 .../rushPurchase/rushPurchaseOrder.vue        |   1 +
 .../site/advertisingList/advertisingList.vue  | 384 ++++++++++++++++++
 src/views/site/advertisingList/columns.ts     |  63 +++
 src/views/site/advpromotion/advpromotion.vue  | 230 +++++++++++
 src/views/site/advpromotion/columns.ts        |  34 ++
 src/views/site/article/articleCreate.vue      |   1 +
 9 files changed, 881 insertions(+)
 create mode 100644 src/api/site/adv.ts
 create mode 100644 src/api/site/advPromotion.ts
 create mode 100644 src/views/site/advertisingList/advertisingList.vue
 create mode 100644 src/views/site/advertisingList/columns.ts
 create mode 100644 src/views/site/advpromotion/advpromotion.vue
 create mode 100644 src/views/site/advpromotion/columns.ts

diff --git a/src/api/site/adv.ts b/src/api/site/adv.ts
new file mode 100644
index 0000000..522de3c
--- /dev/null
+++ b/src/api/site/adv.ts
@@ -0,0 +1,81 @@
+import { http } from '@/utils/http/axios';
+
+export interface BasicResponseModel<T = any> {
+  code: number;
+  message: string;
+  result: T;
+}
+
+/**
+ * @description: 广告表列表
+ */
+export function getAdvPage(params?) {
+  return http.request({
+    url: '/site/adv/page',
+    method: 'GET',
+    params,
+  });
+}
+//isTransformResponse true不进行任何处理直接返回， false会进行处理后返回 例如权限不够都会处理
+/**
+ * 保存广告表
+ * @param params
+ */
+export function saveAdv(params?) {
+  return http.request<BasicResponseModel>(
+    {
+      url: `/site/adv`,
+      method: 'POST',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    }
+  );
+}
+
+/**
+ * 编辑广告表
+ * @param params
+ */
+export function updateAdv(params?) {
+  return http.request<BasicResponseModel>(
+    {
+      url: `/site/adv/${params.id}`,
+      method: 'PUT',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    }
+  );
+}
+
+/**
+ * 删除广告表
+ * @param params
+ */
+export function deleteAdv(params?) {
+  return http.request<BasicResponseModel>(
+    {
+      url: `/site/adv/${params.id}`,
+      method: 'DELETE',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    }
+  );
+}
+
+/**
+ * @description: 广告位类别
+ */
+export function getPromotionList(params?) {
+  return http.request({
+    url: '/site/promotion/list',
+    method: 'GET',
+    params,
+  });
+}
+
diff --git a/src/api/site/advPromotion.ts b/src/api/site/advPromotion.ts
new file mode 100644
index 0000000..c48b0dc
--- /dev/null
+++ b/src/api/site/advPromotion.ts
@@ -0,0 +1,69 @@
+import { http } from '@/utils/http/axios';
+
+export interface BasicResponseModel<T = any> {
+  code: number;
+  message: string;
+  result: T;
+}
+
+/**
+ * @description: 广告位列表
+ */
+export function getAdvPromotionPage(params?) {
+  return http.request({
+    url: '/site/promotion/page',
+    method: 'GET',
+    params,
+  });
+}
+//isTransformResponse true不进行任何处理直接返回， false会进行处理后返回 例如权限不够都会处理
+/**
+ * 保存广告位
+ * @param params
+ */
+export function saveAdvPromotion(params?) {
+  return http.request<BasicResponseModel>(
+    {
+      url: `/site/promotion`,
+      method: 'POST',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    }
+  );
+}
+
+/**
+ * 编辑广告位
+ * @param params
+ */
+export function updateAdvPromotion(params?) {
+  return http.request<BasicResponseModel>(
+    {
+      url: `/site/promotion/${params.id}`,
+      method: 'PUT',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    }
+  );
+}
+
+/**
+ * 删除广告位
+ * @param params
+ */
+export function deleteAdvPromotion(params?) {
+  return http.request<BasicResponseModel>(
+    {
+      url: `/site/promotion/${params.id}`,
+      method: 'DELETE',
+      params,
+    },
+    {
+      isTransformResponse: false,
+    }
+  );
+}
diff --git a/src/router/modules/site.ts b/src/router/modules/site.ts
index c4d81fc..a1458ba 100755
--- a/src/router/modules/site.ts
+++ b/src/router/modules/site.ts
@@ -37,6 +37,24 @@ const routes: Array<RouteRecordRaw> = [
         },
         component: () => import('@/views/site/articleList/articleList.vue'),
       },
+      {
+        path: 'advertising-list',
+        name: 'advertisingList',
+        meta: {
+          title: '广告管理',
+          permissions: ['adv_list'],
+        },
+        component: () => import('@/views/site/advertisingList/advertisingList.vue'),
+      },
+      {
+        path: 'advertising-space-list',
+        name: 'advertisingSpaceList',
+        meta: {
+          title: '广告位管理',
+          permissions: ['adv_promotion'],
+        },
+        component: () => import('@/views/site/advpromotion/advpromotion.vue'),
+      },
       {
         path: 'article-create/:id?',
         name: 'articleCreate',
diff --git a/src/views/promotion/rushPurchase/rushPurchaseOrder.vue b/src/views/promotion/rushPurchase/rushPurchaseOrder.vue
index 4c98a7d..5bb84d0 100644
--- a/src/views/promotion/rushPurchase/rushPurchaseOrder.vue
+++ b/src/views/promotion/rushPurchase/rushPurchaseOrder.vue
@@ -203,6 +203,7 @@
   };
 
   function handSwitchStatus(status) {
+    console.log(status)
     params.value = { ...params.value, status };
     reloadTable();
   }
diff --git a/src/views/site/advertisingList/advertisingList.vue b/src/views/site/advertisingList/advertisingList.vue
new file mode 100644
index 0000000..4d04c2e
--- /dev/null
+++ b/src/views/site/advertisingList/advertisingList.vue
@@ -0,0 +1,384 @@
+<template>
+  <n-card :bordered="false" class="proCard">
+    <BasicForm @register="register" @submit="handleSubmit" @reset="handleReset">
+      <template #statusSlot="{ model, field }">
+        <n-input v-model:value="model[field]" />
+      </template>
+    </BasicForm>
+    <!-- <div class="flex items-center mb-4">
+      广告位: 
+      <n-select
+        class="myOptionClass"
+        v-model:value="formParams.promotionId"
+        value-field="id"
+        label-field="promotionName"
+        :options="promotionOptions"
+        @update:value="filterOptions"
+      />
+    </div> -->
+    <BasicTable
+      :columns="columns"
+      :request="loadDataTable"
+      :row-key="(row) => row.id"
+      ref="actionRef"
+      :actionColumn="actionColumn"
+      @update:checked-row-keys="onCheckedRow"
+      :scroll-x="1090"
+    >
+      <template #tableTitle>
+        <n-button type="primary" @click="addTable">
+          <template #icon>
+            <n-icon>
+              <PlusOutlined />
+            </n-icon>
+          </template>
+          新建
+        </n-button>
+      </template>
+
+      <template #toolbar>
+        <n-button type="primary" @click="reloadTable">刷新数据</n-button>
+      </template>
+    </BasicTable>
+    <n-modal v-model:show="showModal" :show-icon="false" preset="dialog" :title="editTitle">
+      <n-form
+        :model="formParams"
+        :rules="rules"
+        ref="formRef"
+        label-placement="left"
+        :label-width="80"
+        class="py-4"
+      >
+        <n-form-item label="广告名称" path="advName">
+          <n-input placeholder="请输入广告名称" v-model:value="formParams.advName" />
+        </n-form-item>
+        <n-form-item label="图片" path="advImg">
+          <BasicUpload
+            :data="{ scene: 'advImg' }"
+            name="file"
+            :width="100"
+            :height="100"
+            :maxSize="2"
+            :maxNumber="1"
+            @uploadChange="uploadChange"
+            v-model:value="uploadList"
+            helpText="单个文件不超过2MB，最多只能上传1个文件"
+          />
+        </n-form-item>
+        <n-form-item label="广告地址" path="url">
+          <n-input placeholder="请输入广告地址" v-model:value="formParams.url" />
+        </n-form-item>
+        <n-form-item label="广告位" path="promotionId">
+          <n-select
+            class="myOptionClass"
+            v-model:value="formParams.promotionId"
+            value-field="id"
+            confirmForm
+            label-field="promotionName"
+            :options="dataoptopns"
+          />
+        </n-form-item>
+      </n-form>
+
+      <template #action>
+        <n-space>
+          <n-button @click="() => (showModal = false)">取消</n-button>
+          <n-button type="info" :loading="formBtnLoading" @click="confirmForm">确定</n-button>
+        </n-space>
+      </template>
+    </n-modal>
+  </n-card>
+</template>
+  
+  <script lang="ts" setup>
+import { h, reactive, ref, unref, onMounted } from 'vue';
+import { useDialog, useMessage } from 'naive-ui';
+import { BasicTable, TableAction } from '@/components/Table';
+import { BasicForm, FormSchema, useForm } from '@/components/Form/index';
+import { getAdvPage, saveAdv, updateAdv, deleteAdv, getPromotionList } from '@/api/site/adv';
+import { columns, dataoptopns } from './columns';
+import { PlusOutlined } from '@vicons/antd';
+import { ResultEnum } from '@/enums/httpEnum';
+import { CogSharp } from '@vicons/ionicons5';
+import { log } from 'console';
+import { BasicResponseModel } from '@/api/system/menu';
+
+// const schemas: FormSchema[] = [
+//   {
+//     field: 'goodsStatus',
+//     component: 'NSelect',
+//     label: '广告状态',
+//     componentProps: {
+//       placeholder: '请选择',
+//       options: "promotionData",
+//       onUpdateValue: (e: any) => {
+//         console.log(e);
+//       },
+//     },
+//     rules: [{ required: false }],
+//   },
+// ];
+const promotionOptions = ref([]);
+const schemas: FormSchema[] = [
+  {
+    field: 'promotionName',
+    component: 'NSelect',
+    label: '广告位',
+    componentProps: {
+      placeholder: '请选择',
+      options: dataoptopns,
+      onUpdateValue: (e: any) => {
+        // console.log(e);
+        filterOptions(e);
+      },
+    },
+    rules: [{ required: false }],
+  },
+];
+
+const rules = {
+  brandName: {
+    required: true,
+    trigger: ['blur', 'input'],
+    message: '请输入品牌名称',
+  },
+  brandImg: {
+    required: true,
+    trigger: ['blur', 'input'],
+    message: '请输入图片地址',
+  },
+  advName: {
+    required: true,
+    trigger: ['blur', 'input'],
+    message: '请输入广告名称',
+  },
+  url: {
+    required: true,
+    trigger: ['blur', 'input'],
+    message: '请输入广告地址',
+  },
+  advImg: {
+    required: true,
+    trigger: ['blur', 'input'],
+    message: '请输入上传图片',
+  },
+  promotionId:{
+    required: true,
+      message: '请选择 广告位',
+      trigger: 'blur',
+      validator: (_rule: any, value: any) => {
+        if (value === "") {
+          return Promise.reject('请选择 广告位');
+        } else {
+          return Promise.resolve();
+        }
+      },
+  }
+ };
+
+const formRef: any = ref(null);
+const message = useMessage();
+const actionRef = ref();
+
+const showModal = ref(false);
+const formBtnLoading = ref(false);
+const checkedAdvId = ref(); //当前编辑id
+const isEdit = ref(false); // 弹出框是否为编辑
+const editTitle = ref('');
+const dialog = useDialog();
+
+interface advertising {
+  id: number;
+  advName: string;
+  advImg: string;
+  url: string;
+  promotionId: string;
+  status: number;
+  createTime: number;
+  promotionName: string;
+}
+
+const formParams: advertising = reactive({
+  id: 0,
+  advName: '',
+  advImg: '',
+  url: '',
+  promotionId: '',
+  status: 0,
+  createTime: 0,
+  promotionName: '',
+});
+const formParamsBak = { ...formParams };
+
+const params = ref({});
+
+const actionColumn = reactive({
+  width: 220,
+  title: '操作',
+  key: 'action',
+  fixed: 'right',
+  render(record) {
+    return h(TableAction as any, {
+      style: 'button',
+      actions: [
+        {
+          label: '编辑',
+          onClick: handleEdit.bind(null, record),
+        },
+        {
+          label: '删除',
+          icon: 'ic:outline-delete-outline',
+          onClick: handleDelete.bind(null, record),
+        },
+      ],
+    });
+  },
+});
+
+const [register, {}] = useForm({
+  gridProps: { cols: '1 s:1 m:2 l:3 xl:4 2xl:4' },
+  labelWidth: 100,
+  schemas,
+});
+const uploadList = ref(['']);
+
+function addTable() {
+  // 新增清空表单
+  Object.assign(formParams, formParamsBak);
+  isEdit.value = false;
+  showModal.value = true;
+  editTitle.value = '新建';
+  console.log(promotionOptions.value);
+  uploadList.value = [];
+}
+
+const loadDataTable = async (res) => {
+  let _params = {
+    ...unref(params),
+    ...res,
+  };
+  return await getAdvPage(_params);
+};
+
+function onCheckedRow(rowKeys) {
+  console.log(rowKeys);
+}
+
+function reloadTable() {
+  actionRef.value.reload();
+}
+
+function confirmForm(e: { preventDefault: () => void }) {
+  e.preventDefault();
+  formBtnLoading.value = true;
+  formParams.advImg = uploadList.value[0];
+  formRef.value.validate(async (errors: any) => {
+    if (!errors) {
+      let response: BasicResponseModel<any>;
+      // 如果是编辑
+      if (isEdit.value) {
+        formParams.id = checkedAdvId.value;
+        response = await updateAdv(formParams);
+      } else {
+        response = await saveAdv(formParams);
+      }
+      const { message: msg, code } = response;
+      if (code == ResultEnum.SUCCESS) {
+        message.success(msg);
+        Object.assign(formParams, formParamsBak);
+        showModal.value = false;
+        reloadTable();
+      } else {
+        message.error(msg);
+      }
+    } else {
+      message.error('请填写完整信息');
+    }
+    formBtnLoading.value = false;
+  });
+}
+
+function handleEdit(record: Recordable) {
+  console.log('点击了编辑', record);
+  checkedAdvId.value = record.id;
+  Object.assign(formParams, record);
+  editTitle.value = '编辑';
+  showModal.value = true;
+  isEdit.value = true;
+  uploadList.value = [record.advImg];
+}
+
+function handleDelete(record: Recordable) {
+  console.log('点击了删除', record);
+  dialog.info({
+    title: '提示',
+    content: `您确定想删除吗?`,
+    positiveText: '确定',
+    negativeText: '取消',
+    onPositiveClick: async () => {
+      const params = { id: record.id };
+      const response = await deleteAdv(params);
+      const { message: msg, code } = response;
+      if (code == ResultEnum.SUCCESS) {
+        message.success(msg);
+        reloadTable();
+      } else {
+        message.error(msg);
+      }
+    },
+    onNegativeClick: () => {
+      message.error('已取消');
+    },
+  });
+}
+
+function handleSubmit(values: Recordable) {
+  params.value = values;
+  // reloadTable();
+}
+
+function handleReset(values: Recordable) {
+  params.value = values;
+  reloadTable();
+}
+
+function uploadChange(list: string) {
+  // formParams.advImg = unref(list)[0];
+  console.log(list);
+}
+
+function filterOptions(value) {
+  console.log(value, 'value');
+  // console.log(option, 'option');
+  const promotionId = value;
+  params.value = { ...params.value, promotionId };
+  // console.log('formParams',formParams);
+
+  // console.log('formParams下的promotionId为',promotionId);
+
+  reloadTable();
+}
+onMounted(async () => {
+  const response = await getPromotionList();
+
+  promotionOptions.value = response;
+  // let setoption:any = schemas[0].componentProps
+
+  // setoption.options= promotionOptions.value.map((item:any)=>{
+  //  return {
+  //     ...item,
+  //     label:item.promotionName,
+  //     value:item.id
+  //  }
+  // })
+  // console.log('schemas下的options',setoption.options);
+});
+</script>
+  
+<style lang="less" scoped>
+.myOptionClass {
+  width: 240px;
+  margin-left: 10px;
+}
+</style>
+  
\ No newline at end of file
diff --git a/src/views/site/advertisingList/columns.ts b/src/views/site/advertisingList/columns.ts
new file mode 100644
index 0000000..74876d4
--- /dev/null
+++ b/src/views/site/advertisingList/columns.ts
@@ -0,0 +1,63 @@
+import { formatToDateTime } from '@/utils/dateUtil';
+import { h } from 'vue';
+import { NImage } from 'naive-ui';
+import { getPromotionList } from '@/api/site/adv';
+
+export const columns = [
+    {
+      title: 'id',
+      key: 'id',
+      width: 60,
+    },
+    {
+      title: '广告名称',
+      key: 'advName',
+      width: 120,
+    },
+    {
+      title: '广告图片地址',
+      key: 'advImg',
+      width: 140,
+      render: (data) => {
+        return h(NImage, {
+          src: data.advImg,
+          width: 50,
+        });
+      },
+    },
+    {
+      title: '广告地址',
+      key: 'url',
+      width: 160,
+    },
+    {
+      title: '所属广告位',
+      key: 'promotionName',
+      width: 100,
+    },
+    {
+      title: '创建时间',
+      key: 'createTime',
+      width: 100,
+      render: (data) => {
+        try {
+          const createTime = data.createTime * 1000;
+          return formatToDateTime(createTime);
+        } catch (error) {
+          console.log(error);
+          return data.createTime;
+        }
+      },
+    },
+  ];
+  
+
+  const response = await getPromotionList();
+  export let dataoptopns = []
+  dataoptopns= response.map((item:any)=>{
+   return {
+      ...item,
+      label:item.promotionName,
+      value:item.id
+   }
+  })
\ No newline at end of file
diff --git a/src/views/site/advpromotion/advpromotion.vue b/src/views/site/advpromotion/advpromotion.vue
new file mode 100644
index 0000000..4ddce42
--- /dev/null
+++ b/src/views/site/advpromotion/advpromotion.vue
@@ -0,0 +1,230 @@
+<template>
+    <n-card :bordered="false" class="proCard">
+      <BasicTable
+        :columns="columns"
+        :request="loadDataTable"
+        :row-key="(row) => row.id"
+        ref="actionRef"
+        :actionColumn="actionColumn"
+        @update:checked-row-keys="onCheckedRow"
+        :scroll-x="1090"
+      >
+        <template #tableTitle>
+          <n-button type="primary" @click="addTable">
+            <template #icon>
+              <n-icon>
+                <PlusOutlined />
+              </n-icon>
+            </template>
+            新建
+          </n-button>
+        </template>
+  
+        <template #toolbar>
+          <n-button type="primary" @click="reloadTable">刷新数据</n-button>
+        </template>
+      </BasicTable>
+  
+      <n-modal v-model:show="showModal" :show-icon="false" preset="dialog" :title="editTitle">
+        <n-form
+          :model="formParams"
+          :rules="rules"
+          ref="formRef"
+          label-placement="left"
+          :label-width="80"
+          class="py-4"
+        >
+          <n-form-item label="广告位名称" path="promotionName">
+            <n-input placeholder="请输入广告位名称" v-model:value="formParams.promotionName" />
+          </n-form-item>
+          <n-form-item label="广告位模块编码" path="promotionCode">
+            <n-input placeholder="请输入广告位模块编码" v-model:value="formParams.promotionCode" />
+          </n-form-item>
+        </n-form>
+  
+        <template #action>
+          <n-space>
+            <n-button @click="() => (showModal = false)">取消</n-button>
+            <n-button type="info" :loading="formBtnLoading" @click="confirmForm">确定</n-button>
+          </n-space>
+        </template>
+      </n-modal>
+    </n-card>
+  </template>
+  
+  <script lang="ts" setup>
+    import { h, reactive, ref } from 'vue';
+    import { useDialog, useMessage } from 'naive-ui';
+    import { BasicTable, TableAction } from '@/components/Table';
+    import { BasicForm, FormSchema, useForm } from '@/components/Form/index';
+    import { getAdvPromotionPage, saveAdvPromotion, updateAdvPromotion, deleteAdvPromotion } from '@/api/site/advPromotion';
+    import { columns } from './columns';
+    import { PlusOutlined } from '@vicons/antd';
+    import { ResultEnum } from '@/enums/httpEnum';
+  
+    const rules = {
+      promotionName: {
+        required: true,
+        trigger: ['blur', 'input'],
+        message: '请输入广告位名称',
+      },
+      promotionCode: {
+        required: true,
+        trigger: ['blur', 'input'],
+        message: '请输入广告位模块编码',
+      },
+    };
+  
+    // const schemas: FormSchema[] = [
+    //   {
+    //     field: 'promotionName',
+    //     component: 'NInput',
+    //     label: '广告位名称',
+    //     rules: [{ required: false }],
+    //   },
+    // ];
+  
+    const formRef: any = ref(null);
+    const message = useMessage();
+    const actionRef = ref();
+  
+    const showModal = ref(false);
+    const formBtnLoading = ref(false);
+    const checkedAdvPromotionId = ref(); //当前编辑id
+    const isEdit = ref(false); // 弹出框是否为编辑
+    const editTitle = ref('');
+    const dialog = useDialog();
+    const formParams = reactive({
+      id: 0,
+      promotionName: '',
+      promotionCode: '',
+      createTime: 0,
+    });
+    const formParamsBak = { ...formParams };
+  
+    const params = ref({});
+  
+    const actionColumn = reactive({
+      width: 220,
+      title: '操作',
+      key: 'action',
+      fixed: 'right',
+      render(record) {
+        return h(TableAction as any, {
+          style: 'button',
+          actions: [
+            {
+              label: '编辑',
+              onClick: handleEdit.bind(null, record),
+            },
+            {
+              label: '删除',
+              icon: 'ic:outline-delete-outline',
+              onClick: handleDelete.bind(null, record),
+            },
+          ],
+        });
+      },
+    });
+  
+    const [register, {}] = useForm({
+      gridProps: { cols: '1 s:1 m:2 l:3 xl:4 2xl:4' },
+      labelWidth: 100,
+      // schemas,
+    });
+  
+    function addTable() {
+      // 新增清空表单
+      Object.assign(formParams, formParamsBak);
+      isEdit.value = false;
+      showModal.value = true;
+      editTitle.value = '新建';
+    }
+  
+    const loadDataTable = async (res) => {
+      return await getAdvPromotionPage({ ...params.value, ...res });
+    };
+  
+    function onCheckedRow(rowKeys) {
+      console.log(rowKeys);
+    }
+  
+    function reloadTable() {
+      actionRef.value.reload();
+    }
+  
+    function confirmForm(e) {
+      e.preventDefault();
+      formBtnLoading.value = true;
+      formRef.value.validate(async (errors) => {
+        if (!errors) {
+          let response;
+          // 如果是编辑
+          if (isEdit.value) {
+            formParams.id = checkedAdvPromotionId.value;
+            response = await updateAdvPromotion(formParams);
+          } else {
+            response = await saveAdvPromotion(formParams);
+          }
+          const { message: msg, code } = response;
+          if (code == ResultEnum.SUCCESS) {
+            message.success(msg);
+            Object.assign(formParams, formParamsBak);
+            showModal.value = false;
+            reloadTable();
+          } else {
+            message.error(msg);
+          }
+        } else {
+          message.error('请填写完整信息');
+        }
+        formBtnLoading.value = false;
+      });
+    }
+  
+    function handleEdit(record: Recordable) {
+      console.log('点击了编辑', record);
+      checkedAdvPromotionId.value = record.id;
+      Object.assign(formParams, record);
+      editTitle.value = '编辑';
+      showModal.value = true;
+      isEdit.value = true;
+    }
+  
+    function handleDelete(record: Recordable) {
+      console.log('点击了删除', record);
+      dialog.info({
+        title: '提示',
+        content: `您确定想删除吗?`,
+        positiveText: '确定',
+        negativeText: '取消',
+        onPositiveClick: async () => {
+          const params = { id: record.id };
+          const response = await deleteAdvPromotion(params);
+          const { message: msg, code } = response;
+          if (code == ResultEnum.SUCCESS) {
+            message.success(msg);
+            reloadTable();
+          } else {
+            message.error(msg);
+          }
+        },
+        onNegativeClick: () => {
+          message.error('已取消');
+        },
+      });
+    }
+  
+    function handleSubmit(values: Recordable) {
+      console.log(values);
+      params.value = values;
+      reloadTable();
+    }
+  
+    function handleReset(values: Recordable) {
+      console.log(values);
+    }
+  </script>
+  
+  <style lang="less" scoped></style>
+  
\ No newline at end of file
diff --git a/src/views/site/advpromotion/columns.ts b/src/views/site/advpromotion/columns.ts
new file mode 100644
index 0000000..78f7d11
--- /dev/null
+++ b/src/views/site/advpromotion/columns.ts
@@ -0,0 +1,34 @@
+import { formatToDateTime } from '@/utils/dateUtil';
+
+export const columns = [
+    {
+      title: 'id',
+      key: 'id',
+      width: 100,
+    },
+    {
+      title: '广告位名称',
+      key: 'promotionName',
+      width: 100,
+    },
+    {
+      title: '广告位模块编码',
+      key: 'promotionCode',
+      width: 100,
+    },
+    {
+      title: '创建时间',
+      key: 'createTime',
+      width: 100,
+      render: (data) => {
+        try {
+          const createTime = data.createTime * 1000;
+          return formatToDateTime(createTime);
+        } catch (error) {
+          console.log(error);
+          return data.createTime;
+        }
+      },
+    },
+  ];
+  
\ No newline at end of file
diff --git a/src/views/site/article/articleCreate.vue b/src/views/site/article/articleCreate.vue
index ad9c262..4adaec9 100644
--- a/src/views/site/article/articleCreate.vue
+++ b/src/views/site/article/articleCreate.vue
@@ -128,6 +128,7 @@
   const containerRef = ref<HTMLElement | undefined>(undefined);
   const toolsRef = ref<HTMLElement | undefined>(undefined);
   const uploadList = ref<string[]>([]);
+  console.log(uploadList);
   const formBtnLoading = ref(false);
   const formRef: any = ref(null);
   const message = useMessage();
-- 
Gitee