Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
9710b627 by xiaomiao
Options

业务申请选择不动产tabs调整

1 parent 5e401e33
Inline Side-by-side
Showing 3 changed files with 235 additions and 16 deletions
import dialogBox from '@/components/DialogBox/dialogBox.vue'
import dialogBox from '@/components/dialogBox/dialogBox.vue'
import LbTable from '@/components/LbTable/lb-table.vue'
import Theme from '@/components/Theme/theme.vue'
import Popup from '@/components/Popup/index'
......
......@@ -4,7 +4,7 @@
<el-tab-pane label="自然幢" name="zrz"></el-tab-pane>
<el-tab-pane label="多幢" name="h"></el-tab-pane>
</el-tabs>
<div v-if="activeName == 'zrz'">
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="110px">
<el-row>
......@@ -26,7 +26,6 @@
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="7">
......@@ -67,14 +66,78 @@
<el-button type="primary" plain @click="submitForm">发起申请</el-button>
</div>
</div>
<div v-if="activeName == 'h'">
<div class="from-clues-header">
<el-form :model="queryFormduo" ref="queryFormduo" label-width="110px">
<el-row>
<el-col :span="7">
<el-form-item label="宗地代码">
<el-input placeholder="请输入宗地代码" v-model="queryFormduo.zddm" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="土地证号">
<el-input placeholder="请输入土地证号" v-model="queryFormduo.bdcqzh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="土地坐落">
<el-input placeholder="请输入土地坐落" v-model="queryFormduo.zl" clearable>
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="7">
<el-form-item label="自然幢号">
<el-input placeholder="请输入自然幢号" v-model="queryFormduo.zrzh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="项目名称">
<el-input placeholder="请输入项目名称" v-model="queryFormduo.xmmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="建筑物名称">
<el-input placeholder="请输入建筑物名称" v-model="queryFormduo.jzwmc" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
<lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
:current-page.sync="pageData.currentPage" :total="tableDataduo.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableDataduo.columns"
:data="tableDataduo.data">
</lb-table>
</div>
<div class="submit_button">
<el-button @click="closeDialog">取消</el-button>
<el-button type="primary" plain @click="submitForm">发起申请</el-button>
</div>
</div>
</div>
</template>
<script>
//国有建设用地使用权/房屋使用权
import { datas, sendThis } from "../javascript/fwsyq.js";
import table from "@/utils/mixin/table";
import jump from "@/views/ywbl/ywsq/components/mixin/jump";
import { selectScBdcdy, startBusinessFlow, choiceBdcdy, selectOtherH, selectZrz, selectH } from "@/api/ywbl.js";
export default {
//国有建设用地使用权/房屋使用权
import { datas, sendThis } from "../javascript/fwsyq.js";
import { datasduo, sendThisduo } from "../javascript/fwsyqduo.js";
import table from "@/utils/mixin/table";
import jump from "@/views/ywbl/ywsq/components/mixin/jump";
import { selectScBdcdy, startBusinessFlow, choiceBdcdy, selectOtherH, selectZrz, selectH } from "@/api/ywbl.js";
export default {
mixins: [table, jump],
props: {
isJump: { type: Boolean, default: false },
......@@ -89,11 +152,22 @@ export default {
ywh: '',
bdcqzh: ''
},
queryFormduo: {
qllx: '',
bdcdyh: '',
ywh: '',
bdcqzh: ''
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
tableDataduo: {
total: 0,
columns: datasduo.columns(),
data: [],
},
bdcdysz: [],
bsmSqyw:
this.sqywInfo.nodetype === "djlx"
......@@ -103,14 +177,17 @@ export default {
},
mounted () {
sendThis(this)
sendThisduo(this)
},
methods: {
queryClick () {
if (!this.isJump) {
//从业务办理进入
if (this.activeName == "zrz") {
this.queryForm.sqywbm = this.sqywInfo.djywbm;
this.queryForm.fwfl = this.activeName;
if (this.activeName == "zrz") {
selectZrz({ ...this.queryForm, ...this.pageData }).then((res) => {
if (res.code === 200) {
this.tableData.total = res.result.total;
......@@ -118,10 +195,13 @@ export default {
}
});
} else {
selectH({ ...this.queryForm, ...this.pageData }).then((res) => {
this.queryFormduo.sqywbm = this.sqywInfo.djywbm;
this.queryFormduo.fwfl = this.activeName;
selectH({ ...this.queryFormduo, ...this.pageData }).then((res) => {
console.log("resssssssssssssssss", res);
if (res.code === 200) {
this.tableData.total = res.result.total;
this.tableData.data = res.result.records;
this.tableDataduo.total = res.result.total;
this.tableDataduo.data = res.result.records;
}
})
}
......@@ -139,10 +219,13 @@ export default {
})
}
},
// 切换事件
handleTabClick () {
this.bdcdysz = []
this.pageData.currentPage = 1;
this.queryClick();
},
// 发起申请事件
submitForm () {
if (this.bdcdysz.length == 0) {
this.$message.error("请至少选择一条数据");
......@@ -186,12 +269,14 @@ export default {
})
}
},
// 列表勾选事件
handleSelectionChange (val) {
val.forEach((item, index) => {
item.bsmSsql = item.zdbsm
})
this.bdcdysz = val
},
// 点击楼盘表
handleLpbClick (item) {
this.$popup('楼盘表', 'lpb/index', {
width: '85%',
......@@ -204,9 +289,9 @@ export default {
})
}
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
</style>
......
import filter from '@/utils/filter.js'
let vm = null
const sendThisduo = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
type: 'selection',
label: '全选',
width: '30',
selectable: this.selected
},
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
label: "状态",
render: (h, scope) => {
return (
<div>
{/* <a v-on:click="doSomething"></a> */}
<a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
<span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.cfzt == 1}>,已查封</span>
<span v-show={scope.row.diyizt == 1}>,已地役</span>
<span v-show={scope.row.yyzt == 1}>,异议中</span>
<span v-show={scope.row.xzzt == 1}>,已限制</span>
<span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
<span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
<span v-show={scope.row.dyzt == 1}>,已抵押</span>
</div>
)
}
},
{
prop: "tdzh",
label: "土地证号",
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "xmmc",
label: "项目名称",
},
{
prop: "zrzh",
label: "自然幢号",
},
{
prop: "jzwmc",
label: "建筑物名称",
},
{
label: "土地/房屋性质",
render: (h, scope) => {
return (
<div>
{(scope.row.showQlxz) + (' / ') + (scope.row.fwxzmc)}
</div>
)
}
},
{
label: "面积",
render: (h, scope) => {
return (
<div>
{(scope.row.zdmj) + (' / ') + (scope.row.scjzmj)}
</div>
)
}
},
{
label: "土地/房屋用途",
render: (h, scope) => {
return (
<div>
{(scope.row.showTdyt) + (' / ') + (scope.row.showFwyt)}
</div>
)
}
},
{
prop: "zcs",
label: "总层数",
width: '70',
},
{
prop: "zts",
label: "总套数",
width: '70',
},
{
prop: "zl",
label: "自然幢坐落",
},
{
label: '操作',
width: '80',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return <el-button type="text" onClick={() => { vm.handleLpbClick(scope.row) }}>楼盘表</el-button>
}
}
]
}
}
let datasduo = new data()
export {
datasduo,
sendThisduo
}