料仓搅拌站大屏书写

叶松

2023-11-16 f8805dcb9cbfda1182761d3c1c9e345f53db3452

料仓搅拌站大屏书写

 web/src/api/index.js

@@ -24,6 +24,7 @@
import Scan from './modules/scan'; // 扫码跳转到对应页面
import Green from './modules/green'; // 扫码跳转到对应页面
import Quality from './modules/quality'; // 质量管理界面
import Infos from './modules/mixing'; // H5搅合站页面

export default {
  System,
@@ -48,5 +49,6 @@
  Safety,
  Scan,
  Green,
  Quality
  Quality,
  Infos
}

 web/src/api/modules/mixing.js

对比新文件
@@ -0,0 +1,10 @@
/**
 * H5搅合站管理 接口
 */
 import axios from '../request';
 export default{
    // H5搅拌站大屏展示数据信息
    showHmixings: params =>
        axios.get('/materials/suMaterialWarehouse/selectNewOneByTableNum', {params}),

 }

 web/src/router/index.js

@@ -15,7 +15,7 @@
    }
  },
  {
    path: '/mixingInfo',
    path: `/mixingInfo/num=1`,
    name: 'mixingInfo',
    meta: {
      title: '管片搅合站1'
@@ -23,6 +23,94 @@
    component: () => import('../views/MixingInfo/messageInfo.vue'),
  },
  {
    path: `/mixingInfo/num=2`,
    name: 'mixingInfo',
    meta: {
      title: '管片搅合站2'
    },
    component: () => import('../views/MixingInfo/messageInfo.vue'),
  },
  {
    path: `/mixingInfo/num=3`,
    name: 'mixingInfo',
    meta: {
      title: '管片搅合站3'
    },
    component: () => import('../views/MixingInfo/messageInfo.vue'),
  },
  {
    path: `/mixingInfo/num=4`,
    name: 'mixingInfo',
    meta: {
      title: '管片搅合站4'
    },
    component: () => import('../views/MixingInfo/messageInfo.vue'),
  },
  {
    path: `/mixingInfo/num=5`,
    name: 'mixingInfo',
    meta: {
      title: '管片搅合站5'
    },
    component: () => import('../views/MixingInfo/messageInfo.vue'),
  },
  {
    path: `/mixingInfo/num=6`,
    name: 'mixingInfo',
    meta: {
      title: '管片搅合站6'
    },
    component: () => import('../views/MixingInfo/messageInfo.vue'),
  },
  {
    path: `/mixingInfo/num=7`,
    name: 'mixingInfo',
    meta: {
      title: '管片搅合站7'
    },
    component: () => import('../views/MixingInfo/messageInfo.vue'),
  },
  {
    path: `/mixingInfo/num=8`,
    name: 'mixingInfo',
    meta: {
      title: '管片搅合站8'
    },
    component: () => import('../views/MixingInfo/messageInfo.vue'),
  },
  {
    path: `/mixingInfo/num=9`,
    name: 'mixingInfo',
    meta: {
      title: '管片搅合站9'
    },
    component: () => import('../views/MixingInfo/messageInfo.vue'),
  },
  {
    path: `/mixingInfo/num=10`,
    name: 'mixingInfo',
    meta: {
      title: '管片搅合站10'
    },
    component: () => import('../views/MixingInfo/messageInfo.vue'),
  },
  {
    path: `/mixingInfo/num=11`,
    name: 'mixingInfo',
    meta: {
      title: '管片搅合站11'
    },
    component: () => import('../views/MixingInfo/messageInfo.vue'),
  },
  {
    path: `/mixingInfo/num=12`,
    name: 'mixingInfo',
    meta: {
      title: '管片搅合站12'
    },
    component: () => import('../views/MixingInfo/messageInfo.vue'),
  },
  {
    path: '/ScanBear',
    name: 'ScanBear',
    meta: {

 web/src/views/MixingInfo/messageInfo.vue

@@ -3,33 +3,33 @@
        <div class="mixing_header">
            <div class="mixing_main">
                <div class="mixing_left">
                    <div class="mixing_left_num"><span>1</span></div>
                    <div class="mixing_left_name">碎石5-10mm</div>
                    <div class="mixing_left_num"><span>{{mixingList&&mixingList.tableNum}}</span></div>
                    <div class="mixing_left_name">{{mixingList&&mixingList.materialName}}</div>
                </div>
                <div class="mixing_right">
                    <div class="mixing_rows">
                        <div class="mixing_rows_titles">产地名称：</div>
                        <div class="mixing_rows_datas">重庆涪陵区</div>
                        <div class="mixing_rows_datas">{{mixingList&&mixingList.nameOfOrigin}}</div>
                    </div>
                    <div class="mixing_rows">
                        <div class="mixing_rows_titles">进场数量：</div>
                        <div class="mixing_rows_datas">521.53 t</div>
                        <div class="mixing_rows_datas">{{mixingList&&mixingList.incomingQuantity}} t</div>
                    </div>
                    <div class="mixing_rows">
                        <div class="mixing_rows_titles">进场日期：</div>
                        <div class="mixing_rows_datas">2023-11-11</div>
                        <div class="mixing_rows_datas">{{mixingList&&mixingList.inTime}}</div>
                    </div>
                    <div class="mixing_rows">
                        <div class="mixing_rows_titles">检验状态：</div>
                        <div class="mixing_rows_datas" style="color:rgba(255, 102, 0, 1);font-size:9rem;">待检</div>
                        <div class="mixing_rows_datas"  :class="{'standardStyle':mixingList.status===1,'notStandardStyle':mixingList.status!==1}">{{mixingList&&mixingList.status===1?'合格':'待检'}}</div>
                    </div>
                    <div class="mixing_rows">
                        <div class="mixing_rows_titles">检验日期：</div>
                        <div class="mixing_rows_datas"></div>
                        <div class="mixing_rows_datas">{{mixingList&&mixingList.inspectionDate}}</div>
                    </div>
                    <div class="mixing_rows">
                        <div class="mixing_rows_titles">报告编号：</div>
                        <div class="mixing_rows_datas"></div>
                        <div class="mixing_rows_datas">{{mixingList&&mixingList.reportNumber}}</div>
                    </div>
                </div>
            </div>
@@ -40,11 +40,37 @@
export default {
    data(){
        return{
            timer:null,//定时器
            mixingList:null,//展示数据
        }
    },
    created(){
        this.searchMixingInfos()
    },
    mounted(){
        const that = this;
        // that.searchMixingInfos()
        that.timer = setInterval(()=>{
            that.searchMixingInfos()
        },300000)
    },
    beforeDestroy() {
        clearInterval(this.timer);
        this.timer = null;
    },
    methods:{
        searchMixingInfos(){
            let params={
                tableNum:window.location.href.split('/')[5].split('=')[1]
            }
            this.$api.Infos.showHmixings(params).then(res=>{
                if(res.statusMsg==='ok'){
                    this.mixingList = res.data
                }else{
                    this.$message.warning('请检查网络或联系管理员!!!')
                }
            })
        },
    }
}
</script>
@@ -133,6 +159,14 @@
                        font-weight: 400;
                        font-size: 5rem;
                    }
                    .standardStyle{
                        color:#15EF48;
                        font-size:8rem;
                    }
                    .notStandardStyle{
                        color:rgba(255, 102, 0, 1);
                        font-size:8rem;
                    }
                }
            }
        }