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 1093 additions and 2510 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"
......@@ -32,13 +31,13 @@
</template>
<script>
export default {
data() {
export default {
data () {
return {
dialogVisible: false,
qllxlistdata: {},
radio: "",
qllx:""
qllx: ""
};
},
......@@ -47,7 +46,7 @@ export default {
* @description: closeDialog
* @author: renchao
*/
closeDialog() {
closeDialog () {
this.dialogVisible = false;
},
......@@ -56,43 +55,42 @@ export default {
* @param {*} el
* @author: renchao
*/
clicksss(el){
console.log("elllllllllllllllllllll",el);
this.qllx=el
clicksss (el) {
this.qllx = el
},
/**
* @description: handleSubmit
* @author: renchao
*/
handleSubmit() {
handleSubmit () {
if(this.qllx){
if (this.qllx) {
let qllxobj = {
qllx:this.qllx,
bsmQlxx:""
qllx: this.qllx,
bsmQlxx: ""
};
this.$parent.addRepairRecord(qllxobj)
}else{
} else {
this.$message({
type: "warning",
message: "请选择权利类型!",
});
}
this.qllx=""
this.qllx = ""
},
},
};
};
</script>
<style scoped lang="scss">
@import '~@/styles/public.scss';
.qllxdialog {
@import "~@/styles/public.scss";
.qllxdialog {
margin-top: 160px;
/deep/.el-dialog__body {
margin-top: 10px;
// height: 100px;
padding: 20px;
}
.gettypebutton{
.gettypebutton {
cursor: pointer;
margin-left: 20px;
width: 45%;
......@@ -108,23 +106,22 @@ export default {
transition: all 0.3s;
color: #000;
}
.gettypebutton:hover{
border: 1px solid #0F93F6;
color: #0F93F6;
.gettypebutton:hover {
border: 1px solid #0f93f6;
color: #0f93f6;
}
.gettypebutton:focus{
background-color: #0F93F6;
border: 1px solid #0F93F6;
.gettypebutton:focus {
background-color: #0f93f6;
border: 1px solid #0f93f6;
color: #ebebeb;
}
.btn{
margin-top:30px;
.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":
......@@ -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,6 +144,7 @@ export default {
* @author: renchao
*/
handleClickC(e, item) {
if (!this.onlyShow) {
// 判断点击的层是否选中
if (e.target.className.indexOf("tdSelect") == -1) {
//未选中→选中
......@@ -158,6 +163,7 @@ export default {
this.hbsmList = this.hbsmList.filter((i) => i != h.bsm);
});
}
}
},
//户单击事件
/**
......@@ -168,6 +174,7 @@ export default {
* @author: renchao
*/
handleClickH(e, bsm, hs) {
if (!this.onlyShow) {
let self = this;
// 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
clearTimeout(self.time);
......@@ -188,6 +195,7 @@ export default {
//更新当前选中户数据
this.$forceUpdate();
}, 200);
}
},
// 户单元状态点击事件
/**
......@@ -198,7 +206,9 @@ export default {
* @author: renchao
*/
hDyztClick(e, bsm, hs) {
if (!this.onlyShow) {
this.handleClickH(e.target.parentNode, bsm, hs);
}
},
//户双击事件
/**
......
......@@ -6,20 +6,20 @@
<!-- 幢单元 -->
<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 {
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: {
printTemplate,
djbDetail
},
data() {
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
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() {
created () {
this.loadData();
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @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
},
/**
* @description: loadData
* @author: renchao
*/
loadData() {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
......@@ -178,7 +51,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.shows = this.tableData.length > 0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
......@@ -196,69 +69,15 @@ export default {
this.emptycolNum = 0;
}
}
});
},
/**
* @description: checkChange
* @author: renchao
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
})
}
},
/**
* @description: getQsztName
* @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.addRepairRecord(row, del);
this.$message({
type: "success",
message: "补录成功!",
});
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
});
});
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......@@ -267,5 +86,5 @@ export default {
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,
djbDetail
},
data() {
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
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() {
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
},
/**
* @description: loadData
* @author: renchao
*/
loadData() {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
......@@ -180,7 +51,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.shows = this.tableData.length > 0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
......@@ -192,76 +63,20 @@ export default {
this.emptycolNum = 0;
}
}
});
},
/**
* @description: checkChange
* @author: renchao
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
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;
}
}
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: "补录成功!",
});
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
});
});
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
@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: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,
djbDetail
},
data() {
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
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() {
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
},
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
methods: {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
......@@ -179,7 +47,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.shows = this.tableData.length > 0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
......@@ -191,70 +59,15 @@ 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 {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......@@ -263,5 +76,5 @@ export default {
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) => {
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,22 +55,22 @@ 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: [],
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(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx, bdcdyid));
//抵押权
treedata.children.push(getNode("A37", qlxxData.diyaq, '',bdcdyid));
treedata.children.push(getNode("A37", qlxxData.diyaq, '', bdcdyid));
//地役权
treedata.children.push(getNode("A19", qlxxData.diyiq, '',bdcdyid));
treedata.children.push(getNode("A19", qlxxData.diyiq, '', bdcdyid));
//预告登记
treedata.children.push(getNode("B40", qlxxData.ygdj, '',bdcdyid));
treedata.children.push(getNode("B40", qlxxData.ygdj, '', bdcdyid));
//异议登记
treedata.children.push(getNode("B38", qlxxData.yydj, '',bdcdyid));
treedata.children.push(getNode("B38", qlxxData.yydj, '', bdcdyid));
//查封登记
treedata.children.push(getNode("B39", qlxxData.cfdj, '',bdcdyid));
treedata.children.push(getNode("B39", qlxxData.cfdj, '', bdcdyid));
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 14:48:07
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate
id="boxfdcq"
:tableData="tableData" :render="render"/>
:tableData="tableData" :render="render" />
</div>
<div class="tableBox">
<div class="title">
{{ title }}
<el-button class="print" v-show="shows" @click="openPrint()"
>打印</el-button
>
<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
>
: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"
:class="judge(item.label) ? 'cols' : ''"
:key="colindex"
>
:key="colindex">
<td>
{{ item.label }}
</td>
......@@ -50,24 +44,18 @@
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 != '系统数据'"
>
v-if="item.prop == 'cz' && row.sjlx != '系统数据'">
<el-button
type="text"
icon="el-icon-edit-outline"
@click="editDialog(row)"
>编辑</el-button
>
@click="editDialog(row)">编辑</el-button>
<el-button
type="text"
icon="el-icon-edit-outline"
@click="editDialog(row, 'D')"
>删除</el-button
>
@click="editDialog(row, 'D')">删除</el-button>
</div>
<div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
有效
......@@ -84,14 +72,15 @@
<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>
<el-tooltip
v-if="['djyy', 'fj'].includes(item.prop)"
effect="dark"
:content="row[item.prop]"
placement="top"
popper-class="tooltip-width"
>
popper-class="tooltip-width">
<span class="ellipsis-line">
{{ row[item.prop] }}
</span>
......@@ -99,19 +88,18 @@
<span
v-if="
item.prop !== 'ywh' &&
item.prop !== 'qszt' &&
item.prop !== 'djyy' &&
item.prop !== 'fj' &&
!judge(item.label)
"
>
">
{{ row[item.prop] }}
</span>
<div class="many" v-if="judge(item.label)">
<div
v-for="(label, index) in row.djQlxxFdcqxmDoList"
:key="index"
>
:key="index">
{{ label[item.prop] }}
</div>
</div>
......@@ -125,16 +113,18 @@
</template>
<script>
import printJS from "print-js";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFdcq1List } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
import Router from '@/router'
import printJS from "print-js";
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getFdcq1List } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
import { getXtParamsByYwh, getBlParamsByYwh } from '@/api/djyw'
export default {
components: {
printTemplate,
},
data() {
data () {
return {
printObj: {
id: "box",
......@@ -157,7 +147,7 @@ export default {
render: false,
};
},
created() {
created () {
this.loadData();
},
methods: {
......@@ -165,7 +155,7 @@ export default {
* @description: openPrint
* @author: miaofang
*/
openPrint() {
openPrint () {
this.render = true;
setTimeout(() => {
this.prinsss();
......@@ -175,7 +165,7 @@ export default {
* @description: prinsss
* @author: miaofang
*/
prinsss() {
prinsss () {
printJS({
printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
......@@ -188,13 +178,13 @@ export default {
// 继承原来的所有样式
targetStyles: ["*"],
});
this.render=false
this.render = false
},
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
......@@ -222,7 +212,7 @@ export default {
* @description: checkChange
* @author: miaofang
*/
checkChange() {
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
......@@ -235,7 +225,7 @@ export default {
* @param {*} code
* @author: miaofang
*/
getQsztName(code) {
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
......@@ -250,7 +240,7 @@ export default {
* @param {*} lable
* @author: miaofang
*/
judge(label) {
judge (label) {
if (
"项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数".indexOf(
label
......@@ -261,14 +251,13 @@ export default {
return false;
}
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: miaofang
*/
editDialog(row, del) {
editDialog (row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
......@@ -289,13 +278,37 @@ export default {
});
});
},
},
};
// 选择业务号
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";
.cols {
@import "./qlxxCommon.scss";
.cols {
td {
.many {
width: 100%;
......@@ -313,8 +326,8 @@ export default {
}
}
}
}
.title {
}
.title {
position: relative;
.print {
// background-color: #0079fe;
......@@ -323,5 +336,5 @@ export default {
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @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 {
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: {
printTemplate,
djbDetail
},
data() {
return {
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() {
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
},
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({ prop: "cz", label: "操作" });
}
......@@ -192,65 +62,15 @@ 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);
})
.catch(() => {
this.$message({
type: "info",
message: "取消",
});
});
},
},
};
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......@@ -259,5 +79,5 @@ export default {
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 {
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: {
printTemplate,
djbDetail,
},
data() {
data () {
return {
printObj: {
id: "box",
......@@ -123,57 +27,20 @@ export default {
},
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() {
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
},
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
loadData () {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
......@@ -192,70 +59,15 @@ 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 {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......@@ -264,5 +76,5 @@ export default {
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 {
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: {
printTemplate,
djbDetail,
},
data() {
data () {
return {
printObj: {
id: "box",
......@@ -121,57 +27,20 @@ export default {
},
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() {
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
},
/**
* @description: loadData
* @author: miaofang
*/
loadData() {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
......@@ -200,69 +69,14 @@ export default {
}
}
});
},
/**
* @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 {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......@@ -271,5 +85,5 @@ export default {
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description:
* @Autor: miaofang
* @LastEditTime: 2023-08-23 15:54:12
* @LastEditTime: 2023-09-18 13:44:35
-->
<template>
<div class="djxxTable">
<div v-show="false">
<printTemplate
id="boxnydsyq"
: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">
<!-- 固定前三个 -->
<table class="xxTable">
<tr v-for="(item, colindex) in columns.slice(0, 3)" :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="row.qlzt == '1'">有效</div>
<div class="icon" v-if="row.qlzt == '2'">正在补录</div>
<div class="icon" v-if="row.qlzt == '3'">正在申请</div>
<div class="icon" v-if="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>
<table class="xxTable rollTable">
<tr v-for="(item, colindex) in columns.slice(3)" :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="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 } from "@/utils/dictionary.js";
import { getNydsyqList } from "@/api/djbDetail.js";
export default {
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getNydsyqList } from "@/api/djbDetail.js";
import djbDetail from "./components/djbDetail.vue"
export default {
components: {
printTemplate,
djbDetail,
},
data() {
data () {
return {
printObj: {
id: "box",
......@@ -170,20 +27,16 @@ export default {
},
shows: false,
title: "农用地使用权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().NYDSYQ,
render: false,
};
},
created() {
created () {
var qllx = this.$route.query.sqywbm.substr(0, 3);
if (qllx == "A09") {
this.title = "土地经营权登记信息";
......@@ -193,40 +46,7 @@ export default {
this.loadData();
},
methods: {
/**
* @description: openPrint
* @author: miaofang
*/
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss() {
printJS({
printable: "boxnydsyq", // // 文档来源：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() {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
......@@ -252,68 +72,14 @@ export default {
}
}
});
},
/**
* @description: checkChange
* @author: miaofang
*/
checkChange() {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
/**
* @description: getQsztName
* @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 {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......@@ -322,5 +88,5 @@ export default {
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 {
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: {
printTemplate,
djbDetail,
},
data() {
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() {
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() {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
......@@ -211,69 +62,14 @@ export default {
}
}
});
},
/**
* @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 {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......@@ -282,5 +78,5 @@ export default {
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 {
import djbDetail from "./components/djbDetail.vue"
export default {
components: {
printTemplate,
djbDetail,
},
data() {
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
shows:false,
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,63 +69,9 @@ 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>
......@@ -229,5 +86,5 @@ export default {
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 {
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: {
printTemplate,
djbDetail,
},
data() {
data () {
return {
// printObj: {
// id: "box",
// //其他配置项，
// },
shows:false,
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
render: false
};
},
created() {
created () {
this.loadData();
},
methods: {
openPrint(){
this.render=true
setTimeout(() => {
this.prinsss()
}, 100)
},
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() {
loadData () {
// 判断是否在登记簿补录调的子页面
if (this.$parent.addRepairRecord) {
this.columns.unshift({
......@@ -171,7 +51,7 @@ export default {
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows=this.tableData.length>0
this.shows = this.tableData.length > 0
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
item.dybdclx = getDictLeabel(item.dybdclx, "A27");
......@@ -183,70 +63,15 @@ 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 {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
......@@ -255,5 +80,5 @@ export default {
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 {
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: {
printTemplate,
djbDetail
},
data() {
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() {
created () {
this.loadData();
},
methods: {
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
},
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() {
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
......@@ -188,77 +62,21 @@ 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 {
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
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) => {
......
......@@ -8,51 +8,64 @@
<div class="fieldcheck">
<div class="left">
<div class="header">
<div class="headerconcent">
<el-checkbox
class="check"
:indeterminate="isIndeterminate"
v-model="checkAll"
@change="handleCheckAllChange">待选合集</el-checkbox>
<div class="num">/</div>
@change="handleCheckAllChange"
>待选合集</el-checkbox
>
<div class="num">
总数{{ cities.length }} 已选{{ datalist.length }}
</div>
</div>
</div>
<el-checkbox-group
class="concent"
v-model="checkedCities"
@change="handleCheckedCitiesChange">
@change="handleCheckedCitiesChange"
>
<el-checkbox
v-for="city in cities"
:label="city.name"
:key="city.name">{{ city.despriction }}({{ city.name }})</el-checkbox>
:key="city.name"
>{{ city.despriction }}({{ city.name }})</el-checkbox
>
</el-checkbox-group>
</div>
<div class="right">
<el-table
class="tablelist"
:data="datalist"
border
ref="listTable"
:key="key"
row-key="name"
:pagination="false"
:header-cell-style="{ 'text-align': 'center' }"
:heightNumSetting="true"
:minHeight="150"
height="590"
style="width: 100%">
height="650"
style="width: 100%"
>
<el-table-column label="字段" prop="name" min-width="100">
</el-table-column>
<el-table-column
label="字段名称"
prop="desprictionor"
min-width="100">
min-width="100"
>
</el-table-column>
<el-table-column label="字段别名" min-width="100">
<template slot-scope="scope">
<el-input
v-model="scope.row.despriction"
placeholder="请输入内容"
@input="sumTime(scope.$index, scope.row.tdsyqx)">
></el-input>
@input="sumTime(scope.$index, scope.row.tdsyqx)"
>
></el-input
>
</template>
</el-table-column>
</el-table>
......@@ -66,16 +79,16 @@
</template>
<script>
import Sortable from 'sortablejs'
import { getFieldList, getFieldListByQlxx, save } from "@/api/SysDjbFieldDO";
export default {
import Sortable from "sortablejs";
import { getFieldList, getFieldListByQlxx, save } from "@/api/SysDjbFieldDO";
export default {
props: {
formData: {
type: Object,
default: () => { },
default: () => {},
},
},
data () {
data() {
return {
checkAll: false,
sortable: null,
......@@ -87,48 +100,51 @@
isIndeterminate: true,
};
},
mounted () {
this.generateData()
mounted() {
this.generateData();
},
beforeDestroy () {
beforeDestroy() {
if (this.sortable) {
this.sortable.destroy();
}
},
watch: {
key: {
handler (newName, oldName) {
this.initSort()
}
}
handler(newName, oldName) {
this.initSort();
},
},
},
methods: {
changeIndex (array, index1, index2) {
changeIndex(array, index1, index2) {
array[index1] = array.splice(index2, 1, array[index1])[0];
},
initSort () {
const el = this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
initSort() {
const el = this.$refs.listTable.$el.querySelectorAll(
".el-table__body-wrapper > table > tbody"
)[0];
// const sortable = new Sortable(el, options);
// 根据具体需求配置options配置项
const sortable = new Sortable(el, {
onEnd: (evt) => { // 监听拖动结束事件
console.log(this) // this是当前vue上下文
console.log(evt.oldIndex) // 当前行的被拖拽前的顺序
console.log(evt.newIndex) // 当前行的被拖拽后的顺序
onEnd: (evt) => {
// 监听拖动结束事件
console.log(this); // this是当前vue上下文
console.log(evt.oldIndex); // 当前行的被拖拽前的顺序
console.log(evt.newIndex); // 当前行的被拖拽后的顺序
// 这里就可以写我们需要传给后台的逻辑代码
// 我们有了 evt.oldIndex 和 evt.newIndex 这两个参数做索引，我们可以根据绑定在表格上面的 data 这个 Array 找到两个相应的记录。就可以针对数据进行操作啦。
// 下面将拖拽后的顺序进行修改
const currRow = this.datalist.splice(evt.oldIndex, 1)[0]
this.datalist.splice(evt.newIndex, 0, currRow)
}
})
const currRow = this.datalist.splice(evt.oldIndex, 1)[0];
this.datalist.splice(evt.newIndex, 0, currRow);
},
});
},
/**
* @description: 初始数据集
* @author: renchao
*/
generateData () {
let that = this
generateData() {
let that = this;
getFieldList({ qllx: this.formData.qllx }).then((res) => {
if (res.code === 200) {
let listss = res.result;
......@@ -150,38 +166,37 @@
desprictionor: item.despriction,
});
that.$nextTick(() => {
that.datalist = this.tablelist
that.datalist = this.tablelist;
that.checkedCities.push(item.name);
})
})
that.initSort()
});
});
that.initSort();
}
});
}
});
},
handleCheckAllChange (val) {
let checkedlist = []
let orlist = []
handleCheckAllChange(val) {
let checkedlist = [];
let orlist = [];
checkedlist = val ? this.cities : [];
this.isIndeterminate = false;
console.log("this.checkedCities", this.checkedCities);
let lists = [];
this.cities.forEach((item, index) => {
checkedlist.forEach((el) => {
orlist.push(el.name)
orlist.push(el.name);
if (item.name == el.name) {
lists.push(this.cities[index]);
}
});
});
this.checkedCities = orlist
this.checkedCities = orlist;
this.datalist = lists;
// 其他排序逻辑
this.initSort()
this.initSort();
},
handleCheckedCitiesChange (value) {
handleCheckedCitiesChange(value) {
console.log("value", value, this.checkedCities);
let checkedCount = value.length;
this.checkAll = checkedCount === this.cities.length;
......@@ -191,16 +206,15 @@
this.cities.forEach((item, index) => {
this.checkedCities.forEach((el) => {
if (item.name == el) {
console.log("1");
lists.push(this.cities[index]);
}
});
});
this.datalist = lists;
// 其他排序逻辑
this.initSort()
this.initSort();
},
submitForm () {
submitForm() {
save(this.formData.bsmMb, this.datalist).then((res) => {
if (res.code == 200) {
this.$popupCacel();
......@@ -217,19 +231,19 @@
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBoxheader.scss";
.fieldcheck {
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBoxheader.scss";
.fieldcheck {
width: 100%;
height: 650px;
display: flex;
justify-content: space-between;
.left,
.right {
width: 47%;
width: 49%;
height: 650px;
border: 1px solid rgb(230, 230, 230);
}
......@@ -237,16 +251,15 @@
.header {
width: 100%;
height: 50px;
line-height: 50px;
background-color: rgba(243, 242, 242, 0.897);
display: flex;
justify-content: space-around;
align-items:center .check {
height: 20px;
.headerconcent {
width: 90%;
height: 50px;
margin: auto;
}
.num {
height: 20px;
line-height: 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
}
.concent {
......@@ -273,15 +286,12 @@
line-height: 50px;
background-color: rgba(243, 242, 242, 0.897);
}
.tablelist {
margin-top: 10px;
height: 680px;
}
}
}
.btn {
}
.btn {
margin-top: 10px;
width: 100%;
text-align: center;
}
}
</style>
......