Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
14 changed files
with
1977 additions
and
56 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 Init(data) { |
| 5 | let apiUrl = ""; | ||
| 6 | switch (data.get("djlx")) { | ||
| 7 | case "100": | ||
| 8 | apiUrl = "/ywbl/fdcq2lr/fristInit"; | ||
| 9 | break; | ||
| 10 | case "200": | ||
| 11 | apiUrl = "/ywbl/fdcq2lr/transferInit"; | ||
| 12 | break; | ||
| 13 | case "300": | ||
| 14 | apiUrl = "/ywbl/fdcq2lr/changeInit"; | ||
| 15 | break; | ||
| 16 | case "400": | ||
| 17 | apiUrl = "/ywbl/fdcq2lr/logoutInit"; | ||
| 18 | break; | ||
| 19 | case "500": | ||
| 20 | apiUrl = "/ywbl/fdcq2lr/riviseInit"; | ||
| 21 | break; | ||
| 22 | case "901": | ||
| 23 | apiUrl = "/ywbl/fdcq2lr/renewalInit"; | ||
| 24 | break; | ||
| 25 | case "902": | ||
| 26 | apiUrl = "/ywbl/fdcq2lr/replaceInit"; | ||
| 27 | break; | ||
| 28 | } | ||
| 5 | return request({ | 29 | return request({ |
| 6 | url: '/ywbl/fwsyqlr/Init', | 30 | url: apiUrl, |
| 31 | method: 'post', | ||
| 32 | data | ||
| 33 | }) | ||
| 34 | } | ||
| 35 | // 初始化内容 | ||
| 36 | export function saveData(data) { | ||
| 37 | return request({ | ||
| 38 | url: '/ywbl/fdcq2lr/saveData', | ||
| 7 | method: 'post', | 39 | method: 'post', |
| 8 | data | 40 | data |
| 9 | }) | 41 | }) | ... | ... |
src/api/lpb.js
0 → 100644
| 1 | import request from '@/utils/request' | ||
| 2 | /* | ||
| 3 | 楼盘查询 | ||
| 4 | */ | ||
| 5 | |||
| 6 | |||
| 7 | // 根据条件进行列表查询 | ||
| 8 | export function getLpZrz(data) { | ||
| 9 | return request({ | ||
| 10 | url: '/zhcx/lpcx/getLpZrz', | ||
| 11 | method: 'post', | ||
| 12 | data: data | ||
| 13 | }) | ||
| 14 | } | ||
| 15 | |||
| 16 | |||
| 17 | // 获取楼盘表 | ||
| 18 | export function getLpb(params) { | ||
| 19 | return request({ | ||
| 20 | url: '/zhcx/lpcx/getLpb/', | ||
| 21 | method: 'get', | ||
| 22 | params | ||
| 23 | }) | ||
| 24 | } | ||
| 25 | |||
| 26 |
| ... | @@ -52,7 +52,7 @@ import { datas } from "./qlxxFormData.js"; | ... | @@ -52,7 +52,7 @@ import { datas } from "./qlxxFormData.js"; |
| 52 | export default { | 52 | export default { |
| 53 | data() { | 53 | data() { |
| 54 | return { | 54 | return { |
| 55 | title: "建设用地使用权、宅基地使用权登记信息", | 55 | title: "房地产权登记信息(独幢、层、套、间房屋)", |
| 56 | qsztList: datas.columns().qsztList, | 56 | qsztList: datas.columns().qsztList, |
| 57 | checkList: datas.columns().checkList, | 57 | checkList: datas.columns().checkList, |
| 58 | //传递参数 | 58 | //传递参数 |
| ... | @@ -62,7 +62,7 @@ export default { | ... | @@ -62,7 +62,7 @@ export default { |
| 62 | //空列值个数 | 62 | //空列值个数 |
| 63 | emptycolNum: datas.columns().emptycolNum, | 63 | emptycolNum: datas.columns().emptycolNum, |
| 64 | //列名称对象 | 64 | //列名称对象 |
| 65 | columns: datas.columns().JSYDSYQ, | 65 | columns: datas.columns().FDCQ2, |
| 66 | }; | 66 | }; |
| 67 | }, | 67 | }, |
| 68 | created() { | 68 | created() { | ... | ... |
| ... | @@ -130,6 +130,141 @@ class data extends filter { | ... | @@ -130,6 +130,141 @@ class data extends filter { |
| 130 | label: "附记", | 130 | label: "附记", |
| 131 | }, | 131 | }, |
| 132 | ], | 132 | ], |
| 133 | FDCQ2: [ | ||
| 134 | { | ||
| 135 | prop: "qszt", | ||
| 136 | label: "权属状态", | ||
| 137 | }, | ||
| 138 | { | ||
| 139 | prop: "qllxmc", | ||
| 140 | label: "权利类型", | ||
| 141 | }, | ||
| 142 | { | ||
| 143 | prop: "djlxmc", | ||
| 144 | label: "登记类型", | ||
| 145 | }, | ||
| 146 | { | ||
| 147 | prop: "ssywh", | ||
| 148 | label: "上手业务号", | ||
| 149 | }, | ||
| 150 | { | ||
| 151 | prop: "dah", | ||
| 152 | label: "档案号", | ||
| 153 | }, | ||
| 154 | { | ||
| 155 | prop: "ywh", | ||
| 156 | label: "业务号", | ||
| 157 | }, | ||
| 158 | { | ||
| 159 | prop: "bdcdyh", | ||
| 160 | label: "不动产单元号", | ||
| 161 | }, | ||
| 162 | { | ||
| 163 | prop: "zl", | ||
| 164 | label: "坐落", | ||
| 165 | }, | ||
| 166 | { | ||
| 167 | prop: "gyfs", | ||
| 168 | label: "共有情况", | ||
| 169 | }, | ||
| 170 | { | ||
| 171 | prop: "qlrlx", | ||
| 172 | label: "权利人类型", | ||
| 173 | }, | ||
| 174 | { | ||
| 175 | prop: "qlrmc", | ||
| 176 | label: "权利人", | ||
| 177 | }, | ||
| 178 | { | ||
| 179 | prop: "qlrzjzl", | ||
| 180 | label: "证件种类", | ||
| 181 | }, | ||
| 182 | { | ||
| 183 | prop: "qlrzjhm", | ||
| 184 | label: "证件号", | ||
| 185 | }, | ||
| 186 | { | ||
| 187 | prop: "tdsyqr", | ||
| 188 | label: "土地使用权人", | ||
| 189 | }, | ||
| 190 | { | ||
| 191 | prop: "dytdmj", | ||
| 192 | label: "独用土地面积(m²)", | ||
| 193 | }, | ||
| 194 | { | ||
| 195 | prop: "fttdmj", | ||
| 196 | label: "分摊土地面积(m²)", | ||
| 197 | }, | ||
| 198 | { | ||
| 199 | prop: "tdsyqzsj", | ||
| 200 | label: "土地使用期限", | ||
| 201 | }, | ||
| 202 | { | ||
| 203 | prop: "syqqzsj", | ||
| 204 | label: "使用权起止时间", | ||
| 205 | }, | ||
| 206 | { | ||
| 207 | prop: "fdcjyjg", | ||
| 208 | label: "房地产交易价格(万元)", | ||
| 209 | }, | ||
| 210 | { | ||
| 211 | prop: "ytmc", | ||
| 212 | label: "规划用途", | ||
| 213 | }, | ||
| 214 | { | ||
| 215 | prop: "fwxzmc", | ||
| 216 | label: "房屋性质", | ||
| 217 | }, | ||
| 218 | { | ||
| 219 | prop: "fwjgmc", | ||
| 220 | label: "房屋结构", | ||
| 221 | }, | ||
| 222 | { | ||
| 223 | prop: "szc", | ||
| 224 | label: "所在层", | ||
| 225 | }, | ||
| 226 | { | ||
| 227 | prop: "zcs", | ||
| 228 | label: "总层数", | ||
| 229 | }, | ||
| 230 | { | ||
| 231 | prop: "mj", | ||
| 232 | label: "建筑面积(m2)", | ||
| 233 | }, | ||
| 234 | { | ||
| 235 | prop: "zyjzmj", | ||
| 236 | label: "专有建筑面积(m2)", | ||
| 237 | }, | ||
| 238 | |||
| 239 | { | ||
| 240 | prop: "ftjzmj", | ||
| 241 | label: "分摊建筑面积(m2)", | ||
| 242 | }, | ||
| 243 | { | ||
| 244 | prop: "jgsj", | ||
| 245 | label: "竣工时间", | ||
| 246 | }, | ||
| 247 | { | ||
| 248 | prop: "djyy", | ||
| 249 | label: "登记原因", | ||
| 250 | }, | ||
| 251 | { | ||
| 252 | prop: "bdcqzh", | ||
| 253 | label: "不动产权证号", | ||
| 254 | }, | ||
| 255 | { | ||
| 256 | prop: "djsj", | ||
| 257 | label: "登记时间", | ||
| 258 | }, | ||
| 259 | { | ||
| 260 | prop: "dbr", | ||
| 261 | label: "登簿人", | ||
| 262 | }, | ||
| 263 | { | ||
| 264 | prop: "fj", | ||
| 265 | label: "附记", | ||
| 266 | }, | ||
| 267 | ], | ||
| 133 | DYAQ: [ | 268 | DYAQ: [ |
| 134 | { | 269 | { |
| 135 | prop: "qszt", | 270 | prop: "qszt", | ... | ... |
| ... | @@ -4,12 +4,12 @@ | ... | @@ -4,12 +4,12 @@ |
| 4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
| 5 | <el-form ref="queryForm" label-width="90px"> | 5 | <el-form ref="queryForm" label-width="90px"> |
| 6 | <ul style="margin-bottom:15px"> | 6 | <ul style="margin-bottom:15px"> |
| 7 | <li v-for="(item,index) in list" class="listDetail"> | 7 | <li v-for="(item,index) in dataList" class="listDetail" :key="index"> |
| 8 | <p class="icon"> | 8 | <p class="icon"> |
| 9 | <i class="el-icon-circle-check"></i> | 9 | <i class="el-icon-circle-check"></i> |
| 10 | </p> | 10 | </p> |
| 11 | <p>{{item.title}}</p> | 11 | <p>{{item.activityName}}</p> |
| 12 | <p>{{item.value}}</p> | 12 | <p v-for="(child,childIndex) in item.userInfos" :key="childIndex">{{child.name}}</p> |
| 13 | </li> | 13 | </li> |
| 14 | </ul> | 14 | </ul> |
| 15 | <el-form-item label="退回意见:"> | 15 | <el-form-item label="退回意见:"> |
| ... | @@ -24,27 +24,31 @@ | ... | @@ -24,27 +24,31 @@ |
| 24 | import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js" | 24 | import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js" |
| 25 | export default { | 25 | export default { |
| 26 | props: { | 26 | props: { |
| 27 | formData: { | ||
| 28 | type: Object, | ||
| 29 | default: {} | ||
| 30 | } | ||
| 27 | }, | 31 | }, |
| 28 | data () { | 32 | data () { |
| 29 | return { | 33 | return { |
| 30 | list: [ | 34 | dataList: [], |
| 31 | { | ||
| 32 | title: "初审", | ||
| 33 | value: '', | ||
| 34 | }, | ||
| 35 | { | ||
| 36 | title: "复审", | ||
| 37 | value: '', | ||
| 38 | }, | ||
| 39 | { | ||
| 40 | title: "录入", | ||
| 41 | value: '', | ||
| 42 | } | ||
| 43 | ], | ||
| 44 | outstepopinion: '' | 35 | outstepopinion: '' |
| 45 | } | 36 | } |
| 46 | }, | 37 | }, |
| 38 | created() { | ||
| 39 | this.getBackNode(); | ||
| 40 | }, | ||
| 47 | methods: { | 41 | methods: { |
| 42 | childFn () { | ||
| 43 | console.log(1111); | ||
| 44 | }, | ||
| 45 | getBackNode() { | ||
| 46 | getTaskBackNode(this.formData).then(res => { | ||
| 47 | if(res.code == 200){ | ||
| 48 | this.dataList = res.result | ||
| 49 | } | ||
| 50 | }) | ||
| 51 | } | ||
| 48 | } | 52 | } |
| 49 | } | 53 | } |
| 50 | </script> | 54 | </script> | ... | ... |
| 1 | //流程环节操作按钮 | 1 | //流程环节操作按钮 |
| 2 | export function getForm (tabName) { | 2 | export function getForm(tabName, djywbm) { |
| 3 | let form; | 3 | let form; |
| 4 | switch (tabName) { | 4 | switch (tabName) { |
| 5 | case "slxx": | 5 | case "slxx": |
| 6 | form = require("@/views/ywbl/jsydsyq/slxx.vue"); | 6 | form = require("@/views/ywbl/jsydsyq/slxx200.vue"); |
| 7 | break; | ||
| 8 | case "fdcq2Slxx": | ||
| 9 | form = require("@/views/ywbl/fdcq2/slxx200.vue"); | ||
| 7 | break; | 10 | break; |
| 8 | case "slxxCfdj": | 11 | case "slxxCfdj": |
| 9 | form = require("@/views/ywbl/cfdj/slxx.vue"); | 12 | form = require("@/views/ywbl/cfdj/slxx.vue"); |
| ... | @@ -20,6 +23,9 @@ export function getForm (tabName) { | ... | @@ -20,6 +23,9 @@ export function getForm (tabName) { |
| 20 | case "qlxx": | 23 | case "qlxx": |
| 21 | form = require("@/views/registerBook/jsydsyq.vue"); | 24 | form = require("@/views/registerBook/jsydsyq.vue"); |
| 22 | break; | 25 | break; |
| 26 | case "fdcq2Qlxx": | ||
| 27 | form = require("@/views/registerBook/fdcq2.vue"); | ||
| 28 | break; | ||
| 23 | case "szxx": | 29 | case "szxx": |
| 24 | form = require("@/views/workflow/components/szxx.vue"); | 30 | form = require("@/views/workflow/components/szxx.vue"); |
| 25 | break; | 31 | break; |
| ... | @@ -27,7 +33,5 @@ export function getForm (tabName) { | ... | @@ -27,7 +33,5 @@ export function getForm (tabName) { |
| 27 | form = require("@/views/workflow/components/fzxx.vue"); | 33 | form = require("@/views/workflow/components/fzxx.vue"); |
| 28 | break; | 34 | break; |
| 29 | } | 35 | } |
| 30 | |||
| 31 | return (r) => require.ensure([], () => r(form)); | 36 | return (r) => require.ensure([], () => r(form)); |
| 32 | } | 37 | } |
| 33 | ... | ... |
| ... | @@ -212,7 +212,7 @@ export default { | ... | @@ -212,7 +212,7 @@ export default { |
| 212 | this.tabList.forEach(function (item, index) { | 212 | this.tabList.forEach(function (item, index) { |
| 213 | if (item.value == "clxx") { | 213 | if (item.value == "clxx") { |
| 214 | that.clxxIndex = index; | 214 | that.clxxIndex = index; |
| 215 | that.clxxForm = getForm(item.value); | 215 | that.clxxForm = getForm(item.value,that.$route.query.sqywbm); |
| 216 | that.clxxTab = item; | 216 | that.clxxTab = item; |
| 217 | } | 217 | } |
| 218 | }); | 218 | }); |
| ... | @@ -319,7 +319,10 @@ export default { | ... | @@ -319,7 +319,10 @@ export default { |
| 319 | editItem: "workflow/components/th", | 319 | editItem: "workflow/components/th", |
| 320 | height: "330px", | 320 | height: "330px", |
| 321 | width: '30%', | 321 | width: '30%', |
| 322 | formData: {}, | 322 | formData: { |
| 323 | bsmSlsq: this.bsmSlsq, | ||
| 324 | bestepid: this.bestepid | ||
| 325 | }, | ||
| 323 | btnShow: true, | 326 | btnShow: true, |
| 324 | cancel: () => { | 327 | cancel: () => { |
| 325 | console.log("取消回调"); | 328 | console.log("取消回调"); |
| ... | @@ -387,7 +390,7 @@ export default { | ... | @@ -387,7 +390,7 @@ export default { |
| 387 | }, | 390 | }, |
| 388 | //切换选项卡内容组件 | 391 | //切换选项卡内容组件 |
| 389 | getFromRouter (tabname) { | 392 | getFromRouter (tabname) { |
| 390 | this.componentTag = getForm(tabname); | 393 | this.componentTag = getForm(tabname,this.$route.query.sqywbm); |
| 391 | }, | 394 | }, |
| 392 | //发送下一个环节 | 395 | //发送下一个环节 |
| 393 | send (obj) { | 396 | send (obj) { | ... | ... |
src/views/ywbl/fdcq2/slxx.vue
0 → 100644
| 1 | <template> | ||
| 2 | <!-- 受理信息 --> | ||
| 3 | <div class="slxx"> | ||
| 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | ||
| 5 | label-width="120px"> | ||
| 6 | <div class="slxx_con"> | ||
| 7 | <div class="slxx_title title-block"> | ||
| 8 | 受理信息 | ||
| 9 | <div class="triangle"></div> | ||
| 10 | </div> | ||
| 11 | <el-row :gutter="10"> | ||
| 12 | <el-col :span="8"> | ||
| 13 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="ywh"> | ||
| 14 | <el-input disabled v-model="ruleForm.ywh"></el-input> | ||
| 15 | </el-form-item> | ||
| 16 | </el-col> | ||
| 17 | <el-col :span="8"> | ||
| 18 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:" prop="slry"> | ||
| 19 | <el-input disabled v-model="ruleForm.slry"></el-input> | ||
| 20 | </el-form-item> | ||
| 21 | </el-col> | ||
| 22 | <el-col :span="8"> | ||
| 23 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:" prop="slsj"> | ||
| 24 | <el-input disabled v-model="ruleForm.slsj"></el-input> | ||
| 25 | </el-form-item> | ||
| 26 | </el-col> | ||
| 27 | </el-row> | ||
| 28 | <el-row :gutter="10"> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="qllx"> | ||
| 31 | <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> | ||
| 32 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 33 | </el-option> | ||
| 34 | </el-select> | ||
| 35 | </el-form-item> | ||
| 36 | </el-col> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="djlx"> | ||
| 39 | <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> | ||
| 40 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 41 | </el-option> | ||
| 42 | </el-select> | ||
| 43 | </el-form-item> | ||
| 44 | </el-col> | ||
| 45 | <el-col :span="8"> | ||
| 46 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:" prop="djqx"> | ||
| 47 | <el-input disabled v-model="ruleForm.djqxmc"></el-input> | ||
| 48 | </el-form-item> | ||
| 49 | </el-col> | ||
| 50 | </el-row> | ||
| 51 | <div class="slxx_title title-block"> | ||
| 52 | 不动产单元情况 | ||
| 53 | <div class="triangle"></div> | ||
| 54 | </div> | ||
| 55 | <el-row :gutter="10"> | ||
| 56 | <el-col :span="8"> | ||
| 57 | <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码:" prop="zddm"> | ||
| 58 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | ||
| 59 | </el-form-item> | ||
| 60 | </el-col> | ||
| 61 | <el-col :span="8"> | ||
| 62 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="bdcdyh"> | ||
| 63 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | ||
| 64 | </el-form-item> | ||
| 65 | </el-col> | ||
| 66 | <el-col :span="8"> | ||
| 67 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质:" prop="qlxzmc"> | ||
| 68 | <el-input disabled v-model="ruleForm.qlxzmc"></el-input> | ||
| 69 | </el-form-item> | ||
| 70 | </el-col> | ||
| 71 | </el-row> | ||
| 72 | <el-row :gutter="10"> | ||
| 73 | <el-col :span="8"> | ||
| 74 | <el-form-item :class="flag ? 'marginBot0' : ''" label="自然幢号:" prop="zrzh"> | ||
| 75 | <el-input disabled v-model="ruleForm.zrzDetail.zrzh"></el-input> | ||
| 76 | </el-form-item> | ||
| 77 | </el-col> | ||
| 78 | <el-col :span="8"> | ||
| 79 | <el-form-item :class="flag ? 'marginBot0' : ''" label="户不动产单元号:" prop="hbdcdyh"> | ||
| 80 | <el-input disabled v-model="ruleForm.ghytmc"></el-input> | ||
| 81 | </el-form-item> | ||
| 82 | </el-col> | ||
| 83 | <el-col :span="8"> | ||
| 84 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记状态:" prop="djzt"> | ||
| 85 | <el-select disabled v-model="ruleForm.djzt" filterable clearable> | ||
| 86 | <el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value"> | ||
| 87 | </el-option> | ||
| 88 | </el-select> | ||
| 89 | </el-form-item> | ||
| 90 | </el-col> | ||
| 91 | </el-row> | ||
| 92 | <el-row :gutter="10"> | ||
| 93 | <el-col :span="8"> | ||
| 94 | <el-form-item :class="flag ? 'marginBot0' : ''" label="图幅丘幢号:" prop="tfqzh"> | ||
| 95 | <el-input disabled v-model="ruleForm.tfqzh"></el-input> | ||
| 96 | </el-form-item> | ||
| 97 | </el-col> | ||
| 98 | |||
| 99 | <el-col :span="16"> | ||
| 100 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:" prop="zl"> | ||
| 101 | <el-input disabled v-model="ruleForm.zl"></el-input> | ||
| 102 | </el-form-item> | ||
| 103 | </el-col> | ||
| 104 | </el-row> | ||
| 105 | <el-row :gutter="10"> | ||
| 106 | <el-col :span="8"> | ||
| 107 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途:"> | ||
| 108 | <el-input disabled v-model="ruleForm.fwyt"></el-input> | ||
| 109 | </el-form-item> | ||
| 110 | </el-col> | ||
| 111 | <el-col :span="8"> | ||
| 112 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质:"> | ||
| 113 | <el-input disabled v-model="ruleForm.fwxz"></el-input> | ||
| 114 | </el-form-item> | ||
| 115 | </el-col> | ||
| 116 | <el-col :span="8"> | ||
| 117 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构:"> | ||
| 118 | <el-input disabled v-model="ruleForm.fwjg"></el-input> | ||
| 119 | </el-form-item> | ||
| 120 | </el-col> | ||
| 121 | </el-row> | ||
| 122 | <div class="slxx_title title-block"> | ||
| 123 | 权利人信息 | ||
| 124 | <div class="triangle"></div> | ||
| 125 | </div> | ||
| 126 | <el-row :gutter="10"> | ||
| 127 | <el-col :span="14"> | ||
| 128 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> | ||
| 129 | <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.gyfs"> | ||
| 130 | <el-radio label="1">单独所有</el-radio> | ||
| 131 | <el-radio label="2">共同共有</el-radio> | ||
| 132 | <el-radio label="3">按份所有</el-radio> | ||
| 133 | </el-radio-group> | ||
| 134 | </el-form-item> | ||
| 135 | </el-col> | ||
| 136 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | ||
| 137 | <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证:"> | ||
| 138 | <el-radio-group v-model="ruleForm.sffbcz"> | ||
| 139 | <el-radio label="1">是</el-radio> | ||
| 140 | <el-radio label="0">否</el-radio> | ||
| 141 | </el-radio-group> | ||
| 142 | </el-form-item> | ||
| 143 | </el-col> | ||
| 144 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | ||
| 145 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> | ||
| 146 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 147 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
| 148 | </el-option> | ||
| 149 | </el-select> | ||
| 150 | </el-form-item> | ||
| 151 | </el-col> | ||
| 152 | </el-row> | ||
| 153 | <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" /> | ||
| 154 | <div class="slxx_title title-block"> | ||
| 155 | 登记原因 | ||
| 156 | <div class="triangle"></div> | ||
| 157 | </div> | ||
| 158 | <el-row :gutter="10"> | ||
| 159 | <el-col> | ||
| 160 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> | ||
| 161 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.djyy"> | ||
| 162 | </el-input> | ||
| 163 | </el-form-item> | ||
| 164 | </el-col> | ||
| 165 | </el-row> | ||
| 166 | </div> | ||
| 167 | <el-row class="btn" v-if="!$route.query.viewtype"> | ||
| 168 | <el-form-item :class="flag ? 'marginBot0' : ''"> | ||
| 169 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 170 | </el-form-item> | ||
| 171 | </el-row> | ||
| 172 | </el-form> | ||
| 173 | </div> | ||
| 174 | </template> | ||
| 175 | <script> | ||
| 176 | import InformationTable from "@/views/workflow/components/InformationTable"; | ||
| 177 | import { Init } from "@/api/fwsyqFlow.js"; | ||
| 178 | import { mapGetters } from "vuex"; | ||
| 179 | export default { | ||
| 180 | async created () { | ||
| 181 | this.propsParam = this.$attrs; | ||
| 182 | var formdata = new FormData(); | ||
| 183 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 184 | Init(formdata).then((res) => { | ||
| 185 | if (res.code === 200 && res.result) { | ||
| 186 | this.ruleForm = { | ||
| 187 | ...res.result, | ||
| 188 | ...res.result.zdjbxxdatas, | ||
| 189 | ...res.result.qlxxdatas, | ||
| 190 | ...res.result.jsydsyqdatas, | ||
| 191 | }; | ||
| 192 | } | ||
| 193 | }); | ||
| 194 | }, | ||
| 195 | components: { InformationTable }, | ||
| 196 | computed: { | ||
| 197 | ...mapGetters(["dictData", "flag"]), | ||
| 198 | }, | ||
| 199 | data () { | ||
| 200 | return { | ||
| 201 | disabled: true, | ||
| 202 | tdytOption: [], | ||
| 203 | czrOptions: [], | ||
| 204 | ruleForm: { | ||
| 205 | ywh: "", | ||
| 206 | slry: "", | ||
| 207 | slsj: "", | ||
| 208 | qllx: "", | ||
| 209 | djlx: "", | ||
| 210 | djqx: "", | ||
| 211 | // 宗地代码 | ||
| 212 | zddm: "", | ||
| 213 | bdcdyh: "", | ||
| 214 | qlxzmc: "", | ||
| 215 | qlrxx: [], | ||
| 216 | // 自然幢号 | ||
| 217 | zrzh: "", | ||
| 218 | // 户不动产单元号 | ||
| 219 | hbdcdyh: '', | ||
| 220 | djzt: '', | ||
| 221 | // 图幅丘幢号 | ||
| 222 | tfqzh: '', | ||
| 223 | zl: '', | ||
| 224 | // 房屋用途 | ||
| 225 | fwyt: '', | ||
| 226 | fwxz: '', | ||
| 227 | fwjg: '', | ||
| 228 | // 权利人信息 | ||
| 229 | gyfs: "1", | ||
| 230 | // 是否分别持证 | ||
| 231 | sffbcz: "", | ||
| 232 | // 持证人 | ||
| 233 | czr: "", | ||
| 234 | djyy: '' | ||
| 235 | }, | ||
| 236 | //传递参数 | ||
| 237 | propsParam: {}, | ||
| 238 | rules: {}, | ||
| 239 | }; | ||
| 240 | }, | ||
| 241 | methods: { | ||
| 242 | list (bsmSldy) { | ||
| 243 | var formdata = new FormData(); | ||
| 244 | formdata.append("bsmSldy", bsmSldy); | ||
| 245 | Init(formdata).then((res) => { | ||
| 246 | if (res.code === 200 && res.result) { | ||
| 247 | this.ruleForm = { | ||
| 248 | ...res.result, | ||
| 249 | ...res.result.zdjbxxdatas, | ||
| 250 | ...res.result.qlxxdatas, | ||
| 251 | ...res.result.jsydsyqdatas, | ||
| 252 | }; | ||
| 253 | } | ||
| 254 | }); | ||
| 255 | }, | ||
| 256 | onSubmit () { | ||
| 257 | fristReg(this.ruleForm).then((res) => { | ||
| 258 | if (res.code === 200 && res.result) { | ||
| 259 | console.log(res); | ||
| 260 | //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } | ||
| 261 | } | ||
| 262 | }); | ||
| 263 | }, | ||
| 264 | }, | ||
| 265 | }; | ||
| 266 | </script> | ||
| 267 | <style scoped lang='scss'> | ||
| 268 | @import "~@/styles/public.scss"; | ||
| 269 | |||
| 270 | /deep/.el-form { | ||
| 271 | display: flex; | ||
| 272 | flex-direction: column; | ||
| 273 | height: calc(100vh - 130px); | ||
| 274 | background-color: aqua; | ||
| 275 | } | ||
| 276 | |||
| 277 | /deep/.el-form-item__label { | ||
| 278 | padding: 0; | ||
| 279 | } | ||
| 280 | |||
| 281 | /deep/.el-radio { | ||
| 282 | margin-right: 10px; | ||
| 283 | } | ||
| 284 | |||
| 285 | /deep/.el-select { | ||
| 286 | width: 100%; | ||
| 287 | } | ||
| 288 | |||
| 289 | /deep/.el-form-item { | ||
| 290 | margin-bottom: 8px; | ||
| 291 | } | ||
| 292 | |||
| 293 | .marginBot0 { | ||
| 294 | margin-bottom: 0 !important; | ||
| 295 | } | ||
| 296 | |||
| 297 | .slxx { | ||
| 298 | box-sizing: border-box; | ||
| 299 | } | ||
| 300 | |||
| 301 | .slxx_con { | ||
| 302 | flex: 1; | ||
| 303 | height: 100%; | ||
| 304 | background-color: #ffffff; | ||
| 305 | overflow-y: auto; | ||
| 306 | padding-right: 3px; | ||
| 307 | overflow-x: hidden; | ||
| 308 | } | ||
| 309 | |||
| 310 | .submit_btn { | ||
| 311 | height: 50px; | ||
| 312 | } | ||
| 313 | |||
| 314 | .slxx_title { | ||
| 315 | border-bottom: 1px solid $borderColor; | ||
| 316 | padding-left: 10px; | ||
| 317 | padding-bottom: 5px; | ||
| 318 | margin-bottom: 10px; | ||
| 319 | margin-top: 5px; | ||
| 320 | font-size: 16px; | ||
| 321 | font-weight: 500; | ||
| 322 | color: #4a4a4a; | ||
| 323 | } | ||
| 324 | |||
| 325 | .btn { | ||
| 326 | text-align: center; | ||
| 327 | padding-top: 10px; | ||
| 328 | height: 36px; | ||
| 329 | background-color: #ffffff; | ||
| 330 | padding: 5px 0; | ||
| 331 | } | ||
| 332 | |||
| 333 | .textArea { | ||
| 334 | /deep/.el-textarea__inner { | ||
| 335 | min-height: 90px !important; | ||
| 336 | } | ||
| 337 | } | ||
| 338 | |||
| 339 | /deep/.el-form-item__label { | ||
| 340 | padding-bottom: 0px; | ||
| 341 | } | ||
| 342 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/views/ywbl/fdcq2/slxx200.vue
0 → 100644
| 1 | <template> | ||
| 2 | <!-- 受理信息 --> | ||
| 3 | <div class="slxx"> | ||
| 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | ||
| 5 | label-width="120px"> | ||
| 6 | <div class="slxx_con"> | ||
| 7 | <div class="slxx_title title-block"> | ||
| 8 | 受理信息 | ||
| 9 | <div class="triangle"></div> | ||
| 10 | </div> | ||
| 11 | <el-row :gutter="10"> | ||
| 12 | <el-col :span="8"> | ||
| 13 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:"> | ||
| 14 | <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> | ||
| 15 | </el-form-item> | ||
| 16 | </el-col> | ||
| 17 | <el-col :span="8"> | ||
| 18 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:" prop="slry"> | ||
| 19 | <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> | ||
| 20 | </el-form-item> | ||
| 21 | </el-col> | ||
| 22 | <el-col :span="8"> | ||
| 23 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:" prop="slsj"> | ||
| 24 | <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> | ||
| 25 | </el-form-item> | ||
| 26 | </el-col> | ||
| 27 | </el-row> | ||
| 28 | <el-row :gutter="10"> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="qllxmc"> | ||
| 31 | <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="8"> | ||
| 35 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="djlxmc"> | ||
| 36 | <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | <el-col :span="8"> | ||
| 40 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:" prop="djqx"> | ||
| 41 | <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> | ||
| 42 | </el-form-item> | ||
| 43 | </el-col> | ||
| 44 | </el-row> | ||
| 45 | <div class="slxx_title title-block"> | ||
| 46 | 不动产单元情况 | ||
| 47 | <div class="triangle"></div> | ||
| 48 | </div> | ||
| 49 | <el-row :gutter="10"> | ||
| 50 | <el-col :span="8"> | ||
| 51 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="bdcdyh"> | ||
| 52 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
| 53 | </el-form-item> | ||
| 54 | </el-col> | ||
| 55 | <el-col :span="16"> | ||
| 56 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:" prop="zl"> | ||
| 57 | <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> | ||
| 58 | </el-form-item> | ||
| 59 | </el-col> | ||
| 60 | </el-row> | ||
| 61 | <el-row :gutter="10"> | ||
| 62 | <el-col :span="8"> | ||
| 63 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途:" prop="yt"> | ||
| 64 | <el-input disabled v-model="ruleForm.fdcq2.yt"></el-input> | ||
| 65 | </el-form-item> | ||
| 66 | </el-col> | ||
| 67 | <el-col :span="8"> | ||
| 68 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间:" prop="tdsyqzsj"> | ||
| 69 | <el-input disabled v-model="ruleForm.fdcq2.tdsyqzsj"></el-input> | ||
| 70 | </el-form-item> | ||
| 71 | </el-col> | ||
| 72 | <el-col :span="8"> | ||
| 73 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限:" prop="tdsyqx"> | ||
| 74 | <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input> | ||
| 75 | </el-form-item> | ||
| 76 | </el-col> | ||
| 77 | </el-row> | ||
| 78 | <el-row :gutter="10"> | ||
| 79 | <el-col :span="8"> | ||
| 80 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途:"> | ||
| 81 | <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input> | ||
| 82 | </el-form-item> | ||
| 83 | </el-col> | ||
| 84 | <el-col :span="8"> | ||
| 85 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质:"> | ||
| 86 | <el-input disabled v-model="ruleForm.fdcq2.fwxz"></el-input> | ||
| 87 | </el-form-item> | ||
| 88 | </el-col> | ||
| 89 | <el-col :span="8"> | ||
| 90 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构:"> | ||
| 91 | <el-input disabled v-model="ruleForm.fdcq2.fwjg"></el-input> | ||
| 92 | </el-form-item> | ||
| 93 | </el-col> | ||
| 94 | </el-row> | ||
| 95 | <el-row :gutter="10"> | ||
| 96 | <el-col :span="8"> | ||
| 97 | <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层:"> | ||
| 98 | <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input> | ||
| 99 | </el-form-item> | ||
| 100 | </el-col> | ||
| 101 | <el-col :span="8"> | ||
| 102 | <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数:"> | ||
| 103 | <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input> | ||
| 104 | </el-form-item> | ||
| 105 | </el-col> | ||
| 106 | <el-col :span="8"> | ||
| 107 | <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间:"> | ||
| 108 | <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input> | ||
| 109 | </el-form-item> | ||
| 110 | </el-col> | ||
| 111 | </el-row> | ||
| 112 | <el-row :gutter="10"> | ||
| 113 | <el-col :span="8"> | ||
| 114 | <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积:"> | ||
| 115 | <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> | ||
| 116 | </el-form-item> | ||
| 117 | </el-col> | ||
| 118 | <el-col :span="8"> | ||
| 119 | <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积:"> | ||
| 120 | <el-input disabled v-model="ruleForm.fdcq2.zyjjmj"></el-input> | ||
| 121 | </el-form-item> | ||
| 122 | </el-col> | ||
| 123 | <el-col :span="8"> | ||
| 124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积:"> | ||
| 125 | <el-input disabled v-model="ruleForm.fdcq2.ftjjmj"></el-input> | ||
| 126 | </el-form-item> | ||
| 127 | </el-col> | ||
| 128 | </el-row> | ||
| 129 | <div class="slxx_title title-block"> | ||
| 130 | 权利人信息 | ||
| 131 | <div class="triangle"></div> | ||
| 132 | </div> | ||
| 133 | <el-row :gutter="10"> | ||
| 134 | <el-col :span="14"> | ||
| 135 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> | ||
| 136 | <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.qlxx.gyfs"> | ||
| 137 | <el-radio label="1">单独所有</el-radio> | ||
| 138 | <el-radio label="2">共同共有</el-radio> | ||
| 139 | <el-radio label="3">按份所有</el-radio> | ||
| 140 | </el-radio-group> | ||
| 141 | </el-form-item> | ||
| 142 | </el-col> | ||
| 143 | <el-col :span="5" v-show="ruleForm.qlxx.gyfs == '2'"> | ||
| 144 | <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证:"> | ||
| 145 | <el-radio-group v-model="ruleForm.sffbcz"> | ||
| 146 | <el-radio label="1">是</el-radio> | ||
| 147 | <el-radio label="0">否</el-radio> | ||
| 148 | </el-radio-group> | ||
| 149 | </el-form-item> | ||
| 150 | </el-col> | ||
| 151 | <el-col :span="5" v-show="ruleForm.qlxx.gyfs == '2'"> | ||
| 152 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> | ||
| 153 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 154 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
| 155 | </el-option> | ||
| 156 | </el-select> | ||
| 157 | </el-form-item> | ||
| 158 | </el-col> | ||
| 159 | </el-row> | ||
| 160 | <InformationTable :tableData="ruleForm.qlrList" :gyfs="ruleForm.qlxx.gyfs" /> | ||
| 161 | <div class="slxx_title title-block"> | ||
| 162 | 登记原因 | ||
| 163 | <div class="triangle"></div> | ||
| 164 | </div> | ||
| 165 | <el-row :gutter="10"> | ||
| 166 | <el-col> | ||
| 167 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> | ||
| 168 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.fdcq2.djyy"> | ||
| 169 | </el-input> | ||
| 170 | </el-form-item> | ||
| 171 | </el-col> | ||
| 172 | </el-row> | ||
| 173 | </div> | ||
| 174 | <el-row class="btn" v-if="!$route.query.viewtype"> | ||
| 175 | <el-form-item :class="flag ? 'marginBot0' : ''"> | ||
| 176 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 177 | </el-form-item> | ||
| 178 | </el-row> | ||
| 179 | </el-form> | ||
| 180 | </div> | ||
| 181 | </template> | ||
| 182 | <script> | ||
| 183 | import InformationTable from "@/views/workflow/components/InformationTable"; | ||
| 184 | import { Init, saveData } from "@/api/fwsyqFlow.js"; | ||
| 185 | import { mapGetters } from "vuex"; | ||
| 186 | export default { | ||
| 187 | async created() { | ||
| 188 | //this.propsParam = this.$attrs; | ||
| 189 | var formdata = new FormData(); | ||
| 190 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 191 | formdata.append("djlx", this.propsParam.djlx); | ||
| 192 | Init(formdata).then((res) => { | ||
| 193 | if (res.code === 200 && res.result) { | ||
| 194 | // this.ruleForm = { | ||
| 195 | // ...res.result.slywxx, | ||
| 196 | // ...res.result.zdjbxx, | ||
| 197 | // ...res.result.qlxx, | ||
| 198 | // ...res.result.fdcq2, | ||
| 199 | // }; | ||
| 200 | this.ruleForm = res.result; | ||
| 201 | } | ||
| 202 | }); | ||
| 203 | }, | ||
| 204 | components: { InformationTable }, | ||
| 205 | computed: { | ||
| 206 | ...mapGetters(["dictData", "flag"]), | ||
| 207 | }, | ||
| 208 | data() { | ||
| 209 | return { | ||
| 210 | disabled: true, | ||
| 211 | tdytOption: [], | ||
| 212 | czrOptions: [], | ||
| 213 | ruleForm: { | ||
| 214 | |||
| 215 | slry: "", | ||
| 216 | slsj: "", | ||
| 217 | qllx: "", | ||
| 218 | djlx: "", | ||
| 219 | djqx: "", | ||
| 220 | // 宗地代码 | ||
| 221 | zddm: "", | ||
| 222 | bdcdyh: "", | ||
| 223 | qlxzmc: "", | ||
| 224 | qlrxx: [], | ||
| 225 | // 自然幢号 | ||
| 226 | zrzh: "", | ||
| 227 | // 户不动产单元号 | ||
| 228 | hbdcdyh: "", | ||
| 229 | djzt: "", | ||
| 230 | // 图幅丘幢号 | ||
| 231 | tfqzh: "", | ||
| 232 | zl: "", | ||
| 233 | // 房屋用途 | ||
| 234 | fwyt: "", | ||
| 235 | fwxz: "", | ||
| 236 | fwjg: "", | ||
| 237 | // 权利人信息 | ||
| 238 | gyfs: "1", | ||
| 239 | // 是否分别持证 | ||
| 240 | sffbcz: "", | ||
| 241 | // 持证人 | ||
| 242 | czr: "", | ||
| 243 | djyy: "", | ||
| 244 | }, | ||
| 245 | //传递参数 | ||
| 246 | propsParam: this.$attrs, | ||
| 247 | rules: {}, | ||
| 248 | }; | ||
| 249 | }, | ||
| 250 | methods: { | ||
| 251 | list(bsmSldy) { | ||
| 252 | var formdata = new FormData(); | ||
| 253 | formdata.append("bsmSldy", bsmSldy); | ||
| 254 | Init(formdata).then((res) => { | ||
| 255 | if (res.code === 200 && res.result) { | ||
| 256 | this.ruleForm = { | ||
| 257 | ...res.result, | ||
| 258 | ...res.result.zdjbxxdatas, | ||
| 259 | ...res.result.qlxxdatas, | ||
| 260 | ...res.result.jsydsyqdatas, | ||
| 261 | }; | ||
| 262 | } | ||
| 263 | }); | ||
| 264 | }, | ||
| 265 | onSubmit() { | ||
| 266 | saveData(this.ruleForm).then((res) => { | ||
| 267 | if (res.code === 200 && res.result) { | ||
| 268 | console.log(res); | ||
| 269 | //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } | ||
| 270 | } | ||
| 271 | }); | ||
| 272 | }, | ||
| 273 | }, | ||
| 274 | }; | ||
| 275 | </script> | ||
| 276 | <style scoped lang='scss'> | ||
| 277 | @import "~@/styles/public.scss"; | ||
| 278 | |||
| 279 | /deep/.el-form { | ||
| 280 | display: flex; | ||
| 281 | flex-direction: column; | ||
| 282 | height: calc(100vh - 130px); | ||
| 283 | background-color: aqua; | ||
| 284 | } | ||
| 285 | |||
| 286 | /deep/.el-form-item__label { | ||
| 287 | padding: 0; | ||
| 288 | } | ||
| 289 | |||
| 290 | /deep/.el-radio { | ||
| 291 | margin-right: 10px; | ||
| 292 | } | ||
| 293 | |||
| 294 | /deep/.el-select { | ||
| 295 | width: 100%; | ||
| 296 | } | ||
| 297 | |||
| 298 | /deep/.el-form-item { | ||
| 299 | margin-bottom: 8px; | ||
| 300 | } | ||
| 301 | |||
| 302 | .marginBot0 { | ||
| 303 | margin-bottom: 0 !important; | ||
| 304 | } | ||
| 305 | |||
| 306 | .slxx { | ||
| 307 | box-sizing: border-box; | ||
| 308 | } | ||
| 309 | |||
| 310 | .slxx_con { | ||
| 311 | flex: 1; | ||
| 312 | height: 100%; | ||
| 313 | background-color: #ffffff; | ||
| 314 | overflow-y: auto; | ||
| 315 | padding-right: 3px; | ||
| 316 | overflow-x: hidden; | ||
| 317 | } | ||
| 318 | |||
| 319 | .submit_btn { | ||
| 320 | height: 50px; | ||
| 321 | } | ||
| 322 | |||
| 323 | .slxx_title { | ||
| 324 | border-bottom: 1px solid $borderColor; | ||
| 325 | padding-left: 10px; | ||
| 326 | padding-bottom: 5px; | ||
| 327 | margin-bottom: 10px; | ||
| 328 | margin-top: 5px; | ||
| 329 | font-size: 16px; | ||
| 330 | font-weight: 500; | ||
| 331 | color: #4a4a4a; | ||
| 332 | } | ||
| 333 | |||
| 334 | .btn { | ||
| 335 | text-align: center; | ||
| 336 | padding-top: 10px; | ||
| 337 | height: 36px; | ||
| 338 | background-color: #ffffff; | ||
| 339 | padding: 5px 0; | ||
| 340 | } | ||
| 341 | |||
| 342 | .textArea { | ||
| 343 | /deep/.el-textarea__inner { | ||
| 344 | min-height: 90px !important; | ||
| 345 | } | ||
| 346 | } | ||
| 347 | |||
| 348 | /deep/.el-form-item__label { | ||
| 349 | padding-bottom: 0px; | ||
| 350 | } | ||
| 351 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/views/ywbl/fdcq2/slxx300.vue
0 → 100644
| 1 | <template> | ||
| 2 | <!-- 受理信息 --> | ||
| 3 | <div class="slxx"> | ||
| 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | ||
| 5 | label-width="120px"> | ||
| 6 | <div class="slxx_con"> | ||
| 7 | <div class="slxx_title title-block"> | ||
| 8 | 受理信息 | ||
| 9 | <div class="triangle"></div> | ||
| 10 | </div> | ||
| 11 | <el-row :gutter="10"> | ||
| 12 | <el-col :span="8"> | ||
| 13 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="ywh"> | ||
| 14 | <el-input disabled v-model="ruleForm.ywh"></el-input> | ||
| 15 | </el-form-item> | ||
| 16 | </el-col> | ||
| 17 | <el-col :span="8"> | ||
| 18 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:" prop="slry"> | ||
| 19 | <el-input disabled v-model="ruleForm.slry"></el-input> | ||
| 20 | </el-form-item> | ||
| 21 | </el-col> | ||
| 22 | <el-col :span="8"> | ||
| 23 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:" prop="slsj"> | ||
| 24 | <el-input disabled v-model="ruleForm.slsj"></el-input> | ||
| 25 | </el-form-item> | ||
| 26 | </el-col> | ||
| 27 | </el-row> | ||
| 28 | <el-row :gutter="10"> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="qllx"> | ||
| 31 | <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> | ||
| 32 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 33 | </el-option> | ||
| 34 | </el-select> | ||
| 35 | </el-form-item> | ||
| 36 | </el-col> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="djlx"> | ||
| 39 | <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> | ||
| 40 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 41 | </el-option> | ||
| 42 | </el-select> | ||
| 43 | </el-form-item> | ||
| 44 | </el-col> | ||
| 45 | <el-col :span="8"> | ||
| 46 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:" prop="djqx"> | ||
| 47 | <el-input disabled v-model="ruleForm.djqxmc"></el-input> | ||
| 48 | </el-form-item> | ||
| 49 | </el-col> | ||
| 50 | </el-row> | ||
| 51 | <div class="slxx_title title-block"> | ||
| 52 | 不动产单元情况 | ||
| 53 | <div class="triangle"></div> | ||
| 54 | </div> | ||
| 55 | <el-row :gutter="10"> | ||
| 56 | <el-col :span="8"> | ||
| 57 | <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码:" prop="zddm"> | ||
| 58 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | ||
| 59 | </el-form-item> | ||
| 60 | </el-col> | ||
| 61 | <el-col :span="8"> | ||
| 62 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="bdcdyh"> | ||
| 63 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | ||
| 64 | </el-form-item> | ||
| 65 | </el-col> | ||
| 66 | <el-col :span="8"> | ||
| 67 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质:" prop="qlxzmc"> | ||
| 68 | <el-input disabled v-model="ruleForm.qlxzmc"></el-input> | ||
| 69 | </el-form-item> | ||
| 70 | </el-col> | ||
| 71 | </el-row> | ||
| 72 | <el-row :gutter="10"> | ||
| 73 | <el-col :span="8"> | ||
| 74 | <el-form-item :class="flag ? 'marginBot0' : ''" label="自然幢号:" prop="zrzh"> | ||
| 75 | <el-input disabled v-model="ruleForm.zrzDetail.zrzh"></el-input> | ||
| 76 | </el-form-item> | ||
| 77 | </el-col> | ||
| 78 | <el-col :span="8"> | ||
| 79 | <el-form-item :class="flag ? 'marginBot0' : ''" label="户不动产单元号:" prop="hbdcdyh"> | ||
| 80 | <el-input disabled v-model="ruleForm.ghytmc"></el-input> | ||
| 81 | </el-form-item> | ||
| 82 | </el-col> | ||
| 83 | <el-col :span="8"> | ||
| 84 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记状态:" prop="djzt"> | ||
| 85 | <el-select disabled v-model="ruleForm.djzt" filterable clearable> | ||
| 86 | <el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value"> | ||
| 87 | </el-option> | ||
| 88 | </el-select> | ||
| 89 | </el-form-item> | ||
| 90 | </el-col> | ||
| 91 | </el-row> | ||
| 92 | <el-row :gutter="10"> | ||
| 93 | <el-col :span="8"> | ||
| 94 | <el-form-item :class="flag ? 'marginBot0' : ''" label="图幅丘幢号:" prop="tfqzh"> | ||
| 95 | <el-input disabled v-model="ruleForm.tfqzh"></el-input> | ||
| 96 | </el-form-item> | ||
| 97 | </el-col> | ||
| 98 | |||
| 99 | <el-col :span="16"> | ||
| 100 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:" prop="zl"> | ||
| 101 | <el-input disabled v-model="ruleForm.zl"></el-input> | ||
| 102 | </el-form-item> | ||
| 103 | </el-col> | ||
| 104 | </el-row> | ||
| 105 | <el-row :gutter="10"> | ||
| 106 | <el-col :span="8"> | ||
| 107 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途:"> | ||
| 108 | <el-input disabled v-model="ruleForm.fwyt"></el-input> | ||
| 109 | </el-form-item> | ||
| 110 | </el-col> | ||
| 111 | <el-col :span="8"> | ||
| 112 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质:"> | ||
| 113 | <el-input disabled v-model="ruleForm.fwxz"></el-input> | ||
| 114 | </el-form-item> | ||
| 115 | </el-col> | ||
| 116 | <el-col :span="8"> | ||
| 117 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构:"> | ||
| 118 | <el-input disabled v-model="ruleForm.fwjg"></el-input> | ||
| 119 | </el-form-item> | ||
| 120 | </el-col> | ||
| 121 | </el-row> | ||
| 122 | <div class="slxx_title title-block"> | ||
| 123 | 权利人信息 | ||
| 124 | <div class="triangle"></div> | ||
| 125 | </div> | ||
| 126 | <el-row :gutter="10"> | ||
| 127 | <el-col :span="14"> | ||
| 128 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> | ||
| 129 | <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.gyfs"> | ||
| 130 | <el-radio label="1">单独所有</el-radio> | ||
| 131 | <el-radio label="2">共同共有</el-radio> | ||
| 132 | <el-radio label="3">按份所有</el-radio> | ||
| 133 | </el-radio-group> | ||
| 134 | </el-form-item> | ||
| 135 | </el-col> | ||
| 136 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | ||
| 137 | <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证:"> | ||
| 138 | <el-radio-group v-model="ruleForm.sffbcz"> | ||
| 139 | <el-radio label="1">是</el-radio> | ||
| 140 | <el-radio label="0">否</el-radio> | ||
| 141 | </el-radio-group> | ||
| 142 | </el-form-item> | ||
| 143 | </el-col> | ||
| 144 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | ||
| 145 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> | ||
| 146 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 147 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
| 148 | </el-option> | ||
| 149 | </el-select> | ||
| 150 | </el-form-item> | ||
| 151 | </el-col> | ||
| 152 | </el-row> | ||
| 153 | <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" /> | ||
| 154 | <div class="slxx_title title-block"> | ||
| 155 | 登记原因 | ||
| 156 | <div class="triangle"></div> | ||
| 157 | </div> | ||
| 158 | <el-row :gutter="10"> | ||
| 159 | <el-col> | ||
| 160 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> | ||
| 161 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.djyy"> | ||
| 162 | </el-input> | ||
| 163 | </el-form-item> | ||
| 164 | </el-col> | ||
| 165 | </el-row> | ||
| 166 | </div> | ||
| 167 | <el-row class="btn" v-if="!$route.query.viewtype"> | ||
| 168 | <el-form-item :class="flag ? 'marginBot0' : ''"> | ||
| 169 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 170 | </el-form-item> | ||
| 171 | </el-row> | ||
| 172 | </el-form> | ||
| 173 | </div> | ||
| 174 | </template> | ||
| 175 | <script> | ||
| 176 | import InformationTable from "@/views/workflow/components/InformationTable"; | ||
| 177 | import { Init } from "@/api/fwsyqFlow.js"; | ||
| 178 | import { mapGetters } from "vuex"; | ||
| 179 | export default { | ||
| 180 | async created () { | ||
| 181 | this.propsParam = this.$attrs; | ||
| 182 | var formdata = new FormData(); | ||
| 183 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 184 | Init(formdata).then((res) => { | ||
| 185 | if (res.code === 200 && res.result) { | ||
| 186 | this.ruleForm = { | ||
| 187 | ...res.result, | ||
| 188 | ...res.result.zdjbxxdatas, | ||
| 189 | ...res.result.qlxxdatas, | ||
| 190 | ...res.result.jsydsyqdatas, | ||
| 191 | }; | ||
| 192 | } | ||
| 193 | }); | ||
| 194 | }, | ||
| 195 | components: { InformationTable }, | ||
| 196 | computed: { | ||
| 197 | ...mapGetters(["dictData", "flag"]), | ||
| 198 | }, | ||
| 199 | data () { | ||
| 200 | return { | ||
| 201 | disabled: true, | ||
| 202 | tdytOption: [], | ||
| 203 | czrOptions: [], | ||
| 204 | ruleForm: { | ||
| 205 | ywh: "", | ||
| 206 | slry: "", | ||
| 207 | slsj: "", | ||
| 208 | qllx: "", | ||
| 209 | djlx: "", | ||
| 210 | djqx: "", | ||
| 211 | // 宗地代码 | ||
| 212 | zddm: "", | ||
| 213 | bdcdyh: "", | ||
| 214 | qlxzmc: "", | ||
| 215 | qlrxx: [], | ||
| 216 | // 自然幢号 | ||
| 217 | zrzh: "", | ||
| 218 | // 户不动产单元号 | ||
| 219 | hbdcdyh: '', | ||
| 220 | djzt: '', | ||
| 221 | // 图幅丘幢号 | ||
| 222 | tfqzh: '', | ||
| 223 | zl: '', | ||
| 224 | // 房屋用途 | ||
| 225 | fwyt: '', | ||
| 226 | fwxz: '', | ||
| 227 | fwjg: '', | ||
| 228 | // 权利人信息 | ||
| 229 | gyfs: "1", | ||
| 230 | // 是否分别持证 | ||
| 231 | sffbcz: "", | ||
| 232 | // 持证人 | ||
| 233 | czr: "", | ||
| 234 | djyy: '' | ||
| 235 | }, | ||
| 236 | //传递参数 | ||
| 237 | propsParam: {}, | ||
| 238 | rules: {}, | ||
| 239 | }; | ||
| 240 | }, | ||
| 241 | methods: { | ||
| 242 | list (bsmSldy) { | ||
| 243 | var formdata = new FormData(); | ||
| 244 | formdata.append("bsmSldy", bsmSldy); | ||
| 245 | Init(formdata).then((res) => { | ||
| 246 | if (res.code === 200 && res.result) { | ||
| 247 | this.ruleForm = { | ||
| 248 | ...res.result, | ||
| 249 | ...res.result.zdjbxxdatas, | ||
| 250 | ...res.result.qlxxdatas, | ||
| 251 | ...res.result.jsydsyqdatas, | ||
| 252 | }; | ||
| 253 | } | ||
| 254 | }); | ||
| 255 | }, | ||
| 256 | onSubmit () { | ||
| 257 | fristReg(this.ruleForm).then((res) => { | ||
| 258 | if (res.code === 200 && res.result) { | ||
| 259 | console.log(res); | ||
| 260 | //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } | ||
| 261 | } | ||
| 262 | }); | ||
| 263 | }, | ||
| 264 | }, | ||
| 265 | }; | ||
| 266 | </script> | ||
| 267 | <style scoped lang='scss'> | ||
| 268 | @import "~@/styles/public.scss"; | ||
| 269 | |||
| 270 | /deep/.el-form { | ||
| 271 | display: flex; | ||
| 272 | flex-direction: column; | ||
| 273 | height: calc(100vh - 130px); | ||
| 274 | background-color: aqua; | ||
| 275 | } | ||
| 276 | |||
| 277 | /deep/.el-form-item__label { | ||
| 278 | padding: 0; | ||
| 279 | } | ||
| 280 | |||
| 281 | /deep/.el-radio { | ||
| 282 | margin-right: 10px; | ||
| 283 | } | ||
| 284 | |||
| 285 | /deep/.el-select { | ||
| 286 | width: 100%; | ||
| 287 | } | ||
| 288 | |||
| 289 | /deep/.el-form-item { | ||
| 290 | margin-bottom: 8px; | ||
| 291 | } | ||
| 292 | |||
| 293 | .marginBot0 { | ||
| 294 | margin-bottom: 0 !important; | ||
| 295 | } | ||
| 296 | |||
| 297 | .slxx { | ||
| 298 | box-sizing: border-box; | ||
| 299 | } | ||
| 300 | |||
| 301 | .slxx_con { | ||
| 302 | flex: 1; | ||
| 303 | height: 100%; | ||
| 304 | background-color: #ffffff; | ||
| 305 | overflow-y: auto; | ||
| 306 | padding-right: 3px; | ||
| 307 | overflow-x: hidden; | ||
| 308 | } | ||
| 309 | |||
| 310 | .submit_btn { | ||
| 311 | height: 50px; | ||
| 312 | } | ||
| 313 | |||
| 314 | .slxx_title { | ||
| 315 | border-bottom: 1px solid $borderColor; | ||
| 316 | padding-left: 10px; | ||
| 317 | padding-bottom: 5px; | ||
| 318 | margin-bottom: 10px; | ||
| 319 | margin-top: 5px; | ||
| 320 | font-size: 16px; | ||
| 321 | font-weight: 500; | ||
| 322 | color: #4a4a4a; | ||
| 323 | } | ||
| 324 | |||
| 325 | .btn { | ||
| 326 | text-align: center; | ||
| 327 | padding-top: 10px; | ||
| 328 | height: 36px; | ||
| 329 | background-color: #ffffff; | ||
| 330 | padding: 5px 0; | ||
| 331 | } | ||
| 332 | |||
| 333 | .textArea { | ||
| 334 | /deep/.el-textarea__inner { | ||
| 335 | min-height: 90px !important; | ||
| 336 | } | ||
| 337 | } | ||
| 338 | |||
| 339 | /deep/.el-form-item__label { | ||
| 340 | padding-bottom: 0px; | ||
| 341 | } | ||
| 342 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/views/ywbl/jsydsyq/slxx200.vue
0 → 100644
| 1 | <template> | ||
| 2 | <!-- 受理信息 --> | ||
| 3 | <div class="slxx"> | ||
| 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | ||
| 5 | label-width="120px"> | ||
| 6 | <div class="slxx_con"> | ||
| 7 | <div class="slxx_title title-block"> | ||
| 8 | 受理信息 | ||
| 9 | <div class="triangle"></div> | ||
| 10 | </div> | ||
| 11 | <el-row :gutter="10"> | ||
| 12 | <el-col :span="8"> | ||
| 13 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="ywh"> | ||
| 14 | <el-input disabled v-model="ruleForm.ywh"></el-input> | ||
| 15 | </el-form-item> | ||
| 16 | </el-col> | ||
| 17 | <el-col :span="8"> | ||
| 18 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:" prop="slry"> | ||
| 19 | <el-input disabled v-model="ruleForm.slry"></el-input> | ||
| 20 | </el-form-item> | ||
| 21 | </el-col> | ||
| 22 | <el-col :span="8"> | ||
| 23 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:" prop="slsj"> | ||
| 24 | <el-input disabled v-model="ruleForm.slsj"></el-input> | ||
| 25 | </el-form-item> | ||
| 26 | </el-col> | ||
| 27 | </el-row> | ||
| 28 | <el-row :gutter="10"> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="qllx"> | ||
| 31 | <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> | ||
| 32 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 33 | </el-option> | ||
| 34 | </el-select> | ||
| 35 | </el-form-item> | ||
| 36 | </el-col> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="djlx"> | ||
| 39 | <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> | ||
| 40 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 41 | </el-option> | ||
| 42 | </el-select> | ||
| 43 | </el-form-item> | ||
| 44 | </el-col> | ||
| 45 | <el-col :span="8"> | ||
| 46 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:" prop="djqx"> | ||
| 47 | <el-input disabled v-model="ruleForm.djqxmc"></el-input> | ||
| 48 | </el-form-item> | ||
| 49 | </el-col> | ||
| 50 | </el-row> | ||
| 51 | <div class="slxx_title title-block"> | ||
| 52 | 不动产单元情况 | ||
| 53 | <div class="triangle"></div> | ||
| 54 | </div> | ||
| 55 | <el-row :gutter="10"> | ||
| 56 | <el-col :span="8"> | ||
| 57 | <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码:" prop="zddm"> | ||
| 58 | <el-input disabled v-model="ruleForm.zddm"></el-input> | ||
| 59 | </el-form-item> | ||
| 60 | </el-col> | ||
| 61 | <el-col :span="8"> | ||
| 62 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="bdcdyh"> | ||
| 63 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | ||
| 64 | </el-form-item> | ||
| 65 | </el-col> | ||
| 66 | <el-col :span="8"> | ||
| 67 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质:" prop="qlxzmc"> | ||
| 68 | <el-input disabled v-model="ruleForm.qlxzmc"></el-input> | ||
| 69 | </el-form-item> | ||
| 70 | </el-col> | ||
| 71 | </el-row> | ||
| 72 | <el-row :gutter="10"> | ||
| 73 | <el-col :span="8"> | ||
| 74 | <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地面积:" prop="zdmj"> | ||
| 75 | <el-input disabled v-model="ruleForm.zdmj"></el-input> | ||
| 76 | </el-form-item> | ||
| 77 | </el-col> | ||
| 78 | <el-col :span="8"> | ||
| 79 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途:" prop="ghytmc"> | ||
| 80 | <el-input disabled v-model="ruleForm.ghytmc"></el-input> | ||
| 81 | </el-form-item> | ||
| 82 | </el-col> | ||
| 83 | <el-col :span="8"> | ||
| 84 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利设定方式:" prop="qlsdfs"> | ||
| 85 | <el-input disabled v-model="ruleForm.qlsdfsmc"></el-input> | ||
| 86 | </el-form-item> | ||
| 87 | </el-col> | ||
| 88 | </el-row> | ||
| 89 | <el-row :gutter="10"> | ||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item :class="flag ? 'marginBot0' : ''" label="取得价格:" prop="qdjg"> | ||
| 92 | <el-input disabled v-model="ruleForm.qdjg"></el-input> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | |||
| 96 | <el-col :span="16"> | ||
| 97 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:" prop="zl"> | ||
| 98 | <el-input disabled v-model="ruleForm.zl"></el-input> | ||
| 99 | </el-form-item> | ||
| 100 | </el-col> | ||
| 101 | </el-row> | ||
| 102 | <el-row :gutter="10"> | ||
| 103 | <el-col :span="8"> | ||
| 104 | <el-form-item :class="flag ? 'marginBot0' : ''" label="使用期限:" prop="tdsyqx"> | ||
| 105 | <el-input disabled v-model="ruleForm.tdsyqx"></el-input> | ||
| 106 | </el-form-item> | ||
| 107 | </el-col> | ||
| 108 | |||
| 109 | <el-col :span="16"> | ||
| 110 | <el-form-item :class="flag ? 'marginBot0' : ''" label="使用权起止时间:" prop="qssj"> | ||
| 111 | <el-input disabled v-model="ruleForm.syqqzsj"></el-input> | ||
| 112 | </el-form-item> | ||
| 113 | </el-col> | ||
| 114 | </el-row> | ||
| 115 | <el-row :gutter="10"> | ||
| 116 | <el-col> | ||
| 117 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="fj"> | ||
| 118 | <el-input type="textarea" v-model="ruleForm.fj" :disabled="$route.query.viewtype==1"></el-input> | ||
| 119 | </el-form-item> | ||
| 120 | </el-col> | ||
| 121 | </el-row> | ||
| 122 | <div class="slxx_title title-block"> | ||
| 123 | 权利人信息 | ||
| 124 | <div class="triangle"></div> | ||
| 125 | </div> | ||
| 126 | <el-row :gutter="10"> | ||
| 127 | <el-col :span="14"> | ||
| 128 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> | ||
| 129 | <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.gyfs"> | ||
| 130 | <el-radio label="1">单独所有</el-radio> | ||
| 131 | <el-radio label="2">共同共有</el-radio> | ||
| 132 | <el-radio label="3">按份所有</el-radio> | ||
| 133 | </el-radio-group> | ||
| 134 | </el-form-item> | ||
| 135 | </el-col> | ||
| 136 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | ||
| 137 | <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证:"> | ||
| 138 | <el-radio-group v-model="ruleForm.sffbcz"> | ||
| 139 | <el-radio label="1">是</el-radio> | ||
| 140 | <el-radio label="0">否</el-radio> | ||
| 141 | </el-radio-group> | ||
| 142 | </el-form-item> | ||
| 143 | </el-col> | ||
| 144 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | ||
| 145 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> | ||
| 146 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 147 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
| 148 | </el-option> | ||
| 149 | </el-select> | ||
| 150 | </el-form-item> | ||
| 151 | </el-col> | ||
| 152 | </el-row> | ||
| 153 | <InformationTable :tableData="ruleForm.qlrxx" :viewtype="$route.query.viewtype" :gyfs="ruleForm.gyfs" /> | ||
| 154 | <div class="slxx_title title-block"> | ||
| 155 | 义务人信息 | ||
| 156 | <div class="triangle"></div> | ||
| 157 | </div> | ||
| 158 | <InformationTable :tableData="ruleForm.ywrxx" :viewtype="$route.query.viewtype" :gyfs="ruleForm.gyfs" /> | ||
| 159 | <div class="slxx_title title-block"> | ||
| 160 | 登记原因 | ||
| 161 | <div class="triangle"></div> | ||
| 162 | </div> | ||
| 163 | <el-row :gutter="10"> | ||
| 164 | <el-col> | ||
| 165 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> | ||
| 166 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.djyy"> | ||
| 167 | </el-input> | ||
| 168 | </el-form-item> | ||
| 169 | </el-col> | ||
| 170 | </el-row> | ||
| 171 | </div> | ||
| 172 | <el-row class="btn" v-if="!$route.query.viewtype"> | ||
| 173 | <el-form-item :class="flag ? 'marginBot0' : ''"> | ||
| 174 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 175 | </el-form-item> | ||
| 176 | </el-row> | ||
| 177 | </el-form> | ||
| 178 | </div> | ||
| 179 | </template> | ||
| 180 | <script> | ||
| 181 | import InformationTable from "@/views/workflow/components/InformationTable"; | ||
| 182 | import { Init, fristReg } from "@/api/jsydsyqFlow.js"; | ||
| 183 | import { mapGetters } from "vuex"; | ||
| 184 | export default { | ||
| 185 | async created () { | ||
| 186 | this.propsParam = this.$attrs; | ||
| 187 | var formdata = new FormData(); | ||
| 188 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 189 | Init(formdata).then((res) => { | ||
| 190 | if (res.code === 200 && res.result) { | ||
| 191 | this.ruleForm = { | ||
| 192 | ...res.result, | ||
| 193 | ...res.result.zdjbxxdatas, | ||
| 194 | ...res.result.qlxxdatas, | ||
| 195 | ...res.result.jsydsyqdatas, | ||
| 196 | }; | ||
| 197 | } | ||
| 198 | }); | ||
| 199 | }, | ||
| 200 | components: { InformationTable }, | ||
| 201 | computed: { | ||
| 202 | ...mapGetters(["dictData", "flag"]), | ||
| 203 | }, | ||
| 204 | data () { | ||
| 205 | return { | ||
| 206 | disabled: true, | ||
| 207 | czrOptions: [], | ||
| 208 | ruleForm: { | ||
| 209 | ywh: "", | ||
| 210 | slry: "", | ||
| 211 | slsj: "", | ||
| 212 | qllx: "", | ||
| 213 | djlx: "", | ||
| 214 | djqx: "", | ||
| 215 | zddm: "", | ||
| 216 | bdcdyh: "", | ||
| 217 | qlxzmc: "", | ||
| 218 | qlrxx: [], | ||
| 219 | zdmj: "", | ||
| 220 | zl: "", | ||
| 221 | tdyt: "", | ||
| 222 | qlsdfs: "", | ||
| 223 | qdjg: "", | ||
| 224 | tdsyqx: "", | ||
| 225 | syqqzsj: "", | ||
| 226 | fj: "", | ||
| 227 | djyy: "", | ||
| 228 | gyfs: "1", | ||
| 229 | // 是否分别持证 | ||
| 230 | sffbcz: "", | ||
| 231 | // 持证人 | ||
| 232 | czr: "", | ||
| 233 | }, | ||
| 234 | //传递参数 | ||
| 235 | propsParam: {}, | ||
| 236 | rules: {}, | ||
| 237 | }; | ||
| 238 | }, | ||
| 239 | methods: { | ||
| 240 | list (bsmSldy) { | ||
| 241 | var formdata = new FormData(); | ||
| 242 | formdata.append("bsmSldy", bsmSldy); | ||
| 243 | Init(formdata).then((res) => { | ||
| 244 | if (res.code === 200 && res.result) { | ||
| 245 | this.ruleForm = { | ||
| 246 | ...res.result, | ||
| 247 | ...res.result.zdjbxxdatas, | ||
| 248 | ...res.result.qlxxdatas, | ||
| 249 | ...res.result.jsydsyqdatas, | ||
| 250 | }; | ||
| 251 | } | ||
| 252 | }); | ||
| 253 | }, | ||
| 254 | onSubmit () { | ||
| 255 | fristReg(this.ruleForm).then((res) => { | ||
| 256 | if (res.code === 200 && res.result) { | ||
| 257 | console.log(res); | ||
| 258 | //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } | ||
| 259 | } | ||
| 260 | }); | ||
| 261 | }, | ||
| 262 | }, | ||
| 263 | }; | ||
| 264 | </script> | ||
| 265 | <style scoped lang='scss'> | ||
| 266 | @import "~@/styles/public.scss"; | ||
| 267 | |||
| 268 | /deep/.el-form { | ||
| 269 | display: flex; | ||
| 270 | flex-direction: column; | ||
| 271 | height: calc(100vh - 130px); | ||
| 272 | background-color: aqua; | ||
| 273 | } | ||
| 274 | |||
| 275 | /deep/.el-form-item__label { | ||
| 276 | padding: 0; | ||
| 277 | } | ||
| 278 | |||
| 279 | /deep/.el-radio { | ||
| 280 | margin-right: 10px; | ||
| 281 | } | ||
| 282 | |||
| 283 | /deep/.el-select { | ||
| 284 | width: 100%; | ||
| 285 | } | ||
| 286 | |||
| 287 | /deep/.el-form-item { | ||
| 288 | margin-bottom: 8px; | ||
| 289 | } | ||
| 290 | |||
| 291 | .marginBot0 { | ||
| 292 | margin-bottom: 0 !important; | ||
| 293 | } | ||
| 294 | |||
| 295 | .slxx { | ||
| 296 | box-sizing: border-box; | ||
| 297 | } | ||
| 298 | |||
| 299 | .slxx_con { | ||
| 300 | flex: 1; | ||
| 301 | height: 100%; | ||
| 302 | background-color: #ffffff; | ||
| 303 | overflow-y: auto; | ||
| 304 | padding-right: 3px; | ||
| 305 | overflow-x: hidden; | ||
| 306 | } | ||
| 307 | |||
| 308 | .submit_btn { | ||
| 309 | height: 50px; | ||
| 310 | } | ||
| 311 | |||
| 312 | .slxx_title { | ||
| 313 | border-bottom: 1px solid $borderColor; | ||
| 314 | padding-left: 10px; | ||
| 315 | padding-bottom: 5px; | ||
| 316 | margin-bottom: 10px; | ||
| 317 | margin-top: 5px; | ||
| 318 | font-size: 16px; | ||
| 319 | font-weight: 500; | ||
| 320 | color: #4a4a4a; | ||
| 321 | } | ||
| 322 | |||
| 323 | .btn { | ||
| 324 | text-align: center; | ||
| 325 | padding-top: 10px; | ||
| 326 | height: 36px; | ||
| 327 | background-color: #ffffff; | ||
| 328 | padding: 5px 0; | ||
| 329 | } | ||
| 330 | |||
| 331 | .textArea { | ||
| 332 | /deep/.el-textarea__inner { | ||
| 333 | min-height: 90px !important; | ||
| 334 | } | ||
| 335 | } | ||
| 336 | |||
| 337 | /deep/.el-form-item__label { | ||
| 338 | padding-bottom: 0px; | ||
| 339 | } | ||
| 340 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/views/ywbl/jsydsyq/slxx300.vue
0 → 100644
| 1 | <template> | ||
| 2 | <!-- 受理信息 --> | ||
| 3 | <div class="slxx"> | ||
| 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | ||
| 5 | label-width="120px"> | ||
| 6 | <div class="slxx_con"> | ||
| 7 | <div class="slxx_title title-block"> | ||
| 8 | 受理信息 | ||
| 9 | <div class="triangle"></div> | ||
| 10 | </div> | ||
| 11 | <el-row :gutter="10"> | ||
| 12 | <el-col :span="8"> | ||
| 13 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:" prop="ywh"> | ||
| 14 | <el-input disabled v-model="ruleForm.ywh"></el-input> | ||
| 15 | </el-form-item> | ||
| 16 | </el-col> | ||
| 17 | <el-col :span="8"> | ||
| 18 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:" prop="slry"> | ||
| 19 | <el-input disabled v-model="ruleForm.slry"></el-input> | ||
| 20 | </el-form-item> | ||
| 21 | </el-col> | ||
| 22 | <el-col :span="8"> | ||
| 23 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:" prop="slsj"> | ||
| 24 | <el-input disabled v-model="ruleForm.slsj"></el-input> | ||
| 25 | </el-form-item> | ||
| 26 | </el-col> | ||
| 27 | </el-row> | ||
| 28 | <el-row :gutter="10"> | ||
| 29 | <el-col :span="8"> | ||
| 30 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:" prop="qllx"> | ||
| 31 | <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> | ||
| 32 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 33 | </el-option> | ||
| 34 | </el-select> | ||
| 35 | </el-form-item> | ||
| 36 | </el-col> | ||
| 37 | <el-col :span="8"> | ||
| 38 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:" prop="djlx"> | ||
| 39 | <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> | ||
| 40 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 41 | </el-option> | ||
| 42 | </el-select> | ||
| 43 | </el-form-item> | ||
| 44 | </el-col> | ||
| 45 | <el-col :span="8"> | ||
| 46 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:" prop="djqx"> | ||
| 47 | <el-input disabled v-model="ruleForm.djqxmc"></el-input> | ||
| 48 | </el-form-item> | ||
| 49 | </el-col> | ||
| 50 | </el-row> | ||
| 51 | <div class="slxx_title title-block"> | ||
| 52 | 不动产单元情况 | ||
| 53 | <div class="triangle"></div> | ||
| 54 | </div> | ||
| 55 | <el-row :gutter="10"> | ||
| 56 | <el-col :span="8"> | ||
| 57 | <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码:" prop="zddm"> | ||
| 58 | <el-input disabled v-model="ruleForm.zddm"></el-input> | ||
| 59 | </el-form-item> | ||
| 60 | </el-col> | ||
| 61 | <el-col :span="8"> | ||
| 62 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="bdcdyh"> | ||
| 63 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | ||
| 64 | </el-form-item> | ||
| 65 | </el-col> | ||
| 66 | <el-col :span="8"> | ||
| 67 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质:" prop="qlxzmc"> | ||
| 68 | <el-input disabled v-model="ruleForm.qlxzmc"></el-input> | ||
| 69 | </el-form-item> | ||
| 70 | </el-col> | ||
| 71 | </el-row> | ||
| 72 | <el-row :gutter="10"> | ||
| 73 | <el-col :span="8"> | ||
| 74 | <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地面积:" prop="zdmj"> | ||
| 75 | <el-input disabled v-model="ruleForm.zdmj"></el-input> | ||
| 76 | </el-form-item> | ||
| 77 | </el-col> | ||
| 78 | <el-col :span="8"> | ||
| 79 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地用途:" prop="ghytmc"> | ||
| 80 | <el-input disabled v-model="ruleForm.ghytmc"></el-input> | ||
| 81 | </el-form-item> | ||
| 82 | </el-col> | ||
| 83 | <el-col :span="8"> | ||
| 84 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利设定方式:" prop="qlsdfs"> | ||
| 85 | <el-input disabled v-model="ruleForm.qlsdfsmc"></el-input> | ||
| 86 | </el-form-item> | ||
| 87 | </el-col> | ||
| 88 | </el-row> | ||
| 89 | <el-row :gutter="10"> | ||
| 90 | <el-col :span="8"> | ||
| 91 | <el-form-item :class="flag ? 'marginBot0' : ''" label="取得价格:" prop="qdjg"> | ||
| 92 | <el-input disabled v-model="ruleForm.qdjg"></el-input> | ||
| 93 | </el-form-item> | ||
| 94 | </el-col> | ||
| 95 | |||
| 96 | <el-col :span="16"> | ||
| 97 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:" prop="zl"> | ||
| 98 | <el-input disabled v-model="ruleForm.zl"></el-input> | ||
| 99 | </el-form-item> | ||
| 100 | </el-col> | ||
| 101 | </el-row> | ||
| 102 | <el-row :gutter="10"> | ||
| 103 | <el-col :span="8"> | ||
| 104 | <el-form-item :class="flag ? 'marginBot0' : ''" label="使用期限:" prop="tdsyqx"> | ||
| 105 | <el-input disabled v-model="ruleForm.tdsyqx"></el-input> | ||
| 106 | </el-form-item> | ||
| 107 | </el-col> | ||
| 108 | |||
| 109 | <el-col :span="16"> | ||
| 110 | <el-form-item :class="flag ? 'marginBot0' : ''" label="使用权起止时间:" prop="qssj"> | ||
| 111 | <el-input disabled v-model="ruleForm.syqqzsj"></el-input> | ||
| 112 | </el-form-item> | ||
| 113 | </el-col> | ||
| 114 | </el-row> | ||
| 115 | <el-row :gutter="10"> | ||
| 116 | <el-col> | ||
| 117 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="fj"> | ||
| 118 | <el-input type="textarea" v-model="ruleForm.fj" :disabled="$route.query.viewtype==1"></el-input> | ||
| 119 | </el-form-item> | ||
| 120 | </el-col> | ||
| 121 | </el-row> | ||
| 122 | <div class="slxx_title title-block"> | ||
| 123 | 权利人信息 | ||
| 124 | <div class="triangle"></div> | ||
| 125 | </div> | ||
| 126 | <el-row :gutter="10"> | ||
| 127 | <el-col :span="14"> | ||
| 128 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> | ||
| 129 | <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.gyfs"> | ||
| 130 | <el-radio label="1">单独所有</el-radio> | ||
| 131 | <el-radio label="2">共同共有</el-radio> | ||
| 132 | <el-radio label="3">按份所有</el-radio> | ||
| 133 | </el-radio-group> | ||
| 134 | </el-form-item> | ||
| 135 | </el-col> | ||
| 136 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | ||
| 137 | <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证:"> | ||
| 138 | <el-radio-group v-model="ruleForm.sffbcz"> | ||
| 139 | <el-radio label="1">是</el-radio> | ||
| 140 | <el-radio label="0">否</el-radio> | ||
| 141 | </el-radio-group> | ||
| 142 | </el-form-item> | ||
| 143 | </el-col> | ||
| 144 | <el-col :span="5" v-show="ruleForm.gyfs == '2'"> | ||
| 145 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> | ||
| 146 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
| 147 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
| 148 | </el-option> | ||
| 149 | </el-select> | ||
| 150 | </el-form-item> | ||
| 151 | </el-col> | ||
| 152 | </el-row> | ||
| 153 | <InformationTable :tableData="ruleForm.qlrxx" :viewtype="$route.query.viewtype" :gyfs="ruleForm.gyfs" /> | ||
| 154 | <div class="slxx_title title-block"> | ||
| 155 | 登记原因 | ||
| 156 | <div class="triangle"></div> | ||
| 157 | </div> | ||
| 158 | <el-row :gutter="10"> | ||
| 159 | <el-col> | ||
| 160 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> | ||
| 161 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.djyy"> | ||
| 162 | </el-input> | ||
| 163 | </el-form-item> | ||
| 164 | </el-col> | ||
| 165 | </el-row> | ||
| 166 | </div> | ||
| 167 | <el-row class="btn" v-if="!$route.query.viewtype"> | ||
| 168 | <el-form-item :class="flag ? 'marginBot0' : ''"> | ||
| 169 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 170 | </el-form-item> | ||
| 171 | </el-row> | ||
| 172 | </el-form> | ||
| 173 | </div> | ||
| 174 | </template> | ||
| 175 | <script> | ||
| 176 | import InformationTable from "@/views/workflow/components/InformationTable"; | ||
| 177 | import { Init, fristReg } from "@/api/jsydsyqFlow.js"; | ||
| 178 | import { mapGetters } from "vuex"; | ||
| 179 | export default { | ||
| 180 | async created () { | ||
| 181 | this.propsParam = this.$attrs; | ||
| 182 | var formdata = new FormData(); | ||
| 183 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 184 | Init(formdata).then((res) => { | ||
| 185 | if (res.code === 200 && res.result) { | ||
| 186 | this.ruleForm = { | ||
| 187 | ...res.result, | ||
| 188 | ...res.result.zdjbxxdatas, | ||
| 189 | ...res.result.qlxxdatas, | ||
| 190 | ...res.result.jsydsyqdatas, | ||
| 191 | }; | ||
| 192 | } | ||
| 193 | }); | ||
| 194 | }, | ||
| 195 | components: { InformationTable }, | ||
| 196 | computed: { | ||
| 197 | ...mapGetters(["dictData", "flag"]), | ||
| 198 | }, | ||
| 199 | data () { | ||
| 200 | return { | ||
| 201 | disabled: true, | ||
| 202 | czrOptions: [], | ||
| 203 | ruleForm: { | ||
| 204 | ywh: "", | ||
| 205 | slry: "", | ||
| 206 | slsj: "", | ||
| 207 | qllx: "", | ||
| 208 | djlx: "", | ||
| 209 | djqx: "", | ||
| 210 | zddm: "", | ||
| 211 | bdcdyh: "", | ||
| 212 | qlxzmc: "", | ||
| 213 | qlrxx: [], | ||
| 214 | zdmj: "", | ||
| 215 | zl: "", | ||
| 216 | tdyt: "", | ||
| 217 | qlsdfs: "", | ||
| 218 | qdjg: "", | ||
| 219 | tdsyqx: "", | ||
| 220 | syqqzsj: "", | ||
| 221 | fj: "", | ||
| 222 | djyy: "", | ||
| 223 | gyfs: "1", | ||
| 224 | // 是否分别持证 | ||
| 225 | sffbcz: "", | ||
| 226 | // 持证人 | ||
| 227 | czr: "", | ||
| 228 | }, | ||
| 229 | //传递参数 | ||
| 230 | propsParam: {}, | ||
| 231 | rules: {}, | ||
| 232 | }; | ||
| 233 | }, | ||
| 234 | methods: { | ||
| 235 | list (bsmSldy) { | ||
| 236 | var formdata = new FormData(); | ||
| 237 | formdata.append("bsmSldy", bsmSldy); | ||
| 238 | Init(formdata).then((res) => { | ||
| 239 | if (res.code === 200 && res.result) { | ||
| 240 | this.ruleForm = { | ||
| 241 | ...res.result, | ||
| 242 | ...res.result.zdjbxxdatas, | ||
| 243 | ...res.result.qlxxdatas, | ||
| 244 | ...res.result.jsydsyqdatas, | ||
| 245 | }; | ||
| 246 | } | ||
| 247 | }); | ||
| 248 | }, | ||
| 249 | onSubmit () { | ||
| 250 | fristReg(this.ruleForm).then((res) => { | ||
| 251 | if (res.code === 200 && res.result) { | ||
| 252 | console.log(res); | ||
| 253 | //this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas } | ||
| 254 | } | ||
| 255 | }); | ||
| 256 | }, | ||
| 257 | }, | ||
| 258 | }; | ||
| 259 | </script> | ||
| 260 | <style scoped lang='scss'> | ||
| 261 | @import "~@/styles/public.scss"; | ||
| 262 | |||
| 263 | /deep/.el-form { | ||
| 264 | display: flex; | ||
| 265 | flex-direction: column; | ||
| 266 | height: calc(100vh - 130px); | ||
| 267 | background-color: aqua; | ||
| 268 | } | ||
| 269 | |||
| 270 | /deep/.el-form-item__label { | ||
| 271 | padding: 0; | ||
| 272 | } | ||
| 273 | |||
| 274 | /deep/.el-radio { | ||
| 275 | margin-right: 10px; | ||
| 276 | } | ||
| 277 | |||
| 278 | /deep/.el-select { | ||
| 279 | width: 100%; | ||
| 280 | } | ||
| 281 | |||
| 282 | /deep/.el-form-item { | ||
| 283 | margin-bottom: 8px; | ||
| 284 | } | ||
| 285 | |||
| 286 | .marginBot0 { | ||
| 287 | margin-bottom: 0 !important; | ||
| 288 | } | ||
| 289 | |||
| 290 | .slxx { | ||
| 291 | box-sizing: border-box; | ||
| 292 | } | ||
| 293 | |||
| 294 | .slxx_con { | ||
| 295 | flex: 1; | ||
| 296 | height: 100%; | ||
| 297 | background-color: #ffffff; | ||
| 298 | overflow-y: auto; | ||
| 299 | padding-right: 3px; | ||
| 300 | overflow-x: hidden; | ||
| 301 | } | ||
| 302 | |||
| 303 | .submit_btn { | ||
| 304 | height: 50px; | ||
| 305 | } | ||
| 306 | |||
| 307 | .slxx_title { | ||
| 308 | border-bottom: 1px solid $borderColor; | ||
| 309 | padding-left: 10px; | ||
| 310 | padding-bottom: 5px; | ||
| 311 | margin-bottom: 10px; | ||
| 312 | margin-top: 5px; | ||
| 313 | font-size: 16px; | ||
| 314 | font-weight: 500; | ||
| 315 | color: #4a4a4a; | ||
| 316 | } | ||
| 317 | |||
| 318 | .btn { | ||
| 319 | text-align: center; | ||
| 320 | padding-top: 10px; | ||
| 321 | height: 36px; | ||
| 322 | background-color: #ffffff; | ||
| 323 | padding: 5px 0; | ||
| 324 | } | ||
| 325 | |||
| 326 | .textArea { | ||
| 327 | /deep/.el-textarea__inner { | ||
| 328 | min-height: 90px !important; | ||
| 329 | } | ||
| 330 | } | ||
| 331 | |||
| 332 | /deep/.el-form-item__label { | ||
| 333 | padding-bottom: 0px; | ||
| 334 | } | ||
| 335 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -40,7 +40,7 @@ | ... | @@ -40,7 +40,7 @@ |
| 40 | </div> | 40 | </div> |
| 41 | <!-- 表格 --> | 41 | <!-- 表格 --> |
| 42 | <div class="from-clues-content"> | 42 | <div class="from-clues-content"> |
| 43 | <lb-table :page-size="pageData.size" @sort-change="handleSort" :current-page.sync="pageData.current" | 43 | <lb-table :page-size="pageData.size" border @sort-change="handleSort" :current-page.sync="pageData.current" |
| 44 | :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 44 | :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
| 45 | :column="tableData.columns" :data="tableData.data"> | 45 | :column="tableData.columns" :data="tableData.data"> |
| 46 | </lb-table> | 46 | </lb-table> |
| ... | @@ -50,6 +50,7 @@ | ... | @@ -50,6 +50,7 @@ |
| 50 | <script> | 50 | <script> |
| 51 | import table from "@/utils/mixin/table"; | 51 | import table from "@/utils/mixin/table"; |
| 52 | import { datas, sendThis } from "./lpcxdata"; | 52 | import { datas, sendThis } from "./lpcxdata"; |
| 53 | import { getLpZrz,getLpb } from "@/api/lpb.js" | ||
| 53 | export default { | 54 | export default { |
| 54 | name: "lpcx", | 55 | name: "lpcx", |
| 55 | components: {}, | 56 | components: {}, |
| ... | @@ -66,33 +67,49 @@ export default { | ... | @@ -66,33 +67,49 @@ export default { |
| 66 | zrzh: "", | 67 | zrzh: "", |
| 67 | }, | 68 | }, |
| 68 | pageData: { | 69 | pageData: { |
| 69 | current: 1, | 70 | currentPage: 1, |
| 70 | size: 10, | 71 | pageSize: 10, |
| 71 | total: 2, | 72 | total: 0, |
| 72 | }, | 73 | }, |
| 73 | ywlys: datas.ywlys(), | ||
| 74 | tableData: { | 74 | tableData: { |
| 75 | columns: datas.columns(), | 75 | columns: datas.columns(), |
| 76 | data: [ | 76 | data: [] |
| 77 | { | 77 | } |
| 78 | slsj: "2022-5-12", | ||
| 79 | }, | ||
| 80 | { | ||
| 81 | slsj: "2022-5-13", | ||
| 82 | }, | ||
| 83 | ], | ||
| 84 | }, | ||
| 85 | }; | 78 | }; |
| 86 | }, | 79 | }, |
| 87 | methods: { | 80 | methods: { |
| 81 | //查询 | ||
| 82 | queryClick(){ | ||
| 83 | this.fetchData(); | ||
| 84 | }, | ||
| 85 | |||
| 88 | // 初始化数据 | 86 | // 初始化数据 |
| 89 | fetchData () { | 87 | fetchData () { |
| 88 | getLpZrz({ ...this.queryForm, ...this.pageData }).then(res => { | ||
| 89 | if (res.code === 200) { | ||
| 90 | this.pageData.total = res.result.total; | ||
| 91 | this.tableData.data = res.result.records | ||
| 92 | } | ||
| 93 | }) | ||
| 90 | }, | 94 | }, |
| 95 | |||
| 91 | handleSort (name, sort) { | 96 | handleSort (name, sort) { |
| 92 | console.log(name, sort); | 97 | console.log(name, sort); |
| 93 | }, | 98 | }, |
| 94 | openDialog () { | 99 | |
| 95 | console.log(999999999999999); | 100 | //打开楼盘表 |
| 101 | openlpbDialog (scope) { | ||
| 102 | debugger; | ||
| 103 | var zrzbsm=scope.row.bsm; | ||
| 104 | |||
| 105 | getLpb({zrzbsm:zrzbsm}).then(res => { | ||
| 106 | if(res.code == 200){ | ||
| 107 | var lpbdata = res.result; | ||
| 108 | } | ||
| 109 | }) | ||
| 110 | .catch((error) => { | ||
| 111 | console.log(error); | ||
| 112 | }); | ||
| 96 | }, | 113 | }, |
| 97 | }, | 114 | }, |
| 98 | }; | 115 | }; | ... | ... |
| ... | @@ -40,7 +40,7 @@ class data extends filter { | ... | @@ -40,7 +40,7 @@ class data extends filter { |
| 40 | label: "用途", | 40 | label: "用途", |
| 41 | }, | 41 | }, |
| 42 | { | 42 | { |
| 43 | prop: "mj", | 43 | prop: "zydmj", |
| 44 | label: "面积(㎡)", | 44 | label: "面积(㎡)", |
| 45 | }, | 45 | }, |
| 46 | { | 46 | { |
| ... | @@ -57,21 +57,11 @@ class data extends filter { | ... | @@ -57,21 +57,11 @@ class data extends filter { |
| 57 | align: 'center', | 57 | align: 'center', |
| 58 | fixed: 'right', | 58 | fixed: 'right', |
| 59 | render: (h, scope) => { | 59 | render: (h, scope) => { |
| 60 | return <el-button type="text" icon="el-icon-film" onClick={() => { vm.openDialog(scope) }}>楼盘表</el-button> | 60 | return <el-button type="text" icon="el-icon-film" onClick={() => { vm.openlpbDialog(scope) }}>楼盘表</el-button> |
| 61 | } | 61 | } |
| 62 | } | 62 | } |
| 63 | ] | 63 | ] |
| 64 | } | 64 | } |
| 65 | |||
| 66 | ywlys () { | ||
| 67 | return [ | ||
| 68 | { value: 1, label: "办事大厅" }, | ||
| 69 | { value: 2, label: "微信小程序" }, | ||
| 70 | { value: 3, label: "法院端" }, | ||
| 71 | { value: 4, label: "银行端" }, | ||
| 72 | ] | ||
| 73 | } | ||
| 74 | |||
| 75 | } | 65 | } |
| 76 | let datas = new data() | 66 | let datas = new data() |
| 77 | export { | 67 | export { | ... | ... |
-
Please register or sign in to post a comment