|
|
@@ -10,8 +10,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <el-row gutter="20">
|
|
|
- <el-col :span="9">
|
|
|
+ <el-row>
|
|
|
+ <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="9">
|
|
|
<basic-card title="研发项目情况">
|
|
|
<avue-data-display :option="projectTotalOpt"></avue-data-display>
|
|
|
<div style="position: relative;">
|
|
|
@@ -22,7 +22,7 @@
|
|
|
</div>
|
|
|
</basic-card>
|
|
|
</el-col>
|
|
|
- <el-col :span="9">
|
|
|
+ <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="9">
|
|
|
<basic-card title="研发费用情况">
|
|
|
<avue-data-display :option="RD_costOpt"></avue-data-display>
|
|
|
<div style="position: relative;">
|
|
|
@@ -37,8 +37,8 @@
|
|
|
|
|
|
<el-divider></el-divider>
|
|
|
|
|
|
- <el-row gutter="20">
|
|
|
- <el-col :span="9">
|
|
|
+ <el-row>
|
|
|
+ <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="9">
|
|
|
<basic-card title="研发人员情况">
|
|
|
<avue-data-display :option="RD_person_zb_opt"></avue-data-display>
|
|
|
<div style="position: relative;">
|
|
|
@@ -49,7 +49,7 @@
|
|
|
</div>
|
|
|
</basic-card>
|
|
|
</el-col>
|
|
|
- <el-col :span="9">
|
|
|
+ <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="9">
|
|
|
<basic-card title="知识产权情况">
|
|
|
<avue-data-display :option="zscqTotalOpt"></avue-data-display>
|
|
|
<div style="position: relative;">
|
|
|
@@ -78,14 +78,14 @@
|
|
|
<el-divider></el-divider>
|
|
|
|
|
|
<basic-card title="项目预算与归集趋势图">
|
|
|
- <el-row :gutter="24">
|
|
|
- <el-col :span="12">
|
|
|
+ <el-row>
|
|
|
+ <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
<basic-chart
|
|
|
style="width: 100%; height: 300px"
|
|
|
:options="currYearBudgetOpt"
|
|
|
/>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
|
|
<basic-chart
|
|
|
style="width: 100%; height: 300px"
|
|
|
:options="fullCycleBudgetOpt"
|
|
|
@@ -355,8 +355,6 @@ export default {
|
|
|
this.yfPersonZb = 0;
|
|
|
}
|
|
|
|
|
|
- console.log(_personList, yfPersonList)
|
|
|
-
|
|
|
this.RD_personOpt = this.getPieOptions("", [
|
|
|
{ value: _personList.filter(item => item.situation == '全职').length, name: "全职" },
|
|
|
{ value: _personList.filter(item => item.situation == '非全职').length, name: "非全职" },
|
|
|
@@ -369,7 +367,6 @@ export default {
|
|
|
*/
|
|
|
getXmysygjqstFunc(currentYear) {
|
|
|
getXmysygjqst({ year: this.currYear, currentYear }).then(({ data }) => {
|
|
|
- console.log(data)
|
|
|
let xmList = [], ysList = [], costList = [];
|
|
|
data.data.forEach(item => {
|
|
|
xmList.push(item.XMMC);
|
|
|
@@ -433,20 +430,23 @@ export default {
|
|
|
trigger: "item",
|
|
|
},
|
|
|
legend: {
|
|
|
- orient: "vertical",
|
|
|
- top: "center",
|
|
|
- right: 0,
|
|
|
+ // orient: "vertical",
|
|
|
+ // top: "center",
|
|
|
+ // right: 0,
|
|
|
+ bottom: 0,
|
|
|
+ left: 'center',
|
|
|
textStyle: {
|
|
|
rich: {
|
|
|
a: {
|
|
|
verticalAlign: "right",
|
|
|
align: "left",
|
|
|
- width: 160,
|
|
|
+ // width: 160,
|
|
|
fontSize: 14,
|
|
|
},
|
|
|
num: {
|
|
|
align: "right",
|
|
|
fontSize: 14,
|
|
|
+ padding: [0, 0, 0, 10],
|
|
|
color: "rgb(64, 158, 255)",
|
|
|
},
|
|
|
},
|
|
|
@@ -461,8 +461,8 @@ export default {
|
|
|
{
|
|
|
name: title,
|
|
|
type: "pie",
|
|
|
- radius: ["45%", "70%"],
|
|
|
- center: ["25%", "50%"],
|
|
|
+ radius: ["50%", "65%"],
|
|
|
+ center: ["50%", "35%"],
|
|
|
avoidLabelOverlap: false,
|
|
|
label: {
|
|
|
show: false,
|