350 lines
10 KiB
Plaintext
350 lines
10 KiB
Plaintext
<script setup lang="ts">
|
|
import AppBlock from '@/components/AppBlock.vue'
|
|
import {CSRAdd,getCSRDetail} from '@/api/daikin/base'
|
|
import {useMessage} from 'naive-ui'
|
|
|
|
const message = useMessage()
|
|
const ids = ref('')
|
|
async function getCSR() {
|
|
const {data:{id,content:{dataList}}} = await getCSRDetail()
|
|
ids.value = id
|
|
if(!dataList){
|
|
// console.log("-----------------------------")
|
|
// allData.value = forms.value
|
|
|
|
}
|
|
else{
|
|
form.value = dataList
|
|
}
|
|
// console.log()
|
|
}
|
|
|
|
getCSR()
|
|
const form = ref({
|
|
lable1:{
|
|
name: '大金集团碳减排目标',
|
|
year: 'F25',
|
|
date: '14%',
|
|
title1:'',
|
|
title2:'',
|
|
},
|
|
lable2:{
|
|
name: 'CN调达本部碳减排目标',
|
|
year: 'F25',
|
|
date: '14%',
|
|
title1:'',
|
|
title2:'',
|
|
},
|
|
lable3:{
|
|
name: 'CN调达本部碳减排目标',
|
|
year: 'F23',
|
|
date: '14%',
|
|
title1:'',
|
|
title2:'',
|
|
},
|
|
lable4:{
|
|
name: '2020实绩, 2021实绩, 2022实绩, 2023, 2024, 2025',
|
|
year: '120, 200, 150, 80, 70, 110',
|
|
date: '0, 0, 0, 80, 70, 110',
|
|
title1:'',
|
|
title2:'',
|
|
},
|
|
lable5:{
|
|
name: '30%碳减排课题收集整体情况:',
|
|
year: '60',
|
|
date: '14%',
|
|
title1:'原材料: 15.5%',
|
|
title2:'能源消耗: 1.7%',
|
|
},
|
|
lable6:{
|
|
name: 'FY23碳减排实施完成情况:',
|
|
year: '0.6',
|
|
data:'',
|
|
title1:'原材料',
|
|
title2:'整体目标10%',
|
|
},
|
|
lable7:{
|
|
name:'',
|
|
data:'',
|
|
year: '0.6',
|
|
title1:'能源消耗',
|
|
title2:'整体目标5%',
|
|
},
|
|
lable8:{
|
|
name:'【FY20原材料构成数据】',
|
|
data:{
|
|
data1:{
|
|
name:'Search Engine',
|
|
value:'1048'
|
|
},
|
|
data2:{
|
|
name:'Direct',
|
|
value:'735'
|
|
}
|
|
,
|
|
data3:{
|
|
name:'Email',
|
|
value:'580'
|
|
}
|
|
,
|
|
data4:{
|
|
name:'',
|
|
value:''
|
|
},
|
|
data5:{
|
|
name:'',
|
|
value:''
|
|
}
|
|
|
|
}
|
|
},
|
|
lable9:{
|
|
name:'【FY20能源消耗构成数据】',
|
|
data:{
|
|
data1:{
|
|
name:'Search Engine',
|
|
value:'1048'
|
|
},
|
|
data2:{
|
|
name:'Direct',
|
|
value:'735'
|
|
}
|
|
,
|
|
data3:{
|
|
name:'Email',
|
|
value:'580'
|
|
}
|
|
,
|
|
data4:{
|
|
name:'Union Ads',
|
|
value:'484'
|
|
},
|
|
data5:{
|
|
name:'Video Ads',
|
|
value:'300'
|
|
}
|
|
|
|
}
|
|
},
|
|
})
|
|
|
|
async function onSubmit(){
|
|
const id = ids.value
|
|
const dataList = unref(form)
|
|
const {code,msg} = await CSRAdd({id,content:{dataList}})
|
|
if(code===200){message.success("修改成功")}
|
|
else message.warning(msg)
|
|
console.log(form.value)
|
|
window.location.reload();
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex w-full h-full" v-if="form">
|
|
<AppBlock class="w-full p60px">
|
|
|
|
<el-form :model="form.lable1" label-width="120px" :inline="true">
|
|
<el-form-item label="标题" >
|
|
<el-input v-model="form.lable1.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="年份" >
|
|
<el-input v-model="form.lable1.year"/>
|
|
</el-form-item>
|
|
<el-form-item label="数值" >
|
|
<el-input v-model="form.lable1.date"/>
|
|
</el-form-item>
|
|
</el-form>
|
|
<hr class="mb15px border-#f1f1f1">
|
|
<el-form :model="form.lable2" label-width="120px" :inline="true">
|
|
<el-form-item label="标题" >
|
|
<el-input v-model="form.lable2.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="年份" >
|
|
<el-input v-model="form.lable2.year"/>
|
|
</el-form-item>
|
|
<el-form-item label="数值" >
|
|
<el-input v-model="form.lable2.date"/>
|
|
</el-form-item>
|
|
</el-form>
|
|
<hr class="mb15px border-#f1f1f1">
|
|
<el-form :model="form.lable3" label-width="120px" :inline="true">
|
|
<el-form-item label="标题" >
|
|
<el-input v-model="form.lable3.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="年份" >
|
|
<el-input v-model="form.lable3.year"/>
|
|
</el-form-item>
|
|
<el-form-item label="数值" >
|
|
<el-input v-model="form.lable3.date"/>
|
|
</el-form-item>
|
|
</el-form>
|
|
<hr class="mb15px border-#f1f1f1">
|
|
<div>统计图</div>
|
|
<el-form :model="form.lable4" label-width="120px" :inline="true">
|
|
<el-form-item label="X轴内容" >
|
|
<el-input v-model="form.lable4.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="目标排放" >
|
|
<el-input v-model="form.lable4.year"/>
|
|
</el-form-item>
|
|
<el-form-item label="未完成数值" >
|
|
<el-input v-model="form.lable4.date"/>
|
|
</el-form-item>
|
|
</el-form>
|
|
<hr class="mb15px border-#f1f1f1">
|
|
<el-form :model="form.lable5" label-width="120px" :inline="true">
|
|
<el-form-item label="标题" >
|
|
<el-input v-model="form.lable5.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="已完成数值" >
|
|
<el-input v-model="form.lable5.year"/>
|
|
</el-form-item>
|
|
<el-form-item label="目标数值" >
|
|
<el-input v-model="form.lable5.date"/>
|
|
</el-form-item>
|
|
<el-form-item label="类容一" >
|
|
<el-input v-model="form.lable5.title1"/>
|
|
</el-form-item>
|
|
<el-form-item label="类容二" >
|
|
<el-input v-model="form.lable5.title2"/>
|
|
</el-form-item>
|
|
</el-form>
|
|
<!-- <hr class="mb15px border-#f1f1f1">
|
|
<el-form :model="form.lable5" label-width="120px" :inline="true">
|
|
<el-form-item label="标题" >
|
|
<el-input v-model="form.lable5.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="已完成数值" >
|
|
<el-input v-model="form.lable5.year"/>
|
|
</el-form-item>
|
|
<el-form-item label="目标数值" >
|
|
<el-input v-model="form.lable5.date"/>
|
|
</el-form-item>
|
|
<el-form-item label="类容一" >
|
|
<el-input v-model="form.lable5.title1"/>
|
|
</el-form-item>
|
|
<el-form-item label="类容二" >
|
|
<el-input v-model="form.lable5.title2"/>
|
|
</el-form-item>
|
|
</el-form> -->
|
|
<hr class="mb15px border-#f1f1f1">
|
|
<div>填充球一</div>
|
|
<el-form :model="form.lable6" label-width="120px" :inline="true">
|
|
<el-form-item label="标题" >
|
|
<el-input v-model="form.lable6.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="已完成数值" >
|
|
<el-input v-model="form.lable6.year"/>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="类型" >
|
|
<el-input v-model="form.lable6.title1"/>
|
|
</el-form-item>
|
|
<el-form-item label="目标" >
|
|
<el-input v-model="form.lable6.title2"/>
|
|
</el-form-item>
|
|
</el-form>
|
|
<hr class="mb15px border-#f1f1f1">
|
|
<div>填充球二</div>
|
|
<el-form :model="form.lable7" label-width="120px" :inline="true">
|
|
|
|
<el-form-item label="已完成数值" >
|
|
<el-input v-model="form.lable7.year"/>
|
|
</el-form-item>
|
|
<el-form-item label="类型" >
|
|
<el-input v-model="form.lable7.title1"/>
|
|
</el-form-item>
|
|
<el-form-item label="目标" >
|
|
<el-input v-model="form.lable7.title2"/>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
|
|
<hr class="mb15px border-#f1f1f1">
|
|
<div>饼状图一</div>
|
|
<el-form :model="form.lable8.data" label-width="120px" :inline="true">
|
|
|
|
<el-form-item label="标题" >
|
|
<el-input v-model="form.lable8.name"/>
|
|
</el-form-item>
|
|
<br>
|
|
<el-form-item label="数据名称1" >
|
|
<el-input v-model="form.lable8.data.data1.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据1" >
|
|
<el-input v-model="form.lable8.data.data1.value"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据名称2" >
|
|
<el-input v-model="form.lable8.data.data2.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据2" >
|
|
<el-input v-model="form.lable8.data.data2.value"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据名称3" >
|
|
<el-input v-model="form.lable8.data.data3.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据3" >
|
|
<el-input v-model="form.lable8.data.data3.value"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据名称4" >
|
|
<el-input v-model="form.lable8.data.data4.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据4" >
|
|
<el-input v-model="form.lable8.data.data4.value"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据名称5" >
|
|
<el-input v-model="form.lable8.data.data5.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据5" >
|
|
<el-input v-model="form.lable8.data.data5.value"/>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<hr class="mb15px border-#f1f1f1">
|
|
<div>饼状图二</div>
|
|
<el-form :model="form.lable9.data" label-width="120px" :inline="true">
|
|
|
|
<el-form-item label="标题" >
|
|
<el-input v-model="form.lable9.name"/>
|
|
</el-form-item>
|
|
<br>
|
|
<el-form-item label="数据名称1" >
|
|
<el-input v-model="form.lable9.data.data1.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据1" >
|
|
<el-input v-model="form.lable9.data.data1.value"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据名称2" >
|
|
<el-input v-model="form.lable9.data.data2.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据2" >
|
|
<el-input v-model="form.lable9.data.data2.value"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据名称3" >
|
|
<el-input v-model="form.lable9.data.data3.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据3" >
|
|
<el-input v-model="form.lable9.data.data3.value"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据名称4" >
|
|
<el-input v-model="form.lable9.data.data4.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据4" >
|
|
<el-input v-model="form.lable9.data.data4.value"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据名称5" >
|
|
<el-input v-model="form.lable9.data.data5.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="数据5" >
|
|
<el-input v-model="form.lable9.data.data5.value"/>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<el-form-item>
|
|
<el-button type="primary" @click="onSubmit">提交</el-button>
|
|
</el-form-item>
|
|
</AppBlock>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped lang="less"></style> |