|
|
@@ -58,6 +58,24 @@
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
+ <section class="portal-mobile-shortcuts mt-3 md:hidden!">
|
|
|
+ <button
|
|
|
+ type="button"
|
|
|
+ class="portal-mobile-shortcut"
|
|
|
+ @click="router.push('/flow')"
|
|
|
+ >
|
|
|
+ 流程门户
|
|
|
+ </button>
|
|
|
+ <button
|
|
|
+ type="button"
|
|
|
+ class="portal-mobile-shortcut"
|
|
|
+ @click="router.push('/drive')"
|
|
|
+ >
|
|
|
+ 驾驶舱门户
|
|
|
+ </button>
|
|
|
+ <button type="button" class="portal-mobile-shortcut">报表门户</button>
|
|
|
+ </section>
|
|
|
+
|
|
|
<section class="mt-3 grid gap-4 xl:grid-cols-[1.74fr_0.74fr]">
|
|
|
<div class="space-y-4">
|
|
|
<article
|
|
|
@@ -78,7 +96,7 @@
|
|
|
|
|
|
<div
|
|
|
v-if="section.apps?.length"
|
|
|
- class="grid grid-cols-[repeat(2,minmax(0,1fr))] gap-2 p-6 md:grid-cols-[repeat(4,minmax(0,1fr))]"
|
|
|
+ class="grid grid-cols-[repeat(2,minmax(0,1fr))] gap-2 p-6 px-3 md:px-6 md:grid-cols-[repeat(4,minmax(0,1fr))]"
|
|
|
>
|
|
|
<button
|
|
|
v-for="(app, appIndex) in section.apps"
|
|
|
@@ -1202,8 +1220,26 @@ onUnmounted(() => {
|
|
|
min-width: 0;
|
|
|
flex: 1;
|
|
|
white-space: nowrap;
|
|
|
- /* overflow: hidden;
|
|
|
- text-overflow: ellipsis; */
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+}
|
|
|
+
|
|
|
+.portal-mobile-shortcuts {
|
|
|
+ display: grid;
|
|
|
+ grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
|
+ gap: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.portal-mobile-shortcut {
|
|
|
+ min-width: 0;
|
|
|
+ border: 0;
|
|
|
+ border-radius: 10px;
|
|
|
+ padding: 10px 8px;
|
|
|
+ background: linear-gradient(180deg, #ffffff 0%, #eaf2ff 100%);
|
|
|
+ color: #0d4a9d;
|
|
|
+ font-size: 13px;
|
|
|
+ font-weight: 600;
|
|
|
+ box-shadow: 0 6px 16px rgba(58, 110, 187, 0.08);
|
|
|
}
|
|
|
|
|
|
.side-card {
|
