初始化项目

2026-03-19 22:53:03 +08:00
parent fe408e4906
commit b09f9a3ec0
8 changed files with 803 additions and 0 deletions
--- a/web-vue/packages/biz/api/biz/myWebsiteStorage.ts
+++ b/web-vue/packages/biz/api/biz/myWebsiteStorage.ts
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) 2013-Now https://jeesite.com All rights reserved.
+ * No deletion without permission, or be held responsible to law.
+ * @author gaoxq
+ */
+import { defHttp } from '@jeesite/core/utils/http/axios';
+import { useGlobSetting } from '@jeesite/core/hooks/setting';
+import { BasicModel, Page } from '@jeesite/core/api/model/baseModel';
+import { UploadApiResult } from '@jeesite/core/api/sys/upload';
+import { UploadFileParams } from '@jeesite/types/axios';
+import { AxiosProgressEvent } from 'axios';
+
+const { ctxPath, adminPath } = useGlobSetting();
+
+export interface MyWebsiteStorage extends BasicModel<MyWebsiteStorage> {
+  createTime?: string; // 记录日期
+  websiteId?: string; // 网站标识
+  websiteUrl: string; // 网站地址
+  websiteName: string; // 网站名称
+  webAccount?: string; // 登录账号
+  webPassword?: string; // 登录密码
+  loginUser?: string; // 所属账户
+  ustatus: string; // 状态
+}
+
+export const myWebsiteStorageList = (params?: MyWebsiteStorage | any) =>
+  defHttp.get<MyWebsiteStorage>({ url: adminPath + '/biz/myWebsiteStorage/list', params });
+
+export const myWebsiteStorageListData = (params?: MyWebsiteStorage | any) =>
+  defHttp.post<Page<MyWebsiteStorage>>({ url: adminPath + '/biz/myWebsiteStorage/listData', params });
+
+export const myWebsiteStorageForm = (params?: MyWebsiteStorage | any) =>
+  defHttp.get<MyWebsiteStorage>({ url: adminPath + '/biz/myWebsiteStorage/form', params });
+
+export const myWebsiteStorageSave = (params?: any, data?: MyWebsiteStorage | any) =>
+  defHttp.postJson<MyWebsiteStorage>({ url: adminPath + '/biz/myWebsiteStorage/save', params, data });
+
+export const myWebsiteStorageImportData = (
+  params: UploadFileParams,
+  onUploadProgress: (progressEvent: AxiosProgressEvent) => void,
+) =>
+  defHttp.uploadFile<UploadApiResult>(
+    {
+      url: ctxPath + adminPath + '/biz/myWebsiteStorage/importData',
+      onUploadProgress,
+    },
+    params,
+  );
+
+export const myWebsiteStorageDelete = (params?: MyWebsiteStorage | any) =>
+  defHttp.get<MyWebsiteStorage>({ url: adminPath + '/biz/myWebsiteStorage/delete', params });
--- a/web-vue/packages/biz/views/biz/myWebsiteStorage/form.vue
+++ b/web-vue/packages/biz/views/biz/myWebsiteStorage/form.vue
@@ -0,0 +1,156 @@
+<!--
+ * Copyright (c) 2013-Now https://jeesite.com All rights reserved.
+ * No deletion without permission, or be held responsible to law.
+ * @author gaoxq
+-->
+<template>
+  <BasicDrawer
+    v-bind="$attrs"
+    :showFooter="true"
+    :okAuth="'biz:myWebsiteStorage:edit'"
+    @register="registerDrawer"
+    @ok="handleSubmit"
+    width="70%"
+  >
+    <template #title>
+      <Icon :icon="getTitle.icon" class="m-1 pr-1" />
+      <span> {{ getTitle.value }} </span>
+    </template>
+    <BasicForm @register="registerForm" />
+  </BasicDrawer>
+</template>
+<script lang="ts" setup name="ViewsBizMyWebsiteStorageForm">
+  import { ref, unref, computed } from 'vue';
+  import { useI18n } from '@jeesite/core/hooks/web/useI18n';
+  import { useMessage } from '@jeesite/core/hooks/web/useMessage';
+  import { router } from '@jeesite/core/router';
+  import { Icon } from '@jeesite/core/components/Icon';
+  import { BasicForm, FormSchema, useForm } from '@jeesite/core/components/Form';
+  import { BasicDrawer, useDrawerInner } from '@jeesite/core/components/Drawer';
+  import { MyWebsiteStorage, myWebsiteStorageSave, myWebsiteStorageForm } from '@jeesite/biz/api/biz/myWebsiteStorage';
+
+  const emit = defineEmits(['success', 'register']);
+
+  const { t } = useI18n('biz.myWebsiteStorage');
+  const { showMessage } = useMessage();
+  const { meta } = unref(router.currentRoute);
+  const record = ref<MyWebsiteStorage>({} as MyWebsiteStorage);
+
+  const getTitle = computed(() => ({
+    icon: meta.icon || 'i-ant-design:book-outlined',
+    value: record.value.isNewRecord ? t('新增网站') : t('编辑网站'),
+  }));
+
+  const inputFormSchemas: FormSchema<MyWebsiteStorage>[] = [
+    {
+      label: t('基本信息'),
+      field: 'basicInfo',
+      component: 'FormGroup',
+      colProps: { md: 24, lg: 24 },
+    },
+    {
+      label: t('网站名称'),
+      field: 'websiteName',
+      component: 'Input',
+      componentProps: {
+        maxlength: 100,
+      },
+      required: true,
+    },
+	{
+	  label: t('状态'),
+	  field: 'ustatus',
+	  component: 'Select',
+	  componentProps: {
+	    dictType: 'sys_status',
+	    allowClear: true,
+	  },
+	  required: true,
+	},
+	{
+	  label: t('网站地址'),
+	  field: 'websiteUrl',
+	  component: 'Input',
+	  componentProps: {
+	    maxlength: 255,
+	  },
+	  required: true,
+	  colProps: { md: 24, lg: 24 },
+	},
+    {
+      label: t('登录账号'),
+      field: 'webAccount',
+      component: 'Input',
+      componentProps: {
+        maxlength: 100,
+      },
+    },
+    {
+      label: t('登录密码'),
+      field: 'webPassword',
+      component: 'Input',
+      componentProps: {
+        maxlength: 255,
+      },
+    },
+    {
+      label: t('其它信息'),
+      field: 'otherInfo',
+      component: 'FormGroup',
+      colProps: { md: 24, lg: 24 },
+    },
+    {
+      label: t('说明事项'),
+      field: 'remarks',
+      component: 'InputTextArea',
+      colProps: { md: 24, lg: 24 },
+    },
+  ];
+
+  const [registerForm, { resetFields, setFieldsValue, updateSchema, validate }] = useForm<MyWebsiteStorage>({
+    labelWidth: 120,
+    schemas: inputFormSchemas,
+    baseColProps: { md: 24, lg: 12 },
+  });
+
+  const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+    setDrawerProps({ loading: true });
+    await resetFields();
+    const res = await myWebsiteStorageForm(data);
+    record.value = (res.myWebsiteStorage || {}) as MyWebsiteStorage;
+    record.value.__t = new Date().getTime();
+    await setFieldsValue(record.value);
+    await updateSchema([
+      {
+        field: 'websiteId',
+        componentProps: {
+          disabled: !record.value.isNewRecord,
+        },
+      },
+    ]);
+    setDrawerProps({ loading: false });
+  });
+
+  async function handleSubmit() {
+    try {
+      const data = await validate();
+      setDrawerProps({ confirmLoading: true });
+      const params: any = {
+        isNewRecord: record.value.isNewRecord,
+        websiteId: record.value.websiteId || data.websiteId,
+      };
+      // console.log('submit', params, data, record);
+      const res = await myWebsiteStorageSave(params, data);
+      showMessage(res.message);
+      setTimeout(closeDrawer);
+      emit('success', data);
+    } catch (error: any) {
+      if (error && error.errorFields) {
+        showMessage(error.message || t('common.validateError'));
+      }
+      console.log('error', error);
+    } finally {
+      setDrawerProps({ confirmLoading: false });
+    }
+  }
+</script>
--- a/web-vue/packages/biz/views/biz/myWebsiteStorage/list.vue
+++ b/web-vue/packages/biz/views/biz/myWebsiteStorage/list.vue
@@ -0,0 +1,211 @@
+<!--
+ * Copyright (c) 2013-Now https://jeesite.com All rights reserved.
+ * No deletion without permission, or be held responsible to law.
+ * @author gaoxq
+-->
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #tableTitle>
+        <Icon :icon="getTitle.icon" class="m-1 pr-1" />
+        <span> {{ getTitle.value }} </span>
+      </template>
+      <template #toolbar>
+        <a-button type="default" :loading="loading" @click="handleExport()">
+          <Icon icon="i-ant-design:download-outlined" /> {{ t('导出') }}
+        </a-button>
+        <a-button type="primary" @click="handleForm({})" v-auth="'biz:myWebsiteStorage:edit'">
+          <Icon icon="i-fluent:add-12-filled" /> {{ t('新增') }}
+        </a-button>
+      </template>
+      <template #bizScopeKey="{ record, text, value }">
+        <a @click="handleForm({ websiteId: record.websiteId })" :title="value">
+          {{ text }}
+        </a>
+      </template>
+    </BasicTable>
+    <InputForm @register="registerDrawer" @success="handleSuccess" />
+  </div>
+</template>
+<script lang="ts" setup name="ViewsBizMyWebsiteStorageList">
+  import { onMounted, ref, unref } from 'vue';
+  import { useI18n } from '@jeesite/core/hooks/web/useI18n';
+  import { useMessage } from '@jeesite/core/hooks/web/useMessage';
+  import { useGlobSetting } from '@jeesite/core/hooks/setting';
+  import { downloadByUrl } from '@jeesite/core/utils/file/download';
+  import { router } from '@jeesite/core/router';
+  import { Icon } from '@jeesite/core/components/Icon';
+  import { BasicTable, BasicColumn, useTable } from '@jeesite/core/components/Table';
+  import { MyWebsiteStorage, myWebsiteStorageList } from '@jeesite/biz/api/biz/myWebsiteStorage';
+  import { myWebsiteStorageDelete, myWebsiteStorageListData } from '@jeesite/biz/api/biz/myWebsiteStorage';
+  import { useDrawer } from '@jeesite/core/components/Drawer';
+  import { useModal } from '@jeesite/core/components/Modal';
+  import { FormProps } from '@jeesite/core/components/Form';
+  import InputForm from './form.vue';
+
+  const { t } = useI18n('biz.myWebsiteStorage');
+  const { showMessage } = useMessage();
+  const { meta } = unref(router.currentRoute);
+  const record = ref<MyWebsiteStorage>({} as MyWebsiteStorage);
+
+  const getTitle = {
+    icon: meta.icon || 'i-ant-design:book-outlined',
+    value: meta.title || t('网站管理'),
+  };
+  const loading = ref(false);
+
+  const searchForm: FormProps<MyWebsiteStorage> = {
+    baseColProps: { md: 8, lg: 6 },
+    labelWidth: 90,
+    schemas: [
+      {
+        label: t('网站名称'),
+        field: 'websiteName',
+        component: 'Input',
+      },
+	  {
+	    label: t('网站地址'),
+	    field: 'websiteUrl',
+	    component: 'Input',
+	  },
+      {
+        label: t('状态'),
+        field: 'ustatus',
+        component: 'Select',
+        componentProps: {
+          dictType: 'sys_status',
+          allowClear: true,
+        },
+      },
+    ],
+  };
+
+  const tableColumns: BasicColumn<MyWebsiteStorage>[] = [
+    {
+      title: t('记录日期'),
+      dataIndex: 'createTime',
+      key: 'a.create_time',
+      sorter: true,
+      width: 150,
+      align: 'center',
+	  fixed: 'left',
+    },
+    {
+      title: t('网站名称'),
+      dataIndex: 'websiteName',
+      key: 'a.website_name',
+      sorter: true,
+      width: 130,
+      align: 'left',
+	  slot: 'bizScopeKey',
+    },
+	{
+	  title: t('网站地址'),
+	  dataIndex: 'websiteUrl',
+	  key: 'a.website_url',
+	  sorter: true,
+	  width: 225,
+	  align: 'left',
+	},
+    {
+      title: t('登录账号'),
+      dataIndex: 'webAccount',
+      key: 'a.web_account',
+      sorter: true,
+      width: 130,
+      align: 'left',
+    },
+    {
+      title: t('说明事项'),
+      dataIndex: 'remarks',
+      key: 'a.remarks',
+      sorter: true,
+      width: 130,
+      align: 'left',
+    },
+    {
+      title: t('状态'),
+      dataIndex: 'ustatus',
+      key: 'a.ustatus',
+      sorter: true,
+      width: 130,
+      align: 'center',
+      dictType: 'sys_status',
+    },
+  ];
+
+  const actionColumn: BasicColumn<MyWebsiteStorage> = {
+    width: 160,
+	align: 'center',
+    actions: (record: MyWebsiteStorage) => [
+      {
+        icon: 'i-clarity:note-edit-line',
+        title: t('编辑'),
+        onClick: handleForm.bind(this, { websiteId: record.websiteId }),
+        auth: 'biz:myWebsiteStorage:edit',
+      },
+      {
+        icon: 'i-ant-design:delete-outlined',
+        color: 'error',
+        title: t('删除'),
+        popConfirm: {
+          title: t('是否确认删除网站?'),
+          confirm: handleDelete.bind(this, record),
+        },
+        auth: 'biz:myWebsiteStorage:edit',
+      },
+    ],
+  };
+
+  const [registerTable, { reload, getForm }] = useTable<MyWebsiteStorage>({
+    api: myWebsiteStorageListData,
+    beforeFetch: (params) => {
+      return params;
+    },
+    columns: tableColumns,
+    actionColumn: actionColumn,
+    formConfig: searchForm,
+    showTableSetting: true,
+    useSearchForm: true,
+    canResize: true,
+  });
+
+  onMounted(async () => {
+    const res = await myWebsiteStorageList();
+    record.value = (res.myWebsiteStorage || {}) as MyWebsiteStorage;
+    await getForm().setFieldsValue(record.value);
+  });
+
+  const [registerDrawer, { openDrawer }] = useDrawer();
+
+  function handleForm(record: Recordable) {
+    openDrawer(true, record);
+  }
+
+  async function handleExport() {
+    loading.value = true;
+    const { ctxAdminPath } = useGlobSetting();
+    await downloadByUrl({
+      url: ctxAdminPath + '/biz/myWebsiteStorage/exportData',
+      params: getForm().getFieldsValue(),
+    });
+    loading.value = false;
+  }
+
+  const [registerImportModal, { openModal: importModal }] = useModal();
+
+  function handleImport() {
+    importModal(true, {});
+  }
+
+  async function handleDelete(record: Recordable) {
+    const params = { websiteId: record.websiteId };
+    const res = await myWebsiteStorageDelete(params);
+    showMessage(res.message);
+    await handleSuccess(record);
+  }
+
+  async function handleSuccess(record: Recordable) {
+    await reload({ record });
+  }
+</script>