Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
52aa6fdf by 田浩浩
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents 410bae46 872d15ee
Inline Side-by-side
Showing 6 changed files with 558 additions and 103 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 })
......
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
...@@ -6,116 +6,151 @@ ...@@ -6,116 +6,151 @@
6 <div class="slxx_title">受理信息</div> 6 <div class="slxx_title">受理信息</div>
7 <el-row :gutter="10"> 7 <el-row :gutter="10">
8 <el-col :span="8"> 8 <el-col :span="8">
9 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh"> 9 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slywxx.ywh">
10 <el-input disabled v-model="ruleForm.ywh"></el-input> 10 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
11 </el-form-item> 11 </el-form-item>
12 </el-col> 12 </el-col>
13 <el-col :span="8"> 13 <el-col :span="8">
14 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slry"> 14 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slywxx.slry">
15 <el-input disabled v-model="ruleForm.slry"></el-input> 15 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
16 </el-form-item> 16 </el-form-item>
17 </el-col> 17 </el-col>
18 <el-col :span="8"> 18 <el-col :span="8">
19 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slsj"> 19 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slywxx.slsj">
20 <el-input disabled v-model="ruleForm.slsj"></el-input> 20 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
21 </el-form-item> 21 </el-form-item>
22 </el-col> 22 </el-col>
23 </el-row> 23 </el-row>
24 <el-row :gutter="10"> 24 <el-row :gutter="10">
25 <el-col :span="8"> 25 <el-col :span="8">
26 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllx"> 26 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slywxx.qllx">
27 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> 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"> 28 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
29 </el-option> 29 </el-option>
30 </el-select> 30 </el-select>
31 </el-form-item> 31 </el-form-item>
32 </el-col> 32 </el-col>
33 <el-col :span="8"> 33 <el-col :span="8">
34 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="djlx"> 34 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slywxx.djlx">
35 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> 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"> 36 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
37 </el-option> 37 </el-option>
38 </el-select> 38 </el-select>
39 </el-form-item> 39 </el-form-item>
40 </el-col> 40 </el-col>
41 <el-col :span="8"> 41 <el-col :span="8">
42 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="djqx"> 42 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="slywxx.djqx">
43 <el-input disabled v-model="ruleForm.djqxmc"></el-input> 43 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
44 </el-form-item> 44 </el-form-item>
45 </el-col> 45 </el-col>
46 </el-row> 46 </el-row>
47 <div class="slxx_title">查封不动产情况</div> 47 <div class="slxx_title">查封不动产情况</div>
48 <el-row :gutter="10"> 48 <el-row :gutter="10">
49 <el-col :span="8"> 49 <el-col :span="8">
50 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="bdcqzh"> 50 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh">
51 <el-input disabled v-model="ruleForm.bdcqzh"></el-input> 51 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
52 </el-form-item> 52 </el-form-item>
53 </el-col> 53 </el-col>
54 <el-col :span="8"> 54 <el-col :span="8">
55 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="bdcdyh"> 55 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="qlxx.bdcdyh">
56 <el-input disabled v-model="ruleForm.bdcdyh"></el-input> 56 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
57 </el-form-item> 57 </el-form-item>
58 </el-col> 58 </el-col>
59 <el-col :span="8"> 59 <el-col :span="8">
60 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利人：" prop="qlrmc"> 60 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利人：" prop="qlxx.qlrmc">
61 <el-input disabled v-model="ruleForm.qlrmc"></el-input> 61 <el-input disabled v-model="ruleForm.qlxx.qlrmc"></el-input>
62 </el-form-item> 62 </el-form-item>
63 </el-col> 63 </el-col>
64 </el-row> 64 </el-row>
65 <el-row :gutter="10"> 65 <el-row :gutter="10">
66 <el-col :span="8"> 66 <el-col :span="8">
67 <el-form-item :class="flag ? 'marginBot0' : ''" label="面积：" prop="mj"> 67 <el-form-item :class="flag ? 'marginBot0' : ''" label="面积：" prop="qlxx.mj">
68 <el-input disabled v-model="ruleForm.mj"></el-input> 68 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
69 </el-form-item> 69 </el-form-item>
70 </el-col> 70 </el-col>
71 <el-col :span="8"> 71 <el-col :span="16">
72 <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：" prop="ytmc"> 72 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：" prop="qlxx.ytmc">
73 <el-input disabled v-model="ruleForm.ytmc"></el-input> 73 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
74 </el-form-item> 74 </el-form-item>
75 </el-col> 75 </el-col>
76 </el-row> 76 </el-row>
77 <div class="slxx_title">不动产权利人信息</div> 77 <el-row :gutter="10">
78 <!-- <el-row :gutter="10"> 78 <el-col :span="8">
79 <el-col :span="14"> 79 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：" prop="qlxx.mj">
80 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式："> 80 <el-input disabled v-model="ruleForm.qlxx.qlxzmc"></el-input>
81 <el-radio-group v-model="ruleForm.gyfs">
82 <el-radio label="1">单独所有</el-radio>
83 <el-radio label="2">共同共有</el-radio>
84 <el-radio label="3">按份所有</el-radio>
85 </el-radio-group>
86 </el-form-item> 81 </el-form-item>
87 </el-col> 82 </el-col>
88 <el-col :span="5" v-show="ruleForm.gyfs == '2'"> 83 <el-col :span="8">
89 <el-form-item 84 <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：" prop="qlxx.ytmc">
90 :class="flag ? 'marginBot0' : ''" 85 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
91 label="是否分别持证："
92 >
93 <el-radio-group v-model="ruleForm.sffbcz">
94 <el-radio label="1">是</el-radio>
95 <el-radio label="0">否</el-radio>
96 </el-radio-group>
97 </el-form-item> 86 </el-form-item>
98 </el-col> 87 </el-col>
99 <el-col :span="5" v-show="ruleForm.gyfs == '2'"> 88 <el-col :span="8">
100 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人："> 89 <el-form-item :class="flag ? 'marginBot0' : ''" label="取得价格：" prop="cfdj.ytmc">
101 <el-select v-model="ruleForm.czr" placeholder="持证人"> 90 <el-input disabled v-model="ruleForm.cfdj.qdjg"></el-input>
102 <el-option 91 </el-form-item>
103 v-for="item in czrOptions" 92 </el-col>
104 :key="item.value" 93 </el-row>
105 :label="item.label" 94 <el-row :gutter="10">
106 :value="item.value" 95 <el-col :span="8">
107 > 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="cfdj.cflx">
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">
108 </el-option> 104 </el-option>
109 </el-select> 105 </el-select>
110 </el-form-item> 106 </el-form-item>
111 </el-col> 107 </el-col>
112 </el-row> --> 108 <el-col :span="8">
113 <!-- <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" /> --> 109 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件：" prop="cfdj.cfwj">
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="cfdj.cfwh">
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="cfdj.cffw">
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="cfdj.fj">
141 <el-input v-model="ruleForm.cfdj.fj" type="textarea"></el-input>
142 </el-form-item>
143 </el-col>
144 </el-row>
145 <div class="slxx_title">不动产权利人信息</div>
146 <sqrViewTable :tableData="ruleForm.qlrxx" />
147 <InformationTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
148 :gyfs="ruleForm.qlxx.gyfs" />
114 <div class="slxx_title">登记原因</div> 149 <div class="slxx_title">登记原因</div>
115 <el-row :gutter="10"> 150 <el-row :gutter="10">
116 <el-col> 151 <el-col>
117 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy"> 152 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy">
118 <el-input class="textArea" type="textarea" v-model="ruleForm.djyy"></el-input> 153 <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy"></el-input>
119 </el-form-item> 154 </el-form-item>
120 </el-col> 155 </el-col>
121 </el-row> 156 </el-row>
...@@ -129,67 +164,37 @@ ...@@ -129,67 +164,37 @@
129 </div> 164 </div>
130 </template> 165 </template>
131 <script> 166 <script>
167 import sqrViewTable from "@/views/workflow/components/sqrViewTable";
132 import InformationTable from "@/views/workflow/components/InformationTable"; 168 import InformationTable from "@/views/workflow/components/InformationTable";
133 import { Init, fristReg } from "@/api/cfdjFlow.js"; 169 import { cfInit, fristReg } from "@/api/cfdjFlow.js";
134 import { mapGetters } from "vuex"; 170 import { mapGetters } from "vuex";
135 export default { 171 export default {
136 data () { 172 data () {
137 return { 173 return {
138 disabled: true, 174 disabled: true,
139 flagTop: this.flag ? "top" : "", 175 flagTop: this.flag ? "top" : "",
140 tdytOption: [],
141 qlsdfsOption: [],
142 czrOptions: [],
143 ruleForm: {
144 ywh: "",
145 slry: "",
146 slsj: "",
147 qllx: "",
148 djlx: "",
149 djqx: "",
150 zddm: "",
151 bdcdyh: "",
152 qlxzmc: "",
153 qlrxx: [],
154 zdmj: "",
155 zl: "",
156 tdyt: "",
157 qlsdfs: "",
158 qdjg: "",
159 tdsyqx: "",
160 syqqzsj: "",
161 fj: "",
162 djyy: "",
163 gyfs: "1",
164 // 是否分别持证
165 sffbcz: "",
166 // 持证人
167 czr: "",
168 },
169 rules: {}, 176 rules: {},
170 //传递参数 177 //传递参数
171 propsParam: {}, 178 propsParam: {},
179 //页面数据
180 ruleForm: {}
181
172 }; 182 };
173 }, 183 },
174 created () { 184 created () {
175 // console.log(1111111111111111);
176 this.propsParam = this.$attrs; 185 this.propsParam = this.$attrs;
177 var formdata = new FormData(); 186 var formdata = new FormData();
178 formdata.append("bsmSldy", this.propsParam.bsmSldy); 187 formdata.append("bsmSldy", this.propsParam.bsmSldy);
179 Init(formdata).then((res) => { 188 cfInit(formdata).then((res) => {
180 if (res.code === 200 && res.result) { 189 if (res.code === 200 && res.result) {
181 this.ruleForm = { 190 this.ruleForm = res.result
182 ...res.result,
183 ...res.result.qlxxdatas,
184 ...res.result.djQlxxCfdjDo,
185 };
186 } 191 }
187 }); 192 });
188 }, 193 },
189 watch: { 194 watch: {
190 195
191 }, 196 },
192 components: { InformationTable }, 197 components: { sqrViewTable,InformationTable },
193 props: { 198 props: {
194 flag: { 199 flag: {
195 type: Boolean, 200 type: Boolean,
...@@ -208,22 +213,16 @@ export default { ...@@ -208,22 +213,16 @@ export default {
208 list (bsmSldy) { 213 list (bsmSldy) {
209 var formdata = new FormData(); 214 var formdata = new FormData();
210 formdata.append("bsmSldy", bsmSldy); 215 formdata.append("bsmSldy", bsmSldy);
211 Init(formdata).then((res) => { 216 cfInit(formdata).then((res) => {
212 if (res.code === 200 && res.result) { 217 if (res.code === 200 && res.result) {
213 this.ruleForm = { 218 this.ruleForm = res.result
214 ...res.result,
215 ...res.result.zdjbxxdatas,
216 ...res.result.qlxxdatas,
217 ...res.result.jsydsyqdatas,
218 };
219 } 219 }
220 }); 220 });
221 }, 221 },
222 onSubmit () { 222 onSubmit () {
223 fristReg(this.ruleForm).then((res) => { 223 fristReg().then((res) => {
224 if (res.code === 200 && res.result) { 224 if (res.code === 200 && res.result) {
225 console.log(res); 225 console.log(res);
226 //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
227 } 226 }
228 }); 227 });
229 }, 228 },
......
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
......