From 8bb7b600553e10a84e19d987c2b86e2837f6b2cc Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Wed, 23 Oct 2024 10:56:02 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/pages/manage.vue              |  2 +-
 .../assets/js/pages/manage/approve/details.vue    |  5 ++++-
 .../assets/js/pages/manage/approve/index.vue      |  4 ++--
 .../js/pages/manage/components/ApproveExport.vue  |  8 +++++++-
 .../pages/manage/components/ChatInput/index.vue   |  8 ++++----
 .../js/pages/manage/components/CheckinExport.vue  |  7 ++++++-
 .../pages/manage/components/DialogGroupInfo.vue   |  4 ++--
 .../js/pages/manage/components/DialogWrapper.vue  | 11 +++++++----
 .../js/pages/manage/components/MeetingManager.vue |  6 +++---
 .../js/pages/manage/components/ProjectPanel.vue   | 12 ++++++++----
 .../pages/manage/components/ProjectWorkflow.vue   |  4 ++--
 .../js/pages/manage/components/ReportEdit.vue     |  7 ++++---
 .../assets/js/pages/manage/components/TaskAdd.vue |  4 ++--
 .../js/pages/manage/components/TaskExport.vue     |  7 ++++++-
 .../js/pages/manage/components/TeamManagement.vue | 14 +++++++++-----
 .../manage/setting/components/SystemAppPush.vue   | 15 ++++++++++++++-
 .../setting/components/SystemEmailSetting.vue     | 15 ++++++++++++++-
 .../setting/components/SystemThirdAccess.vue      | 15 ++++++++++++++-
 resources/assets/js/store/markdown.js             |  2 +-
 19 files changed, 110 insertions(+), 40 deletions(-)

diff --git a/resources/assets/js/pages/manage.vue b/resources/assets/js/pages/manage.vue
index 75e6299c6..efeacdc2c 100644
--- a/resources/assets/js/pages/manage.vue
+++ b/resources/assets/js/pages/manage.vue
@@ -256,7 +256,7 @@
             v-model="createGroupShow"
             :title="$L('创建群组')"
             :mask-closable="false">
-            <Form :model="createGroupData" label-width="auto" @submit.native.prevent>
+            <Form :model="createGroupData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth"  @submit.native.prevent>
                 <FormItem prop="avatar" :label="$L('群头像')">
                     <ImgUpload v-model="createGroupData.avatar" :num="1" :width="512" :height="512" :whcut="1"/>
                 </FormItem>
diff --git a/resources/assets/js/pages/manage/approve/details.vue b/resources/assets/js/pages/manage/approve/details.vue
index 205211f67..e8654cfae 100644
--- a/resources/assets/js/pages/manage/approve/details.vue
+++ b/resources/assets/js/pages/manage/approve/details.vue
@@ -188,7 +188,7 @@
 
         <!--评论-->
         <Modal v-model="commentShow" :title="$L('评论')" :mask-closable="false" class="page-approve-initiate">
-            <Form ref="initiateRef" :model="commentData" :rules="commentRule" label-width="auto" @submit.native.prevent>
+            <Form ref="initiateRef" :model="commentData" :rules="commentRule" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <FormItem prop="content" :label="$L('内容')">
                     <Input type="textarea" v-model="commentData.content"></Input>
                 </FormItem>
@@ -207,6 +207,7 @@
 <script>
 import ImgView from "../../../components/ImgView";
 import ImgUpload from "../../../components/ImgUpload";
