<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 09:58:45
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px">
<el-row>
<el-col :span="10">
<el-form-item label="不动产单元号" label-width="105px">
<el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="不动产权证号" label-width="105px">
<el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="坐落">
<el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-form-item>
<!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> -->
<el-button type="primary" @click="handleSearch">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues-content loadingtext">
<lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.size" class="loadingtext"
:current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" :calcHeight="300"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
<div class="submit_button">
<el-button @click="$popupCacel">取消</el-button>
<el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
</div>
</div>
</template>
<script>
import { mapGetters } from "vuex";
import store from '@/store/index.js'
import table from "@/utils/mixin/table";
import { ywPopupDialog } from "@/utils/popup.js";
import { startRepairFlow } from "@/api/workFlow.js";
import { datas, sendThis } from "../javascript/selectDjbbl.js";
import { selectRepairQlxx } from "@/api/ywsq.js";
import jump from "../components/mixin/djbbljump";
export default {
name: "djbcx",
mixins: [table, jump],
mounted () {
sendThis(this);
this.queryClick()
},
props: {
isJump: { type: Boolean, default: false },
sqywInfo: { type: Object, default: () => { } },
},
data () {
return {
loading: false,
bdcdysz: [],
queryForm: {
zl: "",
bdcdyh: "",
bdcqzh: "",
ywh: "",
},
pageData: {
current: 1,
size: 10,
total: 0,
},
tableData: {
columns: datas.columns(),
data: [],
},
qllxs: [],
isDialog: false,
djbxxData: {},
bsmSqyw:
this.sqywInfo.nodetype === "djlx"
? this.sqywInfo.bsmSqyw
: this.sqywInfo.parentid,
};
},
methods: {
// 初始化数据
/**
* @description: 初始化数据
* @author: renchao
*/
queryClick () {
this.$startLoading()
selectRepairQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
this.$endLoading()
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.data = records;
this.tableData.total = total;
}
});
},
// 高级查询
moreQueryClick () { },
// openDialog (scroll) {
// this.$popupDialog('登记簿详情', 'registerBook/djbFrame', scroll, '85%');
// },
// handleLpbClick (item) {
// this.$popupDialog('楼盘表', 'lpb/index', {
// bsm: ''
// }, '85%')
// },
/**
* @description: ywhClick
* @param {*} item)
* @author: renchao
*/
ywhClick (item) {
const { href } = this.$router.resolve(
"/djbworkFrame?bdcdyid=" +
item.bdcdyid +
"&bdcdyh=" +
item.bdcdyh +
"&qllx=" +
item.qllx +
"&bsmQlxx=" +
item.bsmQlxx +
"&viewtype=1"
);
localStorage.setItem('ywbl', JSON.stringify(item));
window.open(href, `urlname${item.bdcdyid}`);
},
/**
* @description: submitForm
* @author: renchao
*/
submitForm () {
if (this.bdcdysz.length == 0) {
this.$message.error("请至少选择一条数据");
return;
}
this.loading = true
let from = {
bsmSqyw: this.bsmSqyw,
bdcdysz: this.bdcdysz,
djqxbm: this.sqywInfo.nodetype == "djlx" ? this.sqywInfo.nodecode : "",
djqxmc: this.sqywInfo.nodetype == "djlx" ? this.sqywInfo.nodename : "",
}
startRepairFlow(from).then((res) => {
this.loading = false
if (res.code == 200) {
this.$message({
showClose: true,
message: '发起申请成功',
type: 'success'
})
if (!this.isJump) {
this.jump(res.result, this.djywbm)
} else {
store.dispatch('user/refreshPage', true);
}
this.$popupCacel()
} else {
if (res.result && res.result.length > 0) {
ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
} else {
ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true)
}
}
}).catch(() => {
this.loading = false
})
},
/**
* @description: handleSelectionChange
* @param {*} val
* @author: renchao
*/
handleSelectionChange (val) {
if (this.sqywInfo.sqywdylx == "1") {
if (val.length > 1) {
this.bdcdysz = [...val[val.length - 1]];
} else {
this.bdcdysz = val;
}
} else {
this.bdcdysz = val;
}
},
/**
* @description: handleRowClick
* @param {*} row
* @author: renchao
*/
handleRowClick (row) {
// 如果状态是1，那就是单选
if (this.sqywInfo.sqywdylx == "1") {
const bdcdysz = this.bdcdysz
this.$refs.table.clearSelection()
if (bdcdysz.length == 1) {
bdcdysz.forEach(item => {
// 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
if (item == row) {
this.$refs.table.toggleRowSelection(row, false);
}
// 不然就让当前的一行勾选
else {
this.$refs.table.toggleRowSelection(row, true);
}
})
}
else {
this.$refs.table.toggleRowSelection(row, true);
}
} else {
this.$refs.table.toggleRowSelection(row);
}
},
/**
* @description: openBook
* @param {*} row
* @author: renchao
*/
openDialog (row) {
var param = {
bdcdyid: row.bdcdyid,
qllx: row.qllx,
bdcdyh: row.bdcdyh,
bsmQlxx: row.bsmQlxx,
};
this.$popup("登记簿详情", "registerBook/djbFrame", {
formData: param
})
},
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
.icon-circle {
position: relative;
}
.icon-circle::before {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background: #000;
top: 0px;
left: 0px;
}
</style>