From fe4b87ad084ddf30110f9850622d4f3d9279ae3d Mon Sep 17 00:00:00 2001 From: dai <851733175@qq.com> Date: Tue, 15 Mar 2022 10:05:38 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dbug?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../modules/communityService/dqfwzx/index.vue | 244 +++++++++++------- .../modules/communityService/sqzzz/index.vue | 8 +- 2 files changed, 148 insertions(+), 104 deletions(-) diff --git a/src/views/modules/communityService/dqfwzx/index.vue b/src/views/modules/communityService/dqfwzx/index.vue index 0b2265aa..f5b5b873 100644 --- a/src/views/modules/communityService/dqfwzx/index.vue +++ b/src/views/modules/communityService/dqfwzx/index.vue @@ -2,23 +2,26 @@
- 新增 + 新增
-
+
-
-
+
+
修改
{{ item.centerName }}
@@ -48,88 +51,107 @@ >
--> -
- - - - +
+ + + + - + - +
-
- +
+
- - + + - - + + - - + +
@@ -150,7 +172,7 @@ let loading; // 加载动画 export default { components: { editForm, orderForm, orderList }, - data () { + data() { return { openSearch: false, @@ -167,23 +189,23 @@ export default { }; }, computed: { - maxTableHeight () { - return this.clientHeight - 410; + maxTableHeight() { + return this.clientHeight - 520; }, ...mapGetters(["clientHeight"]), }, watch: { - currentIndex () { + currentIndex() { this.setMap(); }, }, - async mounted () { + async mounted() { await this.loadAgency(); await this.getTableData(); }, methods: { // 地图初始化函数，本例取名为init，开发者可根据实际情况定义 - initMap () { + initMap() { // 定义地图中心点坐标 var center = new window.TMap.LatLng(36.0722275, 120.38945519); // 定义map变量，调用 TMap.Map() 构造函数创建地图 @@ -203,7 +225,7 @@ export default { infoWindowList = Array(10); }, - setMarker (lat, lng, centerName) { + setMarker(lat, lng, centerName) { markers.setGeometries([]); markers.add([ { @@ -217,11 +239,11 @@ export default { ]); }, - setCenter (lat, lng) { + setCenter(lat, lng) { map.setCenter(new window.TMap.LatLng(lat, lng)); }, - setMap () { + setMap() { const { tableData, currentIndex } = this; let item = tableData[currentIndex]; if (item) { @@ -230,24 +252,24 @@ export default { } }, - handleClose () { + handleClose() { this.formShow = false; }, - handleCloseForm2 () { + handleCloseForm2() { this.form2Show = false; }, - handleCloseOrderList () { + handleCloseOrderList() { this.orderListShow = false; }, - async handleAdd () { + async handleAdd() { this.formShow = true; await nextTick(); console.log(this.$refs); this.$refs.eleEditForm.initForm("add"); }, - async handleWatch () { + async handleWatch() { this.formShow = true; await nextTick(); this.$refs.eleEditForm.initForm( @@ -256,7 +278,7 @@ export default { ); }, - async handleEdit () { + async handleEdit() { this.formShow = true; await nextTick(); this.$refs.eleEditForm.initForm( @@ -265,12 +287,12 @@ export default { ); }, - handleEditSuccess () { + handleEditSuccess() { this.handleClose(); this.getTableData(); }, - async handleOrder (index) { + async handleOrder(index) { this.form2Show = true; await nextTick(); this.$refs.eleOrderForm.initForm( @@ -280,18 +302,18 @@ export default { ); }, - handleOrderSuccess () { + handleOrderSuccess() { this.handleCloseForm2(); }, - async handleOrderList (index) { + async handleOrderList(index) { this.orderListShow = true; await nextTick(0); console.log(this.$refs); this.$refs.eleOrderList.init(this.tableData[this.currentIndex], index); }, - async handleDel (rowData, rowIndex) { + async handleDel(rowData, rowIndex) { console.log(rowData, rowIndex); const url = "/heart/iccommunityselforganization/delcommunityselforganization"; @@ -309,7 +331,7 @@ export default { } }, - async getTableData () { + async getTableData() { const oldLen = this.tableData.length; const url = "/gov/org/icpartyservicecenter/partyservicecenterlist"; const { data, code, msg } = await requestPost(url, { @@ -330,7 +352,7 @@ export default { }, //加载组织 - async loadAgency () { + async loadAgency() { const url = "/epmetuser/customerstaff/staffbasicinfo"; let params = {}; @@ -358,6 +380,27 @@ export default { .center-left { width: 25%; .list { + padding-right: 10px; + height: calc(100vh - 210px); + overflow-y: auto; + &::-webkit-scrollbar { + /*滚动条整体样式*/ + width: 8px; /*高宽分别对应横竖滚动条的尺寸*/ + height: 1px; + } + &::-webkit-scrollbar-thumb { + /*滚动条里面小方块*/ + border-radius: 8px; + box-shadow: inset 0 0 5px rgba(#333, 0.1); + background: linear-gradient(270deg, #eee, #aaa); + } + &::-webkit-scrollbar-track { + /*滚动条里面轨道*/ + box-shadow: inset 0 0 5px rgba(#333, 0.1); + border-radius: 8px; + background: #eee; + } + .item { position: relative; box-sizing: border-box; @@ -420,6 +463,7 @@ export default { } .div_map { margin-bottom: 10px; + height: 300px; } } } @@ -448,7 +492,7 @@ export default { } .resi-card-table { - margin-top: 20px; + // margin-top: 20px; } .resi-row-btn { margin-bottom: 13px; diff --git a/src/views/modules/communityService/sqzzz/index.vue b/src/views/modules/communityService/sqzzz/index.vue index ef13f05a..fa82fc66 100644 --- a/src/views/modules/communityService/sqzzz/index.vue +++ b/src/views/modules/communityService/sqzzz/index.vue @@ -54,7 +54,7 @@ excel导出导出
{ // this.importLoading = false; - // this.importBtnTitle = "excel导入"; + // this.importBtnTitle = "导入"; // console.log("resresresresresresres", res); // this.getTableData(); @@ -307,7 +307,7 @@ export default { // console.log("失败", err); // }); this.importLoading = false - this.importBtnTitle = 'excel导入' + this.importBtnTitle = '导入' this.$refs.upload.clearFiles(); },