style:地役权
Showing
3 changed files
with
53 additions
and
14 deletions
| ... | @@ -28,7 +28,7 @@ export default { | ... | @@ -28,7 +28,7 @@ export default { |
| 28 | 28 | ||
| 29 | </script> | 29 | </script> |
| 30 | 30 | ||
| 31 | <style> | 31 | <style scoped lang="scss"> |
| 32 | /* jsoneditor右上角默认有一个链接,加css去掉了 */ | 32 | /* jsoneditor右上角默认有一个链接,加css去掉了 */ |
| 33 | .el-textarea__inner { | 33 | .el-textarea__inner { |
| 34 | min-height: 73vh !important; | 34 | min-height: 73vh !important; | ... | ... |
| ... | @@ -11,6 +11,11 @@ class data extends filter { | ... | @@ -11,6 +11,11 @@ class data extends filter { |
| 11 | width: 150 | 11 | width: 150 |
| 12 | }, | 12 | }, |
| 13 | { | 13 | { |
| 14 | label: "业务号", | ||
| 15 | prop: "YWH", | ||
| 16 | width: 150 | ||
| 17 | }, | ||
| 18 | { | ||
| 14 | label: "供役地不动产单元号", | 19 | label: "供役地不动产单元号", |
| 15 | prop: "GYDBDCDYH" | 20 | prop: "GYDBDCDYH" |
| 16 | }, | 21 | }, | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="dyiq from-clues"> | 2 | <div class="dyiq from-clues"> |
| 3 | <div class="from-clues-header"> | 3 | <div class="from-clues-header"> |
| 4 | <el-form ref="form" :model="form" label-width="90px"> | 4 | <el-form ref="form" :model="form" label-width="140px"> |
| 5 | <el-row> | 5 | <el-row> |
| 6 | <el-col :span="6"> | 6 | <el-col :span="5"> |
| 7 | <el-form-item label="行政区"> | 7 | <el-form-item label="行政区" label-width="80px"> |
| 8 | <el-input v-model="form.xzq" placeholder="行政区"></el-input> | 8 | <el-input v-model="form.xzq" placeholder="行政区"></el-input> |
| 9 | </el-form-item> | 9 | </el-form-item> |
| 10 | </el-col> | 10 | </el-col> |
| 11 | 11 | ||
| 12 | <el-col :span="6"> | 12 | <el-col :span="5"> |
| 13 | <el-form-item label="权属状态"> | 13 | <el-form-item label="权属状态"> |
| 14 | <el-select v-model="form.qszt" class="width100" clearable placeholder="请选择权属状态"> | 14 | <el-select v-model="form.qszt" class="width100" clearable placeholder="请选择权属状态"> |
| 15 | <el-option v-for="item in qsztOptions" :key="item.value" :label="item.label" :value="item.value"> | 15 | <el-option v-for="item in qsztOptions" :key="item.value" :label="item.label" :value="item.value"> |
| ... | @@ -18,29 +18,52 @@ | ... | @@ -18,29 +18,52 @@ |
| 18 | </el-form-item> | 18 | </el-form-item> |
| 19 | </el-col> | 19 | </el-col> |
| 20 | 20 | ||
| 21 | <el-col :span="6"> | 21 | <el-col :span="5"> |
| 22 | <el-form-item label="坐落"> | 22 | <el-form-item label="坐落"> |
| 23 | <el-input v-model="form.zl" placeholder="坐落"></el-input> | 23 | <el-input v-model="form.zl" placeholder="坐落"></el-input> |
| 24 | </el-form-item> | 24 | </el-form-item> |
| 25 | </el-col> | 25 | </el-col> |
| 26 | <el-col :span="6"> | 26 | <el-col :span="5"> |
| 27 | <el-form-item label="不动产权证号" label-width="120px"> | 27 | <el-form-item label="不动产权证号"> |
| 28 | <el-input v-model="form.bdcqzh" placeholder="不动产权证号"></el-input> | 28 | <el-input v-model="form.bdcqzh" placeholder="不动产权证号"></el-input> |
| 29 | </el-form-item> | 29 | </el-form-item> |
| 30 | </el-col> | 30 | </el-col> |
| 31 | 31 | ||
| 32 | </el-row> | 32 | </el-row> |
| 33 | <el-row> | 33 | <el-row class="mt-10"> |
| 34 | <el-col :span="6"> | 34 | <el-col :span="5"> |
| 35 | <el-form-item label="权利人"> | 35 | <el-form-item label="权利人" label-width="80px"> |
| 36 | <el-input v-model="form.xzq" placeholder="权利人"></el-input> | 36 | <el-input v-model="form.qlr" placeholder="权利人"></el-input> |
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | <el-col :span="5"> | ||
| 40 | <el-form-item label="不动产单元号"> | ||
| 41 | <el-input v-model="form.bdcdyh" placeholder="不动产单元号"></el-input> | ||
| 42 | </el-form-item> | ||
| 43 | </el-col> | ||
| 44 | |||
| 45 | <el-col :span="5"> | ||
| 46 | <el-form-item label="供役地不动产单元号"> | ||
| 47 | <el-select v-model="form.xxx" class="width100" clearable placeholder="供役地不动产单元号"> | ||
| 48 | <el-option v-for="item in xxxOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
| 49 | </el-option> | ||
| 50 | </el-select> | ||
| 37 | </el-form-item> | 51 | </el-form-item> |
| 38 | </el-col> | 52 | </el-col> |
| 39 | <el-col :span="4" class="from-clues-search-button"> | 53 | |
| 54 | <el-col :span="5"> | ||
| 55 | <el-form-item label="需役地不动产单元号"> | ||
| 56 | <el-select v-model="form.xxx1" class="width100" clearable placeholder="需役地不动产单元号"> | ||
| 57 | <el-option v-for="item in xxx1Options" :key="item.value" :label="item.label" :value="item.value"> | ||
| 58 | </el-option> | ||
| 59 | </el-select> | ||
| 60 | </el-form-item> | ||
| 61 | </el-col> | ||
| 62 | |||
| 63 | <el-col :span="4" class="btnColRight"> | ||
| 40 | <el-button type="primary" @click="handleSubmit">查询</el-button> | 64 | <el-button type="primary" @click="handleSubmit">查询</el-button> |
| 41 | </el-col> | 65 | </el-col> |
| 42 | </el-row> | 66 | </el-row> |
| 43 | |||
| 44 | </el-form> | 67 | </el-form> |
| 45 | </div> | 68 | </div> |
| 46 | <div class="from-clues-content"> | 69 | <div class="from-clues-content"> |
| ... | @@ -79,9 +102,20 @@ export default { | ... | @@ -79,9 +102,20 @@ export default { |
| 79 | qszt: '', | 102 | qszt: '', |
| 80 | zl: '', | 103 | zl: '', |
| 81 | bdcqzh: '', | 104 | bdcqzh: '', |
| 105 | qlr: '', | ||
| 106 | bdcdyh: '', | ||
| 107 | // 供役地不动产单元号 | ||
| 108 | xxx: '', | ||
| 109 | // 需役地不动产单元号 | ||
| 110 | xxx1: '', | ||
| 82 | currentPage: 1 | 111 | currentPage: 1 |
| 83 | }, | 112 | }, |
| 113 | // 权属状态 | ||
| 84 | qsztOptions: [], | 114 | qsztOptions: [], |
| 115 | // 供役地不动产单元号 | ||
| 116 | xxxOptions: [], | ||
| 117 | // 需役地不动产单元号 | ||
| 118 | xxx1Options: [], | ||
| 85 | tableData: { | 119 | tableData: { |
| 86 | columns: [{ | 120 | columns: [{ |
| 87 | label: '序号', | 121 | label: '序号', | ... | ... |
-
Please register or sign in to post a comment