From 761a45f169d4e937dc7e8f6d69668c079f3182e0 Mon Sep 17 00:00:00 2001 From: miaojiale <1123971748@qq.com> Date: Tue, 26 Sep 2023 16:08:42 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=9B=BE=E5=BD=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/databoards/index.vue | 419 +++++++++++++++++++++++---------- 1 file changed, 291 insertions(+), 128 deletions(-) diff --git a/src/views/databoards/index.vue b/src/views/databoards/index.vue index 857be17..82167d0 100644 --- a/src/views/databoards/index.vue +++ b/src/views/databoards/index.vue @@ -36,26 +36,36 @@ v-for="(item, index) in gridList" :key="index" > -

{{ item.title }}

- - -

{{ itemS.data }}

-

{{ itemS.label }}

- -
+

{{ item.title }}

+ + +

{{ itemS.data }}

+

{{ itemS.label }}

+ +
- - + + - + - - + + - + - + --> - + - + @@ -203,11 +236,27 @@ - - - + + + - + - + --> - + --> - + - + - + - - -

筛查人群风险程度分布图

- -
- - - - +

筛查人群风险程度分布图

+ +
+ + + + +
- + - - - -

筛查人群性别分布图

- -
- - - + +

筛查人群性别分布图

+ +
+ + + +
- + - + - - + + + + + + + + + - - - - - - - - - - - - + > + + + + + + + +
- + - + --> - + - + - + - + + + @@ -506,7 +669,7 @@ export default { ShowBar, Point }, - data() { + data () { return { tableLoading: true, expandFlag: false, @@ -964,7 +1127,7 @@ export default { }, computed: {}, watch: { - directOpt(val) { + directOpt (val) { this.selectArea = val this.area = this.mapDistriction(val) this.areaM = this.mapDistriction(val) @@ -972,7 +1135,7 @@ export default { this.getResult(val) } }, - mounted() { + mounted () { this.selectArea = this.directOpt this.area = this.mapDistriction(this.directOpt) // this.getStatisticsDiseases() @@ -992,21 +1155,21 @@ export default { //监听页面滚动事件 // window.addEventListener("scroll", this.handleScroll); }, - created() { + created () { if (localStorage.getItem("diseaseType")) { this.diseaseOpt = localStorage.getItem("diseaseType") } this.getResult(this.directOpt) }, methods: { - handleScroll() { + handleScroll () { //窗口滚要做的操作写这里 }, - changeData() { + changeData () { this.getIndex(this.directOpt) this.getMap(this.directOpt) }, - mapClick(data, mode) { + mapClick (data, mode) { //点击区下钻 if (mode == 1) { this.directOpt = data.code @@ -1023,11 +1186,11 @@ export default { this.areaM = "温州市" } }, - expandTable() { + expandTable () { this.expandFlag = !this.expandFlag }, //指标统计 - getIndex(addressCode) { + getIndex (addressCode) { const params = {} params.year = this.yearOpt params.diseaseType = this.diseaseOpt @@ -1077,7 +1240,7 @@ export default { this.getFunnel(addressCode) // this.getTable(); }, - getWorkTendency(addressCode) { + getWorkTendency (addressCode) { const params = {} params.diseaseType = this.diseaseOpt params.year = this.yearOpt @@ -1275,7 +1438,7 @@ export default { //--确诊癌症病例数趋势图 this.$forceUpdate() }, - getHumanTendency(addressCode) { + getHumanTendency (addressCode) { const params = {} params.diseaseType = this.diseaseOpt // params.year = this.yearOpt; @@ -1369,7 +1532,7 @@ export default { }) this.genderCData = data2 }, - getHumanChart(addressCode) { + getHumanChart (addressCode) { // 中高危风险人数分布 const data1 = {} data1.data = [] @@ -1559,7 +1722,7 @@ export default { this.chronicData = data123 }, - getHumanBar(addressCode) { + getHumanBar (addressCode) { //年龄段 const d = [ { @@ -1654,7 +1817,7 @@ export default { }) this.ageBData.data = ageData.data.concat(ageDataII.data) }, - getMap(addressCode) { + getMap (addressCode) { this.isMapShow = true const params = {} params.year = this.yearOpt @@ -1730,7 +1893,7 @@ export default { this.isMapShow = false }, //漏斗图 - getFunnel(addressCode) { + getFunnel (addressCode) { this.isFunnelShow = true const params = {} params.year = this.yearOpt @@ -1802,7 +1965,7 @@ export default { // }) this.$forceUpdate() }, - getTable(addressCode) { + getTable (addressCode) { const params = {} params.addressCode = addressCode params.diseaseType = this.diseaseOpt @@ -1818,7 +1981,7 @@ export default { }) }, //疾病防控成效 - getResult(addressCode) { + getResult (addressCode) { // this.ouhaiData.data=[] // this.yongjiaData.data=[] if (addressCode == "330304000000" || addressCode == "") { @@ -1878,7 +2041,7 @@ export default { ] }, // 疾病数据 - getStatisticsDiseases() { + getStatisticsDiseases () { this.$API.getStatisticsDiseases().then((res) => { if (res.code === 1) { const d = res.object @@ -1904,7 +2067,7 @@ export default { }) }, // 疾病分类数据 - getStatisticsDiseasesType() { + getStatisticsDiseasesType () { this.$API.getStatisticsDiseasesType().then((res) => { if (res.code === 1) { const d = res.object @@ -1925,7 +2088,7 @@ export default { }) }, // 年龄性别分布 - getStatisticsPatientAgeAndSex() { + getStatisticsPatientAgeAndSex () { this.$API.getStatisticsPatientAgeAndSex().then((res) => { if (res.code === 1) { const d = res.object @@ -1985,7 +2148,7 @@ export default { }) }, // 筛查数据 - getStatisticsMonthly() { + getStatisticsMonthly () { this.$API.getStatisticsMonthly().then((res) => { if (res.code === 1) { const d = res.object @@ -2005,7 +2168,7 @@ export default { }) }, // 随访列表 - getFollowupReport() { + getFollowupReport () { const params = {} params.pageNum = this.pageIndex params.pageSize = this.pageSize @@ -2024,7 +2187,7 @@ export default { this.totalCount = res.object.totalCount }) }, - handleFollow(row) { + handleFollow (row) { sessionStorage.setItem("datamanage-path", this.$route.path) this.$router.push({ name: "reportdata", @@ -2163,8 +2326,8 @@ export default { .grid-row-t { transition: width 2s; - .grid-col-t{ - width: 24.8%;; + .grid-col-t { + width: 24.8%; } .ivu-col-span-md-5 { width: 24.8%; -- 2.22.0