|
|
|
|
@ -3,9 +3,12 @@
|
|
|
|
|
<div style="width: 100%;height: 100%;padding-top: 1%;border-radius:15px;"> |
|
|
|
|
<!-- <div style="height: 9%;margin-left: 2%;width: 100%">--> |
|
|
|
|
<div style="font-size: 25px;padding-left: 2%">分析成本 |
|
|
|
|
<div style="float: right;width: 38%;height: 35px;padding-top: 0px"> |
|
|
|
|
<span style="margin-right: 2%;padding-top: 0px"> |
|
|
|
|
<a-select v-model="formData.dateItem" placeholder="请选择时间" style="width: 45%;;padding-right: 4%" @change="getShuJu()"> |
|
|
|
|
<!-- <div style="float: right;width: 38%;height: 35px;padding-top: 0px">--> |
|
|
|
|
<div style="float: right;width: 15%;height: 35px;"> |
|
|
|
|
<!-- <span style="margin-right: 2%;padding-top: 0px">--> |
|
|
|
|
<span style="padding-top: 0px"> |
|
|
|
|
<!-- <a-select v-model="formData.dateItem" placeholder="请选择时间" style="width: 45%;;padding-right: 4%" @change="getShuJu()">--> |
|
|
|
|
<a-select v-model="formData.dateItem" placeholder="请选择时间" style="width: 60%;" @change="getShuJu()"> |
|
|
|
|
<a-select-option :value="1"> 年度</a-select-option> |
|
|
|
|
<a-select-option :value="2">半年度</a-select-option> |
|
|
|
|
<a-select-option :value="3">季度</a-select-option> |
|
|
|
|
@ -13,9 +16,9 @@
|
|
|
|
|
</a-select> |
|
|
|
|
<!-- <a-month-picker placeholder="选择日期" @change="disabledDate" v-model="formData.dateItem"/>--> |
|
|
|
|
</span> |
|
|
|
|
<a-select v-model="formData.materialType" placeholder="请选择部门" style="width: 45%;;padding-right: 4%" @change="getShuJu()" :disabled=xingMuBu> |
|
|
|
|
<a-select-option v-for="(item,index) in queryParamsUntil" :key="index" :value="item.id">{{item.departName}}</a-select-option> |
|
|
|
|
</a-select> |
|
|
|
|
<!-- <a-select allowClear v-model="formData.materialType" placeholder="请选择部门" style="width: 45%;;padding-right: 4%" @change="getShuJu()" :disabled=xingMuBu>--> |
|
|
|
|
<!-- <a-select-option v-for="(item,index) in queryParamsUntil" :key="index" :value="item.id">{{item.departName}}</a-select-option>--> |
|
|
|
|
<!-- </a-select>--> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
@ -34,6 +37,11 @@ import { information } from '@/utils/costTime'
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
name: "CostAnalysis", |
|
|
|
|
props:{ |
|
|
|
|
material:{ |
|
|
|
|
type:Object, |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
data(){ |
|
|
|
|
return{ |
|
|
|
|
materialType:null, |
|
|
|
|
@ -74,6 +82,15 @@ name: "CostAnalysis",
|
|
|
|
|
} |
|
|
|
|
// this.formData.dateItem = moment(new Date(), 'YYYY-MM'); |
|
|
|
|
}, |
|
|
|
|
watch:{ |
|
|
|
|
material:{ |
|
|
|
|
handler (newName, oldName) { |
|
|
|
|
// console.log("-=123123124123",newName,oldName); |
|
|
|
|
this.getShuJu(); |
|
|
|
|
}, |
|
|
|
|
deep: true |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
methods:{ |
|
|
|
|
initDictData() { |
|
|
|
|
//优先从缓存中读取字典配置 |
|
|
|
|
@ -121,18 +138,17 @@ name: "CostAnalysis",
|
|
|
|
|
// return new Promise((resolve, reject) => { |
|
|
|
|
// |
|
|
|
|
// }) |
|
|
|
|
console.log("执行了",this.material); |
|
|
|
|
let sj= { |
|
|
|
|
timeType: this.formData.dateItem, |
|
|
|
|
departId: this.formData.materialType |
|
|
|
|
departId: this.material.departId |
|
|
|
|
} |
|
|
|
|
await getAction(this.url.getShuJuList,sj).then(res =>{ |
|
|
|
|
if(res.success){ |
|
|
|
|
// console.log("-=-=",res); |
|
|
|
|
console.log("-=-=",res); |
|
|
|
|
this.getList(res.result); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
getList(res){ |
|
|
|
|
let dic = []; |
|
|
|
|
@ -145,6 +161,7 @@ name: "CostAnalysis",
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}) |
|
|
|
|
// console.log("12213",dic); |
|
|
|
|
this.list = dic; |
|
|
|
|
// [ |
|
|
|
|
// { value: 1048, name: '生产类物资' }, |
|
|
|
|
@ -507,7 +524,7 @@ name: "CostAnalysis",
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
let nameResult = name.length > 6 ? name.slice(0, 6) + '...' : name |
|
|
|
|
return '{b|' + ((target / total) * 100).toFixed(2) + '%}\n{a|' + nameResult + '}' |
|
|
|
|
return '{b|' + (( (target / total) > 0 ? (target / total) : 0 ) * 100).toFixed(2) + '%}\n{a|' + nameResult + '}' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
series: [ |
|
|
|
|
|
