| | |
| | | <template> |
| | | <view class="content"> |
| | | <view class="content"> |
| | | <view class="header-section"> |
| | | <view class="currentFactory"> |
| | | <up-text type="primary" :text="userStore.currentFactoryName" @click="show = true" size="18" |
| | | class="factoryName" suffixIcon="arrow-right" :iconStyle="iconStyle"></up-text> |
| | | class="factoryName" suffixIcon="arrow-right" :iconStyle="iconStyle"></up-text> |
| | | </view> |
| | | <up-picker :show="show" :columns="factoryList" @confirm="changeFactory" @cancel="show = false"></up-picker> |
| | | </view> |
| | |
| | | </view> |
| | | </view> |
| | | |
| | | <view class="notice-section"> |
| | | <view class="notice"> |
| | | <view class="notice-content"> |
| | | <view class="notice-left"> |
| | | <text class="notice-status">通知</text> |
| | | </view> |
| | | <view class="notice-separator"></view> |
| | | <view class="notice-right"> |
| | | <text class="notice-label">{{currentStatus}}</text> |
| | | <text class="notice-text">当日销售设备数:<text class="notice-number">{{number}}<text class="notice-unit">个</text></text></text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <!-- <view class="notice-section">--> |
| | | <!-- <view class="notice">--> |
| | | <!-- <view class="notice-content">--> |
| | | <!-- <view class="notice-left">--> |
| | | <!-- <text class="notice-status">通知</text>--> |
| | | <!-- </view>--> |
| | | <!-- <view class="notice-separator"></view>--> |
| | | <!-- <view class="notice-right">--> |
| | | <!-- <text class="notice-label">{{currentStatus}}</text>--> |
| | | <!-- <text class="notice-text">当日销售设备数:<text class="notice-number">{{number}}<text class="notice-unit">个</text></text></text>--> |
| | | <!-- </view>--> |
| | | <!-- </view>--> |
| | | <!-- </view>--> |
| | | <!-- </view>--> |
| | | |
| | | <!-- 营销管理模块 --> |
| | | <view class="common-module marketing-module"> |
| | |
| | | <view class="icon-container" :style="{ background: item.bgColor }"> |
| | | <up-icon |
| | | :name="item.icon" |
| | | :size="26" |
| | | :size="58" |
| | | color="#ffffff" |
| | | ></up-icon> |
| | | </view> |
| | |
| | | <view class="icon-container" :style="{ background: item.bgColor }"> |
| | | <up-icon |
| | | :name="item.icon" |
| | | :size="26" |
| | | :size="58" |
| | | color="#ffffff" |
| | | ></up-icon> |
| | | </view> |
| | |
| | | <view class="icon-container" :style="{ background: item.bgColor }"> |
| | | <up-icon |
| | | :name="item.icon" |
| | | :size="26" |
| | | :size="58" |
| | | color="#ffffff" |
| | | ></up-icon> |
| | | </view> |
| | |
| | | <view class="icon-container" :style="{ background: item.bgColor }"> |
| | | <up-icon |
| | | :name="item.icon" |
| | | :size="26" |
| | | :size="58" |
| | | color="#ffffff" |
| | | ></up-icon> |
| | | </view> |
| | |
| | | </up-grid> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | | <script setup> |
| | |
| | | // 营销管理功能数据 |
| | | const marketingItems = reactive([ |
| | | { |
| | | icon: 'account', |
| | | icon: '/static/images/icon/xiaoshoutaizhang@2x.png', |
| | | label: '销售台账', |
| | | bgColor: '#2979ff' |
| | | }, |
| | | { |
| | | icon: 'home', |
| | | icon: '/static/images/icon/kaipiaodengji@2x.png', |
| | | label: '开票登记', |
| | | bgColor: '#1976d2' |
| | | }, |
| | | { |
| | | icon: 'file-text', |
| | | icon: '/static/images/icon/kaipiaotaizhang@2x.png', |
| | | label: '开票台账', |
| | | bgColor: '#42a5f5' |
| | | }, |
| | | { |
| | | icon: 'shopping-cart', |
| | | icon: '/static/images/icon/huikuandengji@2x.png', |
| | | label: '回款登记', |
| | | bgColor: '#64b5f6' |
| | | }, |
| | | { |
| | | icon: 'chat', |
| | | icon: '/static/images/icon/huikuanliushui@2x.png', |
| | | label: '回款流水', |
| | | bgColor: '#90caf9' |
| | | }, |
| | | { |
| | | icon: 'chat', |
| | | icon: '/static/images/icon/kehuwanglai@2x.png', |
| | | label: '客户往来', |
| | | bgColor: '#90caf9' |
| | | } |
| | | ]); |
| | | |
| | | // 采购管理功能数据 |
| | | const purchaseItems = reactive([ |
| | | { |
| | | icon: 'order', |
| | | icon: '/static/images/icon/caigoutaizhang@2x.png', |
| | | label: '采购台账', |
| | | bgColor: '#bbdefb' |
| | | }, |
| | | { |
| | | icon: 'truck', |
| | | icon: '/static/images/icon/laipiaodengji@2x.png', |
| | | label: '来票登记', |
| | | bgColor: '#e3f2fd' |
| | | }, |
| | | { |
| | | icon: 'box', |
| | | icon: '/static/images/icon/laipiaotaizhang@2x.png', |
| | | label: '来票台账', |
| | | bgColor: '#f3e5f5' |
| | | }, |
| | | { |
| | | icon: 'chart-line', |
| | | icon: '/static/images/icon/fukuanjingji@2x.png', |
| | | label: '付款登记', |
| | | bgColor: '#e8eaf6' |
| | | }, |
| | | { |
| | | icon: 'settings', |
| | | icon: '/static/images/icon/fukuanliushui@2x.png', |
| | | label: '付款流水', |
| | | bgColor: '#f1f8e9' |
| | | }, |
| | | { |
| | | icon: 'settings', |
| | | icon: '/static/images/icon/gongyingshangwanglai@2x.png', |
| | | label: '供应商往来', |
| | | bgColor: '#f1f8e9' |
| | | }, |
| | | ]); |
| | | |
| | | // 协同办公功能数据 |
| | | const collaborationItems = reactive([ |
| | | { |
| | | icon: 'checkmark-circle', |
| | | icon: '/static/images/icon/xietongshenpi@2x.png', |
| | | label: '协同审批', |
| | | bgColor: '#4caf50' |
| | | }, |
| | | { |
| | | icon: 'map-pin', |
| | | icon: '/static/images/icon/kehubaifang@2x.png', |
| | | label: '客户拜访', |
| | | bgColor: '#ff9800' |
| | | } |
| | | ]); |
| | | |
| | | // 设备管理功能数据 |
| | | const equipmentItems = reactive([ |
| | | // { |
| | | // icon: '/static/images/icon/shebeitaizhang@2x.png', |
| | | // label: '设备台账', |
| | | // }, |
| | | { |
| | | icon: 'list', |
| | | label: '设备台账', |
| | | bgColor: '#9c27b0' |
| | | }, |
| | | { |
| | | icon: 'wrench', |
| | | icon: '/static/images/icon/shbeibaoxiu@2x.png', |
| | | label: '设备报修', |
| | | bgColor: '#f44336' |
| | | }, |
| | | { |
| | | icon: 'shield-check', |
| | | icon: '/static/images/icon/shbeibaoyang@2x.png', |
| | | label: '设备保养', |
| | | bgColor: '#00bcd4' |
| | | } |
| | | ]); |
| | | |
| | |
| | | background: linear-gradient(135deg, #f8f9fa 0%, #e3f2fd 100%); |
| | | min-height: 100vh; |
| | | padding: 1.25rem; |
| | | padding-top: env(safe-area-inset-top); |
| | | /* 为所有设备设置基础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: ''; |
| | |
| | | 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%); |
| | | radial-gradient(circle at 80% 20%, rgba(156, 39, 176, 0.02) 0%, transparent 50%); |
| | | pointer-events: none; |
| | | z-index: -1; |
| | | } |
| | | } |
| | | |
| | | /* 本页不再定义 .safe-area-top,已移至全局样式 */ |
| | | |
| | | .header-section { |
| | | margin-bottom: 1rem; |
| | | animation: fadeInDown 0.6s ease-out; |
| | | /* 为安卓设备额外调整头部位置 */ |
| | | /* #ifdef APP-PLUS && !MP && !H5 */ |
| | | margin-top: 10px; |
| | | /* #endif */ |
| | | } |
| | | |
| | | .currentFactory { |
| | |
| | | |
| | | |
| | | @keyframes shine { |
| | | 0% { |
| | | transform: translateX(-100%) translateY(-100%) rotate(45deg); |
| | | 0% { |
| | | transform: translateX(-100%) translateY(-100%) rotate(45deg); |
| | | } |
| | | 100% { |
| | | transform: translateX(100%) translateY(100%) rotate(45deg); |
| | | 100% { |
| | | transform: translateX(100%) translateY(100%) rotate(45deg); |
| | | } |
| | | } |
| | | |