3.27修改入参及数据获取字段变更
This commit is contained in:
4
.env.dev
4
.env.dev
@@ -12,9 +12,9 @@ VUE_APP_TITLE = 洛玻集团驾驶舱
|
||||
# 杨姗姗
|
||||
# VUE_APP_BASE_API = 'http://172.16.20.218:7070'
|
||||
# 小田
|
||||
# VUE_APP_BASE_API = 'http://172.16.19.232:7070'
|
||||
VUE_APP_BASE_API = 'http://172.16.19.232:7070'
|
||||
# 测试
|
||||
VUE_APP_BASE_API = 'http://192.168.0.35:8080'
|
||||
# VUE_APP_BASE_API = 'http://192.168.0.35:8080'
|
||||
|
||||
|
||||
# 路由懒加载
|
||||
|
||||
@@ -90,7 +90,7 @@
|
||||
</el-upload>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitFileForm">确 定</el-button>
|
||||
<el-button @click="upload.open = false">取 消</el-button>
|
||||
<el-button @click="cancelBtn">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</Container>
|
||||
@@ -512,6 +512,10 @@ export default {
|
||||
this.$message.error('上传失败!')
|
||||
}
|
||||
},
|
||||
cancelBtn() {
|
||||
this.upload.open = false
|
||||
this.$refs.upload.clearFiles();
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -77,7 +77,7 @@ font-style: normal;">指标详情</div>
|
||||
</el-upload>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitFileForm">确 定</el-button>
|
||||
<el-button @click="upload.open = false">取 消</el-button>
|
||||
<el-button @click="cancelBtn">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</Container>
|
||||
@@ -387,6 +387,10 @@ export default {
|
||||
console.error('文件上传出错:', error)
|
||||
this.$message.error('上传失败!')
|
||||
}
|
||||
},
|
||||
cancelBtn(){
|
||||
this.upload.open = false
|
||||
this.$refs.upload.clearFiles();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -189,23 +189,23 @@ export default {
|
||||
startTime: this.dateData.startTime,
|
||||
endTime: this.dateData.endTime,
|
||||
trendName: '原料' + this.meterialName + this.trendName,
|
||||
analysisObject: ['原料' + this.meterialName],
|
||||
analysisObject: [this.meterialName],
|
||||
levelId: this.factory,
|
||||
};
|
||||
// 调用接口
|
||||
getSingleMaterialAnalysis(requestParams).then((res) => {
|
||||
this.monData = res.data.currentMonthData.find(item => {
|
||||
return item.name === '原料' + this.meterialName;
|
||||
return item.name === this.meterialName + '成本';
|
||||
});
|
||||
this.totalData = res.data.totalMonthData.find(item => {
|
||||
return item.name === '原料' + this.meterialName;
|
||||
return item.name === this.meterialName + '成本';
|
||||
});
|
||||
this.relatedData = {
|
||||
relatedMon: res.data.currentMonthData.filter(item => {
|
||||
return item.name !== '原料' + this.meterialName;
|
||||
return item.name !== this.meterialName + '成本';
|
||||
}), // 兜底月度数据
|
||||
relatedTotal: res.data.totalMonthData.filter(item => {
|
||||
return item.name !== '原料' + this.meterialName;
|
||||
return item.name !== this.meterialName + '成本';
|
||||
}) // 兜底累计数据
|
||||
}
|
||||
this.trend = res.data.dataTrend
|
||||
|
||||
@@ -108,7 +108,7 @@ export default {
|
||||
totalData: {},
|
||||
trend: [],
|
||||
relatedData: {},
|
||||
trendName: '原片原料成本',
|
||||
trendName: '原片原料',
|
||||
// monthRelatedData: [],
|
||||
// totalRelatedData: [],
|
||||
};
|
||||
|
||||
@@ -39,7 +39,7 @@
|
||||
grid-template-columns: 1624px;
|
||||
">
|
||||
<!-- <monthlyRelatedMetrics :itemData="renderList" :title="'月度·相关指标分析'" /> -->
|
||||
<relateSingleFuelCostAnalysis :relatedData="relatedData" :title="'相关指标分析'" />
|
||||
<relateSingleFuelCostAnalysis :fuelName='fuelName' :relatedData="relatedData" :title="'相关指标分析'" />
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -213,7 +213,7 @@ export default {
|
||||
// index: this.index,
|
||||
// sort: 1,
|
||||
trendName: this.trendName,
|
||||
analysisObject: [this.fuelName + '成本'],
|
||||
analysisObject: [this.fuelName],
|
||||
// paramList: ['制造成本', '财务费用', '销售费用', '管理费用', '运费'],
|
||||
levelId: this.factory,
|
||||
// baseId: Number(this.factory),
|
||||
|
||||
@@ -211,7 +211,7 @@ export default {
|
||||
// index: this.index,
|
||||
// sort: 1,
|
||||
trendName: this.trendName,
|
||||
analysisObject: [this.fuelName + '成本'],
|
||||
analysisObject: [this.fuelName],
|
||||
// paramList: ['制造成本', '财务费用', '销售费用', '管理费用', '运费'],
|
||||
levelId: this.factory,
|
||||
// baseId: Number(this.factory),
|
||||
|
||||
@@ -90,6 +90,7 @@ export default {
|
||||
|
||||
const salesData = {
|
||||
allPlaceNames: this.locations,
|
||||
unit:'元/㎡',
|
||||
series: [
|
||||
// 1. 完成率(折线图)
|
||||
{
|
||||
|
||||
@@ -35,7 +35,7 @@
|
||||
<div class="dropdown-options" v-if="isDropdownShow">
|
||||
<div class="dropdown-option" v-for="(item, index) in profitOptions" :key="index"
|
||||
@click.stop="selectProfit(item)">
|
||||
{{ item }}
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -61,12 +61,22 @@ export default {
|
||||
return {
|
||||
isDropdownShow: false,
|
||||
selectedProfit: '天然气', // 选中的名称,初始为null
|
||||
profitOptions: [
|
||||
'天然气',
|
||||
'LNG液化天然气',
|
||||
'重油',
|
||||
'水',
|
||||
]
|
||||
profitOptions: [{
|
||||
name: '天然气',
|
||||
unit:'元/㎡',
|
||||
},
|
||||
{
|
||||
name: 'LNG液化天然气',
|
||||
unit:'元/㎡',
|
||||
},
|
||||
{
|
||||
name: '重油',
|
||||
unit:'元/㎡',
|
||||
},
|
||||
{
|
||||
name: '水',
|
||||
unit:'元/㎡',
|
||||
}],
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@@ -88,6 +98,7 @@ export default {
|
||||
|
||||
const salesData = {
|
||||
allPlaceNames: this.locations,
|
||||
unit:'元/㎡',
|
||||
series: [
|
||||
// 1. 完成率(折线图)
|
||||
{
|
||||
@@ -246,9 +257,10 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
selectProfit(item) {
|
||||
this.selectedProfit = item;
|
||||
this.selectedProfit = item.name;
|
||||
this.unit = item.unit;
|
||||
this.isDropdownShow = false;
|
||||
this.$emit('handleGetItemData', item)
|
||||
this.$emit('handleGetItemData', item.name)
|
||||
}
|
||||
},
|
||||
};
|
||||
|
||||
@@ -60,9 +60,9 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
isDropdownShow: false,
|
||||
selectedProfit: '原片原料成本', // 选中的名称,初始为null
|
||||
selectedProfit: '原片原料', // 选中的名称,初始为null
|
||||
profitOptions: [
|
||||
'原片原料成本',
|
||||
'原片原料',
|
||||
'硅砂',
|
||||
'海砂',
|
||||
'纯碱',
|
||||
@@ -90,6 +90,7 @@ export default {
|
||||
|
||||
const salesData = {
|
||||
allPlaceNames: this.locations,
|
||||
unit:'元/㎡',
|
||||
series: [
|
||||
// 1. 完成率(折线图)
|
||||
{
|
||||
|
||||
@@ -87,6 +87,7 @@ export default {
|
||||
|
||||
const salesData = {
|
||||
allPlaceNames: this.locations,
|
||||
unit:'元/㎡',
|
||||
series: [
|
||||
// 1. 完成率(折线图)
|
||||
{
|
||||
|
||||
@@ -35,7 +35,7 @@
|
||||
<div class="dropdown-options" v-if="isDropdownShow">
|
||||
<div class="dropdown-option" v-for="(item, index) in profitOptions" :key="index"
|
||||
@click.stop="selectProfit(item)">
|
||||
{{ item }}
|
||||
{{ item.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -61,12 +61,23 @@ export default {
|
||||
return {
|
||||
isDropdownShow: false,
|
||||
selectedProfit: '采购单价', // 选中的名称,初始为null
|
||||
profitOptions: [
|
||||
'采购单价',
|
||||
'产量',
|
||||
'单耗',
|
||||
'消耗量',
|
||||
]
|
||||
profitOptions: [{
|
||||
name: '采购单价',
|
||||
unit: '元/吨'
|
||||
},
|
||||
{
|
||||
name: '产量',
|
||||
unit: '吨'
|
||||
},
|
||||
{
|
||||
name: '单耗',
|
||||
unit: 'kg/㎡'
|
||||
},
|
||||
{
|
||||
name: '消耗量',
|
||||
unit: '吨'
|
||||
}],
|
||||
unit:'元/吨',
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@@ -88,6 +99,7 @@ export default {
|
||||
|
||||
const salesData = {
|
||||
allPlaceNames: this.locations,
|
||||
unit:this.unit,
|
||||
series: [
|
||||
// 1. 完成率(折线图)
|
||||
{
|
||||
@@ -247,9 +259,10 @@ export default {
|
||||
methods: {
|
||||
selectProfit(item) {
|
||||
console.log('aaaaaa',item)
|
||||
this.selectedProfit = item;
|
||||
this.selectedProfit = item.name;
|
||||
this.isDropdownShow = false;
|
||||
this.$emit('handleGetItemData', item)
|
||||
this.$emit('handleGetItemData', item.name)
|
||||
this.unit = item.unit;
|
||||
}
|
||||
},
|
||||
};
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<div class="kpi-content" style="padding: 14px 16px; display: flex; width: 100%;">
|
||||
<!-- 新增:topItem 专属包裹容器,统一控制样式和布局(原有行内样式不变) -->
|
||||
<div class="topItem-container" style="display: flex; gap: 8px;">
|
||||
<div class="dashboard left" @click="handleDashboardClick('备品丶机物料')">
|
||||
<div class="dashboard left" @click="handleDashboardClick('备件、机物料')">
|
||||
<div class="title">
|
||||
备件、机物料·元/㎡
|
||||
</div>
|
||||
@@ -76,7 +76,7 @@ export default {
|
||||
computed: {
|
||||
// 1. 备件丶机物料数据:精准筛选对应名称数据,兜底值统一
|
||||
sparePartsData() {
|
||||
return this.relatedData.find(item => (item.name || '').includes('备品丶机物料')) || {
|
||||
return this.relatedData.find(item => (item.name || '').includes('备件、机物料')) || {
|
||||
targetValue: 0,
|
||||
value: 0,
|
||||
completed: 0,
|
||||
|
||||
@@ -7,28 +7,28 @@
|
||||
<div class="topItem-container" style="display: flex; gap: 8px;">
|
||||
<!-- 天然气组件:绑定对应筛选数据,点击传递物料名和路由 -->
|
||||
<div class="dashboard left" @click="handleDashboardClick('天然气', 'singleCombustible')">
|
||||
<div class="title">天然气·元/吨</div>
|
||||
<div class="title">天然气·元/㎡</div>
|
||||
<div class="line">
|
||||
<operatingSingleBar :detailData="naturalGasData"></operatingSingleBar>
|
||||
</div>
|
||||
</div>
|
||||
<!-- LNG液化天然气组件:绑定对应筛选数据 -->
|
||||
<div class="dashboard right" @click="handleDashboardClick('LNG液化天然气', 'singleCombustible')">
|
||||
<div class="title">LNG液化天然气·元/吨</div>
|
||||
<div class="title">LNG液化天然气·元/㎡</div>
|
||||
<div class="line">
|
||||
<operatingSingleBar :detailData="lngData"></operatingSingleBar>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 重油组件:绑定对应筛选数据 -->
|
||||
<div class="dashboard right" @click="handleDashboardClick('重油', 'singleCombustible')">
|
||||
<div class="title">重油·元/吨</div>
|
||||
<div class="title">重油·元/㎡</div>
|
||||
<div class="line">
|
||||
<operatingSingleBar :detailData="heavyOilData"></operatingSingleBar>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 水组件:绑定对应筛选数据 -->
|
||||
<div class="dashboard right" @click="handleDashboardClick('水', 'singleCombustible')">
|
||||
<div class="title">水·元/吨</div>
|
||||
<div class="title">水·元/㎡</div>
|
||||
<div class="line">
|
||||
<operatingSingleBar :detailData="waterData"></operatingSingleBar>
|
||||
</div>
|
||||
|
||||
@@ -110,7 +110,7 @@ export default {
|
||||
},
|
||||
// 2. 备件丶机物料数据:精准筛选
|
||||
sparePartsData() {
|
||||
return this.activeData.find(item => (item.name || '').includes('备品丶机物料')) || {
|
||||
return this.activeData.find(item => (item.name || '').includes('备件、机物料')) || {
|
||||
targetValue: 0,
|
||||
value: 0,
|
||||
completed: 0,
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<div class="topItem-container" style="display: flex; gap: 8px;">
|
||||
<div class="dashboard left">
|
||||
<div class="title">
|
||||
采购单价·元/m³
|
||||
采购单价·{{fuelName=='天然气'||fuelName=='LNG液化天然气'||fuelName=='水'?'元/m³':'万元'}}
|
||||
</div>
|
||||
<div class="line">
|
||||
<!-- 绑定对应数据:新增数据绑定,样式不变 -->
|
||||
@@ -83,6 +83,10 @@ export default {
|
||||
type: String,
|
||||
default: '' // 默认空字符串,保持原有配置
|
||||
},
|
||||
fuelName:{
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
</div>
|
||||
<div class="dashboard right">
|
||||
<div class="title">
|
||||
单耗·吨
|
||||
单耗·kg/㎡
|
||||
</div>
|
||||
<div class="line">
|
||||
<operatingSingleBar :detailData="unitHaoData"></operatingSingleBar>
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<div class="kpi-content" style="padding: 14px 16px; display: flex; width: 100%;">
|
||||
<!-- 新增:topItem 专属包裹容器,统一控制样式和布局(原有行内样式不变) -->
|
||||
<div class="topItem-container" style="display: flex; gap: 8px;">
|
||||
<div class="dashboard left" @click="handleDashboardClick('备品丶机物料')">
|
||||
<div class="dashboard left" @click="handleDashboardClick('备件、机物料')">
|
||||
<div class="title">
|
||||
备件、机物料·元/㎡
|
||||
</div>
|
||||
@@ -76,7 +76,7 @@ export default {
|
||||
computed: {
|
||||
// 1. 备件丶机物料数据:精准筛选对应名称数据,兜底值统一
|
||||
sparePartsData() {
|
||||
return this.relatedData.find(item => (item.name || '').includes('备品丶机物料')) || {
|
||||
return this.relatedData.find(item => (item.name || '').includes('备件、机物料')) || {
|
||||
targetValue: 0,
|
||||
value: 0,
|
||||
completed: 0,
|
||||
|
||||
Reference in New Issue
Block a user