Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
64c9bee7 by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents 2074c7cd 8a1d878a
Inline Side-by-side
Showing 49 changed files with 1304 additions and 991 deletions
......@@ -71,12 +71,6 @@ export function leftMenubl (params) {
* @param {*} params
* @author: renchao
*/
// export function getQllxByBdcdyid (params) {
// return request({
// url: SERVER.SERVERAPI + '/rest/djbDetail/getQllxByBdcdyid?bdcdyid='+params,
// method: 'get',
// })
// }
export function getQllxByBdcdyid (params) {
return request({
url: SERVER.SERVERAPI + '/rest/djbDetail/getQllxByBdcdyid',
......
......@@ -120,7 +120,7 @@ export function down (index, data) {
*/
export function getIdCardInfo (level) {
const resultMap = {
A: '10 颗星',
A: '设备',
default: axios.post(Vue.prototype.BASE_API.IDCARDURL),
}
return resultMap[level] || resultMap.default
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-16 11:12:13
* @LastEditTime: 2023-06-21 16:35:04
-->
<template>
<div class="rlPopup">
......@@ -22,7 +22,7 @@
<!--缩略图-->
<div class="thumb-wrap">
<div class="thumb-wrap-button">
<el-button type="primary" @click="clickImage">（放大） 显示（缩小）</el-button>
<el-button type="primary" @click="clickImage" v-if="previewImg.imgList.length>0">（放大） 显示（缩小）</el-button>
<el-upload class="fileUpdate" ref="upload" action="" :show-file-list="false" :multiple="true" :auto-upload="false"
:on-change="handleChange"
accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload">
......@@ -30,9 +30,11 @@
</el-upload>
<el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete"
v-if="!this.$route.query.viewtype && thumbnailImages.length>0">删除</el-button>
<div v-if="!this.$route.query.viewtype" class="pl-5">
<el-button type="primary" @click="handleOpenScan">{{scanTitle}}</el-button>
<el-button type="primary" @click="handleViewScan" v-if="isScan">拍照</el-button>
</div>
</div>
<ul>
<li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }"
@click="showCurrent(index)">
......@@ -46,8 +48,8 @@
</div>
</template>
<script>
import { getAltimeterInfo } from '@/utils/operation.js'
import PhotoZoom from '@/components/PhotoZoom'
import { getAltimeterInfo, getUuid } from '@/utils/operation.js'
import { uploadSjClmx, deleteClmx } from "@/api/clxx.js";
import publicPicture from '@/components/publicPicture/index.vue'
export default {
......@@ -82,12 +84,16 @@
watch: {
previewImg: {
handler (newValue, oldValue) {
if (newValue.imgList.length > 0) {
if (newValue.imgList && newValue.imgList.length > 0) {
this.allLi = _.cloneDeep(newValue.imgList).map(item => item.fjurl)
this.thumbnailImages = newValue.imgList
} else {
this.allLi = []
this.thumbnailImages = []
}
},
deep: true
deep: true,
immediate: true
}
},
created () {
......@@ -145,8 +151,8 @@
return new Blob([u8arr], { type: mime });
}
function blobToFile (blob) {
const options = { type: blob.type };
const file = new File([blob], options);
let name = getUuid(8) + '.jpg'
const file = new File([blob], name);
return file;
}
getAltimeterInfo().then(res => {
......@@ -242,9 +248,11 @@
type: 'warning'
}).then(async () => {
let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
let bsmSj = this.previewImg.imgList[this.previewImg.index].bsmSj
this.previewImg.imgList = this.previewImg.imgList.filter(item => item.bsmClmx != bsmClmx)
deleteClmx(bsmClmx).then(res => {
if (res.code == 200) {
that.$emit('updateList', res.result)
that.$emit('updateList', { children: this.previewImg.imgList, bsmSj: bsmSj })
that.$message({
message: '删除成功!',
type: 'success'
......
......@@ -68,7 +68,6 @@ export function loadTreeData(qlxxData, bdcdyh) {
//获取权利类型、不动产单元类型对应的树形节点信息
export function getNode(qllx, qlxx, bdcdylx) {
console.log("qllx",qllx,"bdcdylx",bdcdylx);
let node;
for (var i = 0; i < qlxxPage.length; i++) {
if (qlxxPage[i].qllx == qllx) {
......
......@@ -30,12 +30,11 @@
:key="index"
>
<div>
<p>{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p>
<!-- <p class="title-detail">{{ item.zl }}</p> -->
<p v-if="item.operate=='D'">{{ item.qllxmc }} <span class="tpcolor">(删除)</span></p>
<p v-else >{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p>
</div>
<i
class="el-icon-delete"
v-if="supplementarylist.length > 1"
@click.stop="handleDel(item)"
></i>
</el-menu-item>
......@@ -106,32 +105,37 @@ export default {
},
mounted() {
this.loadBdcdylist();
this.getleftMenubl();
},
computed: {
...mapGetters(["isRefresh"]),
// ...mapGetters(["isRefresh"]),
},
watch: {
isRefresh: {
handler(newVal, oldVal) {
if (newVal) this.loadBdcdylist();
},
immediate: true,
},
// isRefresh: {
// handler(newVal, oldVal) {
// if (newVal) this.loadBdcdylist();
// },
// immediate: true,
// },
},
methods: {
//读取申请单元信息
loadBdcdylist() {
loadBdcdylist(add) {
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("bestepid", this.bestepid);
leftMenu(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.currentSelectProps = res.result[0];
console.log("this.currentSelectProps",this.currentSelectProps);
this.$emit("getCurrentSelectProps", this.currentSelectProps);
if(add){
this.$parent.getQllxByBdcdyid()
}
}
});
this.getleftMenubl();
},
// 获取右侧菜单
getleftMenubl(row) {
......@@ -140,14 +144,18 @@ export default {
if(row){
this.supplementarylist.forEach((item,index) => {
if(item.bsmRepair==row.bsmRepair){
this.activeIndex=index
this.activeIndex=index.toString()
// 补录成功后定位到该条记录
this.unitClick(index)
}
})
}
if(this.supplementarylist.length){
this.unitClick(0)
}else{
this.$emit("getCurrentSelectProps", this.currentSelectProps);
}
});
},
handleNodeClick(data, node, elem) {
this.$parent.loadComponent(this.currentSelectProps, data);
......@@ -161,14 +169,7 @@ export default {
//登记簿点击事件
djbClick() {
this.loadBdcdylist();
// this.$parent.getdjblist()
},
// 定位到该条补录记录
// orientation(){
// // this.activeIndex="2"
// this.unitClick(0)
// },
// 删除补录记录
handleDel(row) {
this.$confirm("此操作将永久删除该条补录记录, 是否继续?", "提示", {
......@@ -184,6 +185,11 @@ export default {
});
this.$nextTick(() => {
this.getleftMenubl();
this.blxxClick()
if(!this.supplementarylist.length){
getdjblist()
}
});
});
})
......@@ -196,7 +202,10 @@ export default {
},
//补录信息点击事件默认展示第一条补录记录
blxxClick() {
if(this.supplementarylist.length){
this.unitClick(0);
}
},
},
};
......@@ -261,6 +270,11 @@ export default {
}
.menus {
background-color: #e7f4fe;
div{
font-size: 16px;
font-weight: 600;
}
}
.blxx {
border: #b0d9f8 solid 1px;
......
......@@ -227,6 +227,16 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:tableData="ruleForm.tdxxList"
@upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype"
:gyfs="ruleForm.qlxx.gyfs"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
......@@ -244,22 +254,22 @@
</el-radio-group>
</el-form-item>
</el-col>
<!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.qlxx.sqfbcz">
<el-radio :label=1>是</el-radio>
<el-radio :label=0>否</el-radio>
</el-radio-group>
</el-form-item>
</el-col> -->
<!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col> -->
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrList"
......@@ -296,8 +306,9 @@ import { mapGetters } from "vuex";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
import { init } from "@/api/djbbl.js";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
components: { qlrCommonTable },
components: { qlrCommonTable,tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......@@ -316,7 +327,6 @@ export default {
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
......@@ -324,7 +334,9 @@ export default {
loadData() {
init(this.propsParam.bsmRepair).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm);
this.isShow = true;
// this.tableData = res.result;
// if (this.tableData.length < datas.columns().emptycolNum) {
......
......@@ -227,6 +227,16 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:tableData="ruleForm.tdxxList"
@upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype"
:gyfs="ruleForm.qlxx.gyfs"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
......@@ -244,22 +254,22 @@
</el-radio-group>
</el-form-item>
</el-col>
<!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.qlxx.sqfbcz">
<el-radio :label=1>是</el-radio>
<el-radio :label=0>否</el-radio>
</el-radio-group>
</el-form-item>
</el-col> -->
<!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col> -->
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrList"
......@@ -296,8 +306,9 @@ import { mapGetters } from "vuex";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
import { init } from "@/api/djbbl.js";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
components: { qlrCommonTable },
components: { qlrCommonTable,tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......@@ -316,15 +327,17 @@ export default {
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
methods: {
loadData() {
console.log("抵押权");
init(this.propsParam.bsmRepair).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm);
this.isShow = true;
// this.tableData = res.result;
// if (this.tableData.length < datas.columns().emptycolNum) {
......
......@@ -227,6 +227,16 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:tableData="ruleForm.tdxxList"
@upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype"
:gyfs="ruleForm.qlxx.gyfs"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
......@@ -244,22 +254,22 @@
</el-radio-group>
</el-form-item>
</el-col>
<!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.qlxx.sqfbcz">
<el-radio :label=1>是</el-radio>
<el-radio :label=0>否</el-radio>
</el-radio-group>
</el-form-item>
</el-col> -->
<!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col> -->
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrList"
......@@ -296,8 +306,9 @@ import { mapGetters } from "vuex";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
import { init } from "@/api/djbbl.js";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
components: { qlrCommonTable },
components: { qlrCommonTable,tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......@@ -316,7 +327,6 @@ export default {
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
......@@ -324,7 +334,9 @@ export default {
loadData() {
init(this.propsParam.bsmRepair).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm);
this.isShow = true;
// this.tableData = res.result;
// if (this.tableData.length < datas.columns().emptycolNum) {
......
......@@ -227,6 +227,16 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:tableData="ruleForm.tdxxList"
@upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype"
:gyfs="ruleForm.qlxx.gyfs"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
......@@ -244,22 +254,22 @@
</el-radio-group>
</el-form-item>
</el-col>
<!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.qlxx.sqfbcz">
<el-radio :label=1>是</el-radio>
<el-radio :label=0>否</el-radio>
</el-radio-group>
</el-form-item>
</el-col> -->
<!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col> -->
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrList"
......@@ -296,8 +306,9 @@ import { mapGetters } from "vuex";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
import { init } from "@/api/djbbl.js";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
components: { qlrCommonTable },
components: { qlrCommonTable,tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......@@ -316,14 +327,15 @@ export default {
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
methods: {
loadData() {
console.log("房地产权",this.propsParam);
init(this.propsParam.bsmRepair).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.isShow = true;
// this.tableData = res.result;
......
......@@ -227,6 +227,16 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:tableData="ruleForm.tdxxList"
@upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype"
:gyfs="ruleForm.qlxx.gyfs"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
......@@ -244,22 +254,22 @@
</el-radio-group>
</el-form-item>
</el-col>
<!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.qlxx.sqfbcz">
<el-radio :label=1>是</el-radio>
<el-radio :label=0>否</el-radio>
</el-radio-group>
</el-form-item>
</el-col> -->
<!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col> -->
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrList"
......@@ -296,8 +306,9 @@ import { mapGetters } from "vuex";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
import { init } from "@/api/djbbl.js";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
components: { qlrCommonTable },
components: { qlrCommonTable,tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......@@ -316,15 +327,17 @@ export default {
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
methods: {
loadData() {
console.log("建设用地使用权");
init(this.propsParam.bsmRepair).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm);
this.isShow = true;
// this.tableData = res.result;
// if (this.tableData.length < datas.columns().emptycolNum) {
......
......@@ -227,6 +227,16 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:tableData="ruleForm.tdxxList"
@upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype"
:gyfs="ruleForm.qlxx.gyfs"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
......@@ -244,22 +254,22 @@
</el-radio-group>
</el-form-item>
</el-col>
<!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.qlxx.sqfbcz">
<el-radio :label=1>是</el-radio>
<el-radio :label=0>否</el-radio>
</el-radio-group>
</el-form-item>
</el-col> -->
<!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col> -->
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrList"
......@@ -296,8 +306,9 @@ import { mapGetters } from "vuex";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
import { init } from "@/api/djbbl.js";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
components: { qlrCommonTable },
components: { qlrCommonTable,tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......@@ -316,7 +327,6 @@ export default {
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
......@@ -324,7 +334,9 @@ export default {
loadData() {
init(this.propsParam.bsmRepair).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm);
this.isShow = true;
// this.tableData = res.result;
// if (this.tableData.length < datas.columns().emptycolNum) {
......
......@@ -227,6 +227,16 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:tableData="ruleForm.tdxxList"
@upDateQlrxxList="upDateQlrxxList"
:viewtype="$route.query.viewtype"
:gyfs="ruleForm.qlxx.gyfs"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
......@@ -244,22 +254,22 @@
</el-radio-group>
</el-form-item>
</el-col>
<!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.qlxx.sqfbcz">
<el-radio :label=1>是</el-radio>
<el-radio :label=0>否</el-radio>
</el-radio-group>
</el-form-item>
</el-col> -->
<!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col> -->
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrList"
......@@ -296,8 +306,9 @@ import { mapGetters } from "vuex";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
import { init } from "@/api/djbbl.js";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
components: { qlrCommonTable },
components: { qlrCommonTable,tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......@@ -316,7 +327,6 @@ export default {
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
......@@ -324,7 +334,9 @@ export default {
loadData() {
init(this.propsParam.bsmRepair).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm);
this.isShow = true;
// this.tableData = res.result;
// if (this.tableData.length < datas.columns().emptycolNum) {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-25 08:59:02
-->
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="补录编号：">
<el-input disabled v-model="ruleForm.repair.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="补录人员：">
<el-input disabled v-model="ruleForm.repair.slry"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="补录时间：">
<el-input disabled v-model="ruleForm.repair.slsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
房地产权（独幢、层、套、间房屋）
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号：">
<el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务号：">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="上手业务号：">
<el-input v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房地坐落：">
<el-input v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="土地使用权人：">
<el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="独用土地面积：">
<el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="分摊土地面积：">
<el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="土地用途：">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="土地使用起始时间：">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="土地使用结束时间：">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="土地使用期限：">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房地产交易价格：">
<el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
<el-select v-model="ruleForm.fdcq2.jedw">
<el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="规划用途：">
<el-select v-model="ruleForm.fdcq2.ghyt">
<el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="批准用途：">
<el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="实际用途：">
<el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋性质：">
<el-select v-model="ruleForm.fdcq2.fwxz">
<el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋结构：">
<el-select v-model="ruleForm.fdcq2.fwjg">
<el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="所在层：">
<el-input v-model="ruleForm.fdcq2.szc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="总层数：">
<el-input v-model="ruleForm.fdcq2.zcs"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="建筑面积：">
<el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="专有建筑面积：">
<el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="分摊建筑面积：">
<el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="竣工时间：">
<el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产权证号：">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="区县代码：">
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记机构：">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登簿人：">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记时间：">
<el-input v-model="ruleForm.qlxx.djsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="登记原因：">
<el-input v-model="ruleForm.fdcq2.djyy"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="附记：">
<el-input v-model="ruleForm.fdcq2.fj"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式：">
<el-radio-group
:disabled="$route.query.viewtype == 0"
v-model="ruleForm.qlxx.gyqk"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
<el-radio label="3">其它共有</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.qlxx.sqfbcz">
<el-radio :label=1>是</el-radio>
<el-radio :label=0>否</el-radio>
</el-radio-group>
</el-form-item>
</el-col> -->
<!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col> -->
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrList"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:viewtype="$route.query.viewtype"
:gyfs="ruleForm.qlxx.gyfs"
/>
<div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<qlrCommonTable
v-if="ruleForm.ywrList"
:tableData="ruleForm.ywrList"
:key="key"
@upDateQlrxxList="upDateYwrxxList"
:viewtype="$route.query.viewtype"
/>
</div>
</div>
<el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
</el-row>
</el-form>
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
import { init } from "@/api/djbbl.js";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
export default {
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
//表单是否可操作
propsParam: this.$attrs,
ableOperation: true,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ruleForm: {},
//传递参数\
rules: {},
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
methods: {
loadData() {
init(this.propsParam.bsmRepair).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.isShow = true;
// this.tableData = res.result;
// if (this.tableData.length < datas.columns().emptycolNum) {
// this.emptycolNum =
// datas.columns().emptycolNum - this.tableData.length;
// } else {
// this.emptycolNum = 0;
// }
}
});
},
// 更新权利人信息
upDateQlrxxList(val) {
this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrList;
this.key++;
},
// 更新义务人信息
upDateYwrxxList(val) {
this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
this.key++;
},
onSubmit() {
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrList.length > 1) {
this.$message({
showClose: true,
message: "共有方式：单独所有，权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrList[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrList.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrList.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......@@ -4,7 +4,7 @@
* @LastEditTime: 2023-05-09 09:20:10
-->
<template>
<dialogBox title="新建材料信息1111" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
<dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
:isFullscreen="false">
<el-form :model="ruleForm" ref="ruleForm" label-width="70px">
<el-row>
......
......@@ -11,88 +11,77 @@
:visible.sync="dialogVisible"
custom-class="insetDialog"
append-to-body
width="20%"
width="60%"
>
<el-select v-model="qllxvalue" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<!-- <el-radio-group v-model="radio">
<el-radio :label="1">111</el-radio>
<el-radio :label="2">111</el-radio>
</el-radio-group> -->
<el-radio-group v-model="radio">
<el-radio-button
v-for="(value, key) in qllxlistdata"
:key="key"
:label="value"
></el-radio-button>
</el-radio-group>
<div class="btn">
<el-button type="primary" @click="handleSubmit">确定</el-button>
<el-button type="primary" @click="closeDialog">取消</el-button>
</div>
</el-dialog>
</template>
<script>
export default {
data () {
export default {
data() {
return {
dialogVisible:false,
options: [
{
value: "选项1",
label: "抵押权",
},
{
value: "选项2",
label: "地役权",
},
{
value: "选项3",
label: "预告登记",
},
{
value: "选项4",
label: "异议登记",
},
{
value: "选项5",
label: "查封登记",
},
],
qllxvalue: "",
radio:3,
qllxobj:{
qllx:"",
bsmQlxx
}
dialogVisible: false,
qllxlistdata: {},
radio: "",
qllx:""
};
},
methods: {
closeDialog () {
this.dialogVisible=false
closeDialog() {
this.dialogVisible = false;
},
handleSubmit () {
let qllxobj={
qllx:this.value,
bsmQlxx:this.value
handleSubmit() {
for (const key in this.qllxlistdata) {
if (this.qllxlistdata[key] === this.radio) {
this.qllx= key;
}
}
if(this.qllx){
let qllxobj = {
qllx:this.qllx,
bsmQlxx:""
};
this.$parent.addRepairRecord(qllxobj)
}else{
this.$message({
type: "warning",
message: "请选择权利类型!",
});
}
// this.$parent.addRepairRecord(qllxobj)
},
},
};
};
</script>
<style scoped lang="scss">
.qllxdialog{
.qllxdialog {
margin-top: 200px;
/deep/.el-dialog__body{
/deep/.el-dialog__body {
margin-top: 10px;
height: 100px;
// height: 100px;
padding: 30px;
}
.el-button{
.btn{
margin:30px;
text-align: center;
.el-button {
margin-top: 10px;
margin-left: 20px;
}
}
}
</style>
......
......@@ -25,7 +25,7 @@
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'">
<div class="setbut" v-if="item.prop == 'cz'&&item.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
</div>
......
......@@ -4,58 +4,10 @@
* @LastEditTime: 2023-05-29 14:39:11
*/
//流程环节操作按钮
export function getForm (tabName, djywbm) {
export function getForm(tabName) {
let form;
switch (tabName) {
// case "jsydsyqslxx100":
// form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue");
// break;
// case "jsydsyqslxx300":
// form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue");
// break;
// case "fwsyqslxx100":
// form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue");
// break;
// case "fwsyqslxx300":
// form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue");
// break;
// case "nydsyqslxx100":
// form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
// break;
// case "nydsyqslxx200":
// form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue");
// break;
// case "tdslxxCfdj":
// form = require("@/views/ywbl/slsqxx/cfdj/tdslxx.vue");
// break;
// case "plslxxCfdj":
// form = require("@/views/ywbl/slsqxx/cfdj/plcfslxx.vue");
// break;
// case "diyaqSlxx":
// form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue");
// break;
// case "ygmm100":
// form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue");
// break;
// case "ygmm300":
// form = require("@/views/ywbl/slsqxx/ygdj/slxx300.vue");
// break;
// case "ygdy100":
// case "ygdy300":
// form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue");
// break;
// case "zjgcdyqSlxx":
// form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
// break;
// case "szxx":
// form = require("@/views/djbworkflow/components/szxx.vue");
// break;
// case "fzxx":
// form = require("@/views/djbworkflow/components/fzxx.vue");
// break;
// case "zdt":
// form = require("@/views/djbworkflow/components/zdt.vue");
// break;
case "zdjbxx":
form = require("@/views/registerBook/zdjbxx.vue");
break;
......@@ -89,72 +41,33 @@ export function getForm (tabName, djywbm) {
case "yydj":
form = require("@/views/registerBook/yydj.vue");
break;
// // 宗地基本信息
// case "zdjbxx":
// form = require("@/views/djbworkflow/djbBook/zdjbxx.vue");
// break;
// // 查封登记
// case "cfdj":
// form = require("@/views/djbworkflow/djbBook/cfdj.vue");
// break;
// // 国有建设用地使用权
// case "jsydsyq":
// form = require("@/views/djbworkflow/djbBook/jsydsyq.vue");
// break;
// // 农用地使用权
// case "nydsyq":
// form = require("@/views/djbworkflow/djbBook/nydsyq.vue");
// break;
// // 房屋产权2
// case "fdcq2":
// form = require("@/views/djbworkflow/djbBook/fdcq2.vue");
// break;
// // 抵押权
// case "diyaq":
// form = require("@/views/djbworkflow/djbBook/diyaq.vue");
// break;
// // 预告登记
// case "ygdj":
// form = require("@/views/djbworkflow/djbBook/ygdj.vue");
// break;
// // 地役权
// case "diyiq":
// form = require("@/views/djbworkflow/djbBook/diyiq.vue");
// break;
// // 登记簿封面
// case "djbfm":
// form = require("@/views/djbworkflow/djbBook/djbfm.vue");
// break;
// // 异议登记
// case "yydj":
// form = require("@/views/djbworkflow/djbBook/yydj.vue");
// break;
// 受理信息
case "slxx":
form = require("@/views/djbworkflow/djbBook/components/blxxtabs/fwsyq/slxx.vue");
break;
// case "clxx":
// form = require("@/views/djbworkflow/djbBook/components/clxx.vue");
// break;
// case "spyj":
// form = require("@/views/djbworkflow/djbBook/components/spyj.vue");
// break;
// case "slxx":
// form = require("@/views/djbworkflow/djbBook/slxx.vue");
// break;
case "slxxjsydsyq":
form = require("@/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue");
break;
case "slxxfdcq":
form = require("@/views/djbworkflow/djbBook/components/blxxtabs/fdcq.vue");
break;
case "slxxdyaq":
form = require("@/views/djbworkflow/djbBook/components/blxxtabs/dyaq.vue");
break;
case "slxxygdj":
form = require("@/views/djbworkflow/djbBook/components/blxxtabs/ygdj.vue");
break;
case "slxxyydj":
form = require("@/views/djbworkflow/djbBook/components/blxxtabs/yydj.vue");
break;
case "slxxdyiq":
form = require("@/views/djbworkflow/djbBook/components/blxxtabs/dyiq.vue");
break;
case "slxxcfdj":
form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue");
break;
case "clxx":
form = require("@/views/djbworkflow/djbBook/clxx.vue");
break;
case "spyj":
form = require("@/views/djbworkflow/djbBook/spyj.vue");
break;
// case "clxx":
// form = require("@/views/djbworkflow/components/clxxUnify.vue");
// break;
// case "spyj":
// form = require("@/views/djbworkflow/components/spyj.vue");
// break;
default:
form = require("@/views/error-page/404.vue");
break;
......
......@@ -136,8 +136,10 @@ export default {
// break;
case "B5":
this.$refs.Menu.loadBdcdylist("add")
// this.$popupDialog("选择新增权力类型", "djbworkflow/djbBook/components/qllxcloseDailog", this.currentSelectProps, '50%', true)
this.$refs.qllxlist.dialogVisible=true
break;
case "B6":
//根据编号获取对应信息
......
......@@ -102,7 +102,7 @@
}
.animation-map-drawer {
width: 260px;
width: 290px;
height: calc(100% - 80px);
}
......
......@@ -63,7 +63,7 @@
</div>
</div>
<!-- 新增补录信息勾选权利类型 -->
<qllxDailog ref="qllxlist"/>
<qllxDailog ref="qllxlist" />
</div>
</template>
<style scoped lang="scss">
......@@ -73,9 +73,11 @@
<script>
import WorkFlow from "./mixin/index";
import { getForm } from "./flowform";
import { getStepFormInfo } from "@/api/fqsq.js"
import NoticeBar from "@/components/NoticeBar/index";
import ProcessViewer from "./components/processViewer.vue";
// 引入左侧菜单
import { leftMenubl } from "@/api/djbbl.js";
import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
import qllxDailog from "./djbBook/components/qllxDailog";
import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
......@@ -109,46 +111,81 @@ export default {
tabName: "",
// 弹框显示
dialogVisible: true,
// 权利类型数组
qllxlist: [],
//表单集合
tabList: [],
//选择加载哪一个组件
componentTag: "",
//设置表单传递数据
currentSelectProps: {},
// 首次拿到的业务信息
oneSelectProps:{},
//材料信息选择卡索引
clxxIndex: "",
//材料信息选项卡对象
clxxTab: {},
oneget:true,
//页面监听时间
_beforeUnload_time: "",
treedata: {},
tabdata: [],
defaultNode: {},
};
},
mounted() {},
mounted() {
// this.getleftMenubl()
},
methods: {
stepForm (qllx) {
this.oneSelectProps.qllx=qllx
if(this.$refs.Menu.supplementarylist.length){
getStepFormInfo(this.oneSelectProps).then((res) => {
this.$nextTick(function () {
this.tabList=res.result
this.tabName =this.tabList[0].value;
this.getFromRouter(this.tabName)
});
})
}
},
// 获取右侧菜单
// getleftMenubl() {
// leftMenubl(this.bsmSlsq).then((res) => {
// this.supplementarylist = res.result;
// })
// },
getQllxByBdcdyid() {
if(this.currentSelectProps.bdcdyid){
getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then(
(res) => {
if (res.code === 200) {
console.log("Qllxlist", res);
this.$refs.qllxlist.qllxlistdata = res.result;
this.$refs.qllxlist.dialogVisible = true;
}
}
);
}
},
// 获取右侧选项卡
getCurrentSelectProps(val) {
if(val.bdcdyid){
this.oneSelectProps = val;
}
this.currentSelectProps = val;
if (this.currentSelectProps.bsmRepair) {
this.tabset(val);
} else {
this.stepForm (this.currentSelectProps.qllx)
} else if(!this.oneget){
this.getdjblist();
}
if(this.oneget){
this.oneget=false
this.stepForm (this.currentSelectProps.qllx)
}
},
// 获取渲染登记簿列表
getdjblist() {
......@@ -162,14 +199,9 @@ export default {
this.defaultNode = getNode(
this.currentSelectProps.qllx,
{ linShi: 0, xianShi: 0, liShi: 0 },
""
);
this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
});
}
});
setTimeout(() => {
let settree = JSON.parse(JSON.stringify(this.treedata));
this.tabdata = [
...settree,
......@@ -180,74 +212,58 @@ export default {
arr[index].value = item.id;
});
this.tabList = this.tabdata;
this.getQllxByBdcdyid();
}, 200);
},
tabset(val) {
this.tabName = "";
this.tabList = [
{
name: val.qllxmc + "补录信息",
value: "slxx",
sort: 1,
},
{
name: "审批意见",
value: "spyj",
sort: 2,
},
{
name: "材料信息",
value: "clxx",
sort: 2,
},
];
this.$nextTick(function () {
this.tabName = "slxx";
}
});
},
//右侧表单选项卡事件
beforeLeave(activeName, oldActiveName) {
beforeLeave(activeName) {
if (activeName && activeName != 0) this.getFromRouter(activeName);
},
//切换选项卡内容组件
getFromRouter(tabname) {
for (let item of this.tabList) {
if (item.value === tabname) {
this.currentSelectTab = item;
break;
}
}
this.componentTag = getForm(tabname, this.$route.query.sqywbm);
this.componentTag = getForm(tabname);
},
// 增加补录记录
addRepairRecord(row) {
addRepairRecord(row,del) {
let from = {
bsmQlxx: "",
bsmSlsq: this.bsmSlsq,
bsmSldy: this.currentSelectProps.bsmSldy,
operate: "C",
qllx: this.currentSelectProps.qllx,
qllx: "",
};
if (row) {
from.bsmQlxx = row.bsmQlxx;
from.operate = "U";
if(del){
from.operate = del;
}else{
from.operate = row.bsmQlxx ? "U" : "C";
}
from.qllx = row.qllx;
}
addRepairRecord(from).then((res) => {
if(res.code=='200'){
this.$refs.qllxlist.dialogVisible = false;
this.$nextTick(() => {
this.$refs.Menu.getleftMenubl(res.result);
this.$message({
type: "success",
message: "补录成功!",
});
});
},
}else{
this.$alert(res.message, '提示', {
confirmButtonText: '确定',
type: 'warning'
});
}
}).catch((res) => {
console.log("错",res);
});;
},
},
};
</script>
<style scoped lang="scss">
</style>
<style scoped lang="scss"></style>
......
<?xml version="1.0" encoding="UTF-8"?>
<svg width="291px" height="187px" viewBox="0 0 291 187" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>插画</title>
<defs>
<polygon id="path-1" points="165.421876 0.0535247456 0.11391966 65.7154349 91.8240323 119.811619 225.272968 94.6683222"></polygon>
<polygon id="path-3" points="0 33.8683657 47.5987842 33.8683657 47.5987842 2.7460837 0 2.7460837"></polygon>
<filter x="-5.3%" y="-8.0%" width="114.7%" height="122.5%" filterUnits="objectBoundingBox" id="filter-4">
<feOffset dx="1" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0.42714892 0 0 0 0 0.471950029 0 0 0 0 0.537492393 0 0 0 0.6 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
</defs>
<g id="页面-3.0（z）" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="不动产登记系统-登录页" transform="translate(-580.000000, -473.000000)">
<g id="插画" transform="translate(579.154718, 473.000000)">
<g id="编组-3" transform="translate(1.000000, 22.396080)">
<g id="编组" transform="translate(122.354836, 60.000000) scale(-1, 1) translate(-122.354836, -60.000000) translate(9.354836, -0.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-2"></g>
</g>
<path d="M79.174377,79.2324998 C75.0698058,79.2324998 69.6508612,74.5820983 69.377695,70.5190459 C69.0398717,65.4921336 71.7424575,65.1569935 72.5870155,61.9731621 C73.7079918,57.7474738 71.5735459,42.5356033 74.2761316,38.5139216 C76.6407029,34.4924297 82.0458744,29.1301874 89.1399707,29.1301874 C96.234067,29.1301874 106.030749,31.4761684 108.733144,41.5301829 C110.760083,48.567936 107.700162,57.3047321 111.773552,60.6326016 C111.83094,60.6796654 111.882972,60.7329918 111.944186,60.7737931 C118.023091,64.8218533 116.333975,73.8704473 107.21313,76.2162385 L79.174377,79.2324998 Z" id="Fill-3" fill="#35394D" transform="translate(92.440521, 54.181344) scale(-1, 1) translate(-92.440521, -54.181344) "></path>
<g id="编组" transform="translate(121.533937, 88.283131) scale(-1, 1) translate(-121.533937, -88.283131) translate(54.033937, 39.283131)">
<path d="M132.310453,52.6843717 C133.323923,59.7221249 137.715433,92.5650995 132.310453,95.2462207 C126.905473,97.927152 119.473553,97.927152 108.663402,97.927152 L88.9013173,97.927152 L88.9013173,89.8002883 L88.9013173,89.3812682 L103.765156,87.3706171 L103.765156,38.4412953 L103.765156,36.6316144 C108.396548,37.579913 111.365987,36.5980245 111.365987,36.5980245 C111.365987,36.5980245 130.283514,41.6249368 132.310453,52.6843717" id="Fill-5" fill="#2966BB"></path>
<path d="M103.76508,38.4412573 L103.76508,87.3705792 L88.9012408,89.38142 C88.9012408,89.38142 88.3776722,89.311014 87.5499479,89.2037919 L87.5499479,39.5036098 L87.5499479,38.7596974 L95.3770785,56.5517295 L103.76508,38.4412573 Z" id="Fill-7" fill="#FFFFFF"></path>
<path d="M103.76508,36.6315385 L103.76508,38.4412193 L95.3196906,51.8464454 L87.5499479,37.7709391 L87.5499479,35.5927179 L87.5465046,35.5625439 C88.0161286,35.49878 88.4687276,35.4519059 88.9012408,35.4251479 L88.9012408,28.1224708 C88.9012408,28.1224708 94.8028173,29.0609011 97.5966497,24.5332831 C97.0290838,29.144781 97.8837803,34.8552578 103.596168,36.5979486 C103.653556,36.6114225 103.707692,36.6214805 103.76508,36.6315385" id="Fill-9" fill="#FFCBBD"></path>
<polygon id="Fill-11" fill="#FFFFFF" points="103.76508 38.4412573 95.3770785 56.5517295 87.5499479 38.7596974 87.5499479 37.770977 95.3196906 51.8464834"></polygon>
<path d="M98.1911306,8.1118147 C102.245009,9.7875154 100.893716,15.8198482 99.2046003,18.8361094 C98.6135053,19.8916301 97.9005567,22.0533409 97.5965923,24.533302 C94.8027599,29.0609201 88.9011834,28.1224897 88.9011834,28.1224897 L88.9011834,28.0520837 C88.9011834,28.0520837 79.7801478,26.3765728 79.7801478,17.6631189 L79.7801478,10.0924815 C79.7801478,7.74650056 80.9085844,5.5246315 82.8509723,4.18407094 C84.2663483,3.20882452 85.8844947,1.83144788 87.0431557,0.0686411035 C87.0431557,0.0686411035 89.4079182,4.42527316 98.1911306,8.1118147" id="Fill-13" fill="#FFD4C6"></path>
<path d="M87.549967,89.203716 C88.3776913,89.3109381 88.9012599,89.3813441 88.9012599,89.3813441 L88.9012599,89.8001744 L88.9012599,97.9272279 L72.5172164,97.9272279 L70.3213654,97.9272279 C70.3213654,97.9272279 68.9700726,96.7542374 69.9835422,95.4136769 C69.3078958,94.7433966 68.9700726,93.0676959 69.9835422,92.0624652 C69.9835422,92.0624652 76.0641689,88.0407835 77.4154617,88.0407835 C78.459347,88.0407835 84.7461873,88.8418178 87.549967,89.203716" id="Fill-15" fill="#FFCBBD"></path>
<path d="M87.549967,39.5036288 L87.549967,89.2036211 C84.7461873,88.8417229 78.459347,88.0408784 77.4154617,88.0408784 C76.0641689,88.0408784 69.9835422,92.0623703 69.9835422,92.0623703 L69.9835422,79.6625647 L62.8894459,96.084052 C62.8894459,96.084052 62.2137995,97.759563 59.8490369,97.759563 L18.9735752,97.759563 L18.9735752,90.3866696 L52.4171174,85.3597573 L64.2407388,46.81959 C64.2407388,46.81959 65.9298549,43.1330485 70.3213654,41.1223974 C74.3616623,39.2722948 82.1247098,36.2863973 87.5465237,35.5624111 L87.549967,35.5925851 L87.549967,37.770996 L87.549967,38.7597163 L87.549967,39.5036288 Z" id="Fill-17" fill="#2966BB"></path>
<path d="M18.9734987,90.3867266 L18.9734987,97.7596199 L0.0557810026,97.7596199 L0.0557810026,93.0678477 C0.0557810026,93.0678477 6.13659894,89.046166 7.48770053,89.046166 C8.8389934,89.046166 18.9734987,90.3867266 18.9734987,90.3867266" id="Fill-19" fill="#FFCBBD"></path>
</g>
<line x1="112.631906" y1="134.696846" x2="119.050356" y2="131.010304" id="Stroke-21" stroke="#E59A88" transform="translate(115.841131, 132.853575) scale(-1, 1) translate(-115.841131, -132.853575) "></line>
<line x1="112.631964" y1="137.21034" x2="116.516739" y2="134.696789" id="Stroke-23" stroke="#E59A88" transform="translate(114.574352, 135.953564) scale(-1, 1) translate(-114.574352, -135.953564) "></line>
<path d="M99.6394358,39.351772 C99.6394358,39.351772 99.3016125,43.0383135 102.004198,45.0489646" id="Stroke-25" stroke="#35394D" transform="translate(100.815061, 42.200368) scale(-1, 1) translate(-100.815061, -42.200368) "></path>
<path d="M103.024424,39.1842019 C103.024424,39.1842019 101.673132,42.2004631 102.348778,44.2111142" id="Stroke-27" stroke="#35394D" transform="translate(102.592011, 41.697658) scale(-1, 1) translate(-102.592011, -41.697658) "></path>
<polygon id="Fill-29" fill="#74A3F5" transform="translate(189.991549, 88.448425) scale(-1, 1) translate(-189.991549, -88.448425) " points="144.21765 119.448425 235.765447 119.448425 235.765447 57.4484247 144.21765 57.4484247"></polygon>
<polygon id="Fill-31" fill="#74A3F5" transform="translate(190.160365, 126.132632) scale(-1, 1) translate(-190.160365, -126.132632) " points="185.768759 132.817029 194.551971 132.817029 194.551971 119.448235 185.768759 119.448235"></polygon>
<polygon id="Fill-32" fill="#568AE4" transform="translate(190.160365, 120.827963) scale(-1, 1) translate(-190.160365, -120.827963) " points="185.768759 122.207691 194.551971 122.207691 194.551971 119.448235 185.768759 119.448235"></polygon>
<polygon id="Fill-33" fill="#74A3F5" transform="translate(190.836107, 134.361687) scale(-1, 1) translate(-190.836107, -134.361687) " points="167.864702 137.545423 213.807512 137.545423 213.807512 131.17795 167.864702 131.17795"></polygon>
<polyline id="Stroke-36" stroke="#22487E" transform="translate(74.808991, 113.171557) scale(-1, 1) translate(-74.808991, -113.171557) " points="64.4932836 126.667654 83.7735965 123.804981 85.1246981 99.6754601"></polyline>
<line x1="119.219268" y1="118.778069" x2="119.219268" y2="99.6754601" id="Stroke-37" stroke="#22487E" transform="translate(119.219268, 109.226764) scale(-1, 1) translate(-119.219268, -109.226764) "></line>
<path d="M197.533653,88.1350726 C197.533653,92.2673923 194.156951,95.6172755 189.991549,95.6172755 C185.826146,95.6172755 182.449445,92.2673923 182.449445,88.1350726 C182.449445,84.0027529 185.826146,80.6528697 189.991549,80.6528697 C194.156951,80.6528697 197.533653,84.0027529 197.533653,88.1350726 Z" id="Stroke-38" stroke="#FFFFFF" stroke-width="6" transform="translate(189.991549, 88.135073) scale(-1, 1) translate(-189.991549, -88.135073) "></path>
<path d="M97.936998,60.4650884 L102.666332,60.4650884 C102.666332,60.4650884 101.990685,62.4759293 100.301761,62.4759293 C98.6126445,62.4759293 97.936998,60.4650884 97.936998,60.4650884" id="Fill-39" fill="#DE5B39" transform="translate(100.301665, 61.470509) scale(-1, 1) translate(-100.301665, -61.470509) "></path>
<path d="M106.720153,52.0867937 C106.720153,52.6420711 106.266406,53.0922141 105.706683,53.0922141 C105.14696,53.0922141 104.693214,52.6420711 104.693214,52.0867937 C104.693214,51.5315162 105.14696,51.0813732 105.706683,51.0813732 C106.266406,51.0813732 106.720153,51.5315162 106.720153,52.0867937" id="Fill-41" fill="#35394D" transform="translate(105.706683, 52.086794) scale(-1, 1) translate(-105.706683, -52.086794) "></path>
<path d="M97.5991557,52.0867937 C97.5991557,52.6420711 97.145409,53.0922141 96.585686,53.0922141 C96.0259631,53.0922141 95.5722164,52.6420711 95.5722164,52.0867937 C95.5722164,51.5315162 96.0259631,51.0813732 96.585686,51.0813732 C97.145409,51.0813732 97.5991557,51.5315162 97.5991557,52.0867937" id="Fill-42" fill="#35394D" transform="translate(96.585686, 52.086794) scale(-1, 1) translate(-96.585686, -52.086794) "></path>
<path d="M95.9099248,56.2759315 C95.9099248,57.479096 94.9268707,58.4543425 93.7140739,58.4543425 C92.5014683,58.4543425 91.5184142,57.479096 91.5184142,56.2759315 C91.5184142,55.0727671 92.5014683,54.0975206 93.7140739,54.0975206 C94.9268707,54.0975206 95.9099248,55.0727671 95.9099248,56.2759315" id="Fill-43" fill="#FFB2AA" transform="translate(93.714170, 56.275932) scale(-1, 1) translate(-93.714170, -56.275932) "></path>
<path d="M109.084724,56.2759315 C109.084724,57.479096 108.10167,58.4543425 106.888873,58.4543425 C105.676268,58.4543425 104.693214,57.479096 104.693214,56.2759315 C104.693214,55.0727671 105.676268,54.0975206 106.888873,54.0975206 C108.10167,54.0975206 109.084724,55.0727671 109.084724,56.2759315" id="Fill-44" fill="#FFB2AA" transform="translate(106.888969, 56.275932) scale(-1, 1) translate(-106.888969, -56.275932) "></path>
<path d="M5.2360686,147.264297 C2.3442942,147.264297 0,144.938622 0,142.069815 C0,139.200818 2.3442942,136.875143 5.2360686,136.875143 L284.609175,136.875143 C287.50095,136.875143 289.845244,139.200818 289.845244,142.069815 C289.845244,144.938622 287.50095,147.264297 284.609175,147.264297 L5.2360686,147.264297 Z" id="Fill-47" fill="#588EED" transform="translate(144.922622, 142.069720) scale(-1, 1) translate(-144.922622, -142.069720) "></path>
<polygon id="Fill-48" fill="#A5C8FB" transform="translate(144.922565, 155.614335) scale(-1, 1) translate(-144.922565, -155.614335) " points="11.782723 163.964372 278.062406 163.964372 278.062406 147.264297 11.782723 147.264297"></polygon>
<polygon id="Fill-49" fill="#22487E" transform="translate(144.922565, 148.213165) scale(-1, 1) translate(-144.922565, -148.213165) " points="11.782723 149.162033 278.062406 149.162033 278.062406 147.264297 11.782723 147.264297"></polygon>
<polygon id="Fill-50" fill="#F3B385" transform="translate(34.450929, 131.038656) scale(-1, 1) translate(-34.450929, -131.038656) " points="28.616496 136.82675 40.2853615 136.82675 40.2853615 125.250562 28.616496 125.250562"></polygon>
<path d="M31.1990073,131.22843 C31.1990073,132.695759 29.9999835,133.88526 28.520907,133.88526 C27.0418305,133.88526 25.8428067,132.695759 25.8428067,131.22843 C25.8428067,129.761101 27.0418305,128.5716 28.520907,128.5716 C29.9999835,128.5716 31.1990073,129.761101 31.1990073,131.22843 Z" id="Stroke-51" stroke="#F3B385" stroke-width="3" transform="translate(28.520907, 131.228430) scale(-1, 1) translate(-28.520907, -131.228430) "></path>
<path d="M37.8750257,116.315725 C37.8750257,116.315725 36.7285289,116.937579 36.7285289,117.974003 C36.7285289,119.010426 38.5756626,119.582016 38.5756626,121.240293 C38.5756626,122.898571 37.3654716,123.674275 37.3654716,123.674275" id="Stroke-52" stroke="#FBE1CE" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" transform="translate(37.652096, 119.995000) scale(-1, 1) translate(-37.652096, -119.995000) "></path>
<path d="M35.1043251,116.315725 C35.1043251,116.315725 33.9578282,116.937579 33.9578282,117.974003 C33.9578282,119.010426 35.804962,119.582016 35.804962,121.240293 C35.804962,122.898571 34.5947709,123.674275 34.5947709,123.674275" id="Stroke-53" stroke="#FBE1CE" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" transform="translate(34.881395, 119.995000) scale(-1, 1) translate(-34.881395, -119.995000) "></path>
<path d="M32.3336244,116.315725 C32.3336244,116.315725 31.1871276,116.937579 31.1871276,117.974003 C31.1871276,119.010426 33.0342614,119.582016 33.0342614,121.240293 C33.0342614,122.898571 31.8240703,123.674275 31.8240703,123.674275" id="Stroke-54" stroke="#FBE1CE" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" transform="translate(32.110694, 119.995000) scale(-1, 1) translate(-32.110694, -119.995000) "></path>
<g id="编组" transform="translate(239.969396, 130.657112) scale(-1, 1) translate(-239.969396, -130.657112) translate(227.114786, 123.972715)">
<polygon id="Fill-1" fill="#FBFDFC" points="1.37727964 12.8913374 21.577381 12.8913374 21.577381 6.20694022 1.37727964 6.20694022"></polygon>
<polygon id="Fill-2" fill="#E69DB1" points="0.459093212 9.07168186 23.4137538 9.07168186 23.4137538 6.20694022 0.459093212 6.20694022"></polygon>
<polygon id="Fill-3" fill="#E69DB1" points="0.459093212 12.8913374 23.4137538 12.8913374 23.4137538 10.9815096 0.459093212 10.9815096"></polygon>
<polygon id="Fill-4" fill="#E69DB1" points="21.577381 12.8913374 24.3319402 12.8913374 24.3319402 6.20694022 21.577381 6.20694022"></polygon>
<polygon id="Fill-5" fill="#FBFDFC" points="3.21365248 7.1618541 23.4137538 7.1618541 23.4137538 0.47745694 3.21365248 0.47745694"></polygon>
<polygon id="Fill-6" fill="#35B4B3" points="2.29546606 2.3872847 25.2501266 2.3872847 25.2501266 0.47745694 2.29546606 0.47745694"></polygon>
<polygon id="Fill-7" fill="#35B4B3" points="2.29546606 6.20694022 25.2501266 6.20694022 25.2501266 4.29711246 2.29546606 4.29711246"></polygon>
<polygon id="Fill-8" fill="#35B4B3" points="22.4955674 7.1618541 25.2501266 7.1618541 25.2501266 0.47745694 22.4955674 0.47745694"></polygon>
</g>
<polyline id="Stroke-34" stroke="#22487E" transform="translate(78.778238, 96.164154) scale(-1, 1) translate(-78.778238, -96.164154) " points="84.8452823 77.7243882 76.5264269 94.6039204 83.5950898 98.6143082 72.7111938 114.60392"></polyline>
<polyline id="Stroke-35" stroke="#22487E" transform="translate(107.845282, 96.603920) scale(-1, 1) translate(-107.845282, -96.603920) " points="101.845282 78.6039204 110.535531 94.6039204 102.787362 98.6873552 113.845282 114.60392"></polyline>
<polygon id="路径-4" fill="#E59A88" points="101.004198 52.7743007 100.004198 58.7743007 101.004198 58.7743007 102.004198 58.7743007"></polygon>
</g>
<g id="编组-6" transform="translate(189.582871, 0.000000)">
<polygon id="Fill-1" fill="#A7BFEA" transform="translate(41.869301, 33.105959) scale(-1, 1) translate(-41.869301, -33.105959) " points="-1.94891722e-13 -2.43614652e-14 -1.94891722e-13 55.5389253 57.0681632 55.5389253 71.8859026 66.2119177 70.6510133 55.5389253 83.7386018 55.5389253 83.7386018 -2.43614652e-14"></polygon>
<polygon id="路径-5" fill="#91AEE1" points="0 55.5389253 0 0 83.7386018 0"></polygon>
<g id="编组-2" transform="translate(7.051672, 5.288754)">
<polygon id="Fill-18备份" fill="#FFFFFF" transform="translate(22.036474, 16.951134) scale(-1, 1) translate(-22.036474, -16.951134) " points="0 31.3595978 44.0729483 31.3595978 44.0729483 2.5426701 0 2.5426701"></polygon>
<path d="M42.0050386,3.79022679 L42.0050386,30.1120412 L2.12231703,30.1120412 L2.12231703,3.79022679 L42.0050386,3.79022679 Z" id="Stroke-19备份" stroke="#6F98D3" stroke-width="0.8" transform="translate(22.063678, 16.951134) scale(-1, 1) translate(-22.063678, -16.951134) "></path>
<polygon id="Fill-20备份" fill="#558BDA" transform="translate(22.036474, 1.271335) scale(-1, 1) translate(-22.036474, -1.271335) " points="0 2.5426701 44.0729483 2.5426701 44.0729483 0 0 0"></polygon>
<path d="M9.58467738,1.15498259 C9.58467738,1.62303957 9.20517766,2.00253929 8.73712068,2.00253929 C8.26884396,2.00253929 7.88956398,1.62303957 7.88956398,1.15498259 C7.88956398,0.686925612 8.26884396,0.307425892 8.73712068,0.307425892 C9.20517766,0.307425892 9.58467738,0.686925612 9.58467738,1.15498259" id="Fill-21备份" fill="#DEB22F" transform="translate(8.737121, 1.154983) scale(-1, 1) translate(-8.737121, -1.154983) "></path>
<path d="M6.42887224,1.15498259 C6.42887224,1.62303957 6.04937252,2.00253929 5.58131554,2.00253929 C5.11303882,2.00253929 4.73375884,1.62303957 4.73375884,1.15498259 C4.73375884,0.686925612 5.11303882,0.307425892 5.58131554,0.307425892 C6.04937252,0.307425892 6.42887224,0.686925612 6.42887224,1.15498259" id="Fill-22备份" fill="#3CBC77" transform="translate(5.581316, 1.154983) scale(-1, 1) translate(-5.581316, -1.154983) "></path>
<path d="M2.42548995,2.00253929 C1.95721323,2.00253929 1.57793325,1.62303957 1.57793325,1.15498259 C1.57793325,0.686925612 1.95721323,0.307425892 2.42548995,0.307425892 C2.89354693,0.307425892 3.27304665,0.686925612 3.27304665,1.15498259 C3.27304665,1.62303957 2.89354693,2.00253929 2.42548995,2.00253929 Z" id="Fill-23备份" fill="#E89585" transform="translate(2.425490, 1.154983) scale(-1, 1) translate(-2.425490, -1.154983) "></path>
<polygon id="Fill-26备份-9" fill="#CBD3DF" transform="translate(22.036474, 13.328202) scale(-1, 1) translate(-22.036474, -13.328202) " points="5.08534019 13.943054 38.9876081 13.943054 38.9876081 12.7133505 5.08534019 12.7133505"></polygon>
<polygon id="Fill-26备份-10" fill="#CBD3DF" transform="translate(13.984686, 16.718429) scale(-1, 1) translate(-13.984686, -16.718429) " points="5.08534019 17.3332808 22.8840309 17.3332808 22.8840309 16.1035773 5.08534019 16.1035773"></polygon>
<polygon id="Fill-26备份-11" fill="#CBD3DF" transform="translate(27.969371, 16.718429) scale(-1, 1) translate(-27.969371, -16.718429) " points="24.5791443 17.3332808 31.3595978 17.3332808 31.3595978 16.1035773 24.5791443 16.1035773"></polygon>
<polygon id="Fill-26备份-12" fill="#CBD3DF" transform="translate(16.951134, 20.108656) scale(-1, 1) translate(-16.951134, -20.108656) " points="5.08534019 20.7235076 28.8169278 20.7235076 28.8169278 19.4938041 5.08534019 19.4938041"></polygon>
<polygon id="Fill-26备份-13" fill="#CBD3DF" transform="translate(8.899345, 23.498883) scale(-1, 1) translate(-8.899345, -23.498883) " points="5.08534019 24.1137344 12.7133505 24.1137344 12.7133505 22.8840309 5.08534019 22.8840309"></polygon>
<polygon id="Fill-26备份-14" fill="#CBD3DF" transform="translate(18.222469, 23.498883) scale(-1, 1) translate(-18.222469, -23.498883) " points="14.4084639 24.1137344 22.0364742 24.1137344 22.0364742 22.8840309 14.4084639 22.8840309"></polygon>
<polygon id="Fill-26备份-15" fill="#CBD3DF" transform="translate(27.545593, 23.498883) scale(-1, 1) translate(-27.545593, -23.498883) " points="23.7315876 24.1137344 31.3595978 24.1137344 31.3595978 22.8840309 23.7315876 22.8840309"></polygon>
<polygon id="Fill-26备份-16" fill="#CBD3DF" transform="translate(36.021160, 23.498883) scale(-1, 1) translate(-36.021160, -23.498883) " points="33.0547112 24.1137344 38.9876081 24.1137344 38.9876081 22.8840309 33.0547112 22.8840309"></polygon>
<polygon id="Fill-26备份-17" fill="#CBD3DF" transform="translate(19.070026, 26.889109) scale(-1, 1) translate(-19.070026, -26.889109) " points="5.08534019 27.5039612 33.0547112 27.5039612 33.0547112 26.2742577 5.08534019 26.2742577"></polygon>
<path d="M5.64534019,10.5636069 C5.79200686,10.2869402 5.90617353,10.0336069 5.98784019,9.80360686 C6.06950686,9.57360686 6.13034019,9.3119402 6.17034019,9.01860686 C6.21034019,8.72527353 6.23034019,8.3619402 6.23034019,7.92860686 L6.23034019,7.92860686 L6.23034019,7.70860686 L9.42534019,7.70860686 L9.42534019,6.48360686 L7.94034019,6.48360686 L7.94034019,6.48360686 L7.89154019,6.33640686 C7.86074019,6.24920686 7.82034019,6.14160686 7.77034019,6.01360686 L7.77034019,6.01360686 L7.33034019,6.09860686 C7.37367353,6.2119402 7.41700686,6.34027353 7.46034019,6.48360686 L7.46034019,6.48360686 L5.76534019,6.48360686 L5.76534019,8.02360686 C5.76534019,8.39360686 5.74784019,8.70360686 5.71284019,8.95360686 C5.67784019,9.20360686 5.62200686,9.43360686 5.54534019,9.64360686 C5.46867353,9.85360686 5.35700686,10.0952735 5.21034019,10.3686069 L5.21034019,10.3686069 L5.64534019,10.5636069 Z M8.98034019,7.31860686 L6.23034019,7.31860686 L6.23034019,6.89860686 L8.98034019,6.89860686 L8.98034019,7.31860686 Z M6.33534019,10.6286069 C6.66200686,10.4152735 6.90117353,10.2161069 7.05284019,10.0311069 C7.20450686,9.84610686 7.30867353,9.62860686 7.36534019,9.37860686 L7.36534019,9.37860686 L8.79534019,9.37860686 C8.78534019,9.42860686 8.77367353,9.52860686 8.76034019,9.67860686 L8.76034019,9.67860686 L8.74534019,9.79860686 C8.73534019,9.8819402 8.71867353,9.94277353 8.69534019,9.98110686 C8.67200686,10.0194402 8.63284019,10.0461069 8.57784019,10.0611069 C8.52284019,10.0761069 8.43867353,10.0869402 8.32534019,10.0936069 L8.32534019,10.0936069 L7.93534019,10.1136069 L8.07034019,10.5136069 L8.42534019,10.4886069 C8.60867353,10.4786069 8.75200686,10.4552735 8.85534019,10.4186069 C8.95867353,10.3819402 9.03450686,10.3252735 9.08284019,10.2486069 C9.13117353,10.1719402 9.16200686,10.0636069 9.17534019,9.92360686 C9.18867353,9.7969402 9.20450686,9.6269402 9.22284019,9.41360686 C9.24117353,9.20027353 9.25034019,9.0569402 9.25034019,8.98360686 L9.25034019,8.98360686 L7.42034019,8.98360686 C7.42700686,8.93027353 7.43034019,8.8869402 7.43034019,8.85360686 C7.43700686,8.7269402 7.44034019,8.63860686 7.44034019,8.58860686 L7.44034019,8.58860686 L9.72034019,8.58860686 L9.72034019,8.22360686 L8.19534019,8.22360686 C8.14867353,8.07360686 8.09534019,7.92527353 8.03534019,7.77860686 L8.03534019,7.77860686 L7.61034019,7.86360686 C7.66700686,8.0169402 7.70700686,8.1369402 7.73034019,8.22360686 L7.73034019,8.22360686 L6.26034019,8.22360686 L6.26034019,8.58860686 L6.98034019,8.58860686 L6.97034019,8.84360686 C6.96367353,9.0869402 6.93367353,9.28610686 6.88034019,9.44110686 C6.82700686,9.59610686 6.73284019,9.73860686 6.59784019,9.86860686 C6.46284019,9.99860686 6.26367353,10.1386069 6.00034019,10.2886069 L6.00034019,10.2886069 L6.33534019,10.6286069 Z M10.5003402,10.5986069 C10.7270069,10.2152735 10.8861735,9.82527353 10.9778402,9.42860686 C11.0695069,9.0319402 11.1153402,8.52027353 11.1153402,7.89360686 L11.1153402,7.89360686 L11.1153402,7.39360686 L14.3403402,7.39360686 L14.3403402,6.29360686 L10.6703402,6.29360686 L10.6703402,7.99360686 C10.6703402,8.3769402 10.6520069,8.70110686 10.6153402,8.96610686 C10.5786735,9.23110686 10.5195069,9.46860686 10.4378402,9.67860686 C10.3561735,9.88860686 10.2436735,10.1119402 10.1003402,10.3486069 L10.1003402,10.3486069 L10.5003402,10.5986069 Z M13.8903402,7.03860686 L11.1153402,7.03860686 L11.1153402,6.65360686 L13.8903402,6.65360686 L13.8903402,7.03860686 Z M14.1303402,9.13360686 L14.3903402,8.80860686 C14.2903402,8.7019402 14.1603402,8.5769402 14.0003402,8.43360686 C13.8403402,8.29027353 13.6936735,8.1669402 13.5603402,8.06360686 L13.5603402,8.06360686 L14.4153402,8.06360686 L14.4153402,7.71360686 L11.2653402,7.71360686 L11.2653402,8.06360686 L12.1503402,8.06360686 C11.9470069,8.25027353 11.7620069,8.39860686 11.5953402,8.50860686 C11.5053402,8.57527353 11.4086735,8.6169402 11.3053402,8.63360686 L11.3053402,8.63360686 L11.4003402,8.95360686 C11.4703402,8.9469402 11.5986735,8.9369402 11.7853402,8.92360686 C11.9453402,8.91360686 12.2570069,8.90277353 12.7203402,8.89110686 C13.1836735,8.8794402 13.5670069,8.8719402 13.8703402,8.86860686 C13.9636735,8.9519402 14.0503402,9.04027353 14.1303402,9.13360686 L14.1303402,9.13360686 Z M12.1153402,8.56860686 C12.3253402,8.4219402 12.5253402,8.25360686 12.7153402,8.06360686 L12.7153402,8.06360686 L13.3353402,8.06360686 L13.1553402,8.23860686 C13.2786735,8.33527353 13.3953402,8.4319402 13.5053402,8.52860686 C12.9253402,8.54860686 12.4620069,8.5619402 12.1153402,8.56860686 Z M14.6103402,10.3986069 L14.6103402,10.0436069 L13.0303402,10.0436069 L13.0303402,9.62360686 L14.2803402,9.62360686 L14.2803402,9.26860686 L13.0303402,9.26860686 L13.0303402,8.99360686 L12.5803402,8.97860686 L12.5803402,9.26860686 L11.3903402,9.26860686 L11.3903402,9.62360686 L12.5803402,9.62360686 L12.5803402,10.0436069 L10.9903402,10.0436069 L10.9903402,10.3986069 L14.6103402,10.3986069 Z M17.0303402,10.6036069 C17.2503402,10.3369402 17.4178402,10.0911069 17.5328402,9.86610686 C17.6478402,9.64110686 17.7295069,9.39610686 17.7778402,9.13110686 C17.8261735,8.86610686 17.8536735,8.53360686 17.8603402,8.13360686 L17.8603402,8.13360686 L18.5003402,8.13360686 L18.5003402,10.5236069 L18.9503402,10.5236069 L18.9503402,8.13360686 L19.6253402,8.13360686 L19.6253402,7.68860686 L17.8603402,7.68860686 L17.8603402,6.90860686 C18.1170069,6.87860686 18.3811735,6.8344402 18.6528402,6.77610686 C18.9245069,6.71777353 19.1670069,6.65360686 19.3803402,6.58360686 L19.3803402,6.58360686 L19.2503402,6.12860686 C19.0070069,6.2119402 18.7228402,6.28610686 18.3978402,6.35110686 C18.0728402,6.41610686 17.7470069,6.46360686 17.4203402,6.49360686 L17.4203402,6.49360686 L17.4203402,7.95860686 C17.4203402,8.3819402 17.4003402,8.71777353 17.3603402,8.96610686 C17.3203402,9.2144402 17.2478402,9.43527353 17.1428402,9.62860686 C17.0378402,9.8219402 16.8770069,10.0402735 16.6603402,10.2836069 L16.6603402,10.2836069 L17.0303402,10.6036069 Z M15.4853402,10.5886069 C15.6320069,10.3052735 15.7403402,10.0577735 15.8103402,9.84610686 C15.8803402,9.6344402 15.9286735,9.3669402 15.9553402,9.04360686 L15.9553402,9.04360686 L17.0353402,9.04360686 L17.0353402,7.37360686 L15.9853402,7.37360686 L15.9853402,6.84860686 C16.4686735,6.7919402 16.8920069,6.7069402 17.2553402,6.59360686 L17.2553402,6.59360686 L17.1503402,6.14360686 C16.6970069,6.2769402 16.1653402,6.37360686 15.5553402,6.43360686 L15.5553402,6.43360686 L15.5553402,8.03360686 C15.5553402,8.4669402 15.5411735,8.80860686 15.5128402,9.05860686 C15.4845069,9.30860686 15.4370069,9.52610686 15.3703402,9.71110686 C15.3036735,9.89610686 15.2003402,10.1136069 15.0603402,10.3636069 L15.0603402,10.3636069 L15.4853402,10.5886069 Z M16.6003402,8.60860686 L15.9753402,8.60860686 C15.9820069,8.3819402 15.9853402,8.19360686 15.9853402,8.04360686 L15.9853402,8.04360686 L15.9853402,7.80360686 L16.6003402,7.80360686 L16.6003402,8.60860686 Z M22.9453402,10.5486069 L23.3253402,10.5136069 C23.4853402,10.5002735 23.6086735,10.4752735 23.6953402,10.4386069 C23.7820069,10.4019402 23.8445069,10.3461069 23.8828402,10.2711069 C23.9211735,10.1961069 23.9403402,10.0886069 23.9403402,9.94860686 L23.9403402,9.94860686 L23.9403402,7.46360686 L21.6153402,7.46360686 C21.7386735,7.28027353 21.8353402,7.12360686 21.9053402,6.99360686 L21.9053402,6.99360686 L24.5053402,6.99360686 L24.5053402,6.56860686 L22.1203402,6.56860686 C22.1770069,6.4419402 22.2436735,6.2819402 22.3203402,6.08860686 L22.3203402,6.08860686 L21.8453402,5.98360686 C21.7920069,6.15027353 21.7120069,6.34527353 21.6053402,6.56860686 L21.6053402,6.56860686 L20.2203402,6.56860686 L20.2203402,6.99360686 L21.3703402,6.99360686 C21.0270069,7.54027353 20.5636735,8.04360686 19.9803402,8.50360686 L19.9803402,8.50360686 L20.2603402,8.88360686 C20.5170069,8.6769402 20.7436735,8.47360686 20.9403402,8.27360686 L20.9403402,8.27360686 L20.9403402,10.5236069 L21.3953402,10.5236069 L21.3953402,9.61860686 L23.4853402,9.61860686 L23.4853402,9.82860686 C23.4853402,9.90860686 23.4786735,9.9644402 23.4653402,9.99610686 C23.4520069,10.0277735 23.4253402,10.0494402 23.3853402,10.0611069 C23.3453402,10.0727735 23.2736735,10.0819402 23.1703402,10.0886069 L23.1703402,10.0886069 L22.8103402,10.1186069 L22.9453402,10.5486069 Z M23.4853402,8.34360686 L21.3953402,8.34360686 L21.3953402,7.86860686 L23.4853402,7.86860686 L23.4853402,8.34360686 Z M23.4853402,9.21860686 L21.3953402,9.21860686 L21.3953402,8.73360686 L23.4853402,8.73360686 L23.4853402,9.21860686 Z M29.0503402,10.5886069 L29.3853402,10.1586069 C28.8220069,9.74860686 28.3745069,9.29360686 28.0428402,8.79360686 C27.7111735,8.29360686 27.4986735,7.7269402 27.4053402,7.09360686 C27.4120069,7.0169402 27.4186735,6.89860686 27.4253402,6.73860686 L27.4253402,6.73860686 L27.4303402,6.42360686 L27.4303402,6.42360686 L27.4311402,6.25320686 C27.4319402,6.18280686 27.4333402,6.13460686 27.4353402,6.10860686 L27.4353402,6.10860686 L26.9703402,6.09360686 L26.9703402,6.09360686 L26.9695402,6.34000686 C26.9687402,6.44240686 26.9673402,6.51360686 26.9653402,6.55360686 C26.9586735,7.09027353 26.8911735,7.56360686 26.7628402,7.97360686 C26.6345069,8.38360686 26.4303402,8.76110686 26.1503402,9.10610686 C25.8703402,9.45110686 25.4953402,9.79360686 25.0253402,10.1336069 L25.0253402,10.1336069 L25.3703402,10.5386069 C25.8503402,10.1719402 26.2411735,9.78860686 26.5428402,9.38860686 C26.8445069,8.98860686 27.0686735,8.5569402 27.2153402,8.09360686 C27.3686735,8.55360686 27.5970069,8.98860686 27.9003402,9.39860686 C28.2036735,9.80860686 28.5870069,10.2052735 29.0503402,10.5886069 L29.0503402,10.5886069 Z M30.4253402,10.0586069 L31.2953402,8.63860686 L31.3253402,8.63860686 L32.1503402,10.0586069 L32.8103402,10.0586069 L31.7103402,8.26360686 L32.7753402,6.58860686 L32.1453402,6.58860686 L31.3303402,7.94860686 L31.3003402,7.94860686 L30.5303402,6.58860686 L29.8753402,6.58860686 L30.9053402,8.29360686 L29.7853402,10.0586069 L30.4253402,10.0586069 Z M33.6603402,10.0586069 L34.5303402,8.63860686 L34.5603402,8.63860686 L35.3853402,10.0586069 L36.0453402,10.0586069 L34.9453402,8.26360686 L36.0103402,6.58860686 L35.3803402,6.58860686 L34.5653402,7.94860686 L34.5353402,7.94860686 L33.7653402,6.58860686 L33.1103402,6.58860686 L34.1403402,8.29360686 L33.0203402,10.0586069 L33.6603402,10.0586069 Z" id="房屋所有人XX" fill="#7193C4" fill-rule="nonzero"></path>
</g>
<g id="编组-4" transform="translate(29.088146, 16.747720)">
<g id="Fill-18" transform="translate(23.799392, 18.307225) scale(-1, 1) translate(-23.799392, -18.307225) ">
<use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-3"></use>
</g>
<path d="M45.3974416,4.06144494 L45.3974416,32.5530044 L2.26010239,32.5530044 L2.26010239,4.06144494 L45.3974416,4.06144494 Z" id="Stroke-19" stroke="#6F98D3" stroke-width="0.8" transform="translate(23.828772, 18.307225) scale(-1, 1) translate(-23.828772, -18.307225) "></path>
<polygon id="Fill-20" fill="#558BDA" transform="translate(23.799392, 1.373042) scale(-1, 1) translate(-23.799392, -1.373042) " points="0 2.7460837 47.5987842 2.7460837 47.5987842 0 0 0"></polygon>
<path d="M10.3514516,1.2473812 C10.3514516,1.75288274 9.94159187,2.16274243 9.43609034,2.16274243 C8.93035147,2.16274243 8.5207291,1.75288274 8.5207291,1.2473812 C8.5207291,0.741879661 8.93035147,0.332019964 9.43609034,0.332019964 C9.94159187,0.332019964 10.3514516,0.741879661 10.3514516,1.2473812" id="Fill-21" fill="#DEB22F" transform="translate(9.436090, 1.247381) scale(-1, 1) translate(-9.436090, -1.247381) "></path>
<path d="M6.94318202,1.2473812 C6.94318202,1.75288274 6.53332232,2.16274243 6.02782079,2.16274243 C5.52208192,2.16274243 5.11245955,1.75288274 5.11245955,1.2473812 C5.11245955,0.741879661 5.52208192,0.332019964 6.02782079,0.332019964 C6.53332232,0.332019964 6.94318202,0.741879661 6.94318202,1.2473812" id="Fill-22" fill="#3CBC77" transform="translate(6.027821, 1.247381) scale(-1, 1) translate(-6.027821, -1.247381) "></path>
<path d="M2.61952915,2.16274243 C2.11379028,2.16274243 1.70416791,1.75288274 1.70416791,1.2473812 C1.70416791,0.741879661 2.11379028,0.332019964 2.61952915,0.332019964 C3.12503068,0.332019964 3.53489038,0.741879661 3.53489038,1.2473812 C3.53489038,1.75288274 3.12503068,2.16274243 2.61952915,2.16274243 Z" id="Fill-23" fill="#E89585" transform="translate(2.619529, 1.247381) scale(-1, 1) translate(-2.619529, -1.247381) "></path>
<polygon id="Fill-26" fill="#CBD3DF" transform="translate(23.799392, 14.394458) scale(-1, 1) translate(-23.799392, -14.394458) " points="5.49216741 15.0584984 42.1066168 15.0584984 42.1066168 13.7304185 5.49216741 13.7304185"></polygon>
<polygon id="Fill-26备份" fill="#CBD3DF" transform="translate(15.103460, 18.055903) scale(-1, 1) translate(-15.103460, -18.055903) " points="5.49216741 18.7199433 24.7147533 18.7199433 24.7147533 17.3918635 5.49216741 17.3918635"></polygon>
<polygon id="Fill-26备份-5" fill="#CBD3DF" transform="translate(30.206921, 18.055903) scale(-1, 1) translate(-30.206921, -18.055903) " points="26.5454758 18.7199433 33.8683657 18.7199433 33.8683657 17.3918635 26.5454758 17.3918635"></polygon>
<polygon id="Fill-26备份-2" fill="#CBD3DF" transform="translate(18.307225, 21.717348) scale(-1, 1) translate(-18.307225, -21.717348) " points="5.49216741 22.3813882 31.122282 22.3813882 31.122282 21.0533084 5.49216741 21.0533084"></polygon>
<polygon id="Fill-26备份-3" fill="#CBD3DF" transform="translate(9.611293, 25.378793) scale(-1, 1) translate(-9.611293, -25.378793) " points="5.49216741 26.0428332 13.7304185 26.0428332 13.7304185 24.7147533 5.49216741 24.7147533"></polygon>
<polygon id="Fill-26备份-6" fill="#CBD3DF" transform="translate(19.680267, 25.378793) scale(-1, 1) translate(-19.680267, -25.378793) " points="15.561141 26.0428332 23.7993921 26.0428332 23.7993921 24.7147533 15.561141 24.7147533"></polygon>
<polygon id="Fill-26备份-7" fill="#CBD3DF" transform="translate(29.749240, 25.378793) scale(-1, 1) translate(-29.749240, -25.378793) " points="25.6301146 26.0428332 33.8683657 26.0428332 33.8683657 24.7147533 25.6301146 24.7147533"></polygon>
<polygon id="Fill-26备份-8" fill="#CBD3DF" transform="translate(38.902852, 25.378793) scale(-1, 1) translate(-38.902852, -25.378793) " points="35.6990881 26.0428332 42.1066168 26.0428332 42.1066168 24.7147533 35.6990881 24.7147533"></polygon>
<polygon id="Fill-26备份-4" fill="#CBD3DF" transform="translate(20.595628, 29.040238) scale(-1, 1) translate(-20.595628, -29.040238) " points="5.49216741 29.7042781 35.6990881 29.7042781 35.6990881 28.3761983 5.49216741 28.3761983"></polygon>
<path d="M6.16716741,10.6536123 L6.84216741,9.60361235 L6.87216741,9.60361235 L7.52716741,10.6536123 L8.15216741,10.6536123 L7.22716741,9.26861235 L8.10216741,7.95361235 L7.49216741,7.95361235 L6.87716741,8.95361235 L6.84716741,8.95361235 L6.22216741,7.95361235 L5.60716741,7.95361235 L6.48216741,9.27361235 L5.55216741,10.6536123 L6.16716741,10.6536123 Z M8.88716741,10.6536123 L9.56216741,9.60361235 L9.59216741,9.60361235 L10.2471674,10.6536123 L10.8721674,10.6536123 L9.94716741,9.26861235 L10.8221674,7.95361235 L10.2121674,7.95361235 L9.59716741,8.95361235 L9.56716741,8.95361235 L8.94216741,7.95361235 L8.32716741,7.95361235 L9.20216741,9.27361235 L8.27216741,10.6536123 L8.88716741,10.6536123 Z M11.6071674,10.6536123 L12.2821674,9.60361235 L12.3121674,9.60361235 L12.9671674,10.6536123 L13.5921674,10.6536123 L12.6671674,9.26861235 L13.5421674,7.95361235 L12.9321674,7.95361235 L12.3171674,8.95361235 L12.2871674,8.95361235 L11.6621674,7.95361235 L11.0471674,7.95361235 L11.9221674,9.27361235 L10.9921674,10.6536123 L11.6071674,10.6536123 Z M16.3321674,11.1436123 L16.3321674,7.89861235 C16.4321674,7.74527901 16.5271674,7.58527901 16.6171674,7.41861235 L16.6171674,7.41861235 L18.0871674,7.41861235 L18.0871674,6.95361235 L14.1371674,6.95361235 L14.1371674,7.41861235 L16.0771674,7.41861235 C15.8405007,7.83861235 15.5380007,8.24527901 15.1696674,8.63861235 C14.8013341,9.03194568 14.3755007,9.39861235 13.8921674,9.73861235 L13.8921674,9.73861235 L14.2121674,10.1486123 C14.8788341,9.62861235 15.4271674,9.09861235 15.8571674,8.55861235 L15.8571674,8.55861235 L15.8571674,11.1436123 L16.3321674,11.1436123 Z M17.9721674,10.0936123 L18.2721674,9.66361235 C17.8321674,9.21694568 17.3105007,8.75027901 16.7071674,8.26361235 L16.7071674,8.26361235 L16.4221674,8.61361235 C16.9555007,9.06361235 17.4721674,9.55694568 17.9721674,10.0936123 L17.9721674,10.0936123 Z M21.0021674,11.2336123 C21.2588341,10.9136123 21.4438341,10.620279 21.5571674,10.3536123 C21.6705007,10.0869457 21.7455007,9.79527901 21.7821674,9.47861235 C21.8188341,9.16194568 21.8505007,8.66861235 21.8771674,7.99861235 L21.8771674,7.99861235 L22.6121674,7.99861235 C22.6021674,8.28861235 22.5896674,8.65277901 22.5746674,9.09111235 C22.5596674,9.52944568 22.5455007,9.88861235 22.5321674,10.1686123 C22.5255007,10.2819457 22.5105007,10.3636123 22.4871674,10.4136123 C22.4638341,10.4636123 22.4221674,10.4994457 22.3621674,10.5211123 C22.3021674,10.542779 22.2038341,10.560279 22.0671674,10.5736123 L22.0671674,10.5736123 L21.7671674,10.5986123 L21.9171674,11.0486123 L22.2221674,11.0186123 C22.4221674,10.9986123 22.5713341,10.970279 22.6696674,10.9336123 C22.7680007,10.8969457 22.8388341,10.837779 22.8821674,10.7561123 C22.9255007,10.6744457 22.9505007,10.5519457 22.9571674,10.3886123 L22.9571674,10.3886123 L22.9771674,9.78861235 C23.0271674,8.53194568 23.0538341,7.78861235 23.0571674,7.55861235 L23.0571674,7.55861235 L21.8921674,7.55861235 L21.9071674,6.64861235 L21.4721674,6.62861235 L21.4521674,7.55861235 L20.8921674,7.55861235 L20.8921674,7.99861235 L21.4421674,7.99861235 C21.4255007,8.46861235 21.4063341,8.83277901 21.3846674,9.09111235 C21.3630007,9.34944568 21.3255007,9.57944568 21.2721674,9.78111235 C21.2188341,9.98277901 21.1405007,10.1736123 21.0371674,10.3536123 C20.9705007,10.1536123 20.8855007,9.92444568 20.7821674,9.66611235 C20.6788341,9.40777901 20.5871674,9.19361235 20.5071674,9.02361235 L20.5071674,9.02361235 L20.0971674,9.17861235 C20.1805007,9.36194568 20.2905007,9.62694568 20.4271674,9.97361235 L20.4271674,9.97361235 L19.5021674,10.1136123 C19.5688341,10.0036123 19.6546674,9.80444568 19.7596674,9.51611235 C19.8646674,9.22777901 19.9571674,8.94861235 20.0371674,8.67861235 L20.0371674,8.67861235 L21.0171674,8.67861235 L21.0171674,8.23361235 L18.8371674,8.23361235 L18.8371674,8.67861235 L19.5621674,8.67861235 C19.4888341,8.91194568 19.4038341,9.15444568 19.3071674,9.40611235 C19.2105007,9.65777901 19.1321674,9.84027901 19.0721674,9.95361235 C19.0355007,10.0236123 19.0055007,10.072779 18.9821674,10.1011123 C18.9588341,10.1294457 18.9188341,10.1569457 18.8621674,10.1836123 L18.8621674,10.1836123 L19.0321674,10.6536123 C19.0588341,10.6469457 19.1055007,10.6361123 19.1721674,10.6211123 C19.2388341,10.6061123 19.3005007,10.595279 19.3571674,10.5886123 C19.7838341,10.5186123 20.1921674,10.455279 20.5821674,10.3986123 C20.5821674,10.3986123 20.6105007,10.4836123 20.6671674,10.6536123 L20.6671674,10.6536123 L20.9771674,10.4536123 C20.8871674,10.5969457 20.7605007,10.7636123 20.5971674,10.9536123 L20.5971674,10.9536123 L21.0021674,11.2336123 Z M20.8521674,7.42861235 L20.8521674,6.99361235 L19.0821674,6.99361235 L19.0821674,7.42861235 L20.8521674,7.42861235 Z M24.0471674,11.2436123 C24.2705007,10.940279 24.4288341,10.645279 24.5221674,10.3586123 C24.6155007,10.0719457 24.6621674,9.72027901 24.6621674,9.30361235 L24.6621674,9.30361235 L24.6621674,8.93361235 L27.9771674,8.93361235 L27.9771674,8.48861235 L26.9421674,8.48861235 C27.0055007,8.28527901 27.0855007,7.99194568 27.1821674,7.60861235 L27.1821674,7.60861235 L28.1321674,7.60861235 L28.1321674,7.16361235 L26.3271674,7.16361235 C26.2538341,6.93027901 26.1888341,6.73861235 26.1321674,6.58861235 L26.1321674,6.58861235 L25.6671674,6.65861235 C25.7138341,6.78527901 25.7688341,6.95361235 25.8321674,7.16361235 L25.8321674,7.16361235 L23.8521674,7.16361235 L23.8521674,7.60861235 L24.9221674,7.60861235 C24.9988341,7.91194568 25.0638341,8.20527901 25.1171674,8.48861235 L25.1171674,8.48861235 L24.2171674,8.48861235 L24.2171674,9.21361235 C24.2171674,9.49361235 24.1996674,9.72944568 24.1646674,9.92111235 C24.1296674,10.112779 24.0705007,10.290279 23.9871674,10.4536123 C23.9038341,10.6169457 23.7838341,10.7936123 23.6271674,10.9836123 L23.6271674,10.9836123 L24.0471674,11.2436123 Z M26.4721674,8.48861235 L25.6021674,8.48861235 C25.5721674,8.35527901 25.5421674,8.22194568 25.5121674,8.08861235 C25.4821674,7.95527901 25.4555007,7.83527901 25.4321674,7.72861235 L25.4321674,7.72861235 L25.4021674,7.60861235 L26.7121674,7.60861235 C26.6488341,7.90194568 26.5688341,8.19527901 26.4721674,8.48861235 L26.4721674,8.48861235 Z M29.6521674,11.1386123 L29.6521674,7.74861235 C29.7921674,7.42194568 29.9088341,7.09194568 30.0021674,6.75861235 L30.0021674,6.75861235 L29.5721674,6.63861235 C29.4788341,6.98527901 29.3330007,7.36194568 29.1346674,7.76861235 C28.9363341,8.17527901 28.7255007,8.53527901 28.5021674,8.84861235 L28.5021674,8.84861235 L28.8371674,9.19361235 C28.9838341,8.98027901 29.1071674,8.79027901 29.2071674,8.62361235 L29.2071674,8.62361235 L29.2071674,11.1386123 L29.6521674,11.1386123 Z M33.0971674,7.59361235 L33.0971674,7.17361235 L31.7521674,7.17361235 C31.6988341,7.00027901 31.6388341,6.82694568 31.5721674,6.65361235 L31.5721674,6.65361235 L31.1071674,6.72861235 L31.2571674,7.17361235 L29.9421674,7.17361235 L29.9421674,7.59361235 L33.0971674,7.59361235 Z M32.6971674,8.34361235 L32.6971674,7.95861235 L30.2071674,7.95861235 L30.2071674,8.34361235 L32.6971674,8.34361235 Z M32.6971674,9.08861235 L32.6971674,8.69361235 L30.2071674,8.69361235 L30.2071674,9.08861235 L32.6971674,9.08861235 Z M30.6321674,11.1336123 L30.6321674,10.8736123 L32.2671674,10.8736123 L32.2671674,11.1336123 L32.7271674,11.1336123 L32.7271674,9.44361235 L30.1771674,9.44361235 L30.1771674,11.1336123 L30.6321674,11.1336123 Z M32.2671674,10.4836123 L30.6321674,10.4836123 L30.6321674,9.84861235 L32.2671674,9.84861235 L32.2671674,10.4836123 Z M35.9721674,10.4286123 L36.3071674,10.1386123 C36.2538341,10.0519457 36.1796674,9.94444568 36.0846674,9.81611235 C35.9896674,9.68777901 35.8988341,9.57027901 35.8121674,9.46361235 L35.8121674,9.46361235 L37.3321674,9.46361235 L37.3321674,7.04861235 L35.7421674,7.04861235 C35.8121674,6.84194568 35.8521674,6.71861235 35.8621674,6.67861235 L35.8621674,6.67861235 L35.3771674,6.59361235 L35.2371674,7.04861235 L34.1121674,7.04861235 L34.1121674,9.46361235 L35.6821674,9.46361235 L35.4321674,9.64361235 C35.5121674,9.74027901 35.6055007,9.86694568 35.7121674,10.0236123 C35.8188341,10.180279 35.9055007,10.315279 35.9721674,10.4286123 L35.9721674,10.4286123 Z M36.8821674,7.73361235 L34.5521674,7.73361235 L34.5521674,7.41361235 L36.8821674,7.41361235 L36.8821674,7.73361235 Z M36.8821674,8.40861235 L34.5521674,8.40861235 L34.5521674,8.08861235 L36.8821674,8.08861235 L36.8821674,8.40861235 Z M36.8821674,9.09361235 L34.5521674,9.09361235 L34.5521674,8.76361235 L36.8821674,8.76361235 L36.8821674,9.09361235 Z M37.6371674,10.9386123 L37.9821674,10.6686123 C37.8855007,10.505279 37.7646674,10.3194457 37.6196674,10.1111123 C37.4746674,9.90277901 37.3471674,9.73194568 37.2371674,9.59861235 L37.2371674,9.59861235 L36.9021674,9.81861235 C37.0288341,9.99194568 37.1638341,10.1861123 37.3071674,10.4011123 C37.4505007,10.6161123 37.5605007,10.795279 37.6371674,10.9386123 L37.6371674,10.9386123 Z M33.8571674,10.9886123 C33.9605007,10.8119457 34.0630007,10.6169457 34.1646674,10.4036123 C34.2663341,10.190279 34.3538341,9.98527901 34.4271674,9.78861235 L34.4271674,9.78861235 L34.0271674,9.64861235 C33.9605007,9.83527901 33.8780007,10.0319457 33.7796674,10.2386123 C33.6813341,10.445279 33.5838341,10.6269457 33.4871674,10.7836123 L33.4871674,10.7836123 L33.8571674,10.9886123 Z M35.8557674,11.0582123 C36.0120341,11.0571457 36.1341674,11.0539457 36.2221674,11.0486123 C36.3721674,11.0386123 36.4871674,11.0211123 36.5671674,10.9961123 C36.6471674,10.9711123 36.7088341,10.927779 36.7521674,10.8661123 C36.7955007,10.8044457 36.8305007,10.7136123 36.8571674,10.5936123 C36.8805007,10.4836123 36.8971674,10.365279 36.9071674,10.2386123 L36.9071674,10.2386123 L36.4821674,10.0686123 C36.4788341,10.1886123 36.4671674,10.305279 36.4471674,10.4186123 C36.4371674,10.4819457 36.4230007,10.527779 36.4046674,10.5561123 C36.3863341,10.5844457 36.3563341,10.6044457 36.3146674,10.6161123 C36.2730007,10.627779 36.2055007,10.6369457 36.1121674,10.6436123 C35.9588341,10.650279 35.8421674,10.6536123 35.7621674,10.6536123 L35.6968549,10.6529873 C35.6237299,10.6517373 35.5271674,10.6486123 35.4071674,10.6436123 C35.2938341,10.6369457 35.2205007,10.615279 35.1871674,10.5786123 C35.1538341,10.5419457 35.1371674,10.4686123 35.1371674,10.3586123 L35.1371674,10.3586123 L35.1371674,9.69361235 L34.6821674,9.67361235 L34.6821674,10.4486123 C34.6821674,10.605279 34.6996674,10.725279 34.7346674,10.8086123 C34.7696674,10.8919457 34.8263341,10.950279 34.9046674,10.9836123 C34.9830007,11.0169457 35.0955007,11.0386123 35.2421674,11.0486123 C35.3521674,11.055279 35.5155007,11.0586123 35.7321674,11.0586123 L35.8557674,11.0582123 Z" id="xxx不动产信息" fill="#7193C4" fill-rule="nonzero"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
This diff could not be displayed because it is too large.
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1687311691503" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10425" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M867.584 160.192c-149.632-16.928-262.208-57.408-334.592-120.352l-19.04-16.544-20.544 14.656C379.968 118.944 267.776 160 160 160H128v448c0 137.344 121.088 261.92 370.208 380.864l13.088 6.24 13.344-5.728C771.072 883.52 896 755.232 896 608V163.424l-28.416-3.232zM832 608c0 116.8-107.392 223.36-319.328 316.8C299.872 821.024 192 714.464 192 608V222.976c104.672-6.784 211.584-46.688 318.496-118.944C587.232 162.528 695.168 201.536 832 220.256V608z" p-id="10426" fill="#6D7278"></path><path d="M359.776 468.672a32 32 0 1 0-47.968 42.4l121.792 137.824c12.608 14.24 30.176 21.568 47.904 21.568a64.384 64.384 0 0 0 49.696-23.52l197.6-242.72a32 32 0 0 0-49.632-40.416l-197.6 242.688-121.792-137.824z" p-id="10427" fill="#6D7278"></path></svg>
\ No newline at end of file
<template>
<div id="login">
<div class="login-logo"><img src="./images/logo-login.png" /></div>
<div class="login-content-wrap">
<div class="login-logo"><img src="./images/logo-login.svg" /></div>
<div class="login-con">
<!-- <div class="login-title">用户登录</div>-->
<div class="login-img">
<div class="content"></div>
</div>
<div class="login-wrap">
<p>账号登录</p>
<div class="login-user" :class="{ 'select-border': change.user }">
<img class="user-icon" src="./images/user.svg" />
<!-- <div class="line-mid"></div>-->
<input
type="text"
class="user-input"
placeholder="请输入您的账号"
placeholder="请输入账号"
v-model="userInfo.username"
@focus="reduceBorder('user')"
@blur="addBorder('user')"
/>
<span class="warning" v-show="warning.user">账号不能为空</span>
</div>
<div class="login-user user-mt" :class="{ 'select-border': change.pass }">
<div
class="login-user user-mt"
:class="{ 'select-border': change.pass }"
>
<img class="user-icon" src="./images/password.svg" />
<!-- <div class="line-mid"></div>-->
<input
type="password"
class="user-input"
placeholder="请输入您的密码"
placeholder="请输入密码"
v-model="userInfo.password"
v-show="!selectEye"
@focus="reduceBorder('pass')"
......@@ -31,7 +37,7 @@
<input
type="text"
class="user-input"
placeholder="请输入您的密码"
placeholder="请输入密码"
v-model="userInfo.password"
v-show="selectEye"
@focus="reduceBorder('pass')"
......@@ -51,59 +57,86 @@
/>
<span class="warning" v-show="warning.pass">密码不能为空</span>
</div>
<!-- <div class="login-remake">
<i
class="icon iconfont iconfuxuan1 icon-style"
v-show="!selectIcon"
@click="selectRemeber"
></i>
<i
class="icon iconfont iconfuxuan-xuanzhong icon-select"
v-show="selectIcon"
@click="selectRemeber"
></i>
<span class="remake_txt" @click="selectRemeber">记住账号密码</span>
</div> -->
<div
class="login-user login-valid"
:class="{ 'select-border': change.valid }"
>
<img class="user-icon" src="./images/valid.svg" />
<input
type="text"
class="user-input"
placeholder="请输入验证码"
v-model="userInfo.captchaCode"
@focus="reduceBorder('valid')"
@blur="addBorder('valid')"
/>
<img
class="valid-img"
:src="codeSrc"
alt="暂无验证码"
@click="reloadCaptcha"
/>
<span class="warning" v-show="warning.valid">验证码不能为空</span>
</div>
<div id="loginBtn" class="login-btn" @click="goHome">登录</div>
</div>
<div class="reserved-con">
<!-- <div class="reserved-words">版权所有：2020©某某市自然资源和规划</div> -->
<div class="reserved-words line-two">
技术支持：爬山虎科技股份有限公司
</div>
</div>
</div>
</template>
<script>
import {getUrlParam} from "@/utils/util";
import axios from "axios";
export default {
</template>
<script>
import axios from "axios";
export default {
data() {
return {
// 用户名
selectIcon: true,
// 用户名
selectEye: false,
userInfo:{
username: 'admin',
password: '123',
redirectUrl: ''
userInfo: {
// 用户名
username: "",
// 密码
password: "",
// 重定向地址
redirectUrl: "",
// 验证码key
captchaKey: "",
// 验证码值
captchaCode: "",
},
change: {
//边框
change: {
user: false,
pass: false,
valid:false
},
// 提示语
warning: {
user: false,
pass: false,
valid: false,
},
canDo: 1,
// 验证码图片地址
codeSrc:""
};
},
mounted() {
this.initPage();
this.userInfo.redirectUrl = localStorage.getItem('dj-location')
this.userInfo.redirectUrl = localStorage.getItem("dj-location");
this.reloadCaptcha()
},
methods: {
// 更新验证码
reloadCaptcha(){
axios.get(window._config.services.management + "/management/captcha?format=json").then(res => {
if (res.data.status === 1) {
this.userInfo.captchaKey = res.data.content['dubhe.captcha']
this.codeSrc = res.data.content.image
}
})
},
// 初始化
initPage() {
let userInfo =
localStorage.getItem("userInfo") &&
......@@ -113,86 +146,167 @@
this.userInfo.password = userInfo.password;
}
},
selectRemeber() {
this.selectIcon = !this.selectIcon;
},
goHome() {
axios.post(window._config.services.management + "/management/cas/login", this.userInfo).then(response => {
if (this.userInfo.username && this.userInfo.password) {
axios
.post(
window._config.services.management + "/management/cas/login",
this.userInfo
)
.then((response) => {
if (response.data.status === 1) {
if (response.data.content.location) {
window.location.href = response.data.content.location
window.location.href = response.data.content.location;
}
} else {
this.$message.error(response.data.message)
this.$message.error(response.data.message);
}
}).catch(error => {
console.log(error)
this.$message.error(error.message)
})
.catch((error) => {
console.log(error);
this.$message.error(error.message);
});
} else {
return
}
},
selectEyes() {
this.selectEye = !this.selectEye;
},
reduceBorder(type) {
//获取焦点
if (type == "user") {
this.change.user = true;
} else {
this.change.pass = true;
}
reduceBorder(type) {
this.change[type] = true
},
addBorder(type) {
//失去焦点
if (type == "user") {
switch (type) {
case "user":
this.change.user = false;
if (!this.userInfo.username) {
this.warning.user = true;
} else {
this.warning.user = false;
}
} else {
break;
case "pass":
this.change.pass = false;
if (!this.userInfo.password) {
this.warning.pass = true;
} else {
this.warning.pass = false;
}
break;
case "valid":
this.change.valid = false;
if (!this.userInfo.captchaCode) {
this.warning.valid = true;
} else {
this.warning.valid = false;
}
break;
default:
break;
}
}
},
},
};
</script>
<style lang="scss" scoped>
#login {
};
</script>
<style lang="scss" scoped>
input::placeholder{
color: #878787;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif
}
#login {
width: 100vw;
height: 100vh;
background: url("./images/login-bg.png") no-repeat bottom center;
background-size: 100% 100%;
background: url("./images/login-bg.png") no-repeat;
background-size: 100%;
overflow: hidden;
position: relative;
.login-content-wrap{
position: absolute;
left: 50%;
top: calc(50% + 10px);
transform: translate(-50%, -50%);
}
.login-logo {
margin-top: 8%;
height: 38px;
height: 70px;
width: 100%;
text-align: center;
position: absolute;
top: -140px;
}
.login-logo img {
height: 100%;
}
.login-con {
margin: 88px auto;
width: 380px;
margin: 0 auto;
width: 936px;
height: 450px;
.login-img{
width: 456px;
height: 450px;
float: left;
box-sizing: border-box;
padding: 126px 86px;
background-color: #fff;
position: relative;
&:after{
content: "";
display: inline-block;
width: 1px;
height: calc(100% - 96px);
background-image: linear-gradient(#fff,#9AA4C8,#fff);
position: absolute;
right: 0;
top: 48px;
}
.content{
width: 100%;
height: 100%;
background: url("./images/login-img.svg") no-repeat;
}
}
.login-wrap{
width: 480px;
height: 450px;
float: left;
box-sizing: border-box;
padding: 48px 56px;
background: #FFFFFF;
p{
width: 80px;
font-size: 20px;
font-weight: 500;
color: #333333;
line-height: 26px;
position: relative;
&:after{
content: "";
display: inline-block;
height: 2px;
width: 74px;
background-color: #CF8933;
position: absolute;
bottom: -4px;
left: 2px;
}
}
}
}
.login-user {
width: 100%;
height: 46px;
border: 1px solid rgba(155, 155, 155, 1);
height: 40px;
border: 1px solid #E5E5E5;
box-sizing: border-box;
margin: 38px auto auto auto;
margin-top: 34px;
border-radius: 2px;
position: relative;
.user-icon {
float: left;
margin: 13px auto auto 10px;
margin: 10px auto auto 10px;
width: 28px;
height: 18px;
}
......@@ -203,8 +317,8 @@
outline: 0;
border: none;
color: #4a4a4a;
line-height: 260%;
background-color: transparent;
height: 38px;
line-height: 40px;
}
.password-eye {
float: right;
......@@ -222,64 +336,42 @@
bottom: -18px;
}
}
.login-valid{
width: 60%;
.valid-img{
width: 50%;
position: absolute;
right: -66%;
top: 2px;
cursor: pointer;
}
}
.user-mt {
margin-top: 26px;
}
.select-border {
border: 1px solid rgba(0, 113, 255, 1);
}
.login-remake {
width: 320px;
height: 14px;
margin: 0 auto;
margin-top: 26px;
.icon-style {
font-size: 12px;
color: #5b5b5b;
float: left;
line-height: 14px;
cursor: pointer;
}
.icon-select {
font-size: 12px;
color: rgba(0, 127, 255, 1);
float: left;
line-height: 14px;
cursor: pointer;
}
.remake_txt {
font-size: 12px;
line-height: 14px;
color: #5b5b5b;
margin-left: 6px;
float: left;
cursor: pointer;
}
}
.login-btn {
width: 100%;
height: 40px;
background: rgba(0, 127, 255, 1);
border-radius: 4px;
height: 48px;
background: #74A3F5;
border-radius: 2px;
margin: 0 auto;
margin-top: 40px;
font-size: 16px;
line-height: 40px;
font-size: 20px;
font-weight: 500;
line-height: 48px;
text-align: center;
color: #fff;
cursor: pointer;
}
.reserved-con {
margin: 38px auto;
}
.reserved-words {
font-size: 12px;
color: #b4b4b4;
text-align: center;
}
.line-two {
margin-top: 8px;
}
position: absolute;
bottom: 0;
width: 100%;
height: 18px;
background-color: #4971ca;
}
</style>
\ No newline at end of file
}
</style>
......
......@@ -324,7 +324,6 @@ export default {
},
//切换房屋状态
handleChoosedH(bsms, color) {
debugger
this.$refs.lpbContent.changeChoosed(bsms, color);
},
//获取各项单元状态统计数据
......
......@@ -171,7 +171,6 @@ export default {
},
changeChoosedObj: {
handler(val) {
debugger
//清除选中户
this.borderColor = 'rgb(230, 230, 230)';
this.zdySelectAll(false,true)
......
......@@ -89,7 +89,6 @@ export default {
methods: {
// 改变户选中状态
changeChoosed(bsms, color){
debugger
this.changeChoosedObj.bsms = bsms;
this.changeChoosedObj.color = color;
},
......
......@@ -24,6 +24,10 @@
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div>
<span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
......@@ -62,6 +66,9 @@
},
methods: {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getCfdjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -106,6 +113,28 @@
}
return name;
},
// 新增一条补录信息
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
this.$message({
type: "success",
message: "补录成功!",
});
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
});
});
},
},
};
</script>
......
......@@ -5,7 +5,12 @@
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
......@@ -15,14 +20,28 @@
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
]"
>
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button
type="text"
icon="el-icon-edit-outline"
@click="editDialog(row)"
>编辑</el-button
>
<el-button
type="text"
icon="el-icon-edit-outline"
@click="editDialog(row, 'D')"
>删除</el-button
>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
......@@ -42,11 +61,11 @@
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getDiyaqList } from "@/api/registerBook.js";
export default {
data () {
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getDiyaqList } from "@/api/registerBook.js";
export default {
data() {
return {
title: "抵押权登记信息",
qsztList: datas.columns().qsztList,
......@@ -61,11 +80,14 @@
columns: datas.columns().DYAQ,
};
},
created () {
created() {
this.loadData();
},
methods: {
loadData () {
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getDiyaqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -73,9 +95,9 @@
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.tableData.forEach(item => {
item.sjlx = getSjlx(item.sjlx)
})
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
......@@ -85,7 +107,7 @@
}
});
},
checkChange () {
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
......@@ -93,7 +115,7 @@
this.loadData();
}
},
getQsztName (code) {
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
......@@ -103,10 +125,32 @@
}
return name;
},
// 新增一条补录信息
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
this.$message({
type: "success",
message: "补录成功!",
});
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
});
});
},
};
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
@import "./qlxxCommon.scss";
</style>
......
......@@ -5,7 +5,12 @@
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
......@@ -15,14 +20,18 @@
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'">
]"
>
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
......@@ -42,11 +51,11 @@
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getDiyiqList } from "@/api/registerBook.js";
export default {
data () {
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getDiyiqList } from "@/api/registerBook.js";
export default {
data() {
return {
title: "地役权登记信息",
qsztList: datas.columns().qsztList,
......@@ -61,11 +70,14 @@
columns: datas.columns().DYIQ,
};
},
created () {
created() {
this.loadData();
},
methods: {
loadData () {
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getDiyiqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -73,9 +85,9 @@
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.tableData.forEach(item => {
item.sjlx = getSjlx(item.sjlx)
})
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
......@@ -85,7 +97,7 @@
}
});
},
checkChange () {
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
......@@ -93,7 +105,7 @@
this.loadData();
}
},
getQsztName (code) {
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
......@@ -103,10 +115,32 @@
}
return name;
},
// 新增一条补录信息
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
this.$message({
type: "success",
message: "补录成功!",
});
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
});
});
},
};
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
@import "./qlxxCommon.scss";
</style>
......
......@@ -22,9 +22,9 @@
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'">
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
......@@ -113,6 +113,27 @@
}
return name;
},
// 新增一条补录信息
editDialog(row,del){
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row,del)
this.$message({
type: 'success',
message: '补录成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
});
});
},
},
};
</script>
......
......@@ -5,7 +5,12 @@
{{ title }}
<div class="checkbox">
<el-checkbox-group v-model="checkList" @change="checkChange">
<el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
<el-checkbox
v-for="item in qsztList"
:key="item.value"
:label="item.value"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</div>
</div>
......@@ -15,14 +20,28 @@
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index" :class="[
<td
v-for="(row, index) in tableData"
:key="index"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
]"
>
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button
type="text"
icon="el-icon-edit-outline"
@click="editDialog(row)"
>编辑</el-button
>
<el-button
type="text"
icon="el-icon-edit-outline"
@click="editDialog(row, 'D')"
>删除</el-button
>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
......@@ -42,11 +61,11 @@
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFdcq2List } from "@/api/registerBook.js";
export default {
data () {
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFdcq2List } from "@/api/registerBook.js";
export default {
data() {
return {
title: "房地产权登记信息（独幢、层、套、间房屋）",
qsztList: datas.columns().qsztList,
......@@ -61,11 +80,14 @@
columns: datas.columns().FDCQ2,
};
},
created () {
created() {
this.loadData();
},
methods: {
loadData () {
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getFdcq2List({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -73,9 +95,9 @@
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.tableData.forEach(item => {
item.sjlx = getSjlx(item.sjlx)
})
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
......@@ -85,7 +107,7 @@
}
});
},
checkChange () {
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
......@@ -93,7 +115,7 @@
this.loadData();
}
},
getQsztName (code) {
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
......@@ -103,10 +125,27 @@
}
return name;
},
// 新增一条补录信息
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
})
.catch(() => {
this.$message({
type: "info",
message: "取消",
});
});
},
};
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
@import "./qlxxCommon.scss";
</style>
......
......@@ -22,9 +22,9 @@
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'">
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
......@@ -71,6 +71,7 @@
},
methods: {
loadData () {
if(this.$parent.addRepairRecord){
this.columns.unshift({prop:"cz",
label:"操作"
......@@ -113,6 +114,27 @@
}
return name;
},
// 新增一条补录信息
editDialog(row,del){
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row,del)
this.$message({
type: 'success',
message: '补录成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
});
});
},
},
};
</script>
......
......@@ -22,9 +22,9 @@
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'">
<div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
......@@ -142,6 +142,27 @@
}
return name;
},
// 新增一条补录信息
editDialog(row,del){
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row,del)
this.$message({
type: 'success',
message: '补录成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
});
});
},
},
};
</script>
......
......@@ -22,7 +22,7 @@
]">
<div class="setbut" v-if="item.prop == 'cz'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
......@@ -105,6 +105,27 @@ export default {
}
return name;
},
// 新增一条补录信息
editDialog(row,del){
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row,del)
this.$message({
type: 'success',
message: '补录成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消编辑'
});
});
},
},
};
</script>
......
......@@ -20,6 +20,10 @@
row.qszt == '0' ? 'linshi' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="setbut" v-if="item.prop == 'cz'">
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
<el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
......@@ -100,14 +104,14 @@ export default {
}
return name;
},
// 编辑
editDialog(row){
// 新增一条补录信息
editDialog(row,del){
this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$parent.addRepairRecord(row)
this.$parent.addRepairRecord(row,del)
this.$message({
type: 'success',
......@@ -120,42 +124,7 @@ export default {
});
});
// this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
// datalist:this.columns,
// data: row,
// })
},
// 删除
deleteDialog(row){
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
// deleteClmx(bsmClmx).then(res => {
// if (res.code == 200) {
// that.$emit('updateList', res.result)
// that.$message({
// message: '删除成功!',
// type: 'success'
// })
// }
// })
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
}
},
};
</script>
......
......@@ -5,7 +5,6 @@
<el-row>
<el-col :span="24" class="btnColRight">
<el-form-item>
{{ isRefresh }}
<el-button type="primary" @click="fetchData">查询</el-button>
<el-button type="primary" @click="openAddDialog">新增</el-button>
</el-form-item>
......@@ -25,12 +24,12 @@
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { getLodop } from "@/utils/LodopFuncs"
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./dymbgl"
import { selectPrintTemplateList, delPrintTemplate } from "@/api/system.js"
export default {
import { mapGetters } from 'vuex'
import { getLodop } from "@/utils/LodopFuncs"
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./dymbgl"
import { selectPrintTemplateList, delPrintTemplate } from "@/api/system.js"
export default {
name: "dymbgl",
mixins: [table],
data () {
......@@ -167,8 +166,8 @@ export default {
LODOP.PRINT_DESIGN(); //打印设计或者打印维护需要放到最后
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-16 11:12:40
* @LastEditTime: 2023-06-21 15:34:44
-->
<template>
<div class="clxx">
......@@ -384,7 +384,7 @@
this.previewImg.index = 0
this.treeCheckId = item?.bsmSj
this.treeCheckIndex = index
this.previewImg.imgList = item?.children
this.previewImg.imgList = item.children ? item.children : []
this.previewImg.bsmSj = item?.bsmSj
},
// 小图片点击
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-19 13:15:13
* @LastEditTime: 2023-06-21 16:29:37
-->
<template>
<div class="clxx">
......@@ -120,8 +120,9 @@
this.previewImg.bsmSj = item.bsmSj;
},
updateList (val) {
console.log(val, 'valvalvalval');
let that = this
if (val != null) { //删除最后一张图片时 val=null
if (val.children.length != []) { //删除最后一张图片时 val=null
this.tableData.forEach(item => {
if (item.bsmSj === val.bsmSj) {
item.children = val.children
......@@ -140,7 +141,6 @@
}
})
}
},
// 添加材料目录
handleAdd () {
......@@ -173,7 +173,7 @@
this.previewImg.index = 0
this.treeCheckId = item?.bsmSj
this.treeCheckIndex = index
this.previewImg.imgList = item?.children
this.previewImg.imgList = item.children ? item.children : []
this.previewImg.bsmSj = item?.bsmSj
},
// 小图片点击
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-31 16:04:44
* @LastEditTime: 2023-06-20 16:09:31
-->
<template>
<div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px">
<div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
<!-- 表单部分 -->
<el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1">
<el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz"
<el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1">
<el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bdcqzlx"
v-for="(item, index) in headTabBdcqz" :key="index"></el-tab-pane>
</el-tabs>
<div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div>
<!-- <img :src="previewImage" class="imgClass"> -->
<canvas ref="canvas" :width="canvasWidth" :height="canvasHeight"></canvas>
<canvas ref="zs" width="1000" v-if="activeName==1" height="700"></canvas>
<canvas ref="zm" width="1180" v-else height="780"></canvas>
</div>
</template>
......@@ -30,9 +30,7 @@
data () {
return {
imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'),
canvasWidth: 1018,
canvasHeight: 720,
bdczmSrc: require('@/image/bdcqz/bdczm.jpg'),
loading: false,
//印刷序列号集合
ysxlh: [],
......@@ -79,10 +77,14 @@
getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
if (res.code == 200) {
if (res.result && res.result.length > 0) {
this.activeName = res.result[0].bsmBdcqz
this.activeName = res.result[0].bdcqzlx
this.bdcqz = res.result[0]
this.headTabBdcqz = res.result
this.drawTextOnImage();
if (this.activeName == 1) {
this.drawTextOnImage()
} else {
this.drawTextzmImage()
}
}
}
this.loading = false
......@@ -91,26 +93,21 @@
//tab表头切换方法
handleClick (e) {
this.bdcqz = this.headTabBdcqz[e.index - 0]
this.activeName = this.headTabBdcqz.bsmBdcqz
// this.getBdcqzPreview();
this.activeName = this.headTabBdcqz.bdcqzlx
if (this.activeName == 1) {
this.drawTextOnImage()
} else {
this.drawTextzmImage()
}
},
// getBdcqzPreview () {
// bdcqzPreview(this.bdcqz).then(res => {
// this.loading = false
// let blob = new Blob([res]);
// let url = window.URL.createObjectURL(blob);
// this.previewImage = url;
// this.drawTextOnImage()
// })
// },
// 不动产证书
drawTextOnImage () {
const canvas = this.$refs.canvas;
const canvas = this.$refs.zs;
const context = canvas.getContext('2d');
const image = new Image();
image.onload = () => {
context.drawImage(image, 0, 0);
context.font = '15px 楷体';
context.font = '18px 楷体';
context.fillStyle = '#000000';
context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56);
context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56);
......@@ -125,10 +122,79 @@
context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 138, 346);
context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 138, 386);
context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 138, 429);
context.fillText(this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk : '', 138, 469);
// qlqtzk
const maxWidth = 280; // 最大宽度限制
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
lines.forEach((line, index) => {
const y = 469 + (index * 37); // 每行文本的垂直位置
let currentLine = '';
let arr = [];
for (let word of line) {
const testLine = currentLine + word;
const lineWidth = context.measureText(testLine).width;
if (lineWidth <= maxWidth) {
currentLine = testLine;
} else {
arr.push(currentLine);
currentLine = word;
}
}
arr.push(currentLine);
arr.forEach((line, index) => {
context.fillText(line, 138, y + (index * 20)); // 调整行高
})
})
context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 580, 100);
}
image.src = this.imgSrc;
image.src = this.imgSrc
},
// 不动产证明
drawTextzmImage () {
const canvas = this.$refs.zm;
const context = canvas.getContext('2d');
const image = new Image();
image.onload = () => {
context.drawImage(image, 0, 0);
context.font = '18px 楷体';
context.fillStyle = '#000000';
context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125);
context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125);
context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125);
context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123);
context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180);
context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228);
// 义务人
context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275);
context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325);
// bdcdyh
context.fillText(this.bdcqz.bdcdyh ? this.bdcqz.bdcdyh : '', 775, 373);
// qlqtzk
const maxWidth = 280; // 最大宽度限制
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
lines.forEach((line, index) => {
const y = 415 + (index * 37); // 每行文本的垂直位置
let currentLine = '';
let arr = [];
for (let word of line) {
const testLine = currentLine + word;
const lineWidth = context.measureText(testLine).width;
if (lineWidth <= maxWidth) {
currentLine = testLine;
} else {
arr.push(currentLine);
currentLine = word;
}
}
arr.push(currentLine);
arr.forEach((line, index) => {
context.fillText(line, 775, y + (index * 20)); // 调整行高
});
});
// fj
context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 650);
};
image.src = this.bdczmSrc;
}
}
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-16 10:38:23
-->
<template>
<div>
<lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150"
:data="tableDataList">
</lb-table>
<addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { getIdCardInfo } from '@/utils/operation.js'
import addQlr from './dialog/addQlr.vue'
export default {
components: {
addQlr
},
computed: {
...mapGetters(["dictData"]),
},
props: {
tableData: {
type: Array,
default: function () {
return []
}
},
gyfs: {
type: String,
default: '1'
}
},
data () {
return {
key: 0,
dataIndex: 0,
dialog: false,
isaddupdate: false,
showButton: this.$route.query.viewtype ? false : true,
details: {},
tableDataList: [],
InformationTable: [
{
width: '50',
renderHeader: (h, scope) => {
return <div> {
this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
}
</div>
},
render: (h, scope) => {
return (
<div>
{
this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
<i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
}
</div>
)
}
},
{
label: '土地用途',
align: 'center',
render: (h, scope) => {
return <el-input v-model={scope.row.zjzl} ></el-input>
}
},
{
prop: "sqrmc",
label: "土地使用起始时间",
render: (h, scope) => {
return <el-input v-model={scope.row.zjzl} ></el-input>
}
},
{
prop: "zjzl",
label: "土地使用结束时间",
render: (h, scope) => {
return <el-input v-model={scope.row.zjzl} ></el-input>
}
},
{
prop: "zjh",
label: "土地使用期限",
render: (h, scope) => {
return <el-input v-model={scope.row.zjzl} ></el-input>
}
}
],
column: []
}
},
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this
this.$nextTick(() => {
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([{
sqrmc: '',
dlrzjlx: '',
dlrzjh: '',
fr: ''
}])
} else {
that.tableDataList = _.cloneDeep(val)
}
})
},
immediate: true,
deep: true
},
gyfs: {
handler (newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable)
if (newVal == 0) {
// this.column = _.cloneDeep(dataList).slice(1, dataList.length)
this.column = _.cloneDeep(dataList)
} else if ((newVal == '1' || newVal == '3')) {
this.column = dataList
} else {
this.column = _.cloneDeep(dataList)
this.column.splice(
2, 0, {
prop: "fs",
label: "份数"
})
}
},
immediate: true
}
},
methods: {
handleupdateDetail (value) {
if (this.isaddupdate) {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
this.$emit('upDateQlrxxList', this.tableDataList)
}
} else {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.dataIndex] = _.cloneDeep(value);
this.$emit('upDateQlrxxList', this.tableDataList)
}
}
this.key++
},
// 新增
addClick () {
if (this.gyfs == '0' && this.tableDataList.length > 0) {
this.$message.warning("当前共有方式为单独所有，无法添加多个权利人")
} else {
this.dialog = true
this.isaddupdate = true
}
},
// 删除
deleClick (index, row) {
this.$confirm('确定要删除吗, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.tableData.splice(index, 1)
}).catch(() => {
});
},
// 身份证读取
readClick (row) {
getIdCardInfo().then(res => {
if (res.data.code == 0) {
let data = res.data.IDCardInfo
row.sqrmc = data.name
row.zjzl = '1'
row.zjh = data.cardID
row.xb = data.sexCode
row.txdz = data.address
row.fzjg = data.issueOrgan
this.$message({
message: '读取成功！',
type: 'success'
})
} else {
this.$message({
message: res.data.message,
type: 'warning'
})
}
})
},
// 修改
editClick (index, row) {
// popupDialog("申请人信息", "workflow/components/addQlr", {
// showButton: this.$route.query.viewtype ? false : true,
// dataIndex :index,
// details :row,
// isaddupdate :false
// });
this.dataIndex = index
this.dialog = true
this.details = row
this.isaddupdate = false
},
queryViewClick (index, row) {
// popupDialog("申请人信息", "workflow/components/addQlr", {
// showButton: this.$route.query.viewtype ? false : true,
// details: row,
// });
this.dialog = true
this.details = row
}
}
}
</script>
<style scoped lang="scss">
.el-input {
border: none !important;
}
</style>
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-18 15:01:31
* @LastEditTime: 2023-06-20 11:28:09
*/
import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
import { getPrintTemplateByCode } from "@/api/system";
......@@ -106,7 +106,7 @@ export default {
this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", {
bsmSlsq: this.bsmSlsq,
entryType: '1'
}, '65%', true)
}, '1210px', true)
break;
case "B6":
//根据编号获取对应信息
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-05-25 08:41:40
* @LastEditTime: 2023-06-20 10:27:45
-->
<template>
<div class="slxx">
......@@ -224,7 +224,7 @@
...res.result.qlxxdatas,
}
//初始化发证方式，1：小证，2：大正
this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs='1' : this.ruleForm.slsq.fzfs;
this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs;
}
});
},
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-05-25 08:41:33
* @LastEditTime: 2023-06-20 10:27:49
-->
<template>
<div class="slxx">
......@@ -210,7 +210,7 @@
...res.result.jsydsyqdatas,
};
//初始化发证方式，1：小证，2：大正
this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs='1' : this.ruleForm.slsq.fzfs;
this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs;
}
});
},
......
......@@ -110,7 +110,7 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="房屋用途：">
<el-input disabled v-model="ruleForm.fwyt"></el-input>
<el-input disabled v-model="ruleForm.ytmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......
......@@ -94,10 +94,12 @@ class data extends filter {
{
prop: "qlrmc",
label: "权利人",
minWidth: '150',
},
{
prop: "ywrmc",
label: "义务人",
minWidth: '150',
},
{
prop: "mjmc",
......@@ -127,6 +129,7 @@ class data extends filter {
{
label: '操作',
width: '130',
fixed: "right",
render: (h, scope) => {
return (
<div>
......