You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
454 lines
11 KiB
454 lines
11 KiB
<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>
|
|
|