From 39707d88d55815bcac1871a4073ee3d237894fb0 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Thu, 5 Jan 2023 09:49:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9A=E5=88=B6=E6=96=B9=E6=A1=88-=E5=B0=8F?=
 =?UTF-8?q?=E7=A8=8B=E5=BA=8F-=E5=BA=95=E9=83=A8=E5=AF=BC=E8=88=AA?=
 =?UTF-8?q?=E6=A0=8F=E5=A2=9E=E5=8A=A0=20=E6=B7=BB=E5=8A=A0=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=92=8C=E4=BD=8D=E7=BD=AE=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../oms/apps/develop/AppDeployCustom/add.vue  | 27 +++++++++++++++----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/project/oms/apps/develop/AppDeployCustom/add.vue b/project/oms/apps/develop/AppDeployCustom/add.vue
index 3049b065..4f119621 100644
--- a/project/oms/apps/develop/AppDeployCustom/add.vue
+++ b/project/oms/apps/develop/AppDeployCustom/add.vue
@@ -110,11 +110,13 @@
                     <el-form-item label="接口是否单服务">
                       <el-checkbox v-model="form.isSingleService"/>
                     </el-form-item>
-                    <ai-title title="底部导航栏"/>
-                    <ai-table :tableData="tabBar.list" :colConfigs="colConfigs" tableSize="mini" :isShowPagination="false" border>
-                      <el-table-column slot="options" label="操作" width="140" align="center">
+                    <ai-title title="底部导航栏">
+                      <el-button type="text" slot="rightBtn" icon="iconfont iconAdd" @click="tabBar.list.push({})">添加</el-button>
+                    </ai-title>
+                    <ai-table :tableData="tabBar.list" :colConfigs="colConfigs" tableSize="mini" :isShowPagination="false" border ref="TabBar">
+                      <el-table-column slot="options" label="操作" width="260" align="center">
                         <template slot-scope="{row,$index}">
-                          <el-row type="flex" justify="center">
+                          <el-row type="flex" class="tabBarOptions">
                             <ai-dialog-btn text="更换" dialogTitle="选择应用">
                               <ai-lib-table :meta="appList" v-model="row.id" @select="v=>handleTabbarChange(row,v)" :isShowPagination="false" v-bind="$props"
                                             :border="false"/>
@@ -131,6 +133,8 @@
                               </el-form-item>
                             </ai-dialog-btn>
                             <el-button type="text" @click="handleTabbarDelete($index)">删除</el-button>
+                            <el-button type="text" @click="handleTabbarPosition($index,-1)" v-if="$index>0">上移</el-button>
+                            <el-button type="text" @click="handleTabbarPosition($index,1)" v-if="$index<tabBar.list.length-1">下移</el-button>
                           </el-row>
                         </template>
                       </el-table-column>
@@ -246,7 +250,7 @@ export default {
         // customPath: {required: true, message: "请输入"},
       },
       colConfigs: [
-        {prop: 'text', label: "名称"},
+        {prop: 'text', label: "名称", width: 120},
         {prop: 'pagePath', label: "应用路径"},
         {prop: 'iconPath', label: "默认图标"},
         {prop: 'selectedIconPath', label: "选中图标"},
@@ -350,6 +354,11 @@ export default {
     handleAppEdit(row) {
       const i = this.form.appList.findIndex(e => e.id == row.id)
       this.form.appList.splice(i, 1, row)
+    },
+    handleTabbarPosition(i, offset) {
+      const row = this.tabBar.list[i]
+      this.tabBar.list.splice(i, 1, this.tabBar.list[i + offset])
+      this.tabBar.list.splice(i + offset, 1, row)
     }
   },
   created() {
@@ -365,5 +374,13 @@ export default {
   .mar-l16 {
     margin-left: 16px;
   }
+
+  :deep(.tabBarOptions) {
+    flex-wrap: wrap;
+
+    .el-button--text + .el-button--text {
+      margin-left: 0;
+    }
+  }
 }
 </style>