多幢，自然幢的历史回溯数据

zhaoqian
Showing 8 changed files with 165 additions and 16 deletions
src/components/lshs/index.vue
src/views/dz/index.vue
src/views/dz/lshs/index.vue
src/views/zd/index.vue
src/views/zd/lshs/index.vue
src/views/zrz/index.vue
src/views/zrz/lpb/bjlp/ljz/index.vue
src/views/zrz/lshs/index.vue
--- a/src/components/lshs/index.vue
View file @86190a7
+++ b/src/components/lshs/index.vue
View file @86190a7
@@ -19,7 +19,16 @@
 export default {
  name:"",
  components:{},
-  props:{},
+  props:{
+      bsm: {
+          type: String,
+          default: "",
+      },
+      type: {
+          type: String,
+          default: "",
+      },
+  },
  data(){
    insertCss(`
    .g6-tooltip {
@@ -189,8 +198,8 @@ export default {
    getLshsData(){
      let _this = this;
      const data = {
-        "bsm": this.$store.state.zdbsm,
+        "bsm": this.bsm,
-        "type": "zd"
+        "type": this.type
      };
      getLshs(data).then((res)=>{
        if(res.code===200){
--- a/src/views/dz/index.vue
View file @86190a7
+++ b/src/views/dz/index.vue
View file @86190a7
@@ -3,7 +3,7 @@
        <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick"  type="border-card" >
            <el-tab-pane label="多幢基本信息" name="dzxx"><dzxx v-if="dzJbxxVisble"></dzxx></el-tab-pane>
            <el-tab-pane label="附件材料" name="fjcl"><fjcl v-if="fjclVisible" ref="fjcl"></fjcl></el-tab-pane>
-            <el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane>
+            <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs></el-tab-pane>
            <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane>
        </el-tabs>
@@ -27,6 +27,8 @@
                isDisabled:false,
                activeName: "dzxx",
                dzJbxxVisble:true,
+                lshsVisible:false,
+                type:'dz',
                fjclVisible:false
            };
        },
--- a/src/views/dz/lshs/index.vue
View file @86190a7
+++ b/src/views/dz/lshs/index.vue
View file @86190a7
 <template>
  <div class="lshs-content">
-      <Lshs></Lshs>
+      <Lshs :type="type" :bsm="bsm"></Lshs>
  </div>
 </template>
@@ -11,7 +11,16 @@
 export default {
  name:"",
  components:{Lshs},
-  props:{},
+  props:{
+      bsm: {
+          type: String,
+          default: "",
+      },
+      type: {
+          type: String,
+          default: "",
+      },
+  },
  data(){
    return {
      data : {}
--- a/src/views/zd/index.vue
View file @86190a7
+++ b/src/views/zd/index.vue
View file @86190a7
@@ -10,7 +10,7 @@
 				<jzx v-if="jzxVisible" :is-disabled="isDisabled"></jzx>
 			</el-tab-pane>
 			<el-tab-pane label="登记簿" name="djb"><djb v-if="djbVisible"></djb></el-tab-pane>
-			<el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible"></lshs></el-tab-pane>
+			<el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs></el-tab-pane>
 			<el-tab-pane label="附件材料" name="fjcl">
 				<fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane>
 		</el-tabs>
@@ -42,6 +42,7 @@ export default {
 			djbVisible:false,
 			lshsVisible:false,
 			fjclVisible:false,
+			type:'zd'
 		};
 	},
 	methods: {
--- a/src/views/zd/lshs/index.vue
View file @86190a7
+++ b/src/views/zd/lshs/index.vue
View file @86190a7
 <template>
  <div class="lshs-content">
-      <Lshs></Lshs>
+      <Lshs :type="type" :bsm="bsm"></Lshs>
  </div>
 </template>
@@ -11,7 +11,16 @@
 export default {
  name:"",
  components:{Lshs},
-  props:{},
+  props:{
+      bsm: {
+          type: String,
+          default: "",
+      },
+      type: {
+          type: String,
+          default: "",
+      },
+  },
  data(){
    return {
      data : {}
--- a/src/views/zrz/index.vue
View file @86190a7
+++ b/src/views/zrz/index.vue
View file @86190a7
@@ -5,7 +5,7 @@
 			<el-tab-pane label="业主共有" name="yzgy"><yzgy v-if="yzgyLoad"></yzgy></el-tab-pane>
 			<el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane>
 			<el-tab-pane label="楼盘表" name="lpb"><lpb v-if="lpbLoad"></lpb></el-tab-pane>
-			<el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane>
+			<el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible" :type="type" :bsm="$route.query.bsm"></lshs></el-tab-pane>
 			<el-tab-pane label="附件材料" name="fjcl"><fjcl ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane>
 		</el-tabs>
 	</div>
@@ -31,6 +31,8 @@ export default {
 			activeName: "zrzxx",
 			lpbLoad:false, //默认不加载楼盘表组件
 			yzgyLoad:false,
+			lshsVisible:false,
+			type:'zrz',
 		};
 	},
 	methods: {
@@ -52,6 +54,9 @@ export default {
 			if(!this.yzgyLoad){
 				this.yzgyLoad = tab.name == 'yzgy' ? true : false
 			}
+			if(tab.name === 'lshs'){
+				this.lshsVisible = true;
+			}
 		},
 	},
 	created() {},
--- a/src/views/zrz/lpb/bjlp/ljz/index.vue
View file @86190a7
+++ b/src/views/zrz/lpb/bjlp/ljz/index.vue
View file @86190a7
@@ -17,7 +17,7 @@
 					<tr height="30">
 						<td colspan="2" align="center">逻辑幢号</td>
 						<td colspan="4">
-							<el-input v-model="form.ljzh"></el-input>
+							<input class="formInput" ref="ljzh" @blur="inputBlur($event)" v-model="form.ljzh"></input>
 						</td>
 						<td colspan="2" align="center">自然幢号</td>
 						<td colspan="4">
@@ -27,7 +27,7 @@
 					<tr height="30">
 						<td colspan="2"  align="center">逻辑幢名称</td>
 						<td colspan="4">
-							<el-input v-model="form.ljzmc"></el-input>
+							<input class="formInput" ref="ljzmc" @blur="inputBlur($event)" v-model="form.ljzmc"></input>
 						</td>
 						<td colspan="2" align="center">建筑物状态</td>
 						<td colspan="4">
@@ -137,7 +137,7 @@
 						</td>
 						<td colspan="9">
 							<el-select-tree  style="width:100%"
-											 ref="yt"
+											 ref="fwjg"
 											 v-if="show"
 											 :default-expand-all="defaultExpandAll"
 											 :multiple="multiple"
@@ -214,6 +214,8 @@ export default {
 				label: 'mc'
 			},
+			rules:[],
 			form: {
 				zrzbsm: "",
 				ljzh: "", //逻辑幢号
@@ -253,6 +255,16 @@ export default {
 		};
 	},
 	methods: {
+		inputBlur(e){
+			if(e.target.value!=''){
+				e.target.style.border=""
+			}else{
+				e.target.style.border="1px solid red";
+				e.target.style.boxSizing = 'border-box';
+			}
+		},
 		addYtInfo() {
 			this.form.ytList.push({
 				glbsm: "",
@@ -330,8 +342,60 @@ export default {
 			}
 		},
 		onSave(data, bsm) {
+			this.rules=[
+				{
+					data:this.form.ljzh,
+					name:'自然幢号',
+					dom:this.$refs.ljzh,
+					rule: /^\s*$/g, //非空
+				},
+				{
+					data:this.form.ljzmc,
+					name:'不动产单元号',
+					dom:this.$refs.ljzmc,
+					rule: /^\s*$/g, //非空
+				},
+			];
+			this.form.ytList.forEach((item,index)=>{
+				this.rules.push(
+					{
+						data:item.fwytzdbsm,
+						name:'用途',
+						dom:this.$refs.yt[index],
+						rule: /^\s*$/g, //非空
+					},
+				)
+			});
+			this.form.fwjgList.forEach((item,index)=>{
+				this.rules.push(
+						{
+							data:item.fwjgzdbsm,
+							name:'房屋结构',
+							dom:this.$refs.fwjg[index],
+							rule: /^\s*$/g, //非空
+						},
+				)
+			});
 			//自然幢标识码
 			this.form.zrzbsm = bsm;
+			let flag = true;
+			this.rules.forEach(item=>{
+				if(item.rule.test(item.data) || item.data == null){
+					if(item.dom.$el){
+						item.dom.$el.style.border = '1px solid red';
+						item.dom.$el.style.boxSizing = 'border-box';
+					}else{
+						item.dom.style.border = '1px solid red';
+						item.dom.style.boxSizing = 'border-box';
+					}
+					flag = false;
+					return false
+				}
+			})
+			this.$nextTick(()=>{
+					if (flag && this.$refs.qlxzModule.getRulesResult()) {
 						if(this.ljzbsm == ''){
 							insertLjzInfo(this.form).then((res) => {
 								if (res.code === 200) {
@@ -354,6 +418,9 @@ export default {
 								}
 							})
 						}
+					}
+				})
 		},
 		onSubmit() {
 			// console.log(this.form);
@@ -411,6 +478,40 @@ export default {
 		this.form.zrzh = this.$store.state.zrzh;
 	},
 	watch:{
+		"form.ljzh":function (val) {
+			if (val != '') {
+				this.$refs.ljzh.style.border = '';
+			}
+		},
+		"form.ljzmc":function (val) {
+			if (val != '') {
+				this.$refs.ljzmc.style.border = '';
+			}
+		},
+		"form.ytList": {
+			handler : function (newVal, oldVal) {
+				newVal.forEach((item,ind)=>{
+					if(item.fwytzdbsm != ''){
+						this.$refs.yt[ind].$el.style.border=""
+					}
+				})
+			},
+			deep:true
+		},
+		"form.fwjgList": {
+			handler : function (newVal, oldVal) {
+				newVal.forEach((item,ind)=>{
+					if(item.fwjgzdbsm != ''){
+						this.$refs.fwjg[ind].$el.style.border=""
+					}
+				})
+			},
+			deep:true
+		},
 		ljzbsm: {
 			handler: function (item) {
 				console.log(item,'item');
@@ -453,6 +554,7 @@ export default {
 		//bgcolor:#F1F4FC;
 		background-color: #fff;
 		width: 8.33%;
+		height: 36px
 	}
 	.el-select {
--- a/src/views/zrz/lshs/index.vue
View file @86190a7
+++ b/src/views/zrz/lshs/index.vue
View file @86190a7
 <template>
-  <div class="">历史回溯</div>
+  <div class="">
+    <Lshs :type="type" :bsm="bsm"></Lshs>
+  </div>
 </template>
 <script>
+  import Lshs from '@components/lshs/index';
 export default {
  name:"",
-  components:{},
+  components:{Lshs},
-  props:{},
+  props:{
+    bsm: {
+      type: String,
+      default: "",
+    },
+    type: {
+      type: String,
+      default: "",
+    },
+  },
  data(){
    return {
    }