zrg
2026-01-16 9b2bf18d4be98e8da39b01e6efbd726a76c45428
pages/index/tab3.vue
@@ -1,351 +1,378 @@
<template>
   <view class="content">
      <view class="header">
         <view class="switch-button">
            <uni-icons type="loop" @click="switchIconsModeHandler"></uni-icons>
         </view>
      </view>
      <view class="mains">
         <view v-if="!canEdit" :hidden="item.hidden||!item.id" 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" :hidden="!item.id" 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>
   </view>
    <view class="content">
        <view class="header">
            <view class="switch-button">
                <uni-icons type="loop" @click="switchIconsModeHandler"></uni-icons>
            </view>
        </view>
        <view class="mains">
            <view v-if="!canEdit" :hidden="item.hidden||!item.id" 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" :hidden="!item.id" 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>
    </view>
</template>
<script>
   import {
      CommonUtils
   } from '../../utils/common'
   import {
      getMenuList,
      setMenuList
   } from '../../utils/menuListApp'
   import {
      getUserInfo
   } from '../../utils/auth'
   export default {
      data() {
         return {
            updateCount: 0,
            menuListName: 'tab3',
            canEdit: false,
            serverUrl: uni.getStorageSync('serverUrl') || 'http://47.96.97.237/API',
            itemData: [{
                  img: '../../static/icon/icon6.png',
                  text: '模具状态分析',
                  tip: '查看详情',
                  url: '/pages/mujvzhuangtai/mujvzhuangtai',
                  id: 1,
                  hidden: false,
    import {
        CommonUtils
    } from '../../utils/common'
    import {
        getMenuList,
        setMenuList
    } from '../../utils/menuListApp'
    import {
        getUserInfo
    } from '../../utils/auth'
    export default {
        data() {
            return {
                updateCount: 0,
                menuListName: 'tab3',
                canEdit: false,
                serverUrl: uni.getStorageSync('serverUrl') || 'http://47.96.97.237/API',
                itemData: [{
                        img: '../../static/icon/icon6.png',
                        text: '模具状态分析',
                        tip: '查看详情',
                        url: '/pages/mujvzhuangtai/mujvzhuangtai',
                        id: 1,
                        hidden: false,
               },
               {
                  img: '../../static/icon/icon8.png',
                  text: '模具档案查询',
                  url: `/pages/MJGL/Gy_MouldFile/Gy_MouldFileList`,
                  id: 2,
                  hidden: false,
               },
               {
                  img: '../../static/icon/icon16.png',
                  text: '模具寿命',
                  url: '/pages/shoujishouming/table',
                  id: 3,
                  hidden: false,
               },
               {
                  "img": "../../static/icon/icon13.png",
                  "text": "模具故障登记单",
                  "url": "/pages/qijvguzhangdengji/mouldMistakeBill?operationType=1",
                  "id": 4,
                  "hidden": false
               },
               {
                  "img": "../../static/icon/icon8.png",
                  "text": "模具维修派工单",
                  "url": "/pages/MJGL/Sc_MouldRepairSendWork/Sc_MouldRepairSendWorkBill",
                  "id": 5,
                  "hidden": false
               },
               {
                  "img": "../../static/icon/icon13.png",
                  "text": "模具维修记录单",
                  "url": "/pages/weixiujilu/mouldRepairRecordBill",
                  "id": 6,
                  "hidden": false
               },
               {
                  "img": "../../static/icon/icon8.png",
                  "text": "模具维修验收单",
                  "url": "/pages/MJGL/SC_MouldRepairCheck/Sc_MouldRepairCheckBill",
                  "id": 7,
                  "hidden": false
               },
               {
                  "img": "../../static/icon/icon8.png",
                  "text": "模具点检记录单",
                  "url": "/pages/MJGL/mujudianjianjiludan/Sc_MouldDotCheckBill",
                  "id": 8,
                  "hidden": false
               },
               {
                  "img": "../../static/icon/icon8.png",
                  "text": "模具保养记录单",
                  "url": "/pages/MJGL/mujubaoyangjiludan/Sc_MouldMaintainBill",
                  "id": 9,
                  "hidden": false
               },
               {
                  "img": "../../static/icon/icon8.png",
                  "text": "模具领用出库单",
                  "url": "/pages/MJGL/mujulingliaochukudan/MouldProdOutBill",
                  "id": 10,
                  "hidden": false
               },
               {
                  "img": "../../static/icon/icon8.png",
                  "text": "模具领用退库单",
                  "url": "/pages/MJGL/mujulingliaotuikudan/Sc_MouldProdBackBill",
                  "id": 11,
                  "hidden": false
               },
               {
                  img: '../../static/icon/icon8.png',
                  text: '上模单',
                  url: `/pages/MJGL/shangmudan/MouldUpperBill`,
                  id: 12,
                  hidden: false,
               },
               {
                  img: '../../static/icon/icon8.png',
                  text: '下模单',
                  url: `/pages/MJGL/xiamodan/MouldLowerBill`,
                  id: 13,
                  hidden: false,
               },
               {
                  "img": "../../static/icon/icon8.png",
                  "text": "模具报废出库单",
                  "url": "/pages/MJGL/MouldScrapOutBill/MouldScrapOutBill",
                  "id": 14,
                  "hidden": false
               },
               {
                  img: '../../static/icon/icon1.png',
                  text: '设备档案查询',
                  tip: '查看详情',
                  url: '/pages/shebeidangan/Gy_EquipFileMainBillList',
                  id: 15,
                  hidden: true,
               },
               {
                  img: '../../static/icon/icon8.png',
                  text: '设备履历查询',
                  tip: '查看详情',
                  url: '/pages/shebeilvli/EquipFileBillResume',
                  id: 16,
                  hidden: true,
               },
               {
                  img: '../../static/icon/icon32.png',
                  text: '设备运行状态',
                  tip: '查看详情',
                  url: '/pages/shebeiyunxingzhuangtai/shebeiyunxingzhuangtai',
                  id: 17,
                  hidden: true,
               },
               {
                  "img": "../../static/icon/icon8.png",
                  "text": "设备点检记录单",
                  "url": "/pages/MJGL/Sb_EquipDotCheckBill/Sb_EquipDotCheckBill",
                  "id": 18,
                  "hidden": false
               },
               {
                  "img": "../../static/icon/icon8.png",
                  "text": "设备保养记录单",
                  "url": "/pages/MJGL/Sb_EquipMaintainBill/Sb_EquipMaintainBill",
                  "id": 19,
                  "hidden": false
               },
               {
                  "img": "../../static/icon/icon8.png",
                  "text": "设备维修派工单",
                  "url": "/pages/MJGL/Sb_EquipRepairSendWork/Sb_EquipRepairSendWorkBill",
                  "id": 21,
                  "hidden": false
               },
               {
                  "img": "../../static/icon/icon8.png",
                  "text": "设备维修验收单",
                  "url": "/pages/MJGL/Sb_EquipRepairCheckBill/Sb_EquipRepairCheckBill",
                  "id": 23,
                  "hidden": false
               },
               {
                  "img": "../../static/icon/icon8.png",
                  "text": "设备保养任务",
                  "url": "/pages/MJGL/SBMJReport/Sb_EquipMaintainTaskReport",
                  "id": 24,
                  "hidden": false
               },
               {
                  "img": "../../static/icon/icon8.png",
                  "text": "模具保养任务",
                  "url": "/pages/MJGL/SBMJReport/Sc_MouldMaintainTaskReport",
                  "id": 25,
                  "hidden": false
               },
            ]
         }
      },
      onLoad() {
         this.getHiddenItem()
      },
      methods: {
         judgeHidden() {
            return process.env.NODE_ENV === 'development'
         },
         async getHiddenItem() {
            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"]].id = e["HEntryID"]; //id为0强制隐藏
            })
         },
         switchHidden(index) {
            this.updateCount++;
            this.itemData[index].hidden = !this.itemData[index].hidden
                    },
                    {
                        img: '../../static/icon/icon8.png',
                        text: '模具档案查询',
                        url: `/pages/MJGL/Gy_MouldFile/Gy_MouldFileList`,
                        id: 2,
                        hidden: false,
                    },
                    {
                        img: '../../static/icon/icon16.png',
                        text: '模具寿命',
                        url: '/pages/shoujishouming/table',
                        id: 3,
                        hidden: false,
                    },
                    {
                        "img": "../../static/icon/icon13.png",
                        "text": "模具故障登记单",
                        "url": "/pages/qijvguzhangdengji/mouldMistakeBill?operationType=1",
                        "id": 4,
                        "hidden": false
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "模具维修派工单",
                        "url": "/pages/MJGL/Sc_MouldRepairSendWork/Sc_MouldRepairSendWorkBill",
                        "id": 5,
                        "hidden": false
                    },
                    {
                        "img": "../../static/icon/icon13.png",
                        "text": "模具维修记录单",
                        "url": "/pages/weixiujilu/mouldRepairRecordBill",
                        "id": 6,
                        "hidden": false
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "模具维修验收单",
                        "url": "/pages/MJGL/SC_MouldRepairCheck/Sc_MouldRepairCheckBill",
                        "id": 7,
                        "hidden": false
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "模具点检记录单",
                        "url": "/pages/MJGL/mujudianjianjiludan/Sc_MouldDotCheckBill",
                        "id": 8,
                        "hidden": false
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "模具保养记录单",
                        "url": "/pages/MJGL/mujubaoyangjiludan/Sc_MouldMaintainBill",
                        "id": 9,
                        "hidden": false
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "模具领用出库单",
                        "url": "/pages/MJGL/mujulingliaochukudan/MouldProdOutBill",
                        "id": 10,
                        "hidden": false
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "模具领用退库单",
                        "url": "/pages/MJGL/mujulingliaotuikudan/Sc_MouldProdBackBill",
                        "id": 11,
                        "hidden": false
                    },
                    {
                        img: '../../static/icon/icon8.png',
                        text: '上模单',
                        url: `/pages/MJGL/shangmudan/MouldUpperBill`,
                        id: 12,
                        hidden: false,
                    },
                    {
                        img: '../../static/icon/icon8.png',
                        text: '下模单',
                        url: `/pages/MJGL/xiamodan/MouldLowerBill`,
                        id: 13,
                        hidden: false,
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "模具报废出库单",
                        "url": "/pages/MJGL/MouldScrapOutBill/MouldScrapOutBill",
                        "id": 14,
                        "hidden": false
                    },
                    {
                        img: '../../static/icon/icon1.png',
                        text: '设备档案查询',
                        tip: '查看详情',
                        url: '/pages/shebeidangan/Gy_EquipFileMainBillList',
                        id: 15,
                        hidden: true,
                    },
                    {
                        img: '../../static/icon/icon8.png',
                        text: '设备履历查询',
                        tip: '查看详情',
                        url: '/pages/shebeilvli/EquipFileBillResume',
                        id: 16,
                        hidden: true,
                    },
                    {
                        img: '../../static/icon/icon32.png',
                        text: '设备运行状态',
                        tip: '查看详情',
                        url: '/pages/shebeiyunxingzhuangtai/shebeiyunxingzhuangtai',
                        id: 17,
                        hidden: true,
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "设备点检记录单",
                        "url": "/pages/MJGL/Sb_EquipDotCheckBill/Sb_EquipDotCheckBill",
                        "id": 18,
                        "hidden": false
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "设备保养记录单",
                        "url": "/pages/MJGL/Sb_EquipMaintainBill/Sb_EquipMaintainBill",
                        "id": 19,
                        "hidden": false
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "设备维修派工单",
                        "url": "/pages/MJGL/Sb_EquipRepairSendWork/Sb_EquipRepairSendWorkBill",
                        "id": 21,
                        "hidden": false
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "设备维修验收单",
                        "url": "/pages/MJGL/Sb_EquipRepairCheckBill/Sb_EquipRepairCheckBill",
                        "id": 23,
                        "hidden": false
                    }, {
                        "img": "../../static/icon/icon8.png",
                        "text": "器具维修派工单",
                        "url": "/pages/MJGL/Sc_MouldRepairSendWork/Sc_MouldRepairSendWorkBill",
                        "id": 29,
                        "hidden": false
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "器具维修验收单",
                        "url": "/pages/MJGL/SC_MouldRepairCheck/Sc_MouldRepairCheckBill",
                        "id": 30,
                        "hidden": false
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "设备保养任务",
                        "url": "/pages/MJGL/SBMJReport/Sb_EquipMaintainTaskReport",
                        "id": 24,
                        "hidden": false
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "模具保养任务",
                        "url": "/pages/MJGL/SBMJReport/Sc_MouldMaintainTaskReport",
                        "id": 25,
                        "hidden": false
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "设备维修任务",
                        "url": "/pages/MJGL/Sb_EquipRepairTaskReport/Sb_EquipRepairTaskReport",
                        "id": 26,
                        "hidden": false
                    },
                    {
                        "img": "../../static/icon/icon8.png",
                        "text": "器具维修任务",
                        "url": "/pages/MJGL/Sc_MouldRepairTaskReport/Sc_MouldRepairTaskReport",
                        "id": 27,
                        "hidden": false
                    },
                ]
            }
        },
        onLoad() {
            this.getHiddenItem()
        },
        methods: {
            judgeHidden() {
                return process.env.NODE_ENV === 'development'
            },
            async getHiddenItem() {
                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"]].id = e["HEntryID"]; //id为0强制隐藏
                })
            },
            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
                  })
            },
            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'
               })
            }
         }
      }
   }
                        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>
   // .mains{
   //    width: 720rpx;
   //    margin: 0 auto;
   //    display: flex;
   //    flex-wrap: wrap;
   //    margin-top: 10rpx;
   //    padding-bottom: 80rpx;
   //    .box{
   //       width: 100%;
   //       margin: 26rpx 26rpx 0 26rpx;
   //       padding: 0 0 16rpx 10rpx;
   //       display: flex;
   //       align-items: center;
   //       border-bottom: 1px solid #f0f0f0;
   //       image{
   //          width: 52rpx;
   //          height: 52rpx;
   //       }
   //       .texts{
   //          font-size: 30rpx;
   //          color: #333333;
   //          margin-left: 30rpx;
   //       }
   //    }
   // }
    // .mains{
    //    width: 720rpx;
    //    margin: 0 auto;
    //    display: flex;
    //    flex-wrap: wrap;
    //    margin-top: 10rpx;
    //    padding-bottom: 80rpx;
    //    .box{
    //       width: 100%;
    //       margin: 26rpx 26rpx 0 26rpx;
    //       padding: 0 0 16rpx 10rpx;
    //       display: flex;
    //       align-items: center;
    //       border-bottom: 1px solid #f0f0f0;
    //       image{
    //          width: 52rpx;
    //          height: 52rpx;
    //       }
    //       .texts{
    //          font-size: 30rpx;
    //          color: #333333;
    //          margin-left: 30rpx;
    //       }
    //    }
    // }
   .header {
      width: 100%;
      height: 2em;
      position: relative;
    .header {
        width: 100%;
        height: 2em;
        position: relative;
      .switch-button {
         position: absolute;
         right: 10rpx;
         bottom: 0;
      }
   }
        .switch-button {
            position: absolute;
            right: 10rpx;
            bottom: 0;
        }
    }
   .mains {
      width: 720rpx;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      padding-bottom: 80rpx;
    .mains {
        width: 720rpx;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 80rpx;
      .box {
         width: 25%;
         margin-top: 2.5vh;
         text-align: center;
        .box {
            width: 25%;
            margin-top: 2.5vh;
            text-align: center;
         image {
            width: 18vw;
            height: 18vw;
         }
            image {
                width: 18vw;
                height: 18vw;
            }
         .texts {
            width: 120rpx;
            margin: 0 auto;
            font-size: 29rpx;
            font-weight: normal;
            color: #333333;
            margin-top: .2vh;
         }
      }
            .texts {
                width: 120rpx;
                margin: 0 auto;
                font-size: 29rpx;
                font-weight: normal;
                color: #333333;
                margin-top: .2vh;
            }
        }
      .edit {
         position: relative;
      }
        .edit {
            position: relative;
        }
      .edit-mark {
         position: absolute;
         top: 0;
         right: 0;
      }
        .edit-mark {
            position: absolute;
            top: 0;
            right: 0;
        }
      view[enable-hidden] {
         opacity: .4 !important;
      }
        view[enable-hidden] {
            opacity: .4 !important;
        }
      view[hidden] {
         display: none;
      }
   }
        view[hidden] {
            display: none;
        }
    }
</style>