|
|
@@ -3,7 +3,7 @@
|
|
|
<div :class="$style.title">
|
|
|
<a-form-model layout="inline">
|
|
|
<a-form-model-item label="单位:">
|
|
|
- <div style="width: 300px">
|
|
|
+ <div style="width: 100%">
|
|
|
<SdGroupPicker
|
|
|
ref="cRelSelect"
|
|
|
v-model="companyUnit"
|
|
|
@@ -47,9 +47,7 @@
|
|
|
:max-tag-count="2"
|
|
|
@change="areaChange"
|
|
|
>
|
|
|
- <template slot="maxTagPlaceholder">
|
|
|
- ...
|
|
|
- </template>
|
|
|
+ <template slot="maxTagPlaceholder"> ... </template>
|
|
|
<a-select-option v-for="(item, i) in areaOption" :key="i" :value="item.id">{{
|
|
|
item.name
|
|
|
}}</a-select-option>
|
|
|
@@ -68,11 +66,7 @@
|
|
|
<div :class="[$style.viewBody]">
|
|
|
<div :class="$style.contentTitle">问题领域分布</div>
|
|
|
<div v-if="isshowpie" id="pie" :class="$style.pie"></div>
|
|
|
- <a-empty
|
|
|
- v-else
|
|
|
- style="height: 400px;
|
|
|
- line-height: 400px;"
|
|
|
- />
|
|
|
+ <a-empty v-else style="height: 400px; line-height: 400px" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</a-spin>
|
|
|
@@ -472,7 +466,7 @@ export default {
|
|
|
const option = {
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
- formatter: '{a} <br/>{b}: {c} ({d}%)',
|
|
|
+ formatter: '{b}: {c} ({d}%)',
|
|
|
},
|
|
|
color,
|
|
|
legend: {
|
|
|
@@ -497,7 +491,7 @@ export default {
|
|
|
// 饼图中心
|
|
|
data: inside,
|
|
|
itemStyle: {
|
|
|
- color: function(colos) {
|
|
|
+ color: function (colos) {
|
|
|
return colos.dataIndex === 1 ? '#91cc75' : '#5470c6'
|
|
|
},
|
|
|
},
|
|
|
@@ -510,7 +504,7 @@ export default {
|
|
|
length: 30,
|
|
|
},
|
|
|
label: {
|
|
|
- formatter: '{a|{a}}{abg|}\n{hr|}\n {b|{b}：}{c} {per|{d}%} ',
|
|
|
+ formatter: ' {b|{b}：}{c} {per|{d}%} ',
|
|
|
backgroundColor: '#F6F8FC',
|
|
|
borderColor: '#8C8D8E',
|
|
|
borderWidth: 1,
|
|
|
@@ -568,7 +562,7 @@ export default {
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
- formatter: '{a} <br/>{b}: {c} ({d}%)',
|
|
|
+ formatter: '{b}: {c} ({d}%)',
|
|
|
},
|
|
|
graphic: [
|
|
|
{
|
|
|
@@ -579,7 +573,7 @@ export default {
|
|
|
text: '返回',
|
|
|
fontSize: 18,
|
|
|
},
|
|
|
- onclick: function() {
|
|
|
+ onclick: function () {
|
|
|
that.echartsPie.clear()
|
|
|
that.initPie()
|
|
|
},
|
|
|
@@ -671,9 +665,9 @@ export default {
|
|
|
pageIconInactiveColor: '#aaa', // 翻页（即翻页到头时）
|
|
|
pageIconSize: 20, // 翻页按钮大小
|
|
|
pageButtonGap: 22, // 翻页按钮与图例的间距
|
|
|
- formatter: function(name) {
|
|
|
+ formatter: function (name) {
|
|
|
// 截取字符串八个
|
|
|
- return name.length > 8 ? name.substring(0, 8) + '...' : name
|
|
|
+ return name.length > 15 ? name.substring(0, 15) + '...' : name
|
|
|
},
|
|
|
},
|
|
|
grid: {
|
|
|
@@ -688,7 +682,7 @@ export default {
|
|
|
textStyle: {
|
|
|
color: '#33333',
|
|
|
},
|
|
|
- formatter: function(param) {
|
|
|
+ formatter: function (param) {
|
|
|
var value = param.data
|
|
|
// prettier-ignore
|
|
|
return '<div style="border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 18px;padding-bottom: 7px;margin-bottom: 7px">'
|
