perf: 优化显示

resources/assets/js/components/UserSelect.vue

@@ -346,6 +346,10 @@ export default {
                 this.upTitleWidth()
             }
         },
+
+        'selects.length'() {
+            this.upTitleWidth()
+        }
     },
     computed: {
         ...mapState([

resources/assets/js/pages/manage.vue

@@ -207,7 +207,14 @@
             v-model="addShow"
             :title="$L('新建项目')"
             :mask-closable="false">
-            <Form ref="addProject" :model="addData" :rules="addRule" label-width="auto" @submit.native.prevent>
+            <Form
+                ref="addProject"
+                :model="addData"
+                :rules="addRule"
+                :class="formLabelClassName"
+                :labelPosition="formLabelPosition"
+                :labelWidth="formLabelWidth"
+                @submit.native.prevent>
                 <FormItem prop="name" :label="$L('项目名称')">
                     <Input ref="projectName" type="text" v-model="addData.name"></Input>
                 </FormItem>
@@ -527,7 +534,11 @@ export default {
             'reportUnreadNumber',
             'approveUnreadNumber',
 
-            'okrWindow'
+            'okrWindow',
+
+            'formLabelPosition',
+            'formLabelWidth',
+            'formLabelClassName'
         ]),
 
         ...mapGetters(['dashboardTask']),

resources/assets/js/pages/manage/components/ChatInput/index.vue

@@ -1445,7 +1445,7 @@ export default {
                                 if (list.length > 2) {
                                     this.userCache.push({
                                         label: null,
-                                        list: [{id: 0, value: this.$L('所有人'), tip: this.$L('仅提示会话内成员')}]
+                                        list: [{id: 0, value: this.$L('所有人'), tip: ''}]
                                     })
                                 }
                                 this.userCache.push(...[{
@@ -1459,7 +1459,7 @@ export default {
                                 if (list.length > 2) {
                                     this.userCache.push(...[{
                                         label: null,
-                                        list: [{id: 0, value: this.$L('所有人'), tip: this.$L('提示所有成员')}]
+                                        list: [{id: 0, value: this.$L('所有人'), tip: ''}]
                                     }, {
                                         label: [{id: 0, value: this.$L('会话内成员'), disabled: true}],
                                         list,

resources/assets/js/pages/manage/components/TaskDetail.vue

@@ -481,7 +481,14 @@
                 width: '90%',
                 maxWidth: '450px'
             }">
-            <Form ref="formDelayTaskRef" :model="delayTaskForm" :rules="delayTaskRule" label-position="left" label-width="auto" @submit.native.prevent>
+            <Form
+                ref="formDelayTaskRef"
+                :model="delayTaskForm"
+                :rules="delayTaskRule"
+                :class="formLabelClassName"
+                :labelPosition="formLabelPosition.replace('right', 'left')"
+                :labelWidth="formLabelWidth"
+                @submit.native.prevent>
                 <FormItem :label="$L('延期时长')" prop="time">
                     <Input type="number" v-model="delayTaskForm.time" :placeholder="$L('请输入时长')">
                         <template #append>
@@ -691,6 +698,10 @@ export default {
             'taskPriority',
 
             'dialogId',
+
+            'formLabelPosition',
+            'formLabelWidth',
+            'formLabelClassName'
         ]),
 
         projectName() {

resources/assets/js/pages/manage/setting/components/SystemAibot.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" v-if="type=='all' || type=='ChatGPT'">
                 <h3>ChatGPT</h3>
                 <div class="form-box">
@@ -120,6 +127,8 @@
 </template>
 
 <script>
+import {mapState} from "vuex";
+
 export default {
     name: "SystemAibot",
     props: {
@@ -139,6 +148,10 @@ export default {
         this.systemSetting();
     },
 
+    computed: {
+        ...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
+    },
+
     methods: {
         submitForm() {
             this.$refs.formData.validate((valid) => {

resources/assets/js/pages/manage/setting/components/SystemCheckin.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">
@@ -117,6 +124,7 @@
 import DrawerOverlay from "../../../../components/DrawerOverlay";
 import TeamManagement from "../../components/TeamManagement";
 import CheckinExport from "../../components/CheckinExport";
+import {mapState} from "vuex";
 export default {
     name: "SystemCheckin",
     components: {CheckinExport, TeamManagement, DrawerOverlay},
@@ -142,6 +150,10 @@ export default {
         this.systemSetting();
     },
 
+    computed: {
+        ...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
+    },
+
     methods: {
         submitForm() {
             this.$refs.formData.validate((valid) => {

resources/assets/js/pages/manage/setting/components/SystemMeeting.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>AgoraIO 声网</h3>
                 <div class="form-box">
@@ -50,6 +57,8 @@
 </template>
 
 <script>
+import {mapState} from "vuex";
+
 export default {
     name: "SystemMeeting",
     data() {
@@ -68,6 +77,10 @@ export default {
         this.systemSetting();
     },
 
+    computed: {
+        ...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
+    },
+
     methods: {
         submitForm() {
             this.$refs.formData.validate((valid) => {

resources/assets/sass/pages/common.scss

@@ -842,7 +842,7 @@ body.window-portrait {
 }
 .form-label-weight-bold {
     .ivu-form-item-label {
-        font-weight: bold;
+        font-weight: 500;
     }
 }
 .confirm-popover {

resources/assets/sass/pages/components/chat-input.scss

@@ -888,6 +888,10 @@
             font-size: 12px;
             padding: 0 4px;
             line-height: 40px;
+            max-width: 100%;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
         }
     }
 }

resources/assets/sass/pages/page-apply.scss

@@ -388,6 +388,9 @@
                     @media (max-width: 510px) {
                         -webkit-line-clamp: 2;
                     }
+                    &.btn {
+                        -webkit-line-clamp: 1;
+                    }
                 }
 
                 .desc {