wtt
2025-08-12 e295a3840e40fcd5e92c0493bf81c28f2e20df2e
pages/index/index.vue
@@ -1,181 +1,434 @@
<template>
   <view class="content">
      <view class="header">智云L-MES制造执行系统</view>
      <view class="header">智云L-MES制造执行系统
         <view class="switch-button">
            <uni-icons type="loop" @click="switchIconsModeHandler"></uni-icons>
         </view>
      </view>
      <view class="mains">
         <view class="box" v-for="(item,index) in itemData" :key="index" @tap="toUrl(item)">
         <view v-if="!canEdit" :hidden="item.hidden" class="box" v-for="(item,index) in itemData" :key="index" @tap="toUrl(item)">
               <image :src="item.img" mode=""></image>
               <view class="texts">
                  {{item.text}}
               </view>
         </view>
         <view :enable-hidden="item.hidden" v-if="canEdit" class="box edit" v-for="(item,index) in itemData"
            :key="index" @tap="switchHidden(index)">
            <uni-icons class="edit-mark" color="red" type="closeempty"></uni-icons>
            <image :src="item.img" mode=""></image>
            <view class="texts">
               {{item.text}}
            </view>
         </view>
      </view>
      <vers></vers>
   </view>
</template>
<script>
   import vers from './vers.vue';
   export default {
      components: {
         vers,
      },
      data() {
         return {
            menuListRowName: 'index',
            canEdit: false,
            serverUrl: uni.getStorageSync('serverUrl') || 'http://47.96.97.237/API',
            itemData: [{
                  img: '../../static/icon/icon1.png',
                  text: '设备档案',
                  url: '/pages/shebeidangan/table',
                  id: 1
               }, {
                  img: '../../static/icon/icon8.png',
                  text: '设备履历',
                  url: '/pages/shebeilvli/table',
                  id: 0,
               }, {
                  img: '../../static/icon/icon2.png',
                  text: '设备保养计划单',
                  url: '/pages/baoyangjihua/table',
                  id: 2
               }, {
                  img: '../../static/icon/icon3.png',
                  text: '设备保养记录单',
                  url: '/pages/baoyangjilu/table',
                  id: 3
               }, {
                  img: '../../static/icon/icon4.png',
                  text: '设备点检计划单',
                  url: '',
                  id: 4
               }, {
                  img: '../../static/icon/icon5.png',
                  text: '设备点检记录单',
                  url: '',
                  id: 5,
               }, {
                  img: '../../static/icon/icon6.png',
                  text: '设备故障登记表',
                  url: '/pages/guzhangdengji/table',
                  id: 6
               }, {
                  img: '../../static/icon/icon7.png',
                  text: '设备维修记录单',
                  url: '/pages/shebeiweixiu/table',
                  id: 7,
                  // },{
                  //  img:'../../static/icon/icon8.png',
                  //  text:'设备履历',
                  //  url:'/pages/shebeilvli/table',
                  //  id:8,
               }, {
                  img: '../../static/icon/icon9.png',
                  text: '工序进站接收单',
                  url: '/pages/gongxuIn/table',
                  id: 9,
               }, {
                  img: '../../static/icon/icon10.png',
                  text: '工序出站汇报单',
                  url: '/pages/gongxuOut/table',
                  id: 10,
               }, {
                  img: '../../static/icon/icon11.png',
                  text: '工序委外发出单',
                  url: '/pages/weiwaigxIn/table',
                  id: 11,
               }, {
                  img: '../../static/icon/icon12.png',
                  text: '工序委外接收单',
                  url: '/pages/weiwaigxOut/table',
                  id: 12,
                  // }, {
                  //    img: '../../static/icon/icon13.png',
                  //    text: '设备管理',
                  //    url: '/pages/shebeiguanli/table',
                  //    id: 13,
               }, {
                  img: '../../static/icon/icon14.png',
                  text: '报工平台',
                  url: '/pages/baogong/table',
                  id: 14,
               }, {
                  img: '../../static/icon/icon15.png',
                  text: '异常反馈单',
                  url: '/pages/yichang/table',
                  id: 15,
               }, {
                  img: '../../static/icon/icon16.png',
                  text: '异常反馈处理单',
                  url: '/pages/yichang/list',
                  id: 16,
               }, {
                  img: '../../static/icon/icon17.png',
                  text: '采购入库',
                  url: '/pages/caigouruku/table',
                  id: 17,
               }, {
                  img: '../../static/icon/icon18.png',
                  text: '采购退料',
                  url: '/pages/caigoutuiliao/table',
                  id: 18,
               }, {
                  img: '../../static/icon/icon19.png',
                  text: '销售出库',
                  url: '/pages/xiaoshouchuku/table',
                  id: 19,
               }, {
                  img: '../../static/icon/icon20.png',
                  text: '销售退货',
                  url: '/pages/xiaoshoutuihuo/table',
                  id: 20,
               }, {
                  img: '../../static/icon/icon16.png',
                  text: '标签打印',
                  url: '/pages/labelPrinter/index',
                  id: 21,
               },
               {
                  img: '../../static/icon/icon16.png',
                  text: '设备运行状态',
                  url: '/pages/shebeiyunxingzhuangtai/shebeiyunxingzhuangtai',
                  id: 22,
               },
               {
                  img: '../../static/icon/icon16.png',
                  text: '模具运行状态',
                  url: '/pages/mujvzhuangtai/mujvzhuangtai',
                  id: 23,
               },
               {
                  img: '../../static/icon/icon16.png',
                  text: '条码拆码',
                  url: '/pages/tiaomachaima/tiaomachaima',
                  id: 24,
               },
               {
                  img: '../../static/icon/icon16.png',
                  text: '其他入库',
                  url: '/pages/qitaruku/qitaruku',
                  id: 23,
               },
               {
                  img: '../../static/icon/icon16.png',
                  text: '其他出库',
                  url: '/pages/qitachuku/qitachuku',
                  id: 24,
               }
            ]
               img: '../../static/icon/icon8.png',
               text: '采购订单标签',
               url: '/pages/caigoudingdan/caigoudingdan',
               id: 1,
               hidden: false,
            }, {
               img: '../../static/icon/icon4.png',
               text: '采购订单子标签',
               url: '/pages/tiaomadaying/tiaomadaying',
               id: 2,
               hidden: false,
            }, {
               img: '../../static/icon/icon11.png',
               text: '收料通知单标签',
               url: '/pages/shouliaotongzhi/table',
               id: 3,
               hidden: false,
            }, {
               img: '../../static/icon/icon17.png',
               text: '采购入库新增',
               url: '/pages/caigouruku/form?OperationType=1',
               id: 4,
               hidden: false,
            }, {
               img: '../../static/icon/icon20.png',
               text: '采购退料新增',
               url: '/pages/caigoutuiliao/form?OperationType=1',
               id: 5,
               hidden: false,
            }, {
               img: '../../static/icon/icon32.png',
               text: '直接调拨新增',
               url: '/pages/zhijiediaobo/form?OperationType=1',
               id: 6,
               hidden: false,
            }, {
               img: '../../static/icon/icon30.png',
               text: '生产领料新增',
               url: '/pages/shengchanlingliaoshengdan/form?OperationType=1',
               id: 7,
               hidden: false,
            }, {
               img: '../../static/icon/icon31.png',
               text: '生产补料新增',
               url: '/pages/shengchanbuliao/form?OperationType=1',
               id: 8,
               hidden: false,
            }, {
               img: '../../static/icon/icon17.png',
               text: '生产入库新增',
               url: '/pages/shengchanrukushengdan/form?OperationType=1',
               id: 9,
               hidden: false,
            }, {
               img: '../../static/icon/icon30.png',
               text: '委外领料新增',
               url: '/pages/weiwailingliao/form?OperationType=1',
               id: 10,
               hidden: false,
            }, {
               img: '../../static/icon/icon17.png',
               text: '其他入库新增',
               url: '/pages/qitaruku_v2/form?OperationType=1',
               id: 11,
               hidden: false,
            }, {
               img: '../../static/icon/icon18.png',
               text: '其他出库新增',
               url: '/pages/qitachuku_v2/form?OperationType=1',
               id: 12,
               hidden: false,
            }, {
               img: '../../static/icon/icon18.png',
               text: '销售出库新增',
               url: '/pages/xiaoshouchuku/form?OperationType=1',
               id: 13,
               hidden: false,
            }, {
               img: '../../static/icon/icon19.png',
               text: '销售退货新增',
               url: '/pages/xiaoshoutuihuo/form?OperationType=1',
               id: 14,
               hidden: false,
            }, {
               img: '../../static/icon/icon30.png',
               text: '生产领料检验',
               url: '/pages/shengchanlingliao/form?OperationType=1',
               id: 15,
               hidden: false,
            }, {
               img: '../../static/icon/icon31.png',
               text: '生产补料校验',
               url: '/pages/shengchanbuliaojiaoyan/form?OperationType=1',
               id: 16,
               hidden: false,
            }, {
               img: '../../static/icon/icon32.png',
               text: '生产调拨校验',
               url: '/pages/shengchandiaobo/form?OperationType=1',
               id: 17,
               hidden: false,
            }, {
               img: '../../static/icon/icon18.png',
               text: '其他出库校验',
               url: '/pages/qitachukujiaoyan/detail?OperationType=1',
               id: 18,
               hidden: false,
            }, {
               img: '../../static/icon/icon17.png',
               text: '生产入库校验',
               url: '/pages/shengchanruku/form?OperationType=1',
               id: 19,
               hidden: false,
            }, {
               img: '../../static/icon/icon18.png',
               text: '销售出库校验',
               url: '/pages/xiaoshouchukujiaoyan/form?OperationType=1',
               id: 20,
               hidden: false,
            }, {
               img: '../../static/icon/icon30.png',
               text: '委外领料校验',
               url: '/pages/weiwailingliaojiaoyan/form?OperationType=1',
               id: 21,
               hidden: false,
            }],
            // itemData: [{
            //       img: '../../static/icon/icon1.png',
            //       text: '设备档案',
            //       url: '/pages/shebeidangan/table',
            //       id: 1
            //    }, {
            //       img: '../../static/icon/icon8.png',
            //       text: '设备履历',
            //       url: '/pages/shebeilvli/table',
            //       id: 0,
            //    }, {
            //       img: '../../static/icon/icon2.png',
            //       text: '设备保养计划单',
            //       url: '/pages/baoyangjihua/table',
            //       id: 2
            //    }, {
            //       img: '../../static/icon/icon3.png',
            //       text: '设备保养记录单',
            //       url: '/pages/baoyangjilu/table',
            //       id: 3
            //    }, {
            //       img: '../../static/icon/icon4.png',
            //       text: '设备点检计划单',
            //       url: '',
            //       id: 4
            //    }, {
            //       img: '../../static/icon/icon5.png',
            //       text: '设备点检记录单',
            //       url: '',
            //       id: 5,
            //    }, {
            //       img: '../../static/icon/icon6.png',
            //       text: '设备故障登记表',
            //       url: '/pages/guzhangdengji/table',
            //       id: 6
            //    }, {
            //       img: '../../static/icon/icon7.png',
            //       text: '设备维修记录单',
            //       url: '/pages/shebeiweixiu/table',
            //       id: 7,
            //       // },{
            //       //  img:'../../static/icon/icon8.png',
            //       //  text:'设备履历',
            //       //  url:'/pages/shebeilvli/table',
            //       //  id:8,
            //    }, {
            //       img: '../../static/icon/icon9.png',
            //       text: '工序进站接收单',
            //       url: '/pages/gongxuIn/table',
            //       id: 9,
            //    }, {
            //       img: '../../static/icon/icon10.png',
            //       text: '工序出站汇报单',
            //       url: '/pages/gongxuOut/table',
            //       id: 10,
            //    }, {
            //       img: '../../static/icon/icon11.png',
            //       text: '工序委外发出单',
            //       url: '/pages/weiwaigxIn/table',
            //       id: 11,
            //    }, {
            //       img: '../../static/icon/icon12.png',
            //       text: '工序委外接收单',
            //       url: '/pages/weiwaigxOut/table',
            //       id: 12,
            //       // }, {
            //       //    img: '../../static/icon/icon13.png',
            //       //    text: '设备管理',
            //       //    url: '/pages/shebeiguanli/table',
            //       //    id: 13,
            //    }, {
            //       img: '../../static/icon/icon14.png',
            //       text: '报工平台',
            //       url: '/pages/baogong/table',
            //       id: 14,
            //    }, {
            //       img: '../../static/icon/icon15.png',
            //       text: '异常反馈单',
            //       url: '/pages/yichang/table',
            //       id: 15,
            //    }, {
            //       img: '../../static/icon/icon16.png',
            //       text: '异常反馈处理单',
            //       url: '/pages/yichang/list',
            //       id: 16,
            //    }, {
            //       img: '../../static/icon/icon17.png',
            //       text: '采购入库',
            //       url: '/pages/caigouruku/table',
            //       id: 17,
            //    }, {
            //       img: '../../static/icon/icon18.png',
            //       text: '采购退料',
            //       url: '/pages/caigoutuiliao/table',
            //       id: 18,
            //    }, {
            //       img: '../../static/icon/icon19.png',
            //       text: '销售出库',
            //       url: '/pages/xiaoshouchuku/table',
            //       id: 19,
            //    }, {
            //       img: '../../static/icon/icon20.png',
            //       text: '销售退货',
            //       url: '/pages/xiaoshoutuihuo/table',
            //       id: 20,
            //    }, {
            //       img: '../../static/icon/icon21.png',
            //       text: '收料通知单',
            //       url: '/pages/shouliaotongzhi/table',
            //       id: 21,
            //    },{
            //       img: '../../static/icon/icon30.png',
            //       text: '生产领料校验',
            //       url: '/pages/shengchanlingliao/table',
            //       id: 30,
            //    },{
            //       img: '../../static/icon/icon31.png',
            //       text: '生产入库校验',
            //       url: '/pages/shengchanruku/table',
            //       id: 31,
            //    },{
            //       img: '../../static/icon/icon32.png',
            //       text: '生产调拨校验',
            //       url: '/pages/shengchandiaobo/table',
            //       id: 32,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '标签打印',
            //       url: '/pages/labelPrinter/index',
            //       id: 22,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '设备运行状态',
            //       url: '/pages/shebeiyunxingzhuangtai/shebeiyunxingzhuangtai',
            //       id: 23,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '模具运行状态',
            //       url: '/pages/mujvzhuangtai/mujvzhuangtai',
            //       id: 24,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '条码拆码',
            //       url: '/pages/tiaomachaima/tiaomachaima',
            //       id: 25,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '其他入库',
            //       url: '/pages/qitaruku/qitaruku',
            //       id: 26,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '其他出库',
            //       url: '/pages/qitachuku/qitachuku',
            //       id: 27,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '来料条码打印',
            //       url: '/pages/tiaomadaying/tiaomadaying',
            //       id: 28,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '上模单',
            //       url: '/pages/MJGL/shangmudan/table',
            //       id: 29,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '采购订单',
            //       url: '/pages/caigoudingdan/caigoudingdan',
            //       id: 30,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '其他出库校验',
            //       url: '/pages/qitachukujiaoyan/qitachukujiaoyan',
            //       id: 31,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '生产补料校验',
            //       url: '/pages/shengchanbuliaojiaoyan/CacheList',
            //       id: 32,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '销售出库校验',
            //       url: '/pages/xiaoshouchukujiaoyan/table',
            //       id: 33,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '委外领料校验',
            //       url: '/pages/weiwailingliaojiaoyan/table',
            //       id: 34,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '采购入库校验',
            //       url: '/pages/caigourukujiaoyan/table',
            //       id: 35,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '其他入库校验',
            //       url: '/pages/qitarukujiaoyan/table',
            //       id: 36,
            //    },
            //    {
            //       img: '../../static/icon/icon16.png',
            //       text: '委外补料校验',
            //       url: '/pages/weiwaibuliaojiaoyan/table',
            //       id: 37,
            //    },
            //    {
            //       img: '../../static/icon/icon17.png',
            //       text: '生产领料',
            //       url: '/pages/shengchanlingliaoshengdan/table',
            //       id: 38,
            //    },
            // ]
         }
      },
      onLoad() {
         this.getHiddenItem()
      },
      methods: {
         getHiddenItem() {
            let itemCache = uni.getStorageSync('HIndexItemData') || ''
            console.log('itemCache: ',itemCache);
            if(itemCache !== '') {
               this.itemData = itemCache
            }
         },
         switchHidden(index) {
            console.log(this.itemData[index].hidden)
            this.itemData[index].hidden = !this.itemData[index].hidden
         },
         switchIconsModeHandler() {
            this.canEdit = !this.canEdit
            if(this.canEdit == false) {
               this.$nextTick(() => {
                  uni.setStorageSync("HIndexItemData", this.itemData)
               })
            }
            this.$forceUpdate()
         },
         toUrl(item) {
            if (item.url) {
               uni.navigateTo({
                  url: item.url
               })
            } else {
               // uni.showToast({
               //    title:'功能开发中。。。',
               //    icon:'none'
               // })
               uni.showToast({
                  title: '功能开发中。。。',
                  icon: 'none'
               })
            }
         }
      }
@@ -191,6 +444,13 @@
      color: #FFFFFF;
      text-align: center;
      padding: 9vh 0 6vh 0;
      position: relative;
   }
   .switch-button {
      position: absolute;
      right: 10rpx;
      bottom: 0;
   }
   .mains {
@@ -220,5 +480,22 @@
            margin-top: .2vh;
         }
      }
      .edit {
         position: relative;
      }
      .edit-mark {
         position: absolute;
         top: 0;
         right: 0;
      }
      view[enable-hidden] {
         opacity: .4 !important;
      }
      view[hidden] {
         display: none;
      }
   }
</style>