Skip to content

bdc / bdcdj-web

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

style:一窗受理

1 parent 8b476825
Inline Side-by-side
Showing 4 changed files with 355 additions and 17 deletions
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-20 10:02:14 4 * @LastEditTime: 2023-11-15 10:03:39
5 */ 5 */
6 import Vue from 'vue' 6 import Vue from 'vue'
7 import App from './App' 7 import App from './App'
...@@ -55,7 +55,7 @@ import 'quill/dist/quill.bubble.css' ...@@ -55,7 +55,7 @@ import 'quill/dist/quill.bubble.css'
55 Vue.use(VueQuillEditor) 55 Vue.use(VueQuillEditor)
56 56
57 import * as filters from './filters' // global filters 57 import * as filters from './filters' // global filters
58 Vue.use(Element, { size: 'small', zIndex: 1000 }) 58 Vue.use(Element, { size: 'mini', zIndex: 1000 })
59 Vue.use(Base) 59 Vue.use(Base)
60 Object.keys(filters).forEach(key => { 60 Object.keys(filters).forEach(key => {
61 Vue.filter(key, filters[key]) 61 Vue.filter(key, filters[key])
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-11-15 10:02:49
5 -->
6 <template>
7 <div class='detail'>
8 <el-form :model="ruleForm" ref="ruleForm" label-width="130px">
9 <p>不动产情况</p>
10 <el-row>
11 <el-col :span="12">
12 <el-form-item label="坐落:">
13 <el-input v-model="ruleForm.zl"></el-input>
14 </el-form-item>
15 </el-col>
16 <el-col :span="12">
17 <el-form-item label="不动产单元号:">
18 <el-input v-model="ruleForm.bdcdyh"></el-input>
19 </el-form-item>
20 </el-col>
21 </el-row>
22 <el-row>
23 <el-col :span="6">
24 <el-form-item label="宗地/宗海面积:">
25 <el-input v-model="ruleForm.zdzhmj"></el-input>
26 </el-form-item>
27 </el-col>
28 <el-col :span="6">
29 <el-form-item label="定着物面积:">
30 <el-input v-model="ruleForm.dzwmj"></el-input>
31 </el-form-item>
32 </el-col>
33 <el-col :span="6">
34 <el-form-item label="宗地/宗海用途:">
35 <el-input v-model="ruleForm.zdzhyt"></el-input>
36 </el-form-item>
37 </el-col>
38 <el-col :span="6">
39 <el-form-item label="定着物用途:">
40 <el-input v-model="ruleForm.dzwyt"></el-input>
41 </el-form-item>
42 </el-col>
43 </el-row>
44 <el-row>
45 <el-col :span="6">
46 <el-form-item label="不动产类型:">
47 <el-select v-model="ruleForm.bdclx" class="width100" placeholder="请选择">
48 <el-option
49 v-for="item in bdclxList"
50 :key="item.dcode"
51 :label="item.dname"
52 :value="item.dcode">
53 </el-option>
54 </el-select>
55 </el-form-item>
56 </el-col>
57 <el-col :span="6">
58 <el-form-item label="宗地/宗海权利性:">
59 <el-select v-model="ruleForm.zdzhqlxz" class="width100" placeholder="请选择">
60 <el-option
61 v-for="item in qlxzList"
62 :key="item.dcode"
63 :label="item.dname"
64 :value="item.dcode">
65 </el-option>
66 </el-select>
67 </el-form-item>
68 </el-col>
69 <el-col :span="6">
70 <el-form-item label="用海类型:">
71 <el-input v-model="ruleForm.yhlx"></el-input>
72 </el-form-item>
73 </el-col>
74 <el-col :span="6">
75 <el-form-item label="构筑物类型:">
76 <el-input v-model="ruleForm.gzwlx"></el-input>
77 </el-form-item>
78 </el-col>
79 </el-row>
80 <el-row>
81 <el-col :span="6">
82 <el-form-item label="林种:">
83 <el-input v-model="ruleForm.lz"></el-input>
84 </el-form-item>
85 </el-col>
86 <el-col :span="12">
87 <el-form-item label="原不动产权证书号:">
88 <el-input v-model="ruleForm.ybdcqzh"></el-input>
89 </el-form-item>
90 </el-col>
91 </el-row>
92 <div>
93 <p>登记申请人</p>
94 <el-row>
95 <el-col :span="12">
96 <el-form-item label="义务人名称:">
97 <el-input v-model="ruleForm.ywrmc"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="6">
101 <el-form-item label="证件种类:">
102 <el-select v-model="ruleForm.zjzl" class="width100" placeholder="请选择">
103 <el-option
104 v-for="item in zjzlList"
105 :key="item.dcode"
106 :label="item.dname"
107 :value="item.dcode">
108 </el-option>
109 </el-select>
110 </el-form-item>
111 </el-col>
112 <el-col :span="6">
113 <el-form-item label="证件号:">
114 <el-input v-model="ruleForm.zjh"></el-input>
115 </el-form-item>
116 </el-col>
117 </el-row>
118 </div>
119 </el-form>
120 </div>
121 </template>
122 <script>
123 import store from '@/store/index.js'
124 export default {
125 components: {},
126 data () {
127 return {
128 bdclxList: store.getters.dictData['A27'],
129 qlxzList: store.getters.dictData['A9'],
130 zjzlList: store.getters.dictData['A9'],
131 ruleForm: {
132 zl: '',
133 bdcdyh: '',
134 zdzhmj: '',
135 dzwmj: '',
136 zdzhyt: '',
137 dzwyt: '',
138 bdclx: '',
139 zdzhqlxz: ''
140 }
141 }
142 },
143 methods: {
144 dicStatus (val, code) {
145 let data = store.getters.dictData[code],
146 name = '暂无'
147 if (data) {
148 data.map((item) => {
149 if (item.dcode == val) {
150 name = item.dname
151 }
152 })
153 return name
154 }
155 },
156 }
157 }
158 </script>
159 <style scoped lang='scss'>
160 /deep/.el-form-item {
161 margin-bottom: 8px;
162 }
163 </style>
...\ No newline at end of file ...\ No newline at end of file
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 label: '序号',
15 type: 'index',
16 width: '50',
17 render: (h, scope) => {
18 return (
19 <div>
20 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
21 </div>
22 )
23 }
24 },
25 {
26 prop: "ywh",
27 label: "业务号",
28 },
29 {
30 prop: "sqbh",
31 label: "申请编号",
32 },
33 {
34 prop: "qlr",
35 label: "权利人",
36 },
37 {
38 prop: "ywr",
39 label: "义务人",
40 },
41 {
42 prop: "bdcdyh",
43 label: "不动产单元号",
44 width: 150
45 },
46 {
47 prop: "sqsj",
48 label: "申请时间",
49 width: 140
50 },
51 {
52 label: "登记类型",
53 render: (h, scope) => {
54 return <span>{this.dicStatus(scope.row.djlx, "A21")}</span>
55 }
56 },
57 {
58 label: "权利类型",
59 render: (h, scope) => {
60 return <span>{this.dicStatus(scope.row.qllx, "A8")}</span>
61 }
62 },
63 {
64 label: "办理状态",
65 render: (h, scope) => {
66 return <span>{this.dicStatus(scope.row.blzt, "dyblzt")}</span>
67 }
68 },
69 {
70 prop: "shyj",
71 label: "审核意见"
72 },
73 {
74 label: "操作",
75 width: 250,
76 fixed: 'right',
77 render: (h, scope) => {
78 return <div>
79 <el-button type="text" icon='el-icon-view' onClick={() => { vm.handleViewClick(scope.row) }}>详情</el-button>
80 <el-button type="text" icon="el-icon-delete" onClick={() => { vm.handleDel(scope.row) }}>删除</el-button>
81 <el-button type="text" icon='el-icon-refresh-left' onClick={() => { vm.handleBack(scope.row) }}>回退</el-button>
82 <el-button type="text" icon='el-icon-document-copy' onClick={() => { vm.handleSync(scope.row) }}>数据同步</el-button>
83 </div>
84 }
85 }
86 ]
87 }
88
89 }
90 let datas = new data()
91 export {
92 datas,
93 sendThis
94 }
1 <!-- 1 <!--
2 * @Author: yangwei 2 * @Description:
3 * @Date: 2023-09-06 09:20:11 3 * @Autor: renchao
4 * @LastEditors: Please set LastEditors 4 * @LastEditTime: 2023-11-15 09:41:55
5 --> 5 -->
6 <template> 6 <template>
7 <div> <el-empty description="正在开发"></el-empty></div> 7 <div class="from-clues">
8 <!-- 家庭房产 -->
9 <div class="from-clues-header">
10 <el-form :model="queryForm" @submit.native.prevent ref="queryForm" label-width="70px">
11 <el-row>
12 <el-col :span="5">
13 <el-form-item label="申请编号">
14 <el-input placeholder="申请编号" v-model="queryForm.sqbh" clearable class="width100">
15 </el-input>
16 </el-form-item>
17 </el-col>
18 <el-col :span="9" class="flex">
19 <el-form-item label="申请时间">
20 <el-date-picker v-model="queryForm.date1" type="date" placeholder="开始日期" value-format="yyyy-MM-dd" clearable>
21 </el-date-picker> 至
22 <el-date-picker v-model="queryForm.date2" type="date" placeholder="结束日期" value-format="yyyy-MM-dd" clearable>
23 </el-date-picker>
24 </el-form-item>
25 </el-col>
26 <el-col :span="5">
27 <el-form-item label="权利人">
28 <el-input placeholder="权利人" v-model="queryForm.qlr" clearable class="width100">
29 </el-input>
30 </el-form-item>
31 </el-col>
32 <el-col :span="5">
33 <el-form-item label="义务人">
34 <el-input placeholder="义务人" v-model="queryForm.ywr" clearable class="width100">
35 </el-input>
36 </el-form-item>
37 </el-col>
38 <el-col :span="5">
39 <el-form-item label="办理状态">
40 <el-input placeholder="办理状态" v-model="queryForm.blzt" clearable class="width100">
41 </el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="19" class="btnColRight">
45 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
46 </el-col>
47 </el-row>
48 </el-form>
49 </div>
50 <!-- 表格 -->
51 <div class="from-clues-content">
52 <lb-table :page-size="pageData.size" class="loadingtext" :current-page.sync="pageData.current"
53 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
54 :column="tableData.columns" :data="tableData.data">
55 </lb-table>
56 </div>
57 </div>
8 </template> 58 </template>
9
10 <script> 59 <script>
60 import table from "@/utils/mixin/table";
61 import { datas, sendThis } from "./data";
11 export default { 62 export default {
12 name: "BdcdjWebYcsl", 63 name: "jtfc",
13 64 mixins: [table],
65 mounted () {
66 sendThis(this);
67 this.queryClick();
68 },
14 data () { 69 data () {
15 return {}; 70 return {
71 sqcxBsm: "",
72 queryForm: {
73 sqbh: "",
74 date1: "",
75 date2: "",
76 qlr: "",
77 ywr: "",
78 blzt: ""
79 },
80 tableData: {
81 columns: datas.columns(),
82 data: [{}]
83 }
84 }
85 },
86 activated () {
87 this.queryClick()
88 },
89 methods: {
90 /**
91 * @description: 初始化数据
92 * @author: renchao
93 */
94 queryClick () {
95 // this.$startLoading()
16 }, 96 },
17 97 handleViewClick () {
18 mounted () { }, 98 this.$popupDialog("查看详情", "ywbl/ycsl/components/detail", {}, "75%")
19 99 }
20 methods: {}, 100 }
21 }; 101 }
22 </script> 102 </script>
23 103 <style scoped lang="scss">
24 <style lang="scss" scoped></style> 104 @import "~@/styles/public.scss";
105 </style>
......