From b38b335fa1876e519c9d95f884dc43dff29ed0a6 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Sat, 25 Dec 2021 01:29:28 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E5=B0=8F=E5=B1=8F=E5=B9=95=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E5=BA=95=E9=83=A8=E6=8C=89=E9=92=AE=E9=93=BA=E5=85=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/pages/manage.vue          |  2 +-
 .../pages/manage/components/ProjectList.vue   |  6 ++---
 .../js/pages/manage/components/TaskAdd.vue    | 26 ++++++++++---------
 resources/assets/js/pages/manage/file.vue     |  2 +-
 resources/assets/sass/pages/common.scss       | 24 +++++++++++++++++
 5 files changed, 43 insertions(+), 17 deletions(-)

diff --git a/resources/assets/js/pages/manage.vue b/resources/assets/js/pages/manage.vue
index 908051ab..93f8fb39 100644
--- a/resources/assets/js/pages/manage.vue
+++ b/resources/assets/js/pages/manage.vue
@@ -117,7 +117,7 @@
                     </Select>
                 </FormItem>
             </Form>
-            <div slot="footer">
+            <div slot="footer" class="adaption">
                 <Button type="default" @click="addShow=false">{{$L('取消')}}</Button>
                 <Button type="primary" :loading="loadIng > 0" @click="onAddProject">{{$L('添加')}}</Button>
             </div>
diff --git a/resources/assets/js/pages/manage/components/ProjectList.vue b/resources/assets/js/pages/manage/components/ProjectList.vue
index 4c34b796..b084b68e 100644
--- a/resources/assets/js/pages/manage/components/ProjectList.vue
+++ b/resources/assets/js/pages/manage/components/ProjectList.vue
@@ -328,7 +328,7 @@
                     <Input type="textarea" :autosize="{ minRows: 3, maxRows: 5 }" v-model="settingData.desc" :maxlength="255" :placeholder="$L('选填')"></Input>
                 </FormItem>
             </Form>
-            <div slot="footer">
+            <div slot="footer" class="adaption">
                 <Button type="default" @click="settingShow=false">{{$L('取消')}}</Button>
                 <Button type="primary" :loading="settingLoad > 0" @click="onSetting">{{$L('修改')}}</Button>
             </div>
@@ -344,7 +344,7 @@
                     <UserInput v-if="userShow" v-model="userData.userids" :uncancelable="userData.uncancelable" :multiple-max="100" :placeholder="$L('选择项目成员')"/>
                 </FormItem>
             </Form>
-            <div slot="footer">
+            <div slot="footer" class="adaption">
                 <Button type="default" @click="userShow=false">{{$L('取消')}}</Button>
                 <Poptip
                     v-if="userWaitRemove.length > 0"
@@ -379,7 +379,7 @@
                     <UserInput v-if="transferShow" v-model="transferData.owner_userid" :multiple-max="1" :placeholder="$L('选择项目负责人')"/>
                 </FormItem>
             </Form>
-            <div slot="footer">
+            <div slot="footer" class="adaption">
                 <Button type="default" @click="transferShow=false">{{$L('取消')}}</Button>
                 <Button type="primary" :loading="transferLoad > 0" @click="onTransfer">{{$L('移交')}}</Button>
             </div>
diff --git a/resources/assets/js/pages/manage/components/TaskAdd.vue b/resources/assets/js/pages/manage/components/TaskAdd.vue
index 2e3612a0..c40f6b96 100644
--- a/resources/assets/js/pages/manage/components/TaskAdd.vue
+++ b/resources/assets/js/pages/manage/components/TaskAdd.vue
@@ -111,18 +111,20 @@
         </Form>
 
         <div class="ivu-modal-footer">
-            <Button type="default" @click="close">{{$L('取消')}}</Button>
-            <ButtonGroup class="page-manage-add-task-button-group">
-                <Button type="primary" :loading="loadIng > 0" @click="onAdd">{{$L('添加任务')}}</Button>
-                <Dropdown @on-click="onAdd(true)">
-                    <Button type="primary" :loading="loadIng > 0">
-                        <Icon type="ios-arrow-down"></Icon>
-                    </Button>
-                    <DropdownMenu slot="list">
-                        <DropdownItem>{{$L('提交继续添加')}}</DropdownItem>
-                    </DropdownMenu>
-                </Dropdown>
-            </ButtonGroup>
+            <div class="adaption">
+                <Button type="default" @click="close">{{$L('取消')}}</Button>
+                <ButtonGroup class="page-manage-add-task-button-group">
+                    <Button type="primary" :loading="loadIng > 0" @click="onAdd">{{$L('添加任务')}}</Button>
+                    <Dropdown @on-click="onAdd(true)">
+                        <Button type="primary" :loading="loadIng > 0">
+                            <Icon type="ios-arrow-down"></Icon>
+                        </Button>
+                        <DropdownMenu slot="list">
+                            <DropdownItem>{{$L('提交继续添加')}}</DropdownItem>
+                        </DropdownMenu>
+                    </Dropdown>
+                </ButtonGroup>
+            </div>
         </div>
     </div>
 </template>
diff --git a/resources/assets/js/pages/manage/file.vue b/resources/assets/js/pages/manage/file.vue
index f1f89f0e..c644a508 100644
--- a/resources/assets/js/pages/manage/file.vue
+++ b/resources/assets/js/pages/manage/file.vue
@@ -188,7 +188,7 @@
                     <UserInput v-if="!shareInfo.userTmpHide" v-model="shareInfo.userids" :disabledChoice="[shareInfo.userid]" :multiple-max="100" :placeholder="$L('选择共享成员')"/>
                 </FormItem>
             </Form>
-            <div slot="footer">
+            <div slot="footer" class="adaption">
                 <Button type="default" :loading="shareLoad > 0" @click="onShare(false)">{{$L('取消共享')}}</Button>
                 <Button type="primary" :loading="shareLoad > 0" @click="onShare(true)">{{$L('设置共享')}}</Button>
             </div>
diff --git a/resources/assets/sass/pages/common.scss b/resources/assets/sass/pages/common.scss
index d98627e2..3075ae0d 100755
--- a/resources/assets/sass/pages/common.scss
+++ b/resources/assets/sass/pages/common.scss
@@ -173,6 +173,30 @@ body {
                     line-height: 32px;
                     min-width: 94px;
                 }
+                @media (max-width: 576px) {
+                    .adaption {
+                        display: flex;
+                        align-items: center;
+                        .ivu-btn,
+                        .ivu-btn-group,
+                        .ivu-poptip {
+                            flex: 1;
+                        }
+                        .ivu-btn-group {
+                            display: flex;
+                            align-items: center;
+                        }
+                        .ivu-poptip {
+                            display: flex;
+                            align-items: center;
+                            .ivu-poptip-rel {
+                                flex: 1;
+                                display: flex;
+                                align-items: center;
+                            }
+                        }
+                    }
+                }
             }
             .ivu-modal-content {
                 border-radius: 18px;