wu
2023-10-30 68d56160c32384f8d939df0bd25bdc9c50b042b9
CanadaMes-ui/src/views/home/index.vue
@@ -194,8 +194,8 @@
                </div>
            </div>
            <div style="display:flex;justify-content: space-around;width: 95%;margin: 0 auto;">
                <el-input style="width:15%;" :placeholder="$t('Enter the glass lD')" v-model="glassid"></el-input>
                <el-button type="primary" @click="showform(1)">{{ $t('Infeed barcodid') }}</el-button>
                <el-input style="width:15%;" :placeholder="$t('Enter the glass lD')" v-model="glassid1"></el-input>
                <el-button type="primary" @click="SelectGlassByGlassIDs()">{{ $t('Infeed barcodid') }}</el-button>
                <el-input style="width:15%;" :placeholder="$t('Enter the order number')" v-model="order"></el-input>
                <el-button type="warning" @click="showform1();">{{ $t('Exit the glass by order number') }}</el-button>
            </div>
@@ -304,7 +304,6 @@
        </el-footer>
        <el-dialog :visible.sync="dialogFormVisible" :title="$t('Please confirm the glass information')">
            <el-form :model="form" label-width="100px" style="padding-right: 30px">
                <el-form-item :label="$t('Barcodid')">
                    <el-input style="width:15%;" :placeholder="$t('Enter the glass lD')" v-model="glassid"></el-input>
                    <el-button type="primary" @click="showform(3)">{{ $t('Query') }}</el-button>
@@ -334,6 +333,75 @@
                </span>
            </template>
        </el-dialog>
        <el-dialog :visible.sync="dialogFormVisible5" :title="$t('Please confirm the glass information')">
            <el-form :model="form" label-width="100px" style="padding-right: 30px">
                <el-form-item style="text-align: center;">
                    <el-input style="width:15%;" :placeholder="$t('Enter the glass lD')" v-model="glassid1"></el-input>
                    <el-button type="primary" @click="SelectGlassByGlassIDs()">{{ $t('Query') }}</el-button>
                </el-form-item>
                <div style="display: flex;justify-content: space-around;height: 40px;">
                    <label for="">{{ $t('Scan Code Point') }}</label>
                    <label for="">{{ $t('Upper film position') }}</label>
                    <label for="">{{ $t('Glass Information') }}</label>
                </div>
                <div style="display: flex;justify-content: space-around;">
                    <el-form-item :label="$t('Barcodid')">
                        <el-input v-model="form2.glassId" readonly autocomplete="off" />
                    </el-form-item>
                    <el-form-item :label="$t('Barcodid')">
                        <el-input v-model="form3.glassId" readonly autocomplete="off" />
                    </el-form-item>
                    <el-form-item :label="$t('Barcodid')">
                        <el-input v-model="form4.glassId" readonly autocomplete="off" />
                    </el-form-item>
                </div>
                <div style="display: flex;justify-content: space-around;">
                    <el-form-item :label="$t('order')">
                        <el-input v-model="form2.orderId" readonly autocomplete="off" />
                    </el-form-item>
                    <el-form-item :label="$t('order')">
                        <el-input v-model="form3.orderId" readonly autocomplete="off" />
                    </el-form-item>
                    <el-form-item :label="$t('order')">
                        <el-input v-model="form4.orderId" readonly autocomplete="off" />
                    </el-form-item>
                </div>
                <div style="display: flex;justify-content: space-around;">
                    <el-form-item :label="$t('length')">
                        <el-input v-model="form2.height" readonly autocomplete="off" />
                    </el-form-item>
                    <el-form-item :label="$t('length')">
                        <el-input v-model="form3.height" readonly autocomplete="off" />
                    </el-form-item>
                    <el-form-item :label="$t('length')">
                        <el-input v-model="form4.height" readonly autocomplete="off" />
                    </el-form-item>
                </div>
                <div style="display: flex;justify-content: space-around;">
                    <el-form-item :label="$t('width')">
                        <el-input v-model="form2.width" readonly autocomplete="off" />
                    </el-form-item>
                    <el-form-item :label="$t('width')">
                        <el-input v-model="form3.width" readonly autocomplete="off" />
                    </el-form-item>
                    <el-form-item :label="$t('width')">
                        <el-input v-model="form4.width" readonly autocomplete="off" />
                    </el-form-item>
                </div>
            </el-form>
            <template #footer>
                <span class="dialog-footer">
                    <el-button @click="InsertQueueGlass()" type="primary" :disabled="disabled">{{ $t('confirm')
                    }}</el-button>
                    <el-button @click="InsertQueueGlass()" type="primary" :disabled="disabled">{{ $t('confirm')
                    }}</el-button>
                    <el-button @click="cancel3()">{{ $t('cancel') }}</el-button>
                </span>
            </template>
        </el-dialog>
        <el-dialog :visible.sync="dialogFormVisible1" :title="$t('Please confirm the Ordering Information')">
            <el-form :model="form1" label-width="100px" style="padding-right: 30px">
                <el-form-item :label="$t('order')">
