Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
21 changed files
with
946 additions
and
128 deletions
| ... | @@ -23,6 +23,7 @@ | ... | @@ -23,6 +23,7 @@ |
| 23 | "node-sass": "^4.14.1", | 23 | "node-sass": "^4.14.1", |
| 24 | "normalize.css": "7.0.0", | 24 | "normalize.css": "7.0.0", |
| 25 | "nprogress": "0.2.0", | 25 | "nprogress": "0.2.0", |
| 26 | "qrcode": "^1.5.3", | ||
| 26 | "vue": "2.6.10", | 27 | "vue": "2.6.10", |
| 27 | "vue-json-editor": "^1.4.3", | 28 | "vue-json-editor": "^1.4.3", |
| 28 | "vue-quill-editor": "^3.0.6", | 29 | "vue-quill-editor": "^3.0.6", | ... | ... |
| ... | @@ -2,4 +2,4 @@ | ... | @@ -2,4 +2,4 @@ |
| 2 | "TITLE": "不动产登记系统", | 2 | "TITLE": "不动产登记系统", |
| 3 | "SERVERAPI": "/bdcdj", | 3 | "SERVERAPI": "/bdcdj", |
| 4 | "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0" | 4 | "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0" |
| 5 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 5 | } | ... | ... |
| ... | @@ -8,28 +8,36 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap | ... | @@ -8,28 +8,36 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap |
| 8 | 8 | ||
| 9 | // 初始化内容 | 9 | // 初始化内容 |
| 10 | export function Init (data) { | 10 | export function Init (data) { |
| 11 | return request({ | ||
| 12 | url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/init", | ||
| 13 | method: 'post', | ||
| 14 | data | ||
| 15 | }) | ||
| 16 | } | ||
| 17 | // 批量初始化内容 | ||
| 18 | export function bacthInit (data) { | ||
| 11 | let apiUrl = ""; | 19 | let apiUrl = ""; |
| 12 | switch (data.get("djlx")) { | 20 | switch (data.get("djlx")) { |
| 13 | case "100": | 21 | case "100": |
| 14 | apiUrl = "/rest/ywbl/zjgcdy/fristInit"; | 22 | apiUrl = "/rest/ywbl/zjgcdy/fristBatchInit"; |
| 15 | break; | 23 | break; |
| 16 | case "200": | 24 | case "200": |
| 17 | apiUrl = "/rest/ywbl/zjgcdy/transferInit"; | 25 | apiUrl = "/rest/ywbl/zjgcdy/transferBatchInit"; |
| 18 | break; | 26 | break; |
| 19 | case "300": | 27 | case "300": |
| 20 | apiUrl = "/rest/ywbl/zjgcdy/changeInit"; | 28 | apiUrl = "/rest/ywbl/zjgcdy/changeBatchInit"; |
| 21 | break; | 29 | break; |
| 22 | case "400": | 30 | case "400": |
| 23 | apiUrl = "/rest/ywbl/zjgcdy/logoutInit"; | 31 | apiUrl = "/rest/ywbl/zjgcdy/logoutBatchInit"; |
| 24 | break; | 32 | break; |
| 25 | case "500": | 33 | case "500": |
| 26 | apiUrl = "/rest/ywbl/zjgcdy/riviseInit"; | 34 | apiUrl = "/rest/ywbl/zjgcdy/riviseBatchInit"; |
| 27 | break; | 35 | break; |
| 28 | case "901": | 36 | case "901": |
| 29 | apiUrl = "/rest/ywbl/zjgcdy/renewalInit"; | 37 | apiUrl = "/rest/ywbl/zjgcdy/renewaBatchlInit"; |
| 30 | break; | 38 | break; |
| 31 | case "902": | 39 | case "902": |
| 32 | apiUrl = "/rest/ywbl/zjgcdy/replaceInit"; | 40 | apiUrl = "/rest/ywbl/zjgcdy/replaceBatchInit"; |
| 33 | break; | 41 | break; |
| 34 | } | 42 | } |
| 35 | return request({ | 43 | return request({ |
| ... | @@ -51,6 +59,15 @@ export function saveData (data, djlx) { | ... | @@ -51,6 +59,15 @@ export function saveData (data, djlx) { |
| 51 | }) | 59 | }) |
| 52 | } | 60 | } |
| 53 | 61 | ||
| 62 | // 受理信息保存 | ||
| 63 | export function saveBatchData (data, djlx) { | ||
| 64 | return request({ | ||
| 65 | url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/saveBatchData", | ||
| 66 | method: 'post', | ||
| 67 | data | ||
| 68 | }) | ||
| 69 | } | ||
| 70 | |||
| 54 | // 流程图 | 71 | // 流程图 |
| 55 | export function getWorkFlowImage (bsmSlsq, bestepid) { | 72 | export function getWorkFlowImage (bsmSlsq, bestepid) { |
| 56 | return request({ | 73 | return request({ | ... | ... |
| ... | @@ -340,6 +340,18 @@ export function selectH (data) { | ... | @@ -340,6 +340,18 @@ export function selectH (data) { |
| 340 | }) | 340 | }) |
| 341 | } | 341 | } |
| 342 | 342 | ||
| 343 | /** | ||
| 344 | * @description: 业务办理-选择单元-查询土地所有权信息 | ||
| 345 | * @param {*} data | ||
| 346 | * @author: renchao | ||
| 347 | */ | ||
| 348 | export function selectTdsyqQlxx (data) { | ||
| 349 | return request({ | ||
| 350 | url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectTdsyqQlxx', | ||
| 351 | method: 'post', | ||
| 352 | data | ||
| 353 | }) | ||
| 354 | } | ||
| 343 | 355 | ||
| 344 | /** | 356 | /** |
| 345 | * @description: 业务办理-选择单元-查询建设用地、宅基地信息 | 357 | * @description: 业务办理-选择单元-查询建设用地、宅基地信息 | ... | ... |
src/components/selectTable/index.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Descripttion: 表格选择器组件 | ||
| 3 | * @version: 1.3 | ||
| 4 | * @Author: sakuya | ||
| 5 | * @Date: 2021年6月10日10:04:07 | ||
| 6 | * @LastEditors: Please set LastEditors | ||
| 7 | * @LastEditTime: 2023-06-29 11:14:11 | ||
| 8 | --> | ||
| 9 | |||
| 10 | <template> | ||
| 11 | <el-select ref="select" v-model="defaultValue" :size="size" :clearable="clearable" :multiple="multiple" :collapse-tags="collapseTags" | ||
| 12 | :collapse-tags-tooltip="collapseTagsTooltip" :filterable="filterable" :placeholder="placeholder" :disabled="disabled" :filter-method="filterMethod" | ||
| 13 | @remove-tag="removeTag" @visible-change="visibleChange" @clear="clear"> | ||
| 14 | <template #empty> | ||
| 15 | <div class="sc-table-select__table" :style="{width: tableWidth+'px'}" v-loading="loading"> | ||
| 16 | <div class="sc-table-select__header"> | ||
| 17 | <slot name="header" :form="formData" :submit="formSubmit"></slot> | ||
| 18 | </div> | ||
| 19 | <el-table ref="table" :data="tableData" :height="245" :highlight-current-row="!multiple" @row-click="click" @select="select" @select-all="selectAll"> | ||
| 20 | <el-table-column v-if="multiple" type="selection" width="45"></el-table-column> | ||
| 21 | <el-table-column v-else type="index" width="45"> | ||
| 22 | <template #default="scope"><span>{{scope.$index+(currentPage - 1) * pageSize + 1}}</span></template> | ||
| 23 | </el-table-column> | ||
| 24 | <slot></slot> | ||
| 25 | </el-table> | ||
| 26 | <div class="sc-table-select__page"> | ||
| 27 | <el-pagination small background layout="prev, pager, next" :total="total" :page-size="pageSize" v-model:currentPage="currentPage" | ||
| 28 | @current-change="reload"></el-pagination> | ||
| 29 | </div> | ||
| 30 | </div> | ||
| 31 | </template> | ||
| 32 | </el-select> | ||
| 33 | </template> | ||
| 34 | |||
| 35 | <script> | ||
| 36 | import config from "./tableSelect"; | ||
| 37 | |||
| 38 | export default { | ||
| 39 | props: { | ||
| 40 | modelValue: null, | ||
| 41 | apiObj: { type: Object, default: () => { } }, | ||
| 42 | placeholder: { type: String, default: "请选择" }, | ||
| 43 | size: { type: String, default: "small" }, | ||
| 44 | clearable: { type: Boolean, default: false }, | ||
| 45 | multiple: { type: Boolean, default: false }, | ||
| 46 | filterable: { type: Boolean, default: false }, | ||
| 47 | collapseTags: { type: Boolean, default: false }, | ||
| 48 | collapseTagsTooltip: { type: Boolean, default: false }, | ||
| 49 | disabled: { type: Boolean, default: false }, | ||
| 50 | tableWidth: { type: Number, default: 400 }, | ||
| 51 | mode: { type: String, default: "popover" }, | ||
| 52 | props: { type: Object, default: () => { } } | ||
| 53 | }, | ||
| 54 | data () { | ||
| 55 | return { | ||
| 56 | loading: false, | ||
| 57 | keyword: null, | ||
| 58 | defaultValue: [], | ||
| 59 | tableData: [], | ||
| 60 | pageSize: config.pageSize, | ||
| 61 | total: 0, | ||
| 62 | currentPage: 1, | ||
| 63 | defaultProps: { | ||
| 64 | label: config.props.label, | ||
| 65 | value: config.props.value, | ||
| 66 | page: config.request.page, | ||
| 67 | pageSize: config.request.pageSize, | ||
| 68 | keyword: config.request.keyword | ||
| 69 | }, | ||
| 70 | formData: {} | ||
| 71 | } | ||
| 72 | }, | ||
| 73 | computed: { | ||
| 74 | |||
| 75 | }, | ||
| 76 | watch: { | ||
| 77 | modelValue: { | ||
| 78 | handler () { | ||
| 79 | this.defaultValue = this.modelValue | ||
| 80 | this.autoCurrentLabel() | ||
| 81 | }, | ||
| 82 | deep: true | ||
| 83 | } | ||
| 84 | }, | ||
| 85 | mounted () { | ||
| 86 | this.defaultProps = Object.assign(this.defaultProps, this.props); | ||
| 87 | this.defaultValue = this.modelValue | ||
| 88 | this.autoCurrentLabel() | ||
| 89 | }, | ||
| 90 | methods: { | ||
| 91 | //表格显示隐藏回调 | ||
| 92 | visibleChange (visible) { | ||
| 93 | if (visible) { | ||
| 94 | this.currentPage = 1 | ||
| 95 | this.keyword = null | ||
| 96 | this.formData = {} | ||
| 97 | this.getData() | ||
| 98 | } else { | ||
| 99 | this.autoCurrentLabel() | ||
| 100 | } | ||
| 101 | }, | ||
| 102 | //获取表格数据 | ||
| 103 | async getData () { | ||
| 104 | this.loading = true; | ||
| 105 | var reqData = { | ||
| 106 | [this.defaultProps.page]: this.currentPage, | ||
| 107 | [this.defaultProps.pageSize]: this.pageSize, | ||
| 108 | [this.defaultProps.keyword]: this.keyword | ||
| 109 | } | ||
| 110 | Object.assign(reqData, this.formData) | ||
| 111 | // var res = await this.apiObj.get(reqData); | ||
| 112 | let res = { | ||
| 113 | code: 200, | ||
| 114 | data: { | ||
| 115 | total: 2, rows: [ | ||
| 116 | { | ||
| 117 | user: 11111111111, | ||
| 118 | id: 111111111111 | ||
| 119 | }, | ||
| 120 | { | ||
| 121 | user: 2222222222222, | ||
| 122 | id: 22222222222 | ||
| 123 | } | ||
| 124 | ] | ||
| 125 | }, | ||
| 126 | message: "" | ||
| 127 | } | ||
| 128 | var parseData = config.parseData(res) | ||
| 129 | this.tableData = parseData.rows; | ||
| 130 | this.total = parseData.total; | ||
| 131 | this.loading = false; | ||
| 132 | //表格默认赋值 | ||
| 133 | this.$nextTick(() => { | ||
| 134 | if (this.multiple) { | ||
| 135 | this.defaultValue.forEach(row => { | ||
| 136 | var setrow = this.tableData.filter(item => item[this.defaultProps.value] === row[this.defaultProps.value]) | ||
| 137 | if (setrow.length > 0) { | ||
| 138 | this.$refs.table.toggleRowSelection(setrow[0], true); | ||
| 139 | } | ||
| 140 | }) | ||
| 141 | } else { | ||
| 142 | var setrow = this.tableData.filter(item => item[this.defaultProps.value] === this.defaultValue[this.defaultProps.value]) | ||
| 143 | this.$refs.table.setCurrentRow(setrow[0]); | ||
| 144 | } | ||
| 145 | this.$refs.table.setScrollTop(0) | ||
| 146 | }) | ||
| 147 | }, | ||
| 148 | //插糟表单提交 | ||
| 149 | formSubmit () { | ||
| 150 | this.currentPage = 1 | ||
| 151 | this.keyword = null | ||
| 152 | this.getData() | ||
| 153 | }, | ||
| 154 | //分页刷新表格 | ||
| 155 | reload () { | ||
| 156 | this.getData() | ||
| 157 | }, | ||
| 158 | //自动模拟options赋值 | ||
| 159 | autoCurrentLabel () { | ||
| 160 | this.$nextTick(() => { | ||
| 161 | if (this.multiple) { | ||
| 162 | this.$refs.select.selected.forEach(item => { | ||
| 163 | item.currentLabel = item.value[this.defaultProps.label] | ||
| 164 | }) | ||
| 165 | } else { | ||
| 166 | this.$refs.select.selectedLabel = this.defaultValue[this.defaultProps.label] | ||
| 167 | } | ||
| 168 | }) | ||
| 169 | }, | ||
| 170 | //表格勾选事件 | ||
| 171 | select (rows, row) { | ||
| 172 | var isSelect = rows.length && rows.indexOf(row) !== -1 | ||
| 173 | if (isSelect) { | ||
| 174 | this.defaultValue.push(row) | ||
| 175 | } else { | ||
| 176 | this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1) | ||
| 177 | } | ||
| 178 | this.autoCurrentLabel() | ||
| 179 | this.$emit('update:modelValue', this.defaultValue); | ||
| 180 | this.$emit('change', this.defaultValue); | ||
| 181 | }, | ||
| 182 | //表格全选事件 | ||
| 183 | selectAll (rows) { | ||
| 184 | var isAllSelect = rows.length > 0 | ||
| 185 | if (isAllSelect) { | ||
| 186 | rows.forEach(row => { | ||
| 187 | var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value]) | ||
| 188 | if (!isHas) { | ||
| 189 | this.defaultValue.push(row) | ||
| 190 | } | ||
| 191 | }) | ||
| 192 | } else { | ||
| 193 | this.tableData.forEach(row => { | ||
| 194 | var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value]) | ||
| 195 | if (isHas) { | ||
| 196 | this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1) | ||
| 197 | } | ||
| 198 | }) | ||
| 199 | } | ||
| 200 | this.autoCurrentLabel() | ||
| 201 | this.$emit('update:modelValue', this.defaultValue); | ||
| 202 | this.$emit('change', this.defaultValue); | ||
| 203 | }, | ||
| 204 | click (row) { | ||
| 205 | if (this.multiple) { | ||
| 206 | //处理多选点击行 | ||
| 207 | } else { | ||
| 208 | this.defaultValue = row | ||
| 209 | this.$refs.select.blur() | ||
| 210 | this.autoCurrentLabel() | ||
| 211 | this.$emit('update:modelValue', this.defaultValue); | ||
| 212 | this.$emit('change', this.defaultValue); | ||
| 213 | } | ||
| 214 | }, | ||
| 215 | //tags删除后回调 | ||
| 216 | removeTag (tag) { | ||
| 217 | var row = this.findRowByKey(tag[this.defaultProps.value]) | ||
| 218 | this.$refs.table.toggleRowSelection(row, false); | ||
| 219 | this.$emit('update:modelValue', this.defaultValue); | ||
| 220 | }, | ||
| 221 | //清空后的回调 | ||
| 222 | clear () { | ||
| 223 | this.$emit('update:modelValue', this.defaultValue); | ||
| 224 | }, | ||
| 225 | // 关键值查询表格数据行 | ||
| 226 | findRowByKey (value) { | ||
| 227 | return this.tableData.find(item => item[this.defaultProps.value] === value) | ||
| 228 | }, | ||
| 229 | filterMethod (keyword) { | ||
| 230 | if (!keyword) { | ||
| 231 | this.keyword = null; | ||
| 232 | return false; | ||
| 233 | } | ||
| 234 | this.keyword = keyword; | ||
| 235 | this.getData() | ||
| 236 | }, | ||
| 237 | // 触发select隐藏 | ||
| 238 | blur () { | ||
| 239 | this.$refs.select.blur(); | ||
| 240 | }, | ||
| 241 | // 触发select显示 | ||
| 242 | focus () { | ||
| 243 | this.$refs.select.focus(); | ||
| 244 | } | ||
| 245 | } | ||
| 246 | } | ||
| 247 | </script> | ||
| 248 | |||
| 249 | <style scoped> | ||
| 250 | .sc-table-select__table { | ||
| 251 | padding: 12px; | ||
| 252 | } | ||
| 253 | .sc-table-select__page { | ||
| 254 | padding-top: 12px; | ||
| 255 | } | ||
| 256 | </style> |
src/components/selectTable/tableSelect.js
0 → 100644
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-06-29 11:05:49 | ||
| 5 | */ | ||
| 6 | //表格选择器配置 | ||
| 7 | |||
| 8 | export default { | ||
| 9 | pageSize: 10, //表格每一页条数 | ||
| 10 | parseData: function (res) { | ||
| 11 | return { | ||
| 12 | data: res.data, | ||
| 13 | rows: res.data.rows, //分析行数据字段结构 | ||
| 14 | total: res.data.total, //分析总数字段结构 | ||
| 15 | msg: res.message, //分析描述字段结构 | ||
| 16 | code: res.code //分析状态字段结构 | ||
| 17 | } | ||
| 18 | }, | ||
| 19 | request: { | ||
| 20 | page: 'page', //规定当前分页字段 | ||
| 21 | pageSize: 'pageSize', //规定一页条数字段 | ||
| 22 | keyword: 'keyword' //规定搜索字段 | ||
| 23 | }, | ||
| 24 | props: { | ||
| 25 | label: 'label', //映射label显示字段 | ||
| 26 | value: 'value', //映射value值字段 | ||
| 27 | } | ||
| 28 | } |
| 1 | import cookies from './util.cookies' | 1 | import cookies from './util.cookies' |
| 2 | export function getUrlParam(paraName) { | 2 | export function getUrlParam (paraName) { |
| 3 | let url = document.location.toString(); | 3 | let url = document.location.toString(); |
| 4 | let arrObj = url.split('?'); | 4 | let arrObj = url.split('?'); |
| 5 | 5 | ||
| ... | @@ -12,7 +12,7 @@ export function getUrlParam(paraName) { | ... | @@ -12,7 +12,7 @@ export function getUrlParam(paraName) { |
| 12 | 12 | ||
| 13 | if (arr != null && arr[0] === paraName) { | 13 | if (arr != null && arr[0] === paraName) { |
| 14 | // 截取#之前的内容 | 14 | // 截取#之前的内容 |
| 15 | let result = arr[1].endsWith('#/') ? arr[1].substr(0, arr[1].indexOf('#')) : arr[1]; | 15 | let result = arr[1].endsWith('#/') ? arr[1].substr(0, arr[1].indexOf('#')) : arr[1]; |
| 16 | return result; | 16 | return result; |
| 17 | } | 17 | } |
| 18 | } | 18 | } |
| ... | @@ -22,26 +22,42 @@ export function getUrlParam(paraName) { | ... | @@ -22,26 +22,42 @@ export function getUrlParam(paraName) { |
| 22 | } | 22 | } |
| 23 | } | 23 | } |
| 24 | 24 | ||
| 25 | export function setToken(token) { | 25 | export function setToken (token) { |
| 26 | if (token === undefined) { | 26 | if (token === undefined) { |
| 27 | if (process.env.NODE_ENV === 'development') { | 27 | if (process.env.NODE_ENV === 'development') { |
| 28 | sessionStorage.removeItem('token') | 28 | sessionStorage.removeItem('token') |
| 29 | } else { | 29 | } else { |
| 30 | cookies.remove('ACCESS_TOKEN') | 30 | cookies.remove('ACCESS_TOKEN') |
| 31 | } | 31 | } |
| 32 | } else { | 32 | } else { |
| 33 | if (process.env.NODE_ENV === 'development') { | 33 | if (process.env.NODE_ENV === 'development') { |
| 34 | sessionStorage.setItem('token', token); | 34 | sessionStorage.setItem('token', token); |
| 35 | } else { | 35 | } else { |
| 36 | cookies.set('ACCESS_TOKEN', token) | 36 | cookies.set('ACCESS_TOKEN', token) |
| 37 | } | 37 | } |
| 38 | } | 38 | } |
| 39 | } | 39 | } |
| 40 | 40 | ||
| 41 | export function getToken() { | 41 | export function getToken () { |
| 42 | if (process.env.NODE_ENV === 'development') { | 42 | if (process.env.NODE_ENV === 'development') { |
| 43 | return sessionStorage.getItem('token') | 43 | return sessionStorage.getItem('token') |
| 44 | } | 44 | } |
| 45 | return cookies.get('ACCESS_TOKEN') | 45 | return cookies.get('ACCESS_TOKEN') |
| 46 | } | 46 | } |
| 47 | 47 | ||
| 48 | // 获取当前时间 | ||
| 49 | |||
| 50 | export function getNewDate (type = 1) { | ||
| 51 | const now = new Date(); | ||
| 52 | const year = now.getFullYear(); | ||
| 53 | const month = String(now.getMonth() + 1).padStart(2, '0'); | ||
| 54 | const day = String(now.getDate()).padStart(2, '0'); | ||
| 55 | const hours = String(now.getHours()).padStart(2, '0'); | ||
| 56 | const minutes = String(now.getMinutes()).padStart(2, '0'); | ||
| 57 | const seconds = String(now.getSeconds()).padStart(2, '0'); | ||
| 58 | if (type == 1) { | ||
| 59 | return `${year}年${month}月${day}日` | ||
| 60 | } else { | ||
| 61 | return `${year}年${month}月${day}日 ${hours}时${minutes}分${seconds}秒` | ||
| 62 | } | ||
| 63 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -415,6 +415,19 @@ class data extends filter { | ... | @@ -415,6 +415,19 @@ class data extends filter { |
| 415 | { | 415 | { |
| 416 | prop: "dybdclx", | 416 | prop: "dybdclx", |
| 417 | label: "抵押不动产类型", | 417 | label: "抵押不动产类型", |
| 418 | render: (h, scope) => { | ||
| 419 | return ( | ||
| 420 | <div> | ||
| 421 | <span v-show={scope.row.dybdclx == '1'}>土地</span> | ||
| 422 | <span v-show={scope.row.dybdclx == '2'}>土地和房屋</span> | ||
| 423 | <span v-show={scope.row.dybdclx == '3'}>林地和林木</span> | ||
| 424 | <span v-show={scope.row.dybdclx == '4'}>土地和在建建筑物</span> | ||
| 425 | <span v-show={scope.row.dybdclx == '5'}>海域</span> | ||
| 426 | <span v-show={scope.row.dybdclx == '6'}>海域和构筑物</span> | ||
| 427 | <span v-show={scope.row.dybdclx == '7'}>其它</span> | ||
| 428 | </div> | ||
| 429 | ) | ||
| 430 | } | ||
| 418 | }, | 431 | }, |
| 419 | { | 432 | { |
| 420 | prop: "djlxmc", | 433 | prop: "djlxmc", | ... | ... |
| ... | @@ -108,24 +108,28 @@ | ... | @@ -108,24 +108,28 @@ |
| 108 | </div> | 108 | </div> |
| 109 | <!-- 打印模板需要此模块 --> | 109 | <!-- 打印模板需要此模块 --> |
| 110 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> | 110 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> |
| 111 | <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> | 111 | <embed id="LODOP_EM" type="application/x-print-lodop" width=700 height=500 pluginspage="install_lodop32.exe" /> |
| 112 | </object> | 112 | </object> |
| 113 | <printView ref="printContent" :form="form" v-show="false" /> | ||
| 113 | </div> | 114 | </div> |
| 114 | </template> | 115 | </template> |
| 115 | <script> | 116 | <script> |
| 116 | import store from '@/store/index.js' | 117 | import store from '@/store/index.js' |
| 117 | import { datas } from "./addjtfcdata"; | 118 | import { datas } from "./addjtfcdata"; |
| 118 | import { getLodop } from "@/utils/LodopFuncs" | 119 | import { getLodop } from "@/utils/LodopFuncs" |
| 120 | import printView from "./printView.vue"; | ||
| 119 | import { getIdCardInfo } from '@/utils/operation.js' | 121 | import { getIdCardInfo } from '@/utils/operation.js' |
| 120 | import { getPrintTemplateByCode } from "@/api/system"; | 122 | import { getPrintTemplateByCode } from "@/api/system"; |
| 121 | import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; | 123 | import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; |
| 122 | import { log } from 'bpmn-js-token-simulation'; | ||
| 123 | export default { | 124 | export default { |
| 125 | components: { | ||
| 126 | printView | ||
| 127 | }, | ||
| 124 | props: { | 128 | props: { |
| 125 | formData: { | 129 | formData: { |
| 126 | type: Object, | 130 | type: Object, |
| 127 | default: () => { }, | 131 | default: () => { } |
| 128 | }, | 132 | } |
| 129 | }, | 133 | }, |
| 130 | data () { | 134 | data () { |
| 131 | return { | 135 | return { |
| ... | @@ -428,16 +432,15 @@ | ... | @@ -428,16 +432,15 @@ |
| 428 | }, | 432 | }, |
| 429 | //打开打印预览 | 433 | //打开打印预览 |
| 430 | openPrintPrew () { | 434 | openPrintPrew () { |
| 431 | //根据编号获取对应信息 | 435 | let lodop = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); |
| 432 | getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => { | 436 | // 获取页面的HTML内容 |
| 433 | if (res.code == 200) { | 437 | const pageHtml = this.$refs.printContent.$el.innerHTML; |
| 434 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | 438 | lodop.ADD_PRINT_HTM(20, 20, "100%", "100%", pageHtml); |
| 435 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | 439 | lodop.SET_PRINT_MODE("FULL_WIDTH_FOR_OVERFLOW", true); // 打印页面宽度自适应 |
| 436 | LODOP.PREVIEW(); | 440 | lodop.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "100%"); // 打印页面缩放比例 |
| 437 | } | 441 | lodop.PREVIEW(); |
| 438 | }) | ||
| 439 | } | 442 | } |
| 440 | }, | 443 | } |
| 441 | }; | 444 | }; |
| 442 | </script> | 445 | </script> |
| 443 | <style scoped lang="scss"> | 446 | <style scoped lang="scss"> | ... | ... |
src/views/sqcx/jtfc/components/printView.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: 不动产查询证明打印模板 | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-06-28 15:12:05 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="printView" style="width:100%;padding:20px"> | ||
| 8 | <h1 style="color: red; | ||
| 9 | text-align: center; | ||
| 10 | font-size: 38px;">城固县不动产登记交易服务中心</h1> | ||
| 11 | <p style="width:100%;border-bottom: 1px solid red;margin-top: 20px; | ||
| 12 | margin-bottom: 10px;"></p> | ||
| 13 | <h2 style="font-size: 36px; | ||
| 14 | text-align: center;">不动产登记信息查询证明</h2> | ||
| 15 | <h5 style=" text-align: center; | ||
| 16 | margin-top: 20px; | ||
| 17 | font-size: 18px;">查询证明编号: {{form.djSqcxDO.cxbh}}</h5> | ||
| 18 | <p style="text-indent: 2em; | ||
| 19 | margin-top: 15px; | ||
| 20 | line-height: 24px; | ||
| 21 | font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》 | ||
| 22 | 有关规定,经线上查询不动产登记信息系统,权利人: {{form.cxjgListp[0].qlrmc}} | ||
| 23 | ,证件号:{{form.cxjgListp[0].zjhm}},截止{{newDatez}} | ||
| 24 | ,名下不动产登记信息查询结果如下:</p> | ||
| 25 | <table style=" border-collapse: collapse; | ||
| 26 | width: 100%; | ||
| 27 | margin-top: 20px;margin-left:20px"> | ||
| 28 | <thead> | ||
| 29 | <tr> | ||
| 30 | <th style="background-color: #f2f2f2; | ||
| 31 | text-align: center;height:36px">权利人</th> | ||
| 32 | <th style="background-color: #f2f2f2; | ||
| 33 | text-align: center;height:36px">证号</th> | ||
| 34 | <th style="background-color: #f2f2f2; | ||
| 35 | text-align: center;height:36px">坐落</th> | ||
| 36 | <th style="background-color: #f2f2f2; | ||
| 37 | text-align: center;height:36px">面积</th> | ||
| 38 | <th style="background-color: #f2f2f2; | ||
| 39 | text-align: center;height:36px">共有人</th> | ||
| 40 | <th style="background-color: #f2f2f2; | ||
| 41 | text-align: center;height:36px">状态</th> | ||
| 42 | </tr> | ||
| 43 | </thead> | ||
| 44 | <tbody> | ||
| 45 | <tr v-for="(item,index) in form.cxjgList" :key="index"> | ||
| 46 | <td style="border: 1px solid #ccc; | ||
| 47 | text-align: center; | ||
| 48 | padding: 8px; | ||
| 49 | text-align: left;">{{ item.qlrmc }}</td> | ||
| 50 | <td style="border: 1px solid #ccc; | ||
| 51 | text-align: center; | ||
| 52 | padding: 8px; | ||
| 53 | text-align: left;">{{ item.zjhm }}</td> | ||
| 54 | <td style="border: 1px solid #ccc; | ||
| 55 | text-align: center; | ||
| 56 | padding: 8px; | ||
| 57 | text-align: left;">{{ item.fdzl }}</td> | ||
| 58 | <td style="border: 1px solid #ccc; | ||
| 59 | text-align: center; | ||
| 60 | padding: 8px; | ||
| 61 | text-align: left;">{{ item.fwmj }}</td> | ||
| 62 | <td style="border: 1px solid #ccc; | ||
| 63 | text-align: center; | ||
| 64 | padding: 8px; | ||
| 65 | text-align: left;">{{ item.gyr }}</td> | ||
| 66 | <td style="border: 1px solid #ccc; | ||
| 67 | text-align: center; | ||
| 68 | padding: 8px; | ||
| 69 | text-align: left;" v-if="item.dyzt != '0' && item.cfzt != '0'">抵押、查封</td> | ||
| 70 | <td style="border: 1px solid #ccc; | ||
| 71 | text-align: center; | ||
| 72 | padding: 8px; | ||
| 73 | text-align: left;" v-if="item.dyzt != '0'">抵押</td> | ||
| 74 | <td style="border: 1px solid #ccc; | ||
| 75 | text-align: center; | ||
| 76 | padding: 8px; | ||
| 77 | text-align: left;" v-if="item.cfzt != '0'">查封</td> | ||
| 78 | </tr> | ||
| 79 | </tbody> | ||
| 80 | </table> | ||
| 81 | <h6 style="font-size: 28px; | ||
| 82 | margin-top: 20px; | ||
| 83 | font-weight: 100;">特此证明。</h6> | ||
| 84 | <div> | ||
| 85 | <img :src="qrcodeImage" alt="QR Code"> | ||
| 86 | </div> | ||
| 87 | <ul style="text-align: right; | ||
| 88 | line-height: 36px; | ||
| 89 | font-size: 18px;"> | ||
| 90 | <li style="list-style: none;">城固县不动产登记交易服务中心</li> | ||
| 91 | <li style="list-style: none;">{{newDate}}</li> | ||
| 92 | </ul> | ||
| 93 | <ol style="margin-left: 20px; | ||
| 94 | line-height: 36px;"> | ||
| 95 | <p>说明:</p> | ||
| 96 | <li>该查询结果仅显示权利人在当前查询时间点不动产(房产)登记有关情况(“/”表示未查询到不动产登记信息);</li> | ||
| 97 | <li>该查询结果包含权利人不动产预告登记信息。查询范围为本市中心城区及开发区内的不动产登记信息;</li> | ||
| 98 | <li>本次查询由系统终端自动检索,因数据采集处理误差而造成查询结果于实际登记信息不相符的,以我中心登记簿记载信息为准;</li> | ||
| 99 | <li>查询人应当妥善保管不动产登记查询结果,因操作不当,导致查询结果泄露,有关责任概由查询人承担。</li> | ||
| 100 | </ol> | ||
| 101 | </div> | ||
| 102 | </template> | ||
| 103 | <script> | ||
| 104 | import QRCode from 'qrcode'; | ||
| 105 | import { getNewDate } from '@/utils/util' | ||
| 106 | export default { | ||
| 107 | props: { | ||
| 108 | form: { | ||
| 109 | type: Object, | ||
| 110 | default: () => ({}) | ||
| 111 | } | ||
| 112 | }, | ||
| 113 | data () { | ||
| 114 | return { | ||
| 115 | qrcodeImage: '', | ||
| 116 | newDate: getNewDate(), | ||
| 117 | newDatez: getNewDate(2) | ||
| 118 | } | ||
| 119 | }, | ||
| 120 | watch: { | ||
| 121 | "form.djSqcxDO.cxbh": { | ||
| 122 | handler: function (val) { | ||
| 123 | if (val) { | ||
| 124 | QRCode.toDataURL(val) | ||
| 125 | .then(url => { | ||
| 126 | this.qrcodeImage = url | ||
| 127 | }) | ||
| 128 | .catch(error => { | ||
| 129 | console.error(error); | ||
| 130 | }) | ||
| 131 | } | ||
| 132 | }, | ||
| 133 | immediate: true | ||
| 134 | } | ||
| 135 | } | ||
| 136 | } | ||
| 137 | </script> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-06-28 14:45:20 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| 3 | <!-- 家庭房产 --> | 8 | <!-- 家庭房产 --> |
| ... | @@ -41,59 +46,59 @@ | ... | @@ -41,59 +46,59 @@ |
| 41 | </div> | 46 | </div> |
| 42 | </template> | 47 | </template> |
| 43 | <script> | 48 | <script> |
| 44 | import table from "@/utils/mixin/table"; | 49 | import table from "@/utils/mixin/table"; |
| 45 | import { datas, sendThis } from "./jtfcdata"; | 50 | import { datas, sendThis } from "./jtfcdata"; |
| 46 | import { getSqcxPage } from "@/api/sqcx"; | 51 | import { getSqcxPage } from "@/api/sqcx"; |
| 47 | export default { | 52 | export default { |
| 48 | name: "jtfc", | 53 | name: "jtfc", |
| 49 | mixins: [table], | 54 | mixins: [table], |
| 50 | mounted () { | 55 | mounted () { |
| 51 | sendThis(this); | 56 | sendThis(this); |
| 52 | this.queryClick(); | 57 | this.queryClick(); |
| 53 | }, | ||
| 54 | data () { | ||
| 55 | return { | ||
| 56 | sqcxBsm: "", | ||
| 57 | queryForm: { | ||
| 58 | cxbh: "", | ||
| 59 | sqr: "", | ||
| 60 | cxlx: '1' | ||
| 61 | }, | ||
| 62 | tableData: { | ||
| 63 | columns: datas.columns(), | ||
| 64 | data: [], | ||
| 65 | }, | ||
| 66 | }; | ||
| 67 | }, | ||
| 68 | methods: { | ||
| 69 | // 初始化数据 | ||
| 70 | queryClick () { | ||
| 71 | this.$startLoading(); | ||
| 72 | getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
| 73 | this.$endLoading(); | ||
| 74 | if (res.code === 200) { | ||
| 75 | let { records, total } = res.result; | ||
| 76 | this.tableData.data = records; | ||
| 77 | this.tableData.total = total; | ||
| 78 | } | ||
| 79 | }); | ||
| 80 | }, | ||
| 81 | handleSort (name, sort) { | ||
| 82 | console.log(name, sort); | ||
| 83 | }, | 58 | }, |
| 84 | handleAdd () { | 59 | data () { |
| 85 | this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", { | 60 | return { |
| 86 | sqcxBsm: '' | 61 | sqcxBsm: "", |
| 87 | }) | 62 | queryForm: { |
| 63 | cxbh: "", | ||
| 64 | sqr: "", | ||
| 65 | cxlx: '1' | ||
| 66 | }, | ||
| 67 | tableData: { | ||
| 68 | columns: datas.columns(), | ||
| 69 | data: [], | ||
| 70 | }, | ||
| 71 | }; | ||
| 88 | }, | 72 | }, |
| 89 | handleViewClick (row) { | 73 | methods: { |
| 90 | this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", { | 74 | // 初始化数据 |
| 91 | sqcxBsm: row.bsmSqcx | 75 | queryClick () { |
| 92 | }) | 76 | this.$startLoading(); |
| 77 | getSqcxPage({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
| 78 | this.$endLoading(); | ||
| 79 | if (res.code === 200) { | ||
| 80 | let { records, total } = res.result; | ||
| 81 | this.tableData.data = records; | ||
| 82 | this.tableData.total = total; | ||
| 83 | } | ||
| 84 | }); | ||
| 85 | }, | ||
| 86 | handleSort (name, sort) { | ||
| 87 | console.log(name, sort); | ||
| 88 | }, | ||
| 89 | handleAdd () { | ||
| 90 | this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", { | ||
| 91 | sqcxBsm: '' | ||
| 92 | }) | ||
| 93 | }, | ||
| 94 | handleViewClick (row) { | ||
| 95 | this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", { | ||
| 96 | sqcxBsm: row.bsmSqcx | ||
| 97 | }) | ||
| 98 | } | ||
| 93 | } | 99 | } |
| 94 | } | 100 | } |
| 95 | } | ||
| 96 | </script> | 101 | </script> |
| 97 | <style scoped lang="scss"> | 102 | <style scoped lang="scss"> |
| 98 | @import "~@/styles/public.scss"; | 103 | @import "~@/styles/public.scss"; |
| 99 | </style> | 104 | </style> | ... | ... |
| ... | @@ -107,18 +107,20 @@ export default { | ... | @@ -107,18 +107,20 @@ export default { |
| 107 | switch (qllx) { | 107 | switch (qllx) { |
| 108 | case 'A04': | 108 | case 'A04': |
| 109 | this.showBatch = true; | 109 | this.showBatch = true; |
| 110 | this.batchButtonName = '批量单元信息'; | 110 | this.batchButtonName = '房屋批量操作'; |
| 111 | break; | 111 | break; |
| 112 | case 'B39': | 112 | case 'B39': |
| 113 | this.showBatch = true; | 113 | this.showBatch = true; |
| 114 | this.batchButtonName = '批量查封清单信息'; | 114 | this.batchButtonName = '查封批量操作'; |
| 115 | break; | 115 | break; |
| 116 | case 'A37': | 116 | case 'A37': |
| 117 | this.showBatch = true; | 117 | this.showBatch = true; |
| 118 | this.batchButtonName = '批量抵押'; | 118 | this.batchButtonName = '抵押批量操作'; |
| 119 | break; | ||
| 120 | case 'B37': | ||
| 121 | this.showBatch = true; | ||
| 122 | this.batchButtonName = '在建工程抵押批量操作'; | ||
| 119 | break; | 123 | break; |
| 120 | default: | ||
| 121 | this.batchButtonName = '批量操作'; | ||
| 122 | } | 124 | } |
| 123 | } | 125 | } |
| 124 | }, | 126 | }, | ... | ... |
| ... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
| 4 | * @LastEditTime: 2023-06-19 13:16:53 | 4 | * @LastEditTime: 2023-06-19 13:16:53 |
| 5 | */ | 5 | */ |
| 6 | //流程环节操作按钮 | 6 | //流程环节操作按钮 |
| 7 | export function getForm (tabName, djywbm) { | 7 | export function getForm(tabName, djywbm) { |
| 8 | let form; | 8 | let form; |
| 9 | switch (tabName) { | 9 | switch (tabName) { |
| 10 | case "tdsyqslxx": | 10 | case "tdsyqslxx": |
| ... | @@ -31,7 +31,6 @@ export function getForm (tabName, djywbm) { | ... | @@ -31,7 +31,6 @@ export function getForm (tabName, djywbm) { |
| 31 | case "nydsyqslxx100": | 31 | case "nydsyqslxx100": |
| 32 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); | 32 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); |
| 33 | break; | 33 | break; |
| 34 | |||
| 35 | case "nydsyqslxx200": | 34 | case "nydsyqslxx200": |
| 36 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); | 35 | form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); |
| 37 | break; | 36 | break; |
| ... | @@ -66,13 +65,16 @@ export function getForm (tabName, djywbm) { | ... | @@ -66,13 +65,16 @@ export function getForm (tabName, djywbm) { |
| 66 | case "zjgcdyqSlxx": | 65 | case "zjgcdyqSlxx": |
| 67 | form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); | 66 | form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); |
| 68 | break; | 67 | break; |
| 68 | case "batchZjgcdyq": | ||
| 69 | form = require("@/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue"); | ||
| 70 | break; | ||
| 69 | case "cfdjxx": | 71 | case "cfdjxx": |
| 70 | form = require("@/views/registerBook/cfdj.vue"); | 72 | form = require("@/views/registerBook/cfdj.vue"); |
| 71 | break; | 73 | break; |
| 72 | case "tdsyqQlxx": | 74 | case "tdsyqQlxx": |
| 73 | form = require("@/views/registerBook/tdsyq.vue"); | 75 | form = require("@/views/registerBook/tdsyq.vue"); |
| 74 | break; | 76 | break; |
| 75 | case "jsydsyqQlxx": | 77 | case "jsydsyqQlxx": |
| 76 | form = require("@/views/registerBook/jsydsyq.vue"); | 78 | form = require("@/views/registerBook/jsydsyq.vue"); |
| 77 | break; | 79 | break; |
| 78 | case "nydsyqQlxx": | 80 | case "nydsyqQlxx": | ... | ... |
| ... | @@ -32,12 +32,12 @@ | ... | @@ -32,12 +32,12 @@ |
| 32 | <el-row :gutter="10" v-if="ruleForm.slsq"> | 32 | <el-row :gutter="10" v-if="ruleForm.slsq"> |
| 33 | <el-col :span="8"> | 33 | <el-col :span="8"> |
| 34 | <el-form-item label="权利类型:"> | 34 | <el-form-item label="权利类型:"> |
| 35 | <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> | 35 | <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input> |
| 36 | </el-form-item> | 36 | </el-form-item> |
| 37 | </el-col> | 37 | </el-col> |
| 38 | <el-col :span="8"> | 38 | <el-col :span="8"> |
| 39 | <el-form-item label="登记类型:"> | 39 | <el-form-item label="登记类型:"> |
| 40 | <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> | 40 | <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input> |
| 41 | </el-form-item> | 41 | </el-form-item> |
| 42 | </el-col> | 42 | </el-col> |
| 43 | <el-col :span="8"> | 43 | <el-col :span="8"> |
| ... | @@ -102,7 +102,7 @@ | ... | @@ -102,7 +102,7 @@ |
| 102 | <el-col :span="14"> | 102 | <el-col :span="14"> |
| 103 | <el-form-item label="共有方式:"> | 103 | <el-form-item label="共有方式:"> |
| 104 | <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" | 104 | <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" |
| 105 | v-model="ruleForm.sldy.gyfs"> | 105 | v-model="ruleForm.sldyList[0].gyfs"> |
| 106 | <el-radio label="0">单独所有</el-radio> | 106 | <el-radio label="0">单独所有</el-radio> |
| 107 | <el-radio label="1">共同共有</el-radio> | 107 | <el-radio label="1">共同共有</el-radio> |
| 108 | <el-radio label="2">按份所有</el-radio> | 108 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -114,13 +114,13 @@ | ... | @@ -114,13 +114,13 @@ |
| 114 | 114 | ||
| 115 | <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> | 115 | <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> |
| 116 | <el-form-item label="是否分别持证:"> | 116 | <el-form-item label="是否分别持证:"> |
| 117 | <el-radio-group v-model="ruleForm.sldy.sqfbcz"> | 117 | <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz"> |
| 118 | <el-radio label="1">是</el-radio> | 118 | <el-radio label="1">是</el-radio> |
| 119 | <el-radio label="0">否</el-radio> | 119 | <el-radio label="0">否</el-radio> |
| 120 | </el-radio-group> | 120 | </el-radio-group> |
| 121 | </el-form-item> | 121 | </el-form-item> |
| 122 | </el-col> | 122 | </el-col> |
| 123 | <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> | 123 | <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'"> |
| 124 | <el-form-item label="持证人:"> | 124 | <el-form-item label="持证人:"> |
| 125 | <el-select v-model="ruleForm.slsq.czr" placeholder="持证人"> | 125 | <el-select v-model="ruleForm.slsq.czr" placeholder="持证人"> |
| 126 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | 126 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> |
| ... | @@ -192,6 +192,7 @@ export default { | ... | @@ -192,6 +192,7 @@ export default { |
| 192 | ,qlxxList:[]//权利信息集合 | 192 | ,qlxxList:[]//权利信息集合 |
| 193 | ,sldyList:[]//受理不动产单元集合 | 193 | ,sldyList:[]//受理不动产单元集合 |
| 194 | ,slsq: {}//受理申请流程明细 | 194 | ,slsq: {}//受理申请流程明细 |
| 195 | ,flow: {}//受理申请流程明细 | ||
| 195 | ,sqrList:[]//申请人 | 196 | ,sqrList:[]//申请人 |
| 196 | ,ssQlxxList:[]//上手权利信息 | 197 | ,ssQlxxList:[]//上手权利信息 |
| 197 | ,user:{}//用户 | 198 | ,user:{}//用户 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-25 08:59:02 | 4 | * @LastEditTime: 2023-06-29 11:13:35 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -88,46 +88,55 @@ | ... | @@ -88,46 +88,55 @@ |
| 88 | <el-row :gutter="10"> | 88 | <el-row :gutter="10"> |
| 89 | <el-col :span="8"> | 89 | <el-col :span="8"> |
| 90 | <el-form-item label="农用地面积:"> | 90 | <el-form-item label="农用地面积:"> |
| 91 | <el-input v-model="ruleForm.tdsyq.nydmj"></el-input> | 91 | <el-input v-model="ruleForm.tdsyq.nydmj"></el-input> |
| 92 | </el-form-item> | 92 | </el-form-item> |
| 93 | </el-col> | 93 | </el-col> |
| 94 | <el-col :span="8"> | 94 | <el-col :span="8"> |
| 95 | <el-form-item label="耕地面积:"> | 95 | <el-form-item label="耕地面积:"> |
| 96 | <el-input v-model="ruleForm.tdsyq.gdmj"></el-input> | 96 | <el-input v-model="ruleForm.tdsyq.gdmj"></el-input> |
| 97 | </el-form-item> | 97 | </el-form-item> |
| 98 | </el-col> | 98 | </el-col> |
| 99 | <el-col :span="8"> | 99 | <el-col :span="8"> |
| 100 | <el-form-item label="林地面积:"> | 100 | <el-form-item label="林地面积:"> |
| 101 | <el-input v-model="ruleForm.tdsyq.ldmj"></el-input> | 101 | <el-input v-model="ruleForm.tdsyq.ldmj"></el-input> |
| 102 | </el-form-item> | 102 | </el-form-item> |
| 103 | </el-col> | 103 | </el-col> |
| 104 | </el-row> | 104 | </el-row> |
| 105 | <el-row :gutter="10"> | 105 | <el-row :gutter="10"> |
| 106 | <el-col :span="8"> | 106 | <el-col :span="8"> |
| 107 | <el-form-item label="草地面积:"> | 107 | <el-form-item label="草地面积:"> |
| 108 | <el-input v-model="ruleForm.tdsyq.cdmj"></el-input> | 108 | <el-input v-model="ruleForm.tdsyq.cdmj"></el-input> |
| 109 | </el-form-item> | 109 | </el-form-item> |
| 110 | </el-col> | 110 | </el-col> |
| 111 | <el-col :span="8"> | 111 | <el-col :span="8"> |
| 112 | <el-form-item label="其他农用地面积:"> | 112 | <el-form-item label="其他农用地面积:"> |
| 113 | <el-input v-model="ruleForm.tdsyq.qtnydmj"></el-input> | 113 | <el-input v-model="ruleForm.tdsyq.qtnydmj"></el-input> |
| 114 | </el-form-item> | 114 | </el-form-item> |
| 115 | </el-col> | 115 | </el-col> |
| 116 | <el-col :span="8"> | 116 | <el-col :span="8"> |
| 117 | <el-form-item label="建筑使用面积:"> | 117 | <el-form-item label="建筑使用面积:"> |
| 118 | <el-input v-model="ruleForm.tdsyq.jsydmj"></el-input> | 118 | <el-input v-model="ruleForm.tdsyq.jsydmj"></el-input> |
| 119 | </el-form-item> | 119 | </el-form-item> |
| 120 | </el-col> | 120 | </el-col> |
| 121 | </el-row> | 121 | </el-row> |
| 122 | <el-row :gutter="10"> | 122 | <el-row :gutter="10"> |
| 123 | <el-col :span="8"> | 123 | <el-col :span="8"> |
| 124 | <el-form-item label="未利用地面积:"> | 124 | <el-form-item label="未利用地面积:"> |
| 125 | <el-input v-model="ruleForm.tdsyq.wlydmj"></el-input> | 125 | <el-input v-model="ruleForm.tdsyq.wlydmj"></el-input> |
| 126 | </el-form-item> | 126 | </el-form-item> |
| 127 | </el-col> | 127 | </el-col> |
| 128 | <el-col :span="8"> | 128 | <el-col :span="8"> |
| 129 | <el-form-item label="面积单位:"> | 129 | <el-form-item label="面积单位:"> |
| 130 | <el-input v-model="ruleForm.tdsyq.mjdw"></el-input> | 130 | <el-input v-model="ruleForm.tdsyq.mjdw"></el-input> |
| 131 | </el-form-item> | ||
| 132 | </el-col> | ||
| 133 | |||
| 134 | <el-col :span="8"> | ||
| 135 | <el-form-item label="下拉表格测试:"> | ||
| 136 | <select-table v-model="value2" :table-width="600" :props="props" @change="change"> | ||
| 137 | <el-table-column prop="id" label="ID" width="180"></el-table-column> | ||
| 138 | <el-table-column prop="user" label="姓名"></el-table-column> | ||
| 139 | </select-table> | ||
| 131 | </el-form-item> | 140 | </el-form-item> |
| 132 | </el-col> | 141 | </el-col> |
| 133 | 142 | ||
| ... | @@ -203,7 +212,9 @@ | ... | @@ -203,7 +212,9 @@ |
| 203 | import { mapGetters } from "vuex" | 212 | import { mapGetters } from "vuex" |
| 204 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" | 213 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" |
| 205 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" | 214 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" |
| 215 | import selectTable from '@/components/selectTable/index.vue' | ||
| 206 | export default { | 216 | export default { |
| 217 | components: { qlrCommonTable, selectTable }, | ||
| 207 | mounted () { | 218 | mounted () { |
| 208 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 219 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 209 | this.propsParam = this.$attrs; | 220 | this.propsParam = this.$attrs; |
| ... | @@ -222,12 +233,22 @@ | ... | @@ -222,12 +233,22 @@ |
| 222 | }) | 233 | }) |
| 223 | }) | 234 | }) |
| 224 | }, | 235 | }, |
| 225 | components: { qlrCommonTable }, | 236 | |
| 226 | computed: { | 237 | computed: { |
| 227 | ...mapGetters(["dictData", "flag"]) | 238 | ...mapGetters(["dictData", "flag"]) |
| 228 | }, | 239 | }, |
| 229 | data () { | 240 | data () { |
| 230 | return { | 241 | return { |
| 242 | value2: { | ||
| 243 | id: "520000198407304275", | ||
| 244 | user: "史平" | ||
| 245 | }, | ||
| 246 | props: { | ||
| 247 | label: 'user', | ||
| 248 | value: 'id', | ||
| 249 | keyword: "keyword" | ||
| 250 | }, | ||
| 251 | |||
| 231 | //表单是否可操作 | 252 | //表单是否可操作 |
| 232 | ableOperation: true, | 253 | ableOperation: true, |
| 233 | key: 0, | 254 | key: 0, |
| ... | @@ -241,6 +262,7 @@ | ... | @@ -241,6 +262,7 @@ |
| 241 | } | 262 | } |
| 242 | }, | 263 | }, |
| 243 | methods: { | 264 | methods: { |
| 265 | change () { }, | ||
| 244 | // 更新权利人信息 | 266 | // 更新权利人信息 |
| 245 | upDateQlrxxList (val) { | 267 | upDateQlrxxList (val) { |
| 246 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) | 268 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) | ... | ... |
src/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue
0 → 100644
This diff is collapsed.
Click to expand it.
| ... | @@ -43,41 +43,40 @@ | ... | @@ -43,41 +43,40 @@ |
| 43 | </el-col> | 43 | </el-col> |
| 44 | </el-row> | 44 | </el-row> |
| 45 | <div class="slxx_title title-block"> | 45 | <div class="slxx_title title-block"> |
| 46 | 抵押房屋信息情况 | 46 | 抵押户信息情况 |
| 47 | <div class="triangle"></div> | 47 | <div class="triangle"></div> |
| 48 | </div> | 48 | </div> |
| 49 | |||
| 50 | <el-row :gutter="10"> | 49 | <el-row :gutter="10"> |
| 51 | <el-col :span="8"> | 50 | <el-col :span="8"> |
| 52 | <el-form-item label="权利人:"> | 51 | <el-form-item label="房屋用途:"> |
| 53 | <el-input disabled v-model="ruleForm.qlxx.qlrmc"></el-input> | 52 | <el-input disabled v-model="ruleForm.qjh.showfwyt"></el-input> |
| 54 | </el-form-item> | 53 | </el-form-item> |
| 55 | </el-col> | 54 | </el-col> |
| 56 | <el-col :span="8"> | 55 | <el-col :span="8"> |
| 57 | <el-form-item label="证件号:"> | 56 | <el-form-item label="房屋性质:"> |
| 58 | <el-input disabled v-model="ruleForm.qlxx.qlrzjhm"></el-input> | 57 | <el-input disabled v-model="ruleForm.qjh.fwxzmc"></el-input> |
| 59 | </el-form-item> | 58 | </el-form-item> |
| 60 | </el-col> | 59 | </el-col> |
| 61 | <el-col :span="8"> | 60 | <el-col :span="8"> |
| 62 | <el-form-item label="证件种类:"> | 61 | <el-form-item label="房屋结构:"> |
| 63 | <el-input disabled v-model="ruleForm.qlxx.qlrzjzl"></el-input> | 62 | <el-input disabled v-model="ruleForm.qjh.showfwjg"></el-input> |
| 64 | </el-form-item> | 63 | </el-form-item> |
| 65 | </el-col> | 64 | </el-col> |
| 66 | </el-row> | 65 | </el-row> |
| 67 | <el-row :gutter="10"> | 66 | <el-row :gutter="10"> |
| 68 | <el-col :span="8"> | 67 | <el-col :span="8"> |
| 69 | <el-form-item label="权利类型:"> | 68 | <el-form-item label="建筑面积:"> |
| 70 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | 69 | <el-input disabled v-model="ruleForm.qjh.jzmj"></el-input> |
| 71 | </el-form-item> | 70 | </el-form-item> |
| 72 | </el-col> | 71 | </el-col> |
| 73 | <el-col :span="8"> | 72 | <el-col :span="8"> |
| 74 | <el-form-item label="不动产权证号:"> | 73 | <el-form-item label="套内建筑面积:"> |
| 75 | <el-input disabled v-model="ruleForm.qlxx.bdcqzh"></el-input> | 74 | <el-input disabled v-model="ruleForm.qjh.tnjzmj"></el-input> |
| 76 | </el-form-item> | 75 | </el-form-item> |
| 77 | </el-col> | 76 | </el-col> |
| 78 | <el-col :span="8"> | 77 | <el-col :span="8"> |
| 79 | <el-form-item label="坐落:"> | 78 | <el-form-item label="分摊建筑面积:"> |
| 80 | <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> | 79 | <el-input disabled v-model="ruleForm.qjh.ftjzmj"></el-input> |
| 81 | </el-form-item> | 80 | </el-form-item> |
| 82 | </el-col> | 81 | </el-col> |
| 83 | </el-row> | 82 | </el-row> |
| ... | @@ -88,13 +87,13 @@ | ... | @@ -88,13 +87,13 @@ |
| 88 | </el-form-item> | 87 | </el-form-item> |
| 89 | </el-col> | 88 | </el-col> |
| 90 | <el-col :span="8"> | 89 | <el-col :span="8"> |
| 91 | <el-form-item label="面积:"> | 90 | <el-form-item label="室号部位:"> |
| 92 | <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> | 91 | <el-input disabled v-model="ruleForm.qjh.shbw"></el-input> |
| 93 | </el-form-item> | 92 | </el-form-item> |
| 94 | </el-col> | 93 | </el-col> |
| 95 | <el-col :span="8"> | 94 | <el-col :span="8"> |
| 96 | <el-form-item label="用途:"> | 95 | <el-form-item label="坐落:"> |
| 97 | <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input> | 96 | <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> |
| 98 | </el-form-item> | 97 | </el-form-item> |
| 99 | </el-col> | 98 | </el-col> |
| 100 | </el-row> | 99 | </el-row> |
| ... | @@ -254,14 +253,13 @@ | ... | @@ -254,14 +253,13 @@ |
| 254 | var formdata = new FormData(); | 253 | var formdata = new FormData(); |
| 255 | this.$startLoading(); | 254 | this.$startLoading(); |
| 256 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 255 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 257 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
| 258 | formdata.append("djlx", this.propsParam.djlx); | 256 | formdata.append("djlx", this.propsParam.djlx); |
| 259 | formdata.append("isEdit", this.ableOperation); | 257 | formdata.append("isEdit", this.ableOperation); |
| 260 | Init(formdata).then((res) => { | 258 | Init(formdata).then((res) => { |
| 261 | if (res.code === 200 && res.result) { | 259 | if (res.code === 200 && res.result) { |
| 262 | this.ruleForm = res.result; | 260 | this.ruleForm = res.result; |
| 263 | this.$endLoading(); | 261 | this.$endLoading(); |
| 264 | this.ruleForm.diyaq.sfczjzhxz = "0"; | 262 | //this.ruleForm.diyaq.sfczjzhxz = "0"; |
| 265 | } | 263 | } |
| 266 | }) | 264 | }) |
| 267 | }, | 265 | }, |
| ... | @@ -275,12 +273,7 @@ | ... | @@ -275,12 +273,7 @@ |
| 275 | ableOperation: true, | 273 | ableOperation: true, |
| 276 | disabled: true, | 274 | disabled: true, |
| 277 | czrOptions: [], | 275 | czrOptions: [], |
| 278 | ruleForm: { | 276 | ruleForm: {}, |
| 279 | slywxx: {}, | ||
| 280 | qlxxold: {}, | ||
| 281 | diyaq: {}, | ||
| 282 | gyfs: "", | ||
| 283 | }, | ||
| 284 | //传递参数 | 277 | //传递参数 |
| 285 | propsParam: {}, | 278 | propsParam: {}, |
| 286 | rules: {}, | 279 | rules: {}, | ... | ... |
| 1 | <template> | ||
| 2 | <div class="from-clues"> | ||
| 3 | <!-- 表单部分 --> | ||
| 4 | <div class="from-clues-header"> | ||
| 5 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | ||
| 6 | <el-row> | ||
| 7 | <el-col :span="8"> | ||
| 8 | <el-form-item label="不动产单元号"> | ||
| 9 | <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable maxlength="28" class="width100"> | ||
| 10 | </el-input> | ||
| 11 | </el-form-item> | ||
| 12 | </el-col> | ||
| 13 | <el-col :span="10"> | ||
| 14 | <el-form-item label="不动产权证号"> | ||
| 15 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> | ||
| 16 | </el-input> | ||
| 17 | </el-form-item> | ||
| 18 | </el-col> | ||
| 19 | </el-row> | ||
| 20 | <el-row> | ||
| 21 | <el-col :span="8"> | ||
| 22 | <el-form-item label="权利人"> | ||
| 23 | <el-input placeholder="请输入权利人" v-model="queryForm.qlr" clearable class="width100"> | ||
| 24 | </el-input> | ||
| 25 | </el-form-item> | ||
| 26 | </el-col> | ||
| 27 | <el-col :span="10"> | ||
| 28 | <el-form-item label="坐落"> | ||
| 29 | <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100"> | ||
| 30 | </el-input> | ||
| 31 | </el-form-item> | ||
| 32 | </el-col> | ||
| 33 | <el-col :span="6" class="btnColRight"> | ||
| 34 | <el-form-item> | ||
| 35 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
| 36 | <el-button type="primary" @click="handleSearch">查询</el-button> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | </el-form> | ||
| 41 | </div> | ||
| 42 | <!-- 表格 --> | ||
| 43 | <div class="from-clues-content loadingtext"> | ||
| 44 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | ||
| 45 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | ||
| 46 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | ||
| 47 | :data="tableData.data"> | ||
| 48 | </lb-table> | ||
| 49 | </div> | ||
| 50 | <div class="submit_button"> | ||
| 51 | <el-button @click="$popupCacel">取消</el-button> | ||
| 52 | <el-button type="primary" plain @click="submitForm">发起申请</el-button> | ||
| 53 | </div> | ||
| 54 | </div> | ||
| 55 | </template> | ||
| 56 | <script> | ||
| 57 | //首次登记 | ||
| 58 | import store from '@/store/index.js' | ||
| 59 | import { datas, sendThis } from "../javascript/selectTdsyq.js"; | ||
| 60 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
| 61 | import table from "@/utils/mixin/table"; | ||
| 62 | import jump from "./mixin/jump"; | ||
| 63 | import { startBusinessFlow, selectTdsyqQlxx } from "@/api/ywbl.js"; | ||
| 64 | export default { | ||
| 65 | mixins: [table, jump], | ||
| 66 | props: { | ||
| 67 | isJump: { type: Boolean, default: false }, | ||
| 68 | sqywInfo: { type: Object, default: () => { } }, | ||
| 69 | }, | ||
| 70 | data () { | ||
| 71 | return { | ||
| 72 | queryForm: defaultParameters.defaultParameters(), | ||
| 73 | tableData: { | ||
| 74 | total: 0, | ||
| 75 | columns: datas.columns(), | ||
| 76 | data: [] | ||
| 77 | }, | ||
| 78 | bdcdysz: [] | ||
| 79 | } | ||
| 80 | }, | ||
| 81 | mounted () { | ||
| 82 | sendThis(this); | ||
| 83 | }, | ||
| 84 | methods: { | ||
| 85 | queryClick () { | ||
| 86 | this.$startLoading(); | ||
| 87 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | ||
| 88 | selectTdsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
| 89 | this.$endLoading(); | ||
| 90 | if (res.code === 200) { | ||
| 91 | let { total, records } = res.result; | ||
| 92 | this.tableData.total = total; | ||
| 93 | this.tableData.data = records; | ||
| 94 | } | ||
| 95 | }); | ||
| 96 | }, | ||
| 97 | submitForm () { | ||
| 98 | if (this.bdcdysz.length == 0) { | ||
| 99 | this.$message.error("请至少选择一条数据"); | ||
| 100 | return; | ||
| 101 | } | ||
| 102 | startBusinessFlow({ | ||
| 103 | bsmSqyw: this.sqywInfo.parentid, | ||
| 104 | bdcdysz: this.bdcdysz, | ||
| 105 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", | ||
| 106 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", | ||
| 107 | }).then((res) => { | ||
| 108 | if (res.code == 200) { | ||
| 109 | this.$message({ | ||
| 110 | showClose: true, | ||
| 111 | message: "发起申请成功", | ||
| 112 | type: "success", | ||
| 113 | }); | ||
| 114 | if (!this.isJump) { | ||
| 115 | this.jump(res.result, this.sqywInfo.djywbm); | ||
| 116 | } else { | ||
| 117 | store.dispatch('user/refreshPage', true); | ||
| 118 | } | ||
| 119 | this.$popupCacel() | ||
| 120 | } else { | ||
| 121 | this.$message.error(res.message); | ||
| 122 | } | ||
| 123 | }) | ||
| 124 | }, | ||
| 125 | handleSelectionChange (val) { | ||
| 126 | this.bdcdysz = val; | ||
| 127 | }, | ||
| 128 | openBook (row) { | ||
| 129 | var param = { | ||
| 130 | bdcdyid: row.bdcdyid, | ||
| 131 | qllx: row.qllx, | ||
| 132 | bdcdyh: row.bdcdyh, | ||
| 133 | bsmQlxx: row.bsmQlxx, | ||
| 134 | }; | ||
| 135 | this.$popup("登记簿详情", "registerBook/djbFrame", { | ||
| 136 | formData: param | ||
| 137 | }) | ||
| 138 | }, | ||
| 139 | select (selection, row) { | ||
| 140 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 141 | // 清除 所有勾选项 | ||
| 142 | this.$refs.table.clearSelection() | ||
| 143 | // 当表格数据都没有被勾选的时候 就返回 | ||
| 144 | // 主要用于将当前勾选的表格状态清除 | ||
| 145 | if (selection.length == 0) return | ||
| 146 | this.$refs.table.toggleRowSelection(row, true); | ||
| 147 | } | ||
| 148 | }, | ||
| 149 | handleRowClick (row) { | ||
| 150 | // 如果状态是1,那就是单选 | ||
| 151 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 152 | const bdcdysz = this.bdcdysz | ||
| 153 | this.$refs.table.clearSelection() | ||
| 154 | if (bdcdysz.length == 1) { | ||
| 155 | bdcdysz.forEach(item => { | ||
| 156 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
| 157 | if (item == row) { | ||
| 158 | this.$refs.table.toggleRowSelection(row, false); | ||
| 159 | } | ||
| 160 | // 不然就让当前的一行勾选 | ||
| 161 | else { | ||
| 162 | this.$refs.table.toggleRowSelection(row, true); | ||
| 163 | } | ||
| 164 | }) | ||
| 165 | } | ||
| 166 | else { | ||
| 167 | this.$refs.table.toggleRowSelection(row, true); | ||
| 168 | } | ||
| 169 | } else { | ||
| 170 | this.$refs.table.toggleRowSelection(row); | ||
| 171 | } | ||
| 172 | }, | ||
| 173 | } | ||
| 174 | } | ||
| 175 | </script> | ||
| 176 | <style scoped lang="scss"> | ||
| 177 | @import "~@/styles/mixin.scss"; | ||
| 178 | @import "~@/styles/public.scss"; | ||
| 179 | </style> |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:37:24 | 4 | * @LastEditTime: 2023-05-17 10:37:24 |
| ... | @@ -88,11 +88,11 @@ class data extends filter { | ... | @@ -88,11 +88,11 @@ class data extends filter { |
| 88 | prop: "mjmc", | 88 | prop: "mjmc", |
| 89 | width: '100', | 89 | width: '100', |
| 90 | label: "使用权面积", | 90 | label: "使用权面积", |
| 91 | }, | 91 | }, |
| 92 | { | 92 | { |
| 93 | prop: "ytmc", | 93 | prop: "ytmc", |
| 94 | label: "土地用途", | 94 | label: "土地用途", |
| 95 | }, | 95 | }, |
| 96 | { | 96 | { |
| 97 | prop: "qdjgmc", | 97 | prop: "qdjgmc", |
| 98 | width: '100', | 98 | width: '100', | ... | ... |
| 1 | /* | ||
| 2 | * @Description: 土地所有权对象处理 | ||
| 3 | * @Autor: ssq | ||
| 4 | * @LastEditTime: 2023年06月28日 11:08:58 | ||
| 5 | */ | ||
| 6 | import filter from '@/utils/filter.js' | ||
| 7 | let vm = null | ||
| 8 | |||
| 9 | const sendThis = (_this) => { | ||
| 10 | vm = _this | ||
| 11 | } | ||
| 12 | class data extends filter { | ||
| 13 | constructor() { | ||
| 14 | super() | ||
| 15 | } | ||
| 16 | columns () { | ||
| 17 | return [ | ||
| 18 | { | ||
| 19 | type: 'selection', | ||
| 20 | label: '全选', | ||
| 21 | selectable: this.selected | ||
| 22 | }, | ||
| 23 | { | ||
| 24 | label: '序号', | ||
| 25 | type: 'index', | ||
| 26 | width: '50', | ||
| 27 | render: (h, scope) => { | ||
| 28 | return ( | ||
| 29 | <div> | ||
| 30 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
| 31 | </div> | ||
| 32 | ) | ||
| 33 | } | ||
| 34 | }, | ||
| 35 | { | ||
| 36 | label: "状态", | ||
| 37 | width: '130', | ||
| 38 | render: (h, scope) => { | ||
| 39 | return ( | ||
| 40 | <div> | ||
| 41 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | ||
| 42 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
| 43 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
| 44 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
| 45 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
| 46 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
| 47 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
| 48 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
| 49 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
| 50 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
| 51 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> | ||
| 52 | </div> | ||
| 53 | ) | ||
| 54 | } | ||
| 55 | }, | ||
| 56 | { | ||
| 57 | prop: "qllxmc", | ||
| 58 | label: "权利类型", | ||
| 59 | }, | ||
| 60 | { | ||
| 61 | prop: "bdcdyh", | ||
| 62 | label: "不动产单元号", | ||
| 63 | minWidth: '150' | ||
| 64 | }, | ||
| 65 | { | ||
| 66 | prop: "bdcqzh", | ||
| 67 | label: "不动产权证号", | ||
| 68 | minWidth: '150' | ||
| 69 | }, | ||
| 70 | { | ||
| 71 | prop: "gyqk", | ||
| 72 | label: "共有方式", | ||
| 73 | }, | ||
| 74 | { | ||
| 75 | prop: "qlrmc", | ||
| 76 | label: "使用权人", | ||
| 77 | }, | ||
| 78 | { | ||
| 79 | prop: "qlrzjhm", | ||
| 80 | label: "证件号", | ||
| 81 | }, | ||
| 82 | { | ||
| 83 | prop: "qlxzmc", | ||
| 84 | width: '80', | ||
| 85 | label: "权利性质", | ||
| 86 | }, | ||
| 87 | { | ||
| 88 | prop: "mjmc", | ||
| 89 | width: '100', | ||
| 90 | label: "使用权面积", | ||
| 91 | }, | ||
| 92 | { | ||
| 93 | prop: "ytmc", | ||
| 94 | label: "土地用途", | ||
| 95 | }, | ||
| 96 | { | ||
| 97 | prop: "zl", | ||
| 98 | label: "坐落", | ||
| 99 | minWidth: '150' | ||
| 100 | }, | ||
| 101 | { | ||
| 102 | label: '操作', | ||
| 103 | width: '80', | ||
| 104 | align: 'center', | ||
| 105 | fixed: 'right', | ||
| 106 | render: (h, scope) => { | ||
| 107 | return ( | ||
| 108 | <div> | ||
| 109 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | ||
| 110 | </div> | ||
| 111 | ) | ||
| 112 | } | ||
| 113 | }, | ||
| 114 | ] | ||
| 115 | } | ||
| 116 | |||
| 117 | |||
| 118 | } | ||
| 119 | let datas = new data() | ||
| 120 | export { | ||
| 121 | datas, | ||
| 122 | sendThis | ||
| 123 | } |
| ... | @@ -15,6 +15,14 @@ export function queueDjywmc(djywbm, djqxbm) { | ... | @@ -15,6 +15,14 @@ export function queueDjywmc(djywbm, djqxbm) { |
| 15 | case "A07100"://集体建设用地使用权(首次登记) | 15 | case "A07100"://集体建设用地使用权(首次登记) |
| 16 | vm = "selectQjzdjbxx"; | 16 | vm = "selectQjzdjbxx"; |
| 17 | break; | 17 | break; |
| 18 | case "A01200": | ||
| 19 | case "A01300": | ||
| 20 | case "A01400": | ||
| 21 | case "A02200": | ||
| 22 | case "A02300": | ||
| 23 | case "A02400": | ||
| 24 | vm = "selectTdsyq"; | ||
| 25 | break; | ||
| 18 | case "A03200": | 26 | case "A03200": |
| 19 | case "A03300": | 27 | case "A03300": |
| 20 | case "A03400": | 28 | case "A03400": | ... | ... |
-
Please register or sign in to post a comment