jinna
2 years ago
parent
25ebdefb48
commit
38c5a5f942
13 changed files with 1469 additions and 149 deletions
@ -0,0 +1,25 @@ |
||||
import request from "@/router/axios"; |
||||
|
||||
export const getCarborList = (query) => { |
||||
return request({ |
||||
url: "/api/blade-lims/carbonEmissionPlan/page", |
||||
method: "get", |
||||
params: query, |
||||
}); |
||||
}; |
||||
|
||||
export const saveCarbon = (data) => { |
||||
return request({ |
||||
url: "/api/blade-lims/carbonEmissionPlan/saveCarbon", |
||||
method: "post", |
||||
data, |
||||
}); |
||||
}; |
||||
|
||||
export const deleteCarbon = (id) => { |
||||
return request({ |
||||
url: "/api/blade-lims/carbonEmissionPlan/deleteById", |
||||
method: "get", |
||||
params: { id }, |
||||
}); |
||||
}; |
||||
@ -0,0 +1,25 @@ |
||||
import request from "@/router/axios"; |
||||
|
||||
export const getIntensity = (query) => { |
||||
return request({ |
||||
url: "/api/blade-lims/carbonIntensity/page", |
||||
method: "get", |
||||
params: query, |
||||
}); |
||||
}; |
||||
|
||||
export const saveIntensity = (data) => { |
||||
return request({ |
||||
url: "/api/blade-lims/carbonIntensity/saveCarbon", |
||||
method: "post", |
||||
data, |
||||
}); |
||||
}; |
||||
|
||||
export const deleteIntensity = (id) => { |
||||
return request({ |
||||
url: "/api/blade-lims/carbonIntensity/deleteById", |
||||
method: "get", |
||||
params: { id }, |
||||
}); |
||||
}; |
||||
@ -0,0 +1,25 @@ |
||||
import request from "@/router/axios"; |
||||
|
||||
export const getTrendList = (query) => { |
||||
return request({ |
||||
url: "/api/blade-lims/carbonEmission/page", |
||||
method: "get", |
||||
params: query, |
||||
}); |
||||
}; |
||||
|
||||
export const saveTrend = (data) => { |
||||
return request({ |
||||
url: "/api/blade-lims/carbonEmission/saveCarbon", |
||||
method: "post", |
||||
data, |
||||
}); |
||||
}; |
||||
|
||||
export const deleteTrend = (id) => { |
||||
return request({ |
||||
url: "/api/blade-lims/carbonEmission/deleteById", |
||||
method: "get", |
||||
params: { id }, |
||||
}); |
||||
}; |
||||
@ -0,0 +1,454 @@ |
||||
<template> |
||||
<basic-container> |
||||
<avue-crud |
||||
id="avue-id" |
||||
ref="crud" |
||||
:option="option" |
||||
:data="data" |
||||
:page.sync="page" |
||||
:table-loading="loading" |
||||
@row-save="rowSave" |
||||
@row-update="rowUpdate" |
||||
@row-del="rowDel" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
> |
||||
<template slot="menuLeft"> |
||||
<el-form |
||||
ref="searchForm" |
||||
:model="searchForm" |
||||
label-width="120px" |
||||
style="border: 0px solid red; margin-bottom: 8px" |
||||
> |
||||
<el-row> |
||||
<el-col style="margin-left: 18px" :span="3.5"> |
||||
<el-button class="search" @click="searchHandle(0)" |
||||
>查询</el-button |
||||
> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</template> |
||||
<template slot-scope="{ type }" slot="menuForm"> |
||||
<el-button |
||||
size="small" |
||||
@click="$refs.crud.closeDialog()" |
||||
class="button-el" |
||||
>取消</el-button |
||||
> |
||||
<el-button |
||||
size="small" |
||||
v-if="type == 'add'" |
||||
@click="$refs.crud.rowSave()" |
||||
class="button-el" |
||||
>确定</el-button |
||||
> |
||||
<el-button |
||||
size="small" |
||||
v-if="type == 'edit'" |
||||
@click="$refs.crud.rowUpdate()" |
||||
class="button-el" |
||||
>提交</el-button |
||||
> |
||||
</template> |
||||
<template slot="menuRight"> |
||||
<el-button class="search" style="width: 120px" @click="$refs.crud.rowAdd()" |
||||
>新建</el-button |
||||
> |
||||
</template> |
||||
<template slot-scope="{ row, index }" slot="menu"> |
||||
<el-button @click="$refs.crud.rowEdit(row, index)" class="look" |
||||
>编辑</el-button |
||||
> |
||||
<el-button @click="$refs.crud.rowDel(row, index)" class="look" |
||||
>删除</el-button |
||||
> |
||||
</template> |
||||
</avue-crud> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import {getCarborList,saveCarbon,deleteCarbon} from "@/api/dataStatistics/carbon"; |
||||
export default { |
||||
data() { |
||||
return { |
||||
loading: false, |
||||
page: { |
||||
current: 1, |
||||
total: 1, |
||||
size: 10, |
||||
}, |
||||
// 搜索 |
||||
searchForm: { |
||||
name: "", |
||||
}, |
||||
searchText: { |
||||
flag: 3, |
||||
addText: "新增", |
||||
}, |
||||
option: { |
||||
searchMenuSpan: 8, |
||||
selection: true, |
||||
index: true, |
||||
delBtn: false, |
||||
editBtn: false, |
||||
labelSuffix: " ", //控制标题后缀 |
||||
labelWidth: 120, |
||||
gutter: 20, //设置input的大小 |
||||
expandLevel: 3, |
||||
headerAlign: "left", |
||||
menuWidth: 450, |
||||
align: "left", |
||||
menuPosition: "left", |
||||
tree: true, |
||||
menuBtn: false, |
||||
submitBtn: true, |
||||
emptyBtn: false, |
||||
addBtn: false, |
||||
searchBtn: false, |
||||
columnBtn: false, |
||||
refreshBtn: false, |
||||
tip: false, |
||||
border: false, |
||||
saveBtn: false, |
||||
cancelBtn: false, |
||||
dialogWidth: 920, |
||||
updateBtn: false, |
||||
labelPosition: "top", |
||||
dialogCustomClass: "custom", |
||||
indexLabel: "序号", |
||||
column: [ |
||||
{ |
||||
type: "year", |
||||
span: 8, |
||||
label: "日期", |
||||
prop: "currentYear", |
||||
overHidden: true, |
||||
align: "left", |
||||
format:'yyyy', |
||||
valueFormat:'yyyy', |
||||
rules:[ |
||||
{required:true,message:'请选择日期',trigger:'blur'}, |
||||
] |
||||
}, |
||||
{ |
||||
type: "input", |
||||
span: 8, |
||||
label: "碳排放计划量", |
||||
prop: "totalCarbonPlan", |
||||
// search: true, |
||||
overHidden: true, |
||||
align: "left", |
||||
rules: [ |
||||
{required:true,message:'请填写碳排放计划量',trigger:'blur'}, |
||||
{ |
||||
pattern:/^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/, |
||||
message: "碳排放计划量必须大于0且最多只有两位小数", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
type: "input", |
||||
span: 8, |
||||
label: "碳排放计划量(kg/万元)", |
||||
prop: "carbonPlan", |
||||
// search: true, |
||||
overHidden: true, |
||||
align: "left", |
||||
rules: [ |
||||
{required:true,message:'请填写碳排放计划量(kg/万元)',trigger:'blur'}, |
||||
{ |
||||
pattern: /^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/, |
||||
message: "碳排放计划量(kg/万元)必须大于0且最多只有两位小数", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
type: "input", |
||||
label: "光伏发电", |
||||
span: 8, |
||||
prop: "pvPower", |
||||
overHidden: true, |
||||
align: "left", |
||||
rules: [ |
||||
{required:true,message:'请填写光伏发电',trigger:'blur'}, |
||||
{ |
||||
pattern: /^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/, |
||||
message: "光伏发电必须大于0且最多只有两位小数", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
type: "input", |
||||
span: 8, |
||||
label: "工艺优化", |
||||
prop: "processOpt", |
||||
overHidden: true, |
||||
align: "left", |
||||
rules: [ |
||||
{required:true,message:'请填写工艺优化',trigger:'blur'}, |
||||
{ |
||||
pattern: /^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/, |
||||
message: "工艺优化必须大于0且最多只有两位小数", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
}, |
||||
{ |
||||
type: "input", |
||||
span: 8, |
||||
label: "设备更换", |
||||
prop: "equipReplace", |
||||
overHidden: true, |
||||
align: "left", |
||||
rules: [ |
||||
{required:true,message:'请填写设备更换',trigger:'blur'}, |
||||
{ |
||||
pattern: /^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/, |
||||
message: "设备更换必须大于0且最多只有两位小数", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
}, |
||||
|
||||
], |
||||
}, |
||||
}; |
||||
}, |
||||
mounted() { |
||||
if (JSON.stringify(this.$store.state.client.supplierParams) !== "{}") { |
||||
this.searchForm = this.$store.state.client.supplierParams; |
||||
} |
||||
this.onLoad(); |
||||
}, |
||||
methods: { |
||||
// 分页 |
||||
currentChange(currentPage) { |
||||
this.page.current = currentPage; |
||||
this.onLoad(); |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.size = pageSize; |
||||
this.onLoad(); |
||||
}, |
||||
// 搜索 |
||||
searchHandle(item, index) { |
||||
this.page.current = 1; |
||||
if (index === 1) { |
||||
this.searchForm = { |
||||
name: "", |
||||
}; |
||||
} else { |
||||
this.searchForm = item; |
||||
} |
||||
this.onLoad(); |
||||
this.$store.dispatch("changeSetting", { |
||||
title: "supplierParams", |
||||
form: this.searchForm, |
||||
}); |
||||
}, |
||||
// 新增 |
||||
addHandle() { |
||||
this.$refs.crud.rowAdd(); |
||||
}, |
||||
|
||||
onLoad() { |
||||
this.loading = true; |
||||
const { current, size } = this.page; |
||||
getCarborList( Object.assign({ current, size })).then((res) => { |
||||
const {records,total} = res.data.data |
||||
this.data = records |
||||
this.page.total = total |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
//新增 |
||||
rowSave(from, done, loading) { |
||||
saveCarbon(from).then((res) => { |
||||
if(res.data.code == 200){ |
||||
this.$message.success("新增成功"); |
||||
this.onLoad(); |
||||
} |
||||
|
||||
}); |
||||
done(); |
||||
}, |
||||
//删除 |
||||
rowDel(form, index) { |
||||
this.$confirm("此操作会删除该数据，且无法恢复，确定要删除吗?", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning", |
||||
}).then(() => { |
||||
deleteCarbon(form.id).then((res) => { |
||||
this.$message.success("删除成功"); |
||||
this.onLoad(); |
||||
}); |
||||
}); |
||||
}, |
||||
//修改 |
||||
rowUpdate(form, index, done, loading) { |
||||
let params = { |
||||
currentYear:form.currentYear, |
||||
id:form.id, |
||||
totalCarbonPlan:form.totalCarbonPlan, |
||||
carbonPlan:form.carbonPlan, |
||||
pvPower:form.pvPower, |
||||
processOpt:form.processOpt, |
||||
equipReplace:form.equipReplace |
||||
} |
||||
saveCarbon(params).then((res) => { |
||||
this.$message.success("编辑成功"); |
||||
this.onLoad(); |
||||
done(); |
||||
}); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
// 取消 |
||||
.button-el { |
||||
color: #999999; |
||||
background-color: #fff; |
||||
border-color: #e4e7ec; |
||||
height: 46px; |
||||
width: 100px; |
||||
border-radius: 0px; |
||||
margin-left: 20px; |
||||
} |
||||
// 确定 |
||||
.button-el:hover { |
||||
color: #fff; |
||||
background-color: #1e60f5; |
||||
border-color: #1e60f5; |
||||
height: 46px; |
||||
width: 100px; |
||||
border-radius: 0px; |
||||
margin-left: 20px; |
||||
} |
||||
::v-deep .el-table td.el-table__cell, |
||||
.el-table th.el-table__cell.is-leaf { |
||||
border-bottom: 1px solid #f0f3f7; |
||||
} |
||||
::v-deep .el-table .el-table__cell.is-center { |
||||
text-align: left; |
||||
} |
||||
::v-deep .avue-crud .el-table th { |
||||
color: #999999; |
||||
font-weight: 400; |
||||
background: #f6f8fa; |
||||
height: 66px; |
||||
} |
||||
::v-deep .avue-crud .el-table td { |
||||
height: 66px; |
||||
color: #333333; |
||||
} |
||||
::v-deep .el-table .el-table__cell.is-center { |
||||
text-align: left; |
||||
} |
||||
::v-deep .el-table__row .el-button--default, |
||||
.el-table__row .el-button--text { |
||||
background-color: #fff !important; |
||||
} |
||||
// 按钮样式 |
||||
::v-deep .el-table__row .el-button--default, |
||||
.el-table__row .el-button--text { |
||||
background-color: #fff !important; |
||||
width: 70px; |
||||
height: 36px; |
||||
border-radius: 0; |
||||
padding: 10px; |
||||
border-color: #e4e7ec; |
||||
color: #333333; |
||||
} |
||||
/deep/ .avue-crud__pagination { |
||||
height: 20px; |
||||
padding: 10px; |
||||
// padding-top: 30px; |
||||
// padding-bottom: 30px; |
||||
} |
||||
.search-input { |
||||
width: 255px; |
||||
height: 46px; |
||||
margin-left: 10px; |
||||
/deep/ .el-input__inner { |
||||
width: 255px; |
||||
height: 46px; |
||||
} |
||||
} |
||||
.search { |
||||
color: #fff; |
||||
background-color: #1e60f5; |
||||
border-color: #1e60f5; |
||||
height: 46px; |
||||
width: 100px; |
||||
border-radius: 0px; |
||||
// margin-left:18px!important; |
||||
margin-right: 0 !important; |
||||
} |
||||
// 重置按钮 |
||||
.reset { |
||||
color: #999999; |
||||
background-color: #fff; |
||||
border-color: #e4e7ec; |
||||
height: 46px; |
||||
width: 100px; |
||||
margin-left: 18px !important; |
||||
border-radius: 0px; |
||||
} |
||||
.search-picker { |
||||
width: 240px; |
||||
height: 46px; |
||||
border-radius: 0; |
||||
margin-left: 10px; |
||||
} |
||||
.search-select { |
||||
width: 240px !important; |
||||
height: 46px; |
||||
border-radius: 0; |
||||
margin-left: 10px; |
||||
/deep/ .el-input__inner { |
||||
width: 240px; |
||||
height: 46px; |
||||
} |
||||
} |
||||
.search_select { |
||||
width: 150px !important; |
||||
height: 46px; |
||||
border-radius: 0; |
||||
margin-left: 10px; |
||||
/deep/ .el-input__inner { |
||||
width: 150px; |
||||
height: 46px; |
||||
} |
||||
} |
||||
// 新增取消确定 |
||||
.buttonOne { |
||||
color: #999999; |
||||
background-color: #fff; |
||||
border-color: #e4e7ec; |
||||
height: 46px; |
||||
width: 100px; |
||||
border-radius: 0px; |
||||
margin-left: 20px; |
||||
} |
||||
.buttonOne:hover { |
||||
color: #fff; |
||||
background-color: #1e60f5; |
||||
border-color: #1e60f5; |
||||
height: 46px; |
||||
width: 100px; |
||||
border-radius: 0px; |
||||
margin-left: 20px; |
||||
} |
||||
// 分页 |
||||
::v-deep .el-pagination .el-select .el-input .el-input__inner { |
||||
height: 20px; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,385 @@ |
||||
<template> |
||||
<basic-container> |
||||
<avue-crud |
||||
id="avue-id" |
||||
ref="crud" |
||||
:option="option" |
||||
:data="data" |
||||
:page.sync="page" |
||||
:table-loading="loading" |
||||
@row-save="rowSave" |
||||
@row-update="rowUpdate" |
||||
@row-del="rowDel" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
> |
||||
<template slot="menuLeft"> |
||||
<el-form |
||||
ref="searchForm" |
||||
:model="searchForm" |
||||
label-width="120px" |
||||
style="border: 0px solid red; margin-bottom: 8px" |
||||
> |
||||
<el-row> |
||||
<el-col style="margin-left: 18px" :span="3.5"> |
||||
<el-button class="search" @click="searchHandle(0)" |
||||
>查询</el-button |
||||
> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</template> |
||||
<template slot-scope="{ type }" slot="menuForm"> |
||||
<el-button |
||||
size="small" |
||||
@click="$refs.crud.closeDialog()" |
||||
class="button-el" |
||||
>取消</el-button |
||||
> |
||||
<el-button |
||||
size="small" |
||||
v-if="type == 'add'" |
||||
@click="$refs.crud.rowSave()" |
||||
class="button-el" |
||||
>确定</el-button |
||||
> |
||||
<el-button |
||||
size="small" |
||||
v-if="type == 'edit'" |
||||
@click="$refs.crud.rowUpdate()" |
||||
class="button-el" |
||||
>提交</el-button |
||||
> |
||||
</template> |
||||
<template slot="menuRight"> |
||||
<el-button class="search" style="width: 120px" @click="$refs.crud.rowAdd()" |
||||
>新建</el-button |
||||
> |
||||
</template> |
||||
<template slot-scope="{ row, index }" slot="menu"> |
||||
<el-button @click="$refs.crud.rowEdit(row, index)" class="look" |
||||
>编辑</el-button |
||||
> |
||||
<el-button @click="$refs.crud.rowDel(row, index)" class="look" |
||||
>删除</el-button |
||||
> |
||||
</template> |
||||
</avue-crud> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import {getIntensity,saveIntensity,deleteIntensity} from "@/api/dataStatistics/carbonIntensity"; |
||||
export default { |
||||
data() { |
||||
return { |
||||
loading: false, |
||||
page: { |
||||
current: 1, |
||||
total: 1, |
||||
size: 10, |
||||
}, |
||||
// 搜索 |
||||
searchForm: { |
||||
name: "", |
||||
}, |
||||
searchText: { |
||||
flag: 3, |
||||
addText: "新增", |
||||
}, |
||||
option: { |
||||
searchMenuSpan: 8, |
||||
selection: true, |
||||
index: true, |
||||
delBtn: false, |
||||
editBtn: false, |
||||
labelSuffix: " ", //控制标题后缀 |
||||
labelWidth: 120, |
||||
gutter: 20, //设置input的大小 |
||||
expandLevel: 3, |
||||
headerAlign: "left", |
||||
menuWidth: 450, |
||||
align: "left", |
||||
menuPosition: "left", |
||||
tree: true, |
||||
menuBtn: false, |
||||
submitBtn: true, |
||||
emptyBtn: false, |
||||
addBtn: false, |
||||
searchBtn: false, |
||||
columnBtn: false, |
||||
refreshBtn: false, |
||||
tip: false, |
||||
border: false, |
||||
saveBtn: false, |
||||
cancelBtn: false, |
||||
dialogWidth: 920, |
||||
updateBtn: false, |
||||
labelPosition: "top", |
||||
dialogCustomClass: "custom", |
||||
indexLabel: "序号", |
||||
column: [ |
||||
{ |
||||
type: "month", |
||||
span: 8, |
||||
label: "日期", |
||||
prop: "currentMonth", |
||||
overHidden: true, |
||||
align: "left", |
||||
format:'yyyy-MM', |
||||
valueFormat:'yyyy-MM', |
||||
rules:[ |
||||
{required:true,message:'请选择日期',trigger:'blur'}, |
||||
] |
||||
}, |
||||
{ |
||||
type: "input", |
||||
span: 8, |
||||
label: "碳排放强度", |
||||
prop: "intensity", |
||||
// search: true, |
||||
overHidden: true, |
||||
align: "left", |
||||
rules: [ |
||||
{required:true,message:'请填写碳排放强度',trigger:'blur'}, |
||||
{ |
||||
pattern: /^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/, |
||||
message: "碳排放计划量必须大于0且最多只有两位小数", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
}, |
||||
], |
||||
}, |
||||
}; |
||||
}, |
||||
mounted() { |
||||
if (JSON.stringify(this.$store.state.client.supplierParams) !== "{}") { |
||||
this.searchForm = this.$store.state.client.supplierParams; |
||||
} |
||||
this.onLoad(); |
||||
}, |
||||
methods: { |
||||
// 分页 |
||||
currentChange(currentPage) { |
||||
this.page.current = currentPage; |
||||
this.onLoad(); |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.size = pageSize; |
||||
this.onLoad(); |
||||
}, |
||||
// 搜索 |
||||
searchHandle(item, index) { |
||||
this.page.current = 1; |
||||
if (index === 1) { |
||||
this.searchForm = { |
||||
name: "", |
||||
}; |
||||
} else { |
||||
this.searchForm = item; |
||||
} |
||||
this.onLoad(); |
||||
this.$store.dispatch("changeSetting", { |
||||
title: "supplierParams", |
||||
form: this.searchForm, |
||||
}); |
||||
}, |
||||
// 新增 |
||||
addHandle() { |
||||
this.$refs.crud.rowAdd(); |
||||
}, |
||||
|
||||
onLoad() { |
||||
this.loading = true; |
||||
const { current, size } = this.page; |
||||
getIntensity( Object.assign({ current, size })).then((res) => { |
||||
const {records,total} = res.data.data |
||||
this.data = records |
||||
this.page.total = total |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
//新增 |
||||
rowSave(form, done, loading) { |
||||
saveIntensity(form).then((res) => { |
||||
if(res.data.code == 200){ |
||||
this.$message.success("新增成功"); |
||||
this.onLoad(); |
||||
} |
||||
}); |
||||
done(); |
||||
}, |
||||
//删除 |
||||
rowDel(form, index) { |
||||
this.$confirm("此操作会删除该数据，且无法恢复，确定要删除吗?", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning", |
||||
}).then(() => { |
||||
deleteIntensity(form.id).then((res) => { |
||||
this.$message.success("删除成功"); |
||||
this.onLoad(); |
||||
}); |
||||
}); |
||||
}, |
||||
//修改 |
||||
rowUpdate(form, index, done, loading) { |
||||
let params = { |
||||
id:form.id, |
||||
currentMonth:form.currentMonth, |
||||
intensity:form.intensity |
||||
} |
||||
saveIntensity(params).then((res) => { |
||||
if(res.data.code == 200){ |
||||
this.$message.success("编辑成功"); |
||||
this.onLoad(); |
||||
} |
||||
done(); |
||||
}); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
// 取消 |
||||
.button-el { |
||||
color: #999999; |
||||
background-color: #fff; |
||||
border-color: #e4e7ec; |
||||
height: 46px; |
||||
width: 100px; |
||||
border-radius: 0px; |
||||
margin-left: 20px; |
||||
} |
||||
// 确定 |
||||
.button-el:hover { |
||||
color: #fff; |
||||
background-color: #1e60f5; |
||||
border-color: #1e60f5; |
||||
height: 46px; |
||||
width: 100px; |
||||
border-radius: 0px; |
||||
margin-left: 20px; |
||||
} |
||||
::v-deep .el-table td.el-table__cell, |
||||
.el-table th.el-table__cell.is-leaf { |
||||
border-bottom: 1px solid #f0f3f7; |
||||
} |
||||
::v-deep .el-table .el-table__cell.is-center { |
||||
text-align: left; |
||||
} |
||||
::v-deep .avue-crud .el-table th { |
||||
color: #999999; |
||||
font-weight: 400; |
||||
background: #f6f8fa; |
||||
height: 66px; |
||||
} |
||||
::v-deep .avue-crud .el-table td { |
||||
height: 66px; |
||||
color: #333333; |
||||
} |
||||
::v-deep .el-table .el-table__cell.is-center { |
||||
text-align: left; |
||||
} |
||||
::v-deep .el-table__row .el-button--default, |
||||
.el-table__row .el-button--text { |
||||
background-color: #fff !important; |
||||
} |
||||
// 按钮样式 |
||||
::v-deep .el-table__row .el-button--default, |
||||
.el-table__row .el-button--text { |
||||
background-color: #fff !important; |
||||
width: 70px; |
||||
height: 36px; |
||||
border-radius: 0; |
||||
padding: 10px; |
||||
border-color: #e4e7ec; |
||||
color: #333333; |
||||
} |
||||
/deep/ .avue-crud__pagination { |
||||
height: 20px; |
||||
padding: 10px; |
||||
// padding-top: 30px; |
||||
// padding-bottom: 30px; |
||||
} |
||||
.search-input { |
||||
width: 255px; |
||||
height: 46px; |
||||
margin-left: 10px; |
||||
/deep/ .el-input__inner { |
||||
width: 255px; |
||||
height: 46px; |
||||
} |
||||
} |
||||
.search { |
||||
color: #fff; |
||||
background-color: #1e60f5; |
||||
border-color: #1e60f5; |
||||
height: 46px; |
||||
width: 100px; |
||||
border-radius: 0px; |
||||
// margin-left:18px!important; |
||||
margin-right: 0 !important; |
||||
} |
||||
// 重置按钮 |
||||
.reset { |
||||
color: #999999; |
||||
background-color: #fff; |
||||
border-color: #e4e7ec; |
||||
height: 46px; |
||||
width: 100px; |
||||
margin-left: 18px !important; |
||||
border-radius: 0px; |
||||
} |
||||
.search-picker { |
||||
width: 240px; |
||||
height: 46px; |
||||
border-radius: 0; |
||||
margin-left: 10px; |
||||
} |
||||
.search-select { |
||||
width: 240px !important; |
||||
height: 46px; |
||||
border-radius: 0; |
||||
margin-left: 10px; |
||||
/deep/ .el-input__inner { |
||||
width: 240px; |
||||
height: 46px; |
||||
} |
||||
} |
||||
.search_select { |
||||
width: 150px !important; |
||||
height: 46px; |
||||
border-radius: 0; |
||||
margin-left: 10px; |
||||
/deep/ .el-input__inner { |
||||
width: 150px; |
||||
height: 46px; |
||||
} |
||||
} |
||||
// 新增取消确定 |
||||
.buttonOne { |
||||
color: #999999; |
||||
background-color: #fff; |
||||
border-color: #e4e7ec; |
||||
height: 46px; |
||||
width: 100px; |
||||
border-radius: 0px; |
||||
margin-left: 20px; |
||||
} |
||||
.buttonOne:hover { |
||||
color: #fff; |
||||
background-color: #1e60f5; |
||||
border-color: #1e60f5; |
||||
height: 46px; |
||||
width: 100px; |
||||
border-radius: 0px; |
||||
margin-left: 20px; |
||||
} |
||||
// 分页 |
||||
::v-deep .el-pagination .el-select .el-input .el-input__inner { |
||||
height: 20px; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,401 @@ |
||||
<template> |
||||
<basic-container> |
||||
<avue-crud |
||||
id="avue-id" |
||||
ref="crud" |
||||
:option="option" |
||||
:data="data" |
||||
:page.sync="page" |
||||
:table-loading="loading" |
||||
@row-save="rowSave" |
||||
@row-update="rowUpdate" |
||||
@row-del="rowDel" |
||||
@current-change="currentChange" |
||||
@size-change="sizeChange" |
||||
> |
||||
<template slot="menuLeft"> |
||||
<el-form |
||||
ref="searchForm" |
||||
:model="searchForm" |
||||
label-width="120px" |
||||
style="border: 0px solid red; margin-bottom: 8px" |
||||
> |
||||
<el-row> |
||||
<!-- <el-col :span="2.5"> |
||||
<el-select |
||||
v-model="searchForm.status" |
||||
class="search-select" |
||||
placeholder="请选择状态" |
||||
> |
||||
<el-option label="启用" :value="1"></el-option> |
||||
<el-option label="停用" :value="0"></el-option> |
||||
</el-select> |
||||
</el-col> --> |
||||
<el-col style="margin-left: 18px" :span="3.5"> |
||||
<el-button class="search" @click="searchHandle(0)" |
||||
>查询</el-button |
||||
> |
||||
<!-- <el-button class="reset" @click="searchHandle(1)">重置</el-button> --> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</template> |
||||
<template slot-scope="{ type }" slot="menuForm"> |
||||
<el-button |
||||
size="small" |
||||
@click="$refs.crud.closeDialog()" |
||||
class="button-el" |
||||
>取消</el-button |
||||
> |
||||
<el-button |
||||
size="small" |
||||
v-if="type == 'add'" |
||||
@click="$refs.crud.rowSave()" |
||||
class="button-el" |
||||
>确定</el-button |
||||
> |
||||
<el-button |
||||
size="small" |
||||
v-if="type == 'edit'" |
||||
@click="$refs.crud.rowUpdate()" |
||||
class="button-el" |
||||
>提交</el-button |
||||
> |
||||
</template> |
||||
<template slot="menuRight"> |
||||
<el-button class="search" style="width: 120px" @click="$refs.crud.rowAdd()" |
||||
>新建</el-button |
||||
> |
||||
</template> |
||||
<template slot-scope="{ row, index }" slot="menu"> |
||||
<el-button @click="$refs.crud.rowEdit(row, index)" class="look" |
||||
>编辑</el-button |
||||
> |
||||
<el-button @click="$refs.crud.rowDel(row, index)" class="look" |
||||
>删除</el-button |
||||
> |
||||
</template> |
||||
</avue-crud> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import {getTrendList,saveTrend,deleteTrend} from "@/api/dataStatistics/carbonTrend"; |
||||
export default { |
||||
data() { |
||||
return { |
||||
loading: false, |
||||
page: { |
||||
current: 1, |
||||
total: 1, |
||||
size: 10, |
||||
}, |
||||
// 搜索 |
||||
searchForm: { |
||||
name: "", |
||||
}, |
||||
searchText: { |
||||
flag: 3, |
||||
addText: "新增", |
||||
}, |
||||
option: { |
||||
searchMenuSpan: 8, |
||||
selection: true, |
||||
index: true, |
||||
delBtn: false, |
||||
editBtn: false, |
||||
labelSuffix: " ", //控制标题后缀 |
||||
labelWidth: 120, |
||||
gutter: 20, //设置input的大小 |
||||
expandLevel: 3, |
||||
headerAlign: "left", |
||||
menuWidth: 450, |
||||
align: "left", |
||||
menuPosition: "left", |
||||
tree: true, |
||||
menuBtn: false, |
||||
submitBtn: true, |
||||
emptyBtn: false, |
||||
addBtn: false, |
||||
searchBtn: false, |
||||
columnBtn: false, |
||||
refreshBtn: false, |
||||
tip: false, |
||||
border: false, |
||||
saveBtn: false, |
||||
cancelBtn: false, |
||||
dialogWidth: 920, |
||||
updateBtn: false, |
||||
labelPosition: "top", |
||||
dialogCustomClass: "custom", |
||||
indexLabel: "序号", |
||||
column: [ |
||||
{ |
||||
type: "month", |
||||
span: 8, |
||||
label: "日期", |
||||
prop: "currentMonth", |
||||
overHidden: true, |
||||
align: "left", |
||||
format:'yyyy-MM', |
||||
valueFormat:'yyyy-MM', |
||||
rules:[ |
||||
{required:true,message:'请选择日期',trigger:'blur'}, |
||||
] |
||||
}, |
||||
{ |
||||
type: "input", |
||||
span: 8, |
||||
label: "碳排放量", |
||||
prop: "emissions", |
||||
// search: true, |
||||
overHidden: true, |
||||
align: "left", |
||||
rules: [ |
||||
{required:true,message:'请填写碳排放计划量',trigger:'blur'}, |
||||
{ |
||||
pattern: /^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/, |
||||
message: "碳排放计划量必须大于0且最多只有两位小数", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
}, |
||||
], |
||||
}, |
||||
}; |
||||
}, |
||||
mounted() { |
||||
if (JSON.stringify(this.$store.state.client.supplierParams) !== "{}") { |
||||
this.searchForm = this.$store.state.client.supplierParams; |
||||
} |
||||
this.onLoad(); |
||||
}, |
||||
methods: { |
||||
// 分页 |
||||
currentChange(currentPage) { |
||||
this.page.current = currentPage; |
||||
this.onLoad(); |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.size = pageSize; |
||||
this.onLoad(); |
||||
}, |
||||
// 搜索 |
||||
searchHandle(item, index) { |
||||
this.page.current = 1; |
||||
if (index === 1) { |
||||
this.searchForm = { |
||||
name: "", |
||||
}; |
||||
} else { |
||||
this.searchForm = item; |
||||
} |
||||
this.onLoad(); |
||||
this.$store.dispatch("changeSetting", { |
||||
title: "supplierParams", |
||||
form: this.searchForm, |
||||
}); |
||||
}, |
||||
// 新增 |
||||
addHandle() { |
||||
this.$refs.crud.rowAdd(); |
||||
}, |
||||
|
||||
onLoad() { |
||||
this.loading = true; |
||||
const { current, size } = this.page; |
||||
getTrendList( Object.assign({ current, size })).then((res) => { |
||||
const {records,total} = res.data.data |
||||
this.data = records |
||||
this.page.total = total |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
//新增 |
||||
rowSave(form, done, loading) { |
||||
console.log('add ====>',form) |
||||
saveTrend(form).then((res) => { |
||||
if(res.data.code == 200){ |
||||
this.$message.success("新增成功"); |
||||
this.onLoad(); |
||||
}else{ |
||||
this.$message.error(res.data.msg); |
||||
this.onLoad(); |
||||
} |
||||
}); |
||||
done(); |
||||
}, |
||||
//删除 |
||||
rowDel(form, index) { |
||||
this.$confirm("此操作会删除该数据，且无法恢复，确定要删除吗?", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning", |
||||
}).then(() => { |
||||
deleteTrend(form.id).then((res) => { |
||||
this.$message.success("删除成功"); |
||||
this.onLoad(); |
||||
}); |
||||
}); |
||||
}, |
||||
//修改 |
||||
rowUpdate(form, index, done, loading) { |
||||
console.log(form, "from"); |
||||
let params = { |
||||
currentMonth:form.currentMonth, |
||||
emissions:form.emissions, |
||||
id:form.id |
||||
} |
||||
saveTrend(params).then((res) => { |
||||
if(res.data.code == 200){ |
||||
this.$message.success("编辑成功"); |
||||
this.onLoad(); |
||||
} |
||||
done(); |
||||
}); |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
// 取消 |
||||
.button-el { |
||||
color: #999999; |
||||
background-color: #fff; |
||||
border-color: #e4e7ec; |
||||
height: 46px; |
||||
width: 100px; |
||||
border-radius: 0px; |
||||
margin-left: 20px; |
||||
} |
||||
// 确定 |
||||
.button-el:hover { |
||||
color: #fff; |
||||
background-color: #1e60f5; |
||||
border-color: #1e60f5; |
||||
height: 46px; |
||||
width: 100px; |
||||
border-radius: 0px; |
||||
margin-left: 20px; |
||||
} |
||||
::v-deep .el-table td.el-table__cell, |
||||
.el-table th.el-table__cell.is-leaf { |
||||
border-bottom: 1px solid #f0f3f7; |
||||
} |
||||
::v-deep .el-table .el-table__cell.is-center { |
||||
text-align: left; |
||||
} |
||||
::v-deep .avue-crud .el-table th { |
||||
color: #999999; |
||||
font-weight: 400; |
||||
background: #f6f8fa; |
||||
height: 66px; |
||||
} |
||||
::v-deep .avue-crud .el-table td { |
||||
height: 66px; |
||||
color: #333333; |
||||
} |
||||
::v-deep .el-table .el-table__cell.is-center { |
||||
text-align: left; |
||||
} |
||||
::v-deep .el-table__row .el-button--default, |
||||
.el-table__row .el-button--text { |
||||
background-color: #fff !important; |
||||
} |
||||
// 按钮样式 |
||||
::v-deep .el-table__row .el-button--default, |
||||
.el-table__row .el-button--text { |
||||
background-color: #fff !important; |
||||
width: 70px; |
||||
height: 36px; |
||||
border-radius: 0; |
||||
padding: 10px; |
||||
border-color: #e4e7ec; |
||||
color: #333333; |
||||
} |
||||
/deep/ .avue-crud__pagination { |
||||
height: 20px; |
||||
padding: 10px; |
||||
// padding-top: 30px; |
||||
// padding-bottom: 30px; |
||||
} |
||||
.search-input { |
||||
width: 255px; |
||||
height: 46px; |
||||
margin-left: 10px; |
||||
/deep/ .el-input__inner { |
||||
width: 255px; |
||||
height: 46px; |
||||
} |
||||
} |
||||
.search { |
||||
color: #fff; |
||||
background-color: #1e60f5; |
||||
border-color: #1e60f5; |
||||
height: 46px; |
||||
width: 100px; |
||||
border-radius: 0px; |
||||
// margin-left:18px!important; |
||||
margin-right: 0 !important; |
||||
} |
||||
// 重置按钮 |
||||
.reset { |
||||
color: #999999; |
||||
background-color: #fff; |
||||
border-color: #e4e7ec; |
||||
height: 46px; |
||||
width: 100px; |
||||
margin-left: 18px !important; |
||||
border-radius: 0px; |
||||
} |
||||
.search-picker { |
||||
width: 240px; |
||||
height: 46px; |
||||
border-radius: 0; |
||||
margin-left: 10px; |
||||
} |
||||
.search-select { |
||||
width: 240px !important; |
||||
height: 46px; |
||||
border-radius: 0; |
||||
margin-left: 10px; |
||||
/deep/ .el-input__inner { |
||||
width: 240px; |
||||
height: 46px; |
||||
} |
||||
} |
||||
.search_select { |
||||
width: 150px !important; |
||||
height: 46px; |
||||
border-radius: 0; |
||||
margin-left: 10px; |
||||
/deep/ .el-input__inner { |
||||
width: 150px; |
||||
height: 46px; |
||||
} |
||||
} |
||||
// 新增取消确定 |
||||
.buttonOne { |
||||
color: #999999; |
||||
background-color: #fff; |
||||
border-color: #e4e7ec; |
||||
height: 46px; |
||||
width: 100px; |
||||
border-radius: 0px; |
||||
margin-left: 20px; |
||||
} |
||||
.buttonOne:hover { |
||||
color: #fff; |
||||
background-color: #1e60f5; |
||||
border-color: #1e60f5; |
||||
height: 46px; |
||||
width: 100px; |
||||
border-radius: 0px; |
||||
margin-left: 20px; |
||||
} |
||||
// 分页 |
||||
::v-deep .el-pagination .el-select .el-input .el-input__inner { |
||||
height: 20px; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue