海川开心-修改生产管控-生产订单

周宾

10 天以前 ad1130e4bd03661df016dc3fd4bf8b60ce8b1ca2

 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>
@@ -107,6 +106,65 @@
            >
               <up-grid-item
                  v-for="(item, index) in collaborationItems"
                  :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 collaboration-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 inventoryManagement"
                  :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 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)"
               >
@@ -244,6 +302,18 @@
// 协同办公功能数据
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/xietongshenpi@2x.png',
      label: '协同审批',
   },
@@ -252,13 +322,53 @@
      label: '客户拜访',
   }
]);
// 协同办公功能数据inventoryManagement/receiptManagement
const inventoryManagement = reactive([
   {
      icon: '/static/images/icon/rukuguanli@2x.png',
      label: '自定义入库',
   },
   {
      icon: '/static/images/icon/zidingyichuku.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'
   }
]);

// 设备管理功能数据
const equipmentItems = reactive([
   // {
   //    icon: '/static/images/icon/shebeitaizhang@2x.png',
   //    label: '设备台账',
   // },
   {
      icon: '/static/images/icon/shebeitaizhang@2x.png',
      label: '设备台账',
   },
   {
      icon: '/static/images/icon/shbeibaoxiu@2x.png',
      label: '设备报修',
@@ -271,26 +381,26 @@
      icon: '/static/images/icon/xunjianshangchuan@2x.png',
      label: '巡检上传',
   },
   {
      icon: '/static/images/icon/guzhangfenxi@2x.png',
      label: '分析追溯',
      bgColor: '#ff9800'
   },
   {
      icon: '/static/images/icon/zhinengpaidan@2x.png',
      label: '智能派单',
      bgColor: '#ff6b35'
   },
   {
      icon: '/static/images/icon/zuoyezhidao@2x.png',
      label: '作业指导',
      bgColor: '#4caf50'
   },
   {
      icon: '/static/images/icon/jieguoyanzheng@2x.png',
      label: '结果验证',
      bgColor: '#9c27b0'
   }
   // {
   //    icon: '/static/images/icon/guzhangfenxi@2x.png',
   //    label: '分析追溯',
   //    bgColor: '#ff9800'
   // },
   // {
   //    icon: '/static/images/icon/zhinengpaidan@2x.png',
   //    label: '智能派单',
   //    bgColor: '#ff6b35'
   // },
   // {
   //    icon: '/static/images/icon/zuoyezhidao@2x.png',
   //    label: '作业指导',
   //    bgColor: '#4caf50'
   // },
   // {
   //    icon: '/static/images/icon/jieguoyanzheng@2x.png',
   //    label: '结果验证',
   //    bgColor: '#9c27b0'
   // }
]);

// 处理常用功能点击
@@ -357,6 +467,21 @@
            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/index'
@@ -365,6 +490,41 @@
      case '客户拜访':
         uni.navigateTo({
            url: '/pages/cooperativeOffice/clientVisit/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/productionManagement/productionOrder/index'
         });
         break;
      case '生产派工':
         uni.navigateTo({
            url: '/pages/productionManagement/productionDispatching/index'
         });
         break;
      case '工序排产':
         uni.navigateTo({
            url: '/pages/productionManagement/operationScheduling/index'
         });
         break;
      case '生产报工':
         uni.navigateTo({
            url: '/pages/productionManagement/productionReporting/index'
         });
         break;
      case '生产核算':
         uni.navigateTo({
            url: '/pages/productionManagement/productionCosting/index'
         });
         break;
      case '设备台账':
@@ -557,7 +717,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 +751,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 +764,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 +774,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 +963,10 @@

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

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

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

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

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