@@ -387,21 +455,46 @@
        <el-dialog :visible.sync="dialogFormVisible4" :title="$t('OrderInfo')" top="5vh">
            <el-input style="width:15%;" :placeholder="$t('Enter the Order lD')" v-model="orderid"></el-input>
            <el-button type="primary" @click="selectglassinfo()">{{ $t('Query') }}</el-button>
            <el-table :data="this.GlassInfo" :height="700" border style="width: 100%;overflow: auto;">
            <el-table :data="GlassInfo.slice((currentPage - 1) * pagesize, currentPage * pagesize)
                " :height="700" border style="width: 100%;overflow: auto;">
                <el-table-column prop="glassId" :label="$t('Barcodid')"></el-table-column>
                <el-table-column prop="orderId" :label="$t('Order Number')"></el-table-column>
                <el-table-column prop="width" :label="$t('length')"></el-table-column>
                <el-table-column prop="height" :label="$t('width')"></el-table-column>
            </el-table>
            <!-- <el-table :data="tableDatas.slice((currentPage - 1) * pagesize, currentPage * pagesize)
                " style="width: 100%">
                <el-table-column label="Date" prop="date"> </el-table-column>
                <el-table-column label="Name" prop="name"> </el-table-column>
                <el-table-column label="操作">
                    <template slot-scope="scope">
                        <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">Edit</el-button>
                        <el-button size="mini" type="danger"
                            @click="handleDelete(scope.$index, scope.row)">Delete</el-button>
                    </template>
                </el-table-column>
            </el-table> -->
            <!-- 表格分页 -->
            <!-- pager-count pager-count属性可以设置最大页码按钮数,超出折叠,默认为7-->
            <!-- 注意:若数据是后端接口返回的则此时:total="pageCount"-->
            <el-pagination :style="'margin-top:-2px'" @size-change="handleSizeChange" @current-change="handleCurrentChange"
                :pager-count="7" :current-page="currentPage" :page-sizes="[5, 10, 15, 20]" :page-size="pagesize"
                layout="total, sizes, prev, pager, next, jumper" :total="GlassInfo.length > 0 ? GlassInfo.length : null"
                background style="float: right; margin-top: 20px">
            </el-pagination>
        </el-dialog>
    </el-container>
