| | |
| | | <div class="iwc-box-e" style="margin-bottom: 10px; padding-left: 12%"> |
| | | <el-col :span="17"> |
| | | <MapChart |
| | | :cdata="cdata" |
| | | :height="height * 0.72 - 128 + 'px'" |
| | | @click="mapClick" |
| | | :chartType="chartType" |
| | | /> |
| | | :cdata="cdata" |
| | | :height="height * 0.72 - 128 + 'px'" |
| | | @click="mapClick" |
| | | :chartType="chartType" |
| | | /> |
| | | </el-col> |
| | | <el-col :span="7" > |
| | | <div style="backgroun-color:black; margin:bottom:5px;height:100%;padding-top:50px;"> |
| | | <el-col :span="7"> |
| | | <div |
| | | style="backgroun-color:black; margin-bottom:5px;height:100%;padding-top:50px;" |
| | | > |
| | | <el-row> |
| | | <div style="color:white;font-size:15px;text-align:center">当前各地市潜在捐献案例</div> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12" style="color:white;font-size:14px;text-align:center;margin-top:10px" |
| | | v-for="(item, index) in cityDonoateCaseArr" |
| | | :key="index"> |
| | | {{item.cityName}}<br> <span style="color:#ffd200">{{item.donoateNum}}</span>例 |
| | | </el-col> |
| | | <div style="color:white;font-size:15px;text-align:center"> |
| | | 当前各地市潜在捐献案例 |
| | | </div> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col |
| | | :span="12" |
| | | style="color:white;font-size:14px;text-align:center;margin-top:10px" |
| | | v-for="(item, index) in cityDonoateCaseArr" |
| | | :key="index" |
| | | > |
| | | {{ item.cityName }}<br /> |
| | | <span style="color:#ffd200">{{ item.donoateNum }}</span |
| | | >例 |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | |
| | | </el-col> |
| | | </el-col> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | |
| | | : "" |
| | | }} |
| | | </div> |
| | | <div class="iwc-box-c1-l" style="font-size:0.8rem">器官捐献转化率</div> |
| | | <div class="iwc-box-c1-l" style="font-size:0.8rem"> |
| | | 器官捐献转化率 |
| | | </div> |
| | | </div> |
| | | <div class="iwc-box-c1" style="color: #34bc1d"> |
| | | <div class="iwc-box-c1-o"> |
| | |
| | | : "" |
| | | }} |
| | | </div> |
| | | <div class="iwc-box-c1-l" style="font-size:0.8rem">平均器官产出率</div> |
| | | <div class="iwc-box-c1-l" style="font-size:0.8rem"> |
| | | 平均器官产出率 |
| | | </div> |
| | | </div> |
| | | <div class="iwc-box-c1" style="color: #2f9ef4"> |
| | | <div class="iwc-box-c1-o"> |
| | |
| | | : "" |
| | | }} |
| | | </div> |
| | | <div class="iwc-box-c1-l" style="font-size:0.8rem">获取器官利用率</div> |
| | | <div class="iwc-box-c1-l" style="font-size:0.8rem"> |
| | | 获取器官利用率 |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </dv-border-box-6> |
| | | </el-col> |
| | | </el-row> --> |
| | | <el-dialog title="登陆" :visible.sync="dialogVisible" width="30%"> |
| | | <el-form :model="form"> |
| | | <el-form-item label="账号" label-width="80px"> |
| | | <el-input |
| | | v-model="defaultAccount" |
| | | autocomplete="off" |
| | | @keyup.enter.native="loginFn" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="密码" |
| | | label-width="80px" |
| | | @keyup.enter.native="loginFn" |
| | | > |
| | | <el-input |
| | | v-model="defaultPassword" |
| | | show-password |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="code" label-width="80px"> |
| | | <el-input |
| | | v-model="code" |
| | | auto-complete="off" |
| | | placeholder="验证码" |
| | | style="width: 63%" |
| | | @keyup.enter.native="loginFn" |
| | | > |
| | | <svg-icon |
| | | slot="prefix" |
| | | icon-class="validCode" |
| | | class="el-input__icon input-icon" |
| | | /> |
| | | </el-input> |
| | | <div class="login-code"> |
| | | <img :src="codeUrl" @click="getCode" class="login-code-img" /> |
| | | </div> |
| | | </el-form-item> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="dialogVisible = false">取 消</el-button> |
| | | <el-button type="primary" @click="loginFn">确 定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | getDonationwitnessStats, |
| | | getTransplantHospitalNum, |
| | | getDonateorganSum, |
| | | getDonateorganDistrictDonateCalculate, |
| | | getDonateorganDistrictDonateCalculate |
| | | } from "@/api/project/donateorgan"; |
| | | import { listData } from "@/api/system/dict/data"; |
| | | import { login, logout, getInfo } from "@/api/login"; |
| | | import { login, logout, getInfo, getCodeImg } from "@/api/login"; |
| | | import { listDonatebaseinfo } from "@/api/project/donatebaseinfo"; |
| | | import { getToken, setToken, removeToken } from "@/utils/auth"; |
| | | import MapChart from "./components/MapChart"; |
| | |
| | | headerBGC: "#0a3073", |
| | | oddRowBGC: "", |
| | | evenRowBGC: "", |
| | | rowNum: 6, |
| | | rowNum: 6 |
| | | }; |
| | | |
| | | export default { |
| | |
| | | BarChartH, |
| | | LineChart, |
| | | Line1Chart, |
| | | Line2Chart, |
| | | Line2Chart |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | btn1: require("../../assets/images/dv-btn-1.png"), |
| | | btn2: require("../../assets/images/dv-btn-2.png"), |
| | | btn3: require("../../assets/images/dv-btn-3.png"), |
| | | btn4: require("../../assets/images/dv-btn-4.png"), |
| | | btn4: require("../../assets/images/dv-btn-4.png") |
| | | }, |
| | | leijishuju: {}, |
| | | arrrrr: [], |
| | | captchaOnOff: true, |
| | | uuid: "", |
| | | form: {}, |
| | | hospitallist: [], |
| | | year: "", |
| | | code: "", |
| | | codeUrl: "", |
| | | dialogVisible: true, |
| | | isloading: false, |
| | | tableLoading: false, |
| | | showTable: false, |
| | | currentArea: null, |
| | | tableList: [], |
| | | defaultAccount: "", |
| | | defaultPassword: "", |
| | | pageData: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | pageSize: 10 |
| | | }, |
| | | total: 0, |
| | | height: 1080, |
| | |
| | | allInfo: { |
| | | finishedOrgans: 0, |
| | | processOrgans: 4, |
| | | Organsnum: 0, |
| | | Organsnum: 0 |
| | | }, |
| | | anlidata: [ |
| | | { |
| | | name: "1月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "2月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "3月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "4月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "5月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "6月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "7月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "8月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "9月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "10月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "11月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "12月", |
| | | value: 0, |
| | | }, |
| | | value: 0 |
| | | } |
| | | ], |
| | | |
| | | organsum: [ |
| | | { |
| | | name: "一月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "二月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "三月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "四月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "五月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "六月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "七月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "八月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "九月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "十月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "十一月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "十二月", |
| | | value: 0, |
| | | }, |
| | | value: 0 |
| | | } |
| | | ], |
| | | |
| | | yiyuan: [ |
| | | { |
| | | name: "一月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "二月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "三月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "四月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "五月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "六月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "七月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "八月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "九月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "十月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "十一月", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | name: "十二月", |
| | | value: 0, |
| | | }, |
| | | value: 0 |
| | | } |
| | | ], |
| | | organData: [ |
| | | { |
| | | key: "heart", |
| | | name: "心脏", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | key: "fullLiver", |
| | | name: "全肝", |
| | | value: 0, |
| | | name: "肝脏", |
| | | value: 0 |
| | | }, |
| | | { |
| | | key: "leftLiver", |
| | | name: "左肝", |
| | | value: 0, |
| | | }, |
| | | { |
| | | key: "rightLiver", |
| | | name: "右肝", |
| | | value: 0, |
| | | }, |
| | | |
| | | |
| | | { |
| | | key: "leftRenal", |
| | | name: "左肾", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | key: "rightRenal", |
| | | name: "右肾", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | key: "fullLung", |
| | | name: "全肺", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | key: "leftLung", |
| | | name: "左肺", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | key: "rightLung", |
| | | name: "右肺", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | key: "leftEye", |
| | | name: "左眼膜", |
| | | value: 0, |
| | | value: 0 |
| | | }, |
| | | { |
| | | key: "rightEye", |
| | | name: "右眼膜", |
| | | value: 0, |
| | | }, |
| | | value: 0 |
| | | } |
| | | // 遗体换成全肝了 |
| | | ], |
| | | |
| | |
| | | data: [], |
| | | oddRowBGC: "", |
| | | evenRowBGC: "", |
| | | rowNum: 6, |
| | | rowNum: 6 |
| | | }, |
| | | organSumData: [], |
| | | cdata: [ |
| | |
| | | value: 0, |
| | | elseData: { |
| | | value2: 0, |
| | | value3: 0, |
| | | }, |
| | | value3: 0 |
| | | } |
| | | }, |
| | | { |
| | | district: "2", |
| | |
| | | value: 0, |
| | | elseData: { |
| | | value2: 0, |
| | | value3: 0, |
| | | }, |
| | | value3: 0 |
| | | } |
| | | }, |
| | | { |
| | | district: "3", |
| | |
| | | value: 0, |
| | | elseData: { |
| | | value2: 0, |
| | | value3: 0, |
| | | }, |
| | | value3: 0 |
| | | } |
| | | }, |
| | | { |
| | | name: "嘉兴市", |
| | |
| | | value: 0, |
| | | elseData: { |
| | | value2: 0, |
| | | value3: 0, |
| | | }, |
| | | value3: 0 |
| | | } |
| | | }, |
| | | { |
| | | name: "湖州市", |
| | |
| | | value: 0, |
| | | elseData: { |
| | | value2: 0, |
| | | value3: 0, |
| | | }, |
| | | value3: 0 |
| | | } |
| | | }, |
| | | { |
| | | name: "绍兴市", |
| | |
| | | value: 0, |
| | | elseData: { |
| | | value2: 0, |
| | | value3: 0, |
| | | }, |
| | | value3: 0 |
| | | } |
| | | }, |
| | | { |
| | | name: "金华市", |
| | |
| | | value: 0, |
| | | elseData: { |
| | | value2: 0, |
| | | value3: 0, |
| | | }, |
| | | value3: 0 |
| | | } |
| | | }, |
| | | { |
| | | name: "衢州市", |
| | |
| | | value: 0, |
| | | elseData: { |
| | | value2: 0, |
| | | value3: 0, |
| | | }, |
| | | value3: 0 |
| | | } |
| | | }, |
| | | { |
| | | name: "舟山市", |
| | |
| | | value: 0, |
| | | elseData: { |
| | | value2: 0, |
| | | value3: 0, |
| | | }, |
| | | value3: 0 |
| | | } |
| | | }, |
| | | { |
| | | name: "台州市", |
| | |
| | | value: 0, |
| | | elseData: { |
| | | value2: 0, |
| | | value3: 0, |
| | | }, |
| | | value3: 0 |
| | | } |
| | | }, |
| | | { |
| | | name: "丽水市", |
| | |
| | | value: 0, |
| | | elseData: { |
| | | value2: 0, |
| | | value3: 0, |
| | | }, |
| | | }, |
| | | value3: 0 |
| | | } |
| | | } |
| | | ], |
| | | hospitalarr: [], |
| | | objZb: {}, //占比 |
| | |
| | | age: -1, |
| | | type: -1, |
| | | d: -1, |
| | | x: -1, |
| | | x: -1 |
| | | }, |
| | | loopShowZb: null, |
| | | cdataYear: [], |
| | |
| | | data: [], |
| | | lineWidth: 6, |
| | | digitalFlopStyle: { |
| | | fontSize: 14, |
| | | }, |
| | | fontSize: 14 |
| | | } |
| | | }, |
| | | configAge: { |
| | | data: [], |
| | | lineWidth: 6, |
| | | digitalFlopStyle: { |
| | | fontSize: 14, |
| | | }, |
| | | fontSize: 14 |
| | | } |
| | | }, |
| | | configDd: { |
| | | data: [], |
| | | lineWidth: 6, |
| | | digitalFlopStyle: { |
| | | fontSize: 14, |
| | | }, |
| | | fontSize: 14 |
| | | } |
| | | }, |
| | | configD: { |
| | | data: [], |
| | | lineWidth: 6, |
| | | digitalFlopStyle: { |
| | | fontSize: 14, |
| | | }, |
| | | fontSize: 14 |
| | | } |
| | | }, |
| | | configX: { |
| | | data: [], |
| | | lineWidth: 6, |
| | | digitalFlopStyle: { |
| | | fontSize: 14, |
| | | }, |
| | | fontSize: 14 |
| | | } |
| | | }, |
| | | cityDonoateCaseArr: [], |
| | | cityDonoateCaseArr: [] |
| | | }; |
| | | }, |
| | | created() { |
| | | this.height = window.innerHeight - 72; |
| | | this.getCode(); |
| | | //this.getinfos(); |
| | | //this.getOrgansOfHospitalByMonthss(); |
| | | }, |
| | | mounted() { |
| | | removeToken(); |
| | | let defaultAccount = "cockpit"; |
| | | let defaultPassword = "Admin@123"; |
| | | let code; |
| | | let uuid; |
| | | login(defaultAccount, defaultPassword, code, uuid) |
| | | .then(async (res) => { |
| | | setToken(res.token); |
| | | await this.getDictData(); |
| | | this.getinfos(); |
| | | this.getData(); |
| | | // this.getList(); |
| | | this.getAllInfo(); |
| | | this.getdonatecount(); |
| | | this.getorgancount(); |
| | | this.getDonateNumbers(); |
| | | this.get(); |
| | | this.getcountDonateHostipal(); |
| | | //按月度统计的器官数 折线图 |
| | | //this.getcurrentmonthorgan(); |
| | | // this.getcurrentPeopleBymonth(); |
| | | this.getOrgansOfHospitalByMonths(); |
| | | //this.getOrgansOfHospitalByMonthss(); |
| | | //resolve() |
| | | }) |
| | | .catch((error) => { |
| | | console.log(error); |
| | | }); |
| | | // let defaultAccount = "cockpit"; |
| | | // let defaultPassword = "Admin@123"; |
| | | }, |
| | | methods: { |
| | | getCode() { |
| | | getCodeImg().then(res => { |
| | | this.captchaOnOff = |
| | | res.captchaOnOff === undefined ? true : res.captchaOnOff; |
| | | if (this.captchaOnOff) { |
| | | this.codeUrl = "data:image/gif;base64," + res.img; |
| | | this.uuid = res.uuid; |
| | | } |
| | | }); |
| | | }, |
| | | loginFn() { |
| | | login(this.defaultAccount, this.defaultPassword, this.code, this.uuid) |
| | | .then(async res => { |
| | | if (res.code == 200) { |
| | | setToken(res.token); |
| | | this.dialogVisible = false; |
| | | this.$message.success("登陆成功"); |
| | | const loading = this.$loading({ |
| | | lock: true, |
| | | text: "Loading", |
| | | spinner: "el-icon-loading", |
| | | background: "rgba(0, 0, 0, 0.7)" |
| | | }); |
| | | setTimeout(() => { |
| | | loading.close(); |
| | | }, 2000); |
| | | await this.getDictData(); |
| | | this.getinfos(); |
| | | this.getData(); |
| | | // this.getList(); |
| | | this.getAllInfo(); |
| | | this.getdonatecount(); |
| | | this.getorgancount(); |
| | | this.getDonateNumbers(); |
| | | this.get(); |
| | | this.getcountDonateHostipal(); |
| | | //按月度统计的器官数 折线图 |
| | | //this.getcurrentmonthorgan(); |
| | | // this.getcurrentPeopleBymonth(); |
| | | this.getOrgansOfHospitalByMonths(); |
| | | //this.getOrgansOfHospitalByMonthss(); |
| | | //resolve() |
| | | } else { |
| | | this.$message.error(res.msg); |
| | | } |
| | | }) |
| | | .catch(error => { |
| | | // this.$message.error(error); |
| | | console.log(error); |
| | | }); |
| | | }, |
| | | getOrgansOfHospitalByMonthss() { |
| | | var date = new Date(); |
| | | var year = date.getFullYear(); |
| | |
| | | second; |
| | | let params = { |
| | | starttime: "1998-01-01 00:00:00", |
| | | endtime: time, |
| | | endtime: time |
| | | }; |
| | | getOrgansOfHospitalByMonth(params).then((res) => { |
| | | getOrgansOfHospitalByMonth(params).then(res => { |
| | | let hospitalarr = res.data; |
| | | // this.hospitalarr = hospitalarr |
| | | let shi = [ |
| | |
| | | { name: "衢州市", value: "8" }, |
| | | { name: "舟山市", value: "9" }, |
| | | { name: "台州市", value: "A" }, |
| | | { name: "丽水市", value: "B" }, |
| | | { name: "丽水市", value: "B" } |
| | | ]; |
| | | |
| | | for (let i = 0; i < hospitalarr.length; i++) { |
| | |
| | | let curYear = this.$moment().year(); |
| | | let params = { |
| | | starttime: this.$moment().format(curYear + "-01-01 00:00:00"), |
| | | endtime: this.$moment().format("YYYY-MM-DD 00:00:00"), |
| | | endtime: this.$moment().format("YYYY-MM-DD 00:00:00") |
| | | }; |
| | | getOrgansOfHospitalByMonth(params).then((res) => { |
| | | getOrgansOfHospitalByMonth(params).then(res => { |
| | | let arr = []; |
| | | arr = res.data; |
| | | let shi = [ |
| | |
| | | { name: "衢州市", value: "8" }, |
| | | { name: "舟山市", value: "9" }, |
| | | { name: "台州市", value: "A" }, |
| | | { name: "丽水市", value: "B" }, |
| | | { name: "丽水市", value: "B" } |
| | | ]; |
| | | let newConfig = { |
| | | ...DEF_TABLE_CONFIG, |
| | | ...DEF_TABLE_CONFIG |
| | | }; |
| | | let arrr = []; |
| | | for (let i = 0; i < arr.length; i++) { |
| | |
| | | regionLevel: arr[i].regionLevel, |
| | | hospitalName: arr[i].hospitalName, |
| | | donateNumber: arr[i].baseInfoCount, |
| | | acceptNumber: arr[i].completionCount, |
| | | acceptNumber: arr[i].completionCount |
| | | }); |
| | | } |
| | | this.arrrrr = arrr; |
| | |
| | | getcurrentmonthorgan() { |
| | | let nowYear = this.$moment().year(); |
| | | let params = { |
| | | starttime: this.$moment(nowYear + "-01-01").format("YYYY-01-01 00:00:00"), |
| | | endtime: this.$moment().format("YYYY-MM-DD 00:00:00"), |
| | | starttime: this.$moment(nowYear + "-01-01").format( |
| | | "YYYY-01-01 00:00:00" |
| | | ), |
| | | endtime: this.$moment().format("YYYY-MM-DD 00:00:00") |
| | | }; |
| | | getdonateNumberByMonth(params).then((res) => { |
| | | getdonateNumberByMonth(params).then(res => { |
| | | let donateorgans = res.data; |
| | | let arr1 = []; |
| | | let num = 0; |
| | |
| | | let a = { |
| | | // starttime: "2020-01-01 00:00:00", |
| | | // endtime: "2022-02-01 00:00:00", //???? |
| | | starttime: this.$moment(nowYear + "-01-01").format("YYYY-01-01 00:00:00"), |
| | | endtime: this.$moment().format("YYYY-MM-DD 00:00:00"), |
| | | starttime: this.$moment(nowYear + "-01-01").format( |
| | | "YYYY-01-01 00:00:00" |
| | | ), |
| | | endtime: this.$moment().format("YYYY-MM-DD 00:00:00") |
| | | }; |
| | | countDonateHostipal(a).then((res) => { |
| | | countDonateHostipal(a).then(res => { |
| | | let donateorgans = res.data; |
| | | let arr3 = []; |
| | | let num = 0; |
| | |
| | | ); |
| | | let a = { |
| | | starttime: paramStartTime, |
| | | endtime: this.$moment().format("YYYY-MM-DD HH:mm:ss"), |
| | | endtime: this.$moment().format("YYYY-MM-DD HH:mm:ss") |
| | | }; |
| | | |
| | | getDonateorganDistrictDonateCalculate(a).then((res) => { |
| | | getDonateorganDistrictDonateCalculate(a).then(res => { |
| | | let cityCaseArr = []; |
| | | let data = res.data; |
| | | for (let i = 0; i < data.length; i++) { |
| | | let ii = this.cdata.findIndex( |
| | | (item) => item.district == data[i].district |
| | | item => item.district == data[i].district |
| | | ); |
| | | if (ii > -1) { |
| | | this.cdata[ii].value = data[i].donateCount; |
| | |
| | | this.cdata[ii].elseData.value3 = data[i].totalOrganCount; |
| | | cityCaseArr.push({ |
| | | cityName: this.cdata[ii].name, |
| | | donoateNum: data[i].donateCount, |
| | | donoateNum: data[i].donateCount |
| | | }); |
| | | } |
| | | } |
| | | this.cityDonoateCaseArr = cityCaseArr; |
| | | }); |
| | | getDonateNumber(a).then((res) => { |
| | | getDonateNumber(a).then(res => { |
| | | console.log("捐献累计信息", res); |
| | | this.leijishuju.processOrgans = res.data.numberOfDonate; |
| | | this.leijishuju.finishedOrgans = res.data.numberOfCompletion; |
| | | this.leijishuju.Organsnum = res.data.numberOfOrgans; |
| | | }); |
| | | |
| | | getDonateorganPMP(a).then((res) => { |
| | | getDonateorganPMP(a).then(res => { |
| | | console.log("PMP", res); |
| | | let data = res.data; |
| | | this.leijishuju.PMP = ((data.pmprate * 100) / 64).toFixed(2); |
| | | }); |
| | | |
| | | getDonateorganQuality(a).then((res) => { |
| | | getDonateorganQuality(a).then(res => { |
| | | let data = res.data; |
| | | this.leijishuju.donateTransferRate = data.donateTransferRate; |
| | | this.leijishuju.organProductionRate = data.organProductionRate; |
| | | this.leijishuju.organUsedRate = data.organUsedRate; |
| | | this.$forceUpdate(); |
| | | }); |
| | | getDonationwitnessStats(a).then((res) => { |
| | | |
| | | getDonationwitnessStats(a).then(res => { |
| | | console.log("各种占比", res); |
| | | let data = res.data; |
| | | |
| | |
| | | this.arrZb = { |
| | | sex: [ |
| | | { label: "男", value: data.manRate }, |
| | | { label: "女", value: data.womanRate }, |
| | | { label: "女", value: data.womanRate } |
| | | ], |
| | | age: [ |
| | | { label: "1-17岁", value: data.a1Rate }, |
| | | { label: "18-48岁", value: data.a2Rate }, |
| | | { label: "49-69岁", value: data.a2Rate }, |
| | | { label: "49-69岁", value: data.a2Rate } |
| | | ], |
| | | type: [ |
| | | { label: "DBD", value: data.dbdrate }, |
| | | { label: "DCD", value: data.dcdrate }, |
| | | { label: "DBCD", value: data.dbcdrate }, |
| | | { label: "DBCD", value: data.dbcdrate } |
| | | ], |
| | | d: [ |
| | | { label: "脑血管意外", value: data.d0Rate }, |
| | | { label: "脑外伤", value: data.d1Rate }, |
| | | { label: "缺血缺氧性脑病", value: data.d2Rate }, |
| | | { label: "脑肿瘤", value: data.d3Rate }, |
| | | { label: "心血管疾病", value: data.d4Rate }, |
| | | { label: "心血管疾病", value: data.d4Rate } |
| | | ], |
| | | x: [ |
| | | { label: "A型", value: data.xarate }, |
| | | { label: "B型", value: data.xbrate }, |
| | | { label: "AB型", value: data.xabrate }, |
| | | { label: "O型", value: data.xorate }, |
| | | ], |
| | | { label: "O型", value: data.xorate } |
| | | ] |
| | | }; |
| | | |
| | | window.clearInterval(this.loopShowZb); |
| | |
| | | }, 3000); |
| | | }); |
| | | |
| | | getTransplantHospitalNum(a).then((res) => { |
| | | getTransplantHospitalNum(a).then(res => { |
| | | console.log("每家移植医院获取的器官总数", res); |
| | | let data = res.data; |
| | | let list = data.map((item) => { |
| | | let list = data.map(item => { |
| | | return [item.orgName, item.organCount]; |
| | | }); |
| | | list = list.filter((item) => !item[0].includes("眼")); |
| | | list = list.filter(item => !item[0].includes("眼")); |
| | | this.configHosOrgan.data = list; |
| | | this.hosGetData = data.map((item) => { |
| | | this.hosGetData = data.map(item => { |
| | | return { |
| | | name: item.orgName, |
| | | value: item.organCount, |
| | | value: item.organCount |
| | | }; |
| | | }); |
| | | }); |
| | | |
| | | getDonateorganSum(a).then((res) => { |
| | | getDonateorganSum(a).then(res => { |
| | | console.log("各种器官的获取总数", res); |
| | | let data = res.data; |
| | | let list = this.organSumData.map((item) => item); |
| | | let list = this.organSumData.map(item => item); |
| | | for (let i = 0; i < data.length; i++) { |
| | | let k = data[i].organNo; |
| | | let ii = this.organSumData.findIndex((item) => item.key == k); |
| | | let ii = this.organSumData.findIndex(item => item.key == k); |
| | | if (ii > -1) { |
| | | this.organSumData[ii].value = data[i].count; |
| | | } |
| | |
| | | |
| | | if (dYear > 5) { |
| | | startTime == |
| | | this.$moment(endtime).add(-5, "year").format("YYYY-01-01 00:00:00"); |
| | | this.$moment(endtime) |
| | | .add(-5, "year") |
| | | .format("YYYY-01-01 00:00:00"); |
| | | } |
| | | |
| | | let arrYear = []; |
| | | for (let i = 0; i < 6; i++) { |
| | | let year = this.$moment(startTime).add(i, "year").format("YYYY"); |
| | | let year = this.$moment(startTime) |
| | | .add(i, "year") |
| | | .format("YYYY"); |
| | | if (i >= dYear) { |
| | | year = ""; |
| | | continue; |
| | | } |
| | | arrYear.push({ |
| | | year: year, |
| | | num: year ? 0 : "", |
| | | num: year ? 0 : "" |
| | | }); |
| | | } |
| | | let params = { |
| | | starttime: startTime, |
| | | endtime: endTime, |
| | | endtime: endTime |
| | | }; |
| | | // getdonateNumberByMonth ???//带注释 |
| | | getdonatePeopleByMonth(params).then((res) => { |
| | | getdonatePeopleByMonth(params).then(res => { |
| | | let data = res.data; |
| | | for (let i = 0; i < data.length; i++) { |
| | | let year = this.$moment(data[i].donatemonth).format("YYYY"); |
| | | |
| | | let ii = arrYear.findIndex((item) => item.year == year); |
| | | let ii = arrYear.findIndex(item => item.year == year); |
| | | if (ii > -1) { |
| | | arrYear[ii].num += data[i].donatecount; |
| | | } |
| | |
| | | let res = await listData({ |
| | | pageNum: 1, |
| | | pageSize: 20, |
| | | dictType: "sys_Organ", |
| | | dictType: "sys_Organ" |
| | | }); |
| | | let list = res.rows.map((item) => { |
| | | let list = res.rows.map(item => { |
| | | return { |
| | | key: item.dictValue, |
| | | name: item.dictLabel, |
| | | value: 0, |
| | | value: 0 |
| | | }; |
| | | }); |
| | | this.organSumData = list.filter( |
| | | (it) => it.key != "C00" |
| | | ); |
| | | this.organSumData = list.filter(it => it.key != "C00"); |
| | | } catch (e) {} |
| | | }, |
| | | |
| | |
| | | let nowDateYear = this.$moment().year(); |
| | | let nowDateMonth = this.$moment().month() + 1; |
| | | let startTime; |
| | | let endTime = this.$moment().add(1, "month").format("YYYY-MM-01"); |
| | | let endTime = this.$moment() |
| | | .add(1, "month") |
| | | .format("YYYY-MM-01"); |
| | | if (nowDateMonth <= 5) { |
| | | startTime = this.$moment().add(-6, "month").format("YYYY-MM-01"); |
| | | startTime = this.$moment() |
| | | .add(-6, "month") |
| | | .format("YYYY-MM-01"); |
| | | } else { |
| | | startTime = this.$moment().format(nowDateYear + "-01-01"); |
| | | } |
| | |
| | | |
| | | let params = { |
| | | starttime: startTime, |
| | | endtime: endTime, |
| | | endtime: endTime |
| | | }; |
| | | |
| | | try { |
| | | let res = await countDonateorgan(params); |
| | | donateorgans = res.data; |
| | | console.log("donateorgans:" + JSON.stringify(donateorgans)) |
| | | console.log("donateorgans:" + JSON.stringify(donateorgans)); |
| | | } catch (e) {} |
| | | //debugger |
| | | try { |
| | | let res = await getdonateNumberByMonth(params); |
| | | organList = res.data; |
| | | console.log("organList:" + JSON.stringify(organList)) |
| | | console.log("organList:" + JSON.stringify(organList)); |
| | | } catch (e) {} |
| | | //debugger |
| | | console.log(donateorgans); |
| | | let arr = []; |
| | | for (let i = 0; i < 12; i++) { |
| | | //统计捐献案例月度统计数据 |
| | | let mm = this.$moment(startTime).add(i, "month").format("YYYY-MM"); |
| | | let mm = this.$moment(startTime) |
| | | .add(i, "month") |
| | | .format("YYYY-MM"); |
| | | let num = ""; |
| | | let num2 = ""; |
| | | let ii = donateorgans.findIndex((item) => item.donatemonth == mm); |
| | | let ii = donateorgans.findIndex(item => item.donatemonth == mm); |
| | | if (ii > -1) { |
| | | num = donateorgans[ii].donatecount; |
| | | } |
| | | let oi = organList.findIndex((item) => item.donatemonth == mm); |
| | | let oi = organList.findIndex(item => item.donatemonth == mm); |
| | | if (oi > -1) { |
| | | num2 = organList[oi].donatecount; |
| | | } |
| | | arr.push({ |
| | | name: this.$moment(mm).format("M月"), |
| | | value: num, |
| | | value2: num2, |
| | | value2: num2 |
| | | }); |
| | | } |
| | | |
| | |
| | | ); |
| | | let organNum = organList[k].donatecount; |
| | | //判断当前年份是否在数组中 |
| | | let yearIndex = organYearArr.findIndex((item) => item.year == yearNo); |
| | | let yearIndex = organYearArr.findIndex(item => item.year == yearNo); |
| | | if (yearIndex > -1) { |
| | | organYearArr[yearIndex].num += organNum; |
| | | } else { |
| | |
| | | getAllInfo() { |
| | | let params = { |
| | | starttime: "2022-01-01 00:00:00", |
| | | endtime: this.$moment().format("YYYY-MM-DD HH:mm:ss"), |
| | | endtime: this.$moment().format("YYYY-MM-DD HH:mm:ss") |
| | | }; |
| | | getAllOrganInfo(params) |
| | | .then((response) => { |
| | | .then(response => { |
| | | if (response.data) { |
| | | this.allInfo = response.data; |
| | | let list = this.organData.map((item) => item); |
| | | let list = this.organData.map(item => item); |
| | | for (let i = 0; i < list.length; i++) { |
| | | let k = list[i].key; |
| | | if (this.allInfo[k]) { |
| | |
| | | let organsums = 0; |
| | | } |
| | | }) |
| | | .catch((erroe) => {}) |
| | | .catch(erroe => {}) |
| | | .finally(() => {}); |
| | | }, |
| | | async getTempList() { |
| | |
| | | try { |
| | | let searchInfo = { |
| | | pageNum: 1, |
| | | pageSize: 1, |
| | | pageSize: 1 |
| | | }; |
| | | let response = await listDonatebaseinfo(searchInfo); |
| | | this.totalCount = response.total; |
| | |
| | | }, |
| | | mapClick(data) { |
| | | let newConfig = { |
| | | ...DEF_TABLE_CONFIG, |
| | | ...DEF_TABLE_CONFIG |
| | | }; |
| | | let arr = []; |
| | | for (let i = 0; i < this.arrrrr.length; i++) { |
| | |
| | | }, |
| | | getRanNum() { |
| | | return Math.round(Math.random() * 40); |
| | | }, |
| | | } |
| | | }, |
| | | computed: { |
| | | heightA() { |
| | |
| | | sum += this.cdata[i].elseData.value3; |
| | | } |
| | | return sum; |
| | | }, |
| | | }, |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | |
| | | } |
| | | } |
| | | } |
| | | ::v-deep .el-dialog { |
| | | -webkit-transform: none; |
| | | transform: none; |
| | | background-color: rgb(3, 14, 64); |
| | | box-shadow: rgb(10, 51, 110) 0px 0px 40px inset; |
| | | border: 1px solid rgb(10, 51, 110); |
| | | color: #fff !important; |
| | | left: 0; |
| | | position: relative; |
| | | margin: 0 auto; |
| | | .el-dialog__title { |
| | | color: #fff; |
| | | } |
| | | .el-form-item__label { |
| | | text-align: right; |
| | | vertical-align: middle; |
| | | float: left; |
| | | font-size: 14px; |
| | | color: #fff; |
| | | line-height: 40px; |
| | | padding: 0 12px 0 0; |
| | | -webkit-box-sizing: border-box; |
| | | box-sizing: border-box; |
| | | } |
| | | } |
| | | ::v-deep .iwc-box-a { |
| | | .el-progress-bar__outer { |
| | | background-color: #29345c; |
| | |
| | | margin-right: -27px; |
| | | } |
| | | } |
| | | .login-code { |
| | | width: 33%; |
| | | height: 38px; |
| | | float: right; |
| | | img { |
| | | cursor: pointer; |
| | | vertical-align: middle; |
| | | } |
| | | } |
| | | .login-code-img { |
| | | height: 38px; |
| | | } |
| | | </style> |