|
|
@@ -7,6 +7,43 @@ export default {
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
+ getColorRe (list) {
|
|
|
+ const colors = [
|
|
|
+ '#d20962',
|
|
|
+ '#f47721',
|
|
|
+ '#7ac143',
|
|
|
+ '#00a78e',
|
|
|
+ '#00bce4',
|
|
|
+ '#7d3f98',
|
|
|
+ '#037ef3',
|
|
|
+ '#f85a40',
|
|
|
+ '#00c16e',
|
|
|
+ '#ffd900',
|
|
|
+ '#0cb9c1',
|
|
|
+ '#7552cc'
|
|
|
+ ]
|
|
|
+
|
|
|
+ const colorList = []
|
|
|
+
|
|
|
+ const res = []
|
|
|
+ list.forEach((item, index) => {
|
|
|
+ const random = parseInt(Math.random() * 12)
|
|
|
+ const obj = {
|
|
|
+ name: item.name,
|
|
|
+ value: item.count,
|
|
|
+ textStyle: {
|
|
|
+ color: colors[index > 12 ? index - 11 : index]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ res.push(obj)
|
|
|
+ colorList.push(colors[index > 12 ? index - 11 : index])
|
|
|
+ })
|
|
|
+ const dt = {
|
|
|
+ res,
|
|
|
+ colorList
|
|
|
+ }
|
|
|
+ return dt
|
|
|
+ },
|
|
|
getJiHuaZhuangTai (id) {
|
|
|
const sql = `select * from t_rkzztkhcjh where id_ = '${id}'`
|
|
|
this.$common.request('sql', sql).then(res => {
|
|
|
@@ -18,7 +55,11 @@ export default {
|
|
|
this.clickIndex = addIndex + 1
|
|
|
this.getShiShiData(id, this.activeIndex)
|
|
|
this.getJiHuaZiBiaoJiSuan(id)
|
|
|
- this.getOption()
|
|
|
+ // this.getOption()
|
|
|
+ if (index === 4) {
|
|
|
+ this.getBuFuHeXiangMu(id)
|
|
|
+ this.getBuFuHeTuBiao(id)
|
|
|
+ }
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
@@ -54,6 +95,33 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ getBuFuHeXiangMu (id) {
|
|
|
+ const sql = `select a.*,c.NAME_ as zuYuanPosiName,d.NAME_ as zuYuanName,e.NAME_ as zuZhangName,g.NAME_ as zuZhangBnMen from t_rkzztkhcjhzb a left join t_rkzztkhcjhzb b on a.id_ = b.ji_hua_zi_biao_id left join ibps_party_position c on a.bian_zhi_bu_men_ = c.ID_ left join ibps_party_employee d on a.zu_yuan_ = d.ID_ left join t_hcssjhb f on b.parent_id_ = f.id_ left join ibps_party_position g on f.bian_zhi_bu_men_ = g.ID_ left join ibps_party_employee e on f.bian_zhi_ren_ = e.ID_ where a.parent_id_ = '${id}' and a.shen_he_jie_guo_ = 'N' order by a.tiao_kuan_hao_`
|
|
|
+
|
|
|
+ this.$common.request('sql', sql).then(res => {
|
|
|
+ const { data = [] } = res.variables || {}
|
|
|
+ if (data.length > 0) {
|
|
|
+ this.buTableData = data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getBuFuHeTuBiao (id) {
|
|
|
+ const sql = `select f.bian_zhi_bu_men_,g.NAME_ as name,count(f.bian_zhi_bu_men_) as count from t_rkzztkhcjhzb a left join t_rkzztkhcjhzb b on a.id_ = b.ji_hua_zi_biao_id left join ibps_party_position c on a.bian_zhi_bu_men_ = c.ID_ left join ibps_party_employee d on a.zu_yuan_ = d.ID_ left join t_hcssjhb f on b.parent_id_ = f.id_ left join ibps_party_position g on f.bian_zhi_bu_men_ = g.ID_ left join ibps_party_employee e on f.bian_zhi_ren_ = e.ID_ where a.parent_id_ = '${id}' and a.shen_he_jie_guo_ = 'N' GROUP BY f.bian_zhi_bu_men_`
|
|
|
+
|
|
|
+ this.$common.request('sql', sql).then(res => {
|
|
|
+ const { data = [] } = res.variables || {}
|
|
|
+ if (data.length > 0) {
|
|
|
+ // this.buTableData = data
|
|
|
+ const list = []
|
|
|
+ data.forEach(item => {
|
|
|
+ list.push(item.name)
|
|
|
+ })
|
|
|
+ const dt = this.getColorRe(data)
|
|
|
+ const accept = echarts.init(this.$refs.Echart2)
|
|
|
+ accept.setOption(JSON.parse(JSON.stringify(this.barData(list, dt.res, dt.colorList))))
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
getOption (totalMs = 0) {
|
|
|
const option = {
|
|
|
series: [
|
|
|
@@ -109,6 +177,69 @@ export default {
|
|
|
}
|
|
|
const accept = echarts.init(this.$refs.Echart)
|
|
|
accept.setOption(JSON.parse(JSON.stringify(option)))
|
|
|
+ this.show1 = true
|
|
|
+ },
|
|
|
+ barData (legendData, seriesData, color) {
|
|
|
+ const barData = {
|
|
|
+ title: {
|
|
|
+ show: true,
|
|
|
+ text: '不符合条款清单比例',
|
|
|
+ textStyle: {
|
|
|
+ color: '#000000',
|
|
|
+ fontSize: 20,
|
|
|
+ fontWeight: '600'
|
|
|
+ },
|
|
|
+ textAlign: 'center',
|
|
|
+ left: '50%',
|
|
|
+ top: '10px'
|
|
|
+ },
|
|
|
+ legend: {
|
|
|
+ orient: 'horizontal',
|
|
|
+ show: true,
|
|
|
+ left: 'center',
|
|
|
+ bottom: 10,
|
|
|
+ z: 3,
|
|
|
+ // itemWidth: 25,
|
|
|
+ // itemHeight: 14,
|
|
|
+ // itemGap: 10,
|
|
|
+ data: legendData
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ type: 'pie',
|
|
|
+ radius: '60%',
|
|
|
+ center: ['50%', '50%'],
|
|
|
+ data: seriesData,
|
|
|
+ itemStyle: {
|
|
|
+ emphasis: {
|
|
|
+ shadowBlur: 10,
|
|
|
+ shadowOffsetX: 0,
|
|
|
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
+ },
|
|
|
+ normal: {
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ position: 'outer',
|
|
|
+ // formatter: `占比：{d}%\n\n\r{b}:{c}`,
|
|
|
+ formatter: `{b}：{c}\n占比：{d}%`,
|
|
|
+ fontSize: 14
|
|
|
+ },
|
|
|
+ labelLine: {
|
|
|
+ show: true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ color,
|
|
|
+ tooltip: {
|
|
|
+ show: true,
|
|
|
+ trigger: 'item',
|
|
|
+ formatter: '不符合条款清单<br/>{b}：{c}<br/>占比：{d}%'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return barData
|
|
|
}
|
|
|
}
|
|
|
}
|
linweizeng