Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
5aacf767 by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents d4889382 bb8c4ad9
Expand all
Inline Side-by-side
Showing 82 changed files with 1474 additions and 2680 deletions
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-16 14:05:25
* @LastEditTime: 2023-09-15 09:32:40
*/
import request from '@/utils/request'
import { log } from 'bpmn-js-token-simulation'
......@@ -25,7 +25,7 @@ export function addRepairRecord (data) {
*/
export function deleteFlow (params) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq='+params,
url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq=' + params,
method: 'get',
})
}
......@@ -37,7 +37,7 @@ export function deleteFlow (params) {
*/
export function deleteRepairRecord (params) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord?bsmRepair='+params,
url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord?bsmRepair=' + params,
method: 'get',
})
}
......@@ -49,7 +49,7 @@ export function deleteRepairRecord (params) {
*/
export function init (params) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair='+params.bsmRepair+'&isEdit='+params.isEdit,
url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair=' + params.bsmRepair + '&isEdit=' + params.isEdit,
method: 'get',
})
}
......@@ -61,7 +61,7 @@ export function init (params) {
*/
export function leftMenubl (params) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu?bsmSlsq='+params,
url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu?bsmSlsq=' + params,
method: 'get',
params
})
......@@ -110,7 +110,7 @@ export function getZtQlxx (params) {
* @param {*} data
* @author: renchao
*/
export function startBusinessFlow (data) {
export function startBusinessFlow (data) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/startBusinessFlow',
method: 'post',
......@@ -122,7 +122,7 @@ export function getZtQlxx (params) {
* @param {*} data
* @author: renchao
*/
export function addidea (data) {
export function addidea (data) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/sh',
method: 'post',
......@@ -134,9 +134,9 @@ export function getZtQlxx (params) {
* @param {*} data
* @author: renchao
*/
export function getShList (data) {
export function getShList (data) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair,
url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair=' + data.bsmRepair,
method: 'post',
data
})
......@@ -147,10 +147,24 @@ export function getZtQlxx (params) {
* @param {*} data
* @author: renchao
*/
export function getQlxxByQlxxBsm (params) {
export function getQlxxByQlxxBsm (params) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/getQlxxByQlxxBsm',
method: 'get',
params
})
}
/**
* @description: 初始化材料信息
* @param {*} data
* @author: renchao
*/
export function repairInitClml (data) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/repairInitClml',
method: 'post',
data
})
}
\ No newline at end of file
......
/*
* @Description: 登记业务信息接口
* @Autor: renchao
* @LastEditTime: 2023-09-18 14:22:02
*/
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
/**
* @description: 根据业务号查询系统参数数据
* @param {*} ywh
* @author: renchao
*/
export function getXtParamsByYwh (ywh) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/djyw/getXtParamsByYwh',
method: 'get',
params: {
ywh: ywh
}
})
}
/**
* @description: 根据业务号查询补录参数数据
* @param {*} ywh
* @param {*} bsmQlxx
* @author: renchao
*/
export function getBlParamsByYwh (ywh, bsmQlxx) {
return request({
url: SERVER.SERVERAPI + '​/rest​/ywbl​/djyw​/getBlParamsByYwh',
method: 'get',
params: {
ywh: ywh,
bsmQlxx: bsmQlxx
}
})
}
\ No newline at end of file
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-11 10:18:11
* @LastEditTime: 2023-09-14 17:11:15
-->
<template>
<transition name="msgbox-fade">
......@@ -160,7 +160,7 @@
.mask-content {
padding: 5px 20px 30px 20px;
width: 100%;
min-height: 20%;
min-height: 253px;
max-height: 90vh;
overflow-y: scroll;
}
......
这是登记薄材料明细
补录数据和临时数据
\ No newline at end of file
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-07 15:04:46
-->
<template>
<dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
:isFullscreen="false">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px">
<el-row>
<el-col :span="24">
<el-form-item label="材料类型" prop="cllx">
<el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择">
<el-option v-for="item in cllxList" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="材料名称" prop="clmc">
<el-input v-model="ruleForm.clmc"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</dialogBox>
</template>
<script>
import store from '@/store/index.js'
export default {
props: {
value: { type: Boolean, default: false },
},
data () {
return {
cllxList: store.getters.dictData['A40'],
myValue: this.value,
ruleForm: {
cllx: "",
clmc: "",
},
rules: {
cllx: [
{ required: true, message: '请选择材料类型', trigger: 'change' }
],
clmc: [
{ required: true, message: '请输入材料名称', trigger: 'blur' }
]
}
}
},
watch: {
value (val) {
this.myValue = val;
},
},
methods: {
/**
* @description: closeDialog
* @author: renchao
*/
closeDialog () {
this.$emit("input", false);
this.ruleForm = {
cllx: "",
clmc: "",
}
},
/**
* @description: handleSubmit
* @author: renchao
*/
handleSubmit () {
this.$refs['ruleForm'].validate((valid) => {
if (valid) {
this.$parent.addSave(this.ruleForm);
this.ruleForm = {
cllx: "",
clmc: "",
}
this.$emit("input", false);
} else {
return false;
}
})
}
}
};
</script>
<style scoped lang="scss">
.submit-button {
text-align: center;
height: 52px;
padding-top: 10px;
background-color: #fff;
}
</style>
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-14 11:14:54
-->
<template>
<div class="clmlmx-box">
<lb-table :column="column" :key="key" row-key="bsmMaterial" ref="listTable" :heightNumSetting="true" :calcHeight="500" :pagination="false"
:data="tableData">
</lb-table>
<div class="text-center">
<el-button @click="handleCancel">取消</el-button>
<el-button type="primary" @click="handleSubmit" :loading="loading">保存</el-button>
</div>
</div>
</template>
<script>
import store from '@/store/index.js'
import Sortable from 'sortablejs'
import { ywPopupCacel } from "@/utils/popup.js";
import { editCompanyMaterialList } from "@/api/company.js";
export default {
props: {
formData: {
type: Object,
default: () => {
return {}
}
}
},
data () {
return {
loading: false,
sortable: null,
column: [
{
label: "材料名称",
render: (h, scope) => {
return (
(scope.row.sfxjcl == '1') ?
<el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input> : <span>{scope.row.clmc}</span>
)
}
},
{
label: "材料类型",
width: "110",
render: (h, scope) => {
return (
<el-select value={scope.row.cllx}
onChange={(val) => { scope.row.cllx = val }}>
{
store.getters.dictData['A40'].map(option => {
return (
<el-option label={option.dname} value={option.dcode}></el-option>
)
})
}
</el-select>
)
}
},
{
label: "页数",
width: "80",
render: (h, scope) => {
if (scope.row.count && scope.row.count > 0) {
return (
<div>
<span>{scope.row.count}</span>
</div>
);
} else {
return (
<div>
<span>0</span>
</div>
);
}
},
},
{
label: "操作",
width: "100",
render: (h, scope) => {
return (
<el-button
type="text"
icon="el-icon-delete"
disabled={scope.row.count != 0}
onClick={() => {
this.handleDelete(scope.$index, scope.row);
}}
>
删除
</el-button>
)
}
}
],
key: 0,
tableData: []
}
},
mounted () {
this.initSort()
this.tableData = _.cloneDeep(this.formData.data)
},
beforeDestroy () {
if (this.sortable) {
this.sortable.destroy();
}
},
watch: {
'formData.data': {
handler: function (val, oldVal) {
this.tableData = _.cloneDeep(val)
},
immediate: true,
deep: true
}
},
methods: {
handleCancel () {
ywPopupCacel()
},
handleSubmit () {
this.loading = true
store.dispatch('user/reWorkFresh', false)
editCompanyMaterialList(this.tableData, this.formData.bsmCompany).then(res => {
this.loading = false
if (res.code == 200) {
this.$message({
message: '保存成功',
type: 'success'
})
store.dispatch('user/reWorkFresh', true)
ywPopupCacel()
}
}).catch(() => {
this.loading = false
})
},
/**
* @description: 材料目录删除
* @param {*} index
* @param {*} row
* @author: renchao
*/
handleDelete (index, row) {
this.$confirm('此操作将永久删除该 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.tableData.splice(index, 1);
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
},
initSort () {
const el = this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
this.sortable = Sortable.create(el, {
ghostClass: 'sortable-ghost',
setData: function (dataTransfer) {
dataTransfer.setData('Text', '')
},
onEnd: evt => {
const targetRow = this.tableData.splice(evt.oldIndex, 1)[0];
this.tableData.splice(evt.newIndex, 0, targetRow);
}
})
}
}
}
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
.clmlmx-box {
margin: 0 auto;
.title {
text-align: center;
height: 60px;
line-height: 60px;
border: 1px solid #dfe6ec;
font-size: 20px;
background: #81d3f81a;
margin-bottom: -1px;
}
}
</style>
......@@ -135,7 +135,7 @@
label="上手权利信息："
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
v-if="ruleForm.cfdj.sfbxf == '1'">
v-if="ruleForm.qlxx.djlx == '300'">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="730"
......@@ -189,9 +189,9 @@
<el-form-item label="是否被续封："
prop="cfdj.sfbxf"
:rules="rules.sfbxfrules">
<el-radio-group v-model="ruleForm.cfdj.sfbxf" @change="djlxchange">
<el-radio label="1">是</el-radio>
<el-radio label="2">否</el-radio>
<el-radio-group v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-radio label="800">是</el-radio>
<el-radio label="300">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
......@@ -546,9 +546,9 @@
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
if (this.ruleForm.cfdj) {
this.ruleForm.cfdj.sfbxf = "2"
}
// if (this.ruleForm.cfdj) {
// this.ruleForm.cfdj.sfbxf = "2"
// }
this.isShow = true;
let djlx = this.ruleForm.qlxx.djlx;
this.$endLoading();
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-22 16:27:38
* @LastEditTime: 2023-09-15 09:33:54
-->
<template>
<!-- 受理信息 -->
......@@ -210,11 +210,6 @@
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="8">
<el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item
label="登记机构："
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-09 09:20:10
* @LastEditTime: 2023-09-15 09:30:33
-->
<template>
<el-dialog
......@@ -11,8 +11,7 @@
:visible.sync="dialogVisible"
custom-class="insetDialog"
append-to-body
width="31%"
>
width="31%">
<!-- <el-radio-group v-model="radio">
<el-radio-button
v-for="(value, key) in qllxlistdata"
......@@ -21,9 +20,9 @@
></el-radio-button>
</el-radio-group> -->
<el-button class="gettypebutton" v-for="(value, key) in qllxlistdata"
:key="key"
:label="value" @click="clicksss(key)" plain>{{value}}</el-button>
<el-button class="gettypebutton" v-for="(value, key) in qllxlistdata"
:key="key"
:label="value" @click="clicksss(key)" plain>{{value}}</el-button>
<div class="btn">
<el-button type="primary" @click="handleSubmit">确定</el-button>
<el-button type="primary" @click="closeDialog">取消</el-button>
......@@ -32,99 +31,97 @@
</template>
<script>
export default {
data() {
return {
dialogVisible: false,
qllxlistdata: {},
radio: "",
qllx:""
};
},
methods: {
/**
* @description: closeDialog
* @author: renchao
*/
closeDialog() {
this.dialogVisible = false;
export default {
data () {
return {
dialogVisible: false,
qllxlistdata: {},
radio: "",
qllx: ""
};
},
/**
* @description: clicksss
* @param {*} el
* @author: renchao
*/
clicksss(el){
console.log("elllllllllllllllllllll",el);
this.qllx=el
},
/**
* @description: handleSubmit
* @author: renchao
*/
handleSubmit() {
methods: {
/**
* @description: closeDialog
* @author: renchao
*/
closeDialog () {
this.dialogVisible = false;
},
if(this.qllx){
let qllxobj = {
qllx:this.qllx,
bsmQlxx:""
};
this.$parent.addRepairRecord(qllxobj)
}else{
this.$message({
/**
* @description: clicksss
* @param {*} el
* @author: renchao
*/
clicksss (el) {
this.qllx = el
},
/**
* @description: handleSubmit
* @author: renchao
*/
handleSubmit () {
if (this.qllx) {
let qllxobj = {
qllx: this.qllx,
bsmQlxx: ""
};
this.$parent.addRepairRecord(qllxobj)
} else {
this.$message({
type: "warning",
message: "请选择权利类型!",
});
}
this.qllx=""
}
this.qllx = ""
},
},
},
};
};
</script>
<style scoped lang="scss">
@import '~@/styles/public.scss';
.qllxdialog {
margin-top: 160px;
/deep/.el-dialog__body {
margin-top: 10px;
// height: 100px;
padding: 20px;
@import "~@/styles/public.scss";
.qllxdialog {
margin-top: 160px;
/deep/.el-dialog__body {
margin-top: 10px;
// height: 100px;
padding: 20px;
}
.gettypebutton {
cursor: pointer;
margin-left: 20px;
width: 45%;
line-height: 20px;
background-color: #ebebeb;
margin-top: 20px;
padding-left: 20px;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ebebeb;
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: #000;
}
.gettypebutton:hover {
border: 1px solid #0f93f6;
color: #0f93f6;
}
.gettypebutton:focus {
background-color: #0f93f6;
border: 1px solid #0f93f6;
color: #ebebeb;
}
.btn {
margin-top: 30px;
text-align: center;
.el-button {
margin-top: 10px;
margin-left: 20px;
}
}
}
.gettypebutton{
cursor: pointer;
margin-left: 20px;
width: 45%;
line-height: 20px;
background-color: #ebebeb;
margin-top: 20px;
padding-left: 20px;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ebebeb;
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: #000;
}
.gettypebutton:hover{
border: 1px solid #0F93F6;
color: #0F93F6;
}
.gettypebutton:focus{
background-color: #0F93F6;
border: 1px solid #0F93F6;
color: #ebebeb;
}
.btn{
margin-top:30px;
text-align: center;
.el-button {
margin-top: 10px;
margin-left: 20px;
}
}
}
</style>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-29 14:39:11
* @LastEditTime: 2023-09-15 09:31:37
*/
//流程环节操作按钮
export function getForm(tabName) {
export function getForm (tabName) {
let form;
switch (tabName) {
case "zdjbxx":
......@@ -46,7 +46,7 @@ export function getForm(tabName) {
case "yydj":
form = require("@/views/registerBook/yydj.vue");
break;
//林地使用权
//林地使用权
case "slxxlq":
form = require("@/views/djbworkflow/djbBook/components/blxxtabs/lq.vue");
break;
......@@ -82,7 +82,7 @@ export function getForm(tabName) {
form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue");
break;
case "clxx":
form = require("@/views/workflow/components/clxx/clxxUnify.vue");
form = require("@/views/djbworkflow/djbBook/components/clxx/index.vue");
break;
case "spyj":
form = require("@/views/djbworkflow/djbBook/spyj.vue");
......
/*
* @Description:workFramezu.vue组件的方法 头部按钮弹框方法
* @Autor: miaofang
* @LastEditTime: 2023-09-01 15:12:48
* @LastEditTime: 2023-09-18 11:06:44
*/
import { getPrintTemplateByCode } from "@/api/print";
import { getQllxByBdcdyid } from "@/api/djbDetail.js";
......@@ -171,7 +171,8 @@ export default {
break;
case "B8":
this.$popupDialog('楼盘表', 'lpb/index', {
bsm: ''
bsm: '',
onlyShow: true,
}, '90%', true)
break;
case "back": //退回按钮
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-14 12:52:54
* @LastEditTime: 2023-09-15 09:27:14
-->
<template>
<div class="container">
......@@ -53,7 +53,6 @@
:key="item.value">
</el-tab-pane>
</el-tabs>
<component
:key="fresh"
:is="componentTag"
......@@ -132,7 +131,6 @@
mounted () {
// this.getleftMenubl()
},
methods: {
/**
* @description: stepForm
......@@ -163,7 +161,6 @@
});
}
},
// 获取右侧选项卡
/**
* @description: 获取右侧选项卡
* @param {*} val
......@@ -185,7 +182,6 @@
this.stepForm(this.currentSelectProps.qllx);
}
},
// 获取渲染登记簿列表
/**
* @description: 获取渲染登记簿列表
* @author: renchao
......@@ -218,7 +214,6 @@
}
});
},
//选项卡切换事件
/**
* @description: 右侧表单选项卡事件
* @param {*} handleClick
......@@ -233,7 +228,6 @@
}
},
//右侧表单选项卡事件
/**
* @description: 右侧表单选项卡事件
* @param {*} activeName
......@@ -243,7 +237,6 @@
beforeLeave (activeName) {
if (activeName && activeName != 0) this.getFromRouter(activeName);
},
//切换选项卡内容组件
/**
* @description: 切换选项卡内容组件
* @param {*} tabname
......@@ -255,7 +248,6 @@
changeywh () {
this.$refs.Menu.getleftMenubl("change");
},
// 增加补录记录
/**
* @description: 增加补录记录
* @param {*} row
......@@ -300,21 +292,9 @@
.catch((res) => {
console.log("错", res);
});
},
// openDialog () {
// this.$store.dispatch('user/refreshPage', false)
// let data = JSON.parse(localStorage.getItem('ywbl'))
// let title
// if (data?.sqywmc) {
// title = "申请业务：" + data?.sqywmc
// } else {
// title = "申请业务：" + data?.djywmc
// }
// this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
// }
},
};
}
}
}
</script>
<style scoped lang="scss">
.rightContainer {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-12 16:55:35
* @LastEditTime: 2023-09-15 14:46:47
-->
<template>
<div class="edit">
......@@ -22,6 +22,7 @@
:zrzbsm="formData.bsm"
:scyclx="formData.scyclx"
:onlyShow="formData.onlyShow"
:showSave="formData.showSave"
:unitData="formData.unitData"
:sqywInfo="formData"
:key="time"></lpbContent>
......
......@@ -2,7 +2,7 @@
* @Author: yangwei
* @Date: 2023-02-28 15:47:12
* @LastEditors: yangwei
* @LastEditTime: 2023-09-14 15:04:20
* @LastEditTime: 2023-09-15 14:52:50
* @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ch.vue
* @Description:
*
......@@ -96,6 +96,10 @@ export default {
return [];
},
},
onlyShow:{
type: Boolean,
default: true,
}
},
data() {
return {
......@@ -140,23 +144,25 @@ export default {
* @author: renchao
*/
handleClickC(e, item) {
// 判断点击的层是否选中
if (e.target.className.indexOf("tdSelect") == -1) {
//未选中→选中
item.hs.forEach((h) => {
//加边框
e.target.className += " tdSelect";
h.select = true;
// 使用hbsmList时，需要去重
this.hbsmList.push(h.bsm)
});
} else {
//选中→未选中
item.hs.forEach((h) => {
e.target.className = "floor";
h.select = false;
this.hbsmList = this.hbsmList.filter((i) => i != h.bsm);
});
if (!this.onlyShow) {
// 判断点击的层是否选中
if (e.target.className.indexOf("tdSelect") == -1) {
//未选中→选中
item.hs.forEach((h) => {
//加边框
e.target.className += " tdSelect";
h.select = true;
// 使用hbsmList时，需要去重
this.hbsmList.push(h.bsm)
});
} else {
//选中→未选中
item.hs.forEach((h) => {
e.target.className = "floor";
h.select = false;
this.hbsmList = this.hbsmList.filter((i) => i != h.bsm);
});
}
}
},
//户单击事件
......@@ -168,26 +174,28 @@ export default {
* @author: renchao
*/
handleClickH(e, bsm, hs) {
let self = this;
// 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
clearTimeout(self.time);
self.time = setTimeout(() => {
// this.closeMenu();
//判断点击的户是否选中
if (!hs.select) {
//未选中→选中
//加边框
hs.select = true;
// 将户bsm放进hbsmList
self.hbsmList.push(bsm);
} else {
//选中→未选中
hs.select = false;
self.hbsmList = self.hbsmList.filter((i) => i != bsm);
}
//更新当前选中户数据
this.$forceUpdate();
}, 200);
if (!this.onlyShow) {
let self = this;
// 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
clearTimeout(self.time);
self.time = setTimeout(() => {
// this.closeMenu();
//判断点击的户是否选中
if (!hs.select) {
//未选中→选中
//加边框
hs.select = true;
// 将户bsm放进hbsmList
self.hbsmList.push(bsm);
} else {
//选中→未选中
hs.select = false;
self.hbsmList = self.hbsmList.filter((i) => i != bsm);
}
//更新当前选中户数据
this.$forceUpdate();
}, 200);
}
},
// 户单元状态点击事件
/**
......@@ -198,7 +206,9 @@ export default {
* @author: renchao
*/
hDyztClick(e, bsm, hs) {
this.handleClickH(e.target.parentNode, bsm, hs);
if (!this.onlyShow) {
this.handleClickH(e.target.parentNode, bsm, hs);
}
},
//户双击事件
/**
......
......@@ -4,22 +4,22 @@
<!-- 纵向倒序排列 逻辑幢位于独立幢单元和独立层户的上方 -->
<div class="ch-zdy-wrap">
<!-- 幢单元 -->
<zdy-cpn v-if="lpbData.zdys.length" :zdys="lpbData.zdys" :onlyShow="onlyShow"/>
<zdy-cpn v-if="lpbData.zdys.length" :zdys="lpbData.zdys" :onlyShow="onlyShow"/>
<!-- 独立层户 -->
<ch-cpn v-if="lpbData.cs.length" :ch="lpbData.cs" />
<ch-cpn v-if="lpbData.cs.length" :ch="lpbData.cs" :onlyShow="onlyShow"/>
</div>
<!-- 逻辑幢 -->
<ljzs-cpn v-if="lpbData.ljzs.length" :ljzs="lpbData.ljzs" :onlyShow="onlyShow"/>
</div>
<!-- 自然幢名称 -->
<!-- <p class="lpb-xmmc" :style="{ 'border-bottom': onlyShow ? 0 : '1px solid #e6e6e6'}"> -->
<p class="lpb-xmmc" :style="{ 'border-bottom':'1px solid #e6e6e6'}">
<p class="lpb-xmmc" v-if="onlyShow" style="border-bottom: 1px solid #e6e6e6">{{ lpbData.xmmc }}</p>
<p class="lpb-xmmc" v-else :style="{ 'border-bottom':'1px solid #e6e6e6'}">
<el-checkbox @change="zdySelectAll($event)">{{
lpbData.xmmc
}}</el-checkbox>
</p>
<el-button type="primary" class="save-btn" v-if="!onlyShow" @click="saveLpb">保存</el-button>
<el-button type="primary" class="save-btn" v-else @click="submitForm" :loading="loading">发起申请</el-button>
<el-button type="primary" class="save-btn" v-if="!onlyShow && showSave" @click="saveLpb">保存</el-button>
<el-button type="primary" class="save-btn" v-if="!onlyShow" @click="submitForm" :loading="loading">发起申请</el-button>
<!-- 右键菜单 -->
<ul
v-show="lpbChVisible"
......@@ -70,6 +70,10 @@ export default {
type: Boolean,
default: true,
},
showSave:{
type: Boolean,
default: false,
},
scyclx: {
type: Number,
default: 0,
......@@ -278,8 +282,8 @@ export default {
},
computed:{
lpbContentHeight(){
// return this.onlyShow ? 36 : 76
return 76
return this.onlyShow ? 32 : 76
// return 76
}
},
watch: {
......
......@@ -2,7 +2,7 @@
* @Author: yangwei
* @Date: 2023-02-28 17:25:45
* @LastEditors: yangwei
* @LastEditTime: 2023-09-14 14:35:19
* @LastEditTime: 2023-09-15 14:55:58
* @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ljzs.vue
* @Description:
*
......@@ -26,7 +26,7 @@
}}</el-checkbox>
</p>
<!-- 独立层户 -->
<ch-cpn v-if="ljz.cs.length" :ref="ljz.bsm" :ch="ljz.cs" />
<ch-cpn v-if="ljz.cs.length" :ref="ljz.bsm" :ch="ljz.cs" :onlyShow="onlyShow"/>
<!-- 幢单元 -->
<zdy-cpn v-if="ljz.zdys.length" :ref="'zdy' + ljz.bsm" :zdys="ljz.zdys" :onlyShow="onlyShow"/>
</div>
......@@ -40,13 +40,14 @@
v-else
>
<!-- 逻辑幢名称 -->
<p class="lpb-xmmc ljz-xmmc">
<p class="lpb-xmmc ljz-xmmc" v-if="onlyShow">{{ ljzarr[0].ljzmc }}</p>
<p class="lpb-xmmc ljz-xmmc" v-else>
<el-checkbox @change="zdySelectAll($event,ljzarr[0].bsm)">{{
ljzarr[0].ljzmc
}}</el-checkbox>
</p>
<!-- 独立层户 -->
<ch-cpn v-if="ljzarr[0].cs.length" :ref="ljzarr[0].bsm" :ch="ljzarr[0].cs" />
<ch-cpn v-if="ljzarr[0].cs.length" :ref="ljzarr[0].bsm" :ch="ljzarr[0].cs" :onlyShow="onlyShow"/>
<!-- 幢单元 -->
<zdy-cpn v-if="ljzarr[0].zdys.length" :ref="'zdy' + ljzarr[0].bsm" :zdys="ljzarr[0].zdys" :onlyShow="onlyShow"/>
</div>
......
......@@ -2,7 +2,7 @@
* @Author: yangwei
* @Date: 2023-02-28 16:29:04
* @LastEditors: yangwei
* @LastEditTime: 2023-09-14 14:36:51
* @LastEditTime: 2023-09-15 14:57:10
* @FilePath: \bdcdj-web\src\views\lpb\lpbContent\zdys.vue
* @Description:
*
......@@ -13,12 +13,13 @@
<div v-for="zdy in realZdys" :key="zdy.bsm">
<!-- 幢单元名称 -->
<p class="lpb-xmmc">
<el-checkbox @change="zdySelectAll($event,zdy.bsm)">{{
<el-checkbox @change="zdySelectAll($event,zdy.bsm)" v-if="!onlyShow">{{
zdy.zdymc
}}</el-checkbox>
<span v-else>{{zdy.zdymc}}</span>
</p>
<!-- 每个幢单元下的层户 -->
<ch-cpn :ref="zdy.bsm" :ch="zdy.cs" />
<ch-cpn :ref="zdy.bsm" :ch="zdy.cs" :onlyShow="onlyShow"/>
</div>
</div>
</template>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:45:50
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="boxcfdj" :tableData="tableData" :render="render"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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-group>
</div>
</div>
<div class="xxTableBox rollTable">
<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"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]"
>
<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.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
</div>
</template>
<script>
import printTemplate from "./components/printTemplate.vue";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getCfdjList } from "@/api/djbDetail.js";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "查封登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().CFDJ,
render: false,
};
},
created() {
this.loadData();
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
import djbDetail from "./components/djbDetail.vue"
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getCfdjList } from "@/api/djbDetail.js";
export default {
components: {
djbDetail
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxcfdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
data () {
return {
shows: false,
title: "查封登记信息",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().CFDJ,
render: false,
};
},
/**
* @description: loadData
* @author: renchao
*/
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getCfdjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
this.tableData.forEach((item, index) => {
if (item.sfbxf == "1") {
item.zxywh = "";
item.zxdbr = "";
item.zxsj = "";
}
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
/**
* @description: checkChange
* @author: renchao
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
created () {
this.loadData();
},
/**
* @description: getQsztName
* @author: renchao
*/
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
methods: {
/**
* @description: loadData
* @author: renchao
*/
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
this.$message({
type: "success",
message: "补录成功!",
});
getCfdjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
this.tableData.forEach((item, index) => {
if (item.sfbxf == "1") {
item.zxywh = "";
item.zxdbr = "";
item.zxsj = "";
}
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
});
});
},
},
};
}
}
}
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-18 14:42:14
-->
<template>
<div class="tableBox">
<div v-show="false">
<printTemplate
id="boxdiyaq"
:tableData="tableData"
:render="render" />
</div>
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
<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-group>
</div>
</div>
<div class="xxTableBox rollTable">
<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"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]">
<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.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<el-link v-if="item.prop == 'ywh'"
@click="handleSelectYwh(tableData, row[item.prop])"
type="primary">{{ row[item.prop] }}</el-link>
<span v-if="!['qszt','ywh' ].includes(item.prop)">{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width">
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</template>
<script>
import Router from '@/router'
import { datas } from "../qlxxFormData.js";
import printTemplate from "../components/printTemplate.vue";
import { getXtParamsByYwh, getBlParamsByYwh } from '@/api/djyw'
export default {
components: {
printTemplate
},
props: {
title: {
type: String,
default: ''
},
shows: {
type: Boolean,
default: false
},
// 传递参数
propsParam: {
type: Object,
default: () => { }
},
// 列表数据
tableData: {
type: Array,
default: () => []
},
columns: {
type: Array,
default: () => []
},
},
data () {
return {
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//空列值个数
emptycolNum: datas.columns().emptycolNum,
render: false,
};
},
methods: {
openPrint () {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss () {
printJS({
printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render = false
},
/**
* @description: checkChange
* @author: renchao
*/
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.$parent.loadData();
}
},
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
*/
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
*/
editDialog (row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.$parent.addRepairRecord(row, del);
this.$message({
type: "success",
message: "补录成功!"
})
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑"
})
})
},
// 选择业务号
handleSelectYwh (data, ywh) {
let sjlx = '',
bsmQlxx = ''
data.forEach(item => {
if (item.ywh == ywh) {
sjlx = item.sjlx
bsmQlxx = item.bsmQlxx
}
})
if (sjlx == '系统数据') {
getXtParamsByYwh(ywh).then(res => {
let data = res.result
const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
window.open(href, `urlname${data.bsmSlsq}`)
})
} else {
getBlParamsByYwh(ywh, bsmQlxx).then(res => {
let data = res.result
const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
window.open(href, `urlname${data.bsmSlsq}`)
})
}
}
}
}
</script>
<style lang="scss" scoped>
@import "../qlxxCommon.scss";
.title {
position: relative;
.print {
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
</style>
......@@ -69,6 +69,8 @@ export default {
},
render: {
handler(newValue, oldValue) {
console.log("newValue",newValue);
console.log("columns",this.columns);
if (newValue) {
this.loadData();
}
......@@ -88,6 +90,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.columns = res.result;
console.log("columnssssssssssss",this.columns);
}
});
if (this.tableData.length && this.datass.length == 0) {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:14:31
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="boxdiyaq" :tableData="tableData" :render="render"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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-group>
</div>
</div>
<div class="xxTableBox rollTable">
<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"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]"
>
<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.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getDiyaqList } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
import djbDetail from "./components/djbDetail.vue"
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getDiyaqList } from "@/api/djbDetail.js";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "抵押权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().DYAQ,
render: false,
};
},
created() {
this.loadData();
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
djbDetail
},
/**
* @description: loadData
* @author: renchao
*/
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getDiyaqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
data () {
return {
shows: false,
title: "抵押权登记信息",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().DYAQ,
render: false,
};
},
/**
* @description: checkChange
* @author: renchao
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
created () {
this.loadData();
},
/**
* @description: getQsztName
* @param {*} code
* @author: renchao
*/
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
methods: {
/**
* @description: loadData
* @author: renchao
*/
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: renchao
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
this.$message({
type: "success",
message: "补录成功!",
});
getDiyaqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
});
});
},
},
};
}
}
}
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:41:23
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="boxdiyiq" :tableData="tableData" :render="render"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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-group>
</div>
</div>
<div class="xxTableBox rollTable">
<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"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]"
>
<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.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getDiyiqList } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
import djbDetail from "./components/djbDetail.vue"
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getDiyiqList } from "@/api/djbDetail.js";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
title: "地役权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().DYIQ,
render: false,
};
},
created() {
this.loadData();
},
methods: { /**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxdiyiq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
djbDetail
},
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getDiyiqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
data () {
return {
shows: false,
title: "地役权登记信息",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().DYIQ,
render: false,
};
},
/**
* @description: checkChange
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
created () {
this.loadData();
},
/**
* @description: getQsztName
* @param {*} code
* @author: miaofang
*/
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
methods: {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: miaofang
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
this.$message({
type: "success",
message: "补录成功!",
});
getDiyiqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
});
});
},
},
};
}
}
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 15:57:40
* @LastEditTime: 2023-09-18 13:39:51
-->
<template>
<div class="content">
......@@ -33,7 +33,7 @@
<el-button
v-for="(item, index) in item.children"
:re='item'
:key="index"
:key="item.id"
class="sfqcontent"
@click="addlist(item, index)">
{{ item.label }}
......@@ -83,7 +83,6 @@
this.loadData(this.formData.bdcdyh);
},
methods: {
/**
* @description: getBdcdyh
* @author: miaofang
......@@ -122,12 +121,8 @@
bdcdyh: val.bdcdyh,
qllx: this.formData.qllx,
bsmQlxx: this.formData.bsmQlxx,
};
}
},
/**
* @description: loadData
* @author: renchao
*/
loadData (val) {
getBdcqljqtsx({
bdcdyid: this.formData.bdcdyid,
......@@ -142,26 +137,24 @@
this.defaultNode = getNode(
this.formData.qllx,
{ linShi: 0, xianShi: 0, liShi: 0 },
res.result.bdcdylx|| ""
res.result.bdcdylx || ""
);
this.sfqdata[0].children.forEach((item, index) => {
if (item.id == this.defaultNode.id) {
this.iskey = index
}
})
this.setstyle(0, 0, this.iskey);
});
console.log(this.sfqdata, ' this.sfqdata');
})
}
});
})
this.currentSelectProps = {
bdcdyid: this.formData.bdcdyid,
bdcdyh: val,
qllx: this.formData.qllx,
bsmQlxx: this.formData.bsmQlxx,
};
}
},
/**
* @description: handleNodeClick
......@@ -171,12 +164,6 @@
handleNodeClick (data) {
this.loadComponent(data.form);
},
/**
* @description: setstyle
* @param {*} data
* @author: renchao
* 设置样式和点击定位到当前功能
*/
setstyle (newindex, index, key) {
if (key != undefined || this.keyy == index) {
if (key != undefined) {
......@@ -193,10 +180,6 @@
dpme.style.color = "black";
dpme.style.border = "none";
}
},
/**
* @description: addlist
......@@ -213,13 +196,12 @@
this.currentSelectProps.bdcdyid = data.bdcdyid;
this.loadComponent(data.form);
} else {
this.loadComponent(data.form);
let newindex = this.sfqdata.findIndex((item) => {
let newindex = this.sfqdata.findIndex((item) => {
return item.bdcdyid == data.bdcdyid;
});
this.setstyle(newindex, index);
this.loadComponent(data.form);
}
},
/**
* @description: loadComponent
......@@ -227,11 +209,12 @@
* @author: renchao
*/
loadComponent (form) {
console.log(form, 'form');
this.componentTag = (r) =>
require.ensure([], () => r(require("@/views/registerBook/" + form)));
},
},
};
}
}
}
</script>
<style scoped lang="scss">
/deep/.rollTable {
......
import { log } from "bpmn-js-token-simulation";
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 10:52:40
*/
var qlxxPage = [
{ qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" },
{ qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" },
......@@ -45,7 +47,7 @@ var qlxxPage = [
* @param {*} bdcdyh
* @author: renchao
*/
export function loadTreeData(bdcdyh) {
export function loadTreeData (bdcdyh) {
let treedata = [];
//加载封面
treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" });
......@@ -53,24 +55,24 @@ export function loadTreeData(bdcdyh) {
treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] });
return treedata;
}
export function loadsfqData(qlxxData, bdcdyh,bdcdyid) {
let treedata={
bdcdyid:bdcdyid,id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [],
};
//主体权利
treedata.children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx,bdcdyid));
//抵押权
treedata.children.push(getNode("A37", qlxxData.diyaq, '',bdcdyid));
//地役权
treedata.children.push(getNode("A19", qlxxData.diyiq, '',bdcdyid));
//预告登记
treedata.children.push(getNode("B40", qlxxData.ygdj, '',bdcdyid));
//异议登记
treedata.children.push(getNode("B38", qlxxData.yydj, '',bdcdyid));
//查封登记
treedata.children.push(getNode("B39", qlxxData.cfdj, '',bdcdyid));
export function loadsfqData (qlxxData, bdcdyh, bdcdyid) {
let treedata = {
bdcdyid: bdcdyid, id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [],
};
//主体权利
treedata.children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx, bdcdyid));
//抵押权
treedata.children.push(getNode("A37", qlxxData.diyaq, '', bdcdyid));
//地役权
treedata.children.push(getNode("A19", qlxxData.diyiq, '', bdcdyid));
//预告登记
treedata.children.push(getNode("B40", qlxxData.ygdj, '', bdcdyid));
//异议登记
treedata.children.push(getNode("B38", qlxxData.yydj, '', bdcdyid));
//查封登记
treedata.children.push(getNode("B39", qlxxData.cfdj, '', bdcdyid));
return treedata;
return treedata;
}
//获取权利类型、不动产单元类型对应的树形节点信息
......@@ -81,18 +83,18 @@ export function loadsfqData(qlxxData, bdcdyh,bdcdyid) {
* @param {*} bdcdylx
* @author: renchao
*/
export function getNode(qllx, qlxx, bdcdylx,bdcdyid) {
export function getNode (qllx, qlxx, bdcdylx, bdcdyid) {
let node;
for (var i = 0; i < qlxxPage.length; i++) {
if (qlxxPage[i].qllx == qllx) {
if (qllx == "A04" || qllx == "A06" || qllx == "A08") {
if (bdcdylx == "4") {
node = {bdcdyid:bdcdyid,id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
node = { bdcdyid: bdcdyid, id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi + ")" };
} else {
node = { bdcdyid:bdcdyid,id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
node = { bdcdyid: bdcdyid, id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi + ")" };
}
} else {
node = { bdcdyid:bdcdyid,id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
node = { bdcdyid: bdcdyid, id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi + ")" };
}
break;
}
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:42:34
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate
id="boxfdcq"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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-group>
</div>
</div>
<div class="xxTableBox rollTable">
<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"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]"
>
<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.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
</div>
</template>
<script>
import printTemplate from "./components/printTemplate.vue";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFdcq2List } from "@/api/djbDetail.js";
export default {
components: {
printTemplate,
},
data() {
return {
shows: false,
title: "房地产权登记信息（独幢、层、套、间房屋）",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().FDCQ2,
render: false,
};
},
created() {
this.loadData();
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render = false
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFdcq2List } from "@/api/djbDetail.js";
import djbDetail from "./components/djbDetail.vue"
export default {
components: {
djbDetail
},
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
getFdcq2List({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
data () {
return {
shows: false,
title: "房地产权登记信息（独幢、层、套、间房屋）",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().FDCQ2,
render: false,
};
},
/**
* @description: checkChange
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
created () {
this.loadData();
},
/**
* @description: getQsztName
* @param {*} code
* @author: miaofang
*/
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
methods: {
/**
* @description: loadData
* @author: miaofang
*/
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: miaofang
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
getFdcq2List({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
})
.catch(() => {
this.$message({
type: "info",
message: "取消",
});
});
},
},
};
}
}
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:43:36
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate
id="boxjsydsyq"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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-group>
</div>
</div>
<div class="xxTableBox rollTable">
<!-- 固定前三个 -->
<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"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]"
>
<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.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
</div>
</template>
<script>
import printTemplate from "./components/printTemplate.vue";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getJsydsyqList } from "@/api/djbDetail.js";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows: false,
title: "建设用地使用权、宅基地使用权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().JSYDSYQ,
render: false,
};
},
created() {
this.loadData();
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxjsydsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getJsydsyqList } from "@/api/djbDetail.js";
import djbDetail from "./components/djbDetail.vue"
export default {
components: {
djbDetail,
},
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
/**
* @description: checkChange
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
shows: false,
title: "建设用地使用权、宅基地使用权登记信息",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().JSYDSYQ,
render: false,
};
},
/**
* @description: getQsztName
* @param {*} code
* @author: miaofang
*/
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
created () {
this.loadData();
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: miaofang
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
this.$message({
type: "success",
message: "补录成功!",
});
methods: {
loadData () {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
});
});
},
},
};
}
}
}
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:44:04
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate
id="boxldsyq"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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-group>
</div>
</div>
<div class="xxTableBox rollTable">
<!-- 固定前三个 -->
<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"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]"
>
<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.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows: false,
title: "林权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().LDSYQ,
render: false,
};
},
created() {
this.loadData();
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxldsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
import djbDetail from "./components/djbDetail.vue"
export default {
components: {
djbDetail,
},
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getLqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
item.lz = getDictLeabel(item.lz, "A26");
item.qy = getDictLeabel(item.qy, "A52");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
shows: false,
title: "林权登记信息",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().LDSYQ,
render: false,
};
},
/**
* @description: checkChange
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
created () {
this.loadData();
},
/**
* @description: getQsztName
* @param {*} code
* @author: miaofang
*/
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: miaofang
*/
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: "取消编辑",
methods: {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getLqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
item.lz = getDictLeabel(item.lz, "A26");
item.qy = getDictLeabel(item.qy, "A52");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
},
};
}
}
}
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Author: yangwei
* @Date: 2023-08-15 14:15:06
* @LastEditors: yangwei
* @LastEditTime: 2023-08-15 14:15:19
* @FilePath: \bdcdj-web\src\views\registerBook\sllmsyq.vue
* @Description:
*
* Copyright (c) 2023 by yangwei, All Rights Reserved.
-->
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-11 15:33:53
* @LastEditTime: 2023-09-18 13:45:03
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate
id="boxsllmsyq"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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-group>
</div>
</div>
<div class="xxTableBox rollTable">
<!-- 固定前三个 -->
<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"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]"
>
<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.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<!-- <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
<span v-else>{{ row[item.prop] }}</span> -->
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows: false,
title: "林权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().LDSYQ,
render: false,
};
},
created() {
this.loadData();
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxsllmsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
},
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getLqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getLqList } from "@/api/djbDetail.js";
import djbDetail from "./components/djbDetail.vue"
export default {
components: {
djbDetail,
},
/**
* @description: checkChange
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
data () {
return {
shows: false,
title: "林权登记信息",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().LDSYQ,
render: false,
};
},
/**
* @description: getQsztName
* @param {*} code
* @author: miaofang
*/
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
created () {
this.loadData();
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: miaofang
*/
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: "取消编辑",
methods: {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getLqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
}
},
},
};
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:06:42
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="boxtdsyq" :tableData="tableData" :render="render"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
<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-group>
</div>
</div>
<div class="xxTableBox rollTable">
<!-- 固定前三个 -->
<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" :class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
]">
<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.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<p v-if="!['djyy','fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
</div>
</template>
......@@ -77,68 +14,42 @@
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getTdsyqList } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
import djbDetail from "./components/djbDetail.vue"
export default {
components: {
djbDetail,
},
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
shows: false,
title: "土地所有权信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().TDSYQ,
render:false
render: false,
};
},
created () {
this.loadData();
},
methods: {
openPrint(){
this.render=true
setTimeout(() => {
this.prinsss()
}, 100)
},
prinsss(){
printJS({
printable: "boxtdsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"]
});
this.render=false
},
/**
* @description: loadData
* @author: miaofang
*/
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作"
})
label: "操作",
});
}
getTdsyqList({
bdcdyid: this.propsParam.bdcdyid,
......@@ -147,10 +58,10 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach(item => {
item.sjlx = getSjlx(item.sjlx)
})
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
......@@ -158,76 +69,22 @@ export default {
this.emptycolNum = 0;
}
}
});
},
/**
* @description: checkChange
* @author: miaofang
*/
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
/**
* @description: getQsztName
* @param {*} code
* @author: miaofang
*/
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: miaofang
*/
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";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:40:33
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate id="boxygdj" :tableData="tableData" :render="render"/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
<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-group>
</div>
</div>
<div class="xxTableBox rollTable">
<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"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]"
>
<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.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
</div>
</template>
<script>
import printTemplate from "./components/printTemplate.vue";
import { datas } from "./qlxxFormData.js";
import { getYgdjList } from "@/api/djbDetail.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
export default {
components: {
printTemplate,
},
data() {
return {
// printObj: {
// id: "box",
// //其他配置项，
// },
shows:false,
title: "预告登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().YGDJ,
render:false
};
},
created() {
this.loadData();
},
methods: {
openPrint(){
this.render=true
setTimeout(() => {
this.prinsss()
}, 100)
import { datas } from "./qlxxFormData.js";
import { getYgdjList } from "@/api/djbDetail.js";
import djbDetail from "./components/djbDetail.vue"
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
export default {
components: {
djbDetail,
},
prinsss(){
printJS({
printable: "boxygdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"]
});
this.render=false
},
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
// 判断是否在登记簿补录调的子页面
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getYgdjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
data () {
return {
shows: false,
title: "预告登记信息",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().YGDJ,
render: false
};
},
/**
* @description: checkChange
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
created () {
this.loadData();
},
/**
* @description: getQsztName
* @param {*} code
* @author: miaofang
*/
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: miaofang
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
this.$message({
type: "success",
message: "补录成功!",
methods: {
loadData () {
// 判断是否在登记簿补录调的子页面
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getYgdjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
});
});
},
},
};
}
}
}
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:46:21
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate
id="boxyydj"
:tableData="tableData"
:render="render"
/>
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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-group>
</div>
</div>
<div class="xxTableBox rollTable">
<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"
:class="[
row.qszt == '2' ? 'lishi' : '',
row.qszt == '0' ? 'linshi' : '',
row.qlzt == '4' ? 'linshi' : '',
item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
]"
>
<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.qlzt == '1'">
有效
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
正在补录
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
正在申请
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
正在注销
</div>
<p v-if="!['djyy', 'fj'].includes(item.prop)">
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else>{{ row[item.prop] }}</span>
</p>
<el-tooltip
v-else
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
</el-tooltip>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getYydjList } from "@/api/djbDetail.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows: false,
title: "异议登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().YYDJ,
render: false,
};
},
created() {
this.loadData();
},
methods: {
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
import { datas } from "./qlxxFormData.js";
import { getYydjList } from "@/api/djbDetail.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import djbDetail from "./components/djbDetail.vue"
export default {
components: {
djbDetail
},
prinsss() {
printJS({
printable: "boxyydj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
},
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getYydjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
data () {
return {
shows: false,
title: "异议登记信息",
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//列名称对象
columns: datas.columns().YYDJ,
render: false,
};
},
/**
* @description: checkChange
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
created () {
this.loadData();
},
/**
* @description: getQsztName
* @param {*} code
* @author: miaofang
*/
getQsztName(code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: miaofang
*/
editDialog(row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$parent.addRepairRecord(row, del);
this.$message({
type: "success",
message: "补录成功!",
methods: {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
}
getYydjList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
});
});
},
},
};
}
}
}
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
}
</style>
......
......@@ -22,14 +22,9 @@ class data extends filter {
)
}
},
{
prop: "ywh",
label: "业务号",
// width: '110',
},
{
label: "权属状态",
// width: '80',
label: "推送状态",
render: (h, scope) => {
let obj = {
"0": {
......@@ -52,10 +47,38 @@ class data extends filter {
}
},
{
prop: "ywh",
label: "业务号",
// width: '110',
},
{
prop: "ywh1",
label: "登记业务名称",
// width: '110',
},
{
prop: "ywh2",
label: "登记情形名称",
// width: '110',
},
{
prop: "bdcdyh",
label: "不动产单元号",
// width: '110',
},
{
prop: "createtime",
label: "创建时间",
},
{
prop: "createtime",
label: "推送时间",
},
{
prop: "createtime1",
label: "响应时间",
},
{
label: '操作',
width: '100',
render: (h, scope) => {
......