查看 | 历史 | 提交 | 提交对比
admin
2024-09-26 dd4b7015b8466e454d6d8ec2352586f255f33412
提交 | 用户 | 时间
dd4b70 1 <template>
A 2   <div id="center">
3     <div class="up">
4       <div style="width: 100%;font-size: 30px;text-align: center;height: 52px">订单号</div>
5       <div style="width: 100%;font-size: 30px;text-align: center;height: 52px">{{workOrderNo}}</div>
6       <div style="width: 50%;font-size: 30px;text-align: center;height: 52px">计划数量</div>
7       <div style="width: 50%;font-size: 30px;text-align: center;height: 52px">{{planQty}}</div>
8       <div style="width: 50%;font-size: 30px;text-align: center;height: 52px">完成数量</div>
9       <div style="width: 50%;font-size: 30px;text-align: center;height: 52px">{{actualQty}}</div>
10       <div style="width: 99%;height: 200px;">
11         <dv-water-level-pond class="dv-wa-le-po" :config="water" />
12       </div>
13     </div>
14     <div class="down">
15     </div>
16   </div>
17 </template>
18
19 <script>
20 export default {
21   data() {
22     return {
23       planQty: 60,
24       actualQty: 23,
25       workOrderNo: "TZ180XSDSZX012409180000001",
26       water: {
27         data: [46, 46],
28         // shape: 'round',
29         formatter: '{value}%',
30         waveNum: 3
31       },
32     }
33   },
34   mounted() {
35     this.tops();
36     this.changeTiming();
37   },
38   methods: {
39     tops(){
40       this.$http.get('http://192.168.0.249:8083/productionOrdeInfo/center1')
41           .then((response)=>{
42             this.water = { data: response.data.data.waterLevel}
43             this.planQty = response.data.data.planQty;
44             this.actualQty = response.data.data.actualQty;
45             this.workOrderNo = response.data.data.workOrderNo;
46             console.log("----------!!!!!!!!"+response.data.data.planQty)
47           })
48     },
49     changeTiming() {
50       setInterval(() => {
51         this.tops();
52       }, 60000)
53     },
54   }
55 }
56 </script>
57
58 <style lang="scss" scoped>
59 #center {
60   display: flex;
61   flex-direction: column;
62   .up {
63     width: 100%;
64     display: flex;
65     flex-wrap: wrap;
66     justify-content: space-around;
67   }
68   .dv-wa-le-po {
69     height: 100%;
70   }
71 }
72 </style>