From 74c036b0034fc5dcd0800e049735bf5904aed23b Mon Sep 17 00:00:00 2001
From: zhangwencui <1064582902@qq.com>
Date: 星期五, 23 一月 2026 11:29:29 +0800
Subject: [PATCH] 首页协同办公图标太多整理
---
src/pages/index.vue | 123 +++--
src/pages.json | 7
src/pages/managementMeetings/rulesRegulationsManagement/index.vue | 6
src/pages/indexItem.vue | 1083 +++++++++++++++++++++++++++++++++++++++++++++++++++
4 files changed, 1,165 insertions(+), 54 deletions(-)
diff --git a/src/pages.json b/src/pages.json
index 0cbf52b..a304e98 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -275,6 +275,13 @@
}
},
{
+ "path": "pages/indexItem",
+ "style": {
+ "navigationBarTitleText": "鑰冨嫟绠＄悊",
+ "navigationStyle": "custom"
+ }
+ },
+ {
"path": "pages/cooperativeOffice/collaborativeApproval/index5",
"style": {
"navigationBarTitleText": "閲囪喘绠＄悊",
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 04c6c96..f39559a 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -278,62 +278,74 @@
// 鍗忓悓鍔炲叕鍔熻兘鏁版嵁
const collaborationItems = reactive([
+ // {
+ // icon: "/static/images/icon/gongchuguanli@2x.png",
+ // label: "鍏嚭绠＄悊",
+ // },
+ // {
+ // icon: "/static/images/icon/qingjiaguanli@2x.png",
+ // label: "璇峰亣绠＄悊",
+ // },
+ // {
+ // icon: "/static/images/icon/chuchaiguanli@2x.png",
+ // label: "鍑哄樊绠＄悊",
+ // },
{
- icon: "/static/images/icon/gongchuguanli@2x.png",
- label: "鍏嚭绠＄悊",
- },
- {
- icon: "/static/images/icon/qingjiaguanli@2x.png",
- label: "璇峰亣绠＄悊",
+ icon: "/static/images/icon/chuchaiguanli@2x.png",
+ label: "鑰冨嫟绠＄悊",
},
{
icon: "/static/images/icon/chuchaiguanli@2x.png",
- label: "鍑哄樊绠＄悊",
+ label: "璐㈠姟绠＄悊",
},
+ // {
+ // icon: "/static/images/icon/chuchaiguanli@2x.png",
+ // label: "鎶ラ攢绠＄悊",
+ // },
+ // {
+ // icon: "/static/images/icon/chuchaiguanli@2x.png",
+ // label: "閲囪喘绠＄悊",
+ // },
+ // {
+ // icon: "/static/images/icon/chuchaiguanli@2x.png",
+ // label: "鎶ヤ环绠＄悊",
+ // },
+ // {
+ // icon: "/static/images/icon/chuchaiguanli@2x.png",
+ // label: "鍑哄簱绠＄悊",
+ // },
{
icon: "/static/images/icon/chuchaiguanli@2x.png",
- label: "鎶ラ攢绠＄悊",
+ label: "浼氳绠＄悊",
},
- {
- icon: "/static/images/icon/chuchaiguanli@2x.png",
- label: "閲囪喘绠＄悊",
- },
- {
- icon: "/static/images/icon/chuchaiguanli@2x.png",
- label: "鎶ヤ环绠＄悊",
- },
- {
- icon: "/static/images/icon/chuchaiguanli@2x.png",
- label: "鍑哄簱绠＄悊",
- },
- {
- icon: "/static/images/icon/qingjiaguanli@2x.png",
- label: "浼氳璁剧疆",
- },
- {
- icon: "/static/images/icon/qingjiaguanli@2x.png",
- label: "浼氳鍒楄〃",
- },
- {
- icon: "/static/images/icon/qingjiaguanli@2x.png",
- label: "浼氳鐢宠",
- },
- {
- icon: "/static/images/icon/qingjiaguanli@2x.png",
- label: "浼氳瀹℃壒",
- },
- {
- icon: "/static/images/icon/qingjiaguanli@2x.png",
- label: "浼氳鍙戝竷",
- },
- {
- icon: "/static/images/icon/qingjiaguanli@2x.png",
- label: "浼氳鎬荤粨",
- },
- {
- icon: "/static/images/icon/qingjiaguanli@2x.png",
- label: "浼氳鐪嬫澘",
- },
+ // {
+ // icon: "/static/images/icon/qingjiaguanli@2x.png",
+ // label: "浼氳璁剧疆",
+ // },
+ // {
+ // icon: "/static/images/icon/qingjiaguanli@2x.png",
+ // label: "浼氳鍒楄〃",
+ // },
+ // {
+ // icon: "/static/images/icon/qingjiaguanli@2x.png",
+ // label: "浼氳鐢宠",
+ // },
+ // {
+ // icon: "/static/images/icon/qingjiaguanli@2x.png",
+ // label: "浼氳瀹℃壒",
+ // },
+ // {
+ // icon: "/static/images/icon/qingjiaguanli@2x.png",
+ // label: "浼氳鍙戝竷",
+ // },
+ // {
+ // icon: "/static/images/icon/qingjiaguanli@2x.png",
+ // label: "浼氳鎬荤粨",
+ // },
+ // {
+ // icon: "/static/images/icon/qingjiaguanli@2x.png",
+ // label: "浼氳鐪嬫澘",
+ // },
{
icon: "/static/images/icon/qingjiaguanli@2x.png",
label: "閫氱煡鍏憡",
@@ -513,6 +525,21 @@
url: "/pages/cooperativeOffice/collaborativeApproval/index4",
});
break;
+ case "鑰冨嫟绠＄悊":
+ uni.navigateTo({
+ url: "/pages/indexItem?label=鑰冨嫟绠＄悊",
+ });
+ break;
+ case "璐㈠姟绠＄悊":
+ uni.navigateTo({
+ url: "/pages/indexItem?label=璐㈠姟绠＄悊",
+ });
+ break;
+ case "浼氳绠＄悊":
+ uni.navigateTo({
+ url: "/pages/indexItem?label=浼氳绠＄悊",
+ });
+ break;
case "閲囪喘绠＄悊":
uni.navigateTo({
url: "/pages/cooperativeOffice/collaborativeApproval/index5",
diff --git a/src/pages/indexItem.vue b/src/pages/indexItem.vue
new file mode 100644
index 0000000..4234cd4
--- /dev/null
+++ b/src/pages/indexItem.vue
@@ -0,0 +1,1083 @@
+<template>
+ <view class="content">
+ <PageHeader :title="operationType"
+ @back="goBack" />
+ <view class="common-module collaboration-module">
+ <view class="module-header">
+ <view class="module-title-container">
+ <text class="module-title">{{ operationType }}</text>
+ </view>
+ </view>
+ <view class="module-content">
+ <up-grid :border="false"
+ col="4">
+ <up-grid-item v-for="(item, index) in commonItems"
+ :key="index"
+ @click="handleCommonItemClick(item)">
+ <view class="icon-container"
+ :style="{ background: item.bgColor }">
+ <up-icon :name="item.icon"
+ :size="58"
+ color="#ffffff"></up-icon>
+ </view>
+ <text class="item-label">{{item.label}}</text>
+ </up-grid-item>
+ </up-grid>
+ </view>
+ </view>
+ </view>
+</template>
+
+<script setup>
+ import { onMounted, reactive, ref } from "vue";
+ import useUserStore from "@/store/modules/user";
+ import { onLoad } from "@dcloudio/uni-app";
+ import PageHeader from "@/components/PageHeader.vue";
+
+ const userStore = useUserStore();
+ const kaoqin = reactive([
+ {
+ icon: "/static/images/icon/gongchuguanli@2x.png",
+ label: "鍏嚭绠＄悊",
+ },
+ {
+ icon: "/static/images/icon/qingjiaguanli@2x.png",
+ label: "璇峰亣绠＄悊",
+ },
+ {
+ icon: "/static/images/icon/chuchaiguanli@2x.png",
+ label: "鍑哄樊绠＄悊",
+ },
+ ]);
+ const caiwu = reactive([
+ {
+ icon: "/static/images/icon/chuchaiguanli@2x.png",
+ label: "鎶ラ攢绠＄悊",
+ },
+ {
+ icon: "/static/images/icon/chuchaiguanli@2x.png",
+ label: "閲囪喘绠＄悊",
+ },
+ {
+ icon: "/static/images/icon/chuchaiguanli@2x.png",
+ label: "鎶ヤ环绠＄悊",
+ },
+ {
+ icon: "/static/images/icon/chuchaiguanli@2x.png",
+ label: "鍑哄簱绠＄悊",
+ },
+ ]);
+
+ const huiyi = reactive([
+ {
+ icon: "/static/images/icon/qingjiaguanli@2x.png",
+ label: "浼氳璁剧疆",
+ },
+ {
+ icon: "/static/images/icon/qingjiaguanli@2x.png",
+ label: "浼氳鍒楄〃",
+ },
+ {
+ icon: "/static/images/icon/qingjiaguanli@2x.png",
+ label: "浼氳鐢宠",
+ },
+ {
+ icon: "/static/images/icon/qingjiaguanli@2x.png",
+ label: "浼氳瀹℃壒",
+ },
+ {
+ icon: "/static/images/icon/qingjiaguanli@2x.png",
+ label: "浼氳鍙戝竷",
+ },
+ {
+ icon: "/static/images/icon/qingjiaguanli@2x.png",
+ label: "浼氳鎬荤粨",
+ },
+ {
+ icon: "/static/images/icon/qingjiaguanli@2x.png",
+ label: "浼氳鐪嬫澘",
+ },
+ ]);
+ const commonItems = ref([]);
+ // 澶勭悊甯哥敤鍔熻兘鐐瑰嚮
+ const handleCommonItemClick = item => {
+ // 鏍规嵁涓嶅悓鐨勫姛鑳介」杩涜璺宠浆
+ switch (item.label) {
+ case "閿�鍞彴璐�":
+ uni.navigateTo({
+ url: "/pages/sales/salesAccount/index",
+ });
+ break;
+ case "寮�绁ㄧ櫥璁�":
+ uni.navigateTo({
+ url: "/pages/sales/invoicingRegistration/index",
+ });
+ break;
+ case "寮�绁ㄥ彴璐�":
+ uni.navigateTo({
+ url: "/pages/sales/invoiceLedger/index",
+ });
+ break;
+ case "鍥炴鐧昏":
+ uni.navigateTo({
+ url: "/pages/sales/receiptPayment/index",
+ });
+ break;
+ case "鍥炴娴佹按":
+ uni.navigateTo({
+ url: "/pages/sales/receiptPaymentHistory/index",
+ });
+ break;
+ case "瀹㈡埛寰�鏉�":
+ uni.navigateTo({
+ url: "/pages/sales/receiptPaymentLedger/index",
+ });
+ break;
+ case "閲囪喘鍙拌处":
+ uni.navigateTo({
+ url: "/pages/procurementManagement/procurementLedger/index",
+ });
+ break;
+ case "鏉ョエ鐧昏":
+ uni.navigateTo({
+ url: "/pages/procurementManagement/invoiceEntry/index",
+ });
+ break;
+ case "鏉ョエ鍙拌处":
+ uni.navigateTo({
+ url: "/pages/procurementManagement/procurementInvoiceLedger/index",
+ });
+ break;
+ case "浠樻鐧昏":
+ uni.navigateTo({
+ url: "/pages/procurementManagement/paymentEntry/index",
+ });
+ break;
+ case "浠樻娴佹按":
+ uni.navigateTo({
+ url: "/pages/procurementManagement/receiptPaymentHistory/index",
+ });
+ break;
+ case "渚涘簲鍟嗗線鏉�":
+ uni.navigateTo({
+ url: "/pages/procurementManagement/paymentLedger/index",
+ });
+ break;
+ case "鍏嚭绠＄悊":
+ uni.navigateTo({
+ url: "/pages/cooperativeOffice/collaborativeApproval/index1",
+ });
+ break;
+ case "璇峰亣绠＄悊":
+ uni.navigateTo({
+ url: "/pages/cooperativeOffice/collaborativeApproval/index2",
+ });
+ break;
+ case "鍑哄樊绠＄悊":
+ uni.navigateTo({
+ url: "/pages/cooperativeOffice/collaborativeApproval/index3",
+ });
+ break;
+ case "鎶ラ攢绠＄悊":
+ uni.navigateTo({
+ url: "/pages/cooperativeOffice/collaborativeApproval/index4",
+ });
+ break;
+ case "閲囪喘绠＄悊":
+ uni.navigateTo({
+ url: "/pages/cooperativeOffice/collaborativeApproval/index5",
+ });
+ break;
+ case "鎶ヤ环绠＄悊":
+ uni.navigateTo({
+ url: "/pages/cooperativeOffice/collaborativeApproval/index6",
+ });
+ break;
+ case "鍑哄簱绠＄悊":
+ uni.navigateTo({
+ url: "/pages/cooperativeOffice/collaborativeApproval/index7",
+ });
+ break;
+ case "浼氳璁剧疆":
+ uni.navigateTo({
+ url: "/pages/managementMeetings/meetingSettings/index",
+ });
+ break;
+ case "浼氳鍒楄〃":
+ uni.navigateTo({
+ url: "/pages/managementMeetings/meetingList/index",
+ });
+ break;
+ case "浼氳鐢宠":
+ uni.navigateTo({
+ url: "/pages/managementMeetings/meetApplication/index",
+ });
+ break;
+ case "浼氳瀹℃壒":
+ uni.navigateTo({
+ url: "/pages/managementMeetings/meetExamine/index",
+ });
+ break;
+ case "浼氳鍙戝竷":
+ uni.navigateTo({
+ url: "/pages/managementMeetings/meetPublish/index",
+ });
+ break;
+ case "浼氳鎬荤粨":
+ uni.navigateTo({
+ url: "/pages/managementMeetings/meetSummary/index",
+ });
+ break;
+ case "浼氳鐪嬫澘":
+ uni.navigateTo({
+ url: "/pages/managementMeetings/meetingBoard/index",
+ });
+ break;
+ case "閫氱煡鍏憡":
+ uni.navigateTo({
+ url: "/pages/cooperativeOffice/noticeManagement/index",
+ });
+ break;
+ case "鐭ヨ瘑搴�":
+ uni.navigateTo({
+ url: "/pages/managementMeetings/knowledgeBase/index",
+ });
+ break;
+ case "鐢ㄥ嵃绠＄悊":
+ uni.navigateTo({
+ url: "/pages/managementMeetings/sealManagement/index",
+ });
+ break;
+ case "瑙勭珷鍒跺害":
+ uni.navigateTo({
+ url: "/pages/managementMeetings/rulesRegulationsManagement/index",
+ });
+ break;
+
+ case "鍗忓悓瀹℃壒":
+ uni.navigateTo({
+ url: "/pages/cooperativeOffice/collaborativeApproval/index",
+ });
+ break;
+ case "瀹㈡埛鎷滆":
+ uni.navigateTo({
+ url: "/pages/cooperativeOffice/clientVisit/index",
+ });
+ break;
+ case "鐢熶骇璁㈠崟":
+ uni.navigateTo({
+ url: "/pages/productionManagement/productionOrder/index",
+ });
+ break;
+ case "鐢熶骇娲惧伐":
+ uni.navigateTo({
+ url: "/pages/productionManagement/productionDispatching/index",
+ });
+ break;
+ case "宸ュ簭鎺掍骇":
+ uni.navigateTo({
+ url: "/pages/productionManagement/processScheduling/index",
+ });
+ break;
+ case "鐢熶骇鏍哥畻":
+ uni.navigateTo({
+ url: "/pages/productionManagement/productionAccounting/index",
+ });
+ break;
+ case "璁惧鍙拌处":
+ uni.navigateTo({
+ url: "/pages/equipmentManagement/ledger/index",
+ });
+ break;
+ case "璁惧鎶ヤ慨":
+ uni.navigateTo({
+ url: "/pages/equipmentManagement/repair/index",
+ });
+ break;
+ case "璁惧淇濆吇":
+ uni.navigateTo({
+ url: "/pages/equipmentManagement/upkeep/index",
+ });
+ break;
+ case "宸℃涓婁紶":
+ uni.navigateTo({
+ url: "/pages/inspectionUpload/index",
+ });
+ break;
+ case "鍒嗘瀽杩芥函":
+ uni.navigateTo({
+ url: "/pages/equipmentManagement/faultAnalysis/index",
+ });
+ break;
+ case "鏅鸿兘娲惧崟":
+ uni.navigateTo({
+ url: "/pages/equipmentManagement/smartDispatch/index",
+ });
+ break;
+ case "浣滀笟鎸囧":
+ uni.navigateTo({
+ url: "/pages/equipmentManagement/sop/index",
+ });
+ break;
+ case "缁撴灉楠岃瘉":
+ uni.navigateTo({
+ url: "/pages/equipmentManagement/verification/index",
+ });
+ break;
+ default:
+ uni.showToast({
+ title: `鐐瑰嚮浜�${item.label}`,
+ icon: "none",
+ });
+ }
+ };
+ // 杩斿洖涓婁竴椤�
+ const goBack = () => {
+ uni.navigateBack();
+ };
+
+ onMounted(() => {
+ // 璁剧疆鐢ㄦ埛淇℃伅
+ userStore.getInfo();
+ });
+ const operationType = ref("");
+ onLoad(options => {
+ if (options.label) {
+ operationType.value = options.label;
+ if (operationType.value === "鑰冨嫟绠＄悊") {
+ commonItems.value = kaoqin;
+ } else if (operationType.value === "浼氳绠＄悊") {
+ commonItems.value = huiyi;
+ } else if (operationType.value === "璐㈠姟绠＄悊") {
+ commonItems.value = caiwu;
+ }
+ }
+ console.log(operationType.value);
+ console.log(commonItems.value);
+ });
+</script>
+
+
+<style scoped lang="scss">
+ .content {
+ background: linear-gradient(135deg, #f8f9fa 0%, #e3f2fd 100%);
+ min-height: 100vh;
+ padding: 1.25rem;
+ /* 涓烘墍鏈夎澶囪缃熀纭�padding-top */
+ padding-top: 40px;
+ position: relative;
+
+ /* iOS璁惧浣跨敤env()鍑芥暟澶勭悊瀹夊叏鍖哄煙 */
+ padding-top: env(safe-area-inset-top);
+
+ /* 涓哄畨鍗撹澶囪缃洿澶х殑椤堕儴鍐呰竟璺� */
+ /* #ifdef APP-PLUS && !MP && !H5 */
+ padding-top: 45px;
+ /* #endif */
+
+ /* H5鍜屽皬绋嬪簭骞冲彴鐨勯�氱敤鏍峰紡 */
+ /* #ifdef H5 || MP */
+ padding-top: 30px;
+ /* #endif */
+
+ &::before {
+ content: "";
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(41, 121, 255, 0.03)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
+ pointer-events: none;
+ z-index: -1;
+ }
+
+ &::after {
+ content: "";
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: radial-gradient(
+ circle at 20% 80%,
+ rgba(41, 121, 255, 0.02) 0%,
+ transparent 50%
+ ),
+ radial-gradient(
+ circle at 80% 20%,
+ rgba(156, 39, 176, 0.02) 0%,
+ transparent 50%
+ );
+ pointer-events: none;
+ z-index: -1;
+ }
+ }
+
+ .header-section {
+ margin-bottom: 1rem;
+ animation: fadeInDown 0.6s ease-out;
+ /* 涓哄畨鍗撹澶囬澶栬皟鏁村ご閮ㄤ綅缃� */
+ /* #ifdef APP-PLUS && !MP && !H5 */
+ margin-top: 10px;
+ /* #endif */
+ }
+
+ .currentFactory {
+ margin-top: 0.5rem;
+ margin-left: 0.25rem;
+ font-weight: 500;
+ display: flex;
+ }
+
+ .factoryName {
+ width: auto;
+ }
+
+ :deep(.u-text) {
+ align-items: center;
+ }
+
+ .hero-section {
+ margin-bottom: 1rem;
+ animation: fadeInUp 0.6s ease-out 0.1s both;
+ }
+
+ .bg-img {
+ width: 100%;
+ height: 8.75rem;
+ background-image: url("../static/images/banner/backview.png");
+ background-size: cover;
+ border-radius: 0.75rem;
+ position: relative;
+ overflow: hidden;
+ box-shadow: 0 0.25rem 1.25rem rgba(41, 121, 255, 0.15);
+
+ &::before {
+ content: "";
+ position: absolute;
+ top: -50%;
+ left: -50%;
+ width: 200%;
+ height: 200%;
+ background: conic-gradient(
+ from 0deg,
+ transparent,
+ rgba(255, 255, 255, 0.1),
+ transparent,
+ rgba(255, 255, 255, 0.05),
+ transparent
+ );
+ animation: rotate 20s linear infinite;
+ }
+
+ &::after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 7.5rem;
+ height: 7.5rem;
+ background: radial-gradient(
+ circle,
+ rgba(255, 255, 255, 0.15) 0%,
+ transparent 70%
+ );
+ border-radius: 50%;
+ transform: translate(2.5rem, -2.5rem);
+ }
+ }
+
+ .hero-content {
+ position: relative;
+ z-index: 1;
+ padding: 1.25rem 1.25rem 1.6rem 1.25rem;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: flex-start;
+ }
+
+ .hero-title {
+ color: #ffffff;
+ font-size: 1.625rem;
+ font-weight: 700;
+ letter-spacing: 0.03125rem;
+ text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
+ }
+ .hero-subtitle {
+ font-size: 0.8125rem;
+ margin-top: 0.375rem;
+ }
+ .hero-wave {
+ height: 2.75rem;
+ }
+
+ .hero-subtitle {
+ color: rgba(255, 255, 255, 0.9);
+ font-size: 0.8125rem;
+ margin-top: 0.375rem;
+ font-weight: 400;
+ text-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.5);
+ }
+
+ .hero-wave {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ height: 2.75rem;
+ background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path fill='%23ffffff' fill-opacity='0.2' d='M0,224L48,218.7C96,213,192,203,288,197.3C384,192,480,192,576,176C672,160,768,128,864,122.7C960,117,1056,139,1152,144C1248,149,1344,139,1392,133.3L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'></path></svg>")
+ no-repeat bottom center/cover;
+ pointer-events: none;
+ }
+
+ .notice-section {
+ margin-bottom: 1rem;
+ animation: fadeInUp 0.6s ease-out 0.2s both;
+ }
+
+ .notice {
+ width: 100%;
+ background: linear-gradient(135deg, #eaf2ff 0%, #bbdefb 100%);
+ border: 0.0625rem solid #e3f2fd;
+ border-radius: 0.75rem;
+ padding: 1rem;
+ box-shadow: 0 0.25rem 1.25rem rgba(41, 121, 255, 0.08);
+ position: relative;
+ overflow: hidden;
+
+ &::before {
+ content: "";
+ position: absolute;
+ top: -50%;
+ left: -50%;
+ width: 200%;
+ height: 200%;
+ background: linear-gradient(
+ 45deg,
+ transparent,
+ rgba(255, 255, 255, 0.6),
+ transparent
+ );
+ animation: shine 4s infinite;
+ }
+
+ &::after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 5rem;
+ height: 5rem;
+ background: radial-gradient(
+ circle,
+ rgba(255, 255, 255, 0.2) 0%,
+ transparent 70%
+ );
+ border-radius: 50%;
+ transform: translate(1.875rem, -1.875rem);
+ }
+
+ &:hover {
+ transform: translateY(-0.125rem);
+ box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.1);
+ }
+ }
+
+ @keyframes shine {
+ 0% {
+ transform: translateX(-100%) translateY(-100%) rotate(45deg);
+ }
+ 100% {
+ transform: translateX(100%) translateY(100%) rotate(45deg);
+ }
+ }
+
+ @keyframes fadeInDown {
+ from {
+ opacity: 0;
+ transform: translateY(-1.25rem);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+ }
+
+ @keyframes fadeInUp {
+ from {
+ opacity: 0;
+ transform: translateY(1.25rem);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+ }
+
+ @keyframes fadeInScale {
+ 0% {
+ opacity: 0;
+ transform: translateY(0.5rem) scale(0.96);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0) scale(1);
+ }
+ }
+
+ .notice-content {
+ display: flex;
+ align-items: center;
+ height: 100%;
+ position: relative;
+ z-index: 1;
+ }
+
+ .notice-left {
+ margin-right: 1rem;
+ }
+
+ .notice-status {
+ font-weight: 600;
+ font-size: 1rem;
+ color: #1976d2;
+ }
+
+ .notice-separator {
+ width: 0.0625rem;
+ height: 1.5rem;
+ background: #e0e0e0;
+ margin-right: 1rem;
+ }
+
+ .notice-right {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex: 1;
+ }
+
+ .notice-label {
+ color: #333;
+ font-size: 0.875rem;
+ font-weight: 500;
+ margin-right: 0.75rem;
+ }
+
+ .notice-text {
+ font-weight: 400;
+ font-size: 0.875rem;
+ color: #666666;
+ }
+
+ .notice-number {
+ font-weight: 600;
+ font-size: 1rem;
+ color: #1976d2;
+ margin-left: 0.25rem;
+ }
+
+ .notice-unit {
+ font-weight: 600;
+ font-size: 1rem;
+ color: #1976d2;
+ margin-left: 0.25rem;
+ }
+
+ /* 鍔熻兘妯″潡鏍峰紡 */
+ .common-module {
+ margin-bottom: 1.5rem;
+ background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
+ border-radius: 1rem;
+ padding: 1rem;
+ box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.06);
+ border: none;
+ position: relative;
+ overflow: hidden;
+ transition: all 0.3s ease;
+
+ &::after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 3.75rem;
+ height: 3.75rem;
+ background: radial-gradient(
+ circle,
+ rgba(0, 0, 0, 0.02) 0%,
+ transparent 70%
+ );
+ border-radius: 50%;
+ transform: translate(1.875rem, -1.875rem);
+ }
+ }
+
+ .marketing-module {
+ --module-color: #2979ff;
+ }
+
+ .purchase-module {
+ --module-color: #1976d2;
+ }
+
+ .collaboration-module {
+ --module-color: #4caf50;
+ }
+
+ .production-module {
+ --module-color: #ff9800;
+ }
+
+ .equipment-module {
+ --module-color: #9c27b0;
+ }
+
+ .module-header {
+ margin-bottom: 1.5rem;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ }
+
+ .module-title-container {
+ display: flex;
+ align-items: center;
+ }
+
+ .module-title {
+ color: #333333;
+ font-size: 1.125rem;
+ font-weight: 600;
+ position: relative;
+ }
+
+ .module-subtitle {
+ color: #666666;
+ font-size: 0.75rem;
+ font-weight: 400;
+ margin-left: 0.5rem;
+ }
+
+ .module-content {
+ width: 100%;
+ display: grid;
+ gap: 1rem;
+ }
+
+ .icon-container {
+ width: 3.25rem;
+ height: 3.25rem;
+ border-radius: 0.75rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-bottom: 0.375rem;
+ box-shadow: 0 0.1875rem 0.75rem rgba(0, 0, 0, 0.12);
+ transition: all 0.2s ease;
+ position: relative;
+ overflow: hidden;
+ animation: fadeInScale 0.5s ease both;
+
+ &::before {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: linear-gradient(
+ 135deg,
+ rgba(255, 255, 255, 0.1) 0%,
+ transparent 50%,
+ rgba(255, 255, 255, 0.05) 100%
+ );
+ opacity: 0;
+ transition: opacity 0.3s ease;
+ }
+
+ &::after {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 0.75rem;
+ background: linear-gradient(
+ 45deg,
+ transparent,
+ rgba(255, 255, 255, 0.2),
+ transparent
+ );
+ opacity: 0;
+ transition: opacity 0.3s ease;
+ }
+
+ &:hover {
+ transform: translateY(-0.1875rem) scale(1.02);
+ box-shadow: 0 0.5rem 1.5625rem rgba(0, 0, 0, 0.18);
+
+ &::before,
+ &::after {
+ opacity: 1;
+ }
+ }
+
+ &:active {
+ transform: scale(0.97);
+ box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.18);
+ }
+ }
+
+ .item-label {
+ font-size: 0.8125rem;
+ color: #555555;
+ text-align: center;
+ display: block;
+ line-height: 1.4;
+ font-weight: 500;
+ margin-top: 0.25rem;
+ margin-bottom: 0.625rem;
+ }
+
+ .grid-text {
+ font-size: 0.875rem;
+ color: #909399;
+ padding: 0.625rem 0 1.25rem 0;
+ /* #ifndef APP-PLUS */
+ box-sizing: border-box;
+ /* #endif */
+ }
+
+ /* 鏆楄壊妯″紡閫傞厤 */
+ @media (prefers-color-scheme: dark) {
+ .content {
+ background: linear-gradient(135deg, #121317 0%, #161a20 100%);
+ }
+ .content::before {
+ background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255, 255, 255, 0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
+ }
+ .common-module {
+ background: linear-gradient(135deg, #1e1f24 0%, #23252b 100%);
+ box-shadow: 0 0.375rem 1.5rem rgba(0, 0, 0, 0.35);
+ }
+ .module-title {
+ color: #e9edf3;
+ }
+ .module-subtitle,
+ .item-label,
+ .notice-text,
+ .notice-unit,
+ .notice-label {
+ color: #c7cbd3;
+ }
+ .notice {
+ background: linear-gradient(135deg, #1b2330 0%, #1a2432 100%);
+ border-color: rgba(255, 255, 255, 0.06);
+ box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, 0.4);
+ }
+ .notice-status,
+ .notice-number {
+ color: #8ab4ff;
+ }
+ .bg-img {
+ background: linear-gradient(135deg, #1f4fb9 0%, #0e3a8a 100%);
+ }
+ }
+
+ @keyframes rotate {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+ }
+
+ @keyframes fadeInDown {
+ from {
+ opacity: 0;
+ transform: translateY(-1.25rem);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+ }
+
+ @keyframes fadeInUp {
+ from {
+ opacity: 0;
+ transform: translateY(1.25rem);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+ }
+
+ @keyframes fadeInScale {
+ 0% {
+ opacity: 0;
+ transform: translateY(0.5rem) scale(0.96);
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0) scale(1);
+ }
+ }
+
+ .notice-left {
+ margin-right: 1rem;
+ }
+ .notice-status {
+ font-size: 1rem;
+ }
+ .notice-separator {
+ width: 0.0625rem;
+ height: 1.5rem;
+ margin-right: 1rem;
+ }
+ .notice-label {
+ font-size: 0.875rem;
+ margin-right: 0.75rem;
+ }
+ .notice-text {
+ font-size: 0.875rem;
+ }
+ .notice-number {
+ font-size: 1rem;
+ margin-left: 0.25rem;
+ }
+ .notice-unit {
+ font-size: 0.875rem;
+ margin-left: 0.125rem;
+ }
+
+ .common-module {
+ margin-bottom: 1.5rem;
+ background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
+ border-radius: 1rem;
+ padding: 1rem;
+ box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.06);
+ border: none;
+ position: relative;
+ overflow: hidden;
+ transition: all 0.3s ease;
+
+ &::after {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 3.75rem;
+ height: 3.75rem;
+ background: radial-gradient(
+ circle,
+ rgba(0, 0, 0, 0.02) 0%,
+ transparent 70%
+ );
+ border-radius: 50%;
+ transform: translate(1.875rem, -1.875rem);
+ }
+ }
+
+ .marketing-module {
+ --module-color: #2979ff;
+ }
+
+ .purchase-module {
+ --module-color: #1976d2;
+ }
+
+ .collaboration-module {
+ --module-color: #4caf50;
+ }
+
+ .production-module {
+ --module-color: #ff9800;
+ }
+
+ .equipment-module {
+ --module-color: #9c27b0;
+ }
+
+ .module-header {
+ margin-bottom: 1.5rem;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ }
+
+ .module-title-container {
+ display: flex;
+ align-items: center;
+ }
+
+ .module-title {
+ color: #333333;
+ font-size: 1.125rem;
+ font-weight: 600;
+ position: relative;
+ }
+
+ .module-subtitle {
+ color: #666666;
+ font-size: 0.75rem;
+ font-weight: 400;
+ margin-left: 0.5rem;
+ }
+
+ .module-content {
+ width: 100%;
+ display: grid;
+ gap: 1rem;
+ }
+
+ .icon-container {
+ width: 3.25rem;
+ height: 3.25rem;
+ border-radius: 0.75rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-bottom: 0.375rem;
+ box-shadow: 0 0.1875rem 0.75rem rgba(0, 0, 0, 0.12);
+ transition: all 0.2s ease;
+ position: relative;
+ overflow: hidden;
+ animation: fadeInScale 0.5s ease both;
+
+ &:hover {
+ transform: translateY(-0.1875rem) scale(1.02);
+ box-shadow: 0 0.5rem 1.5625rem rgba(0, 0, 0, 0.18);
+ }
+
+ &:active {
+ transform: scale(0.97);
+ box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.18);
+ }
+ }
+
+ .item-label {
+ font-size: 0.8125rem;
+ margin-top: 0.25rem;
+ margin-bottom: 0.625rem;
+ }
+ .grid-text {
+ font-size: 0.875rem;
+ }
+
+ @media (prefers-color-scheme: dark) {
+ .common-module {
+ box-shadow: 0 0.375rem 1.5rem rgba(0, 0, 0, 0.35);
+ }
+ .notice {
+ box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, 0.4);
+ }
+ }
+</style>
\ No newline at end of file
diff --git a/src/pages/managementMeetings/rulesRegulationsManagement/index.vue b/src/pages/managementMeetings/rulesRegulationsManagement/index.vue
index 40c942f..e3f223b 100644
--- a/src/pages/managementMeetings/rulesRegulationsManagement/index.vue
+++ b/src/pages/managementMeetings/rulesRegulationsManagement/index.vue
@@ -115,12 +115,6 @@
@click="viewDetail(item,2)">
缂栬緫
</u-button>
- <u-button type="primary"
- size="small"
- class="action-btn"
- @click="fileList(item)">
- 闄勪欢
- </u-button>
</view>
</view>
</view>
--
Gitblit v1.9.3