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
1 import request from '@/utils/request'
2 import SERVER from './config'
3
4 // 初始化内容
5 export function Init (data) {
6 let apiUrl = "";
7 switch (data.get("djlx")) {
8 case "100":
9 apiUrl = "/rest/ywbl/nydsyqlr/fristInit";
10 break;
11 case "200":
12 apiUrl = "/rest/ywbl/nydsyqlr/transferInit";
13 break;
14 case "300":
15 apiUrl = "/rest/ywbl/nydsyqlr/changeInit";
16 break;
17 case "400":
18 apiUrl = "/rest/ywbl/nydsyqlr/logoutInit";
19 break;
20 case "500":
21 apiUrl = "/rest/ywbl/nydsyqlr/riviseInit";
22 break;
23 case "901":
24 apiUrl = "/rest/ywbl/nydsyqlr/renewalInit";
25 break;
26 case "902":
27 apiUrl = "/rest/ywbl/nydsyqlr/replaceInit";
28 break;
29 }
30 return request({
31 url: SERVER.SERVERAPI + apiUrl,
32 method: 'post',
33 data
34 })
35 }
36 // 初始化内容
37 export function saveData (data) {
38 return request({
39 url: SERVER.SERVERAPI + '/rest/ywbl/jsydsyqlr/saveData',
40 method: 'post',
41 data
42 })
43 }
...@@ -115,4 +115,13 @@ export function choiceBdcdy (data) { ...@@ -115,4 +115,13 @@ export function choiceBdcdy (data) {
115 method: 'post', 115 method: 'post',
116 data 116 data
117 }) 117 })
118 }
119
120 // 业务办理-选择农用地信息-根据条件进行列表查询
121 export function selectNydjbxx (data) {
122 return request({
123 url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectNydjbxx',
124 method: 'post',
125 data
126 })
118 } 127 }
...\ No newline at end of file ...\ No newline at end of file
......
1 <template>
2 <div class="djxxTable">
3 <div class="tableBox">
4 <div class="title">
5 {{ title }}
6 <div class="checkbox">
7 <el-checkbox-group v-model="checkList" @change="checkChange">
8 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
9 </el-checkbox-group>
10 </div>
11 </div>
12 <div class="xxTableBox">
13 <!-- 固定前三个 -->
14 <table class="xxTable">
15 <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
16 <td>
17 {{ item.label }}
18 </td>
19 <td v-for="(row, index) in tableData" :key="index" :class="[
20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 ]">
24 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
25 正在办理
26 </div>
27 <span v-if="item.prop == 'qszt'">
28 {{ getQsztName(row[item.prop]) }}
29 </span>
30
31 <span v-else> {{ row[item.prop] }}</span>
32 </td>
33 <td v-for="count in emptycolNum" :key="~count"></td>
34 </tr>
35 </table>
36
37 <table class="xxTable rollTable">
38 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
39 <td>
40 {{ item.label }}
41 </td>
42 <td v-for="(row, index) in tableData" :key="index" :class="[
43 row.qszt == '2' ? 'lishi' : '',
44 row.qszt == '0' ? 'linshi' : '',
45 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
46 ]">
47 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
48 正在办理
49 </div>
50 <span v-if="item.prop == 'qszt'">
51 {{ getQsztName(row[item.prop]) }}
52 </span>
53
54 <span v-else> {{ row[item.prop] }}</span>
55 </td>
56 <td v-for="count in emptycolNum" :key="~count"></td>
57 </tr>
58 </table>
59 </div>
60 </div>
61 </div>
62 </template>
63
64 <script>
65 import { getJsydsyqList } from "@/api/registerBook.js";
66 import { datas } from "./qlxxFormData.js";
67 export default {
68 data () {
69 return {
70 title: "建设用地使用权、宅基地使用权登记信息",
71 qsztList: datas.columns().qsztList,
72 checkList: datas.columns().checkList,
73 //传递参数
74 propsParam: this.$attrs,
75 //列表数据
76 tableData: [],
77 //空列值个数
78 emptycolNum: datas.columns().emptycolNum,
79 //列名称对象
80 columns: datas.columns().JSYDSYQ,
81 };
82 },
83 created () {
84 this.loadData();
85 },
86 methods: {
87 loadData () {
88 getJsydsyqList({
89 bdcdyid: this.propsParam.bdcdyid,
90 qllx: this.propsParam.qllx,
91 qszt: this.checkList,
92 }).then((res) => {
93 if (res.code === 200) {
94 this.tableData = res.result;
95 if (this.tableData.length < datas.columns().emptycolNum) {
96 this.emptycolNum =
97 datas.columns().emptycolNum - this.tableData.length;
98 } else {
99 this.emptycolNum = 0;
100 }
101 }
102 });
103 },
104 checkChange () {
105 if (this.checkList.length === 0) {
106 this.tableData = [];
107 this.emptycolNum = datas.columns().emptycolNum;
108 } else {
109 this.loadData();
110 }
111 },
112 getQsztName (code) {
113 let name = "";
114 for (let item of this.qsztList) {
115 if (item.value == code) {
116 name = item.label;
117 break;
118 }
119 }
120 return name;
121 },
122 },
123 };
124 </script>
125
126 <style lang="scss" scoped>
127 @import "./qlxxCommon.scss";
128 </style>
1 <template>
2 <div>
3 <lb-table :column="column" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList">
4 </lb-table>
5 <addQlr v-model="dialog" :details="details" @updateDetail="updateDetail" />
6 </div>
7 </template>
8 <script>
9 import addQlr from './addQlr.vue'
10 import { mapGetters } from 'vuex'
11 export default {
12 components: {
13 addQlr
14 },
15 computed: {
16 ...mapGetters(["dictData"]),
17 },
18 props: {
19 tableData: {
20 type: Array,
21 default: function () {
22 return []
23 }
24 },
25 gyfs: {
26 type: String,
27 default: '1'
28 }
29 },
30 data () {
31 return {
32 key: 0,
33 dataIndex: 0,
34 dialog: false,
35 details: {},
36 tableDataList: [],
37 InformationTable: [
38 {
39 width: '50',
40 renderHeader: (h, scope) => {
41 return <div> {
42 this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
43 }
44 </div>
45 },
46 render: (h, scope) => {
47 return (
48 <div>
49 {
50 this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
51 <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
52 }
53 </div>
54 )
55 }
56 },
57 {
58 label: '身份证读卡器',
59 align: 'center',
60 render: (h, scope) => {
61 return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button>
62 }
63 },
64 {
65 prop: "cyxm",
66 label: "成员姓名"
67 },
68 {
69 prop: "sfzhm",
70 label: "身份证号码"
71 },
72 {
73 prop: "dh",
74 label: "联系电话"
75 },
76 {
77 label: '修改',
78 render: (h, scope) => {
79 return (
80 <div>
81 {
82 this.$route.query.viewtype == 1 ? <el-button
83 icon="el-icon-view"
84 type="text"
85 onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button
86 icon="el-icon-edit-outline"
87 type="text"
88 onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button>
89 }
90 </div>
91 )
92 }
93 }
94 ],
95 column: this.InformationTable
96 }
97 },
98 watch: {
99 tableData: {
100 handler: function (val, oldVal) {
101 let that = this
102 if (val.length == 0 || !val) {
103 that.tableDataList = _.cloneDeep([{
104 sqrmc: '',
105 dlrzjlx: '',
106 dlrzjh: '',
107 fr: ''
108 }])
109 } else {
110 that.tableDataList = _.cloneDeep(val)
111 }
112 },
113 immediate: true,
114 deep: true
115 },
116 gyfs: {
117 handler (newVal, oldValue) {
118 let dataList = _.cloneDeep(this.InformationTable)
119 if (newVal == '1') {
120 this.column = _.cloneDeep(dataList).slice(1, dataList.length)
121 } else {
122 this.column = dataList
123 }
124 },
125 immediate: true
126 }
127 },
128 methods: {
129 updateDetail (value) {
130 this.tableDataList[this.dataIndex] = value
131 this.key++
132 this.$emit('upDateQlrxxList', this.tableDataList)
133 },
134
135 // 新增
136 addClick () {
137 this.dialog = true
138 },
139
140 // 删除
141 deleClick (index, row) {
142 this.tableData.splice(index, 1)
143 },
144
145 // 身份证读取
146 readClick () { },
147
148 // 修改
149 editClick (index, row) {
150 console.log(row, 'rowrowrowrowrow');
151 this.dataIndex = index
152 this.dialog = true
153 this.details = row
154 },
155
156 queryViewClick () {
157 this.dialog = true
158 }
159 }
160 }
161 </script>
162 <style scoped lang='scss'>
163
164 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -26,6 +26,9 @@ export function getForm(tabName, djywbm) { ...@@ -26,6 +26,9 @@ export function getForm(tabName, djywbm) {
26 case "fwsyqslxx900": 26 case "fwsyqslxx900":
27 form = require("@/views/ywbl/fdcq2/slxx900.vue"); 27 form = require("@/views/ywbl/fdcq2/slxx900.vue");
28 break; 28 break;
29 case "nydsyqslxx100":
30 form = require("@/views/ywbl/nydsyq/slxx.vue");
31 break;
29 case "tdslxxCfdj": 32 case "tdslxxCfdj":
30 form = require("@/views/ywbl/cfdj/tdslxx.vue"); 33 form = require("@/views/ywbl/cfdj/tdslxx.vue");
31 break; 34 break;
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 </el-row> 14 </el-row>
15 <el-row :gutter="8"> 15 <el-row :gutter="8">
16 <el-col :span="24" class="margin-top-middle"> 16 <el-col :span="24" class="margin-top-middle">
17 错误内容： 17 操作内容：
18 <el-input type="textarea" :rows="10" v-model="formData.item.cznr"></el-input> 18 <el-input type="textarea" :rows="10" v-model="formData.item.cznr"></el-input>
19 </el-col> 19 </el-col>
20 </el-row> 20 </el-row>
......
...@@ -55,7 +55,8 @@ ...@@ -55,7 +55,8 @@
55 </div> 55 </div>
56 <div class="flex-display"> 56 <div class="flex-display">
57 <div class="width-33">使用率</div> 57 <div class="width-33">使用率</div>
58 <div class="width-33">{{serverData.xtjkMem.usage}}%</div> 58 <div class="width-33" v-if="serverData.xtjkMem.usage > 80" style="color:red">{{serverData.xtjkMem.usage}}%</div>
59 <div class="width-33" v-else>{{serverData.xtjkMem.usage}}%</div>
59 <div>{{serverData.xtjkJvm.usage}}%</div> 60 <div>{{serverData.xtjkJvm.usage}}%</div>
60 </div> 61 </div>
61 </el-card> 62 </el-card>
...@@ -123,7 +124,12 @@ ...@@ -123,7 +124,12 @@
123 <el-table-column prop="sysTypeName" label="文件系统" width="180"></el-table-column> 124 <el-table-column prop="sysTypeName" label="文件系统" width="180"></el-table-column>
124 <el-table-column prop="typeName" label="盘符类型"></el-table-column> 125 <el-table-column prop="typeName" label="盘符类型"></el-table-column>
125 <el-table-column prop="total" label="总大小"></el-table-column> 126 <el-table-column prop="total" label="总大小"></el-table-column>
126 <el-table-column prop="free" label="可用大小"></el-table-column> 127 <el-table-column label="可用大小">
128 <template slot-scope="scope">
129 <div v-if="scope.row.free < '20 GB'" style="color:red">{{scope.row.free}}</div>
130 <div v-else>{{scope.row.free}}</div>
131 </template>
132 </el-table-column>
127 <el-table-column prop="used" label="已用大小"></el-table-column> 133 <el-table-column prop="used" label="已用大小"></el-table-column>
128 <el-table-column prop="usage" label="已用百分比"></el-table-column> 134 <el-table-column prop="usage" label="已用百分比"></el-table-column>
129 </el-table> 135 </el-table>
...@@ -188,7 +194,7 @@ export default { ...@@ -188,7 +194,7 @@ export default {
188 padding-bottom: 10px; 194 padding-bottom: 10px;
189 } 195 }
190 .font-border { 196 .font-border {
191 font-weight: bolder 197 font-weight: bolder;
192 } 198 }
193 </style> 199 </style>
194 200
......
1 <template>
2 <div class="from-clues">
3 <!-- 表单部分 国有建设用地使用权 -->
4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" label-width="120px">
6 <el-row>
7 <el-col :span="10">
8 <el-form-item label="不动产单元号">
9 <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width300px">
10 </el-input>
11 </el-form-item>
12 </el-col>
13 <el-col :span="10">
14 <el-form-item label="坐落">
15 <el-input placeholder="请输入坐落" v-model="queryForm.zl" clearable class="width300px">
16 </el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="4" class="btnColRight">
20 <el-form-item>
21 <el-button type="primary" @click="fetchData">查询</el-button>
22 </el-form-item>
23 </el-col>
24 </el-row>
25 </el-form>
26 </div>
27 <!-- 表格 -->
28 <div class="from-clues-content">
29 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400"
30 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
31 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
32 :data="tableData.data">
33 </lb-table>
34 </div>
35 <div class="submit_button">
36 <el-button @click="closeDialog">取消</el-button>
37 <el-button type="primary" plain @click="submitForm">发起申请</el-button>
38 </div>
39 </div>
40 </template>
41 <script>
42 //首次登记
43 import { datas, sendThis } from "../javascript/nydsyq100.js";
44 import { defaultParameters } from "../javascript/publicDefaultPar.js";
45 import table from "@/utils/mixin/table";
46 import jump from "../components/mixin/jump";
47 import { startBusinessFlow } from "@/api/ywbl.js";
48 import { selectNydjbxx } from "@/api/selectQlxx.js";
49 export default {
50 mixins: [table, jump],
51 props: {
52 isJump: { type: Boolean, default: false },
53 djywbm: { type: String, default: '' },
54 djqxObj: {
55 type: Object,
56 default: {}
57 },
58 bsmSqyw: { type: String, default: '' },
59 },
60 data () {
61 return {
62 queryForm: defaultParameters.defaultParameters(),
63
64 qllxs: [],
65 tableData: {
66 total: 0,
67 columns: datas.columns(),
68 data: [],
69 },
70 bdcdysz: []
71 };
72 },
73 mounted () {
74 sendThis(this);
75 },
76 methods: {
77 //点击行选中或取消复选框
78 handleRowClick (row, column, event) {
79 //通过ref绑定后这里使用$refs.table来操作bom元素
80 this.$refs.table.toggleRowSelection(row);
81 },
82 closeDialog () {
83 this.$emit("closeDialog");
84 },
85 fetchData () {
86 this.queryForm.sqywbm = this.djywbm;
87 selectNydjbxx({ ...this.queryForm, ...this.pageData }).then((res) => {
88 if (res.code === 200) {
89 let { total, records } = res.result;
90 this.tableData.total = total;
91 this.tableData.data = records;
92 }
93 });
94 },
95 submitForm () {
96 if (this.bdcdysz.length == 0) {
97 this.$message.error("请至少选择一条数据");
98 return;
99 }
100 startBusinessFlow({
101 bsmSqyw: this.bsmSqyw,
102 bdcdysz: this.bdcdysz,
103 djqxbm: this.djqxObj?.djqxbm,
104 djqxmc: this.djqxObj?.djqxmc
105 }).then((res) => {
106 if (res.code == 200) {
107 this.$message({
108 showClose: true,
109 message: '发起申请成功',
110 type: 'success'
111 })
112 if (!this.isJump) {
113 this.jump(res.result, this.djywbm)
114 } else {
115 this.$emit('updateDialog', true)
116 }
117 } else {
118 this.$message.error(res.message);
119 }
120 })
121 },
122 handleSelectionChange (val) {
123 this.bdcdysz = val;
124 }
125 }
126 }
127 </script>
128 <style scoped lang="scss">
129 @import "~@/styles/mixin.scss";
130 @import "~@/styles/public.scss";
131 </style>
132
1 import filter from '@/utils/filter.js'
2 let vm = null
3
4 const sendThis = (_this) => {
5 vm = _this
6 }
7 class data extends filter {
8 constructor() {
9 super()
10 }
11 columns () {
12 return [
13 {
14 type: 'selection',
15 label: '全选'
16 },
17 {
18 label: '序号',
19 type: 'index',
20 width: '50',
21 render: (h, scope) => {
22 return (
23 <div>
24 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
25 </div>
26 )
27 }
28 },
29 {
30 label: "状态",
31 render: (h, scope) => {
32 return (
33 <div>
34 {/* <a v-on:click="doSomething"></a> */}
35 <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
36 <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
37 <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
38 <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
39 <span v-show={scope.row.cfzt == 1}>,已查封</span>
40 <span v-show={scope.row.diyizt == 1}>,已地役</span>
41 <span v-show={scope.row.yyzt == 1}>,异议中</span>
42 <span v-show={scope.row.xzzt == 1}>,已限制</span>
43 <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
44 <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
45 <span v-show={scope.row.dyzt == 1}>,已抵押</span>
46 </div>
47 )
48 }
49 },
50 {
51 prop: "qllxmc",
52 label: "权利类型",
53 },
54 {
55 prop: "zddm",
56 label: "宗地代码",
57 },
58 {
59 prop: "bdcdyh",
60 label: "不动产单元号",
61 },
62 {
63 prop: "qlxzmc",
64 label: "权利性质",
65 },
66 {
67 prop: "mj",
68 label: "农用地面积(㎡)",
69 },
70 {
71 prop: "qlsdfsmc",
72 label: "权利设定方式",
73 },
74 {
75 prop: "ytmc",
76 label: "土地用途",
77 },
78 {
79 prop: "zl",
80 label: "坐落",
81 },
82 ]
83 }
84
85
86 }
87 let datas = new data()
88 export {
89 datas,
90 sendThis
91 }
...@@ -14,6 +14,9 @@ export function queueDjywmc (djywbm) { ...@@ -14,6 +14,9 @@ export function queueDjywmc (djywbm) {
14 case "A04100"://国有建设用地使用权/房屋所有权(首次登记) 14 case "A04100"://国有建设用地使用权/房屋所有权(首次登记)
15 vm = "fwsyq"; 15 vm = "fwsyq";
16 break; 16 break;
17 case "A23100"://农用地使用权(首次登记)
18 vm = "nydsyq100";
19 break;
17 case "A05200": 20 case "A05200":
18 case "A05300": 21 case "A05300":
19 case "A05400": 22 case "A05400":
......