Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
3dcc2f6b by 蔡俊立
Options

农用地使用权

1 parent 04f046ec
Expand all
Inline Side-by-side
Showing 11 changed files with 583 additions and 4 deletions
import request from '@/utils/request'
import SERVER from './config'
// 初始化内容
export function Init (data) {
let apiUrl = "";
switch (data.get("djlx")) {
case "100":
apiUrl = "/rest/ywbl/nydsyqlr/fristInit";
break;
case "200":
apiUrl = "/rest/ywbl/nydsyqlr/transferInit";
break;
case "300":
apiUrl = "/rest/ywbl/nydsyqlr/changeInit";
break;
case "400":
apiUrl = "/rest/ywbl/nydsyqlr/logoutInit";
break;
case "500":
apiUrl = "/rest/ywbl/nydsyqlr/riviseInit";
break;
case "901":
apiUrl = "/rest/ywbl/nydsyqlr/renewalInit";
break;
case "902":
apiUrl = "/rest/ywbl/nydsyqlr/replaceInit";
break;
}
return request({
url: SERVER.SERVERAPI + apiUrl,
method: 'post',
data
})
}
// 初始化内容
export function saveData (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/jsydsyqlr/saveData',
method: 'post',
data
})
}
......@@ -115,4 +115,13 @@ export function choiceBdcdy (data) {
method: 'post',
data
})
}
// 业务办理-选择农用地信息-根据条件进行列表查询
export function selectNydjbxx (data) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectNydjbxx',
method: 'post',
data
})
}
\ No newline at end of file
......
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<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' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</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' : '',
item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
]">
<div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
正在办理
</div>
<span v-if="item.prop == 'qszt'">
{{ getQsztName(row[item.prop]) }}
</span>
<span v-else> {{ row[item.prop] }}</span>
</td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { getJsydsyqList } from "@/api/registerBook.js";
import { datas } from "./qlxxFormData.js";
export default {
data () {
return {
title: "建设用地使用权、宅基地使用权登记信息",
qsztList: datas.columns().qsztList,
checkList: datas.columns().checkList,
//传递参数
propsParam: this.$attrs,
//列表数据
tableData: [],
//空列值个数
emptycolNum: datas.columns().emptycolNum,
//列名称对象
columns: datas.columns().JSYDSYQ,
};
},
created () {
this.loadData();
},
methods: {
loadData () {
getJsydsyqList({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
qszt: this.checkList,
}).then((res) => {
if (res.code === 200) {
this.tableData = res.result;
if (this.tableData.length < datas.columns().emptycolNum) {
this.emptycolNum =
datas.columns().emptycolNum - this.tableData.length;
} else {
this.emptycolNum = 0;
}
}
});
},
checkChange () {
if (this.checkList.length === 0) {
this.tableData = [];
this.emptycolNum = datas.columns().emptycolNum;
} else {
this.loadData();
}
},
getQsztName (code) {
let name = "";
for (let item of this.qsztList) {
if (item.value == code) {
name = item.label;
break;
}
}
return name;
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>
<template>
<div>
<lb-table :column="column" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList">
</lb-table>
<addQlr v-model="dialog" :details="details" @updateDetail="updateDetail" />
</div>
</template>
<script>
import addQlr from './addQlr.vue'
import { mapGetters } from 'vuex'
export default {
components: {
addQlr
},
computed: {
...mapGetters(["dictData"]),
},
props: {
tableData: {
type: Array,
default: function () {
return []
}
},
gyfs: {
type: String,
default: '1'
}
},
data () {
return {
key: 0,
dataIndex: 0,
dialog: false,
details: {},
tableDataList: [],
InformationTable: [
{
width: '50',
renderHeader: (h, scope) => {
return <div> {
this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
}
</div>
},
render: (h, scope) => {
return (
<div>
{
this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
<i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
}
</div>
)
}
},
{
label: '身份证读卡器',
align: 'center',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button>
}
},
{
prop: "cyxm",
label: "成员姓名"
},
{
prop: "sfzhm",
label: "身份证号码"
},
{
prop: "dh",
label: "联系电话"
},
{
label: '修改',
render: (h, scope) => {
return (
<div>
{
this.$route.query.viewtype == 1 ? <el-button
icon="el-icon-view"
type="text"
onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button
icon="el-icon-edit-outline"
type="text"
onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button>
}
</div>
)
}
}
],
column: this.InformationTable
}
},
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([{
sqrmc: '',
dlrzjlx: '',
dlrzjh: '',
fr: ''
}])
} else {
that.tableDataList = _.cloneDeep(val)
}
},
immediate: true,
deep: true
},
gyfs: {
handler (newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable)
if (newVal == '1') {
this.column = _.cloneDeep(dataList).slice(1, dataList.length)
} else {
this.column = dataList
}
},
immediate: true
}
},
methods: {
updateDetail (value) {
this.tableDataList[this.dataIndex] = value
this.key++
this.$emit('upDateQlrxxList', this.tableDataList)
},
// 新增
addClick () {
this.dialog = true
},
// 删除
deleClick (index, row) {
this.tableData.splice(index, 1)
},
// 身份证读取
readClick () { },
// 修改
editClick (index, row) {
console.log(row, 'rowrowrowrowrow');
this.dataIndex = index
this.dialog = true
this.details = row
},
queryViewClick () {
this.dialog = true
}
}
}
</script>
<style scoped lang='scss'>
</style>
\ No newline at end of file
......@@ -26,6 +26,9 @@ export function getForm(tabName, djywbm) {
case "fwsyqslxx900":
form = require("@/views/ywbl/fdcq2/slxx900.vue");
break;
case "nydsyqslxx100":
form = require("@/views/ywbl/nydsyq/slxx.vue");
break;
case "tdslxxCfdj":
form = require("@/views/ywbl/cfdj/tdslxx.vue");
break;
......
......@@ -14,7 +14,7 @@
</el-row>
<el-row :gutter="8">
<el-col :span="24" class="margin-top-middle">
错误内容：
操作内容：
<el-input type="textarea" :rows="10" v-model="formData.item.cznr"></el-input>
</el-col>
</el-row>
......
......@@ -55,7 +55,8 @@
</div>
<div class="flex-display">
<div class="width-33">使用率</div>
<div class="width-33">{{serverData.xtjkMem.usage}}%</div>
<div class="width-33" v-if="serverData.xtjkMem.usage > 80" style="color:red">{{serverData.xtjkMem.usage}}%</div>
<div class="width-33" v-else>{{serverData.xtjkMem.usage}}%</div>
<div>{{serverData.xtjkJvm.usage}}%</div>
</div>
</el-card>
......@@ -123,7 +124,12 @@
<el-table-column prop="sysTypeName" label="文件系统" width="180"></el-table-column>
<el-table-column prop="typeName" label="盘符类型"></el-table-column>
<el-table-column prop="total" label="总大小"></el-table-column>
<el-table-column prop="free" label="可用大小"></el-table-column>
<el-table-column label="可用大小">
<template slot-scope="scope">
<div v-if="scope.row.free < '20 GB'" style="color:red">{{scope.row.free}}</div>
<div v-else>{{scope.row.free}}</div>
</template>
</el-table-column>
<el-table-column prop="used" label="已用大小"></el-table-column>
<el-table-column prop="usage" label="已用百分比"></el-table-column>
</el-table>
......@@ -188,7 +194,7 @@ export default {
padding-bottom: 10px;
}
.font-border {
font-weight: bolder
font-weight: bolder;
}
</style>
......
<template>
<div class="from-clues">
<!-- 表单部分 国有建设用地使用权 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="120px">
<el-row>
<el-col :span="10">
<el-form-item label="不动产单元号">
<el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width300px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="坐落">
<el-input placeholder="请输入坐落" v-model="queryForm.zl" clearable class="width300px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="fetchData">查询</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="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
:data="tableData.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>
</template>
<script>
//首次登记
import { datas, sendThis } from "../javascript/nydsyq100.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
import table from "@/utils/mixin/table";
import jump from "../components/mixin/jump";
import { startBusinessFlow } from "@/api/ywbl.js";
import { selectNydjbxx } from "@/api/selectQlxx.js";
export default {
mixins: [table, jump],
props: {
isJump: { type: Boolean, default: false },
djywbm: { type: String, default: '' },
djqxObj: {
type: Object,
default: {}
},
bsmSqyw: { type: String, default: '' },
},
data () {
return {
queryForm: defaultParameters.defaultParameters(),
qllxs: [],
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
bdcdysz: []
};
},
mounted () {
sendThis(this);
},
methods: {
//点击行选中或取消复选框
handleRowClick (row, column, event) {
//通过ref绑定后这里使用$refs.table来操作bom元素
this.$refs.table.toggleRowSelection(row);
},
closeDialog () {
this.$emit("closeDialog");
},
fetchData () {
this.queryForm.sqywbm = this.djywbm;
selectNydjbxx({ ...this.queryForm, ...this.pageData }).then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total;
this.tableData.data = records;
}
});
},
submitForm () {
if (this.bdcdysz.length == 0) {
this.$message.error("请至少选择一条数据");
return;
}
startBusinessFlow({
bsmSqyw: this.bsmSqyw,
bdcdysz: this.bdcdysz,
djqxbm: this.djqxObj?.djqxbm,
djqxmc: this.djqxObj?.djqxmc
}).then((res) => {
if (res.code == 200) {
this.$message({
showClose: true,
message: '发起申请成功',
type: 'success'
})
if (!this.isJump) {
this.jump(res.result, this.djywbm)
} else {
this.$emit('updateDialog', true)
}
} else {
this.$message.error(res.message);
}
})
},
handleSelectionChange (val) {
this.bdcdysz = val;
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
</style>
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
type: 'selection',
label: '全选'
},
{
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: "qllxmc",
label: "权利类型",
},
{
prop: "zddm",
label: "宗地代码",
},
{
prop: "bdcdyh",
label: "不动产单元号",
},
{
prop: "qlxzmc",
label: "权利性质",
},
{
prop: "mj",
label: "农用地面积(㎡)",
},
{
prop: "qlsdfsmc",
label: "权利设定方式",
},
{
prop: "ytmc",
label: "土地用途",
},
{
prop: "zl",
label: "坐落",
},
]
}
}
let datas = new data()
export {
datas,
sendThis
}
......@@ -14,6 +14,9 @@ export function queueDjywmc (djywbm) {
case "A04100"://国有建设用地使用权/房屋所有权(首次登记)
vm = "fwsyq";
break;
case "A23100"://农用地使用权(首次登记)
vm = "nydsyq100";
break;
case "A05200":
case "A05300":
case "A05400":
......