Skip to content

bdc / bdcdj-web

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

查封登记

1 parent 1191a3c6
Expand all
Inline Side-by-side
Showing 7 changed files with 459 additions and 3 deletions
1 import request from '@/utils/request' 1 import request from '@/utils/request'
2 2
3 // 初始化内容 3 // 初始化内容
4 export function Init (data) { 4 export function cfInit (data) {
5 return request({ 5 return request({
6 url: '/ywbl/cfdj/Init', 6 url: '/ywbl/cfdj/cfInit',
7 method: 'post',
8 data
9 })
10 }
11
12 // 初始化内容
13 export function xfInit (data) {
14 return request({
15 url: '/ywbl/cfdj/xfInit',
16 method: 'post',
17 data
18 })
19 }
20
21 // 初始化内容
22 export function jfInit (data) {
23 return request({
24 url: '/ywbl/cfdj/jfInit',
7 method: 'post', 25 method: 'post',
8 data 26 data
9 }) 27 })
......
...@@ -28,7 +28,7 @@ export function sendBackTask (data) { ...@@ -28,7 +28,7 @@ export function sendBackTask (data) {
28 // 获取左侧列表 28 // 获取左侧列表
29 export function leftMenu (data) { 29 export function leftMenu (data) {
30 return request({ 30 return request({
31 url: '/ywbl/tdsyqlr/leftMenu', 31 url: '/ywbl/jsydsyqlr/leftMenu',
32 method: 'post', 32 method: 'post',
33 data 33 data
34 }) 34 })
......
1 <template>
2 <div>
3 <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData">
4 </lb-table>
5 </div>
6 </template>
7 <script>
8 import addQlr from './addQlr.vue'
9 import { mapGetters } from 'vuex'
10 export default {
11 components: {
12 addQlr
13 },
14 computed: {
15 ...mapGetters(["dictData"]),
16 },
17 props: {
18 tableData: {
19 type: Array,
20 default: function () {
21 return []
22 }
23 },
24 gyfs: {
25 type: String,
26 default: '1'
27 }
28 },
29 data () {
30 return {
31 key: 0,
32 dataIndex: 0,
33 dialog: false,
34 details: {},
35 tableDataList: [],
36 InformationTable: [
37 {
38 prop: "sqrmc",
39 label: "姓名"
40 },
41 {
42 prop: "dlrzjlx",
43 label: "证件种类"
44 },
45 {
46 prop: "dlrzjh",
47 label: "证件号"
48 },
49 {
50 prop: "fr",
51 label: "法人"
52 },
53 {
54 label: '修改',
55 render: (h, scope) => {
56 return (
57 <div>
58 {
59 <el-button
60 icon="el-icon-view"
61 type="text"
62 onClick={() => { this.handleView(scope.$index, scope.row) }}>查看</el-button>
63 }
64 </div>
65 )
66 }
67 }
68 ],
69 column: this.InformationTable
70 }
71 },
72 watch: {
73 tableData: {
74 handler: function (val, oldVal) {
75 let that = this
76 if (val.length == 0 || !val) {
77 that.tableDataList = _.cloneDeep([{
78 sqrmc: '',
79 dlrzjlx: '',
80 dlrzjh: '',
81 fr: ''
82 }])
83 } else {
84 that.tableDataList = _.cloneDeep(val)
85 }
86 },
87 immediate: true,
88 deep: true
89 },
90 gyfs: {
91 handler (newVal, oldValue) {
92 let dataList = _.cloneDeep(this.InformationTable)
93 if (newVal == '1') {
94 this.column = _.cloneDeep(dataList).slice(1, dataList.length)
95 } else if ((newVal == '2')) {
96 this.column = dataList
97 } else {
98 this.column = _.cloneDeep(dataList)
99 this.column.splice(
100 2, 0, {
101 prop: "fs",
102 label: "份数"
103 })
104 }
105 },
106 immediate: true
107 }
108 },
109 methods: {
110 updateDetail (value) {
111 this.tableDataList[this.dataIndex] = value
112 this.key++
113 this.$emit('upDateQlrxxList', this.tableDataList)
114 },
115 // 添加
116 handleAdd () {
117 this.dialog = true
118 },
119 // 减
120 handleMinus (index, row) {
121 this.tableData.splice(index, 1)
122 },
123 // 身份证读取
124 readClick () { },
125 // 修改
126 handleEdit (index, row) {
127 console.log(row, 'rowrowrowrowrow');
128 this.dataIndex = index
129 this.dialog = true
130 this.details = row
131 },
132 handleView () {
133 this.dialog = true
134 }
135 }
136 }
137 </script>
138 <style scoped lang='scss'>
139
140 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="slxx">
3 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag"
4 label-width="120px">
5 <div class="slxx_con">
6 <div class="slxx_title">受理信息</div>
7 <el-row :gutter="10">
8 <el-col :span="8">
9 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slywxx.ywh">
10 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
11 </el-form-item>
12 </el-col>
13 <el-col :span="8">
14 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slywxx.slry">
15 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
16 </el-form-item>
17 </el-col>
18 <el-col :span="8">
19 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slywxx.slsj">
20 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
21 </el-form-item>
22 </el-col>
23 </el-row>
24 <el-row :gutter="10">
25 <el-col :span="8">
26 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slywxx.qllx">
27 <el-select disabled v-model="ruleForm.slywxx.qllx" filterable clearable placeholder="请选择权利类型">
28 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
29 </el-option>
30 </el-select>
31 </el-form-item>
32 </el-col>
33 <el-col :span="8">
34 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slywxx.djlx">
35 <el-select disabled v-model="ruleForm.slywxx.djlx" filterable clearable placeholder="请选择登记类型">
36 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
37 </el-option>
38 </el-select>
39 </el-form-item>
40 </el-col>
41 <el-col :span="8">
42 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="slywxx.djqx">
43 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
44 </el-form-item>
45 </el-col>
46 </el-row>
47 <div class="slxx_title">查封不动产情况</div>
48 <el-row :gutter="10">
49 <el-col :span="8">
50 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh">
51 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
52 </el-form-item>
53 </el-col>
54 <el-col :span="8">
55 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="qlxx.bdcdyh">
56 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
57 </el-form-item>
58 </el-col>
59 <el-col :span="8">
60 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利人：" prop="qlxx.qlrmc">
61 <el-input disabled v-model="ruleForm.qlxx.qlrmc"></el-input>
62 </el-form-item>
63 </el-col>
64 </el-row>
65 <el-row :gutter="10">
66 <el-col :span="8">
67 <el-form-item :class="flag ? 'marginBot0' : ''" label="面积：" prop="qlxx.mj">
68 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
69 </el-form-item>
70 </el-col>
71 <el-col :span="16">
72 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：" prop="qlxx.ytmc">
73 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
74 </el-form-item>
75 </el-col>
76 </el-row>
77 <el-row :gutter="10">
78 <el-col :span="8">
79 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：" prop="qlxx.mj">
80 <el-input disabled v-model="ruleForm.qlxx.qlxzmc"></el-input>
81 </el-form-item>
82 </el-col>
83 <el-col :span="8">
84 <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：" prop="qlxx.ytmc">
85 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
86 </el-form-item>
87 </el-col>
88 <el-col :span="8">
89 <el-form-item :class="flag ? 'marginBot0' : ''" label="取得价格：" prop="cfdj.ytmc">
90 <el-input disabled v-model="ruleForm.cfdj.qdjg"></el-input>
91 </el-form-item>
92 </el-col>
93 </el-row>
94 <el-row :gutter="10">
95 <el-col :span="8">
96 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关：" prop="cfdj.cfjg">
97 <el-input v-model="ruleForm.cfdj.cfjg"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型：" prop="ytmc">
102 <el-select v-model="ruleForm.cfdj.cflx" class="width100" filterable clearable placeholder="请选择查封类型：">
103 <el-option v-for="item in dictData['A32']" :key="item.dcode" :label="item.dname" :value="item.dcode">
104 </el-option>
105 </el-select>
106 </el-form-item>
107 </el-col>
108 <el-col :span="8">
109 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件：" prop="ytmc">
110 <el-input v-model="ruleForm.cfdj.cfwj"></el-input>
111 </el-form-item>
112 </el-col>
113 </el-row>
114 <el-row :gutter="10">
115 <el-col :span="8">
116 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号：" prop="mj">
117 <el-input v-model="ruleForm.cfdj.cfwh"></el-input>
118 </el-form-item>
119 </el-col>
120 <el-col :span="8">
121 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间：" prop="cfdj.cfqssj">
122 <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" type="date" placeholder="选择日期"></el-date-picker>
123 </el-form-item>
124 </el-col>
125 <el-col :span="8">
126 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间：" prop="cfdj.cfjssj">
127 <el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100" type="date" placeholder="选择日期"></el-date-picker>
128 </el-form-item>
129 </el-col>
130 </el-row>
131 <el-row :gutter="10">
132 <el-col :span="24">
133 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围：" prop="mj">
134 <el-input v-model="ruleForm.cfdj.cffw"></el-input>
135 </el-form-item>
136 </el-col>
137 </el-row>
138 <el-row :gutter="10">
139 <el-col :span="24">
140 <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="mj">
141 <el-input v-model="ruleForm.cfdj.fj"></el-input>
142 </el-form-item>
143 </el-col>
144 </el-row>
145 <div class="slxx_title">不动产权利人信息</div>
146 <sqrViewTable :tableData="ruleForm.qlrxx" />
147 <div class="slxx_title">登记原因</div>
148 <el-row :gutter="10">
149 <el-col>
150 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
151 <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy"></el-input>
152 </el-form-item>
153 </el-col>
154 </el-row>
155 </div>
156 <el-row>
157 <el-form-item :class="flag ? 'marginBot0' : ''" class="btn">
158 <el-button type="primary" @click="onSubmit">保存</el-button>
159 </el-form-item>
160 </el-row>
161 </el-form>
162 </div>
163 </template>
164 <script>
165 import sqrViewTable from "@/views/workflow/components/sqrViewTable.vue";
166 import { cfInit, fristReg } from "@/api/cfdjFlow.js";
167 import { mapGetters } from "vuex";
168 export default {
169 data () {
170 return {
171 disabled: true,
172 flagTop: this.flag ? "top" : "",
173 rules: {},
174 //传递参数
175 propsParam: {},
176 //页面数据
177 ruleForm: {}
178
179 };
180 },
181 created () {
182 this.propsParam = this.$attrs;
183 var formdata = new FormData();
184 formdata.append("bsmSldy", this.propsParam.bsmSldy);
185 cfInit(formdata).then((res) => {
186 if (res.code === 200 && res.result) {
187 this.ruleForm = res.result
188 }
189 });
190 },
191 watch: {
192
193 },
194 components: { sqrViewTable },
195 props: {
196 flag: {
197 type: Boolean,
198 default: false,
199 },
200 fetch: {
201 type: Boolean,
202 default: false,
203 },
204 },
205 computed: {
206 ...mapGetters(["dictData"]),
207 },
208
209 methods: {
210 list (bsmSldy) {
211 var formdata = new FormData();
212 formdata.append("bsmSldy", bsmSldy);
213 cfInit(formdata).then((res) => {
214 if (res.code === 200 && res.result) {
215 this.ruleForm = res.result
216 }
217 });
218 },
219 onSubmit () {
220 fristReg().then((res) => {
221 if (res.code === 200 && res.result) {
222 console.log(res);
223 }
224 });
225 },
226 },
227 };
228 </script>
229 <style scoped lang='scss'>
230 @import "~@/styles/public.scss";
231
232 /deep/.el-form-item__label {
233 padding: 0;
234 }
235
236 /deep/.el-radio {
237 margin-right: 10px;
238 }
239
240 /deep/.el-select {
241 width: 100%;
242 }
243
244 /deep/.el-form-item {
245 margin-bottom: 8px;
246 }
247
248 .marginBot0 {
249 margin-bottom: 0 !important;
250 }
251
252 .slxx {
253 box-sizing: border-box;
254 }
255
256 .slxx_con {
257 overflow-y: auto;
258 overflow-x: hidden;
259 }
260
261 .submit_btn {
262 height: 50px;
263 }
264
265 .slxx_title {
266 border-bottom: 1px solid $borderColor;
267 padding-left: 10px;
268 padding-bottom: 5px;
269 margin-bottom: 10px;
270 margin-top: 5px;
271 font-size: 16px;
272 font-weight: 500;
273 color: #4a4a4a;
274 }
275
276 .btn {
277 text-align: center;
278 padding-top: 5px;
279 }
280
281 .textArea {
282 /deep/.el-textarea__inner {
283 min-height: 90px !important;
284 }
285 }
286
287 /deep/.el-form-item__label {
288 padding-bottom: 0px;
289 }
290 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -126,6 +126,10 @@ export default { ...@@ -126,6 +126,10 @@ export default {
126 }); 126 });
127 }, 127 },
128 handleSelectionChange (val) { 128 handleSelectionChange (val) {
129 val.forEach((item, index) => {
130 item.bsmSsql = item.bsmQlxx
131 item.ybdcqzsh = item.bdcqzh
132 })
129 this.bdcdysz = val 133 this.bdcdysz = val
130 } 134 }
131 }, 135 },
......
...@@ -127,6 +127,10 @@ export default { ...@@ -127,6 +127,10 @@ export default {
127 }); 127 });
128 }, 128 },
129 handleSelectionChange (val) { 129 handleSelectionChange (val) {
130 val.forEach((item, index) => {
131 item.bsmSsql = item.bsmQlxx
132 item.ybdcqzsh = item.bdcqzh
133 })
130 this.bdcdysz = val; 134 this.bdcdysz = val;
131 }, 135 },
132 136
......