户双击功能

杨威
Showing 6 changed files with 92 additions and 77 deletions
src/components/formMenu/qlr.vue
src/router/routes.js
src/views/systemH/index.vue
src/views/systemH/hxx/index.vue → src/views/systemZRZ/lpb/bjlp/hbj/index.vue
src/views/systemZRZ/lpb/bjlp/index.vue
src/views/systemZRZ/lpb/bjlp/lpbContent/index.vue
--- a/src/components/formMenu/qlr.vue
View file @c5092ce
+++ b/src/components/formMenu/qlr.vue
View file @c5092ce
@@ -46,6 +46,7 @@
 		<el-dialog
 			title="权利人信息"
 			:visible.sync="dialogVisible"
+			append-to-body
 			width="50%"
 			center
 		>
--- a/src/router/routes.js
View file @c5092ce
+++ b/src/router/routes.js
View file @c5092ce
@@ -72,12 +72,6 @@ const constantRoutes = [
 				component: () => import("@/views/systemDZ/index"),
 			},
 			{
-				path: "/h",
-				name: "户",
-				code: "1-3",
-				component: () => import("@/views/systemH/index"),
-			},
-			{
 				path: "/zd",
 				name: "宗地",
 				code: "1-5",
--- a/src/views/systemH/index.vue deleted 100644 → 0
View file @0fa2bed
+++ b/src/views/systemH/index.vue deleted 100644 → 0
View file @0fa2bed
-<template>
-    <div class="content_box">
-        <el-tabs v-model="activeName" @tab-click="handleClick">
-            <el-tab-pane label="自然幢信息" name="hxx"><hxx></hxx></el-tab-pane>
-        </el-tabs>
-    </div>
-</template>
-<script>
-    import hxx from "./hxx";
-    export default {
-        name: "",
-        components: {
-            hxx
-        },
-        props: {},
-        data() {
-            return {
-                activeName: "hxx",
-            };
-        },
-        methods: {
-            handleClick(tab, event) {
-                console.log(tab, event);
-            },
-        },
-        created() {},
-        mounted() {},
-        computed: {},
-        watch: {},
-    };
-</script>
-<style scoped lang="less"></style>
--- a/src/views/systemH/hxx/index.vue → src/views/systemZRZ/lpb/bjlp/hbj/index.vue
View file @c5092ce
+++ b/src/views/systemH/hxx/index.vue → src/views/systemZRZ/lpb/bjlp/hbj/index.vue
View file @c5092ce
@@ -365,17 +365,17 @@
                </tbody>
            </table>
        </el-form>
-        <div style="min-height: 40px;text-align: center;margin-top: 10px">
+        <!-- <div style="min-height: 40px;text-align: center;margin-top: 10px">
            <el-button type="success" @click="onSave">保存</el-button>
            <el-button type="primary" @click="onSubmit">提交</el-button>
-        </div>
+        </div> -->
    </div>
 </template>
 <script>
-    import Qlr from "../../../components/formMenu/qlr";
+    import Qlr from "./../../../../../components/formMenu/qlr";
-    import Qlxz from "../../../components/formMenu/qlxz_simple";
+    import Qlxz from "./../../../../../components/formMenu/qlxz";
    export default {
        name:'zrz',
        components:{
@@ -510,22 +510,28 @@
                    this.fwjgTitleRowspan=this.form.fwjgList.length;
                }
            },
-            onSave(){
+            //保存户信息
-                console.log(this.form)
+            onSave(bsm,yclx){
+                console.log(bsm);
+                console.log(yclx)
            },
-            onSubmit(){
+            onReset(){
-                console.log(this.form)
+            },
+            //根据户bsm查询户信息
+            getHInfo(bsm){
            }
        }
    }
 </script>
 <style rel="stylesheet/less" lang="less" scoped>
    .h {
-        min-height: 200px;
+        height: 600px;
-        width: 80%;
+        width: 100%;
        margin-top: 10px;
-        margin-left: 10%;
+        overflow-y: scroll;
-        float: left;
+        overflow-x: hidden;
        /deep/.el-input__inner{
            width: 100%;
--- a/src/views/systemZRZ/lpb/bjlp/index.vue
View file @c5092ce
+++ b/src/views/systemZRZ/lpb/bjlp/index.vue
View file @c5092ce
@@ -4,8 +4,8 @@
 			<el-row class="searchContent">
 				<el-col :span="8">
 					<el-radio-group v-model="tabPosition">
-						<el-radio-button label="sc">实测</el-radio-button>
+						<el-radio-button label="1">实测</el-radio-button>
-						<el-radio-button label="yc">预测</el-radio-button>
+						<el-radio-button label="0">预测</el-radio-button>
 					</el-radio-group>
 					<el-input
 						v-model="bdcdyh"
@@ -98,6 +98,7 @@
 			</div>
 		</div>
+		<!-- 右键菜单弹出框 -->
 		<el-dialog title="添加" :visible.sync="dialogVisible" width="50%" center>
 			<!-- 根据菜单类型（menuType）和右键点击的楼盘类型（treeData.type）来区分弹框内容  -->
 			<div class="addCh" v-show="menuType == 'ljz'">
@@ -117,9 +118,21 @@
 				>
 			</div>
 		</el-dialog>
+		<!-- 批量操作弹出框 -->
 		<pl-h :plh-visible="plhVisible" :bsms="bsms" @close="plhClose"></pl-h>
 		<pl-c :plc-visible="plcVisible" :bsms="bsms" @close="plcClose"></pl-c>
        <pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose"></pl-sh>
+		<!-- 双击户的弹出框 -->
+		<el-dialog title="户编辑" :visible.sync="hbjVisible" width="50%" center>
+			<hbj ref="hbj"></hbj>
+			<div class="btnGroup">
+				<el-button type="primary" @click="hbjSaveInfo">保存</el-button>
+				<el-button type="primary" @click="hbjResetInfo">重置</el-button>
+				<el-button type="primary" @click="hbjVisible = false"
+					>取消</el-button
+				>
+			</div>
+		</el-dialog>
 	</div>
 </template>
@@ -131,27 +144,29 @@ import LineTree from "../../../../components/lineTree/lineTree";
 import addLjz from "./ljz/index";
 import addZdy from "./zdy/index";
 import addCh from "./ch/index";
+import hbj from "./hbj/index"
 import lpbContent from "./lpbContent/index";
 import { getLpbMenuTree } from "../../../../api/lpb";
 export default {
 	name: "",
-	components: { LineTree, addLjz, addZdy, addCh, lpbContent,PlC,PlSh,PlH },
+	components: { LineTree, addLjz, addZdy, addCh, lpbContent,PlC,PlSh,PlH,hbj },
 	props: {},
 	data() {
 		return {
 		    bsms:["123","321","231"],
+			dialogVisible: false,
            plcVisible:false,
            plhVisible:false,
-            plShVisible:false,
+			plShVisible:false,
-			tabPosition:'sc',
+			hbjVisible:false,
+			tabPosition:'0',
 			radio1: "",
 			radio2: "",
 			createFlag: false,
 			bdcdyh: "",
 			islpb: true,
 			pd: [], //创建楼盘的树结构数据
-			dialogVisible: false,
 			menuType: "",
 			treeData: {},
 			inputWidth:74,
@@ -307,9 +322,19 @@ export default {
 			this.legendToggleFlag = !this.legendToggleFlag;
 		},
 		//获取选中户bsm
-		getHbsm(data){
+		getHbsm(data,type){
 			this.bsms = data;
-			// console.log(this.bsms);
+			let self = this;
+			if(type){
+				// 双击
+				console.log('双击了');
+				this.hbjVisible = true;
+				self.$refs.hbj.getHInfo(this.bsms[this.bsms.length-1]); 
+			}else{
+				//单击
+				console.log('单击了');
+			}
+			console.log(this.bsms);
 		},
 		inputFocus(){
 			this.inputWidth = 200
@@ -321,6 +346,15 @@ export default {
 			if (this.bdcdyh!='') {
 				console.log('查询'+this.bdcdyh);
 			}
+		},
+		//户保存
+		hbjSaveInfo(){
+			let bsm = this.bsms[this.bsms.length-1]
+			this.$refs.hbj.onSave(bsm,this.tabPosition); 
+		},
+		//户编辑表单重置
+		hbjResetInfo(){
+			this.$refs.hbj.onReset(); 
 		}
 	},
 	computed: {
--- a/src/views/systemZRZ/lpb/bjlp/lpbContent/index.vue
View file @c5092ce
+++ b/src/views/systemZRZ/lpb/bjlp/lpbContent/index.vue
View file @c5092ce
@@ -13,7 +13,7 @@
 									<!-- 显示层数 -->
 									<td class="floor">{{cs.sjc}}层</td>
 									<!-- 显示户 -->
-									<td v-for="(hs,hsIndex) in cs.hs" :key="hsIndex" @click="handleTdClick($event,hs.bsm)">{{hs.hh}}</td>
+									<td v-for="(hs,hsIndex) in cs.hs" :key="hsIndex" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)">{{hs.hh}}</td>
 								</tr>
 							</table>
 							<!-- 幢单元名称 -->
@@ -37,7 +37,7 @@
 							<!-- 显示层数 -->
 							<td class="floor">{{cs.sjc}}层</td>
 							<!-- 显示户 -->
-							<td v-for="(hs,hsIndex) in cs.hs" :key="hsIndex" @click="handleTdClick($event,hs.bsm)">{{hs.hh}}</td>
+							<td v-for="(hs,hsIndex) in cs.hs" :key="hsIndex" @click="handleTdClick($event,hs.bsm)"  @dblclick="dbclick(hs.bsm)">{{hs.hh}}</td>
 						</tr>
 					</table>
 					<!-- 幢单元名称 -->
@@ -48,12 +48,12 @@
 				<!-- 循环自然幢下的独立层户 -->
 				<!-- <template > -->
 				<div class="zdy chTabel-wrap" :style="{'min-height':cHeight+'px'}">
-					<table  class="chTable" ref="ch" border="1"  cellspacing="0" cellpadding="0" v-show="lpbData.cs.length>0" >
+					<table  class="chTable" ref="ch" border="1"  cellspacing="0" cellpadding="0" v-show="lpbData.cs != null && lpbData.cs.length>0" >
 						<tr v-for="(cs,csIndex) in lpbData.cs" :key="csIndex">
 							<!-- 显示层数 -->
 							<td class="floor">{{cs.sjc}}层</td>
 							<!-- 显示户 -->
-							<td v-for="(hs,hsIndex) in cs.hs" :key="hsIndex" @click="handleTdClick($event,hs.bsm)">{{hs.hh}}</td>
+							<td v-for="(hs,hsIndex) in cs.hs" :key="hsIndex" @click="handleTdClick($event,hs.bsm)"  @dblclick="dbclick(hs.bsm)">{{hs.hh}}</td>
 						</tr>
 					</table>
 				</div>
@@ -377,7 +377,8 @@ export default {
 			zdyWidth:2000,
 			cHeight:0,
 			loading:true,
-			hbsmList:[]
+			hbsmList:[],
+			time:null, //区分单双击事件的定时器
 		};
 	},
 	created() {
@@ -397,6 +398,7 @@ export default {
 			getLpb(zrzbsm)
 			.then((res => {
 				if (res.code == 200) {
+					this.loading = false;
 					this.lpbData = res.result;
 					setTimeout(() => {
 						//计算逻辑幢宽度  20为marginRight值
@@ -411,7 +413,6 @@ export default {
 							this.cHeight = item.offsetHeight > this.cHeight ? item.offsetHeight : this.cHeight;
 						})
 						this.zdyWidth += this.$refs.ch.offsetWidth;
-						this.loading = false
 					}, 200);
 				} else {
 					this.$message({
@@ -421,19 +422,31 @@ export default {
 				}
 			}))
 		},
-		//td点击事件
+		//户单击事件
 		handleTdClick(e,bsm){
-			//判断点击的户是否选中
+			let self = this;
-			if(e.target.className.indexOf('tdSelect') == -1){
+			// 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
-				//未选中
+			clearTimeout(self.time);
-				e.target.className = 'tdSelect'; //加边框
+			self.time = setTimeout(() => {
-				this.hbsmList.push(bsm) // 将户bsm放进hbsmList
+				//判断点击的户是否选中
-			}else{
+				if(e.target.className.indexOf('tdSelect') == -1){
-				//选中
+					//未选中
-				e.target.className = '';
+					e.target.className = 'tdSelect'; //加边框
-				this.deleteArrOption(this.hbsmList,bsm);
+					this.hbsmList.push(bsm) // 将户bsm放进hbsmList
-			}
+				}else{
-			this.$parent.getHbsm(this.hbsmList);
+					//选中
+					e.target.className = '';
+					this.deleteArrOption(this.hbsmList,bsm);
+				}
+				this.$parent.getHbsm(this.hbsmList,false);
+			}, 200);
+		},
+		//户双击事件
+		dbclick(bsm){
+			clearTimeout(this.time);
+			this.hbsmList.push(bsm) // 将户bsm放进hbsmList
+			this.$parent.getHbsm(this.hbsmList,true);
 		},
 		//删除多重数组中的某一项
 		deleteArrOption(arr, item) {