Skip to content

bdc / bdcdj-web

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

1

1 parent 2c771f97
Inline Side-by-side
Showing 7 changed files with 196 additions and 307 deletions
......@@ -5,261 +5,166 @@
-->
<template>
<div class="djxxTable">
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
<djbDetail :title="title" :shows="shows" :propsParam="propsParam"
:columns="columns" :tableData="tableData" />
<!-- <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> -->
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getTdsyqList } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data() {
return {
printObj: {
id: "box",
//其他配置项，
},
shows: false,
title: "土地所有权信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().TDSYQ,
render: false,
};
},
created() {
this.loadData();
},
methods: {
openPrint() {
this.render = true;
setTimeout(() => {
this.prinsss();
}, 100);
import { datas } from "./qlxxFormData.js";
import { getSjlx } from "@/utils/dictionary.js";
import { getTdsyqList } from "@/api/djbDetail.js";
import printTemplate from "./components/printTemplate.vue";
export default {
components: {
printTemplate,
},
data () {
return {
printObj: {
id: "box",
//其他配置项，
},
shows: false,
title: "土地所有权信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().TDSYQ,
render: false,
};
},
created () {
this.loadData();
},
prinsss() {
printJS({
printable: "boxtdsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
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: "操作",
// 继承原来的所有样式
targetStyles: ["*"],
});
}
getTdsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
this.render = false;
},
/**
* @description: loadData
* @author: miaofang
*/
loadData () {
if (this.$parent.addRepairRecord) {
this.columns.unshift({
prop: "cz",
label: "操作",
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
getTdsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
this.shows = this.tableData.length > 0;
this.tableData.forEach((item) => {
item.sjlx = getSjlx(item.sjlx);
});
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
/**
* @description: checkChange
* @author: miaofang
*/
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
});
},
/**
* @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;
},
/**
* @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: "补录成功!",
});
return name;
},
// 新增一条补录信息
/**
* @description: 新增一条补录信息
* @param {*} row
* @param {*} del
* @author: miaofang
*/
editDialog (row, del) {
this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
.then(() => {
this.$parent.addRepairRecord(row, del);
this.$message({
type: "success",
message: "补录成功!",
});
})
.catch(() => {
this.$message({
type: "info",
message: "取消编辑",
});
});
});
},
},
},
};
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
@import "./qlxxCommon.scss";
.title {
position: relative;
.print {
// background-color: #0079fe;
z-index: 10;
position: absolute;
left: 11px;
top: 5px;
}
}
}
</style>
......
<!--
* @Description: workFrame左侧菜单列表-普通
* @Autor: renchao
* @LastEditTime: 2023-09-15 17:06:29
* @LastEditTime: 2023-09-18 11:00:38
-->
<template>
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
......@@ -45,14 +45,12 @@
import { mapGetters } from 'vuex'
import { leftMenu, deleteSlbdcdy, jdcxLeftMenu } from "@/api/workFlow.js"
export default {
props: {
paramData: {
type: Object,
default: () => { }
}
},
data () {
return {
//受理申请标识码
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
// 默认选中
activeIndex: '0',
// 折叠
......@@ -67,6 +65,9 @@
currentSelectProps: {}
}
},
mounted () {
this.loadBdcdylist();
},
computed: {
...mapGetters(['isRefresh'])
},
......@@ -78,16 +79,7 @@
}
},
immediate: true
},
paramData: {
handler (newVal, oldVal) {
if (newVal) {
this.loadBdcdylist()
}
},
immediate: true,
deep: true
},
}
},
methods: {
/**
......@@ -97,11 +89,13 @@
loadBdcdylist () {
let that = this
var formdata = new FormData();
// 受理申请标识码
formdata.append("bsmSlsq", this.paramData.bsmSlsq);
// 当前流程所在环节
formdata.append("bestepid", this.paramData.bestepid);
formdata.append("bsmBusiness", this.paramData.bsmBusiness);
formdata.append("bsmSlsq", this.bsmSlsq);
if (this.$route.query.bestepid) {
formdata.append("bestepid", this.bestepid);
}
if (this.$route.query.bsmBusiness) {
formdata.append("bsmBusiness", this.$route.query.bsmBusiness);
}
if (this.$route.query.type == 'jdcx') {
jdcxLeftMenu(formdata).then((res) => {
if (res.code === 200 && res.result) {
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-18 09:32:09
* @LastEditTime: 2023-09-18 10:46:56
*/
import { getPrintTemplateByCode } from "@/api/print";
import { uploadUndo } from "@/api/clxx";
import { getLodop } from "@/utils/LodopFuncs"
import { getXtParamsByYwh } from "@/api/djyw.js"
import {
stepExpandInfo,
record,
......@@ -39,19 +38,11 @@ export default {
batchButtonName: '',
// 受理申请信息
slsq: {},
dqhj: "",
// 业务流程需要的参数
paramData: {},
dqhj: ""
}
},
created () {
// 根据业务号获取系统参数
getXtParamsByYwh(this.$route.query.ywh).then(res => {
this.paramData = res.result
console.log(this.paramData, 'this.paramData');
this.isShowMenu = true
this.flowInitParam();
})
mounted () {
this.flowInitParam();
},
methods: {
/**
......@@ -60,8 +51,8 @@ export default {
*/
flowInitParam () {
var formdata = new FormData();
formdata.append("bsmSlsq", this.paramData.bsmSlsq);
formdata.append("bestepid", this.paramData.bestepid);
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("bestepid", this.bestepid);
if (this.type) {
formdata.append("type", "READ_ONLY");
}
......@@ -171,7 +162,6 @@ export default {
this.$popupDialog('楼盘表', 'lpb/index', {
bsm: res.result[0],
onlyShow: false,
showSave: true,
unitData: window.unitData
}, '90%', true)
} else {
......@@ -321,7 +311,8 @@ export default {
width: "50%",
btnShow: false,
bsmSlsq: this.bsmSlsq,
dataList: this.unitData
dataList: this.unitData,
})
},
/**
......@@ -342,7 +333,6 @@ export default {
}
})
},
// 上传
/**
* @description: 上传
* @param {*} file
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 16:32:06
* @LastEditTime: 2023-09-18 10:49:50
-->
<template>
<div class="container">
......@@ -26,10 +26,8 @@
<!-- 内容框架 -->
<div class="containerFrame">
<!-- 左侧菜单栏 区分业务-->
<div v-if="isShowMenu">
<segmentMenu :paramData="paramData" v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu :paramData="paramData" v-else @getCurrentSelectProps="getCurrentSelectProps" />
</div>
<segmentMenu v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" />
<div class="leftCon">
<!-- 分屏左侧预览 -->
......@@ -71,8 +69,6 @@
},
data () {
return {
// 左侧是否显示,获取完成系统参数之后再显示
isShowMenu: false,
// 流程图
imgSrc: "",
// 折叠
......
......@@ -315,24 +315,19 @@
);
window.open(href, `djbworkFrame${item.bsmSlsq}`);
} else {
// const { href } = this.$router.resolve(
// "/workFrame?bsmSlsq=" +
// item.bsmSlsq +
// "&bestepid=" +
// item.bestepid +
// "&bsmBusiness=" +
// "&sqywbm=" +
// item.djywbm +
// "&zbhj=" +
// item.zbhj
// );
// window.open(href, `workFrame${item.bsmSlsq}`);
const { href } = this.$router.resolve('/workFrame?ywh=' + item.ywh + '&zbhj=' + item.zbhj)
window.open(href, `workFrame${item.ywh}`)
const { href } = this.$router.resolve(
"/workFrame?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid +
"&bsmBusiness=" +
"&sqywbm=" +
item.djywbm +
"&zbhj=" +
item.zbhj
);
window.open(href, `workFrame${item.bsmSlsq}`);
}
localStorage.setItem("ywbl", JSON.stringify(item));
//从待办箱进入的调取任务领取接口
......
......@@ -13,7 +13,7 @@
@submit.native.prevent
label-width="80px">
<el-row>
<el-col :span="5">
<el-col :span="5">
<el-form-item label="业务来源">
<el-select
v-model="queryForm.ywly"
......@@ -91,7 +91,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-row>
<el-col :span="5">
<el-form-item label="不动产单元号">
<el-input
......@@ -274,8 +274,15 @@
);
window.open(href, `djbworkFrameview${item.bsmSlsq}`);
} else {
const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx')
window.open(href, `urlname${item.ywh}`)
const { href } = this.$router.resolve(
"/workFrameView?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid +
"&sqywbm=" +
item.djywbm + '&type=jdcx'
);
window.open(href, `urlname${item.bsmSlsq}`);
}
}
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 15:06:50
* @LastEditTime: 2023-07-25 16:34:27
-->
<template>
<div class="from-clues">
......@@ -114,6 +114,7 @@
this.queryClick()
},
methods: {
// 初始化数据
/**
* @description: 初始化数据
* @author: renchao
......@@ -138,6 +139,7 @@
handleSort (name, sort) {
console.log(name, sort);
},
// 高级查询
/**
* @description: 高级查询
* @author: renchao
......@@ -149,8 +151,8 @@
* @author: renchao
*/
openDialog (item) {
const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx')
window.open(href, `urlname${item.ywh}`)
const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3' + '&type=jdcx')
window.open(href, `urlname${item.bsmSlsq}`)
}
}
}
......