From 0b83163518f23e4571f3f510c38e9a25f46b6d07 Mon Sep 17 00:00:00 2001 From: clll <1320612696@qq.com> Date: 星期五, 08 九月 2023 17:06:00 +0800 Subject: [PATCH] Merge branch 'master' of http://10.153.19.150:10101/r/CanadaMes --- CanadaMes-ui/src/views/home/index.vue | 190 +++++++++++++++++++++++++++++++++++++---------- 1 files changed, 150 insertions(+), 40 deletions(-) diff --git a/CanadaMes-ui/src/views/home/index.vue b/CanadaMes-ui/src/views/home/index.vue index f5ca385..7900d17 100644 --- a/CanadaMes-ui/src/views/home/index.vue +++ b/CanadaMes-ui/src/views/home/index.vue @@ -73,7 +73,7 @@ .blocks { - min-height: 50vh; + min-height: 49vh; max-width: 100vw; background-image: url('../../img/xmjc.png'); margin: 0 auto; @@ -110,36 +110,74 @@ .el-table__empty-text { line-height: 41px; } + +.box { + width: 90%; + margin-left: 5%; + height: 35px; + color: red; + font-size: 12px; + overflow: hidden; +} + +.text { + width: auto; + line-height: 35px; + white-space: nowrap; + animation: textScroll 20s linear infinite; + margin: 0 auto; +} + +@keyframes textScroll { + 0% { + transform: translateX(100%); + } + + 100% { + transform: translateX(-150%); + } +} </style> <template> <el-container> <!-- <el-header style="padding: 10px;"></el-header> --> <el-main> + <div class="box"> + <div class="text"> + Alarm: + <label v-for="item in this.alarm" :key="item['id']"> + {{ item['content'] }} + </label> + </div> + </div> + <div style="display:flex;justify-content: space-around;width: 95%;margin: 0 auto;"> <el-input style="width:15%;" placeholder="Enter the glass lD" v-model="glassid"></el-input> <el-button type="primary" @click="showform()">Manually feed the glass</el-button> <el-input style="width:15%;" placeholder="Enter the order number" v-model="order"></el-input> - <el-button type="warning" @click="getOrder()">Exit the glass by order number</el-button> + <el-button type="warning" @click="showform1();">Exit the glass by order number</el-button> </div> <div> - <el-table :data="this.tasklist1" border style="width: 100%" > + <el-table :data="this.tasklist1" border style="width: 100%"> <el-table-column prop="glassId" label="Coming out glass ID"></el-table-column> - <el-table-column :width="250" prop="cage" label="The Grille number being used"></el-table-column> + <el-table-column :width="250" prop="cell" label="The Grille number being used"></el-table-column> <el-table-column prop="orderId" label="Order Nmuber"></el-table-column> <el-table-column prop="lengthwidth" label="Length and width"></el-table-column> <el-table-column prop="coating" label="coating"></el-table-column> <el-table-column label="Operate"> - <el-button type="primary" style="padding: 4px 10px;font-size: 12px;">end task</el-button> + <el-button type="primary" style="padding: 4px 10px;font-size: 12px;" @click="endtask(0)">end + task</el-button> </el-table-column> </el-table> <el-table :data="this.tasklist2" border style="width: 100%"> <el-table-column prop="glassId" label="Incoming glass ID"></el-table-column> - <el-table-column :width="250" prop="cage" label="The Grille number being used"></el-table-column> + <el-table-column :width="250" prop="cell" label="The Grille number being used"></el-table-column> <el-table-column prop="orderId" label="Order Nmuber"></el-table-column> <el-table-column prop="lengthwidth" label="Length and width"></el-table-column> <el-table-column prop="coating" label="coating"></el-table-column> <el-table-column label="Operate"> - <el-button type="primary" style="padding: 4px 10px;font-size: 12px;">end task</el-button> + <el-button type="primary" style="padding: 4px 10px;font-size: 12px;" @click="endtask(1)">end + task</el-button> </el-table-column> </el-table> </div> @@ -180,7 +218,7 @@ </el-footer> <el-dialog :visible.sync="dialogFormVisible" title="Please confirm the information"> <el-form :model="form" label-width="100px" style="padding-right: 30px"> - <el-form-item label="Order"> + <el-form-item label="order"> <el-input v-model="form.orderno" autocomplete="off" /> </el-form-item> <el-form-item label="length"> @@ -200,12 +238,28 @@ </span> </template> </el-dialog> + <el-dialog :visible.sync="dialogFormVisible1" title="Ordering Information"> + <el-form :model="form1" label-width="100px" style="padding-right: 30px"> + <el-form-item label="order"> + <el-input v-model="form1.order" autocomplete="off" /> + </el-form-item> + <el-form-item label="number"> + <el-input v-model="form1.number" autocomplete="off" /> + </el-form-item> + </el-form> + <template #footer> + <span class="dialog-footer"> + <el-button @click="cancal1()">cancal</el-button> + <el-button @click="getOrder();" type="primary">confirm</el-button> + </span> + </template> + </el-dialog> </el-container> </template> <script> -import { home, home2, loadtask, InsertOrder, Addglassid } from "../../api/home"; +import { home, home2, loadtask, InsertOrder, Addglassid, UpdateTask, SelectAlarmmgInfo } from "../../api/home"; let socket; export default { @@ -213,12 +267,18 @@ data() { return { dialogFormVisible: false, + dialogFormVisible1: false, form: { orderno: "NG2210210", length: 800, width: 1000, coating: "red", }, + form1: { + order: "NG2210210", + number: 800, + }, + alarm: [], tableData: [], cagelist1: [], cagelist2: [], @@ -232,7 +292,9 @@ glassid: "", url: "../../img/bigcar01.png", car1: 116, - car2: 187 + car2: 187, + incell: "", + outcell: "" }; }, created() { @@ -268,14 +330,20 @@ this.car1 = 116 + 18.88 * obj.params[0][0]; this.car2 = 187 + 18.8 * obj.params[0][1]; - this.tableData=obj.tableData[0]; - this.cagelist1=obj.cagelist1[0]; - this.cagelist2=obj.cagelist2[0]; - this.cagelist3=obj.cagelist3[0]; - this.cagelist4=obj.cagelist4[0]; - this.tasklist1=obj.tasklist1[0]; - this.tasklist2=obj.tasklist2[0]; - + this.tableData = obj.tableData[0]; + this.cagelist1 = obj.cagelist1[0]; + this.cagelist2 = obj.cagelist2[0]; + this.cagelist3 = obj.cagelist3[0]; + this.cagelist4 = obj.cagelist4[0]; + this.tasklist1 = obj.tasklist1[0]; + this.tasklist2 = obj.tasklist2[0]; + if (this.tasklist1.length > 0) { + this.incell = this.tasklist1[0]['cell']; + } + if (this.tasklist1.length > 0) { + this.outcell = this.tasklist2[0]['cell']; + } + this.alarm = obj.alarmmg[0]; // for (let a = 0; a <= this.record.params.length - 1; a++) { // // this.record.xyData[a] = [this.record.canshu[a], this.record.params[0][a]]; // // this.record.xyData[a] = { name: this.record.canshu[a], value: this.record.params[0][a] }; @@ -311,14 +379,23 @@ }); loadtask(this.task1).then(res => { this.tasklist1 = res.data.list; - console.log(this.tasklist1); + if (res.data.list.length > 0) { + this.incell = this.tasklist1[0]['cell']; + } }); loadtask(this.task2).then(res => { this.tasklist2 = res.data.list; + if (res.data.list.length > 0) { + this.outcell = this.tasklist2[0]['cell']; + } + }); loadtask(this.task2).then(res => { this.tasklist2 = res.data.list; - + + }); + SelectAlarmmgInfo().then(res => { + this.alarm = res.data.alarmmg; }); }, //鏍规嵁鏍煎瓙鐘舵�佷慨鏀归鑹� @@ -337,7 +414,7 @@ }, //鎸夎鍗曞嚭鐗� getOrder() { - if (this.order != "") { + if (this.form1.order != "") { InsertOrder(this.order).then(res => { if (res.data.message == 200) { this.$message.success("Operation successful"); @@ -349,23 +426,9 @@ } }, - showform() { - this.form = - { - orderno: "NG2210210", - length: 800, - width: 1000, - coating: "red", - }; - this.dialogFormVisible = true; - }, - cancal() { - this.dialogFormVisible = false; - this.form = {}; - }, //鎵嬪姩涓婄墖 sbumitglassid() { - if (this.glassid != "") { + if (this.form.order != "") { Addglassid(this.glassid).then(res => { if (res.data.message2 == 200) { this.$message.success("Operation successful"); @@ -376,12 +439,59 @@ }); } }, - endtask(type,shelfrack) { - alert(type); - alert(shelfrack); + showform() { + if (this.glassid != "") { + this.form = + { + orderno: "NG2210210", + length: 800, + width: 1000, + coating: "red", + }; + this.dialogFormVisible = true; + } + }, + showform1() { + if (this.order != "") { + this.form1 = + { + order: "NG2210210", + number: 800, + }; + this.dialogFormVisible1 = true; + } + + + }, + cancal() { + this.dialogFormVisible = false; + this.form = {}; + }, + cancal1() { + this.dialogFormVisible1 = false; + this.form1 = {}; + }, + endtask(type) { + if (type == 0) { + UpdateTask(type, this.incell).then(res => { + if (res.data.message3 == 200) { + this.$message.success("Operation successful"); + } + }); + } else { + UpdateTask(type, this.outcell).then(res => { + if (res.data.message3 == 200) { + this.$message.success("Operation successful"); + } + }); + } + + } + } -}; +} + </script> \ No newline at end of file -- Gitblit v1.8.0