Skip to content

bdc / bdcdj-web

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

style:申请查询弹框模块的修改，弹框组件的修改

1 parent 6c8758ad
Inline Side-by-side
Showing 9 changed files with 145 additions and 233 deletions
......@@ -4,6 +4,6 @@
* @LastEditTime: 2023-03-02 13:56:25
*/
export default {
SERVERAPI: '/service-jiao', // 泽平
// SERVERAPI: '/service-bdcdj' // 38服务器地址
// SERVERAPI: '/service-jiao', // 泽平
SERVERAPI: '/service' // 38服务器地址
}
\ No newline at end of file
......
......@@ -146,7 +146,7 @@ export default {
padding: 20px;
width: 100%;
min-height: 30%;
max-height: 95%;
max-height: 90vh;
overflow-y: scroll;
}
......
<template>
<transition name="msgbox-fade" v-if="myShow">
<div class="ls-mask" v-loading="loading">
<transition name="msgbox-fade">
<div class="ls-mask" v-if="myShow">
<div class="ls-mask-window" :style="{ 'width': width }">
<div class="ls-head">
<div class="ls-title" :style="{ 'text-align': titleStyle }">
......@@ -10,7 +10,7 @@
<svg-icon icon-class='close' class="closeStyle" @click="onCancel" />
</div>
<div class="mask-content" ref='contentRef' :style="{ 'height': contentHeight }">
<component :is="editItem" ref='childRef' @loading='loadingFn' :key="key" :formData='formData' />
<component :is="editItem" ref='childRef' :key="key" :formData='formData' />
</div>
<div class="ls-mask-footer" v-if='btnShow'>
<el-button type="primary" @click="onConfirm">{{ confirmText }}</el-button>
......@@ -45,14 +45,13 @@ export default {
key: 0
}
},
props: {
loading: { type: Boolean, default: false },
},
watch: {
isShow (newValue) {
this.editItem = this.loadViewFn(this.editItem)
document.body.appendChild(this.$el);
this.myShow = newValue
this.$nextTick(() => {
this.editItem = this.loadViewFn(this.editItem)
document.body.appendChild(this.$el);
this.myShow = newValue
})
}
},
mounted () {
......@@ -78,7 +77,6 @@ export default {
Popup1().close()
},
onConfirm () {
this.loading = true
let res = new Promise((resolve, reject) => {
this.confirm()
resolve(true)
......@@ -87,9 +85,6 @@ export default {
this.isShow = false
}
},
loadingFn (e) { //加载状态
this.loading = e
},
loadViewFn (view) {
return (r) =>
require.ensure([], () =>
......@@ -146,7 +141,7 @@ export default {
padding: 20px;
width: 100%;
min-height: 30%;
max-height: 95%;
max-height: 90vh;
overflow-y: scroll;
}
......@@ -182,5 +177,15 @@ export default {
margin: 8px 10px;
width: 75px;
}
.dialog-fade-enter-active,
.dialog-fade-leave-active {
transition: opacity 0.3s;
}
.dialog-fade-enter,
.dialog-fade-leave-to {
opacity: 0;
}
</style>
\ No newline at end of file
......
......@@ -18,11 +18,9 @@
</el-col>
<el-col :span="11">
<el-form-item label="查询时间">
<el-date-picker v-model="queryForm.sqr" type="date" placeholder="开始日期" value-format="yyyy-MM-dd"
clearable>
<el-date-picker v-model="queryForm.sqr" type="date" placeholder="开始日期" value-format="yyyy-MM-dd" clearable>
</el-date-picker> 至
<el-date-picker v-model="queryForm.sqr" type="date" placeholder="结束日期" value-format="yyyy-MM-dd"
clearable>
<el-date-picker v-model="queryForm.sqr" type="date" placeholder="结束日期" value-format="yyyy-MM-dd" clearable>
</el-date-picker>
</el-form-item>
</el-col>
......@@ -48,7 +46,6 @@
<script>
import { mapGetters } from "vuex";
import table from "@/utils/mixin/table";
import { popupDialog } from "@/utils/popup.js";
import { datas, sendThis } from "./dydjbdata";
import addDydjb from "./components/addDydjb.vue";
import { getSqcxPage } from "@/api/sqcx";
......@@ -93,18 +90,14 @@ export default {
});
},
dydjbClick (scope) {
// this.$nextTick(() => {
// this.isDialog = true
// this.sqcxBsm = scope.row.bsmSqcx
// })
popupDialog("打印登记薄", "sqcx/dydjb/components/dydjbInfo", {
this.$popupDialog("打印登记薄", "sqcx/dydjb/components/dydjbInfo", {
bsmSqcx: scope.row.bsmSqcx,
});
})
},
handleSort (name, sort) {
console.log(name, sort);
},
openAddDialog(){
openAddDialog () {
this.isDialog = true
this.sqcxBsm = ''
}
......
<template>
<dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="70%" :isButton="false" v-model="myValue">
<div class="jtfccx-edit">
<div class="jtfccx-edit-con">
<b class="title">申请信息</b>
<el-form :model="form" label-width="120px">
<el-row>
<el-col :span="8">
<el-form-item label="查询用途" label-width="90px">
<el-input v-model="form.djSqcxDO.cxyt" class="width200px"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="与产权人的关系">
<el-radio-group v-model="form.djSqcxDO.ycqrgx">
<el-radio label="1">房屋权利人</el-radio>
<el-radio label="2">产权利害关系人</el-radio>
<el-radio label="3">委托人</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-form>
<lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<div class="jtfccx-edit">
<div class="jtfccx-edit-con">
<b class="title">申请信息</b>
<el-form :model="form" label-width="120px">
<el-row>
<el-col :span="8">
<el-form-item label="查询用途" label-width="90px">
<el-input v-model="form.djSqcxDO.cxyt" class="width200px"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="与产权人的关系">
<el-radio-group v-model="form.djSqcxDO.ycqrgx">
<el-radio label="1">房屋权利人</el-radio>
<el-radio label="2">产权利害关系人</el-radio>
<el-radio label="3">委托人</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-form>
<lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<b class="title">权利人</b>
<lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting
:pagination="false">
<b class="title">权利人</b>
<lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<div v-show="isSearch">
<b class="title">查询结果</b>
<p>查询编号：{{ form.djSqcxDO.cxbh }}</p>
<lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="200" heightNumSetting :pagination="false">
</lb-table>
<div v-show="isSearch">
<b class="title">查询结果</b>
<p>查询编号：{{ form.djSqcxDO.cxbh }}</p>
<lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="200" heightNumSetting :pagination="false">
</lb-table>
</div>
</div>
<el-divider></el-divider>
<div class="submit-button" style="padding-bottom:50px">
<el-button v-show="isSearch == false" @click="resetClick">重置</el-button>
<el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button>
<el-button type="primary" v-show="isSearch && form.cxjgList.length > 0" @click="printResult">
房产结果打印（{{ form.djSqcxDO.dycs }}）
</el-button>
<el-button type="primary" v-show="isSearch && form.cxjgList.length == 0" @click="printResult">
无房证明打印（{{ form.djSqcxDO.dycs }}）
</el-button>
<el-button @click="closeDialog">关闭</el-button>
</div>
<!-- 打印模板需要此模块 -->
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
<embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" />
</object>
</div>
</dialogBox>
<el-divider></el-divider>
<div class="submit-button" style="padding-bottom:50px">
<el-button v-show="isSearch == false" @click="resetClick">重置</el-button>
<el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button>
<el-button type="primary" v-show="isSearch && form.cxjgList.length > 0" @click="printResult">
房产结果打印（{{ form.djSqcxDO.dycs }}）
</el-button>
<el-button type="primary" v-show="isSearch && form.cxjgList.length == 0" @click="printResult">
无房证明打印（{{ form.djSqcxDO.dycs }}）
</el-button>
<el-button @click="closeDialog">关闭</el-button>
</div>
<!-- 打印模板需要此模块 -->
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
<embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" />
</object>
</div>
</template>
<script>
import { addJtfcCxjgXx, getJtfcInfo,printJtcfInfo } from "@/api/sqcx";
import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx";
import { getPrintTemplateByCode } from "@/api/system";
import { datas, sendThis } from "./addjtfcdata";
import { getLodop } from "@/utils/LodopFuncs"
......@@ -67,15 +64,16 @@ export default {
...mapGetters(["dictData"]),
},
props: {
value: { type: Boolean, default: false },
sqcxBsm: { type: String, default: "" },
formData: {
type: Object,
default: () => { },
},
},
mounted () {
sendThis(this);
},
data () {
return {
myValue: this.value,
//是否查询
isSearch: false,
//查询结果列表字段
......@@ -100,22 +98,18 @@ export default {
},
};
},
mounted () {
this.form.sqrList = []
this.form.qlrList = []
this.isSearch = false
if (this.formData.sqcxBsm == "") {
this.add("sqr");
this.add("qlr");
} else {
this.loadData();
}
},
watch: {
value (val) {
this.myValue = val;
let that = this
if (val) {
this.form.sqrList = []
this.form.qlrList = []
this.isSearch = false
if (this.sqcxBsm == "") {
that.add("sqr");
that.add("qlr");
} else {
that.loadData();
}
}
},
"form.djSqcxDO.ycqrgx" (val) {
if (val == "1") {
this.form.qlrList = _.cloneDeep(this.form.sqrList);
......@@ -144,7 +138,7 @@ export default {
//加载详细信息
loadData () {
this.$startLoading();
getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => {
getJtfcInfo({ sqcxBsm: this.formData.sqcxBsm }).then((res) => {
this.$endLoading();
if (res.code == 200) {
this.form = res.result;
......@@ -202,19 +196,19 @@ export default {
}
},
//打印
printResult(){
printResult () {
this.openPrintPrew();
var formdata = new FormData();
formdata.append("sqcxBsm", this.form.djSqcxDO.bsmSqcx);
formdata.append("dylx", '1');
printJtcfInfo(formdata).then(res => {
if(res.code == 200){
if (res.code == 200) {
this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1
}
});
},
//打开打印预览
openPrintPrew(){
openPrintPrew () {
//根据编号获取对应信息
getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => {
if (res.code == 200) {
......
......@@ -18,16 +18,14 @@
</el-col>
<el-col :span="11" class="flex">
<el-form-item label="查询时间">
<el-date-picker v-model="queryForm.sqr" type="date" placeholder="开始日期" value-format="yyyy-MM-dd"
clearable>
<el-date-picker v-model="queryForm.sqr" type="date" placeholder="开始日期" value-format="yyyy-MM-dd" clearable>
</el-date-picker> 至
<el-date-picker v-model="queryForm.sqr" type="date" placeholder="结束日期" value-format="yyyy-MM-dd"
clearable>
<el-date-picker v-model="queryForm.sqr" type="date" placeholder="结束日期" value-format="yyyy-MM-dd" clearable>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="3" class="btnColRight">
<el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
<el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="handleAdd">新增</el-button>
</el-col>
</el-row>
......@@ -40,17 +38,14 @@
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
<addjtfc v-model="isDialog" :key="timer" :sqcxBsm="sqcxBsm" />
</div>
</template>
<script>
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./jtfcdata";
import { getSqcxPage } from "@/api/sqcx";
import addjtfc from "./components/addjtfc.vue";
export default {
name: "jtfc",
components: { addjtfc },
mixins: [table],
mounted () {
sendThis(this);
......@@ -58,8 +53,6 @@ export default {
},
data () {
return {
timer: "",
isDialog: false,
sqcxBsm: "",
queryForm: {
cxbh: "",
......@@ -89,18 +82,17 @@ export default {
console.log(name, sort);
},
handleAdd () {
this.sqcxBsm = ''
this.isDialog = true;
this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
sqcxBsm: ''
})
},
handleViewClick (row) {
this.sqcxBsm = row.bsmSqcx;
this.isDialog = true;
},
handleLoad () {
this.timer = new Date().getTime();
},
},
};
this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
sqcxBsm: row.bsmSqcx
})
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
......
......@@ -179,9 +179,4 @@ export default {
/deep/.el-form-item {
margin-bottom: 0 !important;
}
.sqcxjlInfo {
max-height: 85vh;
overflow-y: auto;
}
</style>
......
......@@ -4,22 +4,14 @@
<div class="topButton">
<!-- 左侧业务功能按钮 -->
<ul>
<li
@click="operation(item)"
v-for="(item, index) in leftButtonList"
:key="index"
>
<li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index">
<svg-icon class="icon" :icon-class="item.icon" />
<span class="iconName">{{ item.name }}</span>
</li>
</ul>
<!-- 右侧流程按钮 -->
<ul>
<li
@click="operation(item)"
v-for="(item, index) in rightButtonList"
:key="index"
>
<li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index">
<svg-icon class="icon" :icon-class="item.icon" />
<span class="iconName">{{ item.name }}</span>
</li>
......@@ -30,12 +22,7 @@
<div class="containerFrame">
<!-- 左侧菜单栏 -->
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
<el-menu
:default-active="activeIndex"
@select="batchUnitClick"
class="title-batch"
v-if="showBatch"
>
<el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch">
<el-menu-item index="-1" key="-1" class="menus">
<div>{{ batchButtonName }}</div>
</el-menu-item>
......@@ -43,50 +30,28 @@
<div v-if="this.isShowdrawer">
<div class="title">
申请单元列表({{ unitData.length }})
<el-button
type="text"
class="batchDel"
@click="handleBatchDel"
v-if="unitData.length > 1"
>批量删除</el-button
>
<el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button>
</div>
<el-menu :default-active="activeIndex" @select="unitClick">
<el-menu-item
v-for="(item, index) in unitData"
:index="index.toString()"
:key="index"
>
<el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index">
<div>
<p>{{ item.bdcdyh }}</p>
<p class="title-detail">{{ item.zl }}</p>
</div>
<i
class="el-icon-delete"
v-if="unitData.length > 1"
@click.stop="handleDel(item)"
></i>
<i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i>
</el-menu-item>
</el-menu>
</div>
<div
class="map-drawer-click map-drawer"
v-if="!isShowdrawer"
@click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"
></div>
<div
class="map-drawer-expand map-drawer"
v-else
@click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"
></div>
<div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"></div>
<div class="map-drawer-expand map-drawer" v-else @click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"></div>
</div>
<div class="leftCon">
<!-- 分屏左侧预览 -->
......@@ -96,55 +61,22 @@
<!-- 表单内容区域 -->
<div class="rightContainer">
<el-tabs v-model="tabName" :before-leave="beforeLeave">
<el-tab-pane
:label="item.name"
:name="item.value"
v-for="item in tabList"
:key="item.value"
>
<el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value">
</el-tab-pane>
</el-tabs>
<component
:key="fresh"
:is="componentTag"
v-bind="currentSelectProps"
/>
<component :key="fresh" :is="componentTag" v-bind="currentSelectProps" />
</div>
</div>
</div>
<!-- 打印模板需要此模块 -->
<object
id="LODOP_OB"
classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA"
v-show="false"
>
<embed
id="LODOP_EM"
type="application/x-print-lodop"
width="820"
height="450"
pluginspage="install_lodop32.exe"
/>
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
<embed id="LODOP_EM" type="application/x-print-lodop" width="820" height="450" pluginspage="install_lodop32.exe" />
</object>
<el-upload
class="fileUpdate"
action=""
:show-file-list="false"
multiple
:auto-upload="false"
:on-change="handleChange"
:before-upload="beforeUpload"
>
<el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false"
>上传</el-button
>
<el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false"
:on-change="handleChange" :before-upload="beforeUpload">
<el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button>
</el-upload>
<selectBdc
v-model="isDialog"
:djywbm="$route.query.sqywbm"
:isJump="true"
@updateDialog="updateDialog"
/>
<selectBdc v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" />
</div>
</template>
<style scoped lang="scss">
......@@ -167,7 +99,7 @@ export default {
ProcessViewer,
},
mixins: [WorkFlow, publicFlow],
data() {
data () {
return {
isDialog: false,
// 折叠
......@@ -202,23 +134,23 @@ export default {
batchButtonName: "",
};
},
mounted() {
mounted () {
//添加页面监听事件
window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
window.addEventListener("unload", (e) => this.unloadHandler(e));
},
destroyed() {
destroyed () {
window.removeEventListener("beforeunload", (e) =>
this.beforeunloadHandler(e)
);
window.removeEventListener("unload", (e) => this.unloadHandler(e));
},
methods: {
beforeunloadHandler() {
beforeunloadHandler () {
this._beforeUnload_time = new Date().getTime();
},
unloadHandler(e) {
unloadHandler (e) {
this._gap_time = new Date().getTime() - this._beforeUnload_time;
//判断是窗口关闭还是刷新
if (this._gap_time <= 10) {
......@@ -226,18 +158,18 @@ export default {
unClaimTask(this.bsmSlsq, this.bestepid);
}
},
changeLoadIndex() {
changeLoadIndex () {
this.loadIndex++;
},
closeDialog() {
closeDialog () {
this.myValue = false;
},
// 更新列表
updateDialog() {
updateDialog () {
this.loadBdcdylist();
},
// 删除左侧列表
handleDel(item) {
handleDel (item) {
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
......@@ -264,7 +196,7 @@ export default {
});
},
//申请单元点击事件
stepForm(index) {
stepForm (index) {
getStepFormInfo(this.currentSelectProps).then((res) => {
if (res.code === 200) {
this.fresh++;
......@@ -288,14 +220,14 @@ export default {
});
},
//申请单元点击事件
unitClick(index) {
unitClick (index) {
this.currentSelectProps = this.unitData[index];
this.currentSelectProps.batchOperation = false;
this.activeIndex = index.toString();
this.stepForm(index);
},
//批量按钮点击事件
batchUnitClick() {
batchUnitClick () {
this.currentSelectProps.batchOperation = true;
this.activeIndex = "-1";
this.stepForm();
......
......@@ -149,6 +149,7 @@ export default {
data[index].selected = true;
if (data[index].sffqlc == "1") {
this.selectParam = data[index];
console.log(this.selectParam, 'this.selectParamthis.selectParamthis.selectParamthis.selectParam');
this.btnDisabled = false;
} else {
this.btnDisabled = true;
......