</template>
<script>
//:disabled="scope.row.glassId > 0 || scope.row.disabled == 1 ? true : false"
import {
    home, home2, loadtask, InsertOrder, Addglassid, UpdateTask, SelectAlarmmgInfo,
    SelectCageInfo, DeleteByGlassID, OutByGlassID, Loadcarlist, SelectPassword, SelectGlassByGlassID, Disabled, Inglassid, SelectGlass
    home, home2, loadtask, InsertOrder, Addglassid, UpdateTask, SelectAlarmmgInfo, SelectCageInfo, DeleteByGlassID, OutByGlassID, Loadcarlist,
    SelectPassword, SelectGlassByGlassID, Disabled, Inglassid, SelectGlass, InsertQueueGlassId
} from "../../api/home";
@@ -423,6 +516,7 @@
            dialogFormVisible2: false,
            dialogFormVisible3: false,
            dialogFormVisible4: false,
            dialogFormVisible5: false,
            form: {
                orderId: "",
                glassId: "",
@@ -432,6 +526,24 @@
            form1: {
                order: "NG2210210",
                number: 800,
            },
            form2: {
                orderId: "1145",
                glassId: "112",
                height: "59.06",
                width: "48.03"
            },
            form3: {
                orderId: "1",
                glassId: "2",
                height: "3",
                width: "4"
            },
            form4: {
                orderId: "",
                glassId: "",
                height: "",
                width: ""
            },
            alarm: [],
            tableData: [],
@@ -445,6 +557,7 @@
            tasklist2: [],
            order: "",
            glassid: "",
            glassid1: "",
            url: "../../img/bigcar01.png",
            car1: 145,
            car2: 210,
@@ -458,7 +571,12 @@
            text: "",
            zhuangtai: "",
            orderid: "",
            GlassInfo: []
            GlassInfo: [],
            disabled: true,
            disabled1: true,
            currentPage: 1,  //默认初始页
            pagesize: 15,    //每页默认显示的数据
            pageCount: 0
        };
    },
    created() {
@@ -486,7 +604,6 @@
                };
                //  浏览器端收消息,获得从服务端发送过来的文本消息
                socket.onmessage = function (msg) {
                    //console.log("收到数据====" + msg.data);
                    let obj = JSON.parse(msg.data);
                    if (obj.params != null) {
@@ -505,6 +622,15 @@
                    this.alarm = obj.alarmmg[0];
                    this.loadglassheight = obj.loadglassheight;
                    this.zhuangtai = obj.zhuangtai[0];
                    this.glassid1 = obj.queid[0];
                    if (this.glassid1 != "") {
                        this.disabled1=false;
                        this.showform3();
                    }
                    this.form2 = obj.form2;
                    this.form2 = obj.form3;
                    //if (obj.dbconnected == "false") {
                    this.text = this.$t('DataBase Connection failed');
                    // }
@@ -632,7 +758,7 @@
                if (res.data.form != null) {
                    this.form = res.data.form;
                    this.dialogFormVisible = true;
                    this.$message.success('query was successful');
                    this.$message.success(this.$t('query was successful'));
                } else {
                    this.dialogFormVisible = true;
                    this.$message.error(this.$t('There is no such glass'));
@@ -649,6 +775,27 @@
                };
                this.dialogFormVisible1 = true;
            }
        },
        //显示扫码位和上片位
        showform3(){
            this.dialogFormVisible5 = true;
        },
        //获取扫码位和上片位数据
        SelectGlassByGlassIDs() {
            this.showform3();
            SelectGlassByGlassID(this.glassid1).then(res => {
                if (res.data.form != null) {
                    this.form4 = res.data.form;
                    this.$message.success(this.$t('query was successful'));
                } else {
                    this.$message.error(this.$t('There is no such glass'));
                }
                if (this.form2.glassId == "") {
                    this.disabled = false;
                } else {
                    this.disabled = true;
                }
            });
        },
        selectglassinfo() {
            SelectGlass(this.orderid).then(res => {
@@ -674,6 +821,10 @@
        //取消操作时关闭页面
        cancel1() {
            this.dialogFormVisible1 = false;
            this.form1 = {};
        },
        cancel3() {
            this.dialogFormVisible5 = false;
            this.form1 = {};
        },
        //结束进/出片任务
@@ -821,6 +972,28 @@
                    this.$message.success(this.$t('Operation successful'));
                }
            });
        },
        handleEdit(index, row) {
            console.log(index, row);
        },
        //表格删除
        handleDelete(index, row) {
            console.log(index, row);
        },
        //改变每页容纳的数据量
        handleSizeChange: function (size) {
            this.pagesize = size;
        },
        //切换页码
        handleCurrentChange: function (currentPage) {
            this.currentPage = currentPage;
        },
        InsertQueueGlass() {
            InsertQueueGlassId(this.glassid1).then(res => {
                if (res.data.message == 200) {
                    this.$message.success(this.$t('Operation successful'));
                }
            });
        }
    }
}