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

perf: 优化移动端兼容

Browse Source
This commit is contained in:
kuaifan 2023-04-25 10:33:25 +08:00
parent 900b11280c
commit 9771e1e741
63 changed files with 278 additions and 215 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
resources/assets/js/App.vue
View File

@ -13,12 +13,12 @@
<!--右下角客户端--> <!--右下角客户端-->
<RightBottom/> <RightBottom/>
<!--网络提示-->
<NetworkException v-if="windowLarge"/>
<!--图片预览--> <!--图片预览-->
<PreviewImageState/> <PreviewImageState/>
<!--网络提示-->
<NetworkException v-if="windowLandscape"/>
<!--Hidden IFrame--> <!--Hidden IFrame-->
<iframe v-for="item in iframes" :key="item.key" v-if="item.url" v-show="false" :src="item.url"></iframe> <iframe v-for="item in iframes" :key="item.key" v-if="item.url" v-show="false" :src="item.url"></iframe>
</div> </div>
@ -73,7 +73,7 @@ export default {
}, },
computed: { computed: {
...mapState(['ws', 'themeMode', 'supportTouch']), ...mapState(['ws', 'themeMode', 'windowOrientation']),
isSoftware() { isSoftware() {
return this.$Electron || this.$isEEUiApp; return this.$Electron || this.$isEEUiApp;
@ -139,17 +139,25 @@ export default {
immediate: true immediate: true
}, },
supportTouch: { windowTouch: {
handler(support) { handler(support) {
if (support) { if (support) {
$A("body").addClass("support-touch") $A("body").addClass("window-touch")
} else { } else {
$A("body").removeClass("support-touch") $A("body").removeClass("window-touch")
} }
}, },
immediate: true immediate: true
}, },
windowOrientation: {
handler(direction) {
$A("body").removeClass(["window-landscape", "window-portrait"])
$A("body").addClass("window-" + direction)
},
immediate: true
},
windowActive(active) { windowActive(active) {
if (active) { if (active) {
this.__windowTimer && clearTimeout(this.__windowTimer) this.__windowTimer && clearTimeout(this.__windowTimer)
@ -223,12 +231,21 @@ export default {
}, },
windowSizeListener() { windowSizeListener() {
this.$store.state.windowWidth = $A(window).width() const windowWidth = $A(window).width(),
this.$store.state.windowHeight = $A(window).height() windowHeight = $A(window).height(),
this.$store.state.windowLarge = this.$store.state.windowWidth > 834 windowOrientation = $A.strExists(window.screen.orientation.type, 'portrait') ? 'portrait' : 'landscape'
this.$store.state.windowSmall = this.$store.state.windowWidth <= 834
this.$store.state.formLabelPosition = this.$store.state.windowWidth > 576 ? 'right' : 'top' this.$store.state.windowTouch = "ontouchend" in document
this.$store.state.formLabelWidth = this.$store.state.windowWidth > 576 ? 'auto' : ''
this.$store.state.windowWidth = windowWidth
this.$store.state.windowHeight = windowHeight
this.$store.state.windowOrientation = windowOrientation
this.$store.state.windowLandscape = windowOrientation === 'landscape'
this.$store.state.windowPortrait = windowOrientation === 'portrait'
this.$store.state.formLabelPosition = windowWidth > 576 ? 'right' : 'top'
this.$store.state.formLabelWidth = windowWidth > 576 ? 'auto' : ''
}, },
windowScrollListener() { windowScrollListener() {

2
resources/assets/js/components/AutoTip.vue
View File

@ -4,7 +4,7 @@
:placement="placement" :placement="placement"
:effect="tooltipTheme" :effect="tooltipTheme"
:delay="delay" :delay="delay"
:disabled="windowSmall || $isEEUiApp || !showTooltip || disabled" :disabled="$isEEUiApp || windowTouch || !showTooltip || disabled"
:max-width="tooltipMaxWidth" :max-width="tooltipMaxWidth"
transfer> transfer>
<span ref="content" @mouseenter="handleTooltipIn" class="common-auto-tip" @click="onClick"> <span ref="content" @mouseenter="handleTooltipIn" class="common-auto-tip" @click="onClick">

2
resources/assets/js/components/Loading.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<ETooltip :disabled="windowSmall || $isEEUiApp || content == ''" :content="content"> <ETooltip :disabled="$isEEUiApp || windowTouch || content == ''" :content="content">
<svg v-if="type === 'svg'" viewBox="25 25 50 50" class="common-loading"> <svg v-if="type === 'svg'" viewBox="25 25 50 50" class="common-loading">
<circle cx="50" cy="50" r="20" fill="none" stroke-width="5" stroke-miterlimit="10" class="common-path"></circle> <circle cx="50" cy="50" r="20" fill="none" stroke-width="5" stroke-miterlimit="10" class="common-path"></circle>
</svg> </svg>

2
resources/assets/js/components/Mobile/Tabbar.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="mobile-tabbar"> <div class="mobile-tabbar">
<NetworkException v-if="windowSmall" type="alert"/> <NetworkException v-if="windowPortrait" type="alert"/>
<transition name="mobile-fade"> <transition name="mobile-fade">
<div v-if="isMore" class="more-mask" @click="toggleRoute('more')"></div> <div v-if="isMore" class="more-mask" @click="toggleRoute('more')"></div>
</transition> </transition>

2
resources/assets/js/components/PreviewImage/index.vue
View File

@ -108,7 +108,7 @@ export default {
if (this.mode) { if (this.mode) {
return this.mode return this.mode
} }
return this.$store.state.windowLarge ? 'desktop' : 'mobile' return this.windowTouch ? 'mobile' : 'desktop'
} }
} }
}; };

26
resources/assets/js/components/ResizeLine.vue
View File

@ -1,32 +1,6 @@
<template> <template>
<div class="component-resize-line" :class="[resizing ? 'resizing' : '', placement]" @mousedown.left.stop.prevent="resizeDown"></div> <div class="component-resize-line" :class="[resizing ? 'resizing' : '', placement]" @mousedown.left.stop.prevent="resizeDown"></div>
</template> </template>
<style lang="scss" scoped>
.component-resize-line {
cursor: col-resize;
@media (max-width: 834px) {
display: none;
}
&.resizing {
&:after {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
cursor: col-resize;
}
}
&.bottom {
cursor: row-resize;
&:after {
cursor: row-resize;
}
}
}
</style>
<script> <script>
export default { export default {
name: 'ResizeLine', name: 'ResizeLine',

2
resources/assets/js/components/RightBottom.vue
View File

@ -106,7 +106,7 @@ export default {
}, },
showDown() { showDown() {
return !this.$isEEUiApp && this.windowLarge && ['login', 'index', 'manage-dashboard'].includes(this.$route.name) return !this.$isEEUiApp && !this.windowTouch && ['login', 'index', 'manage-dashboard'].includes(this.$route.name)
}, },
showPrivacy() { showPrivacy() {

2
resources/assets/js/components/TableAction.vue
View File

@ -12,7 +12,7 @@
v-if="item.hidden !== true" v-if="item.hidden !== true"
placement="top" placement="top"
:key="key" :key="key"
:disabled="windowSmall || $isEEUiApp || !item.title" :disabled="$isEEUiApp || windowTouch || !item.title"
:content="item.title" :content="item.title"
:enterable="false" :enterable="false"
:open-delay="600"> :open-delay="600">

2
resources/assets/js/components/UserAvatar.vue
View File

@ -3,7 +3,7 @@
v-if="user" v-if="user"
class="common-avatar" class="common-avatar"
:open-delay="openDelay" :open-delay="openDelay"
:disabled="windowSmall || $isEEUiApp || tooltipDisabled || isBot" :disabled="$isEEUiApp || windowTouch || tooltipDisabled || isBot"
:placement="tooltipPlacement"> :placement="tooltipPlacement">
<div slot="content" class="common-avatar-transfer"> <div slot="content" class="common-avatar-transfer">
<slot/> <slot/>

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

@ -6,7 +6,7 @@
<div class="login-box"> <div class="login-box">
<div class="login-mode-switch"> <div class="login-mode-switch">
<div class="login-mode-switch-box"> <div class="login-mode-switch-box">
<ETooltip :disabled="windowSmall || $isEEUiApp" :content="$L(loginMode=='qrcode' ? '帐号登录' : '扫码登录')" placement="left"> <ETooltip :disabled="$isEEUiApp || windowTouch" :content="$L(loginMode=='qrcode' ? '帐号登录' : '扫码登录')" placement="left">
<span class="login-mode-switch-icon" @click="switchLoginMode"> <span class="login-mode-switch-icon" @click="switchLoginMode">
<svg v-if="loginMode=='qrcode'" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-icon="PcOutlined"><path d="M23 16a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v12ZM21 4H3v9h18V4ZM3 15v1h18v-1H3Zm3 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Z" fill="currentColor"></path></svg> <svg v-if="loginMode=='qrcode'" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-icon="PcOutlined"><path d="M23 16a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v12ZM21 4H3v9h18V4ZM3 15v1h18v-1H3Zm3 6a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Z" fill="currentColor"></path></svg>
<svg v-else viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-icon="QrOutlined"><path d="M6.5 7.5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1Z" fill="currentColor"></path><path d="M4.5 2.5c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-7c0-1.1-.9-2-2-2h-7Zm0 2h7v7h-7v-7ZM11 16a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm0 3.5a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm4-7.5a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm3.5 0a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1ZM15 17c0-1.1.9-2 2-2h2.5c1.1 0 2 .9 2 2v2.5c0 1.1-.9 2-2 2H17c-1.1 0-2-.9-2-2V17Zm4.5 0H17v2.5h2.5V17Zm-15-2c-1.1 0-2 .9-2 2v2.5c0 1.1.9 2 2 2H7c1.1 0 2-.9 2-2V17c0-1.1-.9-2-2-2H4.5Zm0 2H7v2.5H4.5V17ZM15 4.5c0-1.1.9-2 2-2h2.5c1.1 0 2 .9 2 2V7c0 1.1-.9 2-2 2H17c-1.1 0-2-.9-2-2V4.5Zm4.5 0H17V7h2.5V4.5Z" fill="currentColor"></path></svg> <svg v-else viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-icon="QrOutlined"><path d="M6.5 7.5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1Z" fill="currentColor"></path><path d="M4.5 2.5c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-7c0-1.1-.9-2-2-2h-7Zm0 2h7v7h-7v-7ZM11 16a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm0 3.5a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm4-7.5a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm3.5 0a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1ZM15 17c0-1.1.9-2 2-2h2.5c1.1 0 2 .9 2 2v2.5c0 1.1-.9 2-2 2H17c-1.1 0-2-.9-2-2V17Zm4.5 0H17v2.5h2.5V17Zm-15-2c-1.1 0-2 .9-2 2v2.5c0 1.1.9 2 2 2H7c1.1 0 2-.9 2-2V17c0-1.1-.9-2-2-2H4.5Zm0 2H7v2.5H4.5V17ZM15 4.5c0-1.1.9-2 2-2h2.5c1.1 0 2 .9 2 2V7c0 1.1-.9 2-2 2H17c-1.1 0-2-.9-2-2V4.5Zm4.5 0H17V7h2.5V4.5Z" fill="currentColor"></path></svg>

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

@ -152,7 +152,7 @@
<div class="operate-position" :style="operateStyles" v-show="operateVisible"> <div class="operate-position" :style="operateStyles" v-show="operateVisible">
<Dropdown <Dropdown
trigger="custom" trigger="custom"
:placement="windowLarge ? 'bottom' : 'top'" :placement="windowLandscape ? 'bottom' : 'top'"
:visible="operateVisible" :visible="operateVisible"
@on-clickoutside="operateVisible = false" @on-clickoutside="operateVisible = false"
transfer> transfer>

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

@ -106,7 +106,7 @@ export default {
'month.dayname.borderLeft': '1px solid rgba(0,0,0,0)', 'month.dayname.borderLeft': '1px solid rgba(0,0,0,0)',
'month.dayname.height': '50px', 'month.dayname.height': '50px',
} }
if (this.windowLarge) { if (this.windowLandscape) {
this.calendarTheme = { this.calendarTheme = {
'common.border': '1px solid #f4f5f5', 'common.border': '1px solid #f4f5f5',
'month.dayname.fontSize': '14px', 'month.dayname.fontSize': '14px',

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

@ -45,24 +45,24 @@
:visibleArrow="false" :visibleArrow="false"
placement="top" placement="top"
popperClass="chat-input-emoji-popover"> popperClass="chat-input-emoji-popover">
<ETooltip slot="reference" ref="emojiTip" :disabled="windowSmall || $isEEUiApp || showEmoji" placement="top" :content="$L('表情')"> <ETooltip slot="reference" ref="emojiTip" :disabled="$isEEUiApp || windowTouch || showEmoji" placement="top" :content="$L('表情')">
<i class="taskfont">&#xe7ad;</i> <i class="taskfont">&#xe7ad;</i>
</ETooltip> </ETooltip>
<ChatEmoji v-if="showEmoji" @on-select="onSelectEmoji" :searchKey="emojiQuickKey"/> <ChatEmoji v-if="showEmoji" @on-select="onSelectEmoji" :searchKey="emojiQuickKey"/>
</EPopover> </EPopover>
<ETooltip v-else ref="emojiTip" :disabled="windowSmall || $isEEUiApp || showEmoji" placement="top" :content="$L('表情')"> <ETooltip v-else ref="emojiTip" :disabled="$isEEUiApp || windowTouch || showEmoji" placement="top" :content="$L('表情')">
<i class="taskfont" @click="showEmoji=!showEmoji">&#xe7ad;</i> <i class="taskfont" @click="showEmoji=!showEmoji">&#xe7ad;</i>
</ETooltip> </ETooltip>
</li> </li>
<!-- @ # --> <!-- @ # -->
<li> <li>
<ETooltip placement="top" :disabled="windowSmall || $isEEUiApp" :content="$L('选择成员')"> <ETooltip placement="top" :disabled="$isEEUiApp || windowTouch" :content="$L('选择成员')">
<i class="taskfont" @click="onToolbar('user')">&#xe78f;</i> <i class="taskfont" @click="onToolbar('user')">&#xe78f;</i>
</ETooltip> </ETooltip>
</li> </li>
<li> <li>
<ETooltip placement="top" :disabled="windowSmall || $isEEUiApp" :content="$L('选择任务')"> <ETooltip placement="top" :disabled="$isEEUiApp || windowTouch" :content="$L('选择任务')">
<i class="taskfont" @click="onToolbar('task')">&#xe7d6;</i> <i class="taskfont" @click="onToolbar('task')">&#xe7d6;</i>
</ETooltip> </ETooltip>
</li> </li>
@ -74,7 +74,7 @@
:visibleArrow="false" :visibleArrow="false"
placement="top" placement="top"
popperClass="chat-input-more-popover"> popperClass="chat-input-more-popover">
<ETooltip slot="reference" ref="moreTip" :disabled="windowSmall || $isEEUiApp || showMore" placement="top" :content="$L('展开')"> <ETooltip slot="reference" ref="moreTip" :disabled="$isEEUiApp || windowTouch || showMore" placement="top" :content="$L('展开')">
<i class="taskfont">&#xe790;</i> <i class="taskfont">&#xe790;</i>
</ETooltip> </ETooltip>
<div v-if="recordReady" class="chat-input-popover-item" @click="onToolbar('meeting')"> <div v-if="recordReady" class="chat-input-popover-item" @click="onToolbar('meeting')">
@ -113,7 +113,7 @@
trigger="manual" trigger="manual"
placement="top" placement="top"
popperClass="chat-input-more-popover"> popperClass="chat-input-more-popover">
<ETooltip slot="reference" ref="sendTip" placement="top" :disabled="windowSmall || $isEEUiApp || showMenu" :content="$L(sendContent)"> <ETooltip slot="reference" ref="sendTip" placement="top" :disabled="$isEEUiApp || windowTouch || showMenu" :content="$L(sendContent)">
<div v-if="loading"> <div v-if="loading">
<div class="chat-load"> <div class="chat-load">
<Loading/> <Loading/>
@ -338,7 +338,7 @@ export default {
if (typeof this.enterSend === "boolean") { if (typeof this.enterSend === "boolean") {
return this.enterSend; return this.enterSend;
} else { } else {
return this.$store.state.windowLarge return !this.windowTouch
} }
}, },
@ -557,7 +557,7 @@ export default {
if (this.isSpecVersion) { if (this.isSpecVersion) {
// ios11.0-11.3 对scrollTop及scrolIntoView解释有bug // ios11.0-11.3 对scrollTop及scrolIntoView解释有bug
// 直接执行会导致输入框滚到底部被遮挡 // 直接执行会导致输入框滚到底部被遮挡
} else if (this.windowSmall) { } else if (this.windowPortrait) {
this.timerScroll = setInterval(() => { this.timerScroll = setInterval(() => {
if (this.quill?.hasFocus()) { if (this.quill?.hasFocus()) {
this.windowScrollY > 0 && $A.scrollIntoViewIfNeeded(this.$refs.editor); this.windowScrollY > 0 && $A.scrollIntoViewIfNeeded(this.$refs.editor);
@ -1065,7 +1065,7 @@ export default {
if (item.type === 'emoji') { if (item.type === 'emoji') {
this.quill.insertText(this.rangeIndex, item.text); this.quill.insertText(this.rangeIndex, item.text);
this.rangeIndex += item.text.length this.rangeIndex += item.text.length
if (this.windowLarge) { if (this.windowLandscape) {
this.showEmoji = false; this.showEmoji = false;
} }
} else if (item.type === 'emoticon') { } else if (item.type === 'emoticon') {
@ -1073,7 +1073,7 @@ export default {
if (item.asset === "emosearch") { if (item.asset === "emosearch") {
this.$emit('input', "") this.$emit('input', "")
} }
if (this.windowLarge) { if (this.windowLandscape) {
this.showEmoji = false; this.showEmoji = false;
} }
} }

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

@ -8,7 +8,7 @@
:beforeClose="onBeforeClose" :beforeClose="onBeforeClose"
class-name="dialog-modal" class-name="dialog-modal"
fullscreen> fullscreen>
<DialogWrapper v-if="windowSmall && dialogId > 0" :dialogId="dialogId" :beforeBack="onBeforeClose"/> <DialogWrapper v-if="windowPortrait && dialogId > 0" :dialogId="dialogId" :beforeBack="onBeforeClose"/>
</Modal> </Modal>
</template> </template>
@ -61,7 +61,7 @@ export default {
...mapState(['dialogId']), ...mapState(['dialogId']),
visible() { visible() {
return this.dialogId > 0 && this.windowSmall return this.dialogId > 0 && this.windowPortrait
} }
}, },

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

@ -212,7 +212,7 @@
ref="input" ref="input"
v-model="msgText" v-model="msgText"
:dialog-id="dialogId" :dialog-id="dialogId"
:emoji-bottom="windowSmall" :emoji-bottom="windowPortrait"
:maxlength="200000" :maxlength="200000"
@on-focus="onEventFocus" @on-focus="onEventFocus"
@on-blur="onEventBlur" @on-blur="onEventBlur"
@ -1517,7 +1517,7 @@ export default {
}, },
onTouchMove(e) { onTouchMove(e) {
if (this.windowSmall && this.windowScrollY > 0) { if (this.windowPortrait && this.windowScrollY > 0) {
if (this.wrapperStart.exclud) { if (this.wrapperStart.exclud) {
e.preventDefault(); e.preventDefault();
return; return;
@ -1680,7 +1680,7 @@ export default {
}, },
onEventEmojiVisibleChange(val) { onEventEmojiVisibleChange(val) {
if (val && this.windowSmall) { if (val && this.windowPortrait) {
this.onToBottom(); this.onToBottom();
} }
}, },
@ -1744,7 +1744,7 @@ export default {
if (!this.dialogData.group_info) { if (!this.dialogData.group_info) {
return; return;
} }
if (this.windowSmall) { if (this.windowPortrait) {
this.$store.dispatch("openDialog", 0); this.$store.dispatch("openDialog", 0);
} }
this.goForward({name: 'manage-project', params: {projectId:this.dialogData.group_info.id}}); this.goForward({name: 'manage-project', params: {projectId:this.dialogData.group_info.id}});
@ -2302,7 +2302,7 @@ export default {
break; break;
case 'filepos': case 'filepos':
if (this.windowSmall) { if (this.windowPortrait) {
this.$store.dispatch("openDialog", 0); this.$store.dispatch("openDialog", 0);
} }
this.goForward({name: 'manage-file', params: value}); this.goForward({name: 'manage-file', params: value});

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

@ -55,14 +55,14 @@
</Dropdown> </Dropdown>
<template v-if="!file.only_view"> <template v-if="!file.only_view">
<div class="header-icons"> <div class="header-icons">
<ETooltip :disabled="windowSmall || $isEEUiApp" :content="$L('文件链接')"> <ETooltip :disabled="$isEEUiApp || windowTouch" :content="$L('文件链接')">
<div class="header-icon" @click="handleClick('link')"><i class="taskfont">&#xe785;</i></div> <div class="header-icon" @click="handleClick('link')"><i class="taskfont">&#xe785;</i></div>
</ETooltip> </ETooltip>
<EPopover v-model="historyShow" trigger="click"> <EPopover v-model="historyShow" trigger="click">
<div class="file-content-history"> <div class="file-content-history">
<FileHistory :value="historyShow" :file="file" @on-restore="onRestoreHistory"/> <FileHistory :value="historyShow" :file="file" @on-restore="onRestoreHistory"/>
</div> </div>
<ETooltip slot="reference" ref="historyTip" :disabled="windowSmall || $isEEUiApp || historyShow" :content="$L('历史版本')"> <ETooltip slot="reference" ref="historyTip" :disabled="$isEEUiApp || windowTouch || historyShow" :content="$L('历史版本')">
<div class="header-icon"><i class="taskfont">&#xe71d;</i></div> <div class="header-icon"><i class="taskfont">&#xe71d;</i></div>
</ETooltip> </ETooltip>
</EPopover> </EPopover>

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

@ -66,7 +66,7 @@
<Button type="primary" :loading="videoLoad" @click="onVideo"> <Button type="primary" :loading="videoLoad" @click="onVideo">
<i class="taskfont" v-html="localUser.videoTrack ? '&#xe7c1;' : '&#xe7c8;'"></i> <i class="taskfont" v-html="localUser.videoTrack ? '&#xe7c1;' : '&#xe7c8;'"></i>
</Button> </Button>
<template v-if="windowSmall"> <template v-if="windowPortrait">
<Button type="primary" @click="onInvitation('open')"> <Button type="primary" @click="onInvitation('open')">
<i class="taskfont">&#xe646;</i> <i class="taskfont">&#xe646;</i>
</Button> </Button>

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

@ -43,7 +43,7 @@
:current="page" :current="page"
:page-size="pageSize" :page-size="pageSize"
:disabled="loadIng > 0" :disabled="loadIng > 0"
:simple="windowSmall" :simple="windowPortrait"
:page-size-opts="[10,20,30,50,100]" :page-size-opts="[10,20,30,50,100]"
show-elevator show-elevator
show-sizer show-sizer

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

@ -41,7 +41,7 @@ export default {
...mapGetters(['projectData']), ...mapGetters(['projectData']),
dialogShow() { dialogShow() {
return this.windowLarge && this.projectData.dialog_id && this.projectData.cacheParameter.chat return this.windowLandscape && this.projectData.dialog_id && this.projectData.cacheParameter.chat
} }
}, },

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

@ -55,7 +55,7 @@
<div class="operate-position" :style="operateStyles" v-show="operateVisible"> <div class="operate-position" :style="operateStyles" v-show="operateVisible">
<Dropdown <Dropdown
trigger="custom" trigger="custom"
:placement="windowLarge ? 'bottom' : 'top'" :placement="windowLandscape ? 'bottom' : 'top'"
:visible="operateVisible" :visible="operateVisible"
@on-clickoutside="operateVisible = false" @on-clickoutside="operateVisible = false"
transfer> transfer>

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

@ -67,7 +67,7 @@
:current="page" :current="page"
:page-size="pageSize" :page-size="pageSize"
:disabled="loadIng > 0" :disabled="loadIng > 0"
:simple="windowSmall" :simple="windowPortrait"
:page-size-opts="[10,20,30,50,100]" :page-size-opts="[10,20,30,50,100]"
show-elevator show-elevator
show-sizer show-sizer

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

@ -20,7 +20,7 @@
</li> </li>
<template v-if="!(windowWidth <= 980 || projectData.cacheParameter.chat) && projectUser.length > 0" v-for="item in projectUser"> <template v-if="!(windowWidth <= 980 || projectData.cacheParameter.chat) && projectUser.length > 0" v-for="item in projectUser">
<li v-if="item.userid === -1" class="more"> <li v-if="item.userid === -1" class="more">
<ETooltip :disabled="windowSmall || $isEEUiApp" :content="$L('共' + (projectData.project_user.length) + '个成员')"> <ETooltip :disabled="$isEEUiApp || windowTouch" :content="$L('共' + (projectData.project_user.length) + '个成员')">
<Icon type="ios-more"/> <Icon type="ios-more"/>
</ETooltip> </ETooltip>
</li> </li>
@ -31,7 +31,7 @@
</ul> </ul>
</li> </li>
<li class="project-icon" @click="addTaskOpen(0)"> <li class="project-icon" @click="addTaskOpen(0)">
<ETooltip :disabled="windowSmall || $isEEUiApp" :content="$L('添加任务')"> <ETooltip :disabled="$isEEUiApp || windowTouch" :content="$L('添加任务')">
<Icon class="menu-icon" type="md-add" /> <Icon class="menu-icon" type="md-add" />
</ETooltip> </ETooltip>
</li> </li>
@ -43,7 +43,7 @@
</div> </div>
</Tooltip> </Tooltip>
</li> </li>
<li :class="['project-icon', windowLarge && projectData.cacheParameter.chat ? 'active' : '']" @click="toggleParameter('chat')"> <li :class="['project-icon', windowLandscape && projectData.cacheParameter.chat ? 'active' : '']" @click="toggleParameter('chat')">
<Icon class="menu-icon" type="ios-chatbubbles" /> <Icon class="menu-icon" type="ios-chatbubbles" />
<Badge class="menu-badge" :overflow-count="999" :count="msgUnread"></Badge> <Badge class="menu-badge" :overflow-count="999" :count="msgUnread"></Badge>
</li> </li>
@ -95,7 +95,7 @@
<Draggable <Draggable
:list="columnList" :list="columnList"
:animation="150" :animation="150"
:disabled="sortDisabled || windowSmall || $isEEUiApp" :disabled="sortDisabled || $isEEUiApp || windowTouch"
class="column-list" class="column-list"
tag="ul" tag="ul"
draggable=".column-item" draggable=".column-item"
@ -150,7 +150,7 @@
<Draggable <Draggable
:list="column.tasks" :list="column.tasks"
:animation="150" :animation="150"
:disabled="sortDisabled || windowSmall || $isEEUiApp" :disabled="sortDisabled || $isEEUiApp || windowTouch"
class="task-list" class="task-list"
draggable=".task-draggable" draggable=".task-draggable"
filter=".complete" filter=".complete"
@ -195,7 +195,7 @@
<ETooltip <ETooltip
v-if="item.end_at" v-if="item.end_at"
:class="['task-time', item.today ? 'today' : '', item.overdue ? 'overdue' : '']" :class="['task-time', item.today ? 'today' : '', item.overdue ? 'overdue' : '']"
:disabled="windowSmall || $isEEUiApp" :disabled="$isEEUiApp || windowTouch"
:open-delay="600" :open-delay="600"
:content="item.end_at"> :content="item.end_at">
<div v-if="!item.complete_at"><i class="taskfont">&#xe71d;</i>{{ expiresFormat(item.end_at) }}</div> <div v-if="!item.complete_at"><i class="taskfont">&#xe71d;</i>{{ expiresFormat(item.end_at) }}</div>
@ -876,7 +876,7 @@ export default {
methods: { methods: {
showName() { showName() {
if (this.windowLarge) { if (this.windowLandscape) {
return; return;
} }
$A.modalInfo({ $A.modalInfo({
@ -887,7 +887,7 @@ export default {
}, },
showDesc() { showDesc() {
if (this.windowLarge) { if (this.windowLandscape) {
return; return;
} }
$A.modalInfo({ $A.modalInfo({
@ -1477,7 +1477,7 @@ export default {
if (data === 'completedTask') { if (data === 'completedTask') {
this.$store.dispatch("forgetTaskCompleteTemp", true); this.$store.dispatch("forgetTaskCompleteTemp", true);
} else if (data === 'chat') { } else if (data === 'chat') {
if (this.windowSmall) { if (this.windowPortrait) {
this.$store.dispatch('openDialog', this.projectData.dialog_id) this.$store.dispatch('openDialog', this.projectData.dialog_id)
return; return;
} }

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

@ -67,7 +67,7 @@
<Draggable <Draggable
:list="data.project_flow_item" :list="data.project_flow_item"
:animation="150" :animation="150"
:disabled="windowSmall || $isEEUiApp" :disabled="$isEEUiApp || windowTouch"
class="taskflow-config-table-list-wrapper" class="taskflow-config-table-list-wrapper"
tag="div" tag="div"
draggable=".column-border" draggable=".column-border"

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

@ -12,13 +12,13 @@
<Radio label="daily" :disabled="id > 0 && reportData.type =='weekly'">{{ $L("日报") }}</Radio> <Radio label="daily" :disabled="id > 0 && reportData.type =='weekly'">{{ $L("日报") }}</Radio>
</RadioGroup> </RadioGroup>
<ButtonGroup v-if="id === 0" class="report-buttongroup"> <ButtonGroup v-if="id === 0" class="report-buttongroup">
<ETooltip :disabled="windowSmall || $isEEUiApp" :content="prevCycleText" placement="bottom"> <ETooltip :disabled="$isEEUiApp || windowTouch" :content="prevCycleText" placement="bottom">
<Button type="primary" @click="prevCycle"> <Button type="primary" @click="prevCycle">
<Icon type="ios-arrow-back" /> <Icon type="ios-arrow-back" />
</Button> </Button>
</ETooltip> </ETooltip>
<div class="report-buttongroup-vertical"></div> <div class="report-buttongroup-vertical"></div>
<ETooltip :disabled="windowSmall || $isEEUiApp || reportData.offset >= 0" :content="nextCycleText" placement="bottom"> <ETooltip :disabled="$isEEUiApp || windowTouch || reportData.offset >= 0" :content="nextCycleText" placement="bottom">
<Button type="primary" @click="nextCycle" :disabled="reportData.offset >= 0"> <Button type="primary" @click="nextCycle" :disabled="reportData.offset >= 0">
<Icon type="ios-arrow-forward" /> <Icon type="ios-arrow-forward" />
</Button> </Button>

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

@ -59,7 +59,7 @@
:current="listPage" :current="listPage"
:page-size="listPageSize" :page-size="listPageSize"
:disabled="loadIng > 0" :disabled="loadIng > 0"
:simple="windowSmall" :simple="windowPortrait"
:page-size-opts="[10,20,30,50,100]" :page-size-opts="[10,20,30,50,100]"
show-elevator show-elevator
show-sizer show-sizer

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

@ -73,7 +73,7 @@
:current="listPage" :current="listPage"
:page-size="listPageSize" :page-size="listPageSize"
:disabled="loadIng > 0" :disabled="loadIng > 0"
:simple="windowSmall" :simple="windowPortrait"
:page-size-opts="[10,20,30,50,100]" :page-size-opts="[10,20,30,50,100]"
show-elevator show-elevator
show-sizer show-sizer

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

@ -31,7 +31,7 @@
:plugins="taskPlugins" :plugins="taskPlugins"
:options="taskOptions" :options="taskOptions"
:option-full="taskOptionFull" :option-full="taskOptionFull"
:placeholder="$L(windowLarge ? '详细描述，选填...（点击右键使用工具栏）' : '详细描述，选填...')" :placeholder="$L(windowLandscape ? '详细描述，选填...（点击右键使用工具栏）' : '详细描述，选填...')"
:placeholderFull="$L('详细描述...')" :placeholderFull="$L('详细描述...')"
inline/> inline/>
</div> </div>
@ -39,7 +39,7 @@
<Button :class="{advanced: advanced}" @click="advanced=!advanced">{{$L('高级选项')}}</Button> <Button :class="{advanced: advanced}" @click="advanced=!advanced">{{$L('高级选项')}}</Button>
<ul class="advanced-priority"> <ul class="advanced-priority">
<li v-for="(item, key) in taskPriority" :key="key"> <li v-for="(item, key) in taskPriority" :key="key">
<ETooltip :disabled="windowSmall || $isEEUiApp" :content="taskPriorityContent(item)"> <ETooltip :disabled="$isEEUiApp || windowTouch" :content="taskPriorityContent(item)">
<i <i
class="taskfont" class="taskfont"
:style="{color:item.color}" :style="{color:item.color}"
@ -87,7 +87,7 @@
:transfer="false"/> :transfer="false"/>
<div v-if="showAddAssist" class="task-add-assist"> <div v-if="showAddAssist" class="task-add-assist">
<Checkbox v-model="addData.add_assist" :true-value="1" :false-value="0">{{$L('加入任务协助人员列表')}}</Checkbox> <Checkbox v-model="addData.add_assist" :true-value="1" :false-value="0">{{$L('加入任务协助人员列表')}}</Checkbox>
<ETooltip :disabled="windowSmall || $isEEUiApp" :content="$L('你不是任务负责人时建议加入任务协助人员列表')"> <ETooltip :disabled="$isEEUiApp || windowTouch" :content="$L('你不是任务负责人时建议加入任务协助人员列表')">
<Icon type="ios-alert-outline" /> <Icon type="ios-alert-outline" />
</ETooltip> </ETooltip>
</div> </div>

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

@ -17,7 +17,7 @@
<div v-if="parentId == 0" class="priority"> <div v-if="parentId == 0" class="priority">
<ul> <ul>
<li v-for="(item, key) in taskPriority" :key="key"> <li v-for="(item, key) in taskPriority" :key="key">
<ETooltip v-if="active" :disabled="windowSmall || $isEEUiApp" :content="taskPriorityContent(item)"> <ETooltip v-if="active" :disabled="$isEEUiApp || windowTouch" :content="taskPriorityContent(item)">
<i <i
class="taskfont" class="taskfont"
:style="{color:item.color}" :style="{color:item.color}"
@ -57,7 +57,7 @@
<div class="priority"> <div class="priority">
<ul> <ul>
<li v-for="(item, key) in taskPriority" :key="key"> <li v-for="(item, key) in taskPriority" :key="key">
<ETooltip v-if="active" :disabled="windowSmall || $isEEUiApp" :content="taskPriorityContent(item)"> <ETooltip v-if="active" :disabled="$isEEUiApp || windowTouch" :content="taskPriorityContent(item)">
<i <i
class="taskfont" class="taskfont"
:style="{color:item.color}" :style="{color:item.color}"

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

@ -43,7 +43,7 @@
:current="page" :current="page"
:page-size="pageSize" :page-size="pageSize"
:disabled="loadIng > 0" :disabled="loadIng > 0"
:simple="windowSmall" :simple="windowPortrait"
:page-size-opts="[10,20,30,50,100]" :page-size-opts="[10,20,30,50,100]"
show-elevator show-elevator
show-sizer show-sizer

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

@ -43,7 +43,7 @@
:current="page" :current="page"
:page-size="pageSize" :page-size="pageSize"
:disabled="loadIng > 0" :disabled="loadIng > 0"
:simple="windowSmall" :simple="windowPortrait"
:page-size-opts="[10,20,30,50,100]" :page-size-opts="[10,20,30,50,100]"
show-elevator show-elevator
show-sizer show-sizer

10
resources/assets/js/pages/manage/components/TaskDetail.vue
View File

@ -122,7 +122,7 @@
</div> </div>
<Button slot="reference" :loading="ownerLoad > 0" class="pick" type="primary">{{$L('我要领取任务')}}</Button> <Button slot="reference" :loading="ownerLoad > 0" class="pick" type="primary">{{$L('我要领取任务')}}</Button>
</EPopover> </EPopover>
<ETooltip v-if="$Electron" :disabled="windowSmall || $isEEUiApp" :content="$L('新窗口打开')"> <ETooltip v-if="$Electron" :disabled="$isEEUiApp || windowTouch" :content="$L('新窗口打开')">
<i class="taskfont open" @click="openNewWin">&#xe776;</i> <i class="taskfont open" @click="openNewWin">&#xe776;</i>
</ETooltip> </ETooltip>
<div class="menu"> <div class="menu">
@ -287,7 +287,7 @@
trigger="click" trigger="click"
placement="bottom" placement="bottom"
@command="updateData('loop', $event)"> @command="updateData('loop', $event)">
<ETooltip :disabled="windowSmall || $isEEUiApp || !taskDetail.loop_at" :content="`${$L('下个周期')}: ${taskDetail.loop_at}`" placement="right"> <ETooltip :disabled="$isEEUiApp || windowTouch || !taskDetail.loop_at" :content="`${$L('下个周期')}: ${taskDetail.loop_at}`" placement="right">
<span>{{$L(loopLabel(taskDetail.loop))}}</span> <span>{{$L(loopLabel(taskDetail.loop))}}</span>
</ETooltip> </ETooltip>
<EDropdownMenu slot="dropdown" class="task-detail-loop"> <EDropdownMenu slot="dropdown" class="task-detail-loop">
@ -665,7 +665,7 @@ export default {
}, },
hasOpenDialog() { hasOpenDialog() {
return this.taskDetail.dialog_id > 0 && this.windowLarge; return this.taskDetail.dialog_id > 0 && this.windowLandscape;
}, },
dialogStyle() { dialogStyle() {
@ -810,7 +810,7 @@ export default {
if (id > 0) { if (id > 0) {
this.ready = true; this.ready = true;
} else { } else {
if (this.windowSmall) { if (this.windowPortrait) {
$A.onBlur(); $A.onBlur();
} }
this.timeOpen = false; this.timeOpen = false;
@ -1287,7 +1287,7 @@ export default {
}); });
} else { } else {
this.$nextTick(() => { this.$nextTick(() => {
if (this.windowSmall) { if (this.windowPortrait) {
$A.onBlur(); $A.onBlur();
const transferData = { const transferData = {
time: $A.Time() + 10, time: $A.Time() + 10,

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

@ -86,7 +86,7 @@
<ETooltip <ETooltip
v-if="!item.complete_at && item.end_at" v-if="!item.complete_at && item.end_at"
:class="['task-time', item.today ? 'today' : '', item.overdue ? 'overdue' : '']" :class="['task-time', item.today ? 'today' : '', item.overdue ? 'overdue' : '']"
:disabled="windowSmall || $isEEUiApp" :disabled="$isEEUiApp || windowTouch"
:open-delay="600" :open-delay="600"
:content="item.end_at"> :content="item.end_at">
<div @click="openTask(item)">{{expiresFormat(item.end_at)}}</div> <div @click="openTask(item)">{{expiresFormat(item.end_at)}}</div>

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

@ -144,7 +144,7 @@
:current="page" :current="page"
:page-size="pageSize" :page-size="pageSize"
:disabled="loadIng > 0" :disabled="loadIng > 0"
:simple="windowSmall" :simple="windowPortrait"
:page-size-opts="[10,20,30,50,100]" :page-size-opts="[10,20,30,50,100]"
show-elevator show-elevator
show-sizer show-sizer
@ -769,7 +769,7 @@ export default {
departmentSelect() { departmentSelect() {
this.setPage(1) this.setPage(1)
}, },
windowSmall: { windowPortrait: {
handler(v) { handler(v) {
this.minBox = v this.minBox = v
}, },
@ -1082,7 +1082,7 @@ export default {
}, },
onSelectDepartment(id) { onSelectDepartment(id) {
if (this.windowSmall) { if (this.windowPortrait) {
this.minBox = true this.minBox = true
} }
// //

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

@ -72,7 +72,7 @@
<i class="taskfont">&#xe71f;</i> <i class="taskfont">&#xe71f;</i>
<em>{{item.sub_complete}}/{{item.sub_num}}</em> <em>{{item.sub_complete}}/{{item.sub_num}}</em>
</div> </div>
<ETooltip v-if="item.end_at" :disabled="windowSmall || $isEEUiApp" :content="item.end_at" placement="right"> <ETooltip v-if="item.end_at" :disabled="$isEEUiApp || windowTouch" :content="item.end_at" placement="right">
<div :class="['item-icon', item.today ? 'today' : '', item.overdue ? 'overdue' : '']"> <div :class="['item-icon', item.today ? 'today' : '', item.overdue ? 'overdue' : '']">
<i class="taskfont">&#xe71d;</i> <i class="taskfont">&#xe71d;</i>
<em>{{expiresFormat(item.end_at)}}</em> <em>{{expiresFormat(item.end_at)}}</em>

8
resources/assets/js/pages/manage/file.vue
View File

@ -813,7 +813,7 @@ export default {
}, },
isPreview() { isPreview() {
return this.windowSmall || this.fileInfo.permission === 0 return this.windowPortrait || this.fileInfo.permission === 0
}, },
isParentShare() { isParentShare() {
@ -841,7 +841,7 @@ export default {
}, },
tableHeight() { tableHeight() {
if (this.windowLarge) { if (this.windowLandscape) {
return Math.max(300, this.windowHeight - 160) return Math.max(300, this.windowHeight - 160)
} else { } else {
return Math.max(300, this.windowHeight - 200) return Math.max(300, this.windowHeight - 200)
@ -871,7 +871,7 @@ export default {
fileShow(val) { fileShow(val) {
if (!val) { if (!val) {
this.browseFile(0) this.browseFile(0)
if (this.windowSmall) { if (this.windowPortrait) {
$A.onBlur(true) $A.onBlur(true)
} }
} }
@ -978,7 +978,7 @@ export default {
}, },
handleContextmenu(event) { handleContextmenu(event) {
if (this.windowLarge) { if (this.windowLandscape) {
this.handleRightClick(event) this.handleRightClick(event)
} }
}, },

8
resources/assets/js/pages/manage/messenger.vue
View File

@ -145,7 +145,7 @@
<div class="operate-position" :style="operateStyles" v-show="operateVisible"> <div class="operate-position" :style="operateStyles" v-show="operateVisible">
<Dropdown <Dropdown
trigger="custom" trigger="custom"
:placement="windowLarge ? 'bottom' : 'top'" :placement="windowLandscape ? 'bottom' : 'top'"
:visible="operateVisible" :visible="operateVisible"
@on-clickoutside="operateVisible = false" @on-clickoutside="operateVisible = false"
transfer> transfer>
@ -180,7 +180,7 @@
<div class="msg-dialog-bg-icon"><Icon type="ios-chatbubbles" /></div> <div class="msg-dialog-bg-icon"><Icon type="ios-chatbubbles" /></div>
<div class="msg-dialog-bg-text">{{$L('选择一个会话开始聊天')}}</div> <div class="msg-dialog-bg-text">{{$L('选择一个会话开始聊天')}}</div>
</div> </div>
<DialogWrapper v-if="windowLarge && dialogId > 0" :dialogId="dialogId" @on-active="scrollIntoActive" :auto-focus="$A.isDesktop()"/> <DialogWrapper v-if="windowLandscape && dialogId > 0" :dialogId="dialogId" @on-active="scrollIntoActive" :auto-focus="$A.isDesktop()"/>
</div> </div>
</div> </div>
</div> </div>
@ -624,7 +624,7 @@ export default {
} }
this.$set(user, 'loading', true); this.$set(user, 'loading', true);
this.$store.dispatch("openDialogUserid", user.userid).then(_ => { this.$store.dispatch("openDialogUserid", user.userid).then(_ => {
if (this.windowLarge) { if (this.windowLandscape) {
this.tabActive = 'dialog'; this.tabActive = 'dialog';
} }
}).catch(({msg}) => { }).catch(({msg}) => {
@ -831,7 +831,7 @@ export default {
scrollIntoActive() { scrollIntoActive() {
this.$nextTick(() => { this.$nextTick(() => {
if (this.windowLarge && this.$refs.list) { if (this.windowLandscape && this.$refs.list) {
const active = this.$refs.list.querySelector(".active") const active = this.$refs.list.querySelector(".active")
if (active) { if (active) {
$A.scrollIntoViewIfNeeded(active); $A.scrollIntoViewIfNeeded(active);

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

@ -4,7 +4,7 @@
<ProjectPanel/> <ProjectPanel/>
<ProjectDialog/> <ProjectDialog/>
</template> </template>
<ProjectList v-if="windowSmall" v-show="projectId === 0"/> <ProjectList v-if="windowPortrait" v-show="projectId === 0"/>
</div> </div>
</template> </template>

2
resources/assets/js/pages/manage/setting/components/SystemSetting.vue
View File

@ -69,7 +69,7 @@
<Radio label="close">{{$L('关闭')}}</Radio> <Radio label="close">{{$L('关闭')}}</Radio>
</RadioGroup> </RadioGroup>
<div class="form-tip">{{$L('任务完成后自动归档。')}}</div> <div class="form-tip">{{$L('任务完成后自动归档。')}}</div>
<ETooltip v-if="formDatum.auto_archived=='open'" placement="right" :disabled="windowSmall || $isEEUiApp"> <ETooltip v-if="formDatum.auto_archived=='open'" placement="right" :disabled="$isEEUiApp || windowTouch">
<div class="setting-auto-day"> <div class="setting-auto-day">
<Input v-model="formDatum.archived_day" type="number"> <Input v-model="formDatum.archived_day" type="number">
<span slot="append">{{$L('天')}}</span> <span slot="append">{{$L('天')}}</span>

6
resources/assets/js/pages/manage/setting/index.vue
View File

@ -116,7 +116,7 @@ export default {
}, },
settingTitleName() { settingTitleName() {
if (this.windowSmall) { if (this.windowPortrait) {
return this.titleNameRoute return this.titleNameRoute
} }
return '设置' return '设置'
@ -126,7 +126,7 @@ export default {
watch: { watch: {
routeName: { routeName: {
handler(name) { handler(name) {
if (name === 'manage-setting' && this.windowLarge) { if (name === 'manage-setting' && this.windowLandscape) {
this.goForward({name: 'manage-setting-personal'}, true); this.goForward({name: 'manage-setting-personal'}, true);
} }
}, },
@ -191,7 +191,7 @@ export default {
classNameRoute(path, divided) { classNameRoute(path, divided) {
return { return {
"active": this.windowLarge && this.routeName === `manage-setting-${path}`, "active": this.windowLandscape && this.routeName === `manage-setting-${path}`,
"divided": !!divided "divided": !!divided
}; };
}, },

2
resources/assets/js/pages/single/file.vue
View File

@ -43,7 +43,7 @@ export default {
return this.$route.query ? $A.runNum(this.$route.query.history_id) : 0; return this.$route.query ? $A.runNum(this.$route.query.history_id) : 0;
}, },
isPreview() { isPreview() {
return this.windowSmall || this.code || this.historyId > 0 || (this.fileInfo && this.fileInfo.permission === 0) return this.windowPortrait || this.code || this.historyId > 0 || (this.fileInfo && this.fileInfo.permission === 0)
}, },
pageName() { pageName() {
let name = this.fileInfo ? this.fileInfo.name : ''; let name = this.fileInfo ? this.fileInfo.name : '';

7
resources/assets/js/store/mixin.js vendored
View File

@ -7,10 +7,13 @@ export default {
'windowHeight', 'windowHeight',
'windowActive', 'windowActive',
'windowScrollY', 'windowScrollY',
'windowLarge', 'windowTouch',
'windowSmall',
'windowLandscape',
'windowPortrait',
'userId', 'userId',
'userToken', 'userToken',

39
resources/assets/js/store/state.js vendored
View File

@ -1,22 +1,33 @@
const windowWidth = $A(window).width(),
windowHeight = $A(window).height(),
windowOrientation = $A.strExists(window.screen.orientation.type, 'portrait') ? 'portrait' : 'landscape'
export default { export default {
// 客户端ID（希望不变的，除非清除浏览器缓存或者卸载应用） // 客户端ID（希望不变的，除非清除浏览器缓存或者卸载应用）
clientId: "", clientId: "",
// 是否移动端（支持触摸）
supportTouch: "ontouchend" in document,
// 浏览器尺寸信息
windowWidth: $A(window).width(),
windowHeight: $A(window).height(),
windowScrollY: 0,
// 浏览器窗口类型
windowLarge: $A(window).width() > 834, // 大窗口
windowSmall: $A(window).width() <= 834, // 小窗口
// 窗口是否激活 // 窗口是否激活
windowActive: true, windowActive: true,
// 窗口滚动条位置
windowScrollY: 0,
// 浏览器支持触摸事件
windowTouch: "ontouchend" in document,
// 浏览器尺寸信息
windowWidth: windowWidth,
windowHeight: windowHeight,
// 浏览器窗口方向
windowOrientation: windowOrientation,
windowLandscape: windowOrientation === 'landscape', // 横屏
windowPortrait: windowOrientation === 'portrait', // 竖屏
// 表单布局
formLabelPosition: windowWidth > 576 ? 'right' : 'top',
formLabelWidth: windowWidth > 576 ? 'auto' : '',
// App通知权限 // App通知权限
appNotificationPermission: true, appNotificationPermission: true,
@ -171,10 +182,6 @@ export default {
// 工作报告未读数量 // 工作报告未读数量
reportUnreadNumber: 0, reportUnreadNumber: 0,
// 表单布局
formLabelPosition: $A(window).width() > 576 ? 'right' : 'top',
formLabelWidth: $A(window).width() > 576 ? 'auto' : '',
// 加密相关 // 加密相关
apiKeyData: {}, apiKeyData: {},
localKeyPair: {}, localKeyPair: {},

1
resources/assets/sass/components/_.scss vendored
View File

@ -13,4 +13,5 @@
@import "user-avatar"; @import "user-avatar";
@import "user-input"; @import "user-input";
@import "report"; @import "report";
@import "resize-line";
@import "right-bottom"; @import "right-bottom";

4
resources/assets/sass/components/mobile.scss vendored
View File

@ -314,13 +314,13 @@
opacity: 0; opacity: 0;
} }
body.support-touch { body.window-touch {
.mobile-back { .mobile-back {
display: block; display: block;
} }
} }
@media (max-width: 834px) { body.window-portrait {
.mobile-tabbar { .mobile-tabbar {
display: flex; display: flex;
} }

30
resources/assets/sass/components/resize-line.scss vendored Normal file
View File

@ -0,0 +1,30 @@
.component-resize-line {
cursor: col-resize;
&.resizing {
&:after {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
cursor: col-resize;
}
}
&.bottom {
cursor: row-resize;
&:after {
cursor: row-resize;
}
}
}
body.window-portrait {
.component-resize-line {
display: none;
}
}

2
resources/assets/sass/components/right-bottom.scss vendored
View File

@ -88,7 +88,7 @@
} }
} }
@media (max-width: 834px) { body.window-portrait {
.common-right-bottom { .common-right-bottom {
bottom: 20px; bottom: 20px;
right: auto; right: auto;

2
resources/assets/sass/pages/components/chat-input.scss vendored
View File

@ -788,7 +788,7 @@
} }
} }
@media (max-width: 834px) { body.window-portrait {
.chat-input-box { .chat-input-box {
.chat-input-quick-emoji { .chat-input-quick-emoji {
right: 10px; right: 10px;

29
resources/assets/sass/pages/components/dialog-group-info.scss vendored
View File

@ -71,12 +71,6 @@
} }
} }
@media (max-width: 834px) {
&:hover {
background-color: transparent;
}
}
&.no { &.no {
&:hover { &:hover {
background-color: transparent; background-color: transparent;
@ -123,11 +117,6 @@
transform: translateX(50%); transform: translateX(50%);
transition: all 0.2s; transition: all 0.2s;
@media (max-width: 834px) {
opacity: 1;
transform: translateX(0);
}
&:hover { &:hover {
> i { > i {
color: $primary-text-color; color: $primary-text-color;
@ -150,3 +139,21 @@
} }
} }
} }
body.window-portrait {
.dialog-group-info {
.group-info-user {
> ul {
> li {
&:hover {
background-color: transparent;
}
.user-exit {
opacity: 1;
transform: translateX(0);
}
}
}
}
}
}

20
resources/assets/sass/pages/components/dialog-respond.scss vendored
View File

@ -42,12 +42,6 @@
background-color: rgba($primary-desc-color, 0.1); background-color: rgba($primary-desc-color, 0.1);
} }
@media (max-width: 834px) {
&:hover {
background-color: transparent;
}
}
.common-avatar { .common-avatar {
width: 0; width: 0;
flex: 1; flex: 1;
@ -59,3 +53,17 @@
} }
} }
} }
body.window-portrait {
.dialog-respond {
.respond-user {
> ul {
> li {
&:hover {
background-color: transparent;
}
}
}
}
}
}

24
resources/assets/sass/pages/components/dialog-wrapper.scss vendored
View File

@ -1602,7 +1602,7 @@
} }
} }
body.support-touch { body.window-touch {
.dialog-wrapper { .dialog-wrapper {
.dialog-scroller { .dialog-scroller {
user-select: none; user-select: none;
@ -1621,7 +1621,7 @@ body.support-touch {
} }
} }
@media (max-width: 834px) { body.window-portrait {
.dialog-wrapper { .dialog-wrapper {
background-color: #f8f8f8; background-color: #f8f8f8;
&.drawer-list { &.drawer-list {
@ -1851,18 +1851,18 @@ body.support-touch {
} }
} }
} }
}
@media (max-width: 834px) and (min-width: 390px){ @media (max-width: 768px) and (min-width: 390px){
.dialog-wrapper-operate { .dialog-wrapper-operate {
.operate-action { .operate-action {
width: 376px; width: 376px;
} }
.operate-emoji { .operate-emoji {
width: 376px; width: 376px;
> li { > li {
width: 46px; width: 46px;
}
} }
} }
} }

20
resources/assets/sass/pages/components/file-content.scss vendored
View File

@ -314,16 +314,6 @@
} }
} }
@media (max-width: 834px) {
.file-preview {
.edit-header {
.header-hint {
display: none;
}
}
}
}
@media (max-width: 1200px) { @media (max-width: 1200px) {
.file-content { .file-content {
overflow: auto; overflow: auto;
@ -343,3 +333,13 @@
} }
} }
} }
body.window-portrait {
.file-preview {
.edit-header {
.header-hint {
display: none;
}
}
}
}

49
resources/assets/sass/pages/components/meeting-manager.scss vendored
View File

@ -49,23 +49,6 @@ body {
} }
} }
} }
@media (max-width: 834px) {
grid-template-columns: none;
grid-gap: 12px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
> li {
width: calc(50% - 6px);
max-width: 180px;
.meeting-player {
.player {
width: 100%;
height: 176px;;
}
}
}
}
} }
} }
} }
@ -76,6 +59,37 @@ body {
} }
} }
} }
body.window-portrait {
.ivu-modal-wrap {
&.meeting-manager {
.ivu-modal {
.ivu-modal-content {
.ivu-modal-body {
> ul {
grid-template-columns: none;
grid-gap: 12px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
> li {
width: calc(50% - 6px);
max-width: 180px;
.meeting-player {
.player {
width: 100%;
height: 176px;;
}
}
}
}
}
}
}
}
}
}
.meeting-drag-ball { .meeting-drag-ball {
position: relative; position: relative;
background-color: #ffffff; background-color: #ffffff;
@ -97,6 +111,7 @@ body {
padding-left: 4px; padding-left: 4px;
} }
} }
.meeting-button-group { .meeting-button-group {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;

2
resources/assets/sass/pages/components/project-panel.scss vendored
View File

@ -1026,7 +1026,7 @@
} }
} }
@media (max-width: 834px) { body.window-portrait {
.project-panel { .project-panel {
.project-titbox { .project-titbox {
position: sticky; position: sticky;

2
resources/assets/sass/pages/components/task-add.scss vendored
View File

@ -206,7 +206,7 @@
} }
} }
@media (max-width: 834px) { body.window-portrait {
.task-add { .task-add {
.task-add-form, .task-add-form,
.task-add-advanced { .task-add-advanced {

2
resources/assets/sass/pages/components/task-detail.scss vendored
View File

@ -858,7 +858,7 @@
} }
} }
@media (max-width: 834px) { body.window-portrait {
.task-detail { .task-detail {
.task-info { .task-info {
.scroller { .scroller {

19
resources/assets/sass/pages/page-calendar.scss vendored
View File

@ -191,7 +191,7 @@
} }
} }
@media (max-width: 834px) { body.window-portrait {
.page-calendar { .page-calendar {
.calendar-head { .calendar-head {
.calendar-titbox { .calendar-titbox {
@ -229,16 +229,17 @@
} }
} }
} }
} @media (max-width: 640px) {
.page-calendar {
@media (max-width: 640px) { .calendar-box {
.page-calendar { .calendar-wrapper {
.calendar-box { .tui-full-calendar-popup-arrow {
.calendar-wrapper { display: none;
.tui-full-calendar-popup-arrow { }
display: none;
} }
} }
} }
} }
} }

2
resources/assets/sass/pages/page-dashboard.scss vendored
View File

@ -286,7 +286,7 @@
opacity: 0; opacity: 0;
} }
@media (max-width: 834px) { body.window-portrait {
.page-dashboard { .page-dashboard {
.dashboard-wrapper { .dashboard-wrapper {
display: block; display: block;

2
resources/assets/sass/pages/page-file.scss vendored
View File

@ -695,7 +695,7 @@
} }
} }
@media (max-width: 834px) { body.window-portrait {
.page-file { .page-file {
.file-wrapper { .file-wrapper {
.file-head { .file-head {

2
resources/assets/sass/pages/page-login.scss vendored
View File

@ -198,7 +198,7 @@
} }
} }
@media (max-width: 834px) { body.window-portrait {
.page-login { .page-login {
.login-body { .login-body {
padding: 0 0 110px; padding: 0 0 110px;

2
resources/assets/sass/pages/page-manage.scss vendored
View File

@ -421,7 +421,7 @@
} }
} }
@media (max-width: 834px) { body.window-portrait {
.page-manage { .page-manage {
&.show-tabbar { &.show-tabbar {
.manage-box-main { .manage-box-main {

2
resources/assets/sass/pages/page-messenger.scss vendored
View File

@ -590,7 +590,7 @@
} }
} }
@media (max-width: 834px) { body.window-portrait {
.page-messenger { .page-messenger {
.messenger-wrapper { .messenger-wrapper {
.messenger-select { .messenger-select {

2
resources/assets/sass/pages/page-setting.scss vendored
View File

@ -372,7 +372,7 @@
} }
} }
@media (max-width: 834px) { body.window-portrait {
.page-setting { .page-setting {
.setting-head { .setting-head {
margin: 32px 32px 0; margin: 32px 32px 0;

2
resources/views/desktop.blade.php
View File

@ -100,7 +100,7 @@
line-height: 26px line-height: 26px
} }
@media (max-width: 834px) { @media (max-width: 768px) {
.mirror { .mirror {
width: 100%; width: 100%;
padding: 0 15px 10px padding: 0 15px 10px