Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
2ac8114f by “miaofang
Options

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents 78a18e95 f1796538
Expand all
Inline Side-by-side
Showing 28 changed files with 781 additions and 700 deletions
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-19 15:52:44
* @LastEditTime: 2023-09-22 09:30:34
-->
<template>
<div class='ywdialog'>
......@@ -35,5 +35,6 @@
@import "~@/styles/public.scss";
.ywdialog {
min-width: 230px;
padding-bottom: 20px;
}
</style>
\ No newline at end of file
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-21 15:45:27
*/
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data1 extends filter {
constructor() {
super()
}
columns () {
return [
{
prop: "qlrmc",
label: "姓名/名称",
},
{
prop: "zjzlMc",
label: "证件种类"
},
{
prop: "zjh",
label: "证件号",
},
{
prop: "frmc",
label: "法人名称",
},
{
prop: "dwdz",
label: "地址",
},
{
prop: "dh",
label: "联系电话",
}
]
}
}
class data2 extends filter {
constructor() {
super()
}
columns () {
return [
{
prop: "qlrmc",
label: "姓名/名称",
},
{
prop: "zjzlMc",
label: "证件种类",
},
{
prop: "zjh",
label: "证件号",
},
{
prop: "frmc",
label: "法人名称",
},
{
prop: "dwdz",
label: "地址",
},
{
prop: "dh",
label: "联系电话",
},
]
}
}
let dataYh = new data1()
let dataQy = new data2()
export {
dataYh,
dataQy,
sendThis
}
<!--
* @Description: workFrame左侧菜单列表-普通
* @Autor: renchao
* @LastEditTime: 2023-07-17 16:16:13
* @LastEditTime: 2023-09-21 16:02:05
-->
<template>
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
......@@ -171,7 +171,6 @@
this.$parent.loadComponent(this.currentSelectProps, data);
this.$parent.tabset();
},
//申请单元点击事件
/**
* @description: 申请单元点击事件
* @param {*} index
......@@ -180,6 +179,7 @@
unitClick (index) {
this.clickindex = index
this.currentSelectProps = this.supplementarylist[index];
window.currentSelect = this.supplementarylist[index]
this.$emit("getCurrentSelectProps", this.currentSelectProps);
},
/**
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-01 13:30:54
* @LastEditTime: 2023-09-21 16:02:53
-->
<template>
<div>
......@@ -21,8 +21,9 @@
</div>
</template>
<script>
import addQlr from "./dialog/addQlr.vue";
import { mapGetters } from "vuex";
import addQlr from "./dialog/addQlr.vue";
import { getIdCardInfo } from '@/utils/operation.js'
export default {
components: {
addQlr,
......@@ -102,7 +103,7 @@
icon="el-icon-tickets"
disabled={!this.ableOperation}
onClick={() => {
this.readClick(scope);
this.readClick(scope.row)
}}
>
读取
......@@ -178,12 +179,12 @@
this.$nextTick(() => {
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([
{
qlrmc: "",
dlrzjlx: "",
dlrzjh: "",
fr: "",
},
// {
// qlrmc: "",
// dlrzjlx: "",
// dlrzjh: "",
// fr: "",
// },
]);
} else {
that.tableDataList = _.cloneDeep(val);
......@@ -255,15 +256,32 @@
this.tableDataList.splice(index, 1);
this.$emit("upDateQlrxxList", this.tableDataList);
},
// 身份证读取
/**
* @description: 身份证读取
* @author: renchao
*/
readClick () { },
// 身份证读取按钮禁用
readClick (row) {
getIdCardInfo().then(res => {
if (res.data.code == 0) {
let data = res.data.IDCardInfo
row.qlrmc = data.name
row.zjzl = '1'
row.zjh = data.cardID
row.xb = data.sexCode
row.dz = data.address
row.fzjg = data.issueOrgan
this.$message({
message: '读取成功！',
type: 'success'
})
} else {
this.$message({
message: res.data.message,
type: 'warning'
})
}
})
},
/**
* @description: 身份证读取按钮禁用
* @author: renchao
......
<template>
<div class="all">
<div class="tbalede">
<div class="all">
<div class="tbalede">
<div class="title">
{{ title }}
</div>
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index">
<span>
{{ getQsztName(row[item.prop]) }}
</span>
<span v-if="['djyy','fj'].includes(item.prop)">
{{ row[item.prop] }}
</span>
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index">
<span>
{{ getQsztName(row[item.prop]) }}
</span>
<span v-if="['djyy','fj'].includes(item.prop)">
{{ row[item.prop] }}
</span>
<span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
{{ row[item.prop] }}
</span>
<div v-if="judge(item.label)">
<div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
{{ label[item.prop] }}
</div>
<span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
{{ row[item.prop] }}
</span>
<div v-if="judge(item.label)">
<div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
{{ label[item.prop] }}
</div>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</div>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
<div class="tbalede">
<div class="title">
</div>
<div class="tbalede">
<div class="title">
{{ title }}
</div>
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index">
<span class="ooo" v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<el-tooltip v-if="['djyy','fj'].includes(item.prop)" >
<span>
{{ row[item.prop] }}
</span>
</el-tooltip>
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index">
<span class="ooo" v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
<el-tooltip v-if="['djyy','fj'].includes(item.prop)">
<span>
{{ row[item.prop] }}
</span>
<div v-if="judge(item.label)">
<div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
{{ label[item.prop] }}
</div>
</el-tooltip>
<span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)">
{{ row[item.prop] }}
</span>
<div v-if="judge(item.label)">
<div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index">
{{ label[item.prop] }}
</div>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
......@@ -77,7 +77,7 @@
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
bdcdyid: this.$route.query.bdcdyid,
bdcdyid: this.$route.query.bdcdyid,
qllx: this.$route.query.qllx,
//列表数据
tableData: [],
......@@ -110,7 +110,7 @@
if (res.code === 200) {
this.tableData = res.result;
this.tableData.forEach(item => {
this.tableData.push(item)
this.tableData.push(item)
item.sjlx = getSjlx(item.sjlx)
})
......@@ -195,129 +195,123 @@
<style lang="scss" scoped>
.all {
width: 794px;
height: 100%;
margin: auto;
background-color: rgb(255, 255, 255);
overflow: hidden
}
.tbalede {
width: 794px;
height: 1123px;
margin: auto;
.title {
width: 100%;
font-weight: 700;
font-size: 16px;
text-align: center;
height: 62px;
line-height: 62px;
position: relative;
margin: 0 3px;
}
}
.top {
width: 80%;
height: 100px;
margin: auto;
display: flex;
position: relative;
}
p {
position: absolute;
bottom: 10px;
right: 10px;
}
table {
width: 80%;
border: 1px solid black;
margin: 0 auto;
border-collapse: collapse;
}
.head {
font-size: 20px;
width: 100%;
height: 40px;
margin: auto;
}
.dyh {
padding: 10px;
font-size: 12px;
text-align: left;
}
.content {
height: 40px;
}
.slash-wrap {
position: relative;
box-sizing: border-box;
width: 150px;
height: 40px;
}
/* 斜线 */
.slash1 {
position: absolute;
display: block;
top: 0;
left: 0;
width: 133px;
height: 1px;
background-color: #949393;
transform: rotate(17.93010235415598deg);
transform-origin: top left;
}
/* 左下角文字 */
.left {
position: absolute;
left: 30px;
bottom: 5px;
}
/* 右上角文字 */
.mid {
position: absolute;
/* 右上角 right:0; top: 0; */
right: 29px;
top: 4px;
}
.xxTable {
width: 100%;
border-collapse: collapse;
width: 794px;
height: 100%;
margin: auto;
background-color: rgb(255, 255, 255);
overflow: hidden;
}
.tbalede {
width: 794px;
height: 1123px;
margin: auto;
.title {
width: 100%;
font-weight: 700;
font-size: 16px;
text-align: center;
height: 62px;
line-height: 62px;
position: relative;
margin: 0 3px;
}
}
.top {
width: 80%;
height: 100px;
margin: auto;
display: flex;
position: relative;
}
p {
position: absolute;
bottom: 10px;
right: 10px;
}
table {
width: 80%;
border: 1px solid black;
margin: 0 auto;
border-collapse: collapse;
}
.head {
font-size: 20px;
width: 100%;
height: 40px;
margin: auto;
}
.dyh {
padding: 10px;
font-size: 12px;
text-align: left;
}
.content {
height: 40px;
}
.slash-wrap {
position: relative;
box-sizing: border-box;
width: 150px;
height: 40px;
}
/* 斜线 */
.slash1 {
position: absolute;
display: block;
top: 0;
left: 0;
width: 133px;
height: 1px;
background-color: #949393;
transform: rotate(17.93010235415598deg);
transform-origin: top left;
}
/* 左下角文字 */
.left {
position: absolute;
left: 30px;
bottom: 5px;
}
/* 右上角文字 */
.mid {
position: absolute;
/* 右上角 right:0; top: 0; */
right: 29px;
top: 4px;
}
.xxTable {
width: 100%;
border-collapse: collapse;
tr td {
border: 2px solid rgb(227, 226, 226);
text-align: center;
height: 40px;
font-size: 13px;
// flex: 1;
// display: flex;
// align-items: center;
// justify-content: center;
min-width: 80px;
z-index: 1;
.ooo{
width: 190px!important;
}
}
td:first-child{
flex: inherit !important;
// width: 200px !important;
min-width: 180px !important;
}
}
.ellipsis-line {
display: inline-block;
width: 300px;
height: 100px!important;
line-height: 20px!important;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
}
tr td {
border: 2px solid rgb(227, 226, 226);
text-align: center;
height: 40px;
font-size: 13px;
// flex: 1;
// display: flex;
// align-items: center;
// justify-content: center;
min-width: 80px;
z-index: 1;
.ooo {
width: 190px !important;
}
}
td:first-child {
flex: inherit !important;
// min-width: 180px !important;
}
}
.ellipsis-line {
display: inline-block;
width: 300px;
height: 100px !important;
line-height: 20px !important;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 17:16:32
* @LastEditTime: 2023-09-22 09:56:51
-->
<template>
<div class="all">
<div class="all">
<div class="tbalede">
<table class="xxTable">
<tr>
<table class="xxTable">
<tr>
<th colspan="5" class="head"> {{ title }}</th>
</tr>
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index">
<span>
{{ getQsztName(row[item.prop]) }}
</span>
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td
v-for="(row, index) in tableData"
:key="index">
<span>
{{ getQsztName(row[item.prop]) }}
</span>
<span>
{{ row[item.prop] }}
</span>
<span>
{{ row[item.prop] }}
</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</template>
......@@ -44,7 +44,7 @@
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
bdcdyid: this.$route.query.bdcdyid,
bdcdyid: this.$route.query.bdcdyid,
qllx: this.$route.query.qllx,
//列表数据
tableData: [],
......@@ -151,108 +151,105 @@
</script>
<style lang="scss" scoped>
.all {
width: 794px;
height: 100%;
margin: auto;
background-color: rgb(255, 255, 255);
}
.tbalede {
width: 794px;
height: 1123px;
margin: auto;
}
.top {
width: 80%;
height: 100px;
margin: auto;
display: flex;
position: relative;
}
p {
position: absolute;
bottom: 10px;
right: 10px;
}
table {
width: 80%;
border: 1px solid black;
margin: 0 auto;
border-collapse: collapse;
}
.head {
font-size: 20px;
width: 100%;
height: 40px;
margin: auto;
}
.dyh {
padding: 10px;
font-size: 12px;
text-align: left;
}
.all {
width: 794px;
height: 100%;
margin: auto;
background-color: rgb(255, 255, 255);
}
.tbalede {
width: 794px;
height: 1123px;
margin: auto;
}
.top {
width: 80%;
height: 100px;
margin: auto;
display: flex;
position: relative;
}
p {
position: absolute;
bottom: 10px;
right: 10px;
}
table {
width: 80%;
border: 1px solid black;
margin: 0 auto;
border-collapse: collapse;
}
.head {
font-size: 20px;
width: 100%;
height: 40px;
margin: auto;
}
.dyh {
padding: 10px;
font-size: 12px;
text-align: left;
}
.content {
height: 40px;
}
.slash-wrap {
position: relative;
box-sizing: border-box;
width: 150px;
height: 40px;
}
/* 斜线 */
.slash1 {
position: absolute;
display: block;
top: 0;
left: 0;
width: 133px;
height: 1px;
background-color: #949393;
transform: rotate(17.93010235415598deg);
transform-origin: top left;
}
/* 左下角文字 */
.left {
position: absolute;
left: 30px;
bottom: 5px;
}
.content {
height: 40px;
}
.slash-wrap {
position: relative;
box-sizing: border-box;
width: 150px;
height: 40px;
}
/* 斜线 */
.slash1 {
position: absolute;
display: block;
top: 0;
left: 0;
width: 133px;
height: 1px;
background-color: #949393;
transform: rotate(17.93010235415598deg);
transform-origin: top left;
}
/* 左下角文字 */
.left {
position: absolute;
left: 30px;
bottom: 5px;
}
/* 右上角文字 */
.mid {
position: absolute;
/* 右上角 right:0; top: 0; */
right: 29px;
top: 4px;
}
.xxTable {
width: 100%;
border-collapse: collapse;
table-layout:fixed;
/* 右上角文字 */
.mid {
position: absolute;
/* 右上角 right:0; top: 0; */
right: 29px;
top: 4px;
}
.xxTable {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
td {
border: 1px solid rgb(0, 0, 0);
text-align: center;
height: 40px;
width: 80px!important;
word-wrap:break-word
}
td:first-child{
min-width: 180px !important;
}
}
.ellipsis-line {
display: inline-block;
width: 300px;
height: 100px!important;
line-height: 20px!important;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
}
td {
border: 1px solid rgb(0, 0, 0);
text-align: center;
height: 40px;
width: 80px !important;
word-wrap: break-word;
}
td:first-child {
// min-width: 180px !important;
}
}
.ellipsis-line {
display: inline-block;
width: 300px;
height: 100px !important;
line-height: 20px !important;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
}
</style>
......
......@@ -60,7 +60,8 @@
top: 0px;
z-index: 3;
margin-top: -2px;
&:after{
&:after {
content: "";
display: inline-block;
width: 100%;
......@@ -77,7 +78,8 @@
position: sticky;
top: 40px;
z-index: 3;
&:after{
&:after {
content: "";
display: inline-block;
width: 100%;
......@@ -102,7 +104,9 @@
left: 0;
z-index: 2;
margin-left: -2px;
&:before{
width: 200px;
&:before {
content: "";
display: inline-block;
width: 2px;
......@@ -113,7 +117,8 @@
left: -2px;
z-index: 3;
}
&:after{
&:after {
content: "";
display: inline-block;
width: 2px;
......@@ -228,11 +233,12 @@
min-width: 340px;
z-index: 1;
}
td:first-child{
td:first-child {
flex: inherit !important;
// width: 200px !important;
min-width: 180px !important;
// min-width: 180px !important;
}
>tr:nth-child(odd) td {
background: #f2f2f2;
}
......@@ -258,4 +264,4 @@
margin-left: 2px;
}
}
}
}
\ No newline at end of file
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-18 15:07:44
* @LastEditTime: 2023-09-22 09:49:24
-->
<template>
<div class="djxxTable">
......@@ -40,14 +40,14 @@
* @description: loadData
* @author: renchao
*/
loadData () {
loadData (checkList = []) {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getCfdjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
qszt: checkList
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
......
......@@ -23,13 +23,12 @@
{{ item.label }}
</td>
<td v-for="(row, index) in tableData" :key="index">
<div class="setbut" v-if="item.prop == 'bhqk'">
{{ index?"变化后": "变化前"}}
<div class="setbut" v-if="item.prop == 'bhqk'">
{{ index?"变化后": "变化前"}}
</div>
<div
v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
></div>
<span v-if="item.prop == 'qszt'" :class="item.co">
v-if="item.prop == 'cz' && row.sjlx != '系统数据'"></div>
<span v-if="item.prop == 'qszt'" :class="item.co">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else :class="item.co"> {{ row[item.prop] }}</span>
......@@ -42,150 +41,146 @@
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getDjbQlxxDiff } from "@/api/djbDetail.js";
export default {
props: {
formData: {
type: Object,
default: {},
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getDjbQlxxDiff } from "@/api/djbDetail.js";
export default {
props: {
formData: {
type: Object,
default: {},
},
},
},
data() {
return {
radio: 1,
title: "变化情况对比",
qsztList: datas.columns().qsztList,
//列表数据
tableData: [],
//空列值个数
emptycolNum: 1,
//列名称对象
columns: [],
columnsall:[],
columnsum:[]
};
},
created() {
switch (this.formData.dqqllx) {
case "JSYDSYQ":
this.columns = datas.columns().JSYDSYQ;
break;
case "FDCQ2":
this.columns = datas.columns().FDCQ2;
break;
case "NYDSYQ":
this.columns = datas.columns().NYDSYQ;
break;
case "DYAQ":
this.columns = datas.columns().DYAQ;
break;
case "DYIQ":
this.columns = datas.columns().DYIQ;
break;
case "YGDJ":
this.columns = datas.columns().YGDJ;
break;
case "CFDJ":
this.columns = datas.columns().CFDJ;
break;
case "YYDJ":
this.columns = datas.columns().YYDJ;
break;
}
this.getdata();
},
methods: {
getArrDifference: function(arr1, arr2){
return arr1.concat(arr2).filter(function(value, i, arr){
return arr.indexOf(value) === arr.lastIndexOf(value);
})
},
/**
* @description: checkChange
* @author: renchao
*/
getdata() {
getDjbQlxxDiff(this.formData.bsmQlxx).then((res) => {
if (res.code === 200) {
this.tableData.push(res.result.ssQlxx)
this.tableData.push(res.result.currentQlxx)
data () {
return {
radio: 1,
title: "变化情况对比",
qsztList: datas.columns().qsztList,
//列表数据
tableData: [],
//空列值个数
emptycolNum: 1,
//列名称对象
columns: [],
columnsall: [],
columnsum: []
};
},
created () {
switch (this.formData.dqqllx) {
case "JSYDSYQ":
this.columns = datas.columns().JSYDSYQ;
break;
case "FDCQ2":
this.columns = datas.columns().FDCQ2;
break;
case "NYDSYQ":
this.columns = datas.columns().NYDSYQ;
break;
case "DYAQ":
this.columns = datas.columns().DYAQ;
break;
case "DYIQ":
this.columns = datas.columns().DYIQ;
break;
case "YGDJ":
this.columns = datas.columns().YGDJ;
break;
case "CFDJ":
this.columns = datas.columns().CFDJ;
break;
case "YYDJ":
this.columns = datas.columns().YYDJ;
break;
}
this.getdata();
},
methods: {
getArrDifference: function (arr1, arr2) {
return arr1.concat(arr2).filter(function (value, i, arr) {
return arr.indexOf(value) === arr.lastIndexOf(value);
})
},
/**
* @description: checkChange
* @author: renchao
*/
getdata () {
getDjbQlxxDiff(this.formData.bsmQlxx).then((res) => {
if (res.code === 200) {
this.tableData.push(res.result.ssQlxx)
this.tableData.push(res.result.currentQlxx)
this.tableData.map((item) => {
item.sjlx = getSjlx(item.sjlx);
});
for (let key in this.tableData[0]) {
this.columnsum=this.columns.filter((item,index) => {
if(this.tableData[1][key]!==this.tableData[0][key]&&this.columns[index].prop==key){
this.columns[index].bt="bgc"
this.columns[index].co="red"
}
return this.columns[index].bt=="bgc"
})
}
this.columns.unshift({
prop: "bhqk",
label: ""
})
this.columnsum.unshift({
prop: "bhqk",
label: ""
})
this.columnsall= this.columns
this.tableData.map((item) => {
item.sjlx = getSjlx(item.sjlx);
});
for (let key in this.tableData[0]) {
this.columnsum = this.columns.filter((item, index) => {
if (this.tableData[1][key] !== this.tableData[0][key] && this.columns[index].prop == key) {
this.columns[index].bt = "bgc"
this.columns[index].co = "red"
}
return this.columns[index].bt == "bgc"
})
}
this.columns.unshift({
prop: "bhqk",
label: ""
})
this.columnsum.unshift({
prop: "bhqk",
label: ""
})
this.columnsall = this.columns
}
});
}
}
});
}
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
*/,
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
}
return name;
},
return name;
},
checkChange() {
if(this.radio==2){
this.columnsall=this.columnsum
checkChange () {
if (this.radio == 2) {
this.columnsall = this.columnsum
}else{
this.columnsall=this.columns
} else {
this.columnsall = this.columns
}
}
},
},
},
};
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.bgc{
td{
// background-color: rgb(182, 203, 207) !important;
@import "./qlxxCommon.scss";
.bgc {
td {
// background-color: rgb(182, 203, 207) !important;
}
}
.xxTable tr td{
min-width: 520px!important;
}
.red{
.xxTable tr td {
min-width: 520px !important;
}
.red {
color: red;
}
.setbut{
.setbut {
font-size: 18px;
font-weight: 700;
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-21 10:53:44
* @LastEditTime: 2023-09-22 09:47:08
-->
<template>
<div class="tableBox">
......@@ -172,7 +172,7 @@
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.$parent.loadData();
this.$parent.loadData(this.checkList);
}
},
/**
......
......@@ -9,8 +9,7 @@
class="tbalede"
v-for="(el, indexx) in datass"
:key="indexx"
style="page-break-after: always"
>
style="page-break-after: always">
<div class="title">{{ title }}</div>
<div class="num">共{{ datass.length }}页，第{{ indexx + 1 }}页</div>
<table class="xxTable">
......@@ -25,8 +24,7 @@
<td
v-show="el.emptycolNum"
v-for="count in emptycolNum"
:key="count"
></td>
:key="count"></td>
</tr>
</table>
</div>
......@@ -34,126 +32,120 @@
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFieldListByQlxx } from "@/api/SysDjbFieldDO.js";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFieldListByQlxx } from "@/api/SysDjbFieldDO.js";
export default {
data() {
return {
title: this.$parent.title,
//列表数据
//空列值个数
emptycolNum: 4,
//列名称对象
columns: [],
datass: [],
};
},
props: {
tableData: {
type: Array,
default: () => [],
export default {
data () {
return {
title: this.$parent.title,
//列表数据
//空列值个数
emptycolNum: 4,
//列名称对象
columns: [],
datass: [],
};
},
render: {
type: Boolean,
default: false,
},
},
created() {},
watch: {
tableData: {
handler(newValue, oldValue) {
this.tableData = newValue;
props: {
tableData: {
type: Array,
default: () => [],
},
render: {
type: Boolean,
default: false,
},
},
render: {
handler(newValue, oldValue) {
console.log("newValue",newValue);
console.log("columns",this.columns);
if (newValue) {
this.loadData();
}
created () { },
watch: {
tableData: {
handler (newValue, oldValue) {
this.tableData = newValue;
},
},
render: {
handler (newValue, oldValue) {
console.log("newValue", newValue);
console.log("columns", this.columns);
if (newValue) {
this.loadData();
}
},
},
immediate: true,
deep: true,
},
immediate: true,
deep: true,
},
methods: {
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
getFieldListByQlxx({
qllx: this.tableData[0].qllx,
}).then((res) => {
if (res.code === 200) {
this.columns = res.result;
console.log("columnssssssssssss",this.columns);
methods: {
/**
* @description: loadData
* @author: miaofang
*/
loadData () {
getFieldListByQlxx({
qllx: this.tableData[0].qllx,
}).then((res) => {
if (res.code === 200) {
this.columns = res.result;
console.log("columnssssssssssss", this.columns);
}
});
if (this.tableData.length && this.datass.length == 0) {
for (let i = 0; i < this.tableData.length; i += 4) {
this.datass.push(this.tableData.slice(i, i + 4));
}
let num = this.datass[this.datass.length - 1].length;
if (num < 4) {
this.emptycolNum = 4 - num;
this.datass[this.datass.length - 1].emptycolNum = true;
} else {
this.emptycolNum = 0;
}
}
});
if (this.tableData.length && this.datass.length == 0) {
for (let i = 0; i < this.tableData.length; i += 4) {
this.datass.push(this.tableData.slice(i, i + 4));
}
let num = this.datass[this.datass.length - 1].length;
if (num < 4) {
this.emptycolNum = 4 - num;
this.datass[this.datass.length - 1].emptycolNum = true;
} else {
this.emptycolNum = 0;
}
}
},
},
},
};
};
</script>
<style lang="scss" scoped>
.tbalede {
width: 100%;
margin: auto;
position: relative;
.num {
position: absolute;
right: 10px;
top: 0px;
}
.title {
.tbalede {
width: 100%;
font-weight: 700;
font-size: 16px;
text-align: center;
height: 62px;
line-height: 62px;
margin: auto;
position: relative;
margin: 0 3px;
}
.xxTable {
width: 100%;
border-collapse: collapse;
tr td {
border: 2px solid rgb(227, 226, 226);
.num {
position: absolute;
right: 10px;
top: 0px;
}
.title {
width: 100%;
font-weight: 700;
font-size: 16px;
text-align: center;
height: 40px;
font-size: 13px;
min-width: 80px;
z-index: 1;
min-width: 80px;
padding: 5px;
height: 62px;
line-height: 62px;
position: relative;
margin: 0 3px;
}
td {
width: 20px !important;
word-break: break-all;
// /* 方法一：使用 word-break */
// word-break: break-all;
// // /* 方法二：使用 white-space */
// // white-space: pre-wrap;
// // /* 方法三：使用 overflow-wrap */
// // overflow-wrap: break-word;
.xxTable {
width: 100%;
border-collapse: collapse;
tr td {
border: 2px solid rgb(227, 226, 226);
text-align: center;
height: 40px;
font-size: 13px;
min-width: 80px;
z-index: 1;
min-width: 80px;
padding: 5px;
}
td {
width: 20px !important;
word-break: break-all;
}
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-18 15:04:32
* @LastEditTime: 2023-09-22 09:50:12
-->
<template>
<div class="djxxTable">
......@@ -40,14 +40,14 @@
* @description: loadData
* @author: renchao
*/
loadData () {
loadData (checkList = []) {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getDiyaqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
qszt: checkList
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-09-18 15:04:54
* @LastEditTime: 2023-09-22 09:50:28
-->
<template>
<div class="djxxTable">
......@@ -36,14 +36,14 @@
this.loadData();
},
methods: {
loadData () {
loadData (checkList = []) {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getDiyiqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
qszt: checkList
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
......
......@@ -5,37 +5,37 @@
-->
<template>
<div class="djbfm">
<el-button class="print" v-print="printObj">打印</el-button>
<div class="fm" id="box">
<p>
<font style="">{{ info.sheng }}</font>
省 (区、市)
<font>{{ info.shi }}</font>
市 (区)
<font>{{ info.xian }}</font>
区 (县、市)
</p>
<p>
<font>{{ info.jdh }}</font>
街道 (乡、镇)
<font>{{ info.jfh }}</font>
街坊 (村)
<font>{{ info.zh }}</font>
组
</p>
<div class="title">不动产登记簿</div>
<p>
宗地/宗海号:
<font>{{ info.zddm }}</font>
</p>
<div class="bottom">
<el-button class="print" v-print="printObj">打印</el-button>
<div class="fm" id="box">
<p>
登记机构:
<font>{{ info.djjg }}</font>
<font style="">{{ info.sheng }}</font>
省 (区、市)
<font>{{ info.shi }}</font>
市 (区)
<font>{{ info.xian }}</font>
区 (县、市)
</p>
<p>
<font>{{ info.jdh }}</font>
街道 (乡、镇)
<font>{{ info.jfh }}</font>
街坊 (村)
<font>{{ info.zh }}</font>
组
</p>
<div class="title">不动产登记簿</div>
<p>
宗地/宗海号:
<font>{{ info.zddm }}</font>
</p>
<div class="bottom">
<p>
登记机构:
<font>{{ info.djjg }}</font>
</p>
</div>
</div>
</div>
</div>
</template>
......@@ -45,10 +45,10 @@
export default {
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
printObj: {
id: "box",
//其他配置项，
},
//传递参数
propsParam: this.$attrs,
info: {},
......@@ -78,58 +78,55 @@
width: 100%;
height: 100%;
position: relative;
.print{
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
.fm{
width: 100%;
.fm {
width: 100%;
height: 100%;
background: #fff;
line-height: 45px;
text-align: center;
font-size: 18px;
font-family: serif;
}
font {
border-bottom: 1px solid #000;
display: inline-block;
padding: 0 15px;
line-height: 16px;
}
}
font {
border-bottom: 1px solid #000;
display: inline-block;
padding: 0 15px;
line-height: 16px;
}
.title {
height: 40%;
display: flex;
font-size: 38px;
color: #000;
justify-content: center;
align-items: center;
}
.title {
height: 40%;
display: flex;
font-size: 38px;
color: #000;
justify-content: center;
align-items: center;
}
.bottom {
position: absolute;
bottom: 0px;
text-align: center;
width: 100%;
left: 0;
height: 100px;
line-height: 100px;
.bottom {
position: absolute;
bottom: 0px;
text-align: center;
width: 100%;
left: 0;
height: 100px;
line-height: 100px;
p {
font-size: 28px;
}
p {
font-size: 28px;
}
font {
font-size: 24px;
line-height: 24px;
}
font {
font-size: 24px;
line-height: 24px;
}
}
</style>
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-09-18 15:01:13
* @LastEditTime: 2023-09-22 09:49:44
-->
<template>
<div class="djxxTable">
......@@ -39,14 +39,14 @@
* @description: loadData
* @author: miaofang
*/
loadData () {
loadData (checkList = []) {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getFdcq2List({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
qszt: checkList
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-09-18 13:43:36
* @LastEditTime: 2023-09-22 09:49:31
-->
<template>
<div class="djxxTable">
......@@ -40,11 +40,11 @@
this.loadData();
},
methods: {
loadData () {
loadData (checkList = []) {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
qszt: checkList
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-09-18 13:44:04
* @LastEditTime: 2023-09-22 09:53:54
-->
<template>
<div class="djxxTable">
......@@ -40,7 +40,7 @@
this.loadData();
},
methods: {
loadData () {
loadData (checkList = []) {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
......@@ -50,7 +50,7 @@
getLqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
qszt: checkList
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-09-18 13:44:35
* @LastEditTime: 2023-09-22 09:53:31
-->
<template>
<div class="djxxTable">
......@@ -46,7 +46,7 @@
this.loadData();
},
methods: {
loadData () {
loadData (checkList = []) {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
......@@ -56,7 +56,7 @@
getNydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
qszt: checkList
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
......@@ -68,13 +68,13 @@
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
this.emptycolNum = 0
}
}
});
})
}
}
};
}
</script>
<style lang="scss" scoped>
......
......@@ -60,7 +60,8 @@
top: 0px;
z-index: 3;
margin-top: -2px;
&:after{
&:after {
content: "";
display: inline-block;
width: 100%;
......@@ -77,7 +78,8 @@
position: sticky;
top: 40px;
z-index: 3;
&:after{
&:after {
content: "";
display: inline-block;
width: 100%;
......@@ -102,7 +104,8 @@
left: 0;
z-index: 2;
margin-left: -2px;
&:before{
&:before {
content: "";
display: inline-block;
width: 2px;
......@@ -113,7 +116,8 @@
left: -2px;
z-index: 3;
}
&:after{
&:after {
content: "";
display: inline-block;
width: 2px;
......@@ -228,11 +232,12 @@
min-width: 340px;
z-index: 1;
}
td:first-child{
td:first-child {
flex: inherit !important;
// width: 200px !important;
min-width: 180px !important;
// min-width: 180px !important;
}
>tr:nth-child(odd) td {
background: #f2f2f2;
}
......@@ -258,4 +263,4 @@
margin-left: 2px;
}
}
}
}
\ No newline at end of file
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-09-18 13:45:03
* @LastEditTime: 2023-09-22 09:53:19
-->
<template>
<div class="djxxTable">
......@@ -36,7 +36,7 @@
this.loadData();
},
methods: {
loadData () {
loadData (checkList = []) {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
......@@ -46,7 +46,7 @@
getLqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
qszt: checkList
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
......
......@@ -44,7 +44,7 @@
* @description: loadData
* @author: miaofang
*/
loadData () {
loadData (checkList = []) {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
......@@ -54,7 +54,7 @@
getTdsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
qszt: checkList
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-09-18 13:40:33
* @LastEditTime: 2023-09-22 09:52:50
-->
<template>
<div class="djxxTable">
......@@ -36,7 +36,7 @@
this.loadData();
},
methods: {
loadData () {
loadData (checkList = []) {
// 判断是否在登记簿补录调的子页面
if (this.$parent.addRepairRecord) {
this.columns.unshift({
......@@ -47,7 +47,7 @@
getYgdjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
qszt: checkList
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
......@@ -60,7 +60,7 @@
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
this.emptycolNum = 0
}
}
})
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-09-18 15:06:35
* @LastEditTime: 2023-09-22 09:52:37
-->
<template>
<div class="djxxTable">
......@@ -36,7 +36,7 @@
this.loadData();
},
methods: {
loadData () {
loadData (checkList = []) {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
......@@ -46,7 +46,7 @@
getYydjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
qszt: checkList
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-20 16:07:43
* @LastEditTime: 2023-09-21 16:42:53
-->
<template>
<dialogBox
......@@ -543,7 +543,7 @@
cancelButtonText: '取消',
}).then(() => {
replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => {
that.$emit("updateDetail", _.cloneDeep(val));
that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' }));
that.$emit("input", false);
if (res.code == 200) {
that.$message({
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-19 14:04:13
* @LastEditTime: 2023-09-22 10:09:05
-->
<template>
<div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
......@@ -224,18 +224,18 @@
arr.push(currentLine);
if (i > 0) {
arr.forEach((line, index) => {
context.fillText(line, 129, 490 + (26 * (i - 1)) + 4 * num + (index * 14)); // 调整行高
context.fillText(line, 129, 485 + (24 * (i - 1)) + 4 * num + (index * 14)); // 调整行高
})
} else {
arr.forEach((line, index) => {
context.fillText(line, 129, 500 + (26 * (i - 1)) + (index * 14)); // 调整行高
context.fillText(line, 129, 495 + (26 * (i - 1)) + (index * 14)); // 调整行高
})
}
} else {
if (i > 0) {
context.fillText(lines[i] ? lines[i] : '', 129, 500 + 4 * num + (24 * (i - 1)));
context.fillText(lines[i] ? lines[i] : '', 129, 495 + 4 * num + (24 * (i - 1)));
} else {
context.fillText(lines[i] ? lines[i] : '', 129, 505 + (24 * (i - 1)));
context.fillText(lines[i] ? lines[i] : '', 129, 500 + (24 * (i - 1)));
}
}
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-14 16:59:38
* @LastEditTime: 2023-09-21 16:18:47
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -39,17 +39,6 @@ class data extends filter {
<div>
<a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
<span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
{/* <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
<span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.cfzt == 1}>,已查封</span>
<span v-show={scope.row.diyizt == 1}>,已地役</span>
<span v-show={scope.row.yyzt == 1}>,异议中</span>
<span v-show={scope.row.xzzt == 1}>,已限制</span>
<span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
<span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
<span v-show={scope.row.dyzt == 1}>,已抵押</span> */}
</div>
)
}
......@@ -72,7 +61,7 @@ class data extends filter {
label: "权利性质",
},
{
prop: "mj",
prop: "zdmj",
label: "面积(㎡)",
},
{
......@@ -80,7 +69,7 @@ class data extends filter {
label: "权利设定方式",
},
{
prop: "ytmc",
prop: "showTdyt",
label: "土地用途",
},
{
......