2026年3月9日21:28:15
This commit is contained in:
17792275749
@@ -4,36 +4,37 @@
|
||||
<div class="deviceData">
|
||||
<div class="detailHeader">
|
||||
<div>餐品热量</div>
|
||||
<div>268千卡/100克</div>
|
||||
<div>{{ deviceData.calorie }}千卡/100克</div>
|
||||
</div>
|
||||
<div class="detailImg">
|
||||
<div>
|
||||
<img
|
||||
src="https://dev.yixiong-tech.com:8081/common/files/20260309/5b94f4df-d0e5-45ff-8a3d-8cd524441568.png"
|
||||
alt=""/>
|
||||
<img :src="deviceData.foodImg" alt=""/>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<div class="detailFooter">
|
||||
<div class="detailFooter-1">
|
||||
<div>红烧带鱼</div>
|
||||
<div>(<span>0.24</span>)</div>
|
||||
<div>{{ deviceData.foodName }}</div>
|
||||
<template v-if="deviceData.differenceWeight">
|
||||
<div>(<span>{{ deviceData.differenceWeight }}</span>)</div>
|
||||
</template>
|
||||
</div>
|
||||
<div class="detailFooter-2">
|
||||
<div>美容养颜</div>
|
||||
<div>增强免疫力</div>
|
||||
<template v-for="item in deviceData.labelList">
|
||||
<div>{{ item }}</div>
|
||||
</template>
|
||||
</div>
|
||||
<div class="detailFooter-3">
|
||||
<div>
|
||||
<div>12.5</div>
|
||||
<div>{{ deviceData.realNameWeight }}</div>
|
||||
<div>实名取用</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>13.8</div>
|
||||
<div>{{ deviceData.marginWeight }}</div>
|
||||
<div>余量</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>6.6</div>
|
||||
<div>{{ deviceData.anonymityWeight }}</div>
|
||||
<div>匿名取用</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
</div>
|
||||
<div class="rowDom-dishes">
|
||||
<template v-for="item in deviceDataList">
|
||||
<Info :deviceData="item.data" :key="item.id" />
|
||||
<Info :deviceData="item.data" :key="item.deviceId" />
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+106
-45
@@ -29,71 +29,139 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
// url: "http://192.168.1.201:14801",
|
||||
|
||||
screenWidth: 1920,
|
||||
|
||||
deviceDataList: [{
|
||||
id: '1',
|
||||
data: 1
|
||||
}, {
|
||||
id: '2',
|
||||
deviceId: '1',
|
||||
data: null
|
||||
}, {
|
||||
id: '3',
|
||||
data: 2
|
||||
deviceId: '2',
|
||||
data: {
|
||||
foodId: "2028767531816284161",
|
||||
foodName: "蒜香鸡翅根",
|
||||
foodImg: "https://dev.yixiong-tech.com:8081/common/files/20260303/ad0b893a-1fa6-4905-b969-016c44cd29b4.png",
|
||||
calorie: "116",
|
||||
labelList: ['补充蛋白质', '增强免疫力'],
|
||||
differenceWeight: "0.12", // 偷菜
|
||||
marginWeight: "5.32", // 余量（kg）
|
||||
realNameWeight: "7.86", // 实名取餐重量（kg）
|
||||
anonymityWeight: "1.70", // 匿名取餐重量（kg）
|
||||
}
|
||||
}, {
|
||||
id: '4',
|
||||
deviceId: '3',
|
||||
data: null
|
||||
}, {
|
||||
id: '5',
|
||||
data: 3
|
||||
deviceId: '4',
|
||||
data: {
|
||||
foodId: "2028273122528030722",
|
||||
foodName: "杏鲍菇炒肉",
|
||||
foodImg: "https://dev.yixiong-tech.com:8081/common/files/20260302/a0c9541a-47bb-43db-bff5-053fe3d88111.png",
|
||||
calorie: "59",
|
||||
labelList: ['润肠通便', '提高免疫'],
|
||||
differenceWeight: "", // 偷菜
|
||||
marginWeight: "6.18", // 余量（kg）
|
||||
realNameWeight: "5.42", // 实名取餐重量（kg）
|
||||
anonymityWeight: "0.90", // 匿名取餐重量（kg）
|
||||
}
|
||||
}, {
|
||||
id: '6',
|
||||
deviceId: '5',
|
||||
data: null
|
||||
}, {
|
||||
id: '7',
|
||||
deviceId: '6',
|
||||
data: {
|
||||
foodId: "2029388232071933954",
|
||||
foodName: "青椒鸡肉丝",
|
||||
foodImg: "https://dev.yixiong-tech.com:8081/common/files/20260305/8e833968-f88b-4918-84d0-99dcc5118b4b.png",
|
||||
calorie: "43",
|
||||
labelList: ['促进消化', '补充维C'],
|
||||
differenceWeight: "0.08", // 偷菜
|
||||
marginWeight: "4.56", // 余量（kg）
|
||||
realNameWeight: "6.24", // 实名取餐重量（kg）
|
||||
anonymityWeight: "1.12", // 匿名取餐重量（kg）
|
||||
}
|
||||
}, {
|
||||
deviceId: '7',
|
||||
data: null
|
||||
}, {
|
||||
id: '8',
|
||||
deviceId: '8',
|
||||
data: {
|
||||
foodId: "2028277177375617026",
|
||||
foodName: "西红柿炒鸡蛋",
|
||||
foodImg: "https://dev.yixiong-tech.com:8081/common/files/20260302/660cc729-09cc-4b77-bfe9-9d2918714a3c.png",
|
||||
calorie: "44",
|
||||
labelList: ['美容养颜', '健脑益智'],
|
||||
differenceWeight: "", // 偷菜
|
||||
marginWeight: "3.74", // 余量（kg）
|
||||
realNameWeight: "8.96", // 实名取餐重量（kg）
|
||||
anonymityWeight: "2.30", // 匿名取餐重量（kg）
|
||||
}
|
||||
}, {
|
||||
deviceId: '9',
|
||||
data: null
|
||||
}, {
|
||||
id: '9',
|
||||
deviceId: '10',
|
||||
data: {
|
||||
foodId: "2028768323575050242",
|
||||
foodName: "凉拌菠菜",
|
||||
foodImg: "https://dev.yixiong-tech.com:8081/common/files/20260303/af27cd5a-325f-4d9c-bedf-4b32870f293c.png",
|
||||
calorie: "30",
|
||||
labelList: ['补铁补血', '明目护眼'],
|
||||
differenceWeight: "0.06", // 偷菜
|
||||
marginWeight: "7.20", // 余量（kg）
|
||||
realNameWeight: "4.38", // 实名取餐重量（kg）
|
||||
anonymityWeight: "0.56", // 匿名取餐重量（kg）
|
||||
}
|
||||
}, {
|
||||
deviceId: '11',
|
||||
data: null
|
||||
}, {
|
||||
id: '10',
|
||||
deviceId: '12',
|
||||
data: {
|
||||
foodId: "2031257721365442561",
|
||||
foodName: "青笋炒木耳？",
|
||||
foodImg: "https://dev.yixiong-tech.com:8081/common/files/20260310/45e6f7fc-f58a-4828-b5ff-72c5a5f561da.png",
|
||||
calorie: "28",
|
||||
labelList: ['清热解毒', '活血化瘀'],
|
||||
differenceWeight: "0.04", // 偷菜
|
||||
realNameWeight: "3.82", // 实名取餐重量（kg）
|
||||
marginWeight: "5.94", // 余量（kg）
|
||||
anonymityWeight: "0.74", // 匿名取餐重量（kg）
|
||||
}
|
||||
}, {
|
||||
deviceId: '13',
|
||||
data: null
|
||||
}, {
|
||||
id: '11',
|
||||
data: null
|
||||
deviceId: '14',
|
||||
data: {
|
||||
foodId: "2031248239226892289",
|
||||
foodName: "玉米粒大米饭",
|
||||
foodImg: "https://dev.yixiong-tech.com:8081/common/files/20260306/db3b1d29-8a8d-4e26-a93f-fdc066959f30.png",
|
||||
calorie: "137",
|
||||
labelList: ['补充能量', '促进消化'],
|
||||
differenceWeight: "", // 偷菜
|
||||
marginWeight: "8.64", // 余量（kg）
|
||||
realNameWeight: "10.26", // 实名取餐重量（kg）
|
||||
anonymityWeight: "1.10", // 匿名取餐重量（kg）
|
||||
}
|
||||
}, {
|
||||
id: '12',
|
||||
data: null
|
||||
}, {
|
||||
id: '13',
|
||||
data: null
|
||||
}, {
|
||||
id: '14',
|
||||
data: null
|
||||
}, {
|
||||
id: '15',
|
||||
deviceId: '15',
|
||||
data: null
|
||||
}],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getDeviceId();
|
||||
// this.getDeviceId();
|
||||
},
|
||||
methods: {
|
||||
getDeviceId() {
|
||||
// httpRequest().then(function (res) {
|
||||
//
|
||||
// }).catch(function(err) {
|
||||
//
|
||||
// })
|
||||
},
|
||||
|
||||
getDeviceData() {
|
||||
|
||||
}
|
||||
// getDeviceId() {
|
||||
// httpRequest("GET", this.url + "/terminal/neglect/large-screen/longScreen", {}).then(function (res) {
|
||||
// console.log(res);
|
||||
// }).catch(function(err) {
|
||||
//
|
||||
// })
|
||||
// },
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -104,13 +172,6 @@ export default {
|
||||
height: 100%;
|
||||
background-color: #000000;
|
||||
|
||||
//.row_1,
|
||||
//.row_2,
|
||||
//.row_3 {
|
||||
// width: 100%;
|
||||
// height: 312px;
|
||||
//}
|
||||
|
||||
.ledDom {
|
||||
width: 100%;
|
||||
height: 312px;
|
||||
|
||||
Reference in New Issue
Block a user