Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
20 changed files
with
620 additions
and
158 deletions
| ... | @@ -36,7 +36,7 @@ export function Init (data) { | ... | @@ -36,7 +36,7 @@ export function Init (data) { |
| 36 | // 初始化内容 | 36 | // 初始化内容 |
| 37 | export function saveData (data) { | 37 | export function saveData (data) { |
| 38 | return request({ | 38 | return request({ |
| 39 | url: SERVER.SERVERAPI + '/rest/ywbl/jsydsyqlr/saveData', | 39 | url: SERVER.SERVERAPI + '/rest/ywbl/nydsyqlr/saveData', |
| 40 | method: 'post', | 40 | method: 'post', |
| 41 | data | 41 | data |
| 42 | }) | 42 | }) | ... | ... |
| ... | @@ -114,3 +114,11 @@ export function getFdcqLSInfo (data) { | ... | @@ -114,3 +114,11 @@ export function getFdcqLSInfo (data) { |
| 114 | data | 114 | data |
| 115 | }) | 115 | }) |
| 116 | } | 116 | } |
| 117 | // 获取土地经营权、农用地使用权 | ||
| 118 | export function getNydsyqList (data) { | ||
| 119 | return request({ | ||
| 120 | url: SERVER.SERVERAPI + '/rest/djbDetail/getNydsyqList', | ||
| 121 | method: 'post', | ||
| 122 | data | ||
| 123 | }) | ||
| 124 | } | ... | ... |
| ... | @@ -118,9 +118,9 @@ export function choiceBdcdy (data) { | ... | @@ -118,9 +118,9 @@ export function choiceBdcdy (data) { |
| 118 | } | 118 | } |
| 119 | 119 | ||
| 120 | // 业务办理-选择农用地信息-根据条件进行列表查询 | 120 | // 业务办理-选择农用地信息-根据条件进行列表查询 |
| 121 | export function selectNydjbxx (data) { | 121 | export function selectNydsyqQlxx (data) { |
| 122 | return request({ | 122 | return request({ |
| 123 | url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectNydjbxx', | 123 | url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectNydsyqQlxx', |
| 124 | method: 'post', | 124 | method: 'post', |
| 125 | data | 125 | data |
| 126 | }) | 126 | }) | ... | ... |
| ... | @@ -36,19 +36,19 @@ | ... | @@ -36,19 +36,19 @@ |
| 36 | import { getDjbfm } from "@/api/registerBook.js"; | 36 | import { getDjbfm } from "@/api/registerBook.js"; |
| 37 | 37 | ||
| 38 | export default { | 38 | export default { |
| 39 | data() { | 39 | data () { |
| 40 | return { | 40 | return { |
| 41 | //传递参数 | 41 | //传递参数 |
| 42 | propsParam: this.$attrs, | 42 | propsParam: this.$attrs, |
| 43 | info: {}, | 43 | info: {}, |
| 44 | }; | 44 | }; |
| 45 | }, | 45 | }, |
| 46 | mounted() { | 46 | mounted () { |
| 47 | this.loadData(); | 47 | this.loadData(); |
| 48 | }, | 48 | }, |
| 49 | methods: { | 49 | methods: { |
| 50 | loadData() { | 50 | loadData () { |
| 51 | getDjbfm({ bdcdyid: this.propsParam.bdcdyid}).then((res) => { | 51 | getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { |
| 52 | if (res.code === 200) { | 52 | if (res.code === 200) { |
| 53 | this.info = res.result; | 53 | this.info = res.result; |
| 54 | } | 54 | } |
| ... | @@ -69,12 +69,14 @@ export default { | ... | @@ -69,12 +69,14 @@ export default { |
| 69 | font-size: 18px; | 69 | font-size: 18px; |
| 70 | font-family: serif; | 70 | font-family: serif; |
| 71 | position: relative; | 71 | position: relative; |
| 72 | |||
| 72 | font { | 73 | font { |
| 73 | border-bottom: 1px solid #000; | 74 | border-bottom: 1px solid #000; |
| 74 | display: inline-block; | 75 | display: inline-block; |
| 75 | padding: 0 15px; | 76 | padding: 0 15px; |
| 76 | line-height: 16px; | 77 | line-height: 16px; |
| 77 | } | 78 | } |
| 79 | |||
| 78 | .title { | 80 | .title { |
| 79 | height: 40%; | 81 | height: 40%; |
| 80 | display: flex; | 82 | display: flex; |
| ... | @@ -83,6 +85,7 @@ export default { | ... | @@ -83,6 +85,7 @@ export default { |
| 83 | justify-content: center; | 85 | justify-content: center; |
| 84 | align-items: center; | 86 | align-items: center; |
| 85 | } | 87 | } |
| 88 | |||
| 86 | .bottom { | 89 | .bottom { |
| 87 | position: absolute; | 90 | position: absolute; |
| 88 | bottom: 0px; | 91 | bottom: 0px; |
| ... | @@ -91,9 +94,11 @@ export default { | ... | @@ -91,9 +94,11 @@ export default { |
| 91 | left: 0; | 94 | left: 0; |
| 92 | height: 100px; | 95 | height: 100px; |
| 93 | line-height: 100px; | 96 | line-height: 100px; |
| 97 | |||
| 94 | p { | 98 | p { |
| 95 | font-size: 28px; | 99 | font-size: 28px; |
| 96 | } | 100 | } |
| 101 | |||
| 97 | font { | 102 | font { |
| 98 | font-size: 24px; | 103 | font-size: 24px; |
| 99 | line-height: 24px; | 104 | line-height: 24px; | ... | ... |
| ... | @@ -9,33 +9,10 @@ | ... | @@ -9,33 +9,10 @@ |
| 9 | </el-checkbox-group> | 9 | </el-checkbox-group> |
| 10 | </div> | 10 | </div> |
| 11 | </div> | 11 | </div> |
| 12 | <div class="xxTableBox"> | 12 | <div class="xxTableBox rollTable"> |
| 13 | <!-- 固定前三个 --> | 13 | <!-- 固定前三个 --> |
| 14 | <table class="xxTable"> | 14 | <table class="xxTable"> |
| 15 | <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex"> | 15 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
| 16 | <td> | ||
| 17 | {{ item.label }} | ||
| 18 | </td> | ||
| 19 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 20 | row.qszt == '2' ? 'lishi' : '', | ||
| 21 | row.qszt == '0' ? 'linshi' : '', | ||
| 22 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 23 | ]"> | ||
| 24 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 25 | 正在办理 | ||
| 26 | </div> | ||
| 27 | <span v-if="item.prop == 'qszt'"> | ||
| 28 | {{ getQsztName(row[item.prop]) }} | ||
| 29 | </span> | ||
| 30 | |||
| 31 | <span v-else> {{ row[item.prop] }}</span> | ||
| 32 | </td> | ||
| 33 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 34 | </tr> | ||
| 35 | </table> | ||
| 36 | |||
| 37 | <table class="xxTable rollTable"> | ||
| 38 | <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex"> | ||
| 39 | <td> | 16 | <td> |
| 40 | {{ item.label }} | 17 | {{ item.label }} |
| 41 | </td> | 18 | </td> | ... | ... |
| ... | @@ -9,10 +9,10 @@ | ... | @@ -9,10 +9,10 @@ |
| 9 | </el-checkbox-group> | 9 | </el-checkbox-group> |
| 10 | </div> | 10 | </div> |
| 11 | </div> | 11 | </div> |
| 12 | <div class="xxTableBox"> | 12 | <div class="xxTableBox rollTable"> |
| 13 | <!-- 固定前三个 --> | 13 | <!-- 固定前三个 --> |
| 14 | <table class="xxTable"> | 14 | <table class="xxTable"> |
| 15 | <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex"> | 15 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
| 16 | <td> | 16 | <td> |
| 17 | {{ item.label }} | 17 | {{ item.label }} |
| 18 | </td> | 18 | </td> |
| ... | @@ -33,30 +33,6 @@ | ... | @@ -33,30 +33,6 @@ |
| 33 | <td v-for="count in emptycolNum" :key="~count"></td> | 33 | <td v-for="count in emptycolNum" :key="~count"></td> |
| 34 | </tr> | 34 | </tr> |
| 35 | </table> | 35 | </table> |
| 36 | |||
| 37 | <table class="xxTable rollTable"> | ||
| 38 | <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex"> | ||
| 39 | <td> | ||
| 40 | {{ item.label }} | ||
| 41 | </td> | ||
| 42 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 43 | row.qszt == '2' ? 'lishi' : '', | ||
| 44 | row.qszt == '0' ? 'linshi' : '', | ||
| 45 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 46 | ]"> | ||
| 47 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 48 | 正在办理 | ||
| 49 | </div> | ||
| 50 | <span v-if="item.prop == 'qszt'"> | ||
| 51 | {{ getQsztName(row[item.prop]) }} | ||
| 52 | </span> | ||
| 53 | |||
| 54 | <span v-else> {{ row[item.prop] }}</span> | ||
| 55 | </td> | ||
| 56 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 57 | </tr> | ||
| 58 | </table> | ||
| 59 | |||
| 60 | </div> | 36 | </div> |
| 61 | </div> | 37 | </div> |
| 62 | </div> | 38 | </div> | ... | ... |
| ... | @@ -9,33 +9,10 @@ | ... | @@ -9,33 +9,10 @@ |
| 9 | </el-checkbox-group> | 9 | </el-checkbox-group> |
| 10 | </div> | 10 | </div> |
| 11 | </div> | 11 | </div> |
| 12 | <div class="xxTableBox"> | 12 | <div class="xxTableBox rollTable"> |
| 13 | <!-- 固定前三个 --> | 13 | <!-- 固定前三个 --> |
| 14 | <table class="xxTable"> | 14 | <table class="xxTable"> |
| 15 | <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex"> | 15 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
| 16 | <td> | ||
| 17 | {{ item.label }} | ||
| 18 | </td> | ||
| 19 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 20 | row.qszt == '2' ? 'lishi' : '', | ||
| 21 | row.qszt == '0' ? 'linshi' : '', | ||
| 22 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 23 | ]"> | ||
| 24 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 25 | 正在办理 | ||
| 26 | </div> | ||
| 27 | <span v-if="item.prop == 'qszt'"> | ||
| 28 | {{ getQsztName(row[item.prop]) }} | ||
| 29 | </span> | ||
| 30 | |||
| 31 | <span v-else> {{ row[item.prop] }}</span> | ||
| 32 | </td> | ||
| 33 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 34 | </tr> | ||
| 35 | </table> | ||
| 36 | |||
| 37 | <table class="xxTable rollTable"> | ||
| 38 | <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex"> | ||
| 39 | <td> | 16 | <td> |
| 40 | {{ item.label }} | 17 | {{ item.label }} |
| 41 | </td> | 18 | </td> | ... | ... |
| ... | @@ -62,12 +62,12 @@ | ... | @@ -62,12 +62,12 @@ |
| 62 | </template> | 62 | </template> |
| 63 | 63 | ||
| 64 | <script> | 64 | <script> |
| 65 | import { getJsydsyqList } from "@/api/registerBook.js"; | 65 | import { getNydsyqList } from "@/api/registerBook.js"; |
| 66 | import { datas } from "./qlxxFormData.js"; | 66 | import { datas } from "./qlxxFormData.js"; |
| 67 | export default { | 67 | export default { |
| 68 | data () { | 68 | data () { |
| 69 | return { | 69 | return { |
| 70 | title: "建设用地使用权、宅基地使用权登记信息", | 70 | title: "农用地使用权登记信息", |
| 71 | qsztList: datas.columns().qsztList, | 71 | qsztList: datas.columns().qsztList, |
| 72 | checkList: datas.columns().checkList, | 72 | checkList: datas.columns().checkList, |
| 73 | //传递参数 | 73 | //传递参数 |
| ... | @@ -77,7 +77,7 @@ export default { | ... | @@ -77,7 +77,7 @@ export default { |
| 77 | //空列值个数 | 77 | //空列值个数 |
| 78 | emptycolNum: datas.columns().emptycolNum, | 78 | emptycolNum: datas.columns().emptycolNum, |
| 79 | //列名称对象 | 79 | //列名称对象 |
| 80 | columns: datas.columns().JSYDSYQ, | 80 | columns: datas.columns().NYDSYQ, |
| 81 | }; | 81 | }; |
| 82 | }, | 82 | }, |
| 83 | created () { | 83 | created () { |
| ... | @@ -85,7 +85,7 @@ export default { | ... | @@ -85,7 +85,7 @@ export default { |
| 85 | }, | 85 | }, |
| 86 | methods: { | 86 | methods: { |
| 87 | loadData () { | 87 | loadData () { |
| 88 | getJsydsyqList({ | 88 | getNydsyqList({ |
| 89 | bdcdyid: this.propsParam.bdcdyid, | 89 | bdcdyid: this.propsParam.bdcdyid, |
| 90 | qllx: this.propsParam.qllx, | 90 | qllx: this.propsParam.qllx, |
| 91 | qszt: this.checkList, | 91 | qszt: this.checkList, | ... | ... |
| ... | @@ -18,7 +18,7 @@ | ... | @@ -18,7 +18,7 @@ |
| 18 | height: 62px; | 18 | height: 62px; |
| 19 | line-height: 62px; | 19 | line-height: 62px; |
| 20 | position: relative; | 20 | position: relative; |
| 21 | margin: 1px 0; | 21 | margin: 0 3px; |
| 22 | 22 | ||
| 23 | .checkbox { | 23 | .checkbox { |
| 24 | position: absolute; | 24 | position: absolute; |
| ... | @@ -29,9 +29,8 @@ | ... | @@ -29,9 +29,8 @@ |
| 29 | } | 29 | } |
| 30 | 30 | ||
| 31 | .xxTableBox { | 31 | .xxTableBox { |
| 32 | overflow-x: scroll; | 32 | overflow: scroll; |
| 33 | width: 100%; | 33 | width: 100%; |
| 34 | padding-bottom: 35px; | ||
| 35 | } | 34 | } |
| 36 | 35 | ||
| 37 | .xxTable>tr:first-child th { | 36 | .xxTable>tr:first-child th { |
| ... | @@ -41,6 +40,11 @@ | ... | @@ -41,6 +40,11 @@ |
| 41 | .xxTable { | 40 | .xxTable { |
| 42 | //border-spacing: 1px; | 41 | //border-spacing: 1px; |
| 43 | width: 100%; | 42 | width: 100%; |
| 43 | // table-layout: fixed; | ||
| 44 | |||
| 45 | tr { | ||
| 46 | box-sizing: border-box; | ||
| 47 | } | ||
| 44 | 48 | ||
| 45 | tr>th { | 49 | tr>th { |
| 46 | border: 1px solid #ccc; | 50 | border: 1px solid #ccc; |
| ... | @@ -50,6 +54,32 @@ | ... | @@ -50,6 +54,32 @@ |
| 50 | height: 40px; | 54 | height: 40px; |
| 51 | } | 55 | } |
| 52 | 56 | ||
| 57 | tr:nth-child(1) { | ||
| 58 | position: sticky; | ||
| 59 | top: 0px; | ||
| 60 | z-index: 3; | ||
| 61 | margin-top: -2px; | ||
| 62 | } | ||
| 63 | |||
| 64 | tr:nth-child(2) { | ||
| 65 | position: sticky; | ||
| 66 | top: 40px; | ||
| 67 | z-index: 3; | ||
| 68 | } | ||
| 69 | |||
| 70 | tr:nth-child(3) { | ||
| 71 | position: sticky; | ||
| 72 | top: 80px; | ||
| 73 | z-index: 3; | ||
| 74 | } | ||
| 75 | |||
| 76 | tr td:first-child { | ||
| 77 | position: sticky; | ||
| 78 | left: 0; | ||
| 79 | z-index: 2; | ||
| 80 | margin-left: -2px; | ||
| 81 | } | ||
| 82 | |||
| 53 | th.linshi, | 83 | th.linshi, |
| 54 | th.xianshi { | 84 | th.xianshi { |
| 55 | background: #464c5b; | 85 | background: #464c5b; |
| ... | @@ -96,8 +126,8 @@ | ... | @@ -96,8 +126,8 @@ |
| 96 | 126 | ||
| 97 | .icon { | 127 | .icon { |
| 98 | position: absolute; | 128 | position: absolute; |
| 99 | top: 13px; | 129 | top: 12px; |
| 100 | right: -4px; | 130 | right: -5px; |
| 101 | transform: rotate(45deg); | 131 | transform: rotate(45deg); |
| 102 | color: #fff; | 132 | color: #fff; |
| 103 | font-size: 12px; | 133 | font-size: 12px; |
| ... | @@ -119,6 +149,8 @@ | ... | @@ -119,6 +149,8 @@ |
| 119 | display: flex; | 149 | display: flex; |
| 120 | align-items: center; | 150 | align-items: center; |
| 121 | justify-content: center; | 151 | justify-content: center; |
| 152 | min-width: 280px; | ||
| 153 | z-index: 1; | ||
| 122 | } | 154 | } |
| 123 | 155 | ||
| 124 | >tr:nth-child(odd) td { | 156 | >tr:nth-child(odd) td { |
| ... | @@ -141,9 +173,9 @@ | ... | @@ -141,9 +173,9 @@ |
| 141 | .rollTable { | 173 | .rollTable { |
| 142 | margin-top: -2px; | 174 | margin-top: -2px; |
| 143 | display: block; | 175 | display: block; |
| 144 | height: calc(100vh - 300px); | 176 | height: calc(100vh - 185px); |
| 145 | overflow-y: scroll; | 177 | overflow-y: scroll; |
| 146 | margin-left: 2px; | 178 | margin-left: 2px; |
| 147 | } | 179 | } |
| 148 | } | 180 | } |
| 149 | } | 181 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -265,6 +265,132 @@ class data extends filter { | ... | @@ -265,6 +265,132 @@ class data extends filter { |
| 265 | label: "附记", | 265 | label: "附记", |
| 266 | }, | 266 | }, |
| 267 | ], | 267 | ], |
| 268 | NYDSYQ: [ | ||
| 269 | { | ||
| 270 | prop: "qszt", | ||
| 271 | label: "权属状态", | ||
| 272 | }, | ||
| 273 | { | ||
| 274 | prop: "qllxmc", | ||
| 275 | label: "权利类型", | ||
| 276 | }, | ||
| 277 | { | ||
| 278 | prop: "djlxmc", | ||
| 279 | label: "登记类型", | ||
| 280 | }, | ||
| 281 | { | ||
| 282 | prop: "ssywh", | ||
| 283 | label: "上手业务号", | ||
| 284 | }, | ||
| 285 | { | ||
| 286 | prop: "dah", | ||
| 287 | label: "档案号", | ||
| 288 | }, | ||
| 289 | { | ||
| 290 | prop: "ywh", | ||
| 291 | label: "业务号", | ||
| 292 | }, | ||
| 293 | { | ||
| 294 | prop: "bdcdyh", | ||
| 295 | label: "不动产单元号", | ||
| 296 | }, | ||
| 297 | { | ||
| 298 | prop: "zl", | ||
| 299 | label: "坐落", | ||
| 300 | }, | ||
| 301 | { | ||
| 302 | prop: "gyqk", | ||
| 303 | label: "共有情况", | ||
| 304 | }, | ||
| 305 | { | ||
| 306 | prop: "qlrlx", | ||
| 307 | label: "权利人类型", | ||
| 308 | }, | ||
| 309 | { | ||
| 310 | prop: "qlrmc", | ||
| 311 | label: "权利人", | ||
| 312 | }, | ||
| 313 | { | ||
| 314 | prop: "qlrzjzl", | ||
| 315 | label: "证件种类", | ||
| 316 | }, | ||
| 317 | { | ||
| 318 | prop: "qlrzjhm", | ||
| 319 | label: "证件号", | ||
| 320 | }, | ||
| 321 | { | ||
| 322 | prop: "mj", | ||
| 323 | label: "使用权面积(m²)", | ||
| 324 | }, | ||
| 325 | { | ||
| 326 | prop: "qlxzmc", | ||
| 327 | label: "权利性质", | ||
| 328 | }, | ||
| 329 | { | ||
| 330 | prop: "ytmc", | ||
| 331 | label: "土地用途", | ||
| 332 | }, | ||
| 333 | { | ||
| 334 | prop: "fbfdm", | ||
| 335 | label: "发包方代码", | ||
| 336 | }, | ||
| 337 | { | ||
| 338 | prop: "fbfmc", | ||
| 339 | label: "发包方名称", | ||
| 340 | }, | ||
| 341 | { | ||
| 342 | prop: "cbqzsj", | ||
| 343 | label: "承包起止时间", | ||
| 344 | }, | ||
| 345 | { | ||
| 346 | prop: "cbqx", | ||
| 347 | label: "承包期限", | ||
| 348 | }, | ||
| 349 | { | ||
| 350 | prop: "tdsyqxzmc", | ||
| 351 | label: "土地所有权性质", | ||
| 352 | }, | ||
| 353 | { | ||
| 354 | prop: "syttlxmc", | ||
| 355 | label: "水域滩涂类型", | ||
| 356 | }, | ||
| 357 | { | ||
| 358 | prop: "yzyfsmc", | ||
| 359 | label: "养殖业方式", | ||
| 360 | }, | ||
| 361 | { | ||
| 362 | prop: "cyzl", | ||
| 363 | label: "草原质量", | ||
| 364 | }, | ||
| 365 | { | ||
| 366 | prop: "syzcl", | ||
| 367 | label: "适宜载畜量", | ||
| 368 | }, | ||
| 369 | { | ||
| 370 | prop: "ydyhflmc", | ||
| 371 | label: "用地用海分类", | ||
| 372 | }, | ||
| 373 | { | ||
| 374 | prop: "djyy", | ||
| 375 | label: "登记原因", | ||
| 376 | }, | ||
| 377 | { | ||
| 378 | prop: "bdcqzh", | ||
| 379 | label: "不动产权证号", | ||
| 380 | }, | ||
| 381 | { | ||
| 382 | prop: "djsj", | ||
| 383 | label: "登记时间", | ||
| 384 | }, | ||
| 385 | { | ||
| 386 | prop: "dbr", | ||
| 387 | label: "登簿人", | ||
| 388 | }, | ||
| 389 | { | ||
| 390 | prop: "fj", | ||
| 391 | label: "附记", | ||
| 392 | }, | ||
| 393 | ], | ||
| 268 | DYAQ: [ | 394 | DYAQ: [ |
| 269 | { | 395 | { |
| 270 | prop: "qszt", | 396 | prop: "qszt", | ... | ... |
| ... | @@ -10,30 +10,8 @@ | ... | @@ -10,30 +10,8 @@ |
| 10 | </div> | 10 | </div> |
| 11 | </div> | 11 | </div> |
| 12 | <div class="xxTableBox"> | 12 | <div class="xxTableBox"> |
| 13 | <table class="xxTable"> | ||
| 14 | <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex"> | ||
| 15 | <td> | ||
| 16 | {{ item.label }} | ||
| 17 | </td> | ||
| 18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 19 | row.qszt == '2' ? 'lishi' : '', | ||
| 20 | row.qszt == '0' ? 'linshi' : '', | ||
| 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 22 | ]"> | ||
| 23 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 24 | 正在办理 | ||
| 25 | </div> | ||
| 26 | <span v-if="item.prop == 'qszt'"> | ||
| 27 | {{ getQsztName(row[item.prop]) }} | ||
| 28 | </span> | ||
| 29 | |||
| 30 | <span v-else> {{ row[item.prop] }}</span> | ||
| 31 | </td> | ||
| 32 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 33 | </tr> | ||
| 34 | </table> | ||
| 35 | <table class="xxTable rollTable"> | 13 | <table class="xxTable rollTable"> |
| 36 | <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex"> | 14 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
| 37 | <td> | 15 | <td> |
| 38 | {{ item.label }} | 16 | {{ item.label }} |
| 39 | </td> | 17 | </td> | ... | ... |
| ... | @@ -10,30 +10,8 @@ | ... | @@ -10,30 +10,8 @@ |
| 10 | </div> | 10 | </div> |
| 11 | </div> | 11 | </div> |
| 12 | <div class="xxTableBox"> | 12 | <div class="xxTableBox"> |
| 13 | <table class="xxTable"> | ||
| 14 | <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex"> | ||
| 15 | <td> | ||
| 16 | {{ item.label }} | ||
| 17 | </td> | ||
| 18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | ||
| 19 | row.qszt == '2' ? 'lishi' : '', | ||
| 20 | row.qszt == '0' ? 'linshi' : '', | ||
| 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 22 | ]"> | ||
| 23 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | ||
| 24 | 正在办理 | ||
| 25 | </div> | ||
| 26 | <span v-if="item.prop == 'qszt'"> | ||
| 27 | {{ getQsztName(row[item.prop]) }} | ||
| 28 | </span> | ||
| 29 | |||
| 30 | <span v-else> {{ row[item.prop] }}</span> | ||
| 31 | </td> | ||
| 32 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 33 | </tr> | ||
| 34 | </table> | ||
| 35 | <table class="xxTable rollTable"> | 13 | <table class="xxTable rollTable"> |
| 36 | <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex"> | 14 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
| 37 | <td> | 15 | <td> |
| 38 | {{ item.label }} | 16 | {{ item.label }} |
| 39 | </td> | 17 | </td> | ... | ... |
| ... | @@ -2,15 +2,15 @@ | ... | @@ -2,15 +2,15 @@ |
| 2 | <div> | 2 | <div> |
| 3 | <lb-table :column="column" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> | 3 | <lb-table :column="column" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> |
| 4 | </lb-table> | 4 | </lb-table> |
| 5 | <addQlr v-model="dialog" :details="details" @updateDetail="updateDetail" /> | 5 | <addJtcy v-model="dialog" :details="details" @updateDetail="updateDetail" /> |
| 6 | </div> | 6 | </div> |
| 7 | </template> | 7 | </template> |
| 8 | <script> | 8 | <script> |
| 9 | import addQlr from './addQlr.vue' | 9 | import addJtcy from './addJtcy.vue' |
| 10 | import { mapGetters } from 'vuex' | 10 | import { mapGetters } from 'vuex' |
| 11 | export default { | 11 | export default { |
| 12 | components: { | 12 | components: { |
| 13 | addQlr | 13 | addJtcy |
| 14 | }, | 14 | }, |
| 15 | computed: { | 15 | computed: { |
| 16 | ...mapGetters(["dictData"]), | 16 | ...mapGetters(["dictData"]), |
| ... | @@ -129,7 +129,7 @@ export default { | ... | @@ -129,7 +129,7 @@ export default { |
| 129 | updateDetail (value) { | 129 | updateDetail (value) { |
| 130 | this.tableDataList[this.dataIndex] = value | 130 | this.tableDataList[this.dataIndex] = value |
| 131 | this.key++ | 131 | this.key++ |
| 132 | this.$emit('upDateQlrxxList', this.tableDataList) | 132 | this.$emit('upDateJtcyList', this.tableDataList) |
| 133 | }, | 133 | }, |
| 134 | 134 | ||
| 135 | // 新增 | 135 | // 新增 | ... | ... |
src/views/workflow/components/addJtcy.vue
0 → 100644
| 1 | <template> | ||
| 2 | <dialogBox title="家庭成员信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" | ||
| 3 | @closeDialog="closeDialog"> | ||
| 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | ||
| 5 | <el-row> | ||
| 6 | <el-col :span="8"> | ||
| 7 | <el-form-item label="姓名/名称" prop="cyxm"> | ||
| 8 | <el-input v-model="ruleForm.cyxm" maxlegth="15"></el-input> | ||
| 9 | </el-form-item> | ||
| 10 | </el-col> | ||
| 11 | <el-col :span="8"> | ||
| 12 | <el-form-item label="家庭关系" prop="jtgxdm"> | ||
| 13 | <el-select clearable v-model="ruleForm.jtgxdm" class="width100" placeholder="请选择"> | ||
| 14 | <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 15 | </el-option> | ||
| 16 | </el-select> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | <el-col :span="8"> | ||
| 20 | <el-form-item label="承包方代码" prop="cbfdm"> | ||
| 21 | <el-input v-model="ruleForm.cbfdm" maxlegth="15"></el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | </el-row> | ||
| 25 | <el-row> | ||
| 26 | <el-col :span="8"> | ||
| 27 | <el-form-item label="身份证号码" prop="zjh"> | ||
| 28 | <el-input v-model="ruleForm.sfzhm" maxlength="15"></el-input> | ||
| 29 | </el-form-item> | ||
| 30 | </el-col> | ||
| 31 | <el-col :span="8"> | ||
| 32 | <el-form-item label="联系电话" prop="dh"> | ||
| 33 | <el-input v-model="ruleForm.dh" maxlength="11"></el-input> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | <el-col :span="8"> | ||
| 37 | <el-form-item label="性别"> | ||
| 38 | <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择"> | ||
| 39 | <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | ||
| 40 | </el-option> | ||
| 41 | </el-select> | ||
| 42 | </el-form-item> | ||
| 43 | </el-col> | ||
| 44 | </el-row> | ||
| 45 | <el-row> | ||
| 46 | <el-col :span="8"> | ||
| 47 | <el-form-item label="发证机关"> | ||
| 48 | <el-input v-model="ruleForm.fzjg"></el-input> | ||
| 49 | </el-form-item> | ||
| 50 | </el-col> | ||
| 51 | <el-col :span="8"> | ||
| 52 | <el-form-item label="所属行业"> | ||
| 53 | <el-input v-model="ruleForm.sshy"></el-input> | ||
| 54 | </el-form-item> | ||
| 55 | </el-col> | ||
| 56 | <el-col :span="8"> | ||
| 57 | <el-form-item label="国家/地区"> | ||
| 58 | <el-input v-model="ruleForm.gj"></el-input> | ||
| 59 | </el-form-item> | ||
| 60 | </el-col> | ||
| 61 | </el-row> | ||
| 62 | |||
| 63 | <el-row> | ||
| 64 | <el-col :span="8"> | ||
| 65 | <el-form-item label="户籍所在省市"> | ||
| 66 | <el-input v-model="ruleForm.hjszss"></el-input> | ||
| 67 | </el-form-item> | ||
| 68 | </el-col> | ||
| 69 | <el-col :span="16"> | ||
| 70 | <el-form-item label="地址"> | ||
| 71 | <el-input v-model="ruleForm.dz"></el-input> | ||
| 72 | </el-form-item> | ||
| 73 | </el-col> | ||
| 74 | </el-row> | ||
| 75 | |||
| 76 | <el-row> | ||
| 77 | <el-col :span="8"> | ||
| 78 | <el-form-item label="邮编"> | ||
| 79 | <el-input v-model="ruleForm.yb"></el-input> | ||
| 80 | </el-form-item> | ||
| 81 | </el-col> | ||
| 82 | <el-col :span="16"> | ||
| 83 | <el-form-item label="工作单位"> | ||
| 84 | <el-input v-model="ruleForm.gzdw"></el-input> | ||
| 85 | </el-form-item> | ||
| 86 | </el-col> | ||
| 87 | </el-row> | ||
| 88 | <el-row> | ||
| 89 | <el-col :span="8"> | ||
| 90 | <el-form-item label="电子邮件"> | ||
| 91 | <el-input v-model="ruleForm.dzyj"></el-input> | ||
| 92 | </el-form-item> | ||
| 93 | </el-col> | ||
| 94 | <el-col :span="8"> | ||
| 95 | <el-form-item label="是否共有人"> | ||
| 96 | <el-input v-model="ruleForm.gzdw"></el-input> | ||
| 97 | </el-form-item> | ||
| 98 | </el-col> | ||
| 99 | </el-row> | ||
| 100 | </el-form> | ||
| 101 | </dialogBox> | ||
| 102 | </template> | ||
| 103 | <script> | ||
| 104 | import { mapGetters } from 'vuex' | ||
| 105 | export default { | ||
| 106 | props: { | ||
| 107 | value: { type: Boolean, default: false }, | ||
| 108 | details: { type: Object, default: {} } | ||
| 109 | }, | ||
| 110 | computed: { | ||
| 111 | ...mapGetters(["dictData"]), | ||
| 112 | }, | ||
| 113 | data () { | ||
| 114 | return { | ||
| 115 | myValue: this.value, | ||
| 116 | ruleForm: { | ||
| 117 | qlrlx: '', | ||
| 118 | sqrmc: '', | ||
| 119 | zjzl: '', | ||
| 120 | zjh: '', | ||
| 121 | dh: '', | ||
| 122 | xb: '', | ||
| 123 | frmc: '', | ||
| 124 | gjdq: '', | ||
| 125 | szss: '', | ||
| 126 | dz: '', | ||
| 127 | yb: '', | ||
| 128 | fzjg: '', | ||
| 129 | dzyj: '', | ||
| 130 | qlbl: '', | ||
| 131 | gzdw: '', | ||
| 132 | dljg: '', | ||
| 133 | dlrxm: '', | ||
| 134 | dlrzjlx: '', | ||
| 135 | dlrzjh: '' | ||
| 136 | }, | ||
| 137 | rules: { | ||
| 138 | qlrlx: [ | ||
| 139 | { required: true, message: '权利人类型', trigger: 'change' } | ||
| 140 | ], | ||
| 141 | sqrmc: [ | ||
| 142 | { required: true, message: '姓名/名称', trigger: 'blur' } | ||
| 143 | ], | ||
| 144 | zjzl: [ | ||
| 145 | { required: true, message: '证件种类', trigger: 'change' } | ||
| 146 | ], | ||
| 147 | zjh: [ | ||
| 148 | { required: true, message: '证件号', trigger: 'blur' } | ||
| 149 | ] | ||
| 150 | } | ||
| 151 | } | ||
| 152 | }, | ||
| 153 | watch: { | ||
| 154 | value (val) { | ||
| 155 | this.myValue = _.cloneDeep(val) | ||
| 156 | }, | ||
| 157 | details: { | ||
| 158 | handler: function (val, oldVal) { | ||
| 159 | this.ruleForm = val | ||
| 160 | }, | ||
| 161 | deep: true | ||
| 162 | } | ||
| 163 | }, | ||
| 164 | methods: { | ||
| 165 | closeDialog () { | ||
| 166 | this.$emit("input", false); | ||
| 167 | this.$refs['ruleForm'].resetFields(); | ||
| 168 | }, | ||
| 169 | submitForm () { | ||
| 170 | this.$emit("input", false); | ||
| 171 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
| 172 | // this.$refs['ruleForm'].validate((valid) => { | ||
| 173 | // if (valid) { | ||
| 174 | // this.$message({ | ||
| 175 | // message: '修改成功!', | ||
| 176 | // type: 'success' | ||
| 177 | // }) | ||
| 178 | |||
| 179 | // } else { | ||
| 180 | // this.$message.error('请完善必填项'); | ||
| 181 | // } | ||
| 182 | // }) | ||
| 183 | } | ||
| 184 | } | ||
| 185 | } | ||
| 186 | </script> | ||
| 187 | <style scoped lang="scss"> | ||
| 188 | .submit-button { | ||
| 189 | text-align: center; | ||
| 190 | height: 52px; | ||
| 191 | padding-top: 10px; | ||
| 192 | background-color: #fff; | ||
| 193 | } | ||
| 194 | </style> |
| ... | @@ -50,6 +50,9 @@ export function getForm(tabName, djywbm) { | ... | @@ -50,6 +50,9 @@ export function getForm(tabName, djywbm) { |
| 50 | case "jsydsyqQlxx": | 50 | case "jsydsyqQlxx": |
| 51 | form = require("@/views/registerBook/jsydsyq.vue"); | 51 | form = require("@/views/registerBook/jsydsyq.vue"); |
| 52 | break; | 52 | break; |
| 53 | case "nydsyqQlxx": | ||
| 54 | form = require("@/views/registerBook/nydsyq.vue"); | ||
| 55 | break; | ||
| 53 | case "fdcq2Qlxx": | 56 | case "fdcq2Qlxx": |
| 54 | form = require("@/views/registerBook/fdcq2.vue"); | 57 | form = require("@/views/registerBook/fdcq2.vue"); |
| 55 | break; | 58 | break; | ... | ... |
| ... | @@ -100,8 +100,8 @@ | ... | @@ -100,8 +100,8 @@ |
| 100 | </el-col> | 100 | </el-col> |
| 101 | <el-col :span="8"> | 101 | <el-col :span="8"> |
| 102 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地所有权性质:"> | 102 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地所有权性质:"> |
| 103 | <el-select v-model="ruleForm.nydsyq.tdsyqxz" class="width100" filterable clearable> | 103 | <el-select v-model="ruleForm.nydsyq.tdsyqxzmc" class="width100" filterable clearable> |
| 104 | <el-option v-for="item in dictData['A45']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 104 | <el-option v-for="item in dictData['A45']" :key="item.dname" :label="item.dname" :value="item.dname"> |
| 105 | </el-option> | 105 | </el-option> |
| 106 | </el-select> | 106 | </el-select> |
| 107 | </el-form-item> | 107 | </el-form-item> |
| ... | @@ -122,7 +122,7 @@ | ... | @@ -122,7 +122,7 @@ |
| 122 | <el-row :gutter="10"> | 122 | <el-row :gutter="10"> |
| 123 | <el-col :span="8"> | 123 | <el-col :span="8"> |
| 124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="水域滩涂类型:"> | 124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="水域滩涂类型:"> |
| 125 | <el-select v-model="ruleForm.nydsyq.syttlx" class="width100" filterable clearable> | 125 | <el-select v-model="ruleForm.nydsyq.syttlx" class="width100" filterable clearable @change="changeSyttlx"> |
| 126 | <el-option v-for="item in dictData['A23']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 126 | <el-option v-for="item in dictData['A23']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 127 | </el-option> | 127 | </el-option> |
| 128 | </el-select> | 128 | </el-select> |
| ... | @@ -130,7 +130,7 @@ | ... | @@ -130,7 +130,7 @@ |
| 130 | </el-col> | 130 | </el-col> |
| 131 | <el-col :span="8"> | 131 | <el-col :span="8"> |
| 132 | <el-form-item :class="flag ? 'marginBot0' : ''" label="养殖业方式:"> | 132 | <el-form-item :class="flag ? 'marginBot0' : ''" label="养殖业方式:"> |
| 133 | <el-select v-model="ruleForm.nydsyq.yzyfs" class="width100" filterable clearable> | 133 | <el-select v-model="ruleForm.nydsyq.yzyfs" class="width100" filterable clearable @change="changeYzyfs"> |
| 134 | <el-option v-for="item in dictData['A24']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 134 | <el-option v-for="item in dictData['A24']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 135 | </el-option> | 135 | </el-option> |
| 136 | </el-select> | 136 | </el-select> |
| ... | @@ -145,12 +145,12 @@ | ... | @@ -145,12 +145,12 @@ |
| 145 | <el-row :gutter="10"> | 145 | <el-row :gutter="10"> |
| 146 | <el-col :span="8"> | 146 | <el-col :span="8"> |
| 147 | <el-form-item :class="flag ? 'marginBot0' : ''" label="适宜载畜量:"> | 147 | <el-form-item :class="flag ? 'marginBot0' : ''" label="适宜载畜量:"> |
| 148 | <el-input v-model="ruleForm.nydsyq.syzxl"></el-input> | 148 | <el-input v-model="ruleForm.nydsyq.syzcl"></el-input> |
| 149 | </el-form-item> | 149 | </el-form-item> |
| 150 | </el-col> | 150 | </el-col> |
| 151 | <el-col :span="8"> | 151 | <el-col :span="8"> |
| 152 | <el-form-item :class="flag ? 'marginBot0' : ''" label="用地用海分类:"> | 152 | <el-form-item :class="flag ? 'marginBot0' : ''" label="用地用海分类:"> |
| 153 | <el-select v-model="ruleForm.nydsyq.yhydfl" class="width100" filterable clearable> | 153 | <el-select v-model="ruleForm.nydsyq.ydyhfl" class="width100" filterable clearable @change="changeYdyhfl"> |
| 154 | <el-option v-for="item in dictData['A51']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 154 | <el-option v-for="item in dictData['A51']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 155 | </el-option> | 155 | </el-option> |
| 156 | </el-select> | 156 | </el-select> |
| ... | @@ -165,7 +165,7 @@ | ... | @@ -165,7 +165,7 @@ |
| 165 | <el-row :gutter="10"> | 165 | <el-row :gutter="10"> |
| 166 | <el-col> | 166 | <el-col> |
| 167 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="fj"> | 167 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="fj"> |
| 168 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype==1"></el-input> | 168 | <el-input type="textarea" v-model="ruleForm.nydsyq.fj" :disabled="$route.query.viewtype==1"></el-input> |
| 169 | </el-form-item> | 169 | </el-form-item> |
| 170 | </el-col> | 170 | </el-col> |
| 171 | </el-row> | 171 | </el-row> |
| ... | @@ -206,7 +206,7 @@ | ... | @@ -206,7 +206,7 @@ |
| 206 | 家庭成员 | 206 | 家庭成员 |
| 207 | <div class="triangle"></div> | 207 | <div class="triangle"></div> |
| 208 | </div> | 208 | </div> |
| 209 | <JtcyTable :tableData="ruleForm.jtcyList" @upDateQlrxxList="upDateQlrxxList" | 209 | <JtcyTable :tableData="ruleForm.jtcyList" @upDateJtcyList="upDateJtcyList" |
| 210 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | 210 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> |
| 211 | <div class="slxx_title title-block"> | 211 | <div class="slxx_title title-block"> |
| 212 | 登记原因 | 212 | 登记原因 |
| ... | @@ -215,7 +215,7 @@ | ... | @@ -215,7 +215,7 @@ |
| 215 | <el-row :gutter="10"> | 215 | <el-row :gutter="10"> |
| 216 | <el-col> | 216 | <el-col> |
| 217 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> | 217 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> |
| 218 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.jsydsyq.djyy"> | 218 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.nydsyq.djyy"> |
| 219 | </el-input> | 219 | </el-input> |
| 220 | </el-form-item> | 220 | </el-form-item> |
| 221 | </el-col> | 221 | </el-col> |
| ... | @@ -267,7 +267,56 @@ export default { | ... | @@ -267,7 +267,56 @@ export default { |
| 267 | } | 267 | } |
| 268 | }, | 268 | }, |
| 269 | methods: { | 269 | methods: { |
| 270 | 270 | onSubmit () { | |
| 271 | saveData(this.ruleForm).then((res) => { | ||
| 272 | if (res.code === 200) { | ||
| 273 | this.$message({ | ||
| 274 | showClose: true, | ||
| 275 | message: "保存成功!", | ||
| 276 | type: "success", | ||
| 277 | }); | ||
| 278 | } else { | ||
| 279 | this.$message({ | ||
| 280 | showClose: true, | ||
| 281 | message: res.message, | ||
| 282 | type: "error", | ||
| 283 | }); | ||
| 284 | } | ||
| 285 | }); | ||
| 286 | }, | ||
| 287 | upDateQlrxxList (val) { | ||
| 288 | this.ruleForm.qlrList = _.cloneDeep(val) | ||
| 289 | // this.$store.dispatch('slxx/setQlrxxNew', { | ||
| 290 | // qlrxx: this.ruleForm.qlrxx, | ||
| 291 | // fj: this.ruleForm.fj, | ||
| 292 | // gyfs: this.ruleForm.gyfs, | ||
| 293 | // djyy: this.ruleForm.djyy | ||
| 294 | // }) | ||
| 295 | }, | ||
| 296 | upDateJtcyList (val) { | ||
| 297 | this.ruleForm.jtcyList = _.cloneDeep(val) | ||
| 298 | }, | ||
| 299 | changeSyttlx(e){ | ||
| 300 | let itemLx = {} | ||
| 301 | itemLx = this.dictData['A23'].find((item) => { | ||
| 302 | return item.dcode == e | ||
| 303 | }) | ||
| 304 | this.ruleForm.nydsyq.syttlxmc = itemLx.dname; | ||
| 305 | }, | ||
| 306 | changeYzyfs(e){ | ||
| 307 | let itemLx = {} | ||
| 308 | itemLx = this.dictData['A24'].find((item) => { | ||
| 309 | return item.dcode == e | ||
| 310 | }) | ||
| 311 | this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; | ||
| 312 | }, | ||
| 313 | changeYdyhfl(e){ | ||
| 314 | let itemLx = {} | ||
| 315 | itemLx = this.dictData['A51'].find((item) => { | ||
| 316 | return item.dcode == e | ||
| 317 | }) | ||
| 318 | this.ruleForm.nydsyq.ydyhflmc = itemLx.dname; | ||
| 319 | } | ||
| 271 | }, | 320 | }, |
| 272 | }; | 321 | }; |
| 273 | </script> | 322 | </script> | ... | ... |
| ... | @@ -45,7 +45,7 @@ import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ... | @@ -45,7 +45,7 @@ import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
| 45 | import table from "@/utils/mixin/table"; | 45 | import table from "@/utils/mixin/table"; |
| 46 | import jump from "../components/mixin/jump"; | 46 | import jump from "../components/mixin/jump"; |
| 47 | import { startBusinessFlow } from "@/api/ywbl.js"; | 47 | import { startBusinessFlow } from "@/api/ywbl.js"; |
| 48 | import { selectNydjbxx } from "@/api/selectQlxx.js"; | 48 | import { selectZdjbxx } from "@/api/selectQlxx.js"; |
| 49 | export default { | 49 | export default { |
| 50 | mixins: [table, jump], | 50 | mixins: [table, jump], |
| 51 | props: { | 51 | props: { |
| ... | @@ -84,7 +84,7 @@ export default { | ... | @@ -84,7 +84,7 @@ export default { |
| 84 | }, | 84 | }, |
| 85 | fetchData () { | 85 | fetchData () { |
| 86 | this.queryForm.sqywbm = this.djywbm; | 86 | this.queryForm.sqywbm = this.djywbm; |
| 87 | selectNydjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { | 87 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 88 | if (res.code === 200) { | 88 | if (res.code === 200) { |
| 89 | let { total, records } = res.result; | 89 | let { total, records } = res.result; |
| 90 | this.tableData.total = total; | 90 | this.tableData.total = total; | ... | ... |
src/views/ywbl/ywsq/components/nydsyq200.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="from-clues"> | ||
| 3 | <!-- 表单部分 --> | ||
| 4 | <div class="from-clues-header"> | ||
| 5 | <el-form :model="queryForm" ref="queryForm" label-width="120px"> | ||
| 6 | <el-row> | ||
| 7 | <el-col :span="8"> | ||
| 8 | <el-form-item label="不动产单元号"> | ||
| 9 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width300px"> | ||
| 10 | </el-input> | ||
| 11 | </el-form-item> | ||
| 12 | </el-col> | ||
| 13 | <el-col :span="8"> | ||
| 14 | <el-form-item label="不动产权证号"> | ||
| 15 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width300px"> | ||
| 16 | </el-input> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | <el-col :span="8"> | ||
| 20 | <el-form-item label="权利人"> | ||
| 21 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.zl" clearable class="width300px"> | ||
| 22 | </el-input> | ||
| 23 | </el-form-item> | ||
| 24 | </el-col> | ||
| 25 | </el-row> | ||
| 26 | <el-row> | ||
| 27 | <el-col :span="8"> | ||
| 28 | <el-form-item label="坐落"> | ||
| 29 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.zl" clearable class="width300px"> | ||
| 30 | </el-input> | ||
| 31 | </el-form-item> | ||
| 32 | </el-col> | ||
| 33 | <el-col :span="2" class="btnColRight"> | ||
| 34 | <el-form-item> | ||
| 35 | <el-button type="primary" @click="fetchData">查询</el-button> | ||
| 36 | </el-form-item> | ||
| 37 | </el-col> | ||
| 38 | </el-row> | ||
| 39 | </el-form> | ||
| 40 | </div> | ||
| 41 | <!-- 表格 --> | ||
| 42 | <div class="from-clues-content"> | ||
| 43 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" | ||
| 44 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" | ||
| 45 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | ||
| 46 | :data="tableData.data"> | ||
| 47 | </lb-table> | ||
| 48 | </div> | ||
| 49 | <div class="submit_button"> | ||
| 50 | <el-button @click="closeDialog">取消</el-button> | ||
| 51 | <el-button type="primary" plain @click="submitForm">发起申请</el-button> | ||
| 52 | </div> | ||
| 53 | </div> | ||
| 54 | </template> | ||
| 55 | <script> | ||
| 56 | //首次登记 | ||
| 57 | import { datas, sendThis } from "../javascript/jsydsyq200.js"; | ||
| 58 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
| 59 | import table from "@/utils/mixin/table"; | ||
| 60 | import jump from "../components/mixin/jump"; | ||
| 61 | import { startBusinessFlow } from "@/api/ywbl.js"; | ||
| 62 | import { selectNydsyqQlxx } from "@/api/selectQlxx.js"; | ||
| 63 | export default { | ||
| 64 | mixins: [table, jump], | ||
| 65 | props: { | ||
| 66 | isJump: { type: Boolean, default: false }, | ||
| 67 | djywbm: { type: String, default: '' }, | ||
| 68 | djqxObj: { | ||
| 69 | type: Object, | ||
| 70 | default: {} | ||
| 71 | }, | ||
| 72 | bsmSqyw: { type: String, default: '' }, | ||
| 73 | }, | ||
| 74 | data () { | ||
| 75 | return { | ||
| 76 | queryForm: defaultParameters.defaultParameters(), | ||
| 77 | qllxs: [], | ||
| 78 | tableData: { | ||
| 79 | total: 0, | ||
| 80 | columns: datas.columns(), | ||
| 81 | data: [], | ||
| 82 | }, | ||
| 83 | bdcdysz: [] | ||
| 84 | }; | ||
| 85 | }, | ||
| 86 | mounted () { | ||
| 87 | sendThis(this); | ||
| 88 | }, | ||
| 89 | methods: { | ||
| 90 | //点击行选中或取消复选框 | ||
| 91 | handleRowClick (row, column, event) { | ||
| 92 | //通过ref绑定后这里使用$refs.table来操作bom元素 | ||
| 93 | this.$refs.table.toggleRowSelection(row); | ||
| 94 | }, | ||
| 95 | closeDialog () { | ||
| 96 | this.$emit("closeDialog"); | ||
| 97 | }, | ||
| 98 | fetchData () { | ||
| 99 | this.queryForm.sqywbm = this.djywbm; | ||
| 100 | selectNydsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
| 101 | if (res.code === 200) { | ||
| 102 | let { total, records } = res.result; | ||
| 103 | this.tableData.total = total; | ||
| 104 | this.tableData.data = records; | ||
| 105 | } | ||
| 106 | }) | ||
| 107 | }, | ||
| 108 | submitForm () { | ||
| 109 | if (this.bdcdysz.length == 0) { | ||
| 110 | this.$message.error("请至少选择一条数据"); | ||
| 111 | return; | ||
| 112 | } | ||
| 113 | startBusinessFlow({ | ||
| 114 | bsmSqyw: this.bsmSqyw, | ||
| 115 | bdcdysz: this.bdcdysz, | ||
| 116 | djqxbm: this.djqxObj?.djqxbm, | ||
| 117 | djqxmc: this.djqxObj?.djqxmc | ||
| 118 | }).then((res) => { | ||
| 119 | if (res.code == 200) { | ||
| 120 | this.$message({ | ||
| 121 | showClose: true, | ||
| 122 | message: '发起申请成功', | ||
| 123 | type: 'success' | ||
| 124 | }) | ||
| 125 | if (!this.isJump) { | ||
| 126 | this.jump(res.result, this.djywbm) | ||
| 127 | } else { | ||
| 128 | this.$emit('updateDialog', true) | ||
| 129 | } | ||
| 130 | } else { | ||
| 131 | this.$message.error(res.message); | ||
| 132 | } | ||
| 133 | }) | ||
| 134 | }, | ||
| 135 | handleSelectionChange (val) { | ||
| 136 | val.forEach((item, index) => { | ||
| 137 | item.bsmSsql = item.bsmQlxx | ||
| 138 | item.ybdcqzsh = item.bdcqzh | ||
| 139 | }) | ||
| 140 | this.bdcdysz = val; | ||
| 141 | }, | ||
| 142 | openBook (row) { | ||
| 143 | var param = { bdcdyid: row.bdcdyid, qllx: row.qllx, bdcdyh: row.bdcdyh, bsmQlxx: row.bsmQlxx }; | ||
| 144 | this.$popup('登记簿详情', 'registerBook/djbFrame', { | ||
| 145 | formData: param | ||
| 146 | }) | ||
| 147 | } | ||
| 148 | } | ||
| 149 | } | ||
| 150 | </script> | ||
| 151 | <style scoped lang="scss"> | ||
| 152 | @import "~@/styles/mixin.scss"; | ||
| 153 | @import "~@/styles/public.scss"; | ||
| 154 | </style> |
| ... | @@ -16,7 +16,12 @@ export function queueDjywmc (djywbm) { | ... | @@ -16,7 +16,12 @@ export function queueDjywmc (djywbm) { |
| 16 | break; | 16 | break; |
| 17 | case "A23100"://农用地使用权(首次登记) | 17 | case "A23100"://农用地使用权(首次登记) |
| 18 | vm = "nydsyq100"; | 18 | vm = "nydsyq100"; |
| 19 | break; | 19 | break; |
| 20 | case "A23200": | ||
| 21 | case "A23300": | ||
| 22 | case "A23400": | ||
| 23 | vm = "nydsyq200"; | ||
| 24 | break; | ||
| 20 | case "A05200": | 25 | case "A05200": |
| 21 | case "A05300": | 26 | case "A05300": |
| 22 | case "A05400": | 27 | case "A05400": | ... | ... |
-
Please register or sign in to post a comment