详情底部固定

.env.development

@@ -1,5 +1,5 @@
 # 接口地址http://8.136.199.33:8610/v1   http://8.136.199.33:7778/adminapi
-VITE_APP_API_URL="http://192.168.77.4:8610/v1"
+VITE_APP_API_URL="http://8.136.199.33:8610/v1"
 # 路由根地址
 VITE_APP_BASE_URL="/"
 # 打包输入文件名

src/views/sheetList/balanceDetail.vue

@@ -23,7 +23,7 @@ let showVersionPicker = ref(false)
 const chartList = ref([])
 const sheetActions = computed(() => {
     const list = [
-        { label: globalProperties.$t('shared_table.refresh'), types:'flushed', src: getStaticImg('table/flushed.png'), isAuth: etaTablePermission.etaTable_customize_balance_refresh},
+        // { label: globalProperties.$t('shared_table.refresh'), types:'flushed', src: getStaticImg('table/flushed.png'), isAuth: etaTablePermission.etaTable_customize_balance_refresh},
         { label: globalProperties.$t('shared_table.download'), types:'download', src: getStaticImg('table/download.png'), isAuth:etaTablePermission.etaTable_customize_balance_download},
         { label: globalProperties.$t('shared_table.delete'), types:'delete', src: getStaticImg('table/delete.png'), isAuth: etaTablePermission.etaTable_customize_balance_del},
     ]
@@ -301,12 +301,12 @@ function goChart () {
             <iframe :src="link + '/sheetshow?code=' + queryData.UniqueCode" frameborder="0" width="100%" height="100%"></iframe>
         </div>
         <div class="bottom">
-            <div v-for="item in sheetActions" :key="item.types">
+            <template v-for="item in sheetActions" :key="item.types">
                 <div class="bottom-item" @click="handleActionClick(item)" v-if="item.isAuth">
                     <img :src="item.src" alt="">
                     <div>{{item.label}}</div>
                 </div>
-            </div>
+            </template>
         </div>
         <!-- 更多设置弹窗 -->
         <van-popup
@@ -422,7 +422,7 @@ function goChart () {
     }
     .sheet-box{
         width: 100%;
-        height: calc(100% - 300px);
+        height: calc(100% - 320px);
     }
     .sheet-more-action-wrap{
         .head-box{
@@ -447,7 +447,12 @@ function goChart () {
         }
     }
     .bottom {
+        position: fixed;
+        bottom: 0;
+        right: 0;
+        z-index: 99;
         display: flex;
+        background-color: #fff;
         justify-content: space-around;
         .bottom-item {
             color: rgba(51, 51, 51, 1);
@@ -461,6 +466,11 @@ function goChart () {
             }
         }
     }
+    @media screen and (max-width: 650px) {
+        .bottom {
+            left: 0;
+        }
+    }
     @media screen and (min-width: 650px) {
         .filter-box {
             width: 50%;
@@ -519,13 +529,17 @@ function goChart () {
         .sheet-box{
             margin-top: 10px;
             width: 100%;
-            height: calc(100% - 125px);
+            height: calc(100% - 135px);
         }
         .bottom {
             width: 30%;
-            position: absolute;
-            right: 12px;
+            // position: absolute;
+            // right: 12px;
+            // bottom: 12px;
+            position: fixed;
             bottom: 12px;
+            right: 12px;
+            z-index: 99;
             display: flex;
             justify-content: space-around;
             .bottom-item {

src/views/sheetList/sharedDetail.vue

@@ -213,12 +213,12 @@ function Base64() {
             <iframe v-if="link" :src="link + '/sheetshow?code=' + queryData.UniqueCode" frameborder="0" width="100%" height="100%"></iframe>
         </div>
         <div class="bottom">
-            <div v-for="item in sheetActions" :key="item.types">
+            <template v-for="item in sheetActions" :key="item.types">
                 <div class="bottom-item" @click="handleActionClick(item)" v-if="item.isAuth">
                     <img :src="item.src" alt="">
                     <div>{{item.label}}</div>
                 </div>
-            </div>
+            </template>
         </div>
         <!-- 更多设置弹窗 -->
         <van-popup
@@ -274,7 +274,7 @@ function Base64() {
     }
     .sheet-box{
         width: 100%;
-        height: calc(100% - 200px);
+        height: calc(100% - 220px);
         // background-color: pink;
     }
     .sheet-more-action-wrap{
@@ -300,8 +300,16 @@ function Base64() {
         }
     }
     .bottom {
+        padding-top: 20px;
+        height: 120px;
+        position: fixed;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        z-index: 99;
         margin-top: 10px;
         display: flex;
+        background-color: #fff;
         justify-content: space-around;
         .bottom-item {
             color: rgba(51, 51, 51, 1);
@@ -356,7 +364,7 @@ function Base64() {
         .bottom {
             margin: 10px 0;
             display: flex;
-            justify-content: space-between;
+            justify-content: space-around;
             .bottom-item {
                 color: rgba(51, 51, 51, 1);
                 font-size: 10px;