mirrors/certd
1
0
Fork 0
mirror of https://github.com/certd/certd.git synced 2025-11-25 09:10:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化任务参数配置界面在手机版下的展示效果

Browse Source
This commit is contained in:
xiaojunnuo
2025-11-07 00:44:13 +08:00
parent f83fe28a18
commit 0203aa2b6e
14 changed files with 86 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/ui/certd-client/src/components/vip-button/directive.ts
View File

@@ -1,4 +1,3 @@
import { notification } from "ant-design-vue";
import { useSettingStore } from "/@/store/settings";
export default {
@@ -7,17 +6,15 @@ export default {
const settingStore = useSettingStore();
el.className = el.className + " need-plus";
if (!settingStore.isPlus) {
function checkPlus() {
// 事件处理代码
notification.warn({
message: "此为专业版功能，请升级到专业版",
});
}
el.addEventListener("click", function (event: any) {
checkPlus();
event.stopPropagation();
event.preventDefault();
settingStore.checkPlus();
});
el.addEventListener("move", function (event: any) {
checkPlus();
event.stopPropagation();
event.preventDefault();
settingStore.checkPlus();
});
}
},

1
packages/ui/certd-client/src/locales/langs/en-US/vip.ts
View File

@@ -88,4 +88,5 @@ export default {
activation_code_one_use: "Activation code can only be used once. To change site, please ",
bind_account: "bind account",
transfer_vip: ' then "Transfer VIP"',
needVipTip: "This feature requires a professional version, please upgrade to a professional version first.",
};

1
packages/ui/certd-client/src/locales/langs/zh-CN/vip.ts
View File

@@ -88,4 +88,5 @@ export default {
activation_code_one_use: "激活码使用过一次之后，不可再次使用，如果要更换站点，请",
bind_account: "绑定账号",
transfer_vip: '，然后"转移VIP"即可',
needVipTip: "此为专业版功能，请先开通专业版",
};

10
packages/ui/certd-client/src/plugin/fast-crud/index.tsx
View File

@@ -232,15 +232,15 @@ function install(app: App, options: any = {}) {
},
wrapperCol: {
span: null,
buttons: {
copy: { show: false },
paste: { show: false },
},
},
wrapper: {
saveRemind: true,
// inner: true,
// innerContainerSelector: "main.fs-framework-content"
// innerContainerSelector: "main.fs-framework-content"，
buttons: {
copy: { show: false },
paste: { show: false },
},
},
},
columns: {

23
packages/ui/certd-client/src/store/settings/index.ts
View File

@@ -1,6 +1,5 @@
import { defineStore } from "pinia";
import { Modal, notification } from "ant-design-vue";
import * as _ from "lodash-es";
import * as basicApi from "./api.basic";
import { AppInfo, HeaderMenus, PlusInfo, SiteEnv, SiteInfo, SuiteSetting, SysInstallInfo, SysPublicSetting } from "./api.basic";
import { useUserStore } from "../user";
@@ -11,6 +10,7 @@ import { useTitle } from "@vueuse/core";
import { utils } from "/@/utils";
import { cloneDeep, merge } from "lodash-es";
import { useI18n } from "/src/locales";
import { $t } from "/src/locales";
export interface SettingState {
skipReset?: boolean; // 注销登录时，不清空此store的状态
sysPublic?: SysPublicSetting;
@@ -127,7 +127,8 @@ export const useSettingStore = defineStore({
return this.installInfo;
},
isPlus(): boolean {
return this.plusInfo?.isPlus && this.plusInfo?.expireTime > new Date().getTime();
// return this.plusInfo?.isPlus && this.plusInfo?.expireTime > new Date().getTime();
return false;
},
isComm(): boolean {
return this.plusInfo?.isComm && this.plusInfo?.expireTime > new Date().getTime();
@@ -174,19 +175,19 @@ export const useSettingStore = defineStore({
checkPlus() {
if (!this.isPlus) {
notification.warn({
message: "此为专业版功能，请先升级到专业版",
message: $t("vip.needVipTip"),
});
throw new Error("此为专业版功能，请升级到专业版");
throw new Error($t("vip.needVipTip"));
}
},
async loadSysSettings() {
const allSettings = await basicApi.loadAllSettings();
_.merge(this.sysPublic, allSettings.sysPublic || {});
_.merge(this.installInfo, allSettings.installInfo || {});
_.merge(this.siteEnv, allSettings.siteEnv || {});
_.merge(this.plusInfo, allSettings.plusInfo || {});
_.merge(this.headerMenus, allSettings.headerMenus || {});
_.merge(this.suiteSetting, allSettings.suiteSetting || {});
merge(this.sysPublic, allSettings.sysPublic || {});
merge(this.installInfo, allSettings.installInfo || {});
merge(this.siteEnv, allSettings.siteEnv || {});
merge(this.plusInfo, allSettings.plusInfo || {});
merge(this.headerMenus, allSettings.headerMenus || {});
merge(this.suiteSetting, allSettings.suiteSetting || {});
//@ts-ignore
this.initSiteInfo(allSettings.siteInfo || {});
this.initAppInfo(allSettings.app || {});
@@ -206,7 +207,7 @@ export const useSettingStore = defineStore({
siteInfo.loginLogo = `api/basic/file/download?key=${siteInfo.loginLogo}`;
}
}
this.siteInfo = _.merge({}, defaultSiteInfo, siteInfo);
this.siteInfo = merge({}, defaultSiteInfo, siteInfo);
if (this.siteInfo.logo) {
updatePreferences({

2
packages/ui/certd-client/src/style/common.less
View File

@@ -300,7 +300,7 @@ h6 {
}
.ant-drawer-content-wrapper {
max-width: 90vw;
max-width: 95vw;
}
.block-title {

6
packages/ui/certd-client/src/views/certd/history/crud.tsx
View File

@@ -84,6 +84,12 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
edit: {
show: false,
},
copy: { show: false },
view: {
async click({ row }) {
await router.push({ path: "/certd/pipeline/detail", query: { id: row.pipelineId, historyId: row.id, editMode: "false" } });
},
},
},
},
columns: {

6
packages/ui/certd-client/src/views/certd/pipeline/components/change-group.vue
View File

@@ -1,10 +1,11 @@
<template>
<fs-button icon="mdi:format-list-group" type="link" text="修改分组" @click="openGroupSelectDialog"></fs-button>
<fs-button icon="mdi:format-list-group" class="need-plus" type="link" text="修改分组" @click="openGroupSelectDialog"></fs-button>
</template>
<script setup lang="ts">
import * as api from "../api";
import { notification } from "ant-design-vue";
import { dict, useFormWrapper } from "@fast-crud/fast-crud";
import { useSettingStore } from "/@/store/settings";
const props = defineProps<{
selectedRowKeys: any[];
@@ -24,8 +25,9 @@ const pipelineGroupDictRef = dict({
label: "name",
});
const { openCrudFormDialog } = useFormWrapper();
const settingStore = useSettingStore();
async function openGroupSelectDialog() {
settingStore.checkPlus();
const crudOptions: any = {
columns: {
groupId: {

9
packages/ui/certd-client/src/views/certd/pipeline/components/change-notification.vue
View File

@@ -1,11 +1,11 @@
<template>
<fs-button icon="mdi:format-list-group" type="link" text="修改通知" @click="openFormDialog"></fs-button>
<fs-button icon="mdi:format-list-group" class="need-plus" type="link" text="修改通知" @click="openFormDialog"></fs-button>
</template>
<script setup lang="ts">
import * as api from "../api";
import { useFormWrapper } from "@fast-crud/fast-crud";
import * as api from "../api";
import { useSettingStore } from "/@/store/settings";
import NotificationSelector from "/@/views/certd/notification/notification-selector/index.vue";
import { ref } from "vue";
const props = defineProps<{
selectedRowKeys: any[];
@@ -32,8 +32,9 @@ async function batchUpdateRequest(form: any) {
}
const { openCrudFormDialog } = useFormWrapper();
const settingStore = useSettingStore();
async function openFormDialog() {
settingStore.checkPlus();
const crudOptions: any = {
columns: {
when: {

9
packages/ui/certd-client/src/views/certd/pipeline/components/change-trigger.vue
View File

@@ -1,12 +1,12 @@
<template>
<fs-button icon="mdi:format-list-group" type="link" :text="t('certd.editSchedule')" @click="openFormDialog"></fs-button>
<fs-button icon="mdi:format-list-group" class="need-plus" type="link" :text="t('certd.editSchedule')" @click="openFormDialog"></fs-button>
</template>
<script setup lang="ts">
import * as api from "../api";
import { useFormWrapper } from "@fast-crud/fast-crud";
import * as api from "../api";
import { useSettingStore } from "/@/store/settings";
import { useI18n } from "/src/locales";
const { t } = useI18n();
const props = defineProps<{
@@ -27,7 +27,10 @@ async function batchUpdateRequest(form: any) {
const { openCrudFormDialog } = useFormWrapper();
const settingStore = useSettingStore();
async function openFormDialog() {
settingStore.checkPlus();
const crudOptions: any = {
columns: {
"props.cron": {

12
packages/ui/certd-client/src/views/certd/pipeline/index.vue
View File

@@ -9,9 +9,9 @@
<span>{{ t("certd.selectedCount", { count: selectedRowKeys.length }) }}</span>
<fs-button icon="ion:trash-outline" class="color-red" type="link" :text="t('certd.batchDelete')" @click="batchDelete"></fs-button>
<fs-button icon="icon-park-outline:replay-music" class="need-plus" type="link" :text="t('certd.batchForceRerun')" @click="batchRerun"></fs-button>
<change-group class="color-green" :selected-row-keys="selectedRowKeys" @change="batchFinished"></change-group>
<change-notification class="color-green" :selected-row-keys="selectedRowKeys" @change="batchFinished"></change-notification>
<change-trigger class="color-green" :selected-row-keys="selectedRowKeys" @change="batchFinished"></change-trigger>
<change-group :selected-row-keys="selectedRowKeys" @change="batchFinished"></change-group>
<change-notification :selected-row-keys="selectedRowKeys" @change="batchFinished"></change-notification>
<change-trigger :selected-row-keys="selectedRowKeys" @change="batchFinished"></change-trigger>
</div>
</div>
<template #actionbar-right> </template>
@@ -34,6 +34,7 @@ import { useI18n } from "/src/locales";
const { t } = useI18n();
import ChangeNotification from "/@/views/certd/pipeline/components/change-notification.vue";
import { useSettingStore } from "/@/store/settings";
defineOptions({
name: "PipelineManager",
@@ -61,8 +62,10 @@ onActivated(async () => {
await crudExpose.doRefresh();
});
const settingStore = useSettingStore();
function batchFinished() {
crudExpose.doRefresh();
if (settingStore) crudExpose.doRefresh();
selectedRowKeys.value = [];
}
function batchDelete() {
@@ -79,6 +82,7 @@ function batchDelete() {
}
function batchRerun() {
settingStore.checkPlus();
Modal.confirm({
title: "确认强制重新运行吗",
content: "确定要强制重新运行选中流水线吗？(20条一批执行)",

7
packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/step-form/index.vue
View File

@@ -24,7 +24,7 @@
</a-col>
</a-row>
</template>
<div class="flex-col h-100 w-100 overflow-hidden">
<div class="flex-col h-100 overflow-hidden md:ml-5 md:mr-5 step-form-body">
<a-tabs v-model:active-key="pluginGroupActive" tab-position="left" class="flex-1 overflow-hidden">
<template v-for="group of computedPluginGroups" :key="group.key">
<a-tab-pane v-if="(group.key === 'admin' && userStore.isAdmin) || group.key !== 'admin'" :key="group.key" class="scroll-y">
@@ -464,12 +464,9 @@ defineExpose({
.step-form-drawer {
max-width: 100%;
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
padding: 8px 10px;
}
.ant-tabs-nav .ant-tabs-tab {
margin-top: 10px !important;
padding: 8px 14px !important;
}
&.fullscreen {

25
packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/task-form/index.vue
View File

@@ -9,8 +9,8 @@
</div>
</template>
<template v-if="currentTask">
<pi-container>
<a-form ref="taskFormRef" class="task-form" :model="currentTask" :label-col="labelCol" :wrapper-col="wrapperCol">
<pi-container class="task-form-container">
<a-form ref="taskFormRef" class="task-form md:ml-20 md:mr-20" :model="currentTask" :label-col="labelCol" :wrapper-col="wrapperCol">
<fs-form-item
v-model="currentTask.title"
:item="{
@@ -258,8 +258,8 @@ export default {
return {
userStore,
settingStore,
labelCol: { span: 6 },
wrapperCol: { span: 16 },
labelCol: { span: 4 },
wrapperCol: { span: 20 },
...useTaskForm(),
...useStep(),
};
@@ -269,8 +269,18 @@ export default {
<style lang="less">
.pi-task-form {
.task-form-container {
.body {
.task-form {
.ant-form-item-label {
text-align: left !important ;
}
}
}
}
.steps {
margin: 0 50px 0 50px;
margin: 0;
}
.ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-title {
margin: 0;
@@ -283,7 +293,6 @@ export default {
}
}
.step-list {
padding: 10px;
.icon-button {
font-size: 18px;
color: #1677ff;
@@ -291,7 +300,7 @@ export default {
}
.step-row {
padding: 10px;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
@@ -306,7 +315,7 @@ export default {
display: flex;
align-items: center;
> * {
margin-right: 15px;
margin-right: 10px;
font-size: 14px;
}
}

24
pnpm-lock.yaml generated
View File

@@ -789,19 +789,19 @@ importers:
packages/pro/commercial-core:
dependencies:
'@certd/basic':
specifier: ^1.37.2
specifier: ^1.37.4
version: link:../../core/basic
'@certd/lib-server':
specifier: ^1.37.2
specifier: ^1.37.4
version: link:../../libs/lib-server
'@certd/pipeline':
specifier: ^1.37.2
specifier: ^1.37.4
version: link:../../core/pipeline
'@certd/plugin-plus':
specifier: ^1.37.2
specifier: ^1.37.4
version: link:../plugin-plus
'@certd/plus-core':
specifier: ^1.37.2
specifier: ^1.37.4
version: link:../plus-core
'@midwayjs/core':
specifier: 3.20.11
@@ -886,22 +886,22 @@ importers:
specifier: ^1.0.2
version: 1.0.3
'@certd/basic':
specifier: ^1.37.2
specifier: ^1.37.4
version: link:../../core/basic
'@certd/lib-k8s':
specifier: ^1.37.2
specifier: ^1.37.4
version: link:../../libs/lib-k8s
'@certd/pipeline':
specifier: ^1.37.2
specifier: ^1.37.4
version: link:../../core/pipeline
'@certd/plugin-cert':
specifier: ^1.37.2
specifier: ^1.37.4
version: link:../../plugins/plugin-cert
'@certd/plugin-lib':
specifier: ^1.37.2
specifier: ^1.37.4
version: link:../../plugins/plugin-lib
'@certd/plus-core':
specifier: ^1.37.2
specifier: ^1.37.4
version: link:../plus-core
ali-oss:
specifier: ^6.21.0
@@ -1004,7 +1004,7 @@ importers:
packages/pro/plus-core:
dependencies:
'@certd/basic':
specifier: ^1.37.2
specifier: ^1.37.4
version: link:../../core/basic
dayjs:
specifier: ^1.11.7