chenhaozhe
2025-11-25 6f17e42e2463aee9804f50bfd0d5a8bcb1f7d7c2
pages/index/index.vue
@@ -1,304 +1,661 @@
<template>
   <view class="content">
      <view class="header">智云L-MES制造执行系统</view>
      <view class="mains">
         <view 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>
   </view>
    <view class="content">
        <view class="header">智云L-MES制造执行系统
            <view class="switch-button">
                <uni-icons type="loop" @click="switchIconsModeHandler"></uni-icons>
            </view>
        </view>
        <view class="mains">
            <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>
   export default {
      data() {
         return {
            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,
               }, {
    import vers from './vers.vue';
    import {
        setMenuList,
        getMenuList
    } from '../../utils/menuListApp';
    import {
        CommonUtils
    } from '../../utils/common';
    import {
        getUserInfo
    } from '../../utils/auth';
    export default {
        components: {
            vers,
        },
        data() {
            return {
                updateCount: 0,
                menuListName: 'index',
                canEdit: false,
                serverUrl: uni.getStorageSync('serverUrl') || 'http://47.96.97.237/API',
                itemData: [{
                        img: '../../static/icon/icon8.png',
                        text: '收料通知单条码打印',
                        url: '/pages/tiaomaguanli/table?HBillType=1103',
                        id: 1,
                        hidden: false,
                    },
                    {
                        img: '../../static/icon/icon8.png',
                        text: '采购订单条码打印',
                        url: '/pages/tiaomaguanli/table?HBillType=1102',
                        id: 2,
                        hidden: false,
                    },
               // {
               //     img: '../../static/icon/icon8.png',
               //     text: '扫码出库',
               //     url: '/pages/saomachuku/table',
               //     id: 1,
               //     hidden: false,
               // },
               // {
               //     img: '../../static/icon/icon8.png',
               //     text: '采购订单标签',
               //     url: '/pages/caigoudingdan/caigoudingdan',
               //     id: 1,
               //     hidden: true,
               // },
               // {
               //     img: '../../static/icon/icon4.png',
               //     text: '采购订单子标签',
               //     url: '/pages/tiaomadaying/tiaomadaying',
               //     id: 2,
               //     hidden: true,
               // },
               {
                  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,
                  text: '收料通知单标签',
                  url: '/pages/shouliaotongzhi/table',
                  id: 3,
                  hidden: false,
               }, {
                  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,
                  text: '采购入库新增',
                  url: '/pages/caigouruku/POStockInBill?OperationType=1',
                  id: 4,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon20.png',
                  text: '销售退货',
                  url: '/pages/xiaoshoutuihuo/table',
                  id: 20,
                  text: '采购退料新增',
                  url: '/pages/caigoutuiliao/POStockInBackBill?OperationType=1',
                  id: 5,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon21.png',
                  text: '收料通知单',
                  url: '/pages/shouliaotongzhi/table',
                  id: 21,
               },{
                  img: '../../static/icon/icon32.png',
                  text: '直接调拨新增',
                  url: '/pages/zhijiediaobo/MoveStockBill?OperationType=1',
                  id: 6,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon30.png',
                  text: '生产领料校验',
                  url: '/pages/shengchanlingliao/table',
                  id: 30,
               },{
                  text: '生产领料新增',
                  url: '/pages/shengchanlingliaoshengdan/Kf_MateOutBill?OperationType=1',
                  id: 7,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon31.png',
                  text: '生产入库校验',
                  url: '/pages/shengchanruku/table',
                  id: 31,
               },{
                  text: '生产补料新增',
                  url: '/pages/shengchanbuliao/MateReplenishOutBill?OperationType=1',
                  id: 8,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon8.png',
                  text: '生产退料新增',
                  url: `/pages/shengchantuiliao/MateOutBackBill`,
                  id: 27,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon17.png',
                  text: '生产入库新增',
                  url: '/pages/shengchanrukushengdan/Kf_ProductInBill?OperationType=1',
                  id: 9,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon30.png',
                  text: '委外领料新增',
                  url: '/pages/weiwailingliao/Kf_EntrustOutBill?OperationType=1',
                  id: 10,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon17.png',
                  text: '其他入库新增',
                  url: '/pages/qitaruku_v2/OtherInBill?OperationType=1',
                  id: 11,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon18.png',
                  text: '其他出库新增',
                  url: '/pages/qitachuku_v2/OtherOutBill?OperationType=1',
                  id: 12,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon18.png',
                  text: '销售出库新增',
                  url: '/pages/xiaoshouchuku/SellOutBill?OperationType=1',
                  id: 13,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon19.png',
                  text: '销售退货新增',
                  url: '/pages/xiaoshoutuihuo/ICStockBillMain?OperationType=1',
                  id: 14,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon19.png',
                  text: '委外入库新增',
                  url: '/pages/weiwairuku/EntrustInBill?OperationType=1',
                  id: 15,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon30.png',
                  text: '生产领料检验',
                  url: '/pages/shengchanlingliao/PPickingCheckBill?OperationType=1',
                  id: 16,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon31.png',
                  text: '生产补料校验',
                  url: '/pages/shengchanbuliaojiaoyan/MateReplenishOutCheckBill?OperationType=1',
                  id: 17,
                  hidden: false,
               }, {
                  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',
                  url: '/pages/shengchandiaobo/MoveStockBill?OperationType=1',
                  id: 18,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon18.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',
                  url: '/pages/qitachukujiaoyan/qitachukudanjiaoyan?OperationType=1',
                  id: 19,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon17.png',
                  text: '生产入库校验',
                  url: '/pages/shengchanruku/ProductInCheckBill?OperationType=1',
                  id: 20,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon18.png',
                  text: '销售出库校验',
                  url: '/pages/xiaoshouchukujiaoyan/table',
                  id: 33,
               },
               {
                  img: '../../static/icon/icon16.png',
                  url: '/pages/xiaoshouchukujiaoyan/SellOutCheckBill?OperationType=1',
                  id: 21,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon30.png',
                  text: '委外领料校验',
                  url: '/pages/weiwailingliaojiaoyan/table',
                  id: 34,
                  url: '/pages/weiwailingliaojiaoyan/EntrustOutCheckBill?OperationType=1',
                  id: 22,
                  hidden: false,
               },
               {
                  img: '../../static/icon/icon16.png',
                  text: '采购入库校验',
                  url: '/pages/caigourukujiaoyan/table',
                  id: 35,
                  url: '/pages/caigourukujiaoyan/POStockInCheckBill?OperationType=1',
                  id: 23,
                  hidden: false,
               },
               {
                  img: '../../static/icon/icon16.png',
                  text: '其他入库校验',
                  url: '/pages/qitarukujiaoyan/table',
                  id: 36,
                  url: '/pages/qitarukujiaoyan/Kf_OtherInBillCheckList',
                  id: 27,
                  hidden: false,
               },
               {
                  img: '../../static/icon/icon8.png',
                  text: '检验报告',
                  url: `/pages/InnerHtmlPage/index?src=http://172.16.72.15:8999/index.aspx?name=${getUserInfo()['HICNumber']}&pageTitle=检验报告&pageMode=horizontal`,
                  id: 24,
                  hidden: false,
               }, {
                  img: '../../static/icon/icon8.png',
                  text: '组托扫码',
                  url: `/pages/zutuosaoma/PackUnionBill`,
                  id: 25,
                  hidden: false,
               },
               {
                  img: '../../static/icon/icon8.png',
                  text: '拆托扫码',
                  url: `/pages/chaituosaoma/UnPackUnionBill`,
                  id: 26,
                  hidden: false,
               },
               {
                  img: '../../static/icon/icon16.png',
                  text: '委外补料校验',
                  url: '/pages/weiwaibuliaojiaoyan/table',
                  id: 37,
                  text: '分布式调入单',
                  url: '/pages/fenbushidiaorudan/form_test',
                  id: 27,
                  hidden: false,
               },
            ]
         }
      },
      onLoad() {
               {
                  img: '../../static/icon/icon16.png',
                  text: '分布式调入单缓存',
                  url: '/pages/fenbushidiaorudan/table',
                  id: 28,
                  hidden: false,
               },
               {
                  img: '../../static/icon/icon16.png',
                  text: '分布式调出单',
                  url: '/pages/fenbushidiaochudan/form_out',
                  id: 29,
                  hidden: false,
               },
               {
                  img: '../../static/icon/icon16.png',
                  text: '拆箱',
                  url: '/pages/chaixiang/form',
                  id: 30,
                  hidden: false,
               },{
                  img: '../../static/icon/icon16.png',
                  text: '装箱',
                  url: '/pages/zhuangxiang/form_mix',
                  id: 31,
                  hidden: false,
               },
               {
                  img: '../../static/icon/icon16.png',
                  text: '组托-小卫',
                  url: '/pages/zutuo_xiaowei/form_xiaowei',
                  id: 32,
                  hidden: false,
               },{
                  img: '../../static/icon/icon8.png',
                  text: '装箱单',
                  url: '/pages/zhuangxiangdan/form',
                  id: 33,
                  hidden: false,
               },
               {
                  img: '../../static/icon/icon8.png',
                  text: '拆托扫码(小卫)',
                  url: `/pages/chaituosaoma-xiaowei/UnpackPallet`,
                  id: 34,
                  hidden: false,
               },
               {
                  img: '../../static/icon/icon8.png',
                  text: '三码合一',
                  url: `/pages/sanmaheyi/BarCodeCheck`,
                  id: 35,
                  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,
            //    },
      },
      methods: {
         toUrl(item) {
            if (item.url) {
               uni.navigateTo({
                  url: item.url
               })
            } else {
               // uni.showToast({
               //    title:'功能开发中。。。',
               //    icon:'none'
               // })
            }
         }
      }
   }
                //    {
                //       img: '../../static/icon/icon16.png',
                //       text: '委外补料校验',
                //       url: '/pages/weiwaibuliaojiaoyan/Kf_EntrustReplenishOutBill_CheckList',
                //       id: 37,
                //    },
                //    {
                //       img: '../../static/icon/icon17.png',
                //       text: '生产领料',
                //       url: '/pages/shengchanlingliaoshengdan/Kf_MateOutBillList',
                //       id: 38,
                //    },
                // ]
            }
        },
        onLoad() {
            this.getHiddenItem()
        },
        methods: {
            checkCardShow(item) {
                if (item.HMaker && item.HMaker != getUserInfo()['Czymc'] && item.hidden == true) {
                    return false
                }
                return true
            },
            async getHiddenItem() {
                // let itemCache = uni.getStorageSync('HIndexItemData') || ''
                // console.log('itemCache: ',itemCache);
                // if(itemCache !== '') {
                //    this.itemData = itemCache
                // }
                let data = await getMenuList({
                    menuName: this.menuListName
                })
                Array.from(data).forEach(e => {
                    this.itemData[e["HIndex"]].hidden = !CommonUtils.stringToBoolean(e["HShowMode"])
                    this.itemData[e["HIndex"]].HMaker = e["HMaker"]
                })
            },
            switchHidden(index) {
                this.updateCount++;
                this.itemData[index].hidden = !this.itemData[index].hidden
            },
            switchIconsModeHandler() {
                this.canEdit = !this.canEdit
                if (this.canEdit == false && this.updateCount > 0) {
                    this.$nextTick(() => {
                        // uni.setStorageSync("HIndexItemData", this.itemData)
                        setMenuList({
                            menuName: this.menuListName,
                            payload: this.itemData
                        })
                        this.updateCount = 0
                    })
                }
                this.$forceUpdate()
            },
            toUrl(item) {
                if (item.url) {
                    uni.navigateTo({
                        url: item.url
                    })
                } else {
                    uni.showToast({
                        title: '功能开发中。。。',
                        icon: 'none'
                    })
                }
            }
        }
    }
</script>
<style lang="scss" scoped>
   .header {
      width: 750rpx;
      background: linear-gradient(0deg, #71AFFC 0%, #3A78FF 100%);
      font-size: 47rpx;
      font-weight: bold;
      color: #FFFFFF;
      text-align: center;
      padding: 9vh 0 6vh 0;
   }
    .header {
        width: 750rpx;
        background: linear-gradient(0deg, #71AFFC 0%, #3A78FF 100%);
        font-size: 47rpx;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        padding: 9vh 0 6vh 0;
        position: relative;
    }
   .mains {
      width: 720rpx;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      margin-top: 3vh;
      padding-bottom: 5vh;
    .switch-button {
        position: absolute;
        right: 10rpx;
        bottom: 0;
    }
      .box {
         width: 25%;
         margin-top: 2.5vh;
         text-align: center;
    .mains {
        width: 720rpx;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        margin-top: 3vh;
        padding-bottom: 5vh;
         image {
            width: 18vw;
            height: 18vw;
         }
        .box {
            width: 25%;
            margin-top: 2.5vh;
            text-align: center;
         .texts {
            width: 120rpx;
            margin: 0 auto;
            font-size: 29rpx;
            font-weight: normal;
            color: #333333;
            margin-top: .2vh;
         }
      }
   }
            image {
                width: 18vw;
                height: 18vw;
            }
            .texts {
                width: 120rpx;
                margin: 0 auto;
                font-size: 29rpx;
                font-weight: normal;
                color: #333333;
                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>