+import {mapState} from "vuex";
 
 export default {
     name: "ApproveDetails",
@@ -254,6 +255,8 @@ export default {
         },
     },
     computed: {
+        ...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
+
         isShowAgreeBtn() {
             return (this.datas.candidate || '').split(',').indexOf(this.userId + '') != -1 && !this.datas.is_finished
         },
diff --git a/resources/assets/js/pages/manage/approve/index.vue b/resources/assets/js/pages/manage/approve/index.vue
index 55f7fca2b..1661d7e13 100644
--- a/resources/assets/js/pages/manage/approve/index.vue
+++ b/resources/assets/js/pages/manage/approve/index.vue
@@ -172,7 +172,7 @@
 
         <!--发起-->
         <Modal v-model="addShow" :title="$L(addTitle)" :mask-closable="false" class="page-approve-initiate">
-            <Form ref="initiateRef" :model="addData" :rules="addRule" label-width="auto" @submit.native.prevent>
+            <Form ref="initiateRef" :model="addData" :rules="addRule" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <FormItem v-if="departmentList.length>1" prop="department_id" :label="$L('选择部门')">
                     <Select v-model="addData.department_id" :placeholder="$L('请选择部门')">
                         <Option v-for="(item, index) in departmentList" :value="item.id" :key="index">{{ item.name }}</Option>
@@ -341,7 +341,7 @@ export default {
         }
     },
     computed: {
-        ...mapState(['wsMsg', 'userInfo', 'userIsAdmin', 'windowWidth']),
+        ...mapState(['wsMsg', 'userInfo', 'userIsAdmin', 'windowWidth', 'formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
         departmentList() {
             let departmentNames = (this.userInfo.department_name || '').split(',');
             return (this.userInfo.department || []).map((h, index) => {
diff --git a/resources/assets/js/pages/manage/components/ApproveExport.vue b/resources/assets/js/pages/manage/components/ApproveExport.vue
index 483cde65e..b96fe8611 100644
--- a/resources/assets/js/pages/manage/components/ApproveExport.vue
+++ b/resources/assets/js/pages/manage/components/ApproveExport.vue
@@ -3,7 +3,7 @@
         v-model="show"
         :title="$L('导出审批数据')"
         :mask-closable="false">
-        <Form ref="exportTask" :model="formData" label-width="auto" @submit.native.prevent>
+        <Form ref="exportTask" :model="formData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
             <FormItem :label="$L('审批类型')">
                 <Select v-model="formData.proc_def_name" @on-open-change="getProcName" :placeholder="$L('请选择类型')">
                     <Option v-for="(item, key) in procList" :value="item.name" :key="key" >{{ $L(item.name) }}</Option>
@@ -53,6 +53,8 @@
 }
 </style>
 <script>
+import {mapState} from "vuex";
+
 export default {
     name: "ApproveExport",
     props: {
@@ -83,6 +85,10 @@ export default {
         }
     },
 
+    computed: {
+        ...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
+    },
+
     methods: {
         dateShortcuts(act) {
             if (act === 'prev') {
diff --git a/resources/assets/js/pages/manage/components/ChatInput/index.vue b/resources/assets/js/pages/manage/components/ChatInput/index.vue
index 488a7ad0f..8f7752935 100755
--- a/resources/assets/js/pages/manage/components/ChatInput/index.vue
+++ b/resources/assets/js/pages/manage/components/ChatInput/index.vue
@@ -1425,7 +1425,7 @@ export default {
                     this.mentionMode = "user-mention";
                     const atCallback = (list) => {
                         this.getMoreUser(searchTerm, list.map(item => item.id)).then(moreUser => {
-                            // 会话以外成员 排序 -> 前5名为最近联系的人
+                            // 群外成员 排序 -> 前5名为最近联系的人
                             let cacheDialogs = this.cacheDialogs.filter((h, index) => h.type == "user" && h.bot == 0 && h.last_at)
                             cacheDialogs.sort((a, b) => a.last_at > b.last_at ? -1 : (a.last_at < b.last_at ? 1 : 0));
                             cacheDialogs = cacheDialogs.filter((h, index) => index < 5)
@@ -1449,10 +1449,10 @@ export default {
                                     })
                                 }
                                 this.userCache.push(...[{
-                                    label: [{id: 0, value: this.$L('会话内成员'), disabled: true}],
+                                    label: [{id: 0, value: this.$L('群内成员'), disabled: true}],
                                     list,
                                 }, {
-                                    label: [{id: 0, value: this.$L('会话以外成员'), disabled: true}],
+                                    label: [{id: 0, value: this.$L('群外成员'), disabled: true}],
                                     list: moreUser,
                                 }])
                             } else {
@@ -1461,7 +1461,7 @@ export default {
                                         label: null,
                                         list: [{id: 0, value: this.$L('所有人.All'), tip: ''}]
                                     }, {
-                                        label: [{id: 0, value: this.$L('会话内成员'), disabled: true}],
+                                        label: [{id: 0, value: this.$L('群成员'), disabled: true}],
                                         list,
                                     }])
                                 } else {
diff --git a/resources/assets/js/pages/manage/components/CheckinExport.vue b/resources/assets/js/pages/manage/components/CheckinExport.vue
index 2f306f7a4..3f88b6477 100644
--- a/resources/assets/js/pages/manage/components/CheckinExport.vue
+++ b/resources/assets/js/pages/manage/components/CheckinExport.vue
@@ -3,7 +3,7 @@
         v-model="show"
         :title="$L('导出签到数据')"
         :mask-closable="false">
-        <Form ref="export" :model="formData" label-width="auto" @submit.native.prevent>
+        <Form ref="export" :model="formData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
             <FormItem :label="$L('导出成员')">
                 <UserSelect v-model="formData.userid" :multiple-max="100" avatar-name show-disable :title="$L('请选择成员')"/>
                 <div class="form-tip">{{$L('每次最多选择导出100个成员')}}</div>
@@ -61,6 +61,7 @@
 </style>
 <script>
 import UserSelect from "../../../components/UserSelect.vue";
+import {mapState} from "vuex";
 export default {
     name: "CheckinExport",
     components: {UserSelect},
@@ -91,6 +92,10 @@ export default {
         }
     },
 
+    computed: {
+        ...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
+    },
+
     methods: {
         dateShortcuts(act) {
             if (act === 'prev') {
diff --git a/resources/assets/js/pages/manage/components/DialogGroupInfo.vue b/resources/assets/js/pages/manage/components/DialogGroupInfo.vue
index 067756b83..60f4d9c28 100644
--- a/resources/assets/js/pages/manage/components/DialogGroupInfo.vue
+++ b/resources/assets/js/pages/manage/components/DialogGroupInfo.vue
@@ -39,7 +39,7 @@
             v-model="addShow"
             :title="$L('添加群成员')"
             :mask-closable="false">
-            <Form :model="addData" label-width="auto" @submit.native.prevent>
+            <Form :model="addData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <FormItem prop="userids" :label="$L('新增成员')">
                     <UserSelect v-model="addData.userids" :disabledChoice="addData.disabledChoice" :multiple-max="100" show-bot :title="$L('选择成员')"/>
                     <div v-if="dialogData.group_type === 'department'" class="form-tip">{{$L('此操作仅加入群成员并不会加入部门')}}</div>
@@ -86,7 +86,7 @@ export default {
     },
 
     computed: {
-        ...mapState(['cacheDialogs', 'cacheUserBasic', 'userIsAdmin']),
+        ...mapState(['cacheDialogs', 'cacheUserBasic', 'userIsAdmin', 'formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
 
         dialogData() {
             return this.cacheDialogs.find(({id}) => id == this.dialogId) || {};
diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue
index 73d0100b5..64727d4de 100644
--- a/resources/assets/js/pages/manage/components/DialogWrapper.vue
+++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue
@@ -401,7 +401,7 @@
             v-model="modifyShow"
             :title="$L('修改资料')"
             :mask-closable="false">
-            <Form :model="modifyData" label-width="auto" @submit.native.prevent>
+            <Form :model="modifyData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <Alert v-if="modifyData.system_name" type="error" style="margin-bottom:18px">{{$L(`正在修改系统机器人：${modifyData.system_name}`)}}</Alert>
                 <FormItem prop="avatar" :label="$L('头像')">
                     <ImgUpload v-model="modifyData.avatar" :num="1" :width="512" :height="512" :whcut="1"/>
@@ -515,7 +515,7 @@
             v-model="todoSettingShow"
             :title="$L('设置待办')"
             :mask-closable="false">
-            <Form ref="todoSettingForm" :model="todoSettingData" label-width="auto" @submit.native.prevent>
+            <Form ref="todoSettingForm" :model="todoSettingData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <FormItem prop="type" :label="$L('当前会话')">
                     <RadioGroup v-model="todoSettingData.type" @on-change="onTypeChange">
                         <Radio label="all">{{$L('所有成员')}}</Radio>
@@ -573,7 +573,7 @@
             v-model="groupTransferShow"
             :title="$L('转让群主身份')"
             :mask-closable="false">
-            <Form :model="groupTransferData" label-width="auto" @submit.native.prevent>
+            <Form :model="groupTransferData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <FormItem prop="userid" :label="$L('新的群主')">
                     <UserSelect v-model="groupTransferData.userid" :disabledChoice="groupTransferData.disabledChoice" :multiple-max="1" :title="$L('选择新的群主')"/>
                 </FormItem>
@@ -885,7 +885,10 @@ export default {
             'readTimeout',
             'keyboardType',
             'keyboardHeight',
-            'safeAreaBottom'
+            'safeAreaBottom',
+            'formLabelPosition',
+            'formLabelWidth',
+            'formLabelClassName'
         ]),
 
         ...mapGetters(['isLoad']),
diff --git a/resources/assets/js/pages/manage/components/MeetingManager.vue b/resources/assets/js/pages/manage/components/MeetingManager.vue
index 4857171a9..e6b6b0d86 100644
--- a/resources/assets/js/pages/manage/components/MeetingManager.vue
+++ b/resources/assets/js/pages/manage/components/MeetingManager.vue
@@ -6,7 +6,7 @@
             :title="$L(addData.type === 'join' ? '加入会议' : '新会议')"
             :mask-closable="false"
             :closable="!addData.sharekey">
-            <Form ref="addForm" :model="addData" :rules="addRule" label-width="auto" @submit.native.prevent>
+            <Form ref="addForm" :model="addData" :rules="addRule" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <template v-if="addData.type === 'join'">
                     <!-- 加入会议 -->
                     <FormItem v-if="addData.name" prop="userids" :label="$L('会议主题')">
@@ -108,7 +108,7 @@
             v-model="invitationShow"
             :title="$L('邀请加入')"
             :mask-closable="false">
-            <Form ref="invitationForm" :model="invitationData" label-width="auto" @submit.native.prevent>
+            <Form ref="invitationForm" :model="invitationData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <FormItem prop="userids" :label="$L('邀请成员')">
                     <UserSelect v-model="invitationData.userids" :multiple-max="20" :title="$L('选择邀请成员')"/>
                 </FormItem>
@@ -179,7 +179,7 @@ export default {
     },
 
     computed: {
-        ...mapState(['meetingWindow']),
+        ...mapState(['meetingWindow', 'formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
     },
 
     mounted() {
diff --git a/resources/assets/js/pages/manage/components/ProjectPanel.vue b/resources/assets/js/pages/manage/components/ProjectPanel.vue
index 86122f098..28ce18385 100644
--- a/resources/assets/js/pages/manage/components/ProjectPanel.vue
+++ b/resources/assets/js/pages/manage/components/ProjectPanel.vue
@@ -331,7 +331,7 @@
             v-model="settingShow"
             :title="$L('项目设置')"
             :mask-closable="false">
-            <Form :model="settingData" label-width="auto" @submit.native.prevent>
+            <Form :model="settingData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <FormItem prop="name" :label="$L('项目名称')">
                     <Input ref="projectName" type="text" v-model="settingData.name" :maxlength="32" :placeholder="$L('必填')"></Input>
                 </FormItem>
@@ -358,7 +358,7 @@
             v-model="userShow"
             :title="$L('成员管理')"
             :mask-closable="false">
-            <Form :model="userData" label-width="auto" @submit.native.prevent>
+            <Form :model="userData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <FormItem prop="userids" :label="$L('项目成员')">
                     <UserSelect v-model="userData.userids" :uncancelable="userData.uncancelable" :multiple-max="100" :title="$L('选择项目成员')"/>
                 </FormItem>
@@ -395,7 +395,7 @@
             v-model="inviteShow"
             :title="$L('邀请链接')"
             :mask-closable="false">
-            <Form :model="inviteData" label-width="auto" @submit.native.prevent>
+            <Form :model="inviteData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <FormItem :label="$L('链接地址')">
                     <Input ref="inviteInput" v-model="inviteData.url" type="textarea" :rows="3" @on-focus="inviteFocus" readonly/>
                     <div class="form-tip">
@@ -426,7 +426,7 @@
             v-model="transferShow"
             :title="$L('移交项目')"
             :mask-closable="false">
-            <Form :model="transferData" label-width="auto" @submit.native.prevent>
+            <Form :model="transferData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <FormItem prop="owner_userid" :label="$L('新项目负责人')">
                     <UserSelect v-model="transferData.owner_userid" :multiple-max="1" :title="$L('选择项目负责人')"/>
                 </FormItem>
@@ -575,6 +575,10 @@ export default {
             'taskCompleteTemps',
 
             'cacheUserBasic',
+
+            'formLabelPosition',
+            'formLabelWidth',
+            'formLabelClassName',
         ]),
 
         ...mapGetters(['projectData', 'transforTasks']),
diff --git a/resources/assets/js/pages/manage/components/ProjectWorkflow.vue b/resources/assets/js/pages/manage/components/ProjectWorkflow.vue
index 808c1d283..2705b2a8d 100644
--- a/resources/assets/js/pages/manage/components/ProjectWorkflow.vue
+++ b/resources/assets/js/pages/manage/components/ProjectWorkflow.vue
@@ -155,7 +155,7 @@
             }"
             :title="`${$L('状态设置')} (${settingData.name})`"
             :mask-closable="false">
-            <Form :model="settingData" label-width="auto" @submit.native.prevent>
+            <Form :model="settingData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <div class="workflow-setting-box">
                     <h3>{{ $L('状态负责人') }}</h3>
                     <div class="form-box">
@@ -233,7 +233,7 @@ export default {
     },
 
     computed: {
-        ...mapState(['cacheColumns']),
+        ...mapState(['cacheColumns', 'formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
 
         columnList({projectId, cacheColumns}) {
             return cacheColumns.filter(({project_id}) => {
diff --git a/resources/assets/js/pages/manage/components/ReportEdit.vue b/resources/assets/js/pages/manage/components/ReportEdit.vue
index b45fe4d2d..9ab86f325 100644
--- a/resources/assets/js/pages/manage/components/ReportEdit.vue
+++ b/resources/assets/js/pages/manage/components/ReportEdit.vue
@@ -1,5 +1,5 @@
 <template>
-    <Form class="report-edit" label-width="auto" @submit.native.prevent>
+    <Form class="report-edit" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
         <FormItem :label="$L('汇报类型')">
             <RadioGroup
                 type="button"
@@ -49,6 +49,7 @@
 
 <script>
 import UserSelect from "../../../components/UserSelect.vue";
+import {mapState} from "vuex";
 
 const TEditor = () => import('../../../components/TEditor');
 export default {
@@ -95,8 +96,8 @@ export default {
             immediate: true
         },
     },
-    mounted() {
-        //
+    computed: {
+        ...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
     },
     methods: {
         handleSubmit() {
diff --git a/resources/assets/js/pages/manage/components/TaskAdd.vue b/resources/assets/js/pages/manage/components/TaskAdd.vue
index d7ce55287..6efaca18b 100644
--- a/resources/assets/js/pages/manage/components/TaskAdd.vue
+++ b/resources/assets/js/pages/manage/components/TaskAdd.vue
@@ -62,7 +62,7 @@
             </div>
         </div>
 
-        <Form v-if="advanced" class="task-add-advanced" label-width="auto" @submit.native.prevent>
+        <Form v-if="advanced" class="task-add-advanced" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
             <FormItem :label="$L('计划时间')">
                 <DatePicker
                     v-model="addData.times"
@@ -285,7 +285,7 @@ export default {
     },
 
     computed: {
-        ...mapState(['cacheProjects', 'projectId', 'cacheColumns', 'taskPriority']),
+        ...mapState(['cacheProjects', 'projectId', 'cacheColumns', 'taskPriority', 'formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
 
         taskDays() {
             const {times} = this.addData;
diff --git a/resources/assets/js/pages/manage/components/TaskExport.vue b/resources/assets/js/pages/manage/components/TaskExport.vue
index 6204fe563..598f98c55 100644
--- a/resources/assets/js/pages/manage/components/TaskExport.vue
+++ b/resources/assets/js/pages/manage/components/TaskExport.vue
@@ -3,7 +3,7 @@
         v-model="show"
         :title="$L('导出任务统计')"
         :mask-closable="false">
-        <Form ref="exportTask" :model="formData" label-width="auto" @submit.native.prevent>
+        <Form ref="exportTask" :model="formData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth"  @submit.native.prevent>
             <FormItem :label="$L('导出成员')">
                 <UserSelect v-model="formData.userid" :multiple-max="100" avatar-name show-disable :title="$L('请选择成员')"/>
                 <div class="form-tip">{{$L('每次最多选择导出100个成员')}}</div>
@@ -53,6 +53,7 @@
 </style>
 <script>
 import UserSelect from "../../../components/UserSelect.vue";
+import {mapState} from "vuex";
 export default {
     name: "TaskExport",
     components: {UserSelect},
@@ -83,6 +84,10 @@ export default {
         }
     },
 
+    computed: {
+        ...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
+    },
+
     methods: {
         dateShortcuts(act) {
             if (act === 'prev') {
diff --git a/resources/assets/js/pages/manage/components/TeamManagement.vue b/resources/assets/js/pages/manage/components/TeamManagement.vue
index 3ad105776..dfd574c4b 100644
--- a/resources/assets/js/pages/manage/components/TeamManagement.vue
+++ b/resources/assets/js/pages/manage/components/TeamManagement.vue
@@ -174,7 +174,7 @@
             v-model="departmentShow"
             :title="$L(departmentData.id > 0 ? '修改部门' : '新建部门')"
             :mask-closable="false">
-            <Form ref="addProject" :model="departmentData" label-width="auto" @submit.native.prevent>
+            <Form ref="addProject" :model="departmentData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <FormItem prop="name" :label="$L('部门名称')">
                     <Input type="text" v-model="departmentData.name" :placeholder="$L('请输入部门名称')"></Input>
                 </FormItem>
@@ -224,7 +224,7 @@
         <Modal
             v-model="checkinMacEditShow"
             :title="$L('修改签到MAC地址')">
-            <Form :model="checkinMacEditData" label-width="auto" @submit.native.prevent>
+            <Form :model="checkinMacEditData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <Alert type="error" style="margin-bottom:18px">{{$L(`正在进行帐号【ID:${checkinMacEditData.userid}, ${checkinMacEditData.nickname}】MAC地址修改。`)}}</Alert>
                 <Row class="team-department-checkin-item">
                     <Col span="12">{{$L('设备MAC地址')}}</Col>
@@ -256,7 +256,7 @@
          <Modal
             v-model="checkinFaceEditShow"
             :title="$L('修改签到人脸图片')">
-            <Form :model="checkinMacEditData" label-width="auto" @submit.native.prevent>
+            <Form :model="checkinMacEditData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <Alert type="error" style="margin-bottom:18px">{{$L(`正在进行帐号【ID:${checkinFaceEditData.userid}, ${checkinFaceEditData.nickname}】人脸图片修改。`)}}</Alert>
                 <Row class="team-department-checkin-item">
                     <Col span="24">{{$L('人脸图片')}}</Col>
@@ -278,7 +278,7 @@
         <Modal
             v-model="departmentEditShow"
             :title="$L('修改部门')">
-            <Form :model="departmentEditData" label-width="auto" @submit.native.prevent>
+            <Form :model="departmentEditData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <Alert type="error" style="margin-bottom:18px">{{$L(`正在进行帐号【ID:${departmentEditData.userid}, ${departmentEditData.nickname}】部门修改。`)}}</Alert>
                 <FormItem :label="$L('修改部门')">
                     <Select v-model="departmentEditData.department" multiple :multiple-max="10" :placeholder="$L('留空为默认部门')">
@@ -296,7 +296,7 @@
         <Modal
             v-model="disableShow"
             :title="$L('操作离职')">
-            <Form :model="disableData" label-width="auto" @submit.native.prevent>
+            <Form :model="disableData" :class="formLabelClassName" :labelPosition="formLabelPosition" :labelWidth="formLabelWidth" @submit.native.prevent>
                 <Alert type="error" style="margin-bottom:18px">{{$L(`正在进行帐号【ID:${disableData.userid}, ${disableData.nickname}】离职操作。`)}}</Alert>
                 <FormItem :label="$L('离职时间')">
                     <DatePicker
@@ -338,6 +338,7 @@
 import UserSelect from "../../../components/UserSelect.vue";
 import UserAvatarTip from "../../../components/UserAvatar/tip.vue";
 import ImgUpload from "../../../components/ImgUpload";
+import {mapState} from "vuex";
 
 export default {
     name: "TeamManagement",
@@ -901,9 +902,12 @@ export default {
         }
     },
     computed: {
+        ...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
+
         departmentParentDisabled() {
             return !!(this.departmentData.id > 0 && this.departmentList.find(({parent_id}) => parent_id == this.departmentData.id));
         },
+
         userStyle({minWidth, windowPortrait}) {
             const style = {}
             if (minWidth > 0 && windowPortrait) {
diff --git a/resources/assets/js/pages/manage/setting/components/SystemAppPush.vue b/resources/assets/js/pages/manage/setting/components/SystemAppPush.vue
index f94cb4297..579b871d8 100644
--- a/resources/assets/js/pages/manage/setting/components/SystemAppPush.vue
+++ b/resources/assets/js/pages/manage/setting/components/SystemAppPush.vue
@@ -1,6 +1,13 @@
 <template>
     <div class="setting-component-item">
-        <Form ref="formData" :model="formData" :rules="ruleData" label-width="auto" @submit.native.prevent>
+        <Form
+            ref="formData"
+            :model="formData"
+            :rules="ruleData"
+            :class="formLabelClassName"
+            :labelPosition="formLabelPosition"
+            :labelWidth="formLabelWidth"
+            @submit.native.prevent>
             <div class="block-setting-box">
                 <h3>{{ $L('友盟推送') }}</h3>
                 <div class="form-box">
@@ -37,6 +44,8 @@
 </template>
 
 <script>
+import {mapState} from "vuex";
+
 export default {
     name: "SystemAppPush",
     data() {
@@ -57,6 +66,10 @@ export default {
         this.systemSetting();
     },
 
+    computed: {
+        ...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
+    },
+
     methods: {
         submitForm() {
             this.$refs.formData.validate((valid) => {
diff --git a/resources/assets/js/pages/manage/setting/components/SystemEmailSetting.vue b/resources/assets/js/pages/manage/setting/components/SystemEmailSetting.vue
index efc7f5751..8adadc37d 100644
--- a/resources/assets/js/pages/manage/setting/components/SystemEmailSetting.vue
+++ b/resources/assets/js/pages/manage/setting/components/SystemEmailSetting.vue
@@ -1,6 +1,13 @@
 <template>
     <div class="setting-component-item">
-        <Form ref="formData" :model="formData" :rules="ruleData" label-width="auto" @submit.native.prevent>
+        <Form
+            ref="formData"
+            :model="formData"
+            :rules="ruleData"
+            :class="formLabelClassName"
+            :labelPosition="formLabelPosition"
+            :labelWidth="formLabelWidth"
+            @submit.native.prevent>
             <div class="block-setting-box">
                 <h3>{{ $L('邮箱服务器设置') }}</h3>
                 <div class="form-box">
@@ -82,6 +89,8 @@
 </template>
 
 <script>
+import {mapState} from "vuex";
+
 export default {
     name: "SystemEmailSetting",
     data() {
@@ -106,6 +115,10 @@ export default {
         this.systemSetting();
     },
 
+    computed: {
+        ...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
+    },
+
     methods: {
         submitForm() {
             this.$refs.formData.validate((valid) => {
diff --git a/resources/assets/js/pages/manage/setting/components/SystemThirdAccess.vue b/resources/assets/js/pages/manage/setting/components/SystemThirdAccess.vue
index c6fbb9c1d..1783fc5bb 100644
--- a/resources/assets/js/pages/manage/setting/components/SystemThirdAccess.vue
+++ b/resources/assets/js/pages/manage/setting/components/SystemThirdAccess.vue
@@ -1,6 +1,13 @@
 <template>
     <div class="setting-component-item">
-        <Form ref="formData" :model="formData" :rules="ruleData" label-width="auto" @submit.native.prevent>
+        <Form
+            ref="formData"
+            :model="formData"
+            :rules="ruleData"
+            :class="formLabelClassName"
+            :labelPosition="formLabelPosition"
+            :labelWidth="formLabelWidth"
+            @submit.native.prevent>
             <div class="block-setting-box">
                 <h3>LDAP</h3>
                 <div class="form-box">
@@ -50,6 +57,8 @@
 </template>
 
 <script>
+import {mapState} from "vuex";
+
 export default {
     name: "SystemThirdAccess",
     data() {
@@ -68,6 +77,10 @@ export default {
         this.systemSetting();
     },
 
+    computed: {
+        ...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
+    },
+
     methods: {
         submitForm() {
             this.$refs.formData.validate((valid) => {
diff --git a/resources/assets/js/store/markdown.js b/resources/assets/js/store/markdown.js
index 93ffd6f88..3058df8cd 100644
--- a/resources/assets/js/store/markdown.js
+++ b/resources/assets/js/store/markdown.js
@@ -19,7 +19,7 @@ const MarkdownUtils = {
         return text
     },
     highlightBlock: (str, lang = '') => {
-        return `<pre class="code-block-wrapper"><div class="code-block-header"><span class="code-block-header__lang">${lang}</span><span class="code-block-header__copy">${$A.L('复制代码')}</span></div><code class="hljs code-block-body ${lang}">${str}</code></pre>`
+        return `<pre class="code-block-wrapper"><div class="code-block-header"><span class="code-block-header__lang">${lang}</span><span class="code-block-header__copy">${$A.L('复制')}</span></div><code class="hljs code-block-body ${lang}">${str}</code></pre>`
     },
 }