dev
/
GScreenWEB_TPMes
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

电饭煲使用接口数据

This commit is contained in:
ljx 2025-07-13 20:49:14 +08:00
parent bed6cd98c9
commit 5f1bc5f444
7 changed files with 75 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/api.js
View File

@ -8,7 +8,9 @@ const api = {
baseURL3: 'http://36.139.158.169:9261', baseURL3: 'http://36.139.158.169:9261',
baseURL: 'http://ppjlar.demo.natool.cn', // baseURL: 'http://ppjlar.demo.natool.cn',
baseURL: 'http://39.101.165.228:9009',
get (url) { get (url) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {

36
src/components/dianfanbao-demo/index.vue
View File

@ -3,24 +3,24 @@
<dv-full-screen-container> <dv-full-screen-container>
<top-header :Name="'电饭煲生产看板'" style="height:10%;" /> <top-header v-if="resData" :Name="resData.title" style="height:10%;" />
<div style="display:flex;height: 40%;justify-content: space-around;margin-bottom: 30px;"> <div v-if="resData" style="display:flex;height: 40%;justify-content: space-around;margin-bottom: 30px;">
<div class="main-container" style="width: 32%;"> <div class="main-container" style="width: 32%;">
<NewContain :dataType="dataType" style="width:100%;height:100%"/> <NewContain :resData="resData" style="width:100%;height:100%" />
</div> </div>
<div class="main-container" style="width: 32%;"> <div class="main-container" style="width: 32%;">
<NewContain2 :dataType="dataType" style="width:100%;height:100%"/> <NewContain2 :resData="resData" style="width:100%;height:100%"/>
</div> </div>
<div class="main-container" style="width: 32%;"> <div class="main-container" style="width: 32%;">
<NewContain3 :dataType="dataType" style="width:100%;height:100%"/> <NewContain3 :resData="resData" style="width:100%;height:100%"/>
</div> </div>
</div> </div>
<div style="display:flex;height: 44%;justify-content: space-around;"> <div v-if="resData" style="display:flex;height: 44%;justify-content: space-around;">
<div class="main-container" style="width: 48%;"> <div class="main-container" style="width: 48%;">
<NewContain4 :dataType="dataType" style="width:100%;height:100%"/> <NewContain4 :resData="resData" style="width:100%;height:100%"/>
</div> </div>
<div class="main-container" style="width: 48%;"> <div class="main-container" style="width: 48%;">
<NewContain5 :dataType="dataType" style="width:100%;height:100%"/> <NewContain5 :resData="resData" style="width:100%;height:100%"/>
</div> </div>
</div> </div>
@ -52,19 +52,21 @@ export default {
}, },
created() { created() {
// 获取 URL 查询参数并设置 dataType // 获取 URL 查询参数并设置 dataType
const queryParams = new URLSearchParams(window.location.search); // const queryParams = new URLSearchParams(window.location.search);
const dataTypeParam = queryParams.get('q'); // const dataTypeParam = queryParams.get('q');
console.log(dataTypeParam) this.$api.post('/api/pg/GetBIDemo',{
if (dataTypeParam === '1') { code:'11'
this.dataType = '整机'; }).then(res=>{
}else if(dataTypeParam === '3'){ console.log(res.data)
this.dataType = '3'; if(res.code == 200){
}else{ this.resData = res.data;
this.dataType = ''; // 如果不是 '1'，则设置为空
} }
})
}, },
data() { data() {
return { return {
resData:null,
dataType:'', dataType:'',
dataType2:'整机', dataType2:'整机',
switchType: 2 switchType: 2

32
src/components/dianfanbao-demo/newContain.vue
View File

@ -13,28 +13,21 @@
<div class="ncbmc-content"> <div class="ncbmc-content">
<div class="text-item"> <div class="text-item">
<p class="item-left">总人数:</p> <p class="item-left">总人数:</p>
<p class="item-right">28人</p> <p class="item-right">{{resData.info.PersonNumber}}人</p>
</div>
<!-- <div class="text-item">
<p class="item-left">订单数量:</p>
<p class="item-right">{{ resData.info.OrderQuantity }}</p>
</div> </div>
<div class="text-item"> <div class="text-item">
<p class="item-left">完成数:</p> <p class="item-left">完成数:</p>
<p class="item-right">1500</p> <p class="item-right">{{ resData.info.DoneQuantity }}</p>
</div> </div> -->
<div class="text-item"> <div class="text-item" v-for="(item,index) in resData.info.Contacts" :key="'person'+index">
<p class="item-left">未完成数:</p>
<p class="item-right">780</p>
</div>
<div class="text-item">
<p class="item-left">负责人:</p> <p class="item-left">负责人:</p>
<p class="item-right">张三：19909209201</p> <p class="item-right">{{item.Name}}：{{ item.Phone }}</p>
</div>
<div class="text-item">
<p class="item-left">负责人:</p>
<p class="item-right">李四：19909209201</p>
</div>
<div class="text-item">
<p class="item-left">负责人:</p>
<p class="item-right">王五：19909209201</p>
</div> </div>
</div> </div>
</dv-border-box-1> </dv-border-box-1>
@ -56,6 +49,9 @@ export default {
LabelTag, LabelTag,
}, },
props: { props: {
resData:{
type:Object,
},
dataType: { dataType: {
type: String, type: String,
default: '' default: ''
@ -67,6 +63,8 @@ export default {
return { return {
} }
}, },
created(){
},
// 在mounted()中调用 // 在mounted()中调用
mounted() { mounted() {

17
src/components/dianfanbao-demo/newContain2.vue
View File

@ -17,37 +17,37 @@
</div> </div>
<div class="current-item"> <div class="current-item">
<span class="current-item-name">产品编码：</span> <span class="current-item-name">产品编码：</span>
<span class="current-item-value">1102030006</span> <span class="current-item-value">{{resData.info.OrderCode}}</span>
</div> </div>
<div class="current-item"> <div class="current-item">
<span class="current-item-name">产品名称：</span> <span class="current-item-name">产品名称：</span>
<span class="current-item-value">电炖锅-MD-DGC4018-亮光银SL008-220V-600W-4L-中国-美的-MD-DGC4018-</span> <span class="current-item-value">{{resData.info.InventoryName}}</span>
</div> </div>
<div style="display: flex;"> <div style="display: flex;">
<div class="current-item"> <div class="current-item">
<span class="current-item-name">工单数量：</span> <span class="current-item-name">工单数量：</span>
<span class="current-item-value">1000</span> <span class="current-item-value">{{resData.info.OrderQuantity}}</span>
</div> </div>
<div class="current-item"> <div class="current-item">
<span class="current-item-name">已完成数量：</span> <span class="current-item-name">已完成数量：</span>
<span class="current-item-value">635</span> <span class="current-item-value">{{resData.info.DoneQuantity}}</span>
</div> </div>
</div> </div>
<div style="display: flex;"> <div style="display: flex;">
<div class="current-item"> <div class="current-item">
<span class="current-item-name">完工进度：</span> <span class="current-item-name">完工进度：</span>
<span class="current-item-value">67.5%</span> <span class="current-item-value">{{resData.info.DoneRate * 100}}%</span>
</div> </div>
<div class="current-item"> <div class="current-item">
<span class="current-item-name">备料齐套进度：</span> <span class="current-item-name">备料齐套进度：</span>
<span class="current-item-value">98.84%</span> <span class="current-item-value">{{resData.info.MatchQuantity *100}}%</span>
</div> </div>
</div> </div>
<div class="current-item"> <div class="current-item">
<span class="current-item-name">异常工时：</span> <span class="current-item-name">异常工时：</span>
<span class="current-item-value">0H</span> <span class="current-item-value">{{resData.info.ErrorHour}}H</span>
</div> </div>
</div> </div>
</dv-border-box-1> </dv-border-box-1>
@ -70,6 +70,9 @@ export default {
LabelTag, LabelTag,
}, },
props: { props: {
resData:{
type:Object,
},
dataType: { dataType: {
type: String, type: String,
default: '' default: ''

23
src/components/dianfanbao-demo/newContain3.vue
View File

@ -16,7 +16,7 @@
产线当日合格率 产线当日合格率
</div> </div>
<div style="font-size: 40px;font-weight: bold;color: brown;"> <div style="font-size: 40px;font-weight: bold;color: brown;">
70% {{resData.defectData.qualifiedRate}}%
</div> </div>
<div id="ncbox-pie" style="width: 100%;height: 200px;"> <div id="ncbox-pie" style="width: 100%;height: 200px;">
</div> </div>
@ -28,13 +28,13 @@
<div style="width: 20%;">数量</div> <div style="width: 20%;">数量</div>
<div style="width: 20%;">占比</div> <div style="width: 20%;">占比</div>
</div> </div>
<div class="ncbox-right-item"> <div class="ncbox-right-item" v-for="(item,index) in resData.defectData.defects" :key="'defect'+index">
<div style="width: 20%;">No.1</div> <div style="width: 20%;">No.{{ item.rank }}</div>
<div style="width: 40%;">不通电</div> <div style="width: 40%;">{{item.defectName}}</div>
<div style="width: 20%;">4</div> <div style="width: 20%;">{{ item.count }}</div>
<div style="width: 20%;">30.77%</div> <div style="width: 20%;">{{item.ratio}}%</div>
</div> </div>
<div class="ncbox-right-item"> <!-- <div class="ncbox-right-item">
<div style="width: 20%;">No.2</div> <div style="width: 20%;">No.2</div>
<div style="width: 40%;">发热盘托盘刮花，卡滞、油污</div> <div style="width: 40%;">发热盘托盘刮花，卡滞、油污</div>
<div style="width: 20%;">3</div> <div style="width: 20%;">3</div>
@ -57,7 +57,7 @@
<div style="width: 40%;">氖赠/导线压线、破皮、露铜等不良，</div> <div style="width: 40%;">氖赠/导线压线、破皮、露铜等不良，</div>
<div style="width: 20%;">1</div> <div style="width: 20%;">1</div>
<div style="width: 20%;">7.69%</div> <div style="width: 20%;">7.69%</div>
</div> </div> -->
</div> </div>
</div> </div>
</dv-border-box-1> </dv-border-box-1>
@ -80,6 +80,9 @@ export default {
LabelTag, LabelTag,
}, },
props: { props: {
resData:{
type:Object,
},
dataType: { dataType: {
type: String, type: String,
default: '' default: ''
@ -94,6 +97,10 @@ export default {
] ]
} }
}, },
created(){
this.pieData[0].value = this.resData.defectData.qualifiedRate;
this.pieData[1].value = 100 - this.resData.defectData.qualifiedRate;
},
mounted() { mounted() {
this.initPieChart(); this.initPieChart();
}, },

9
src/components/dianfanbao-demo/newContain4.vue
View File

@ -27,6 +27,9 @@ export default {
LabelTag, LabelTag,
}, },
props: { props: {
resData:{
type:Object,
},
dataType: { dataType: {
type: String, type: String,
default: '' default: ''
@ -42,8 +45,8 @@ export default {
initMixedChart() { initMixedChart() {
const chartDom = document.getElementById('nbc-line1'); const chartDom = document.getElementById('nbc-line1');
const myChart = echarts.init(chartDom); const myChart = echarts.init(chartDom);
const actualData = [120, 132, 101, 120, 78, 0]; const actualData = this.resData.productionData.actual;
const targetData = [120, 132, 101, 134, 90, 0]; const targetData = this.resData.productionData.target;
const option = { const option = {
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
@ -64,7 +67,7 @@ export default {
}, },
xAxis: { xAxis: {
type: 'category', type: 'category',
data: ['08:00-09:00', '09:00-10:00', '10:00-12:00', '13:30-15:30', '15:30-17:30', '17:30-19:30'], data:this.resData.productionData.timeSlots,
axisLabel: { axisLabel: {
fontSize: 14, // 放大 x 轴文字 fontSize: 14, // 放大 x 轴文字
fontWeight: 'bold', // x 轴文字加粗 fontWeight: 'bold', // x 轴文字加粗

9
src/components/dianfanbao-demo/newContain5.vue
View File

@ -32,6 +32,9 @@ export default {
LabelTag, LabelTag,
}, },
props: { props: {
resData:{
type:Object,
},
dataType: { dataType: {
type: String, type: String,
default: '' default: ''
@ -52,8 +55,8 @@ export default {
initMixedChart() { initMixedChart() {
const chartDom = document.getElementById('nbc-line2'); const chartDom = document.getElementById('nbc-line2');
const myChart = echarts.init(chartDom); const myChart = echarts.init(chartDom);
const actualData = [10.5, 10.5, 10.5, 10.5, 0, 0]; const actualData =this.resData.upphData.actual;
const targetData = [10.5, 10.5, 10.5, 10.5, 0, 0]; const targetData =this.resData.upphData.target;
const option = { const option = {
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
@ -74,7 +77,7 @@ export default {
}, },
xAxis: { xAxis: {
type: 'category', type: 'category',
data: ['08:00-09:00', '09:00-10:00', '10:00-12:00', '13:30-15:30', '15:30-17:30', '17:30-19:30'], data:this.resData.upphData.timeSlots,
axisLabel: { axisLabel: {
fontSize: 14, // 放大 x 轴文字 fontSize: 14, // 放大 x 轴文字
fontWeight: 'bold', // x 轴文字加粗 fontWeight: 'bold', // x 轴文字加粗