update: 页面新增page-container组件包裹

This commit is contained in:
JiangQiming 2023-02-22 09:50:54 +08:00
parent 58bbb1ac36
commit 383b4a897e
8 changed files with 32 additions and 71 deletions

View File

@ -1,5 +1,5 @@
<template>
<div class="page-container">
<page-container>
<a-row :gutter="24">
<a-col :span="6">
<TopCard
@ -42,7 +42,7 @@
/>
</a-col>
</a-row>
</div>
</page-container>
</template>
<script setup lang="ts">
@ -200,10 +200,7 @@ const getPlayCount = async (params: any) => {
</script>
<style lang="less" scoped>
.page-container {
padding: 24px;
.dash-board-bottom {
margin-top: 24px;
}
.dash-board-bottom {
margin-top: 24px;
}
</style>

View File

@ -1,6 +1,6 @@
<!-- 通知模板详情 -->
<template>
<div class="page-container">
<page-container>
<a-card>
<a-row :gutter="24">
<a-col :span="12">
@ -241,7 +241,7 @@
:channel="formData.channel"
@close="getProductList"
/>
</div>
</page-container>
</template>
<script setup lang="ts">
@ -392,8 +392,4 @@ const handleSubmit = () => {
<style lang="less" scoped>
@import './index.less';
.page-container {
background: #f0f2f5;
padding: 24px;
}
</style>

View File

@ -1,5 +1,5 @@
<template>
<div class="page-container">
<page-container>
<Search
:columns="columns"
target="notice-config"
@ -126,7 +126,7 @@
</a-space>
</template>
</JTable>
</div>
</page-container>
</template>
<script setup lang="ts">
@ -320,9 +320,3 @@ const getActions = (
return actions;
};
</script>
<style lang="less" scoped>
.page-container {
background: #f0f2f5;
padding: 24px;
}
</style>

View File

@ -1,5 +1,5 @@
<template>
<div class="page-container">
<page-container>
<a-row :gutter="24">
<a-col :span="14">
<BootCard
@ -21,7 +21,7 @@
/>
</a-col>
</a-row>
</div>
</page-container>
</template>
<script setup lang="ts">
@ -96,9 +96,3 @@ const deviceStepDetails: recommendList[] = [
},
];
</script>
<style lang="less" scoped>
.page-container {
padding: 24px;
}
</style>

View File

@ -1,6 +1,6 @@
<!-- 通知配置详情 -->
<template>
<div class="page-container">
<page-container>
<a-card>
<a-row>
<a-col :span="10">
@ -273,7 +273,7 @@
</a-col>
</a-row>
</a-card>
</div>
</page-container>
</template>
<script setup lang="ts">
@ -438,8 +438,9 @@ getDetail();
*/
const btnLoading = ref<boolean>(false);
const handleSubmit = () => {
const form = useForm(formData.value, formRules.value);
form.validate()
// const form = useForm(formData.value, formRules.value);
// form.
validate()
.then(async () => {
// console.log('formData.value: ', formData.value);
btnLoading.value = true;
@ -463,10 +464,3 @@ const handleSubmit = () => {
});
};
</script>
<style lang="less" scoped>
.page-container {
background: #f0f2f5;
padding: 24px;
}
</style>

View File

@ -1,5 +1,5 @@
<template>
<div class="page-container">
<page-container>
<Search
:columns="columns"
target="notice-config"
@ -166,7 +166,7 @@
<Debug v-model:visible="debugVis" :data="currentConfig" />
<Log v-model:visible="logVis" :data="currentConfig" />
<SyncUser v-model:visible="syncVis" :data="currentConfig" />
</div>
</page-container>
</template>
<script setup lang="ts">
@ -426,9 +426,3 @@ const getActions = (
}
};
</script>
<style lang="less" scoped>
.page-container {
background: #f0f2f5;
padding: 24px;
}
</style>

View File

@ -1,6 +1,6 @@
<!-- 通知模板详情 -->
<template>
<div class="page-container">
<page-container>
<a-card>
<a-row>
<a-col :span="10">
@ -169,7 +169,9 @@
(e) => handleChange(e)
"
>
<AIcon type="UploadOutlined" />
<AIcon
type="UploadOutlined"
/>
</a-upload>
</template>
</a-input>
@ -471,7 +473,7 @@
</a-col>
</a-row>
</a-card>
</div>
</page-container>
</template>
<script setup lang="ts">
@ -656,7 +658,7 @@ getConfigList();
/**
* link消息类型 图片链接
*/
const handleChange = (info: UploadChangeParam) => {
const handleChange = (info: UploadChangeParam) => {
if (info.file.status === 'done') {
formData.value.template.link.picUrl = info.file.response?.result;
}
@ -698,11 +700,14 @@ getSignsList();
const btnLoading = ref<boolean>(false);
const handleSubmit = () => {
if (formData.value.type === 'email') delete formData.value.configId;
if (formData.value.template.messageType === 'markdown') delete formData.value.template.link
if (formData.value.template.messageType === 'link') delete formData.value.template.markdown
if (formData.value.template.messageType === 'markdown')
delete formData.value.template.link;
if (formData.value.template.messageType === 'link')
delete formData.value.template.markdown;
// console.log('formData.value: ', formData.value);
const form = useForm(formData.value, formRules.value);
form.validate()
// const form = useForm(formData.value, formRules.value);
// form.
validate()
.then(async () => {
formData.value.template.ttsCode =
formData.value.template.templateCode;
@ -737,10 +742,3 @@ const handleSubmit = () => {
// );
// test
</script>
<style lang="less" scoped>
.page-container {
background: #f0f2f5;
padding: 24px;
}
</style>

View File

@ -1,5 +1,5 @@
<template>
<div class="page-container">
<page-container>
<Search
:columns="columns"
target="notice-config"
@ -152,7 +152,7 @@
<Debug v-model:visible="debugVis" :data="currentConfig" />
<Log v-model:visible="logVis" :data="currentConfig" />
</div>
</page-container>
</template>
<script setup lang="ts">
@ -383,9 +383,3 @@ const getActions = (
return actions;
};
</script>
<style lang="less" scoped>
.page-container {
background: #f0f2f5;
padding: 24px;
}
</style>