天津双奇点-仓储物流开发

周宾

12 小时以前 81dbb5d80f59a434702ea9264c66a93411430325

 src/pages/index.vue

@@ -11,8 +11,7 @@
      <view class="hero-section">
         <view class="bg-img">
            <view class="hero-content">
               <text class="hero-title"></text>
               <text class="hero-subtitle"></text>
               <text class="hero-title">双奇点</text>
            </view>
            <view class="hero-wave"></view>
         </view>
@@ -32,7 +31,35 @@
      <!--            </view>-->
      <!--         </view>-->
      <!--      </view>-->
		
      <!-- 仓储物流模块 -->
      <view class="common-module marketing-module">
         <view class="module-header">
            <view class="module-title-container">
               <text class="module-title">仓储物流</text>
            </view>
         </view>
         <view class="module-content">
            <up-grid
               :border="false"
               col="4"
            >
               <up-grid-item
                  v-for="(item, index) in warehousingLogisticsItems"
                  :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 class="common-module marketing-module">
         <view class="module-header">
@@ -123,6 +150,36 @@
         </view>
      </view>
      
      <!-- 生产管控模块 -->
      <view class="common-module production-module">
         <view class="module-header">
            <view class="module-title-container">
               <text class="module-title">生产管控</text>
            </view>
         </view>
         <view class="module-content">
            <up-grid
               :border="false"
               col="4"
            >
               <up-grid-item
                  v-for="(item, index) in productionItems"
                  :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 class="common-module equipment-module">
         <view class="module-header">
@@ -184,6 +241,26 @@
      currentStatus.value = statusList[statusIndex]
   }, 3000)
}

//仓储物流功能数据
const warehousingLogisticsItems = reactive([
   {
      icon: '/static/images/icon/xiaoshoutaizhang@2x.png',
      label: '入库管理',
   },
   {
      icon: '/static/images/icon/kaipiaodengji@2x.png',
      label: '出库管理',
   },
   {
      icon: '/static/images/icon/kaipiaotaizhang@2x.png',
      label: '出库台账',
   },
   {
      icon: '/static/images/icon/huikuandengji@2x.png',
      label: '库存管理',
   }
]);

// 营销管理功能数据
const marketingItems = reactive([
@@ -250,6 +327,35 @@
   {
      icon: '/static/images/icon/kehubaifang@2x.png',
      label: '客户拜访',
   }
]);

// 生产管控功能数据
const productionItems = reactive([
   {
      icon: '/static/images/icon/shengchandingdan@2x.png',
      label: '生产订单',
      bgColor: '#FF9800'
   },
   {
      icon: '/static/images/icon/shengchanpaigong@2x.png',
      label: '生产派工',
      bgColor: '#FF6B35'
   },
   {
      icon: '/static/images/icon/shengchanpaichan@2x.png',
      label: '工序排产',
      bgColor: '#E91E63'
   },
   {
      icon: '/static/images/icon/shengchanbaogong@2x.png',
      label: '生产报工',
      bgColor: '#673AB7'
   },
   {
      icon: '/static/images/icon/shengchanhesuan@2x.png',
      label: '生产核算',
      bgColor: '#3F51B5'
   }
]);

@@ -367,6 +473,31 @@
            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/productionReport/index'
         });
         break;
      case '生产核算':
         uni.navigateTo({
            url: '/pages/productionManagement/productionAccounting/index'
         });
         break;
      case '设备台账':
         uni.navigateTo({
            url: '/pages/equipmentManagement/ledger/index'
@@ -407,6 +538,26 @@
            url: '/pages/equipmentManagement/verification/index'
         });
         break;
      case '入库管理':
         uni.navigateTo({
            url: '/pages/inventoryManagement/receiptManagement/index'
         });
         break
      case '出库管理':
         uni.navigateTo({
            url: '/pages/inventoryManagement/issueManagement/index'
         });
         break
      case '出库台账':
         uni.navigateTo({
            url: '/pages/inventoryManagement/dispatchLog/index'
         });
         break
      case '库存管理':
         uni.navigateTo({
            url: '/pages/inventoryManagement/stockManagement/index'
         });
         break
      default:
         uni.showToast({
            title: `点击了${item.label}`,
@@ -557,7 +708,7 @@
.bg-img {
   width: 100%;
   height: 8.75rem;
   background-image: url("../static/images/banner/view-background.png");
   background-image: url("../static/images/banner/backview.png");
   background-size: cover;
   border-radius: 0.75rem;
   position: relative;
@@ -591,12 +742,12 @@
.hero-content {
   position: relative;
   z-index: 1;
   padding: 1.25rem;
   padding: 1.25rem 1.25rem 1.6rem 1.25rem;
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   justify-content: flex-start;
}

.hero-title {
@@ -604,6 +755,7 @@
   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; }
@@ -613,6 +765,7 @@
   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 {
@@ -801,6 +954,10 @@

.collaboration-module {
   --module-color: #4caf50;
}

.production-module {
   --module-color: #FF9800;
}

.equipment-module {
@@ -1009,6 +1166,10 @@
   --module-color: #4caf50;
}

.production-module {
   --module-color: #FF9800;
}

.equipment-module {
   --module-color: #9c27b0;
}