From 1c08c6dcbe0f81bd8cff8a363e0d6f5c996474be Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期四, 14 三月 2024 09:49:33 +0800 Subject: [PATCH] 11 --- src/views/project/statistics/chargeStatistics/index.vue | 442 +++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 426 insertions(+), 16 deletions(-) diff --git a/src/views/project/statistics/chargeStatistics/index.vue b/src/views/project/statistics/chargeStatistics/index.vue index c8b9597..dedf037 100644 --- a/src/views/project/statistics/chargeStatistics/index.vue +++ b/src/views/project/statistics/chargeStatistics/index.vue @@ -1,27 +1,437 @@ +<!-- --> <template> - <div> -鏀惰垂 + <div class="app-container"> + 缁╂晥 + <el-form + :model="queryParams" + ref="queryForm" + :inline="true" + label-width="70px" + > + <el-row :gutter="8"> + <el-col :span="6"> + <el-form-item label="鍖婚櫌鍚嶇О"> + <el-select + v-model="queryParams.pabonustype" + placeholder="璇烽�夋嫨妗堜緥鐘舵��" + > + <el-option + v-for="item in reportlist" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="缁熻绫诲瀷"> + <el-select + v-model="queryParams.pabonustype" + placeholder="璇烽�夋嫨妗堜緥鐘舵��" + > + <el-option + v-for="item in reportlist" + :label="item.label" + :value="item.value" + > + </el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="8"> + <el-col :span="12"> + <el-form-item label="缁熻鏃ユ湡"> + <el-date-picker + style="width: 100%" + v-model="selecttime" + type="monthrange" + range-separator="鑷�" + start-placeholder="寮�濮嬫湀浠�" + end-placeholder="缁撴潫鏈堜唤" + value-format="yyyy-MM-dd" + @change="getTimeList" + > + </el-date-picker> + </el-form-item> + </el-col> + + <el-col :span="6"> + <el-form-item> + <el-button + type="primary" + icon="el-icon-search" + size="mini" + @click="handleQuery" + >鎼滅储</el-button + > + <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" + >閲嶇疆</el-button + > + </el-form-item> + </el-col> + </el-row> + </el-form> + + <!--<el-table v-loading="loading" border :data="donatebaseinfoList"> --> + <el-table + v-loading="loading" + :data="jxidata" + ref="table" + border + max-height="700" + highlight-current-row + :summary-method="getSummaries" + show-summary + > + <el-table-column label="搴忓彿" align="center" prop="id" width="100"> + </el-table-column> + + <el-table-column label="缁熻鏈堜唤" align="center" prop="name" /> + + <el-table-column label="涓氬姟缁�" align="center" prop="name"> + </el-table-column> + <el-table-column label="涓撹亴浜哄憳" align="center" prop="age" /> + + <el-table-column + label="閲戦" + align="center" + prop="amount" + /> + + <el-table-column + label="鎿嶄綔" + align="center" + class-name="small-padding fixed-width" + fixed="right" + > + <template slot-scope="scope"> + <!-- v-if="scope.row.recordstate==2" + --> + <el-button + size="mini" + type="text" + icon="el-icon-edit" + @click="handleAdd(scope.row)" + >鍖诲璇勪及</el-button + > + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total > 0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + /> + + <!-- 娣诲姞鎴栦慨鏀瑰灞炵‘璁ゅ璇濇 --> </div> </template> <script> -export default { - data () { - return { +//杩欓噷鍙互瀵煎叆鍏朵粬鏂囦欢锛堟瘮濡傦細缁勪欢锛屽伐鍏穓s锛岀涓夋柟鎻掍欢js锛宩son鏂囦欢锛屽浘鐗囨枃浠剁瓑绛夛級 +//渚嬪锛歩mport 銆婄粍浠跺悕绉般�� from '銆婄粍浠惰矾寰勩��'; +import { + listsfeistatistics, + listbxiaostatistics, + listjixstatistics, + listanlstatistics +} from "@/api/project/statistics"; + +import { listUser } from "@/api/project/organization"; + +import Li_area_select from "@/components/Address"; +import OrgSelecter from "@/views/project/components/orgselect"; +import AnnexUpload from "@/views/project/components/annexupload"; + +export default { + //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢� + components: { + Li_area_select, + OrgSelecter, + AnnexUpload + }, + name: "Medicalevaluation", + dicts: [], + data() { + //杩欓噷瀛樻斁鏁版嵁 + return { + starttime: "", + endtime: "", + countyname: "", + cuuntry: "", + + selecttime: "", + reportervalue: "", + reportlist: [ + { label: "鏈堝害", value: "1" }, + { label: "瀛e害", value: "2" }, + { label: "骞村害", value: "3" } + ], + //鐪佸競鍖� + //榛樿鍊艰缃紝鍙负绌� + searchAddress: { + sheng: "", + shi: "", + qu: "", + organizationname: null + }, + provinceData: [ + { label: "鍏ㄩ儴", value: "" }, + { label: "鏉窞甯�", value: "1" }, + { label: "瀹佹尝甯�", value: "2" }, + { label: "娓╁窞甯�", value: "3" }, + { label: "鍢夊叴甯�", value: "4" }, + { label: "婀栧窞甯�", value: "5" }, + { label: "缁嶅叴甯�", value: "6" }, + { label: "閲戝崕甯�", value: "7" }, + { label: "琛㈠窞甯�", value: "8" }, + { label: "鑸熷北甯�", value: "9" }, + { label: "鍙板窞甯�", value: "A" }, + { label: "涓芥按甯�", value: "B" } + ], + residenceAddresss: { + sheng: "娴欐睙鐪�", + shi: "", + qu: "" + }, + registerAddresss: { + sheng: "娴欐睙鐪�", + shi: "", + qu: "" + }, + defultAddresss: { + sheng: "娴欐睙鐪�", + shi: "", + qu: "" + }, + // 閬僵灞� + loading: false, + // 瀵煎嚭閬僵灞� + exportLoading: false, + // 閫変腑鏁扮粍 + ids: [], + // 闈炲崟涓鐢� + single: true, + // 闈炲涓鐢� + multiple: true, + // 鏄剧ず鎼滅储鏉′欢 + showSearch: true, + // 鎬绘潯鏁� + total: 0, + // 鎹愮尞鍩虹琛ㄦ牸鏁版嵁 + donatebaseinfoList: [], + // 鎹愮尞鍩虹琛ㄦ牸鏁版嵁 + jxidata: [], + // 寮瑰嚭灞傛爣棰� + title: "", + // 鏄惁鏄剧ず寮瑰嚭灞� + open: false, + // 鑾峰彇缁勭粐鍚嶇О鏃堕棿鑼冨洿 + daterangeReporttime: [], + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 10 + }, + + // 琛ㄥ崟鍙傛暟 + form: {}, + // 琛ㄥ崟鏍¢獙 + rules: {}, + //褰撳墠閫変腑鎹愮尞妗堜緥 + curCase: {}, + //娴佺▼鍚嶇О + flowname: "鎹愮尞鍖诲璇勪及", + //娴佺▼鍚嶇О-浼︾悊瀹℃煡 + annexno: "", + confirmationform: {}, + //鏄惁鏄剧ず纭鐧昏琛� + isShowConfirmationDialog: false, + //纭鐧昏琛╰itle + confirmationTitle: "" + }; + }, + //鐩戝惉灞炴�� 绫讳技浜巇ata姒傚康 + computed: {}, + activated() {}, + mounted() {}, + + //鐩戞帶data涓殑鏁版嵁鍙樺寲 + watch: {}, + //鏂规硶闆嗗悎 + methods: { + getTimeList(e) { + if (this.selecttime != 0) { + this.endtime = this.selecttime[1]; + this.starttime = this.selecttime[0]; + // if (this.endtime == this.starttime) { + let num = Number(this.endtime.slice(5, 7)); + if (num < 9) { + let mon = Number(this.endtime.slice(6, 7)); + this.endtime = + this.endtime.slice(0, 5) + + "0" + + (mon + 1) + + "-" + + "01" + + " " + + "00" + + ":" + + "00" + + ":" + + "00"; + } + // this.endtime=this.endtime.slice(0,5)骞� + else if (num >= 10) { + this.endtime = + this.endtime.slice(0, 5) + + (num + 1) + + "-" + + "01" + + " " + + "00" + + ":" + + "00" + + ":" + + "00"; + } else { + this.endtime = + this.endtime.slice(0, 5) + + "10" + + "-" + + "01" + + " " + + "00" + + ":" + + "00" + + ":" + + "00"; + } + this.starttime = this.starttime + " " + "00" + ":" + "00" + ":" + "00"; + // } + } else { + // this.starttime = "1998-01-01 00:00:00"; + // this.endtime = "2998-01-01 00:00:00"; + } + }, + + resetArr(Arr) { + var hash = {}; + Arr = Arr.reduce(function(arr, current) { + hash[current.reporterno] + ? "" + : (hash[current.reporterno] = true && arr.push(current)); + return arr; + }, []); + return Arr; + }, + + /** 鏌ヨ鎹愮尞鍩虹鍒楄〃 */ + getList() { + listsfeistatistics(this.queryParams).then(res => { + this.jxidata = res.rows; + }); + }, + + // 琛ㄥ崟閲嶇疆 + reset() { + this.form = {}; + }, + /** 鎼滅储鎸夐挳鎿嶄綔 */ + handleQuery() { + this.queryParams.pageNum = 1; + this.getList(); + }, + /** 閲嶇疆鎸夐挳鎿嶄綔 */ + resetQuery() { + this.daterangeReporttime = []; + + this.reportervalue = ""; + + this.form.treatmenthospitalno = ""; + + this.queryParams = { + doname: null, + pageNum: 1, + pageSize: 10, + name: null, + idcardno: null, + residenceprovince: null, + residencecity: null, + residencetown: null, + // "2" + recordstate: null, + treatmenthospitalname: null, + donorno: null, + acquisitiontissueno: null, + reportername: null, + reporttime: null, + city: null + }; + this.selecttime = []; + this.getTimeList(); + this.searchAddress = { + sheng: "", + shi: "", + qu: "", + organizationname: null + }; + + this.resetForm("queryForm"); + this.handleQuery(); + }, + getSummaries(param) { + const { columns, data } = param; + const sums = []; + var columnnames = ["applymonth", "deptmentName", "username"]; + columns.forEach((column, index) => { + if (index === 0) { + sums[index] = "鍚堣"; + return; + } + //鍘婚櫎閮ㄥ垎瀛楁璁$畻 + if (columnnames.indexOf(column.property) > -1) { + return; + } + + const values = data.map(item => Number(item[column.property])); + if (!values.every(value => isNaN(value))) { + sums[index] = values.reduce((prev, curr) => { + const value = Number(curr); + if (!isNaN(value)) { + return prev + curr; + } else { + return prev; + } + }, 0); + sums[index] = sums[index].toFixed(2); // 淇濈暀2浣嶅皬鏁帮紝瑙e喅灏忔暟鍚堣鍒�; + } else { + sums[index] = ""; + } + }); + return sums; } }, - created () { - - }, - - methods: { - + //鐢熷懡鍛ㄦ湡 - 鍒涘缓瀹屾垚锛堝彲浠ヨ闂綋鍓峵his瀹炰緥锛� + created() { + //鑾峰彇鍒楄〃 + this.getList(); } -} + // //鐢熷懡鍛ㄦ湡 - 鎸傝浇瀹屾垚锛堝彲浠ヨ闂瓺OM鍏冪礌锛� + // mounted() {}, + // beforeCreate() {}, //鐢熷懡鍛ㄦ湡 - 鍒涘缓涔嬪墠 + // beforeMount() {}, //鐢熷懡鍛ㄦ湡 - 鎸傝浇涔嬪墠 + // beforeUpdate() {}, //鐢熷懡鍛ㄦ湡 - 鏇存柊涔嬪墠 + // updated() {}, //鐢熷懡鍛ㄦ湡 - 鏇存柊涔嬪悗 + // beforeDestroy() {}, //鐢熷懡鍛ㄦ湡 - 閿�姣佷箣鍓� + // destroyed() {}, //鐢熷懡鍛ㄦ湡 - 閿�姣佸畬鎴� + // activated() {}, //濡傛灉椤甸潰鏈塳eep-alive缂撳瓨鍔熻兘锛岃繖涓嚱鏁颁細瑙﹀彂 +}; </script> - -<style lang='scss' scoped> - -</style> -- Gitblit v1.9.3