github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-12 03:01:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化显示

Browse Source
This commit is contained in:
kuaifan 2024-10-23 10:56:02 +08:00
parent 190211a467
commit 8bb7b60055
19 changed files with 110 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/assets/js/pages/manage.vue
View File

@ -256,7 +256,7 @@
v-model="createGroupShow" v-model="createGroupShow"
:title="$L('创建群组')" :title="$L('创建群组')"
:mask-closable="false"> :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('群头像')"> <FormItem prop="avatar" :label="$L('群头像')">
<ImgUpload v-model="createGroupData.avatar" :num="1" :width="512" :height="512" :whcut="1"/> <ImgUpload v-model="createGroupData.avatar" :num="1" :width="512" :height="512" :whcut="1"/>
</FormItem> </FormItem>

5
resources/assets/js/pages/manage/approve/details.vue
View File

@ -188,7 +188,7 @@
<!--评论--> <!--评论-->
<Modal v-model="commentShow" :title="$L('评论')" :mask-closable="false" class="page-approve-initiate"> <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('内容')"> <FormItem prop="content" :label="$L('内容')">
<Input type="textarea" v-model="commentData.content"></Input> <Input type="textarea" v-model="commentData.content"></Input>
</FormItem> </FormItem>
@ -207,6 +207,7 @@
<script> <script>
import ImgView from "../../../components/ImgView"; import ImgView from "../../../components/ImgView";
import ImgUpload from "../../../components/ImgUpload"; import ImgUpload from "../../../components/ImgUpload";
import {mapState} from "vuex";
export default { export default {
name: "ApproveDetails", name: "ApproveDetails",
@ -254,6 +255,8 @@ export default {
}, },
}, },
computed: { computed: {
...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
isShowAgreeBtn() { isShowAgreeBtn() {
return (this.datas.candidate || '').split(',').indexOf(this.userId + '') != -1 && !this.datas.is_finished return (this.datas.candidate || '').split(',').indexOf(this.userId + '') != -1 && !this.datas.is_finished
}, },

4
resources/assets/js/pages/manage/approve/index.vue
View File

@ -172,7 +172,7 @@
<!--发起--> <!--发起-->
<Modal v-model="addShow" :title="$L(addTitle)" :mask-closable="false" class="page-approve-initiate"> <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('选择部门')"> <FormItem v-if="departmentList.length>1" prop="department_id" :label="$L('选择部门')">
<Select v-model="addData.department_id" :placeholder="$L('请选择部门')"> <Select v-model="addData.department_id" :placeholder="$L('请选择部门')">
<Option v-for="(item, index) in departmentList" :value="item.id" :key="index">{{ item.name }}</Option> <Option v-for="(item, index) in departmentList" :value="item.id" :key="index">{{ item.name }}</Option>
@ -341,7 +341,7 @@ export default {
} }
}, },
computed: { computed: {
...mapState(['wsMsg', 'userInfo', 'userIsAdmin', 'windowWidth']), ...mapState(['wsMsg', 'userInfo', 'userIsAdmin', 'windowWidth', 'formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
departmentList() { departmentList() {
let departmentNames = (this.userInfo.department_name || '').split(','); let departmentNames = (this.userInfo.department_name || '').split(',');
return (this.userInfo.department || []).map((h, index) => { return (this.userInfo.department || []).map((h, index) => {

8
resources/assets/js/pages/manage/components/ApproveExport.vue
View File

@ -3,7 +3,7 @@
v-model="show" v-model="show"
:title="$L('导出审批数据')" :title="$L('导出审批数据')"
:mask-closable="false"> :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('审批类型')"> <FormItem :label="$L('审批类型')">
<Select v-model="formData.proc_def_name" @on-open-change="getProcName" :placeholder="$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> <Option v-for="(item, key) in procList" :value="item.name" :key="key" >{{ $L(item.name) }}</Option>
@ -53,6 +53,8 @@
} }
</style> </style>
<script> <script>
import {mapState} from "vuex";
export default { export default {
name: "ApproveExport", name: "ApproveExport",
props: { props: {
@ -83,6 +85,10 @@ export default {
} }
}, },
computed: {
...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
},
methods: { methods: {
dateShortcuts(act) { dateShortcuts(act) {
if (act === 'prev') { if (act === 'prev') {

8
resources/assets/js/pages/manage/components/ChatInput/index.vue
View File

@ -1425,7 +1425,7 @@ export default {
this.mentionMode = "user-mention"; this.mentionMode = "user-mention";
const atCallback = (list) => { const atCallback = (list) => {
this.getMoreUser(searchTerm, list.map(item => item.id)).then(moreUser => { 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) 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.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) cacheDialogs = cacheDialogs.filter((h, index) => index < 5)
@ -1449,10 +1449,10 @@ export default {
}) })
} }
this.userCache.push(...[{ this.userCache.push(...[{
label: [{id: 0, value: this.$L('会话内成员'), disabled: true}], label: [{id: 0, value: this.$L('群内成员'), disabled: true}],
list, list,
}, { }, {
label: [{id: 0, value: this.$L('会话以外成员'), disabled: true}], label: [{id: 0, value: this.$L('群外成员'), disabled: true}],
list: moreUser, list: moreUser,
}]) }])
} else { } else {
@ -1461,7 +1461,7 @@ export default {
label: null, label: null,
list: [{id: 0, value: this.$L('所有人.All'), tip: ''}] 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, list,
}]) }])
} else { } else {

7
resources/assets/js/pages/manage/components/CheckinExport.vue
View File

@ -3,7 +3,7 @@
v-model="show" v-model="show"
:title="$L('导出签到数据')" :title="$L('导出签到数据')"
:mask-closable="false"> :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('导出成员')"> <FormItem :label="$L('导出成员')">
<UserSelect v-model="formData.userid" :multiple-max="100" avatar-name show-disable :title="$L('请选择成员')"/> <UserSelect v-model="formData.userid" :multiple-max="100" avatar-name show-disable :title="$L('请选择成员')"/>
<div class="form-tip">{{$L('每次最多选择导出100个成员')}}</div> <div class="form-tip">{{$L('每次最多选择导出100个成员')}}</div>
@ -61,6 +61,7 @@
</style> </style>
<script> <script>
import UserSelect from "../../../components/UserSelect.vue"; import UserSelect from "../../../components/UserSelect.vue";
import {mapState} from "vuex";
export default { export default {
name: "CheckinExport", name: "CheckinExport",
components: {UserSelect}, components: {UserSelect},
@ -91,6 +92,10 @@ export default {
} }
}, },
computed: {
...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
},
methods: { methods: {
dateShortcuts(act) { dateShortcuts(act) {
if (act === 'prev') { if (act === 'prev') {

4
resources/assets/js/pages/manage/components/DialogGroupInfo.vue
View File

@ -39,7 +39,7 @@
v-model="addShow" v-model="addShow"
:title="$L('添加群成员')" :title="$L('添加群成员')"
:mask-closable="false"> :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('新增成员')"> <FormItem prop="userids" :label="$L('新增成员')">
<UserSelect v-model="addData.userids" :disabledChoice="addData.disabledChoice" :multiple-max="100" show-bot :title="$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> <div v-if="dialogData.group_type === 'department'" class="form-tip">{{$L('此操作仅加入群成员并不会加入部门')}}</div>
@ -86,7 +86,7 @@ export default {
}, },
computed: { computed: {
...mapState(['cacheDialogs', 'cacheUserBasic', 'userIsAdmin']), ...mapState(['cacheDialogs', 'cacheUserBasic', 'userIsAdmin', 'formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
dialogData() { dialogData() {
return this.cacheDialogs.find(({id}) => id == this.dialogId) || {}; return this.cacheDialogs.find(({id}) => id == this.dialogId) || {};

11
resources/assets/js/pages/manage/components/DialogWrapper.vue
View File

@ -401,7 +401,7 @@
v-model="modifyShow" v-model="modifyShow"
:title="$L('修改资料')" :title="$L('修改资料')"
:mask-closable="false"> :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> <Alert v-if="modifyData.system_name" type="error" style="margin-bottom:18px">{{$L(`正在修改系统机器人：${modifyData.system_name}`)}}</Alert>
<FormItem prop="avatar" :label="$L('头像')"> <FormItem prop="avatar" :label="$L('头像')">
<ImgUpload v-model="modifyData.avatar" :num="1" :width="512" :height="512" :whcut="1"/> <ImgUpload v-model="modifyData.avatar" :num="1" :width="512" :height="512" :whcut="1"/>
@ -515,7 +515,7 @@
v-model="todoSettingShow" v-model="todoSettingShow"
:title="$L('设置待办')" :title="$L('设置待办')"
:mask-closable="false"> :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('当前会话')"> <FormItem prop="type" :label="$L('当前会话')">
<RadioGroup v-model="todoSettingData.type" @on-change="onTypeChange"> <RadioGroup v-model="todoSettingData.type" @on-change="onTypeChange">
<Radio label="all">{{$L('所有成员')}}</Radio> <Radio label="all">{{$L('所有成员')}}</Radio>
@ -573,7 +573,7 @@
v-model="groupTransferShow" v-model="groupTransferShow"
:title="$L('转让群主身份')" :title="$L('转让群主身份')"
:mask-closable="false"> :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('新的群主')"> <FormItem prop="userid" :label="$L('新的群主')">
<UserSelect v-model="groupTransferData.userid" :disabledChoice="groupTransferData.disabledChoice" :multiple-max="1" :title="$L('选择新的群主')"/> <UserSelect v-model="groupTransferData.userid" :disabledChoice="groupTransferData.disabledChoice" :multiple-max="1" :title="$L('选择新的群主')"/>
</FormItem> </FormItem>
@ -885,7 +885,10 @@ export default {
'readTimeout', 'readTimeout',
'keyboardType', 'keyboardType',
'keyboardHeight', 'keyboardHeight',
'safeAreaBottom' 'safeAreaBottom',
'formLabelPosition',
'formLabelWidth',
'formLabelClassName'
]), ]),
...mapGetters(['isLoad']), ...mapGetters(['isLoad']),

6
resources/assets/js/pages/manage/components/MeetingManager.vue
View File

@ -6,7 +6,7 @@
:title="$L(addData.type === 'join' ? '加入会议' : '新会议')" :title="$L(addData.type === 'join' ? '加入会议' : '新会议')"
:mask-closable="false" :mask-closable="false"
:closable="!addData.sharekey"> :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'"> <template v-if="addData.type === 'join'">
<!-- 加入会议 --> <!-- 加入会议 -->
<FormItem v-if="addData.name" prop="userids" :label="$L('会议主题')"> <FormItem v-if="addData.name" prop="userids" :label="$L('会议主题')">
@ -108,7 +108,7 @@
v-model="invitationShow" v-model="invitationShow"
:title="$L('邀请加入')" :title="$L('邀请加入')"
:mask-closable="false"> :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('邀请成员')"> <FormItem prop="userids" :label="$L('邀请成员')">
<UserSelect v-model="invitationData.userids" :multiple-max="20" :title="$L('选择邀请成员')"/> <UserSelect v-model="invitationData.userids" :multiple-max="20" :title="$L('选择邀请成员')"/>
</FormItem> </FormItem>
@ -179,7 +179,7 @@ export default {
}, },
computed: { computed: {
...mapState(['meetingWindow']), ...mapState(['meetingWindow', 'formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
}, },
mounted() { mounted() {

12
resources/assets/js/pages/manage/components/ProjectPanel.vue
View File

@ -331,7 +331,7 @@
v-model="settingShow" v-model="settingShow"
:title="$L('项目设置')" :title="$L('项目设置')"
:mask-closable="false"> :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('项目名称')"> <FormItem prop="name" :label="$L('项目名称')">
<Input ref="projectName" type="text" v-model="settingData.name" :maxlength="32" :placeholder="$L('必填')"></Input> <Input ref="projectName" type="text" v-model="settingData.name" :maxlength="32" :placeholder="$L('必填')"></Input>
</FormItem> </FormItem>
@ -358,7 +358,7 @@
v-model="userShow" v-model="userShow"
:title="$L('成员管理')" :title="$L('成员管理')"
:mask-closable="false"> :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('项目成员')"> <FormItem prop="userids" :label="$L('项目成员')">
<UserSelect v-model="userData.userids" :uncancelable="userData.uncancelable" :multiple-max="100" :title="$L('选择项目成员')"/> <UserSelect v-model="userData.userids" :uncancelable="userData.uncancelable" :multiple-max="100" :title="$L('选择项目成员')"/>
</FormItem> </FormItem>
@ -395,7 +395,7 @@
v-model="inviteShow" v-model="inviteShow"
:title="$L('邀请链接')" :title="$L('邀请链接')"
:mask-closable="false"> :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('链接地址')"> <FormItem :label="$L('链接地址')">
<Input ref="inviteInput" v-model="inviteData.url" type="textarea" :rows="3" @on-focus="inviteFocus" readonly/> <Input ref="inviteInput" v-model="inviteData.url" type="textarea" :rows="3" @on-focus="inviteFocus" readonly/>
<div class="form-tip"> <div class="form-tip">
@ -426,7 +426,7 @@
v-model="transferShow" v-model="transferShow"
:title="$L('移交项目')" :title="$L('移交项目')"
:mask-closable="false"> :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('新项目负责人')"> <FormItem prop="owner_userid" :label="$L('新项目负责人')">
<UserSelect v-model="transferData.owner_userid" :multiple-max="1" :title="$L('选择项目负责人')"/> <UserSelect v-model="transferData.owner_userid" :multiple-max="1" :title="$L('选择项目负责人')"/>
</FormItem> </FormItem>
@ -575,6 +575,10 @@ export default {
'taskCompleteTemps', 'taskCompleteTemps',
'cacheUserBasic', 'cacheUserBasic',
'formLabelPosition',
'formLabelWidth',
'formLabelClassName',
]), ]),
...mapGetters(['projectData', 'transforTasks']), ...mapGetters(['projectData', 'transforTasks']),

4
resources/assets/js/pages/manage/components/ProjectWorkflow.vue
View File

@ -155,7 +155,7 @@
}" }"
:title="`${$L('状态设置')} (${settingData.name})`" :title="`${$L('状态设置')} (${settingData.name})`"
:mask-closable="false"> :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"> <div class="workflow-setting-box">
<h3>{{ $L('状态负责人') }}</h3> <h3>{{ $L('状态负责人') }}</h3>
<div class="form-box"> <div class="form-box">
@ -233,7 +233,7 @@ export default {
}, },
computed: { computed: {
...mapState(['cacheColumns']), ...mapState(['cacheColumns', 'formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
columnList({projectId, cacheColumns}) { columnList({projectId, cacheColumns}) {
return cacheColumns.filter(({project_id}) => { return cacheColumns.filter(({project_id}) => {

7
resources/assets/js/pages/manage/components/ReportEdit.vue
View File

@ -1,5 +1,5 @@
<template> <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('汇报类型')"> <FormItem :label="$L('汇报类型')">
<RadioGroup <RadioGroup
type="button" type="button"
@ -49,6 +49,7 @@
<script> <script>
import UserSelect from "../../../components/UserSelect.vue"; import UserSelect from "../../../components/UserSelect.vue";
import {mapState} from "vuex";
const TEditor = () => import('../../../components/TEditor'); const TEditor = () => import('../../../components/TEditor');
export default { export default {
@ -95,8 +96,8 @@ export default {
immediate: true immediate: true
}, },
}, },
mounted() { computed: {
// ...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
}, },
methods: { methods: {
handleSubmit() { handleSubmit() {

4
resources/assets/js/pages/manage/components/TaskAdd.vue
View File

@ -62,7 +62,7 @@
</div> </div>
</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('计划时间')"> <FormItem :label="$L('计划时间')">
<DatePicker <DatePicker
v-model="addData.times" v-model="addData.times"
@ -285,7 +285,7 @@ export default {
}, },
computed: { computed: {
...mapState(['cacheProjects', 'projectId', 'cacheColumns', 'taskPriority']), ...mapState(['cacheProjects', 'projectId', 'cacheColumns', 'taskPriority', 'formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
taskDays() { taskDays() {
const {times} = this.addData; const {times} = this.addData;

7
resources/assets/js/pages/manage/components/TaskExport.vue
View File

@ -3,7 +3,7 @@
v-model="show" v-model="show"
:title="$L('导出任务统计')" :title="$L('导出任务统计')"
:mask-closable="false"> :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('导出成员')"> <FormItem :label="$L('导出成员')">
<UserSelect v-model="formData.userid" :multiple-max="100" avatar-name show-disable :title="$L('请选择成员')"/> <UserSelect v-model="formData.userid" :multiple-max="100" avatar-name show-disable :title="$L('请选择成员')"/>
<div class="form-tip">{{$L('每次最多选择导出100个成员')}}</div> <div class="form-tip">{{$L('每次最多选择导出100个成员')}}</div>
@ -53,6 +53,7 @@
</style> </style>
<script> <script>
import UserSelect from "../../../components/UserSelect.vue"; import UserSelect from "../../../components/UserSelect.vue";
import {mapState} from "vuex";
export default { export default {
name: "TaskExport", name: "TaskExport",
components: {UserSelect}, components: {UserSelect},
@ -83,6 +84,10 @@ export default {
} }
}, },
computed: {
...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
},
methods: { methods: {
dateShortcuts(act) { dateShortcuts(act) {
if (act === 'prev') { if (act === 'prev') {

14
resources/assets/js/pages/manage/components/TeamManagement.vue
View File

@ -174,7 +174,7 @@
v-model="departmentShow" v-model="departmentShow"
:title="$L(departmentData.id > 0 ? '修改部门' : '新建部门')" :title="$L(departmentData.id > 0 ? '修改部门' : '新建部门')"
:mask-closable="false"> :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('部门名称')"> <FormItem prop="name" :label="$L('部门名称')">
<Input type="text" v-model="departmentData.name" :placeholder="$L('请输入部门名称')"></Input> <Input type="text" v-model="departmentData.name" :placeholder="$L('请输入部门名称')"></Input>
</FormItem> </FormItem>
@ -224,7 +224,7 @@
<Modal <Modal
v-model="checkinMacEditShow" v-model="checkinMacEditShow"
:title="$L('修改签到MAC地址')"> :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> <Alert type="error" style="margin-bottom:18px">{{$L(`正在进行帐号【ID:${checkinMacEditData.userid}, ${checkinMacEditData.nickname}】MAC地址修改。`)}}</Alert>
<Row class="team-department-checkin-item"> <Row class="team-department-checkin-item">
<Col span="12">{{$L('设备MAC地址')}}</Col> <Col span="12">{{$L('设备MAC地址')}}</Col>
@ -256,7 +256,7 @@
<Modal <Modal
v-model="checkinFaceEditShow" v-model="checkinFaceEditShow"
:title="$L('修改签到人脸图片')"> :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> <Alert type="error" style="margin-bottom:18px">{{$L(`正在进行帐号【ID:${checkinFaceEditData.userid}, ${checkinFaceEditData.nickname}】人脸图片修改。`)}}</Alert>
<Row class="team-department-checkin-item"> <Row class="team-department-checkin-item">
<Col span="24">{{$L('人脸图片')}}</Col> <Col span="24">{{$L('人脸图片')}}</Col>
@ -278,7 +278,7 @@
<Modal <Modal
v-model="departmentEditShow" v-model="departmentEditShow"
:title="$L('修改部门')"> :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> <Alert type="error" style="margin-bottom:18px">{{$L(`正在进行帐号【ID:${departmentEditData.userid}, ${departmentEditData.nickname}】部门修改。`)}}</Alert>
<FormItem :label="$L('修改部门')"> <FormItem :label="$L('修改部门')">
<Select v-model="departmentEditData.department" multiple :multiple-max="10" :placeholder="$L('留空为默认部门')"> <Select v-model="departmentEditData.department" multiple :multiple-max="10" :placeholder="$L('留空为默认部门')">
@ -296,7 +296,7 @@
<Modal <Modal
v-model="disableShow" v-model="disableShow"
:title="$L('操作离职')"> :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> <Alert type="error" style="margin-bottom:18px">{{$L(`正在进行帐号【ID:${disableData.userid}, ${disableData.nickname}】离职操作。`)}}</Alert>
<FormItem :label="$L('离职时间')"> <FormItem :label="$L('离职时间')">
<DatePicker <DatePicker
@ -338,6 +338,7 @@
import UserSelect from "../../../components/UserSelect.vue"; import UserSelect from "../../../components/UserSelect.vue";
import UserAvatarTip from "../../../components/UserAvatar/tip.vue"; import UserAvatarTip from "../../../components/UserAvatar/tip.vue";
import ImgUpload from "../../../components/ImgUpload"; import ImgUpload from "../../../components/ImgUpload";
import {mapState} from "vuex";
export default { export default {
name: "TeamManagement", name: "TeamManagement",
@ -901,9 +902,12 @@ export default {
} }
}, },
computed: { computed: {
...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
departmentParentDisabled() { departmentParentDisabled() {
return !!(this.departmentData.id > 0 && this.departmentList.find(({parent_id}) => parent_id == this.departmentData.id)); return !!(this.departmentData.id > 0 && this.departmentList.find(({parent_id}) => parent_id == this.departmentData.id));
}, },
userStyle({minWidth, windowPortrait}) { userStyle({minWidth, windowPortrait}) {
const style = {} const style = {}
if (minWidth > 0 && windowPortrait) { if (minWidth > 0 && windowPortrait) {

15
resources/assets/js/pages/manage/setting/components/SystemAppPush.vue
View File

@ -1,6 +1,13 @@
<template> <template>
<div class="setting-component-item"> <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"> <div class="block-setting-box">
<h3>{{ $L('友盟推送') }}</h3> <h3>{{ $L('友盟推送') }}</h3>
<div class="form-box"> <div class="form-box">
@ -37,6 +44,8 @@
</template> </template>
<script> <script>
import {mapState} from "vuex";
export default { export default {
name: "SystemAppPush", name: "SystemAppPush",
data() { data() {
@ -57,6 +66,10 @@ export default {
this.systemSetting(); this.systemSetting();
}, },
computed: {
...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
},
methods: { methods: {
submitForm() { submitForm() {
this.$refs.formData.validate((valid) => { this.$refs.formData.validate((valid) => {

15
resources/assets/js/pages/manage/setting/components/SystemEmailSetting.vue
View File

@ -1,6 +1,13 @@
<template> <template>
<div class="setting-component-item"> <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"> <div class="block-setting-box">
<h3>{{ $L('邮箱服务器设置') }}</h3> <h3>{{ $L('邮箱服务器设置') }}</h3>
<div class="form-box"> <div class="form-box">
@ -82,6 +89,8 @@
</template> </template>
<script> <script>
import {mapState} from "vuex";
export default { export default {
name: "SystemEmailSetting", name: "SystemEmailSetting",
data() { data() {
@ -106,6 +115,10 @@ export default {
this.systemSetting(); this.systemSetting();
}, },
computed: {
...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
},
methods: { methods: {
submitForm() { submitForm() {
this.$refs.formData.validate((valid) => { this.$refs.formData.validate((valid) => {

15
resources/assets/js/pages/manage/setting/components/SystemThirdAccess.vue
View File

@ -1,6 +1,13 @@
<template> <template>
<div class="setting-component-item"> <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"> <div class="block-setting-box">
<h3>LDAP</h3> <h3>LDAP</h3>
<div class="form-box"> <div class="form-box">
@ -50,6 +57,8 @@
</template> </template>
<script> <script>
import {mapState} from "vuex";
export default { export default {
name: "SystemThirdAccess", name: "SystemThirdAccess",
data() { data() {
@ -68,6 +77,10 @@ export default {
this.systemSetting(); this.systemSetting();
}, },
computed: {
...mapState(['formLabelPosition', 'formLabelWidth', 'formLabelClassName']),
},
methods: { methods: {
submitForm() { submitForm() {
this.$refs.formData.validate((valid) => { this.$refs.formData.validate((valid) => {

2
resources/assets/js/store/markdown.js vendored
View File

@ -19,7 +19,7 @@ const MarkdownUtils = {
return text return text
}, },
highlightBlock: (str, lang = '') => { 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>`
}, },
} }