Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
8cf9a8dc by renchao@pashanhoo.com
Options

style:登记薄模块功能的完善

1 parent 3b89eb5f
Expand all
Inline Side-by-side
Showing 21 changed files with 625 additions and 652 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
......
<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>
......
......@@ -236,8 +236,7 @@
td:first-child {
flex: inherit !important;
// width: 200px !important;
min-width: 180px !important;
// min-width: 180px !important;
}
>tr:nth-child(odd) td {
......
<!--
* @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>
......
......@@ -104,7 +104,6 @@
left: 0;
z-index: 2;
margin-left: -2px;
width: 200px;
&:before {
content: "";
......@@ -236,8 +235,7 @@
td:first-child {
flex: inherit !important;
// width: 200px !important;
min-width: 180px !important;
// min-width: 180px !important;
}
>tr:nth-child(odd) td {
......
<!--
* @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;
......