#

Junjie

2025-11-10 bbf4add59c8a4d973ef3dcebfd25ca99aade6fbe

 src/main/webapp/views/components/WatchCrnCard.js

@@ -1,7 +1,10 @@
Vue.component('watch-crn-card', {
    template: `
    <div>
        <div>堆垛机监控</div>
        <div style="display: flex;margin-bottom: 10px;">
            <div style="width: 100%;">堆垛机监控</div>
            <div style="width: 100%;text-align: right;display: flex;"><el-input size="mini" v-model="searchCrnNo" placeholder="请输入堆垛机号"></el-input><el-button @click="getCrnStateInfo" size="mini">查询</el-button></div>
        </div>
        <el-collapse v-model="activeNames">
          <el-collapse-item v-for="(item) in crnList" :name="item.crnNo">
            <template slot="title">
@@ -46,7 +49,8 @@
    data() {
        return {
            crnList: [],
            activeNames: ''
            activeNames: '',
            searchCrnNo: ''
        }
    },
    created() {
@@ -78,7 +82,18 @@
                    // 堆垛机信息表获取
                    if (res.code == 200) {
                        let list = res.data;
                        that.crnList = list;

                        if (that.searchCrnNo == '') {
                            that.crnList = list;
                        }else {
                            let tmp = []
                            list.forEach((item) => {
                                if(item.crnNo == that.searchCrnNo) {
                                    tmp.push(item)
                                }
                            })
                            that.crnList = tmp;
                        }
                    }
                }
            })