From 5c6610beb75a8fa017d43332f44f1a7499aa817d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com> Date: Mon, 6 Jan 2025 08:45:29 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E4=B8=93=E7=89=88?= =?UTF-8?q?=E5=8F=91=E5=B8=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../{websiteEdit.vue => cmsMpEdit.vue} | 233 ++++++++++-------- src/views/cms/cmsMp/index.vue | 2 +- 2 files changed, 125 insertions(+), 110 deletions(-) rename src/views/cms/cmsMp/components/{websiteEdit.vue => cmsMpEdit.vue} (58%) diff --git a/src/views/cms/cmsMp/components/websiteEdit.vue b/src/views/cms/cmsMp/components/cmsMpEdit.vue similarity index 58% rename from src/views/cms/cmsMp/components/websiteEdit.vue rename to src/views/cms/cmsMp/components/cmsMpEdit.vue index f2a6380..5c214ff 100644 --- a/src/views/cms/cmsMp/components/websiteEdit.vue +++ b/src/views/cms/cmsMp/components/cmsMpEdit.vue @@ -5,7 +5,7 @@ :visible="visible" :maskClosable="false" :maxable="maxable" - :title="isUpdate ? '编辑网站' : '创建网站'" + :title="isUpdate ? '编辑应用' : '创建应用'" :body-style="{ paddingBottom: '28px' }" @update:visible="updateVisible" :confirm-loading="loading" @@ -20,7 +20,7 @@ styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' } " > - + - + + + + - + - + - - + - - - - - - - - - - + - - - - - - - - - - - - - - - - 运行中 - 维护中 - 已关闭 - + + + + + + + + - + - + + + 已认证 + 未认证 + + @@ -115,15 +118,14 @@ import { ref, reactive, watch } from 'vue'; import { Form, message } from 'ant-design-vue'; import { assignObject, uuid } from 'ele-admin-pro'; - import { addCmsWebsite, updateCmsWebsite } from '@/api/cms/cmsWebsite'; - import { CmsWebsite } from '@/api/cms/cmsWebsite/model'; + import { addCmsMp, updateCmsMp } from '@/api/cms/cmsMp'; + import { CmsMp } from '@/api/cms/cmsMp/model'; import { useThemeStore } from '@/store/modules/theme'; import { storeToRefs } from 'pinia'; import { FormInstance, type Rule } from 'ant-design-vue/es/form'; import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types'; import { FileRecord } from '@/api/system/file/model'; import { checkExistence } from '@/api/cms/cmsDomain'; - import { updateCmsDomain } from '@/api/cms/cmsDomain'; // 是否是修改 const isUpdate = ref(false); @@ -136,7 +138,7 @@ // 弹窗是否打开 visible: boolean; // 修改回显的数据 - data?: CmsWebsite | null; + data?: CmsMp | null; }>(); const emit = defineEmits<{ @@ -153,28 +155,34 @@ const images = ref([]); const websiteQrcode = ref([]); const oldDomain = ref(); + // 表格选中数据 + const mpQrcode = ref([]); // 用户信息 - const form = reactive({ - websiteId: undefined, - websiteLogo: undefined, - websiteName: undefined, - websiteCode: undefined, - keywords: '', - prefix: '', - domain: '', - adminUrl: '', - style: '', + const form = reactive({ + mpId: undefined, + type: undefined, + appId: undefined, + appSecret: undefined, + mpName: undefined, + shortName: undefined, + avatar: undefined, + mpQrcode: undefined, + authentication: undefined, + companyName: undefined, icpNo: undefined, email: undefined, - version: undefined, - websiteType: '', - running: 1, + password: undefined, + ghId: undefined, + mainPath: undefined, expirationTime: undefined, - sortNumber: undefined, comments: undefined, + userId: undefined, status: undefined, - statusText: undefined + deleted: undefined, + tenantId: undefined, + createTime: undefined, + sortNumber: 100 }); /* 更新visible */ @@ -184,14 +192,14 @@ // 表单验证规则 const rules = reactive({ - // comments: [ - // { - // required: true, - // type: 'string', - // message: '请填写网站描述', - // trigger: 'blur' - // } - // ], + mpName: [ + { + required: true, + type: 'string', + message: '请填写小程序名称', + trigger: 'blur' + } + ], keywords: [ { required: true, @@ -204,7 +212,7 @@ { required: true, type: 'number', - message: '请选择网站状态', + message: '请选择应用状态', trigger: 'change' } ], @@ -212,7 +220,7 @@ // { // required: true, // type: 'string', - // message: '请填写网站域名', + // message: '请填写应用域名', // trigger: 'blur' // } // ], @@ -245,15 +253,15 @@ { required: true, type: 'string', - message: '请填写网站后台管理地址', + message: '请填写后台管理地址', trigger: 'blur' } ], - icpNo: [ + appId: [ { required: true, type: 'string', - message: '请填写ICP备案号', + message: '请填写appId', trigger: 'blur' } ], @@ -261,7 +269,7 @@ { required: true, type: 'string', - message: '请填写网站秘钥', + message: '请填写应用秘钥', trigger: 'blur' } ], @@ -269,7 +277,7 @@ { required: true, type: 'string', - message: '请填写网站信息名称', + message: '请填写应用信息名称', trigger: 'blur' } ] @@ -281,12 +289,26 @@ url: data.path, status: 'done' }); - form.websiteLogo = data.downloadUrl; + form.avatar = data.downloadUrl; }; const onDeleteItem = (index: number) => { images.value.splice(index, 1); - form.websiteLogo = ''; + form.avatar = ''; + }; + + const chooseMpQrcode = (data: FileRecord) => { + mpQrcode.value.push({ + uid: data.id, + url: data.path, + status: 'done' + }); + form.mpQrcode = data.downloadUrl; + }; + + const onDeleteMpQrcode = (index: number) => { + mpQrcode.value.splice(index, 1); + form.mpQrcode = ''; }; // const onWebsiteType = (text: string) => { @@ -304,7 +326,7 @@ .validate() .then(() => { loading.value = true; - const saveOrUpdate = isUpdate.value ? updateCmsWebsite : addCmsWebsite; + const saveOrUpdate = isUpdate.value ? updateCmsMp : addCmsMp; if(!isUpdate.value){ updateVisible(false); message.loading('创建过程中请勿刷新页面！',0) @@ -313,12 +335,8 @@ .then((msg) => { loading.value = false; updateVisible(false); - updateCmsDomain({ - websiteId: form.websiteId, - domain: `${form.websiteCode}.wsdns.cn` - }); - localStorage.setItem('Domain', `${form.websiteCode}.wsdns.cn`); - localStorage.setItem('WebsiteId', `${form.websiteId}`); + localStorage.setItem('Domain', `${form.tenantId}.wsdns.cn`); + localStorage.setItem('MpId', `${form.mpId}`); message.destroy(); message.success(msg); // window.location.reload(); @@ -339,18 +357,15 @@ if (visible) { images.value = []; websiteQrcode.value = []; - if (props.data?.websiteId) { + if (props.data?.mpId) { assignObject(form, props.data); - if (props.data.websiteLogo) { + if (props.data.avatar) { images.value.push({ uid: uuid(), - url: props.data.websiteLogo, + url: props.data.avatar, status: 'done' }); } - if (props.data.websiteCode) { - oldDomain.value = props.data.websiteCode; - } isUpdate.value = true; } else { isUpdate.value = false; diff --git a/src/views/cms/cmsMp/index.vue b/src/views/cms/cmsMp/index.vue index f0c3a3a..bbcc9ae 100644 --- a/src/views/cms/cmsMp/index.vue +++ b/src/views/cms/cmsMp/index.vue @@ -112,7 +112,7 @@ import type { ColumnItem } from 'ele-admin-pro/es/ele-pro-table/types'; import Search from './components/search.vue'; -import WebsiteEdit from './components/websiteEdit.vue'; +import WebsiteEdit from './components/cmsMpEdit.vue'; import Qrcode from '@/components/QrCode/index.vue'; import { pageCmsMp,