Merge branch 'dev'
Showing
60 changed files
with
700 additions
and
5642 deletions
| ... | @@ -6,8 +6,11 @@ | ... | @@ -6,8 +6,11 @@ |
| 6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
| 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
| 8 | 8 | ||
| 9 | 9 | /** | |
| 10 | // 数据上报推送查询 | 10 | * @description: 数据上报推送查询 |
| 11 | * @param {*} data | ||
| 12 | * @author: renchao | ||
| 13 | */ | ||
| 11 | export function list (data) { | 14 | export function list (data) { |
| 12 | return request({ | 15 | return request({ |
| 13 | url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/list', | 16 | url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/list', |
| ... | @@ -16,7 +19,11 @@ export function list (data) { | ... | @@ -16,7 +19,11 @@ export function list (data) { |
| 16 | }) | 19 | }) |
| 17 | } | 20 | } |
| 18 | 21 | ||
| 19 | // 数据上报推送 | 22 | /** |
| 23 | * @description: 数据上报推送 | ||
| 24 | * @param {*} data | ||
| 25 | * @author: renchao | ||
| 26 | */ | ||
| 20 | export function push (data) { | 27 | export function push (data) { |
| 21 | return request({ | 28 | return request({ |
| 22 | url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/push', | 29 | url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/push', |
| ... | @@ -25,7 +32,11 @@ export function push (data) { | ... | @@ -25,7 +32,11 @@ export function push (data) { |
| 25 | }) | 32 | }) |
| 26 | } | 33 | } |
| 27 | 34 | ||
| 28 | // 数据上报推送 | 35 | /** |
| 36 | * @description: 数据上报推送 | ||
| 37 | * @param {*} bsm | ||
| 38 | * @author: renchao | ||
| 39 | */ | ||
| 29 | export function detail (bsm) { | 40 | export function detail (bsm) { |
| 30 | return request({ | 41 | return request({ |
| 31 | url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/detail?bsm=' + bsm, | 42 | url: SERVER.SERVERAPI + '/rest/system/sysPushRecord/detail?bsm=' + bsm, | ... | ... |
| ... | @@ -31,6 +31,11 @@ export function BatchInit (data) { | ... | @@ -31,6 +31,11 @@ export function BatchInit (data) { |
| 31 | }) | 31 | }) |
| 32 | } | 32 | } |
| 33 | 33 | ||
| 34 | /** | ||
| 35 | * @description: 初始化 | ||
| 36 | * @param {*} data | ||
| 37 | * @author: renchao | ||
| 38 | */ | ||
| 34 | export function Init (data) { | 39 | export function Init (data) { |
| 35 | let apiUrl = ""; | 40 | let apiUrl = ""; |
| 36 | switch (data.get("djlx")) { | 41 | switch (data.get("djlx")) { | ... | ... |
| ... | @@ -6,7 +6,11 @@ | ... | @@ -6,7 +6,11 @@ |
| 6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
| 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
| 8 | 8 | ||
| 9 | // 初始化内容 | 9 | /** |
| 10 | * @description: 初始化 | ||
| 11 | * @param {*} data | ||
| 12 | * @author: renchao | ||
| 13 | */ | ||
| 10 | export function Init (data) { | 14 | export function Init (data) { |
| 11 | let apiUrl = ""; | 15 | let apiUrl = ""; |
| 12 | switch (data.get("djlx")) { | 16 | switch (data.get("djlx")) { | ... | ... |
| ... | @@ -6,7 +6,11 @@ | ... | @@ -6,7 +6,11 @@ |
| 6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
| 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
| 8 | 8 | ||
| 9 | // 初始化内容 | 9 | /** |
| 10 | * @description: 初始化 | ||
| 11 | * @param {*} data | ||
| 12 | * @author: renchao | ||
| 13 | */ | ||
| 10 | export function Init (data) { | 14 | export function Init (data) { |
| 11 | let apiUrl = ""; | 15 | let apiUrl = ""; |
| 12 | switch (data.get("djlx")) { | 16 | switch (data.get("djlx")) { |
| ... | @@ -39,7 +43,11 @@ export function Init (data) { | ... | @@ -39,7 +43,11 @@ export function Init (data) { |
| 39 | }) | 43 | }) |
| 40 | } | 44 | } |
| 41 | 45 | ||
| 42 | // 初始化内容 | 46 | /** |
| 47 | * @description: 保存数据 | ||
| 48 | * @param {*} data | ||
| 49 | * @author: renchao | ||
| 50 | */ | ||
| 43 | export function saveData (data) { | 51 | export function saveData (data) { |
| 44 | return request({ | 52 | return request({ |
| 45 | url: SERVER.SERVERAPI + '/rest/ywbl/nydsyqlr/saveData', | 53 | url: SERVER.SERVERAPI + '/rest/ywbl/nydsyqlr/saveData', | ... | ... |
| ... | @@ -6,7 +6,11 @@ | ... | @@ -6,7 +6,11 @@ |
| 6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
| 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
| 8 | 8 | ||
| 9 | // 初始化内容 | 9 | /** |
| 10 | * @description: 初始化 | ||
| 11 | * @param {*} data | ||
| 12 | * @author: renchao | ||
| 13 | */ | ||
| 10 | export function Init (data) { | 14 | export function Init (data) { |
| 11 | let apiUrl = ""; | 15 | let apiUrl = ""; |
| 12 | switch (data.get("djlx")) { | 16 | switch (data.get("djlx")) { | ... | ... |
| ... | @@ -5,7 +5,11 @@ | ... | @@ -5,7 +5,11 @@ |
| 5 | */ | 5 | */ |
| 6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
| 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
| 8 | // 初始化内容 | 8 | /** |
| 9 | * @description: 初始化 | ||
| 10 | * @param {*} data | ||
| 11 | * @author: renchao | ||
| 12 | */ | ||
| 9 | export function Init (data) { | 13 | export function Init (data) { |
| 10 | let apiUrl = ""; | 14 | let apiUrl = ""; |
| 11 | switch (data.get("djlx")) { | 15 | switch (data.get("djlx")) { |
| ... | @@ -37,7 +41,11 @@ export function Init (data) { | ... | @@ -37,7 +41,11 @@ export function Init (data) { |
| 37 | data | 41 | data |
| 38 | }) | 42 | }) |
| 39 | } | 43 | } |
| 40 | // 初始化内容 | 44 | /** |
| 45 | * @description: 保存数据 | ||
| 46 | * @param {*} data | ||
| 47 | * @author: renchao | ||
| 48 | */ | ||
| 41 | export function saveData (data) { | 49 | export function saveData (data) { |
| 42 | return request({ | 50 | return request({ |
| 43 | url: SERVER.SERVERAPI + '/rest/ywbl/ygmmdj/saveData', | 51 | url: SERVER.SERVERAPI + '/rest/ywbl/ygmmdj/saveData', | ... | ... |
| ... | @@ -5,7 +5,11 @@ | ... | @@ -5,7 +5,11 @@ |
| 5 | */ | 5 | */ |
| 6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
| 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
| 8 | // 初始化内容 | 8 | /** |
| 9 | * @description: 初始化 | ||
| 10 | * @param {*} data | ||
| 11 | * @author: renchao | ||
| 12 | */ | ||
| 9 | export function Init (data) { | 13 | export function Init (data) { |
| 10 | let apiUrl = ""; | 14 | let apiUrl = ""; |
| 11 | switch (data.get("djlx")) { | 15 | switch (data.get("djlx")) { |
| ... | @@ -37,7 +41,11 @@ export function Init (data) { | ... | @@ -37,7 +41,11 @@ export function Init (data) { |
| 37 | data | 41 | data |
| 38 | }) | 42 | }) |
| 39 | } | 43 | } |
| 40 | // 初始化内容 | 44 | /** |
| 45 | * @description: 保存数据 | ||
| 46 | * @param {*} data | ||
| 47 | * @author: renchao | ||
| 48 | */ | ||
| 41 | export function saveData (data) { | 49 | export function saveData (data) { |
| 42 | return request({ | 50 | return request({ |
| 43 | url: SERVER.SERVERAPI + '/rest/ywbl/ygdydj/saveData', | 51 | url: SERVER.SERVERAPI + '/rest/ywbl/ygdydj/saveData', | ... | ... |
| ... | @@ -6,7 +6,11 @@ | ... | @@ -6,7 +6,11 @@ |
| 6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
| 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
| 8 | 8 | ||
| 9 | // 初始化内容 | 9 | /** |
| 10 | * @description: 初始化 | ||
| 11 | * @param {*} data | ||
| 12 | * @author: renchao | ||
| 13 | */ | ||
| 10 | export function Init (data) { | 14 | export function Init (data) { |
| 11 | return request({ | 15 | return request({ |
| 12 | url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/init", | 16 | url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/init", |
| ... | @@ -14,7 +18,11 @@ export function Init (data) { | ... | @@ -14,7 +18,11 @@ export function Init (data) { |
| 14 | data | 18 | data |
| 15 | }) | 19 | }) |
| 16 | } | 20 | } |
| 17 | // 批量初始化内容 | 21 | /** |
| 22 | * @description: 批量初始化 | ||
| 23 | * @param {*} data | ||
| 24 | * @author: renchao | ||
| 25 | */ | ||
| 18 | export function bacthInit (data) { | 26 | export function bacthInit (data) { |
| 19 | let apiUrl = ""; | 27 | let apiUrl = ""; |
| 20 | switch (data.get("djlx")) { | 28 | switch (data.get("djlx")) { |
| ... | @@ -46,7 +54,11 @@ export function bacthInit (data) { | ... | @@ -46,7 +54,11 @@ export function bacthInit (data) { |
| 46 | data | 54 | data |
| 47 | }) | 55 | }) |
| 48 | } | 56 | } |
| 49 | // 受理信息保存 | 57 | /** |
| 58 | * @description: 保存数据 | ||
| 59 | * @param {*} data | ||
| 60 | * @author: renchao | ||
| 61 | */ | ||
| 50 | export function saveData (data, djlx) { | 62 | export function saveData (data, djlx) { |
| 51 | let apiUrl = "/rest/ywbl/zjgcdy/saveData"; | 63 | let apiUrl = "/rest/ywbl/zjgcdy/saveData"; |
| 52 | if (djlx == "400") { | 64 | if (djlx == "400") { |
| ... | @@ -59,7 +71,11 @@ export function saveData (data, djlx) { | ... | @@ -59,7 +71,11 @@ export function saveData (data, djlx) { |
| 59 | }) | 71 | }) |
| 60 | } | 72 | } |
| 61 | 73 | ||
| 62 | // 受理信息保存 | 74 | /** |
| 75 | * @description: 批量保存 | ||
| 76 | * @param {*} data | ||
| 77 | * @author: renchao | ||
| 78 | */ | ||
| 63 | export function saveBatchData (data, djlx) { | 79 | export function saveBatchData (data, djlx) { |
| 64 | return request({ | 80 | return request({ |
| 65 | url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/saveBatchData", | 81 | url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/saveBatchData", |
| ... | @@ -67,7 +83,12 @@ export function saveBatchData (data, djlx) { | ... | @@ -67,7 +83,12 @@ export function saveBatchData (data, djlx) { |
| 67 | data | 83 | data |
| 68 | }) | 84 | }) |
| 69 | } | 85 | } |
| 70 | // 上传单个文件 | 86 | |
| 87 | /** | ||
| 88 | * @description: 上传当个文件 | ||
| 89 | * @param {*} data | ||
| 90 | * @author: renchao | ||
| 91 | */ | ||
| 71 | export function sjClmxUpload (data) { | 92 | export function sjClmxUpload (data) { |
| 72 | return request({ | 93 | return request({ |
| 73 | url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/upload', | 94 | url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/upload', |
| ... | @@ -75,7 +96,12 @@ export function sjClmxUpload (data) { | ... | @@ -75,7 +96,12 @@ export function sjClmxUpload (data) { |
| 75 | data | 96 | data |
| 76 | }) | 97 | }) |
| 77 | } | 98 | } |
| 78 | // 删除上传文件 | 99 | |
| 100 | /** | ||
| 101 | * @description: 删除多个文件 | ||
| 102 | * @param {*} data | ||
| 103 | * @author: renchao | ||
| 104 | */ | ||
| 79 | export function sjClmxDelete (bsmClmx) { | 105 | export function sjClmxDelete (bsmClmx) { |
| 80 | return request({ | 106 | return request({ |
| 81 | url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/delete?bsmClmx=' + bsmClmx, | 107 | url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/delete?bsmClmx=' + bsmClmx, | ... | ... |
| ... | @@ -54,12 +54,20 @@ export default { | ... | @@ -54,12 +54,20 @@ export default { |
| 54 | 54 | ||
| 55 | computed: { | 55 | computed: { |
| 56 | model: { | 56 | model: { |
| 57 | /** | ||
| 58 | * @description: get | ||
| 59 | * @author: renchao | ||
| 60 | */ | ||
| 57 | get () { | 61 | get () { |
| 58 | return this.isGroup | 62 | return this.isGroup |
| 59 | ? this.store : this.value !== undefined | 63 | ? this.store : this.value !== undefined |
| 60 | ? this.value : this.selfModel; | 64 | ? this.value : this.selfModel; |
| 61 | }, | 65 | }, |
| 62 | 66 | /** | |
| 67 | * @description: set | ||
| 68 | * @param {*} val | ||
| 69 | * @author: renchao | ||
| 70 | */ | ||
| 63 | set (val) { | 71 | set (val) { |
| 64 | if (this.isGroup) { | 72 | if (this.isGroup) { |
| 65 | this.isLimitExceeded = false; | 73 | this.isLimitExceeded = false; |
| ... | @@ -80,6 +88,10 @@ export default { | ... | @@ -80,6 +88,10 @@ export default { |
| 80 | } | 88 | } |
| 81 | }, | 89 | }, |
| 82 | 90 | ||
| 91 | /** | ||
| 92 | * @description: isChecked | ||
| 93 | * @author: renchao | ||
| 94 | */ | ||
| 83 | isChecked () { | 95 | isChecked () { |
| 84 | if ({}.toString.call(this.model) === '[object Boolean]') { | 96 | if ({}.toString.call(this.model) === '[object Boolean]') { |
| 85 | return this.model; | 97 | return this.model; |
| ... | @@ -89,7 +101,10 @@ export default { | ... | @@ -89,7 +101,10 @@ export default { |
| 89 | return this.model === this.trueLabel; | 101 | return this.model === this.trueLabel; |
| 90 | } | 102 | } |
| 91 | }, | 103 | }, |
| 92 | 104 | /** | |
| 105 | * @description: isGroup | ||
| 106 | * @author: renchao | ||
| 107 | */ | ||
| 93 | isGroup () { | 108 | isGroup () { |
| 94 | let parent = this.$parent; | 109 | let parent = this.$parent; |
| 95 | while (parent) { | 110 | while (parent) { |
| ... | @@ -102,29 +117,44 @@ export default { | ... | @@ -102,29 +117,44 @@ export default { |
| 102 | } | 117 | } |
| 103 | return false; | 118 | return false; |
| 104 | }, | 119 | }, |
| 105 | 120 | /** | |
| 121 | * @description: store | ||
| 122 | * @author: renchao | ||
| 123 | */ | ||
| 106 | store () { | 124 | store () { |
| 107 | return this._checkboxGroup ? this._checkboxGroup.value : this.value; | 125 | return this._checkboxGroup ? this._checkboxGroup.value : this.value; |
| 108 | }, | 126 | }, |
| 109 | 127 | ||
| 110 | /* used to make the isDisabled judgment under max/min props */ | 128 | /** |
| 129 | * @description: isLimitDisabled | ||
| 130 | * @author: renchao | ||
| 131 | */ | ||
| 111 | isLimitDisabled () { | 132 | isLimitDisabled () { |
| 112 | const { max, min } = this._checkboxGroup; | 133 | const { max, min } = this._checkboxGroup; |
| 113 | return !!(max || min) && | 134 | return !!(max || min) && |
| 114 | (this.model.length >= max && !this.isChecked) || | 135 | (this.model.length >= max && !this.isChecked) || |
| 115 | (this.model.length <= min && this.isChecked); | 136 | (this.model.length <= min && this.isChecked); |
| 116 | }, | 137 | }, |
| 117 | 138 | /** | |
| 139 | * @description: isDisabled | ||
| 140 | * @author: renchao | ||
| 141 | */ | ||
| 118 | isDisabled () { | 142 | isDisabled () { |
| 119 | return this.isGroup | 143 | return this.isGroup |
| 120 | ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled | 144 | ? this._checkboxGroup.disabled || this.disabled || (this.elForm || {}).disabled || this.isLimitDisabled |
| 121 | : this.disabled || (this.elForm || {}).disabled; | 145 | : this.disabled || (this.elForm || {}).disabled; |
| 122 | }, | 146 | }, |
| 123 | 147 | /** | |
| 148 | * @description: _elFormItemSize | ||
| 149 | * @author: renchao | ||
| 150 | */ | ||
| 124 | _elFormItemSize () { | 151 | _elFormItemSize () { |
| 125 | return (this.elFormItem || {}).elFormItemSize; | 152 | return (this.elFormItem || {}).elFormItemSize; |
| 126 | }, | 153 | }, |
| 127 | 154 | /** | |
| 155 | * @description: checkboxSize | ||
| 156 | * @author: renchao | ||
| 157 | */ | ||
| 128 | checkboxSize () { | 158 | checkboxSize () { |
| 129 | const temCheckboxSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size; | 159 | const temCheckboxSize = this.size || this._elFormItemSize || (this.$ELEMENT || {}).size; |
| 130 | return this.isGroup | 160 | return this.isGroup |
| ... | @@ -149,6 +179,10 @@ export default { | ... | @@ -149,6 +179,10 @@ export default { |
| 149 | }, | 179 | }, |
| 150 | 180 | ||
| 151 | methods: { | 181 | methods: { |
| 182 | /** | ||
| 183 | * @description: addToStore | ||
| 184 | * @author: renchao | ||
| 185 | */ | ||
| 152 | addToStore () { | 186 | addToStore () { |
| 153 | if ( | 187 | if ( |
| 154 | Array.isArray(this.model) && | 188 | Array.isArray(this.model) && |
| ... | @@ -159,6 +193,10 @@ export default { | ... | @@ -159,6 +193,10 @@ export default { |
| 159 | this.model = this.trueLabel || true; | 193 | this.model = this.trueLabel || true; |
| 160 | } | 194 | } |
| 161 | }, | 195 | }, |
| 196 | /** | ||
| 197 | * @description: handleChange | ||
| 198 | * @author: renchao | ||
| 199 | */ | ||
| 162 | handleChange (ev) { | 200 | handleChange (ev) { |
| 163 | if (this.isLimitExceeded) return; | 201 | if (this.isLimitExceeded) return; |
| 164 | let value; | 202 | let value; |
| ... | @@ -175,16 +213,26 @@ export default { | ... | @@ -175,16 +213,26 @@ export default { |
| 175 | }); | 213 | }); |
| 176 | } | 214 | } |
| 177 | }, | 215 | }, |
| 178 | 216 | /** | |
| 217 | * @description: created | ||
| 218 | * @author: renchao | ||
| 219 | */ | ||
| 179 | created () { | 220 | created () { |
| 180 | this.checked && this.addToStore(); | 221 | this.checked && this.addToStore(); |
| 181 | }, | 222 | }, |
| 223 | /** | ||
| 224 | * @description: mounted | ||
| 225 | * @author: renchao | ||
| 226 | */ | ||
| 182 | mounted () { // 为indeterminate元素 添加aria-controls 属性 | 227 | mounted () { // 为indeterminate元素 添加aria-controls 属性 |
| 183 | if (this.indeterminate) { | 228 | if (this.indeterminate) { |
| 184 | this.$el.setAttribute('aria-controls', this.controls); | 229 | this.$el.setAttribute('aria-controls', this.controls); |
| 185 | } | 230 | } |
| 186 | }, | 231 | }, |
| 187 | 232 | /** | |
| 233 | * @description: watch | ||
| 234 | * @author: renchao | ||
| 235 | */ | ||
| 188 | watch: { | 236 | watch: { |
| 189 | value (value) { | 237 | value (value) { |
| 190 | this.dispatch('ElFormItem', 'el.form.change', value); | 238 | this.dispatch('ElFormItem', 'el.form.change', value); | ... | ... |
| ... | @@ -92,6 +92,10 @@ export default { | ... | @@ -92,6 +92,10 @@ export default { |
| 92 | } | 92 | } |
| 93 | }, | 93 | }, |
| 94 | methods: { | 94 | methods: { |
| 95 | /** | ||
| 96 | * @description: handleFullscreen | ||
| 97 | * @author: renchao | ||
| 98 | */ | ||
| 95 | handleFullscreen () { | 99 | handleFullscreen () { |
| 96 | this.fullscreen = !this.fullscreen | 100 | this.fullscreen = !this.fullscreen |
| 97 | if (!this.fullscreen) { | 101 | if (!this.fullscreen) { |
| ... | @@ -100,11 +104,19 @@ export default { | ... | @@ -100,11 +104,19 @@ export default { |
| 100 | this.scrollerHeight = (window.innerHeight - 120) + 'px' | 104 | this.scrollerHeight = (window.innerHeight - 120) + 'px' |
| 101 | } | 105 | } |
| 102 | }, | 106 | }, |
| 107 | /** | ||
| 108 | * @description: submitForm | ||
| 109 | * @author: renchao | ||
| 110 | */ | ||
| 103 | submitForm () { | 111 | submitForm () { |
| 104 | if (this.isButton) { | 112 | if (this.isButton) { |
| 105 | this.$emit('submitForm'); | 113 | this.$emit('submitForm'); |
| 106 | } | 114 | } |
| 107 | }, | 115 | }, |
| 116 | /** | ||
| 117 | * @description: closeDialog | ||
| 118 | * @author: renchao | ||
| 119 | */ | ||
| 108 | closeDialog () { | 120 | closeDialog () { |
| 109 | this.key++ | 121 | this.key++ |
| 110 | this.$emit('input', false) | 122 | this.$emit('input', false) | ... | ... |
| ... | @@ -106,6 +106,11 @@ | ... | @@ -106,6 +106,11 @@ |
| 106 | components: { | 106 | components: { |
| 107 | LbColumn, | 107 | LbColumn, |
| 108 | }, | 108 | }, |
| 109 | |||
| 110 | /** | ||
| 111 | * @description: data | ||
| 112 | * @author: renchao | ||
| 113 | */ | ||
| 109 | data () { | 114 | data () { |
| 110 | return { | 115 | return { |
| 111 | tableHeight: 'auto', | 116 | tableHeight: 'auto', |
| ... | @@ -114,6 +119,10 @@ | ... | @@ -114,6 +119,10 @@ |
| 114 | selected: '' | 119 | selected: '' |
| 115 | } | 120 | } |
| 116 | }, | 121 | }, |
| 122 | /** | ||
| 123 | * @description: created | ||
| 124 | * @author: renchao | ||
| 125 | */ | ||
| 117 | created () { | 126 | created () { |
| 118 | this.getMergeArr(this.data, this.merge) | 127 | this.getMergeArr(this.data, this.merge) |
| 119 | this.getHeight() | 128 | this.getHeight() |
| ... | @@ -124,17 +133,29 @@ | ... | @@ -124,17 +133,29 @@ |
| 124 | }, | 133 | }, |
| 125 | }, | 134 | }, |
| 126 | methods: { | 135 | methods: { |
| 127 | // 单选 | 136 | /** |
| 137 | * @description: 单选 | ||
| 138 | * @param {*} row | ||
| 139 | * @author: renchao | ||
| 140 | */ | ||
| 128 | singleElection (row) { | 141 | singleElection (row) { |
| 129 | this.selected = this.data.indexOf(row); | 142 | this.selected = this.data.indexOf(row); |
| 130 | // this.$emit('row-click', row) | 143 | // this.$emit('row-click', row) |
| 131 | }, | 144 | }, |
| 132 | 145 | ||
| 146 | /** | ||
| 147 | * @description: tableRowClassName | ||
| 148 | * @author: renchao | ||
| 149 | */ | ||
| 133 | tableRowClassName ({ row, rowIndex }) { | 150 | tableRowClassName ({ row, rowIndex }) { |
| 134 | if (rowIndex % 2 === 1) { | 151 | if (rowIndex % 2 === 1) { |
| 135 | return 'interlaced'; | 152 | return 'interlaced'; |
| 136 | } | 153 | } |
| 137 | }, | 154 | }, |
| 155 | /** | ||
| 156 | * @description: getHeight | ||
| 157 | * @author: renchao | ||
| 158 | */ | ||
| 138 | getHeight () { | 159 | getHeight () { |
| 139 | if (!this.heightNumSetting) { | 160 | if (!this.heightNumSetting) { |
| 140 | let _this = this | 161 | let _this = this |
| ... | @@ -170,6 +191,12 @@ | ... | @@ -170,6 +191,12 @@ |
| 170 | }) | 191 | }) |
| 171 | } | 192 | } |
| 172 | }, | 193 | }, |
| 194 | /** | ||
| 195 | * @description: calcHeightx | ||
| 196 | * @param {*} value | ||
| 197 | * @param {*} wappered | ||
| 198 | * @author: renchao | ||
| 199 | */ | ||
| 173 | calcHeightx (value, wappered = true) { | 200 | calcHeightx (value, wappered = true) { |
| 174 | //项目自定义的公共header部分的高度,可忽略 | 201 | //项目自定义的公共header部分的高度,可忽略 |
| 175 | let header = document.querySelector(".from-clues-header").offsetHeight; | 202 | let header = document.querySelector(".from-clues-header").offsetHeight; |
| ... | @@ -195,36 +222,89 @@ | ... | @@ -195,36 +222,89 @@ |
| 195 | } | 222 | } |
| 196 | return res; | 223 | return res; |
| 197 | }, | 224 | }, |
| 225 | /** | ||
| 226 | * @description: clearSelection | ||
| 227 | * @author: renchao | ||
| 228 | */ | ||
| 198 | clearSelection () { | 229 | clearSelection () { |
| 199 | this.$refs.elTable.clearSelection() | 230 | this.$refs.elTable.clearSelection() |
| 200 | }, | 231 | }, |
| 232 | /** | ||
| 233 | * @description: toggleRowSelection | ||
| 234 | * @author: renchao | ||
| 235 | */ | ||
| 201 | toggleRowSelection (row, selected) { | 236 | toggleRowSelection (row, selected) { |
| 202 | this.$refs.elTable.toggleRowSelection(row, selected) | 237 | this.$refs.elTable.toggleRowSelection(row, selected) |
| 203 | }, | 238 | }, |
| 239 | /** | ||
| 240 | * @description: toggleAllSelection | ||
| 241 | * @author: renchao | ||
| 242 | */ | ||
| 204 | toggleAllSelection () { | 243 | toggleAllSelection () { |
| 205 | this.$refs.elTable.toggleAllSelection() | 244 | this.$refs.elTable.toggleAllSelection() |
| 206 | }, | 245 | }, |
| 246 | /** | ||
| 247 | * @description: toggleRowExpansion | ||
| 248 | * @param {*} row | ||
| 249 | * @param {*} bsm | ||
| 250 | * @author: renchao | ||
| 251 | */ | ||
| 207 | toggleRowExpansion (row, expanded) { | 252 | toggleRowExpansion (row, expanded) { |
| 208 | this.$refs.elTable.toggleRowExpansion(row, expanded) | 253 | this.$refs.elTable.toggleRowExpansion(row, expanded) |
| 209 | }, | 254 | }, |
| 255 | /** | ||
| 256 | * @description: setCurrentRow | ||
| 257 | * @param {*} row | ||
| 258 | * @author: renchao | ||
| 259 | */ | ||
| 210 | setCurrentRow (row) { | 260 | setCurrentRow (row) { |
| 211 | this.$refs.elTable.setCurrentRow(row) | 261 | this.$refs.elTable.setCurrentRow(row) |
| 212 | }, | 262 | }, |
| 263 | /** | ||
| 264 | * @description: setCurrentRow | ||
| 265 | * @author: renchao | ||
| 266 | */ | ||
| 213 | clearSort () { | 267 | clearSort () { |
| 214 | this.$refs.elTable.clearSort() | 268 | this.$refs.elTable.clearSort() |
| 215 | }, | 269 | }, |
| 270 | /** | ||
| 271 | * @description: clearFilter | ||
| 272 | * @param {*} columnKey | ||
| 273 | * @author: renchao | ||
| 274 | */ | ||
| 216 | clearFilter (columnKey) { | 275 | clearFilter (columnKey) { |
| 217 | this.$refs.elTable.clearFilter(columnKey) | 276 | this.$refs.elTable.clearFilter(columnKey) |
| 218 | }, | 277 | }, |
| 278 | /** | ||
| 279 | * @description: doLayout | ||
| 280 | * @author: renchao | ||
| 281 | */ | ||
| 219 | doLayout () { | 282 | doLayout () { |
| 220 | this.$refs.elTable.doLayout() | 283 | this.$refs.elTable.doLayout() |
| 221 | }, | 284 | }, |
| 285 | /** | ||
| 286 | * @description: sort | ||
| 287 | * @param {*} prop | ||
| 288 | * @param {*} order | ||
| 289 | * @author: renchao | ||
| 290 | */ | ||
| 222 | sort (prop, order) { | 291 | sort (prop, order) { |
| 223 | this.$refs.elTable.sort(prop, order) | 292 | this.$refs.elTable.sort(prop, order) |
| 224 | }, | 293 | }, |
| 294 | /** | ||
| 295 | * @description: paginationCurrentChange | ||
| 296 | * @param {*} val | ||
| 297 | * @author: renchao | ||
| 298 | */ | ||
| 225 | paginationCurrentChange (val) { | 299 | paginationCurrentChange (val) { |
| 226 | this.$emit('p-current-change', val) | 300 | this.$emit('p-current-change', val) |
| 227 | }, | 301 | }, |
| 302 | /** | ||
| 303 | * @description: getMergeArr | ||
| 304 | * @param {*} tableData | ||
| 305 | * @param {*} merge | ||
| 306 | * @author: renchao | ||
| 307 | */ | ||
| 228 | getMergeArr (tableData, merge) { | 308 | getMergeArr (tableData, merge) { |
| 229 | if (!merge) return | 309 | if (!merge) return |
| 230 | this.mergeLine = {} | 310 | this.mergeLine = {} |
| ... | @@ -247,6 +327,10 @@ | ... | @@ -247,6 +327,10 @@ |
| 247 | }) | 327 | }) |
| 248 | }) | 328 | }) |
| 249 | }, | 329 | }, |
| 330 | /** | ||
| 331 | * @description: mergeMethod | ||
| 332 | * @author: renchao | ||
| 333 | */ | ||
| 250 | mergeMethod ({ row, column, rowIndex, columnIndex }) { | 334 | mergeMethod ({ row, column, rowIndex, columnIndex }) { |
| 251 | const index = this.merge.indexOf(column.property) | 335 | const index = this.merge.indexOf(column.property) |
| 252 | if (index > -1) { | 336 | if (index > -1) { |
| ... | @@ -260,9 +344,17 @@ | ... | @@ -260,9 +344,17 @@ |
| 260 | }, | 344 | }, |
| 261 | }, | 345 | }, |
| 262 | watch: { | 346 | watch: { |
| 347 | /** | ||
| 348 | * @description: merge | ||
| 349 | * @author: renchao | ||
| 350 | */ | ||
| 263 | merge () { | 351 | merge () { |
| 264 | this.getMergeArr(this.data, this.merge) | 352 | this.getMergeArr(this.data, this.merge) |
| 265 | }, | 353 | }, |
| 354 | /** | ||
| 355 | * @description: dataLength | ||
| 356 | * @author: renchao | ||
| 357 | */ | ||
| 266 | dataLength () { | 358 | dataLength () { |
| 267 | this.getMergeArr(this.data, this.merge) | 359 | this.getMergeArr(this.data, this.merge) |
| 268 | } | 360 | } | ... | ... |
src/components/formMenu/qlr.vue
deleted
100644 → 0
| 1 | <template> | ||
| 2 | <div class="temp"> | ||
| 3 | <table class="tempTable" cellspacing="0" cellpadding="0" border="1"> | ||
| 4 | <tr> | ||
| 5 | <template v-if="lq == ''"> | ||
| 6 | <td colspan="2"><span class="table-title">权利人信息</span></td> | ||
| 7 | <td colspan="2">共有方式</td> | ||
| 8 | </template> | ||
| 9 | <template v-else> | ||
| 10 | <td colspan="2">共有方式</td> | ||
| 11 | </template> | ||
| 12 | <td :colspan="lq == '' ? 8 : 10"> | ||
| 13 | <el-row> | ||
| 14 | <el-col :span="14" class="fl" style="line-height:32px"> | ||
| 15 | <el-radio-group v-model="gyfs" @change="updateGyfs"> | ||
| 16 | <el-radio :label="item.bsm" :disabled="+qszt !== 0 || item.disabled" :key="item.bsm" | ||
| 17 | v-for="item in gyfsList">{{ item.mc }}</el-radio> | ||
| 18 | </el-radio-group> | ||
| 19 | </el-col> | ||
| 20 | <el-col :span="10" class="fr"> | ||
| 21 | <!-- <div v-show="qszt=='0'" class="fr" style="margin-right:20px"> | ||
| 22 | <el-button class="qlrBtn" size="mini" @click="addRow"> | ||
| 23 | <i class="iconfont iconxinzeng"></i> 新增 | ||
| 24 | </el-button> | ||
| 25 | <el-button class="qlrBtn" size="mini" @click="changeRow"> | ||
| 26 | <i class="iconfont iconbianji"></i> 编辑 | ||
| 27 | </el-button> | ||
| 28 | <el-button class="qlrBtn" size="mini" @click="delRow"> | ||
| 29 | <i class="iconfont iconshanchu"></i> 删除 | ||
| 30 | </el-button> | ||
| 31 | </div>--> | ||
| 32 | <div v-show="+qszt === 0" class="fr" style="margin-right:20px"> | ||
| 33 | <el-button class="qlrBtn" size="mini" | ||
| 34 | :disabled="+qszt !== 0 || (tableData.length > 0 && gyfs === 'PSHGSBDCQJDC000000000000DC340010')" | ||
| 35 | @click="addRow"> | ||
| 36 | <i class="iconfont iconxinzeng" :disabled="+qszt !== 0"></i> 新增 | ||
| 37 | </el-button> | ||
| 38 | <el-button class="qlrBtn" size="mini" :disabled="+qszt !== 0" @click="changeRow"> | ||
| 39 | <i class="iconfont iconbianji"></i> 编辑 | ||
| 40 | </el-button> | ||
| 41 | <el-button class="qlrBtn" size="mini" :disabled="+qszt !== 0" @click="delRow"> | ||
| 42 | <i class="iconfont iconshanchu"></i> 删除 | ||
| 43 | </el-button> | ||
| 44 | </div> | ||
| 45 | </el-col> | ||
| 46 | </el-row> | ||
| 47 | </td> | ||
| 48 | </tr> | ||
| 49 | </table> | ||
| 50 | |||
| 51 | <el-table class="qlrTable" :data="tableData" style="width: 100%" @selection-change="handleSelectionChange" | ||
| 52 | @row-dblclick="rowDbclick" border> | ||
| 53 | <el-table-column type="selection" width="40" align="center"> | ||
| 54 | </el-table-column> | ||
| 55 | <el-table-column prop="qlrmc" label="权利人名称" align="center"> | ||
| 56 | </el-table-column> | ||
| 57 | <el-table-column prop="qlrlxbsm_dictText" label="权利人类型" align="center"> | ||
| 58 | </el-table-column> | ||
| 59 | <el-table-column prop="zjzlbsm_dictText" label="证件种类" align="center"> | ||
| 60 | </el-table-column> | ||
| 61 | <el-table-column prop="zjh" label="证件号" align="center"> | ||
| 62 | </el-table-column> | ||
| 63 | <el-table-column prop="dz" label="通讯地址" align="center"> | ||
| 64 | </el-table-column> | ||
| 65 | <el-table-column prop="dh" label="联系电话" align="center"> | ||
| 66 | </el-table-column> | ||
| 67 | </el-table> | ||
| 68 | <el-dialog :close-on-click-modal="false" title="权利人信息" :visible.sync="dialogVisible" custom-class="insetDialog" | ||
| 69 | append-to-body width="50%"> | ||
| 70 | <el-form :model="formData" class="qlrForm"> | ||
| 71 | <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> | ||
| 72 | <tr> | ||
| 73 | <td colspan="4" class="tdright"><i class="requisite">*</i>权利人名称</td> | ||
| 74 | <td colspan="6"> | ||
| 75 | <el-input v-model="formData.qlrmc" ref="qlrmc" @blur="inputBlur($event)"></el-input> | ||
| 76 | </td> | ||
| 77 | <td colspan="4" class="tdright"><i class="requisite">*</i>权利人类型</td> | ||
| 78 | <td colspan="6"> | ||
| 79 | <el-select class="formSelect" v-model="formData.qlrlxbsm" ref="qlrlxbsm"> | ||
| 80 | <el-option v-for="item in $store.state.qlrlxList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
| 81 | </el-option> | ||
| 82 | </el-select> | ||
| 83 | </td> | ||
| 84 | </tr> | ||
| 85 | <tr> | ||
| 86 | <td colspan="4" class="tdright"><i class="requisite">*</i>证件类型</td> | ||
| 87 | <td colspan="6"> | ||
| 88 | <el-select class="formSelect" v-model="formData.zjzlbsm" ref="zjzlbsm"> | ||
| 89 | <el-option v-for="item in $store.state.zjzlList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
| 90 | </el-option> | ||
| 91 | </el-select> | ||
| 92 | </td> | ||
| 93 | <td colspan="4" class="tdright"><i class="requisite">*</i>证件号</td> | ||
| 94 | <td colspan="6"> | ||
| 95 | <el-input maxlength="18" v-model="formData.zjh" ref="zjh" @blur="inputBlur($event)"></el-input> | ||
| 96 | </td> | ||
| 97 | </tr> | ||
| 98 | <tr> | ||
| 99 | <td colspan="4" class="tdright"><i class="requisite">*</i>电话</td> | ||
| 100 | <td colspan="6"> | ||
| 101 | <!-- @blur="inputBlur($event)"--> | ||
| 102 | <el-input v-model="formData.dh" ref="dh" @blur="inputBlur($event)"></el-input> | ||
| 103 | </td> | ||
| 104 | <td colspan="4" class="tdright"><i class="requisite">*</i>地址</td> | ||
| 105 | <td colspan="6"> | ||
| 106 | <el-input v-model="formData.dz" ref="dz" @blur="inputBlur($event)"></el-input> | ||
| 107 | </td> | ||
| 108 | </tr> | ||
| 109 | <tr> | ||
| 110 | <td colspan="4" class="tdright">国家</td> | ||
| 111 | <td colspan="6"> | ||
| 112 | <el-select class="formSelect" v-model="formData.gjbsm"> | ||
| 113 | <el-option v-for="item in $store.state.gjList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
| 114 | </el-option> | ||
| 115 | </el-select> | ||
| 116 | </td> | ||
| 117 | <td colspan="4" class="tdright">户籍所在省市</td> | ||
| 118 | <td colspan="6"> | ||
| 119 | <el-select class="formSelect" v-model="formData.hjszssbsm"> | ||
| 120 | <el-option v-for="item in $store.state.ssList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
| 121 | </el-option> | ||
| 122 | </el-select> | ||
| 123 | </td> | ||
| 124 | </tr> | ||
| 125 | <tr> | ||
| 126 | <td colspan="4" class="tdright">性别</td> | ||
| 127 | <td colspan="6"> | ||
| 128 | <el-select class="formSelect" v-model="formData.xbbsm"> | ||
| 129 | <el-option v-for="item in $store.state.xbList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
| 130 | </el-option> | ||
| 131 | </el-select> | ||
| 132 | </td> | ||
| 133 | <td colspan="4" class="tdright">邮编</td> | ||
| 134 | <td colspan="6"> | ||
| 135 | <el-input v-model="formData.yb" /> | ||
| 136 | </td> | ||
| 137 | </tr> | ||
| 138 | <tr> | ||
| 139 | <td colspan="4" class="tdright">所属行业</td> | ||
| 140 | <td colspan="6"> | ||
| 141 | <el-select class="formSelect" v-model="formData.sshy"> | ||
| 142 | <el-option v-for="item in $store.state.sshyList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
| 143 | </el-option> | ||
| 144 | </el-select> | ||
| 145 | </td> | ||
| 146 | <td colspan="4" class="tdright">电子邮件</td> | ||
| 147 | <td colspan="6"> | ||
| 148 | <el-input v-model="formData.dzyj" /> | ||
| 149 | </td> | ||
| 150 | </tr> | ||
| 151 | <tr> | ||
| 152 | <th colspan="20">法人信息</th> | ||
| 153 | </tr> | ||
| 154 | <tr> | ||
| 155 | <td colspan="4" class="tdright">法定代表人或负责人姓名</td> | ||
| 156 | <td colspan="6"> | ||
| 157 | <el-input v-model="formData.fr.dlrfrmc" /> | ||
| 158 | </td> | ||
| 159 | <td colspan="4" class="tdright">证件类型</td> | ||
| 160 | <td colspan="6"> | ||
| 161 | <el-select class="formSelect" v-model="formData.fr.zjzlbsm"> | ||
| 162 | <el-option v-for="item in $store.state.zjzlList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
| 163 | </el-option> | ||
| 164 | </el-select> | ||
| 165 | </td> | ||
| 166 | </tr> | ||
| 167 | <tr> | ||
| 168 | <td colspan="4" class="tdright">证件号码</td> | ||
| 169 | <td colspan="6"> | ||
| 170 | <el-input v-model="formData.fr.zjh" /> | ||
| 171 | </td> | ||
| 172 | <td colspan="4" class="tdright">电话</td> | ||
| 173 | <td colspan="6"> | ||
| 174 | <el-input v-model="formData.fr.dh" /> | ||
| 175 | </td> | ||
| 176 | </tr> | ||
| 177 | <tr> | ||
| 178 | <th colspan="20">代理人信息</th> | ||
| 179 | </tr> | ||
| 180 | <template v-for="(item, index) in formData.dlrList"> | ||
| 181 | <tr :key="item.index"> | ||
| 182 | <td :rowspan="(formData.dlrList.length - 1) * 2 + 2" v-if="index == 0" class="btnCol"> | ||
| 183 | <span :style="{ 'padding-top': (formData.dlrList.length - 1) * 36 + 20 + 'px' }"> | ||
| 184 | <i v-show="index == 0" class="iconfont iconicon-test2" @click="handleClick(item, index, 'add')"></i> | ||
| 185 | </span> | ||
| 186 | <!-- <div class="line" v-show=" index != formData.dlrList.length-1"></div> --> | ||
| 187 | </td> | ||
| 188 | <td rowspan="2" class="minusBtnCol"> | ||
| 189 | <span> | ||
| 190 | <i class="iconfont icon-" @click="handleClick(item, index, 'minus')"></i> | ||
| 191 | </span> | ||
| 192 | </td> | ||
| 193 | <td class="tdright" colspan="2">代理人姓名</td> | ||
| 194 | <td colspan="6"> | ||
| 195 | <el-input v-model="item.dlrfrmc" /> | ||
| 196 | </td> | ||
| 197 | <td colspan="4" class="tdright">证件类型</td> | ||
| 198 | <td colspan="6"> | ||
| 199 | <el-select class="formSelect" v-model="item.zjzlbsm"> | ||
| 200 | <el-option v-for="item in $store.state.zjzlList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
| 201 | </el-option> | ||
| 202 | </el-select> | ||
| 203 | </td> | ||
| 204 | </tr> | ||
| 205 | <!-- <tr :key="item.dh">--> | ||
| 206 | <tr :key="'dh' + index"> | ||
| 207 | <td class="tdright" colspan="2">证件号码</td> | ||
| 208 | <td colspan="6"> | ||
| 209 | <el-input v-model="item.zjh" /> | ||
| 210 | </td> | ||
| 211 | <td colspan="4" class="tdright">电话</td> | ||
| 212 | <td colspan="6"> | ||
| 213 | <el-input v-model="item.dh" /> | ||
| 214 | </td> | ||
| 215 | </tr> | ||
| 216 | </template> | ||
| 217 | |||
| 218 | <tr> | ||
| 219 | <th colspan="20">权利信息</th> | ||
| 220 | </tr> | ||
| 221 | <tr> | ||
| 222 | <td colspan="4" class="tdright">共有方式</td> | ||
| 223 | <td colspan="6"> | ||
| 224 | <el-select class="formSelect" v-model="formData.gyfsbsm" disabled> | ||
| 225 | <el-option v-for="item in $store.state.gyfsList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
| 226 | </el-option> | ||
| 227 | </el-select> | ||
| 228 | </td> | ||
| 229 | <td colspan="4" class="tdright">权利比例(%)</td> | ||
| 230 | <td colspan="6"> | ||
| 231 | <el-input v-model="formData.qlbl"></el-input> | ||
| 232 | </td> | ||
| 233 | </tr> | ||
| 234 | <tr> | ||
| 235 | <td colspan="4" class="tdright">房产证号</td> | ||
| 236 | <td colspan="6"> | ||
| 237 | <el-input v-model="formData.fczh"></el-input> | ||
| 238 | </td> | ||
| 239 | <td colspan="4" class="tdright">土地证号</td> | ||
| 240 | <td colspan="6"> | ||
| 241 | <el-input v-model="formData.tdzh"></el-input> | ||
| 242 | </td> | ||
| 243 | </tr> | ||
| 244 | <tr> | ||
| 245 | <td colspan="4" class="tdright">共有情况</td> | ||
| 246 | <td colspan="12"> | ||
| 247 | <el-input v-model="formData.gyqk"></el-input> | ||
| 248 | </td> | ||
| 249 | </tr> | ||
| 250 | </table> | ||
| 251 | </el-form> | ||
| 252 | <div class="dialog-footer"> | ||
| 253 | <el-button type="primary" @click="addNewQlrInfo">确 定</el-button> | ||
| 254 | <el-button @click="dialogVisible = false">取 消</el-button> | ||
| 255 | </div> | ||
| 256 | </el-dialog> | ||
| 257 | </div> | ||
| 258 | </template> | ||
| 259 | |||
| 260 | <script> | ||
| 261 | // import { getDdicByMC } from "@api/common"; | ||
| 262 | // import { insertQlrDlrFr, getQlrInfoByGlbsm, updateQlrDlrFr, deleteQlrDlrFrByQlrbsm, updateGyGyQlrQk, getQlrByGlbsmAndType } from "@api/qlr"; | ||
| 263 | |||
| 264 | export default { | ||
| 265 | props: { | ||
| 266 | qszt: { | ||
| 267 | type: String, | ||
| 268 | default: "0", | ||
| 269 | }, | ||
| 270 | title: { | ||
| 271 | type: String, | ||
| 272 | default: "", | ||
| 273 | }, | ||
| 274 | topHeight: { | ||
| 275 | type: String, | ||
| 276 | default: "15vh", | ||
| 277 | }, | ||
| 278 | bsm: { | ||
| 279 | type: String, | ||
| 280 | default: "", | ||
| 281 | }, | ||
| 282 | type: { | ||
| 283 | type: String, | ||
| 284 | default: "", | ||
| 285 | }, | ||
| 286 | lq: { | ||
| 287 | type: String, | ||
| 288 | default: "", | ||
| 289 | } | ||
| 290 | }, | ||
| 291 | data () { | ||
| 292 | return { | ||
| 293 | update: false, | ||
| 294 | gyfs: this.$store.state.gyfsList[0].bsm, | ||
| 295 | tableData: [], | ||
| 296 | gyfsList: [], | ||
| 297 | //表格选中项 | ||
| 298 | multipleSelection: [], | ||
| 299 | dialogVisible: false, | ||
| 300 | formData: { | ||
| 301 | addQjDlrFrRequest: [], | ||
| 302 | dlrList: [ | ||
| 303 | { | ||
| 304 | dh: "", | ||
| 305 | dlrfrmc: "", | ||
| 306 | qlrbsm: "", | ||
| 307 | zjh: "", | ||
| 308 | zjzlbsm: "", | ||
| 309 | }, | ||
| 310 | ], | ||
| 311 | fr: { | ||
| 312 | dh: "", | ||
| 313 | dlrfrmc: "", | ||
| 314 | qlrbsm: "", | ||
| 315 | zjh: "", | ||
| 316 | zjzlbsm: "", | ||
| 317 | }, | ||
| 318 | bz: "", | ||
| 319 | dh: "", | ||
| 320 | dz: "", | ||
| 321 | dzyj: "", | ||
| 322 | fczh: "", | ||
| 323 | fzjg: "", | ||
| 324 | gjbsm: "PSHGSBDCQJDC000000000000DC350010", //默认中国 | ||
| 325 | glbsm: "", | ||
| 326 | gyfsbsm: "", | ||
| 327 | gyqk: "", | ||
| 328 | gzdw: "", | ||
| 329 | hjszssbsm: "", | ||
| 330 | isdel: 0, | ||
| 331 | qlbl: "", | ||
| 332 | qlrlxbsm: "", | ||
| 333 | qlrmc: "", | ||
| 334 | sshy: "", | ||
| 335 | sxh: 0, | ||
| 336 | tdzh: "", | ||
| 337 | xbbsm: "", | ||
| 338 | yb: "", | ||
| 339 | zjh: "", | ||
| 340 | zjzlbsm: "", | ||
| 341 | lqqlrtype: "" | ||
| 342 | }, | ||
| 343 | glbsm: '', | ||
| 344 | rules: [], | ||
| 345 | }; | ||
| 346 | }, | ||
| 347 | methods: { | ||
| 348 | inputBlur (e) { | ||
| 349 | if (e.target.value != '') { | ||
| 350 | e.target.style.border = "" | ||
| 351 | } else { | ||
| 352 | e.target.style.border = "1px solid red"; | ||
| 353 | e.target.style.boxSizing = 'border-box'; | ||
| 354 | } | ||
| 355 | }, | ||
| 356 | |||
| 357 | //新增行数据 | ||
| 358 | addRow () { | ||
| 359 | |||
| 360 | console.log(this.gyfs, '共有方式') | ||
| 361 | |||
| 362 | this.update = false; | ||
| 363 | let flag = false; | ||
| 364 | for (let i = 0; i < this.$store.state.gyfsList.length; i++) { | ||
| 365 | let item = this.$store.state.gyfsList[i]; | ||
| 366 | if (item.mc === "单独所有" && item.bsm === this.gyfs) { | ||
| 367 | flag = true; | ||
| 368 | } | ||
| 369 | } | ||
| 370 | if (flag) { | ||
| 371 | if (this.tableData.length > 0) { | ||
| 372 | this.$message({ | ||
| 373 | message: "当前方式不可再新增权利人", | ||
| 374 | type: "warning", | ||
| 375 | }); | ||
| 376 | } else { | ||
| 377 | this.formData.gyfsbsm = this.gyfs; | ||
| 378 | this.dialogVisible = true; | ||
| 379 | } | ||
| 380 | } else { | ||
| 381 | this.formData.gyfsbsm = this.gyfs; | ||
| 382 | this.dialogVisible = true; | ||
| 383 | } | ||
| 384 | }, | ||
| 385 | //确认权利人信息按钮;可以进行新增;可以进行更新; | ||
| 386 | addNewQlrInfo () { | ||
| 387 | |||
| 388 | this.rules = [ | ||
| 389 | { | ||
| 390 | data: this.formData.qlrmc, | ||
| 391 | name: '权利人名称', | ||
| 392 | dom: this.$refs.qlrmc, | ||
| 393 | rule: /^\s*$/g, //非空 | ||
| 394 | }, | ||
| 395 | { | ||
| 396 | data: this.formData.qlrlxbsm, | ||
| 397 | name: '权利人类型', | ||
| 398 | dom: this.$refs.qlrlxbsm, | ||
| 399 | rule: /^\s*$/g, //非空 | ||
| 400 | }, | ||
| 401 | { | ||
| 402 | data: this.formData.zjzlbsm, | ||
| 403 | name: '证件类型', | ||
| 404 | dom: this.$refs.zjzlbsm, | ||
| 405 | rule: /^\s*$/g, //非空 | ||
| 406 | }, | ||
| 407 | { | ||
| 408 | data: this.formData.zjh, | ||
| 409 | name: '证件号', | ||
| 410 | dom: this.$refs.zjh, | ||
| 411 | rule: /^\s*$/g, //非空 | ||
| 412 | }, | ||
| 413 | { | ||
| 414 | data: this.formData.dh, | ||
| 415 | name: '电话', | ||
| 416 | dom: this.$refs.dh, | ||
| 417 | rule: /^\s*$/g, //非空 | ||
| 418 | }, | ||
| 419 | { | ||
| 420 | data: this.formData.dz, | ||
| 421 | name: '地址', | ||
| 422 | dom: this.$refs.dz, | ||
| 423 | rule: /^\s*$/g, //非空 | ||
| 424 | }, | ||
| 425 | ] | ||
| 426 | let flag = true; | ||
| 427 | this.rules.forEach(item => { | ||
| 428 | if (item.rule.test(item.data) || item.data == null) { | ||
| 429 | if (item.dom.$el) { | ||
| 430 | item.dom.$el.style.border = '1px solid red'; | ||
| 431 | item.dom.$el.style.boxSizing = 'border-box'; | ||
| 432 | } else { | ||
| 433 | item.dom.style.border = '1px solid red'; | ||
| 434 | item.dom.style.boxSizing = 'border-box'; | ||
| 435 | } | ||
| 436 | flag = false; | ||
| 437 | return false | ||
| 438 | } | ||
| 439 | console.log(this.tableData, '权利人信息') | ||
| 440 | console.log(this.$store.state.gyfsList[0].bsm, '确定之后共有方式') | ||
| 441 | }) | ||
| 442 | this.$nextTick(() => { | ||
| 443 | if (flag) { | ||
| 444 | //todo 权利人页面调整 | ||
| 445 | this.formData.addQjDlrFrRequest = []; | ||
| 446 | this.formData.glbsm = this.bsm; | ||
| 447 | //将代理人,法人数据合在一起,名称为addQjDlrFrRequest; | ||
| 448 | //法人的type字段类型为0, | ||
| 449 | this.formData.fr.type = 0; | ||
| 450 | this.formData.addQjDlrFrRequest.push(this.formData.fr); | ||
| 451 | for (let k = 0; k < this.formData.dlrList.length; k++) { | ||
| 452 | //代理人的type字段类型为1, | ||
| 453 | this.formData.dlrList[k].type = 1; | ||
| 454 | this.formData.addQjDlrFrRequest.push(this.formData.dlrList[k]); | ||
| 455 | } | ||
| 456 | //林权权利人类型判断 | ||
| 457 | this.formData.lqqlrtype = this.lq; | ||
| 458 | //如果是从更新按钮点击确定的则进行更新操作,如果不是,则进行添加操作 | ||
| 459 | if (this.update) { | ||
| 460 | console.log(this.formData) | ||
| 461 | updateQlrDlrFr(this.formData).then((res) => { | ||
| 462 | if (res.code === 200) { | ||
| 463 | this.dialogVisible = false; | ||
| 464 | this.$message.success("修改完成!"); | ||
| 465 | this.getQlrInfo(this.bsm); | ||
| 466 | this.update = false; | ||
| 467 | } | ||
| 468 | }) | ||
| 469 | } else { | ||
| 470 | insertQlrDlrFr(this.formData).then((res) => { | ||
| 471 | if (res.code === 200) { | ||
| 472 | this.dialogVisible = false; | ||
| 473 | this.tableData.push(this.formData); | ||
| 474 | this.getQlrInfo(this.bsm); | ||
| 475 | Object.assign(this.$data, this.$options.data()) | ||
| 476 | |||
| 477 | } | ||
| 478 | }) | ||
| 479 | } | ||
| 480 | } | ||
| 481 | }) | ||
| 482 | |||
| 483 | |||
| 484 | }, | ||
| 485 | //修改行数据 | ||
| 486 | changeRow () { | ||
| 487 | if (this.multipleSelection.length === 1) { | ||
| 488 | this.dialogVisible = true; | ||
| 489 | this.update = true; | ||
| 490 | this.formData = this.multipleSelection[0]; | ||
| 491 | if (this.multipleSelection[0].frList.length > 0) { | ||
| 492 | this.formData.fr = this.multipleSelection[0].frList[0]; | ||
| 493 | } | ||
| 494 | } else { | ||
| 495 | this.$message({ | ||
| 496 | message: "请选择一条信息后继续操作", | ||
| 497 | type: "warning", | ||
| 498 | }); | ||
| 499 | } | ||
| 500 | }, | ||
| 501 | |||
| 502 | updateGyfs (val) { | ||
| 503 | console.log(val, this.type) | ||
| 504 | updateGyGyQlrQk(this.bsm, this.type, val).then((res) => { | ||
| 505 | if (res.code === 200) { | ||
| 506 | console.log("修改完成!") | ||
| 507 | //todo 修改该建筑物的所有权利人的相关共有方式 | ||
| 508 | } | ||
| 509 | }) | ||
| 510 | }, | ||
| 511 | |||
| 512 | //父组件改变子组件的共有方式 | ||
| 513 | changeGyfs (val) { | ||
| 514 | this.gyfs = val; | ||
| 515 | }, | ||
| 516 | |||
| 517 | //行双击事件 | ||
| 518 | rowDbclick (row) { | ||
| 519 | if (+this.qszt == 0) { | ||
| 520 | this.dialogVisible = true; | ||
| 521 | this.update = true; | ||
| 522 | this.formData = row; | ||
| 523 | if (row.frList.length > 0) { | ||
| 524 | this.formData.fr = row.frList[0]; | ||
| 525 | } | ||
| 526 | } | ||
| 527 | }, | ||
| 528 | |||
| 529 | // inputBlur(e){ | ||
| 530 | // if(e.target.value!=''){ | ||
| 531 | // console.log(e.target.value) | ||
| 532 | // console.log(!(/^1(3|4|5|6|7|8|9)d{9}$/.test(e.target.value))) | ||
| 533 | // if(!(/^1(3|4|5|6|7|8|9)d{9}$/.test(e.target.value))){ | ||
| 534 | // e.target.style.border="1px solid red"; | ||
| 535 | // e.target.style.boxSizing = 'border-box'; | ||
| 536 | // }else { | ||
| 537 | // e.target.style.border="" | ||
| 538 | // } | ||
| 539 | // }else{ | ||
| 540 | // e.target.style.border="1px solid red"; | ||
| 541 | // e.target.style.boxSizing = 'border-box'; | ||
| 542 | // } | ||
| 543 | // }, | ||
| 544 | |||
| 545 | //删除行数据 | ||
| 546 | delRow () { | ||
| 547 | if (this.multipleSelection.length > 0) { | ||
| 548 | let qlrbsms = []; | ||
| 549 | for (let i = 0; i < this.multipleSelection.length; i++) { | ||
| 550 | qlrbsms.push(this.multipleSelection[i].qlrbsm) | ||
| 551 | } | ||
| 552 | console.log(qlrbsms) | ||
| 553 | deleteQlrDlrFrByQlrbsm(qlrbsms).then((res) => { | ||
| 554 | if (res.code === 200) { | ||
| 555 | this.$message.success("删除完成!") | ||
| 556 | this.getQlrInfo(this.bsm); | ||
| 557 | } | ||
| 558 | }) | ||
| 559 | } else { | ||
| 560 | this.$message({ | ||
| 561 | message: "请至少选择一条信息后继续操作", | ||
| 562 | type: "warning", | ||
| 563 | }); | ||
| 564 | } | ||
| 565 | }, | ||
| 566 | //选中表格某一项 | ||
| 567 | handleSelectionChange (val) { | ||
| 568 | this.multipleSelection = val; | ||
| 569 | }, | ||
| 570 | |||
| 571 | //供父组件调用来获取共有方式 | ||
| 572 | getQlgyfsData () { | ||
| 573 | return this.gyfs; | ||
| 574 | }, | ||
| 575 | //供父组件调用来获取权利人表格数据 | ||
| 576 | getQlrxxData () { | ||
| 577 | return this.tableData; | ||
| 578 | }, | ||
| 579 | //增删代理人 | ||
| 580 | handleClick (obj, ind, type) { | ||
| 581 | if (type === "add") { | ||
| 582 | this.formData.dlrList.push({ | ||
| 583 | id: Math.random(), | ||
| 584 | dh: "", | ||
| 585 | dlrfrmc: "", | ||
| 586 | qlrbsm: "", | ||
| 587 | zjh: "", | ||
| 588 | zjzlbsm: "", | ||
| 589 | }); | ||
| 590 | } else { | ||
| 591 | this.formData.dlrList.forEach((item, index) => { | ||
| 592 | if (index == ind && this.formData.dlrList.length > 1) { | ||
| 593 | this.formData.dlrList.splice(ind, 1); | ||
| 594 | } | ||
| 595 | }); | ||
| 596 | } | ||
| 597 | }, | ||
| 598 | getQlrInfo (bsm) { | ||
| 599 | if (this.lq == "") { | ||
| 600 | getQlrInfoByGlbsm(bsm).then((res) => { | ||
| 601 | if (res.code) { | ||
| 602 | if (res.result != null) { | ||
| 603 | this.tableData = res.result; | ||
| 604 | if (this.tableData.length === 0) { | ||
| 605 | this.gyfs = this.$store.state.gyfsList[0].bsm; | ||
| 606 | } else { | ||
| 607 | this.gyfs = res.result[0].gyfsbsm; | ||
| 608 | } | ||
| 609 | } | ||
| 610 | } | ||
| 611 | }) | ||
| 612 | } else { | ||
| 613 | let params = { | ||
| 614 | bsm: bsm, | ||
| 615 | type: this.lq | ||
| 616 | } | ||
| 617 | getQlrByGlbsmAndType(params).then((res) => { | ||
| 618 | if (res.code) { | ||
| 619 | if (res.result != null) { | ||
| 620 | this.tableData = res.result; | ||
| 621 | if (this.tableData.length === 0) { | ||
| 622 | this.gyfs = this.$store.state.gyfsList[0].bsm; | ||
| 623 | } else { | ||
| 624 | this.gyfs = res.result[0].gyfsbsm; | ||
| 625 | } | ||
| 626 | } | ||
| 627 | } | ||
| 628 | }) | ||
| 629 | } | ||
| 630 | } | ||
| 631 | }, | ||
| 632 | created () { | ||
| 633 | this.gyfsList = this.$store.state.gyfsList; | ||
| 634 | }, | ||
| 635 | mounted () { | ||
| 636 | this.getQlrInfo(this.bsm); | ||
| 637 | }, | ||
| 638 | watch: { | ||
| 639 | tableData: { | ||
| 640 | handler: function (v) { | ||
| 641 | this.gyfsList[0].disabled = v.length > 1; | ||
| 642 | }, | ||
| 643 | deep: true | ||
| 644 | }, | ||
| 645 | dialogVisible (n) { | ||
| 646 | if (n === false) { | ||
| 647 | this.formData = { | ||
| 648 | addQjDlrFrRequest: [], | ||
| 649 | dlrList: [ | ||
| 650 | { | ||
| 651 | dh: "", | ||
| 652 | dlrfrmc: "", | ||
| 653 | qlrbsm: "", | ||
| 654 | zjh: "", | ||
| 655 | zjzlbsm: "", | ||
| 656 | }, | ||
| 657 | ], | ||
| 658 | fr: { | ||
| 659 | dh: "", | ||
| 660 | dlrfrmc: "", | ||
| 661 | qlrbsm: "", | ||
| 662 | zjh: "", | ||
| 663 | zjzlbsm: "", | ||
| 664 | }, | ||
| 665 | bz: "", | ||
| 666 | dh: "", | ||
| 667 | dz: "", | ||
| 668 | dzyj: "", | ||
| 669 | fczh: "", | ||
| 670 | fzjg: "", | ||
| 671 | gjbsm: "PSHGSBDCQJDC000000000000DC350010", //默认中国 | ||
| 672 | glbsm: "", | ||
| 673 | gyfsbsm: "", | ||
| 674 | gyqk: "", | ||
| 675 | gzdw: "", | ||
| 676 | hjszssbsm: "", | ||
| 677 | isdel: 0, | ||
| 678 | qlbl: "", | ||
| 679 | qlrlxbsm: "", | ||
| 680 | qlrmc: "", | ||
| 681 | sshy: "", | ||
| 682 | sxh: 0, | ||
| 683 | tdzh: "", | ||
| 684 | xbbsm: "", | ||
| 685 | yb: "", | ||
| 686 | zjh: "", | ||
| 687 | zjzlbsm: "", | ||
| 688 | } | ||
| 689 | } | ||
| 690 | }, | ||
| 691 | |||
| 692 | "formData.qlrlxbsm": function (val) { | ||
| 693 | if (val != '') { | ||
| 694 | this.$refs.qlrlxbsm.$el.style.border = ''; | ||
| 695 | } | ||
| 696 | }, | ||
| 697 | } | ||
| 698 | }; | ||
| 699 | </script> | ||
| 700 | <style lang="scss"> | ||
| 701 | .temp { | ||
| 702 | width: 100%; | ||
| 703 | |||
| 704 | table { | ||
| 705 | border-bottom: 0; | ||
| 706 | background-color: #fff; | ||
| 707 | font-size: 14px; | ||
| 708 | width: 100%; | ||
| 709 | table-layout: fixed; | ||
| 710 | |||
| 711 | .qlrBtn { | ||
| 712 | border: 0; | ||
| 713 | font-size: 14px; | ||
| 714 | } | ||
| 715 | |||
| 716 | .qlrBtn:hover { | ||
| 717 | background-color: none !important; | ||
| 718 | } | ||
| 719 | |||
| 720 | .iconfont { | ||
| 721 | font-size: 14px !important; | ||
| 722 | } | ||
| 723 | |||
| 724 | .span { | ||
| 725 | color: #409eff; | ||
| 726 | margin-right: 10px; | ||
| 727 | cursor: pointer; | ||
| 728 | } | ||
| 729 | |||
| 730 | .noEdit { | ||
| 731 | color: #606266; | ||
| 732 | margin-right: 10px; | ||
| 733 | cursor: not-allowed; | ||
| 734 | } | ||
| 735 | |||
| 736 | .el-radio { | ||
| 737 | margin-right: 20px !important; | ||
| 738 | } | ||
| 739 | |||
| 740 | td { | ||
| 741 | text-align: center; | ||
| 742 | padding: 8px 0; | ||
| 743 | } | ||
| 744 | } | ||
| 745 | |||
| 746 | .table-title { | ||
| 747 | font-weight: 700; | ||
| 748 | font-size: 15px; | ||
| 749 | } | ||
| 750 | |||
| 751 | .el-table th { | ||
| 752 | background-color: #fff !important; | ||
| 753 | } | ||
| 754 | |||
| 755 | el-table td, | ||
| 756 | .el-table th.is-leaf, | ||
| 757 | .el-table--border, | ||
| 758 | .el-table--group { | ||
| 759 | border-color: black; | ||
| 760 | } | ||
| 761 | |||
| 762 | .el-table--border::after, | ||
| 763 | .el-table--group::after, | ||
| 764 | .el-table::before { | ||
| 765 | background-color: rgba(0, 0, 0, 0); | ||
| 766 | } | ||
| 767 | |||
| 768 | .el-table--border td, | ||
| 769 | .el-table--border th, | ||
| 770 | .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed { | ||
| 771 | border-right: 1px solid#E6E6E6; | ||
| 772 | } | ||
| 773 | |||
| 774 | .el-table td, | ||
| 775 | .el-table th { | ||
| 776 | padding: 12px 0; | ||
| 777 | color: #333 !important; | ||
| 778 | font-weight: normal; | ||
| 779 | } | ||
| 780 | |||
| 781 | .el-table td, | ||
| 782 | .el-table th.is-leaf { | ||
| 783 | border-bottom: 1px solid#E6E6E6; | ||
| 784 | border-color: #E6E6E6 !important; | ||
| 785 | } | ||
| 786 | |||
| 787 | .qlrTable { | ||
| 788 | border-color: #E6E6E6 !important; | ||
| 789 | border-bottom: 0; | ||
| 790 | border-right: 0; | ||
| 791 | position: relative; | ||
| 792 | top: -1px; | ||
| 793 | |||
| 794 | .el-input__inner { | ||
| 795 | height: 20px; | ||
| 796 | margin: 0; | ||
| 797 | line-height: 20px; | ||
| 798 | outline: none; | ||
| 799 | border: none; | ||
| 800 | color: #606764; | ||
| 801 | overflow: visible; | ||
| 802 | cursor: text; | ||
| 803 | text-align: center; | ||
| 804 | } | ||
| 805 | } | ||
| 806 | } | ||
| 807 | |||
| 808 | .insetDialog { | ||
| 809 | .qlrForm { | ||
| 810 | height: 500px; | ||
| 811 | overflow-y: scroll; | ||
| 812 | } | ||
| 813 | |||
| 814 | .zdjbxxTable { | ||
| 815 | margin: 10px 0; | ||
| 816 | background-color: #fff; | ||
| 817 | font-size: 14px; | ||
| 818 | width: 100%; | ||
| 819 | border-bottom: 1px solid #000; | ||
| 820 | |||
| 821 | .btnCol, | ||
| 822 | .minusBtnCol { | ||
| 823 | position: relative; | ||
| 824 | padding-right: 0; | ||
| 825 | |||
| 826 | span { | ||
| 827 | display: inline-block; | ||
| 828 | width: 100%; | ||
| 829 | height: 100%; | ||
| 830 | position: relative; | ||
| 831 | box-sizing: border-box; | ||
| 832 | padding-right: 10px; | ||
| 833 | padding-top: 20px; | ||
| 834 | } | ||
| 835 | |||
| 836 | .line { | ||
| 837 | width: 100%; | ||
| 838 | height: 2px; | ||
| 839 | background: #fff; | ||
| 840 | } | ||
| 841 | |||
| 842 | i { | ||
| 843 | color: #66b1ff; | ||
| 844 | font-size: 30px; | ||
| 845 | cursor: pointer; | ||
| 846 | z-index: 1; | ||
| 847 | } | ||
| 848 | } | ||
| 849 | |||
| 850 | .minusBtnCol { | ||
| 851 | i { | ||
| 852 | color: #FA6400; | ||
| 853 | } | ||
| 854 | } | ||
| 855 | |||
| 856 | th { | ||
| 857 | height: 36px; | ||
| 858 | line-height: 36px; | ||
| 859 | } | ||
| 860 | |||
| 861 | td { | ||
| 862 | text-align: right; | ||
| 863 | height: 36px; | ||
| 864 | } | ||
| 865 | |||
| 866 | /deep/.el-input__inner { | ||
| 867 | margin: 0; | ||
| 868 | height: 36px; | ||
| 869 | outline: none; | ||
| 870 | border: none; | ||
| 871 | color: #606764; | ||
| 872 | overflow: visible; | ||
| 873 | text-align: left; | ||
| 874 | cursor: text; | ||
| 875 | } | ||
| 876 | |||
| 877 | .percent68 { | ||
| 878 | width: 68% !important; | ||
| 879 | float: left; | ||
| 880 | position: relative; | ||
| 881 | top: 7px; | ||
| 882 | } | ||
| 883 | |||
| 884 | .percent30 { | ||
| 885 | width: 30% !important; | ||
| 886 | float: left; | ||
| 887 | } | ||
| 888 | |||
| 889 | .el-input__icon { | ||
| 890 | line-height: 37px; | ||
| 891 | } | ||
| 892 | |||
| 893 | .el-select { | ||
| 894 | width: 100%; | ||
| 895 | } | ||
| 896 | } | ||
| 897 | |||
| 898 | .dialog-footer { | ||
| 899 | width: 160px; | ||
| 900 | margin: 20px auto 0; | ||
| 901 | } | ||
| 902 | } | ||
| 903 | </style> |
src/components/formMenu/qlxz.vue
deleted
100644 → 0
| 1 | <template> | ||
| 2 | <div class="temp"> | ||
| 3 | <div class="qlxzAdd fl"> | ||
| 4 | <span>权利性质</span> | ||
| 5 | <i class="iconfont iconicon-test2" v-if="formData.qszt == '0'" @click="handleClick(0, 'add')"></i> | ||
| 6 | <i class="iconfont iconicon-test2" v-if="formData.qszt != '0'" style="cursor: not-allowed;"></i> | ||
| 7 | </div> | ||
| 8 | <el-row class="qlxzModule fl" v-for="(items, index) in countList" :key="items.id"> | ||
| 9 | <template v-for="(childItem, childIndex) in items.list"> | ||
| 10 | <el-col :span="1" class="btnCol " :key="childIndex + '1'" :class="childIndex > 0 ? 'childYT noTopBorder' : ''"> | ||
| 11 | <i v-show="childIndex == 0 && formData.qszt == '0'" | ||
| 12 | :style="{ 'margin-top': (items.list.length - 1) * 57 - 18 + 'px' }" class="iconfont icon- qlxzMinus" | ||
| 13 | @click="handleClick(index, 'minus')"></i> | ||
| 14 | <i v-show="childIndex == 0 && formData.qszt != '0'" | ||
| 15 | :style="{ 'margin-top': (items.list.length - 1) * 57 - 18 + 'px' }" class="iconfont icon- qlxzMinus" | ||
| 16 | style="cursor: not-allowed;"></i> | ||
| 17 | <div :class="items.hasNotBorder ? 'itemShow whiteItem' : 'whiteItem'" v-if="items.isInside"></div> | ||
| 18 | </el-col> | ||
| 19 | <el-col :span="2" class="btnCol tdytAdd" :key="childIndex + '17'" | ||
| 20 | :class="childIndex > 0 ? 'childYT noTopBorder' : ''"> | ||
| 21 | <template> | ||
| 22 | <span v-show="childIndex == 0" | ||
| 23 | :style="{ 'margin-top': (items.list.length - 1) * 57 - 40 + 'px' }">土地用途</span> | ||
| 24 | <i class="iconfont iconicon-test1" v-show="childIndex == 0 && formData.qszt == '0'" | ||
| 25 | :style="{ 'margin-top': (items.list.length - 1) * 57 + 'px' }" | ||
| 26 | @click="handleInClick(index, childIndex, 'add')"></i> | ||
| 27 | <i class="iconfont iconicon-test1" v-show="childIndex == 0 && formData.qszt != '0'" | ||
| 28 | :style="{ 'margin-top': (items.list.length - 1) * 57 + 'px' }" style="cursor: not-allowed;"></i> | ||
| 29 | </template> | ||
| 30 | </el-col> | ||
| 31 | <el-col :span="1" class="btnCol tdytMinus pr10" :key="childIndex + '18'" | ||
| 32 | :class="childIndex > 0 ? 'childYT' : ''"> | ||
| 33 | <i class="iconfont iconicon-test" v-if="formData.qszt == '0'" | ||
| 34 | @click="handleInClick(index, childIndex, 'minus')"></i> | ||
| 35 | <i class="iconfont iconicon-test" v-if="formData.qszt != '0'" style="cursor: not-allowed;"></i> | ||
| 36 | </el-col> | ||
| 37 | <template v-if="hasSyqx"> | ||
| 38 | <el-col :span="3" :key="childIndex + '7'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
| 39 | <ul> | ||
| 40 | <li class="pr10"><i class="requisite">*</i>批准用途</li> | ||
| 41 | <li class="pr10"><i class="requisite">*</i>实际用途</li> | ||
| 42 | <li class="pr10"><i class="requisite">*</i>土地使用起始时间</li> | ||
| 43 | </ul> | ||
| 44 | </el-col> | ||
| 45 | <el-col :span="4" :key="childIndex + '6'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
| 46 | <ul> | ||
| 47 | <li> | ||
| 48 | <el-select-tree class="formSelect percent30" v-if="show" :default-expand-all="defaultExpandAll" | ||
| 49 | ref="pzytdm" :multiple="multiple" :placeholder="placeholder" :disabled="formData.qszt != '0'" | ||
| 50 | :data="$store.state.tdytList" :props="treeProps" :check-strictly="checkStrictly" | ||
| 51 | :clearable="clearable" v-model="childItem.pzytdm"></el-select-tree> | ||
| 52 | </li> | ||
| 53 | <li> | ||
| 54 | <el-select-tree class="formSelect percent30" v-if="show" :default-expand-all="defaultExpandAll" | ||
| 55 | ref="sjytdm" :multiple="multiple" :placeholder="placeholder" :disabled="formData.qszt != '0'" | ||
| 56 | :data="$store.state.tdytList" :props="treeProps" :check-strictly="checkStrictly" | ||
| 57 | :clearable="clearable" v-model="childItem.sjytdm"></el-select-tree> | ||
| 58 | </li> | ||
| 59 | <li> | ||
| 60 | <el-date-picker :disabled="formData.qszt != '0'" v-model="childItem.tdsyqssj" type="date" ref="tdsyqssj" | ||
| 61 | :picker-options="childItem.pickerStart" value-format="yyyy-MM-dd" placeholder="选择日期" | ||
| 62 | @blur="inputBlur($event, true)" @input="startTime(index, childIndex)"> | ||
| 63 | </el-date-picker> | ||
| 64 | </li> | ||
| 65 | </ul> | ||
| 66 | </el-col> | ||
| 67 | <el-col :span="3" :key="childIndex + '5'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
| 68 | <ul> | ||
| 69 | <li class="pr10">地类编码</li> | ||
| 70 | <li class="pr10">地类编码</li> | ||
| 71 | <li class="pr10"><i class="requisite">*</i>年限</li> | ||
| 72 | </ul> | ||
| 73 | </el-col> | ||
| 74 | <el-col :span="3" :key="childIndex + '4'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
| 75 | <ul> | ||
| 76 | <li> | ||
| 77 | <input type="text" style="top: -1px;" :disabled="formData.qszt != '0'" v-model="childItem.pzytdm" | ||
| 78 | class="formInput" /> | ||
| 79 | </li> | ||
| 80 | <li> | ||
| 81 | <input type="text" :disabled="formData.qszt != '0'" v-model="childItem.sjytdm" class="formInput" /> | ||
| 82 | </li> | ||
| 83 | <li> | ||
| 84 | <input type="text" ref="syqx" @blur="inputBlur($event, false)" maxlength="3" | ||
| 85 | onkeyup="value=value.replace(/[^\d]/g,'')" | ||
| 86 | @input="sumTime(index, childIndex, childItem.syqx, childItem.syqx)" :disabled="formData.qszt != '0'" | ||
| 87 | v-model="childItem.syqx" class="formInput" /> | ||
| 88 | </li> | ||
| 89 | </ul> | ||
| 90 | </el-col> | ||
| 91 | <el-col class="pr10" :span="3" :key="childIndex + '2'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
| 92 | <ul> | ||
| 93 | <li>等级</li> | ||
| 94 | <li>等级</li> | ||
| 95 | <li><i class="requisite">*</i>土地使用结束时间</li> | ||
| 96 | </ul> | ||
| 97 | </el-col> | ||
| 98 | <el-col :span="4" :key="childIndex + '3'" class="noRightBorder" :class="childIndex > 0 ? 'childYT ' : ''"> | ||
| 99 | <ul> | ||
| 100 | <li> | ||
| 101 | <el-select :disabled="formData.qszt != '0'" class="formSelect percent30" v-model="childItem.pzdjbsm"> | ||
| 102 | <el-option v-for="item in $store.state.tddjList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
| 103 | </el-option> | ||
| 104 | </el-select> | ||
| 105 | </li> | ||
| 106 | <li> | ||
| 107 | <el-select :disabled="formData.qszt != '0'" class="formSelect percent30" v-model="childItem.sjdjbsm"> | ||
| 108 | <el-option v-for="item in $store.state.tddjList" :key="item.bsm" :label="item.mc" :value="item.bsm"> | ||
| 109 | </el-option> | ||
| 110 | </el-select> | ||
| 111 | </li> | ||
| 112 | <li> | ||
| 113 | <el-date-picker :disabled="formData.qszt != '0'" v-model="childItem.tdsyjssj" type="date" ref="tdsyjssj" | ||
| 114 | @blur="inputBlur($event, true)" :picker-options="childItem.pickerEnd" | ||
| 115 | @input="endTime(index, childIndex, $event)" value-format="yyyy-MM-dd" placeholder="选择日期"> | ||
| 116 | </el-date-picker> | ||
| 117 | </li> | ||
| 118 | </ul> | ||
| 119 | </el-col> | ||
| 120 | </template> | ||
| 121 | <template v-if="!hasSyqx"> | ||
| 122 | <el-col :span="5" :key="childIndex + '7'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
| 123 | <ul> | ||
| 124 | <li class="pr10"><i class="requisite">*</i>批准用途</li> | ||
| 125 | <li class="pr10"><i class="requisite">*</i>实际用途</li> | ||
| 126 | <li class="pr10"><i class="requisite">*</i>土地使用起始时间</li> | ||
| 127 | </ul> | ||
| 128 | </el-col> | ||
| 129 | <el-col :span="5" :key="childIndex + '6'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
| 130 | <ul> | ||
| 131 | <li> | ||
| 132 | <el-select-tree v-if="show" class="formSelect percent30" :default-expand-all="defaultExpandAll" | ||
| 133 | ref="pzytdm" :multiple="multiple" :placeholder="placeholder" :disabled="formData.qszt != '0'" | ||
| 134 | :data="$store.state.tdytList" :props="treeProps" :check-strictly="checkStrictly" | ||
| 135 | :clearable="clearable" v-model="childItem.pzytdm"></el-select-tree> | ||
| 136 | </li> | ||
| 137 | <li> | ||
| 138 | <el-select-tree v-if="show" class="formSelect percent30" :default-expand-all="defaultExpandAll" | ||
| 139 | ref="sjytdm" :multiple="multiple" :placeholder="placeholder" :disabled="formData.qszt != '0'" | ||
| 140 | :data="$store.state.tdytList" :props="treeProps" :check-strictly="checkStrictly" | ||
| 141 | :clearable="clearable" v-model="childItem.sjytdm"></el-select-tree> | ||
| 142 | </li> | ||
| 143 | <li> | ||
| 144 | <el-date-picker v-model="childItem.tdsyqssj" ref="tdsyqssj" :disabled="formData.qszt != '0'" | ||
| 145 | :picker-options="childItem.pickerStart" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" | ||
| 146 | @blur="inputBlur($event, true)" @input="startTime(index, childIndex)"> | ||
| 147 | </el-date-picker> | ||
| 148 | </li> | ||
| 149 | </ul> | ||
| 150 | </el-col> | ||
| 151 | <el-col :span="5" :key="childIndex + '5'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
| 152 | <ul> | ||
| 153 | <li class="pr10">地类编码</li> | ||
| 154 | <li class="pr10">地类编码</li> | ||
| 155 | <li class="pr10"><i class="requisite">*</i>土地使用结束时间</li> | ||
| 156 | </ul> | ||
| 157 | </el-col> | ||
| 158 | <el-col :span="5" :key="childIndex + '4'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
| 159 | <ul> | ||
| 160 | <li> | ||
| 161 | <input type="text" style="top: -1px;" :disabled="formData.qszt != '0'" v-model="childItem.pzytdm" | ||
| 162 | class="formInput" /> | ||
| 163 | </li> | ||
| 164 | <li> | ||
| 165 | <input type="text" :disabled="formData.qszt != '0'" v-model="childItem.sjytdm" class="formInput" /> | ||
| 166 | </li> | ||
| 167 | <li> | ||
| 168 | <el-date-picker v-model="childItem.tdsyjssj" :disabled="formData.qszt != '0'" ref="tdsyjssj" type="date" | ||
| 169 | value-format="yyyy-MM-dd" :picker-options="childItem.pickerEnd" placeholder="选择日期" | ||
| 170 | @blur="inputBlur($event, true)" @input="endTime(index, childIndex)"> | ||
| 171 | </el-date-picker> | ||
| 172 | </li> | ||
| 173 | </ul> | ||
| 174 | </el-col> | ||
| 175 | </template> | ||
| 176 | </template> | ||
| 177 | |||
| 178 | <div class="title"> | ||
| 179 | <el-select-tree v-if="show" class="formSelect" :disabled="formData.qszt != '0'" | ||
| 180 | :default-expand-all="defaultExpandAll" :multiple="multiple" :placeholder="placeholder" | ||
| 181 | :data="$store.state.qlxzList" :props="treeProps" :check-strictly="checkStrictly" :clearable="clearable" | ||
| 182 | ref="qlxzdm" v-model="items.qlxzdm"></el-select-tree> | ||
| 183 | </div> | ||
| 184 | </el-row> | ||
| 185 | </div> | ||
| 186 | </template> | ||
| 187 | |||
| 188 | <script> | ||
| 189 | // import { getDdicByMC } from "@api/common"; | ||
| 190 | export default { | ||
| 191 | props: { | ||
| 192 | formData: { | ||
| 193 | type: Object, | ||
| 194 | default: () => { | ||
| 195 | return {}; | ||
| 196 | }, | ||
| 197 | }, | ||
| 198 | hasSyqx: { | ||
| 199 | type: Boolean, | ||
| 200 | default: false | ||
| 201 | } | ||
| 202 | }, | ||
| 203 | data () { | ||
| 204 | return { | ||
| 205 | //树型结构 | ||
| 206 | show: true, | ||
| 207 | clearable: true, | ||
| 208 | defaultExpandAll: true, | ||
| 209 | multiple: false, | ||
| 210 | placeholder: "请选择", | ||
| 211 | disabled: false, | ||
| 212 | checkStrictly: true, | ||
| 213 | treeProps: { | ||
| 214 | value: "dm", | ||
| 215 | children: "children", | ||
| 216 | label: "mc", | ||
| 217 | }, | ||
| 218 | |||
| 219 | countList: [ | ||
| 220 | { | ||
| 221 | id: Math.random(), | ||
| 222 | isInside: false, | ||
| 223 | hasNotBorder: false, | ||
| 224 | bsm: "", //权利性质标识码 | ||
| 225 | glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
| 226 | qlxzdm: "", | ||
| 227 | qlxzmc: "", | ||
| 228 | zhqlxzlx: "", //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | ||
| 229 | list: [ | ||
| 230 | { | ||
| 231 | pzdjbsm: "", | ||
| 232 | pzdjmc: "", | ||
| 233 | pzytdm: "", | ||
| 234 | pzytmc: "", | ||
| 235 | pzytmj: 0, | ||
| 236 | qlxzbsm: "", | ||
| 237 | sjdjbsm: "", | ||
| 238 | sjdjmc: "", | ||
| 239 | sjytdm: "", | ||
| 240 | sjytmc: "", | ||
| 241 | sjytmj: 0, | ||
| 242 | syqx: "", | ||
| 243 | tdsyjssj: "", | ||
| 244 | pickerStart: {}, | ||
| 245 | pickerEnd: {}, | ||
| 246 | tdsyqssj: "", | ||
| 247 | tdzh: "", | ||
| 248 | }, | ||
| 249 | ], | ||
| 250 | }, | ||
| 251 | ], | ||
| 252 | outNum: 0, | ||
| 253 | rulesResult: true,//权利性质表单校验结果 | ||
| 254 | }; | ||
| 255 | }, | ||
| 256 | created () { }, | ||
| 257 | mounted () { | ||
| 258 | }, | ||
| 259 | methods: { | ||
| 260 | startTime (index, childIndex) { | ||
| 261 | let startTime = this.countList[index].list[childIndex].tdsyqssj; | ||
| 262 | let endTime = this.countList[index].list[childIndex].tdsyjssj; | ||
| 263 | this.countList[index].list[childIndex].pickerEnd = { | ||
| 264 | disabledDate: (time) => { | ||
| 265 | if (Object.keys(startTime).length > 0) { | ||
| 266 | return new Date(startTime).getTime() > time.getTime(); | ||
| 267 | } else { | ||
| 268 | return time.getTime() < Date.now(); | ||
| 269 | } | ||
| 270 | } | ||
| 271 | } | ||
| 272 | if (Object.keys(startTime).length > 0 && Object.keys(endTime).length > 0) { | ||
| 273 | let startYear = new Date(startTime).getFullYear(); | ||
| 274 | let endYear = new Date(endTime).getFullYear(); | ||
| 275 | //年限暂时不算 | ||
| 276 | // this.countList[index].list[childIndex].syqx=endYear-startYear; | ||
| 277 | } | ||
| 278 | }, | ||
| 279 | sumTime (index, childIndex, syqx, e) { | ||
| 280 | this.$refs.syqx.forEach((item, index) => { | ||
| 281 | if (item.value == syqx) { | ||
| 282 | this.$refs.tdsyjssj[index].$el.style.border = "" | ||
| 283 | } | ||
| 284 | }) | ||
| 285 | let startTime = this.countList[index].list[childIndex].tdsyqssj; | ||
| 286 | this.countList[index].list[childIndex].tdsyjssj = Number(startTime.substring(0, 4)) + Number(syqx) + startTime.slice(4, 10); | ||
| 287 | }, | ||
| 288 | endTime (index, childIndex, e) { | ||
| 289 | let startTime = this.countList[index].list[childIndex].tdsyqssj; | ||
| 290 | let endTime = this.countList[index].list[childIndex].tdsyjssj; | ||
| 291 | this.countList[index].list[childIndex].pickerStart = { | ||
| 292 | disabledDate: (time) => { | ||
| 293 | if (Object.keys(endTime).length > 0) { | ||
| 294 | return new Date(endTime).getTime() < time.getTime(); | ||
| 295 | } else { | ||
| 296 | return time.getTime() > Date.now(); | ||
| 297 | } | ||
| 298 | } | ||
| 299 | } | ||
| 300 | if (Object.keys(startTime).length > 0 && Object.keys(endTime).length > 0) { | ||
| 301 | let startYear = new Date(startTime).getFullYear(); | ||
| 302 | let endYear = new Date(endTime).getFullYear(); | ||
| 303 | // this.countList[index].list[childIndex].syqx=endYear-startYear; | ||
| 304 | } | ||
| 305 | }, | ||
| 306 | //外层操作 | ||
| 307 | handleClick (ind, type) { | ||
| 308 | let outsideObj = { | ||
| 309 | id: Math.random(), | ||
| 310 | isInside: false, | ||
| 311 | hasNotBorder: false, | ||
| 312 | bsm: "", //权利性质标识码 | ||
| 313 | glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
| 314 | qlxzdm: "", | ||
| 315 | qlxzmc: "", | ||
| 316 | zhqlxzlx: "", //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | ||
| 317 | list: [ | ||
| 318 | { | ||
| 319 | pzdjbsm: "", | ||
| 320 | pzdjmc: "", | ||
| 321 | pzytdm: "", | ||
| 322 | pzytmc: "", | ||
| 323 | pzytmj: 0, | ||
| 324 | qlxzbsm: "", | ||
| 325 | sjdjbsm: "", | ||
| 326 | sjdjmc: "", | ||
| 327 | sjytdm: "", | ||
| 328 | pickerStart: {}, | ||
| 329 | pickerEnd: {}, | ||
| 330 | sjytmc: "", | ||
| 331 | sjytmj: 0, | ||
| 332 | syqx: "", | ||
| 333 | tdsyjssj: "", | ||
| 334 | tdsyqssj: "", | ||
| 335 | tdzh: "", | ||
| 336 | }, | ||
| 337 | ], | ||
| 338 | }; | ||
| 339 | if (type === "add") { | ||
| 340 | this.countList.push(outsideObj); | ||
| 341 | this.outNum++; | ||
| 342 | } else { | ||
| 343 | this.countList.forEach((item, index) => { | ||
| 344 | if (index == ind && this.countList.length > 1) { | ||
| 345 | this.countList.splice(index, 1); | ||
| 346 | } | ||
| 347 | }); | ||
| 348 | this.outNum--; | ||
| 349 | } | ||
| 350 | }, | ||
| 351 | reset () { | ||
| 352 | this.countList = [ | ||
| 353 | { | ||
| 354 | id: Math.random(), | ||
| 355 | isInside: false, | ||
| 356 | hasNotBorder: false, | ||
| 357 | bsm: "", //权利性质标识码 | ||
| 358 | glbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
| 359 | qlxzdm: "", | ||
| 360 | qlxzmc: "", | ||
| 361 | zhqlxzlx: "", //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | ||
| 362 | list: [ | ||
| 363 | { | ||
| 364 | pzdjbsm: "", | ||
| 365 | pzdjmc: "", | ||
| 366 | pzytdm: "", | ||
| 367 | pzytmc: "", | ||
| 368 | pzytmj: 0, | ||
| 369 | qlxzbsm: "", | ||
| 370 | sjdjbsm: "", | ||
| 371 | sjdjmc: "", | ||
| 372 | sjytdm: "", | ||
| 373 | sjytmc: "", | ||
| 374 | sjytmj: 0, | ||
| 375 | syqx: "", | ||
| 376 | tdsyjssj: "", | ||
| 377 | pickerStart: {}, | ||
| 378 | pickerEnd: {}, | ||
| 379 | tdsyqssj: "", | ||
| 380 | tdzh: "", | ||
| 381 | }, | ||
| 382 | ], | ||
| 383 | }, | ||
| 384 | ]; | ||
| 385 | }, | ||
| 386 | //内层操作 | ||
| 387 | handleInClick (index, childIndex, type) { | ||
| 388 | let insideObj = { | ||
| 389 | pzdjbsm: "", | ||
| 390 | pzdjmc: "", | ||
| 391 | pzytdm: "", | ||
| 392 | pzytmc: "", | ||
| 393 | pzytmj: 0, | ||
| 394 | qlxzbsm: "", | ||
| 395 | sjdjbsm: "", | ||
| 396 | sjdjmc: "", | ||
| 397 | sjytdm: "", | ||
| 398 | sjytmc: "", | ||
| 399 | sjytmj: 0, | ||
| 400 | pickerStart: {}, | ||
| 401 | pickerEnd: {}, | ||
| 402 | syqx: "", | ||
| 403 | tdsyjssj: "", | ||
| 404 | tdsyqssj: "", | ||
| 405 | tdzh: "", | ||
| 406 | }; | ||
| 407 | if (type === "add") { | ||
| 408 | this.countList[index].list.splice(childIndex + 1, 0, insideObj); | ||
| 409 | } else { | ||
| 410 | this.countList[index].list.forEach((item, childInd) => { | ||
| 411 | if (childIndex == childInd && this.countList[index].list.length > 1) { | ||
| 412 | this.countList[index].list.splice(childIndex, 1); | ||
| 413 | } | ||
| 414 | }); | ||
| 415 | } | ||
| 416 | this.hasBorderOrNot(); | ||
| 417 | }, | ||
| 418 | //判断是否显示边框 | ||
| 419 | hasBorderOrNot () { | ||
| 420 | this.countList.forEach((item, index) => { | ||
| 421 | if (index == this.countList.length - 1) { | ||
| 422 | item.hasNotBorder = true; | ||
| 423 | } else { | ||
| 424 | item.hasNotBorder = | ||
| 425 | item.isInside && !this.countList[index + 1].isInside ? true : false; | ||
| 426 | } | ||
| 427 | }); | ||
| 428 | }, | ||
| 429 | getQlxzDataList () { | ||
| 430 | return this.countList; | ||
| 431 | }, | ||
| 432 | getRules () { | ||
| 433 | let rules = []; | ||
| 434 | let temp = 0; | ||
| 435 | this.countList.forEach((item, index) => { | ||
| 436 | rules.push({ | ||
| 437 | data: this.countList[index].qlxzdm, | ||
| 438 | name: '权利性质', | ||
| 439 | dom: this.$refs.qlxzdm[index], | ||
| 440 | rule: /^\s*$/g, //非空 | ||
| 441 | }) | ||
| 442 | item.list.forEach((j, ind) => { | ||
| 443 | rules.push( | ||
| 444 | { | ||
| 445 | data: item.list[ind].tdsyqssj, | ||
| 446 | name: '土地使用起始时间', | ||
| 447 | dom: this.$refs.tdsyqssj[temp + ind], | ||
| 448 | // val:this.$refs.tdsyqssj[temp+ind].value, | ||
| 449 | rule: /^\s*$/g, //非空 | ||
| 450 | }, | ||
| 451 | { | ||
| 452 | data: item.list[ind].tdsyjssj, | ||
| 453 | name: '土地使用结束时间', | ||
| 454 | dom: this.$refs.tdsyjssj[temp + ind], | ||
| 455 | // val:this.$refs.tdsyjssj[temp+ind].value, | ||
| 456 | rule: /^\s*$/g, //非空 | ||
| 457 | }, | ||
| 458 | { | ||
| 459 | data: item.list[ind].pzytdm, | ||
| 460 | name: '批准用途', | ||
| 461 | dom: this.$refs.pzytdm[temp + ind], | ||
| 462 | // val:this.$refs.tdsyjssj[temp+ind].value, | ||
| 463 | rule: /^\s*$/g, //非空 | ||
| 464 | }, | ||
| 465 | { | ||
| 466 | data: item.list[ind].sjytdm, | ||
| 467 | name: '实际用途', | ||
| 468 | dom: this.$refs.sjytdm[temp + ind], | ||
| 469 | // val:this.$refs.tdsyjssj[temp+ind].value, | ||
| 470 | rule: /^\s*$/g, //非空 | ||
| 471 | }, | ||
| 472 | ) | ||
| 473 | if (this.hasSyqx) { | ||
| 474 | rules.push( | ||
| 475 | { | ||
| 476 | data: item.list[ind].syqx, | ||
| 477 | name: '使用期限', | ||
| 478 | dom: this.$refs.syqx[temp + ind], | ||
| 479 | // val:this.$refs.syqx[temp+ind].value, | ||
| 480 | rule: /^\s*$/g, //非空 | ||
| 481 | } | ||
| 482 | ) | ||
| 483 | } | ||
| 484 | if (ind == item.list.length - 1) { | ||
| 485 | temp += item.list.length; | ||
| 486 | } | ||
| 487 | }) | ||
| 488 | }) | ||
| 489 | this.rulesResult = true; | ||
| 490 | rules.forEach(item => { | ||
| 491 | if (item.rule.test(item.data) || item.data == null) { | ||
| 492 | if (item.dom.$el) { | ||
| 493 | item.dom.$el.style.border = '1px solid red'; | ||
| 494 | item.dom.$el.style.boxSizing = 'border-box'; | ||
| 495 | } else { | ||
| 496 | item.dom.style.border = '1px solid red'; | ||
| 497 | item.dom.style.boxSizing = 'border-box'; | ||
| 498 | } | ||
| 499 | // this.$message({ | ||
| 500 | // // message: item.name+'不能为空', | ||
| 501 | // message: '不能为空', | ||
| 502 | // type: "warning", | ||
| 503 | // }); | ||
| 504 | this.rulesResult = false; | ||
| 505 | return false | ||
| 506 | } | ||
| 507 | }) | ||
| 508 | // console.log(rules,'rules'); | ||
| 509 | }, | ||
| 510 | getRulesResult () { | ||
| 511 | return this.rulesResult | ||
| 512 | }, | ||
| 513 | inputBlur (e, flag) { | ||
| 514 | if (flag) { | ||
| 515 | if (e.value != '') { | ||
| 516 | e.$el.style.border = "" | ||
| 517 | } else { | ||
| 518 | e.$el.style.border = "1px solid red" | ||
| 519 | e.$el.style.boxSizing = 'border-box'; | ||
| 520 | } | ||
| 521 | } else { | ||
| 522 | if (e.target.value != '') { | ||
| 523 | e.target.style.border = "" | ||
| 524 | } else { | ||
| 525 | e.target.style.border = "1px solid red" | ||
| 526 | e.target.style.boxSizing = 'border-box'; | ||
| 527 | } | ||
| 528 | } | ||
| 529 | }, | ||
| 530 | //后续考虑在点击加减号时操作校验规则 | ||
| 531 | // addRules(){ | ||
| 532 | // this.tempQssj.push() | ||
| 533 | // }, | ||
| 534 | // minusRules(){ | ||
| 535 | |||
| 536 | // }, | ||
| 537 | }, | ||
| 538 | watch: { | ||
| 539 | countList: { | ||
| 540 | handler: function (newVal, oldVal) { | ||
| 541 | newVal.forEach((i, ind) => { | ||
| 542 | if (i.qlxzdm != '' && i.qlxzdm != null) { | ||
| 543 | console.log(this.$refs.qlxzdm, 'this.$refs.qlxzdm[ind]'); | ||
| 544 | i.qlxzmc = this.$refs.qlxzdm[ind].name; | ||
| 545 | this.$refs.qlxzdm[ind].$el.style.border = "" | ||
| 546 | } | ||
| 547 | i.list.forEach((item, index) => { | ||
| 548 | if (item.sjytdm != '' && item.sjytdm != null) { | ||
| 549 | this.$refs.sjytdm[ind].$el.style.border = "" | ||
| 550 | } | ||
| 551 | if (item.pzytdm != '' && item.pzytdm != null) { | ||
| 552 | this.$refs.pzytdm[ind].$el.style.border = "" | ||
| 553 | } | ||
| 554 | }) | ||
| 555 | }) | ||
| 556 | }, | ||
| 557 | deep: true | ||
| 558 | }, | ||
| 559 | } | ||
| 560 | }; | ||
| 561 | </script> | ||
| 562 | <style lang="scss"> | ||
| 563 | .temp { | ||
| 564 | width: 100%; | ||
| 565 | height: 100%; | ||
| 566 | |||
| 567 | .iconfont { | ||
| 568 | cursor: pointer; | ||
| 569 | } | ||
| 570 | |||
| 571 | .qlxzAdd { | ||
| 572 | width: 100px; | ||
| 573 | height: 100%; | ||
| 574 | border-right: 1px solid #E6E6E6; | ||
| 575 | position: relative; | ||
| 576 | |||
| 577 | span { | ||
| 578 | font-size: 14px; | ||
| 579 | height: 140px; | ||
| 580 | text-align: center; | ||
| 581 | -webkit-writing-mode: vertical-rl; | ||
| 582 | writing-mode: vertical-rl; | ||
| 583 | position: absolute; | ||
| 584 | top: 50%; | ||
| 585 | margin-top: -70px; | ||
| 586 | left: 30%; | ||
| 587 | } | ||
| 588 | |||
| 589 | i { | ||
| 590 | color: #66b1ff; | ||
| 591 | font-size: 30px; | ||
| 592 | position: absolute; | ||
| 593 | top: 50%; | ||
| 594 | margin-top: -18px; | ||
| 595 | left: 55%; | ||
| 596 | z-index: 1; | ||
| 597 | } | ||
| 598 | } | ||
| 599 | |||
| 600 | .qlxzModule { | ||
| 601 | width: calc(100% - 102px); | ||
| 602 | height: auto; | ||
| 603 | position: relative; | ||
| 604 | border-bottom: 1px solid #E6E6E6; | ||
| 605 | |||
| 606 | .pr10 { | ||
| 607 | padding-right: 10px !important; | ||
| 608 | } | ||
| 609 | |||
| 610 | .el-col { | ||
| 611 | // height: 100%; | ||
| 612 | border-right: 1px solid #E6E6E6; | ||
| 613 | position: relative; | ||
| 614 | text-align: right; | ||
| 615 | |||
| 616 | .qlxz { | ||
| 617 | line-height: 34px; | ||
| 618 | } | ||
| 619 | |||
| 620 | .qlxzMinus { | ||
| 621 | color: #FA6400; | ||
| 622 | font-size: 30px; | ||
| 623 | position: absolute; | ||
| 624 | top: 50%; | ||
| 625 | left: 50%; | ||
| 626 | margin: -18px 0 0 -18px; | ||
| 627 | z-index: 1; | ||
| 628 | } | ||
| 629 | |||
| 630 | ul { | ||
| 631 | margin-top: 34px; | ||
| 632 | |||
| 633 | li { | ||
| 634 | height: 37px; | ||
| 635 | line-height: 37px; | ||
| 636 | text-decoration: none; | ||
| 637 | border-bottom: 1px solid #e6e6e6; | ||
| 638 | |||
| 639 | .el-select { | ||
| 640 | width: 100%; | ||
| 641 | } | ||
| 642 | |||
| 643 | .el-input { | ||
| 644 | width: 100%; | ||
| 645 | } | ||
| 646 | |||
| 647 | input { | ||
| 648 | position: relative; | ||
| 649 | top: -2px; | ||
| 650 | height: 35px; | ||
| 651 | width: calc(100% - 1px) !important; | ||
| 652 | } | ||
| 653 | |||
| 654 | .el-input__inner { | ||
| 655 | height: 34px; | ||
| 656 | } | ||
| 657 | } | ||
| 658 | |||
| 659 | li:last-child { | ||
| 660 | border-bottom: none; | ||
| 661 | } | ||
| 662 | } | ||
| 663 | |||
| 664 | .whiteItem { | ||
| 665 | background-color: #fff; | ||
| 666 | position: absolute; | ||
| 667 | width: 100%; | ||
| 668 | height: 2px; | ||
| 669 | bottom: -1px; | ||
| 670 | left: 0; | ||
| 671 | } | ||
| 672 | |||
| 673 | .itemShow { | ||
| 674 | bottom: 2px; | ||
| 675 | } | ||
| 676 | } | ||
| 677 | |||
| 678 | .childYT { | ||
| 679 | height: 114px; | ||
| 680 | border-top: 1px solid #E6E6E6; | ||
| 681 | |||
| 682 | ul { | ||
| 683 | margin-top: 0; | ||
| 684 | |||
| 685 | li { | ||
| 686 | .el-input__inner { | ||
| 687 | height: 29px; | ||
| 688 | } | ||
| 689 | } | ||
| 690 | } | ||
| 691 | |||
| 692 | .changeBtn { | ||
| 693 | margin-top: -48px; | ||
| 694 | } | ||
| 695 | |||
| 696 | .el-button+.el-button { | ||
| 697 | margin-top: 4px; | ||
| 698 | } | ||
| 699 | } | ||
| 700 | |||
| 701 | .noTopBorder { | ||
| 702 | border-top: 0; | ||
| 703 | } | ||
| 704 | |||
| 705 | .noRightBorder { | ||
| 706 | border-right: 0; | ||
| 707 | } | ||
| 708 | |||
| 709 | .el-col:nth-last-child(2) { | ||
| 710 | border-right: none; | ||
| 711 | } | ||
| 712 | |||
| 713 | .title { | ||
| 714 | width: 95.83333%; | ||
| 715 | height: 34px; | ||
| 716 | line-height: 34px; | ||
| 717 | background-color: #fff; | ||
| 718 | border-bottom: 1px solid #E6E6E6; | ||
| 719 | position: absolute; | ||
| 720 | right: 0; | ||
| 721 | top: 0; | ||
| 722 | |||
| 723 | .formSelect { | ||
| 724 | top: -1px; | ||
| 725 | width: 100%; | ||
| 726 | |||
| 727 | .el-input__inner { | ||
| 728 | height: 32px; | ||
| 729 | } | ||
| 730 | } | ||
| 731 | } | ||
| 732 | } | ||
| 733 | |||
| 734 | .btnCol { | ||
| 735 | position: relative; | ||
| 736 | height: 146px; | ||
| 737 | |||
| 738 | .changeBtn { | ||
| 739 | width: 46px; | ||
| 740 | height: 46px; | ||
| 741 | font-size: 30px; | ||
| 742 | padding: 4px 6px; | ||
| 743 | position: absolute; | ||
| 744 | top: 50%; | ||
| 745 | left: 50%; | ||
| 746 | margin-top: -38px; | ||
| 747 | margin-left: -23px; | ||
| 748 | } | ||
| 749 | |||
| 750 | .el-button+.el-button { | ||
| 751 | margin-left: -23px; | ||
| 752 | margin-top: 16px; | ||
| 753 | } | ||
| 754 | } | ||
| 755 | |||
| 756 | .tdytAdd { | ||
| 757 | width: 100px; | ||
| 758 | } | ||
| 759 | |||
| 760 | .tdytAdd, | ||
| 761 | .tdytMinus { | ||
| 762 | span { | ||
| 763 | font-size: 14px; | ||
| 764 | height: 114px; | ||
| 765 | text-align: center; | ||
| 766 | -webkit-writing-mode: vertical-rl; | ||
| 767 | writing-mode: vertical-rl; | ||
| 768 | position: absolute; | ||
| 769 | top: 50%; | ||
| 770 | left: 30%; | ||
| 771 | } | ||
| 772 | |||
| 773 | i { | ||
| 774 | color: #66b1ff; | ||
| 775 | font-size: 30px; | ||
| 776 | position: absolute; | ||
| 777 | top: 50%; | ||
| 778 | margin-top: 0px; | ||
| 779 | left: 55%; | ||
| 780 | z-index: 1; | ||
| 781 | } | ||
| 782 | } | ||
| 783 | |||
| 784 | .tdytMinus { | ||
| 785 | i { | ||
| 786 | color: #FA6400; | ||
| 787 | left: 50%; | ||
| 788 | margin-left: -18px; | ||
| 789 | } | ||
| 790 | } | ||
| 791 | |||
| 792 | .childYT { | ||
| 793 | i { | ||
| 794 | top: 50%; | ||
| 795 | margin-top: -18px; | ||
| 796 | } | ||
| 797 | } | ||
| 798 | |||
| 799 | .el-row:nth-last-child(1) { | ||
| 800 | border-bottom: none; | ||
| 801 | } | ||
| 802 | |||
| 803 | /deep/.el-select-tree { | ||
| 804 | width: 100%; | ||
| 805 | |||
| 806 | .el-input__inner { | ||
| 807 | height: 34px !important; | ||
| 808 | position: relative; | ||
| 809 | top: -1px; | ||
| 810 | } | ||
| 811 | } | ||
| 812 | } | ||
| 813 | </style> |
| 1 | <template> | ||
| 2 | <div class="temp"> | ||
| 3 | <el-row class="qlxzModule" v-for="(items, index) in countList" :key="items.id"> | ||
| 4 | <template v-for="(childItem, childIndex) in items.list"> | ||
| 5 | <el-col :span="2" class="btnCol" :key="childIndex + '1'" :class="childIndex > 0 ? 'childYT noTopBorder' : ''"> | ||
| 6 | <el-button v-show="childIndex < 1" type="primary" class="changeBtn addMinus outAdd" | ||
| 7 | @click="handleClick(index, 'add')">+</el-button> | ||
| 8 | <el-button v-show="childIndex < 1" type="primary" class="changeBtn addMinus outMinus" | ||
| 9 | @click="handleClick(index, 'minus')">-</el-button> | ||
| 10 | <div :class="items.hasNotBorder ? 'itemShow whiteItem' : 'whiteItem'" v-if="items.isInside"></div> | ||
| 11 | </el-col> | ||
| 12 | <el-col :span="2" class="btnCol" :key="childIndex + '8'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
| 13 | <!-- <template v-if="childIndex>0"> --> | ||
| 14 | <span class="qlxz" v-show="childIndex < 1">权利性质</span><br /> | ||
| 15 | <el-button type="primary" class="changeBtn addMinus inAdd" @click="handleInClick(index, childIndex, 'add')">+ | ||
| 16 | </el-button> | ||
| 17 | <el-button type="primary" class="changeBtn addMinus inMinus" | ||
| 18 | @click="handleInClick(index, childIndex, 'minus')">-</el-button> | ||
| 19 | <!-- </template> --> | ||
| 20 | </el-col> | ||
| 21 | <el-col :span="5" :key="childIndex + '7'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
| 22 | <ul> | ||
| 23 | <li>批准用途</li> | ||
| 24 | <li>实际用途</li> | ||
| 25 | <li>土地使用起始时间<i class="requisite">*</i></li> | ||
| 26 | </ul> | ||
| 27 | </el-col> | ||
| 28 | <el-col :span="5" :key="childIndex + '6'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
| 29 | <ul> | ||
| 30 | <li> | ||
| 31 | <el-select-tree v-if="show" :default-expand-all="defaultExpandAll" :multiple="multiple" | ||
| 32 | :placeholder="placeholder" :disabled="disabled" :data="$store.state.tdytList" :props="treeProps" | ||
| 33 | :check-strictly="checkStrictly" :clearable="clearable" v-model="childItem.pzytdm"></el-select-tree> | ||
| 34 | </li> | ||
| 35 | <li> | ||
| 36 | <el-select-tree v-if="show" :default-expand-all="defaultExpandAll" :multiple="multiple" | ||
| 37 | :placeholder="placeholder" :disabled="disabled" :data="$store.state.tdytList" :props="treeProps" | ||
| 38 | :check-strictly="checkStrictly" :clearable="clearable" v-model="childItem.sjytdm"></el-select-tree> | ||
| 39 | </li> | ||
| 40 | <li> | ||
| 41 | <el-date-picker v-model="childItem.tdsyqssj" :picker-options="childItem.pickerStart" type="date" | ||
| 42 | value-format="yyyy-MM-dd" placeholder="选择日期" @input="startTime(index, childIndex)"> | ||
| 43 | </el-date-picker> | ||
| 44 | </li> | ||
| 45 | </ul> | ||
| 46 | </el-col> | ||
| 47 | <el-col :span="5" :key="childIndex + '5'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
| 48 | <ul> | ||
| 49 | <li>地类编码</li> | ||
| 50 | <li>地类编码</li> | ||
| 51 | <li>土地使用结束时间<i class="requisite">*</i></li> | ||
| 52 | </ul> | ||
| 53 | </el-col> | ||
| 54 | <el-col :span="5" :key="childIndex + '4'" :class="childIndex > 0 ? 'childYT' : ''"> | ||
| 55 | <ul> | ||
| 56 | <li> | ||
| 57 | <input type="text" style="top: -1px;" v-model="childItem.pzytdm" class="formInput" /> | ||
| 58 | </li> | ||
| 59 | <li> | ||
| 60 | <input type="text" v-model="childItem.sjytdm" class="formInput" /> | ||
| 61 | </li> | ||
| 62 | <li> | ||
| 63 | <el-date-picker v-model="childItem.tdsyjssj" type="date" value-format="yyyy-MM-dd" | ||
| 64 | :picker-options="childItem.pickerEnd" placeholder="选择日期" @input="endTime(index, childIndex)"> | ||
| 65 | </el-date-picker> | ||
| 66 | </li> | ||
| 67 | </ul> | ||
| 68 | </el-col> | ||
| 69 | </template> | ||
| 70 | |||
| 71 | <div class="title"> | ||
| 72 | <el-select class="formSelect" v-model="items.qlxzdm"> | ||
| 73 | <el-option v-for="item in $store.state.qlxzList" :key="item.dm" :label="item.mc" :value="item.dm"> | ||
| 74 | </el-option> | ||
| 75 | </el-select> | ||
| 76 | </div> | ||
| 77 | </el-row> | ||
| 78 | </div> | ||
| 79 | </template> | ||
| 80 | |||
| 81 | <script> | ||
| 82 | // import { getDdicByMC } from "@api/common"; | ||
| 83 | export default { | ||
| 84 | props: { | ||
| 85 | // widtd: { | ||
| 86 | // type: String, | ||
| 87 | default: "70%", | ||
| 88 | , | ||
| 89 | a () { | ||
| 90 | return { | ||
| 91 | //树型结构 | ||
| 92 | how: true, | ||
| 93 | arable: true, | ||
| 94 | aultExpandAll: true, | ||
| 95 | tiple: false, | ||
| 96 | ceholder: "请选择", | ||
| 97 | abled: false, | ||
| 98 | ckStrictly: true, | ||
| 99 | eProps: { | ||
| 100 | lue: "dm", | ||
| 101 | ildren: "children", | ||
| 102 | bel: "mc", | ||
| 103 | |||
| 104 | ntList: [ | ||
| 105 | |||
| 106 | id: Math.random(), | ||
| 107 | isInside: false, | ||
| 108 | hasNotBorder: false, | ||
| 109 | bsm: "", //权利性质标识码 | ||
| 110 | lbsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
| 111 | lxzdm: "", | ||
| 112 | zhqlxzlx: "", //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | ||
| 113 | list: [ | ||
| 114 | { | ||
| 115 | pzdjbsm: "", | ||
| 116 | pzdjmc: "", | ||
| 117 | pzytdm: "", | ||
| 118 | pzytmc: "", | ||
| 119 | pzytmj: 0, | ||
| 120 | qlxzbsm: "", | ||
| 121 | sjdjbsm: "", | ||
| 122 | sjdjmc: "", | ||
| 123 | sjytdm: "", | ||
| 124 | sjytmc: "", | ||
| 125 | jytmj: 0, | ||
| 126 | syqx: "", | ||
| 127 | tdsyjssj: "", | ||
| 128 | tdsyqssj: "", | ||
| 129 | pickerStart: {}, | ||
| 130 | pickerEnd: {}, | ||
| 131 | tdzh: "", | ||
| 132 | }, | ||
| 133 | |||
| 134 | |||
| 135 | |||
| 136 | Num: 0, | ||
| 137 | |||
| 138 | |||
| 139 | ed () { }, | ||
| 140 | hods: { | ||
| 141 | 外层操作 | ||
| 142 | ndleClick (ind, type) { | ||
| 143 | outsideObj = { | ||
| 144 | Math.random(), | ||
| 145 | Inside: false, | ||
| 146 | sNotBorder: false, | ||
| 147 | "", //权利性质标识码 | ||
| 148 | bsm: "", //宗地BSM、自然幢BSM、户BSM、多幢BSM、宗海BSM | ||
| 149 | xzdm: "", | ||
| 150 | zhqlxzlx: "", //除宗海数据外,默认都是空;0:用海类型权利性质;2:海岛用途权利性质 | ||
| 151 | list: [ | ||
| 152 | { | ||
| 153 | pzdjbsm: "", | ||
| 154 | pzdjmc: "", | ||
| 155 | pzytdm: "", | ||
| 156 | pzytmc: "", | ||
| 157 | pzytmj: 0, | ||
| 158 | qlxzbsm: "", | ||
| 159 | sjdjbsm: "", | ||
| 160 | sjdjmc: "", | ||
| 161 | sjytdm: "", | ||
| 162 | sjytmc: "", | ||
| 163 | sjytmj: 0, | ||
| 164 | syqx: "", | ||
| 165 | tdsyjssj: "", | ||
| 166 | tdsyqssj: "", | ||
| 167 | tdzh: "", | ||
| 168 | |||
| 169 | |||
| 170 | }; | ||
| 171 | (type === "add") { | ||
| 172 | is.countList.push(outsideObj); | ||
| 173 | is.outNum++; | ||
| 174 | lse { | ||
| 175 | .countList.forEach((item, index) => { | ||
| 176 | f (index == ind && this.countList.length > 1) { | ||
| 177 | this.countList.splice(index, 1); | ||
| 178 | } | ||
| 179 | }); | ||
| 180 | this.outNum--; | ||
| 181 | |||
| 182 | Click (index, childIndex, type) { | ||
| 183 | eObj = { | ||
| 184 | ", | ||
| 185 | , | ||
| 186 | "", | ||
| 187 | "", | ||
| 188 | : 0, | ||
| 189 | m: "", | ||
| 190 | m: "", | ||
| 191 | "", | ||
| 192 | : "", | ||
| 193 | : "", | ||
| 194 | : 0, | ||
| 195 | "", | ||
| 196 | jssj: "", | ||
| 197 | sj: "", | ||
| 198 | : "", | ||
| 199 | e === "add") { | ||
| 200 | ountList[index].list.splice(childIndex + 1, 0, insideObj); | ||
| 201 | |||
| 202 | ountList[index].list.forEach((item, childInd) => { | ||
| 203 | (childIndex == childInd && this.countList[index].list.length > 1) { | ||
| 204 | this.countList[index].list.splice(childIndex, 1); | ||
| 205 | } | ||
| 206 | }); | ||
| 207 | |||
| 208 | s.hasBorderOrNot(); | ||
| 209 | 是否显示边框 | ||
| 210 | orderOrNot () { | ||
| 211 | s.countList.forEach((item, index) => { | ||
| 212 | (index == this.countList.length - 1) { | ||
| 213 | m.hasNotBorder = true; | ||
| 214 | { | ||
| 215 | sNotBorder = | ||
| 216 | sInside && !this.countList[index + 1].isInside ? true : false; | ||
| 217 | aList () { | ||
| 218 | this.countList; | ||
| 219 | 时间判断 | ||
| 220 | tTime (index, childIndex) { | ||
| 221 | tartTime = this.countList[index].list[childIndex].tdsyqssj; | ||
| 222 | endTime = this.countList[index].list[childIndex].tdsyjssj; | ||
| 223 | s.countList[index].list[childIndex].pickerEnd = { | ||
| 224 | bledDate: (time) => { | ||
| 225 | f (Object.keys(startTime).length > 0) { | ||
| 226 | return new Date(startTime).getTime() > time.getTime(); | ||
| 227 | lse { | ||
| 228 | rn time.getTime() < Date.now(); | ||
| 229 | t.keys(startTime).length > 0 && Object.keys(endTime).length > 0) { | ||
| 230 | ear = new Date(startTime).getFullYear(); | ||
| 231 | ear = new Date(endTime).getFullYear(); | ||
| 232 | ime (index, childIndex, e) { | ||
| 233 | onsole.log(e, 'eeeeee'); | ||
| 234 | let startTime = this.countList[index].list[childIndex].tdsyqssj; | ||
| 235 | let endTime = this.countList[index].list[childIndex].tdsyjssj; | ||
| 236 | this.countList[index].list[childIndex].pickerStart = { | ||
| 237 | disabledDate: (time) => { | ||
| 238 | if (Object.keys(endTime).length > 0) { | ||
| 239 | return new Date(endTime).getTime() < time.getTime(); | ||
| 240 | } else { | ||
| 241 | return time.getTime() > Date.now(); | ||
| 242 | } | ||
| 243 | } | ||
| 244 | } | ||
| 245 | if (Object.keys(startTime).length > 0 && Object.keys(endTime).length > 0) { | ||
| 246 | let startYear = new Date(startTime).getFullYear(); | ||
| 247 | let endYear = new Date(endTime).getFullYear(); | ||
| 248 | } | ||
| 249 | }, | ||
| 250 | }, | ||
| 251 | }; | ||
| 252 | </script> | ||
| 253 | <style lang="scss"> | ||
| 254 | .temp { | ||
| 255 | width: 100%; | ||
| 256 | |||
| 257 | .qlxzModule { | ||
| 258 | height: auto; | ||
| 259 | position: relative; | ||
| 260 | border-bottom: 1px solid #e6e6e6; | ||
| 261 | |||
| 262 | .el-col { | ||
| 263 | // height: 100%; | ||
| 264 | border-right: 1px solid #E6E6E6; | ||
| 265 | position: relative; | ||
| 266 | text-align: right; | ||
| 267 | padding-right: 10px; | ||
| 268 | |||
| 269 | .qlxz { | ||
| 270 | line-height: 34px; | ||
| 271 | } | ||
| 272 | |||
| 273 | ul { | ||
| 274 | margin-top: 34px; | ||
| 275 | |||
| 276 | li { | ||
| 277 | height: 37px; | ||
| 278 | line-height: 37px; | ||
| 279 | text-decoration: none; | ||
| 280 | border-bottom: 1px solid #e6e6e6; | ||
| 281 | |||
| 282 | .el-select { | ||
| 283 | width: 100%; | ||
| 284 | } | ||
| 285 | |||
| 286 | .el-input { | ||
| 287 | width: 100%; | ||
| 288 | } | ||
| 289 | |||
| 290 | .el-input__inner { | ||
| 291 | height: 34px; | ||
| 292 | } | ||
| 293 | |||
| 294 | input { | ||
| 295 | position: relative; | ||
| 296 | top: -2px; | ||
| 297 | height: 35px; | ||
| 298 | width: calc(100% - 1px) !important; | ||
| 299 | } | ||
| 300 | } | ||
| 301 | |||
| 302 | li:last-child { | ||
| 303 | border-bottom: none; | ||
| 304 | } | ||
| 305 | } | ||
| 306 | |||
| 307 | .whiteItem { | ||
| 308 | background-color: #fff; | ||
| 309 | position: absolute; | ||
| 310 | width: 100%; | ||
| 311 | height: 2px; | ||
| 312 | bottom: -1px; | ||
| 313 | left: 0; | ||
| 314 | } | ||
| 315 | |||
| 316 | .itemShow { | ||
| 317 | bottom: 2px; | ||
| 318 | } | ||
| 319 | } | ||
| 320 | |||
| 321 | .childYT { | ||
| 322 | height: 114px; | ||
| 323 | border-top: 1px solid #E6E6E6; | ||
| 324 | |||
| 325 | ul { | ||
| 326 | margin-top: 0; | ||
| 327 | |||
| 328 | li { | ||
| 329 | .el-input__inner { | ||
| 330 | height: 29px; | ||
| 331 | } | ||
| 332 | } | ||
| 333 | } | ||
| 334 | |||
| 335 | .changeBtn { | ||
| 336 | margin-top: -48px; | ||
| 337 | } | ||
| 338 | |||
| 339 | .el-button+.el-button { | ||
| 340 | margin-top: 4px; | ||
| 341 | } | ||
| 342 | } | ||
| 343 | |||
| 344 | .noTopBorder { | ||
| 345 | border-top: 0; | ||
| 346 | } | ||
| 347 | |||
| 348 | .noRightBorder { | ||
| 349 | border-right: 0; | ||
| 350 | } | ||
| 351 | |||
| 352 | .el-col:nth-last-child(2) { | ||
| 353 | border-right: none; | ||
| 354 | } | ||
| 355 | |||
| 356 | .title { | ||
| 357 | width: 83.33333%; | ||
| 358 | height: 34px; | ||
| 359 | line-height: 34px; | ||
| 360 | background-color: #fff; | ||
| 361 | border-bottom: 1px solid #E6E6E6; | ||
| 362 | position: absolute; | ||
| 363 | right: 0; | ||
| 364 | top: 0; | ||
| 365 | |||
| 366 | .formSelect { | ||
| 367 | top: -1px; | ||
| 368 | width: 100%; | ||
| 369 | |||
| 370 | .el-input__inner { | ||
| 371 | height: 32px; | ||
| 372 | } | ||
| 373 | } | ||
| 374 | } | ||
| 375 | } | ||
| 376 | |||
| 377 | .btnCol { | ||
| 378 | position: relative; | ||
| 379 | height: 146px; | ||
| 380 | |||
| 381 | .changeBtn { | ||
| 382 | width: 46px; | ||
| 383 | height: 46px; | ||
| 384 | font-size: 30px; | ||
| 385 | padding: 4px 6px; | ||
| 386 | position: absolute; | ||
| 387 | top: 50%; | ||
| 388 | left: 50%; | ||
| 389 | margin-top: -38px; | ||
| 390 | margin-left: -23px; | ||
| 391 | } | ||
| 392 | |||
| 393 | .el-button+.el-button { | ||
| 394 | margin-left: -23px; | ||
| 395 | margin-top: 16px; | ||
| 396 | } | ||
| 397 | } | ||
| 398 | |||
| 399 | .el-row:nth-last-child(1) { | ||
| 400 | border-bottom: none; | ||
| 401 | } | ||
| 402 | |||
| 403 | /deep/.el-select-tree { | ||
| 404 | width: 100%; | ||
| 405 | |||
| 406 | .el-input__inner { | ||
| 407 | height: 30px !important; | ||
| 408 | } | ||
| 409 | } | ||
| 410 | } | ||
| 411 | </style> |
src/components/lineTree/lineItem.vue
deleted
100644 → 0
| 1 | <template> | ||
| 2 | <div class="tree_item_box"> | ||
| 3 | <div class="column-start-start linkLine_default" v-for="(item, s_index) in list" :key="s_index" :class="{ | ||
| 4 | linkLine_first: (s_index === 0) & (list.length > 1), | ||
| 5 | linkLine_half_top: s_index === 0 && list.length === 1, | ||
| 6 | linkLine_last: s_index === list.length - 1 && s_index !== 0, | ||
| 7 | third_layer: !item.children, | ||
| 8 | second_layer: item.children, | ||
| 9 | curNode: $route.query.bsm && $route.query.bsm == item.bsm, | ||
| 10 | zxxNode: item.qszt, | ||
| 11 | iszd: item.qszt && item.type == 'zd', | ||
| 12 | isdz: item.qszt && item.type == 'dz', | ||
| 13 | iszrz: item.qszt && item.type == 'zrz', | ||
| 14 | isgzw: item.qszt && item.type == 'gzw' | ||
| 15 | }"> | ||
| 16 | <div class="row-flex-start basic_banner" @click="itemClick(item)" @dblclick="dbclick(item, item.zdbsm)" :class="{ | ||
| 17 | active_color: item.expand, | ||
| 18 | }"> | ||
| 19 | <div class="layer_text nowrap" @contextmenu.prevent="openMenu($event, item, list)" :class="{ | ||
| 20 | active_color: item.expand | ||
| 21 | }" :ref="($route.query.bsm && $route.query.bsm == item.bsm) ? 'curZxx' : ''" :data-zdbsm="item.zdbsm" | ||
| 22 | :title=item.mc> | ||
| 23 | <i v-show="!islpb && !item.qszt && !item.type" class="iconfont iconguoyou" style="margin-right:6px"></i> | ||
| 24 | <template v-if="islpb && item.type == 'ljz' && item.children.length > 0"> | ||
| 25 | <i v-if="!item.expand" class="iconfont iconxiala lpbTree-node"></i> | ||
| 26 | <i v-if="item.expand" class="iconfont iconxialazhankai lpbTree-node"></i> | ||
| 27 | </template> | ||
| 28 | <!-- <i v-show="islpb && item.expand && item.children.length > 0" class="iconfont iconxiala" style="margin-right:6px"></i> | ||
| 29 | <i v-show="islpb && !item.expand && item.children.length > 0" class="iconfont iconxialazhankai" style="margin-right:6px"></i> --> | ||
| 30 | <span class="qsztImg" v-if="item.bblx == 1 || (item.bhqkbsm != '' && item.bhqkbsm != null)"> | ||
| 31 | <!-- <span class="qsztFont" style="color: #9e9b9b">变</span> --> | ||
| 32 | <i | ||
| 33 | :class="$route.query.bsm && $route.query.bsm == item.bsm ? 'iconfont iconbianing' : 'iconfont iconbian'"></i> | ||
| 34 | </span> | ||
| 35 | <template v-else> | ||
| 36 | <span class="qsztImg" v-if="item.qszt == '0'"> | ||
| 37 | <!-- <span class="qsztFont" style="color: #2FA3FA; ">临</span> --> | ||
| 38 | <i :class="$route.query.bsm && $route.query.bsm == item.bsm ? 'iconfont iconlining' : 'iconfont iconlin'" | ||
| 39 | style="color: #F7B500;"></i> | ||
| 40 | </span> | ||
| 41 | <span class="qsztImg" v-if="item.qszt == '1'"> | ||
| 42 | <!-- <span class="qsztFont" style="color: #1AD6E1; ">正</span> --> | ||
| 43 | <i :class="$route.query.bsm && $route.query.bsm == item.bsm ? 'iconfont iconzhenging' : 'iconfont iconzheng'" | ||
| 44 | style="color: #15D7E2;"></i> | ||
| 45 | </span> | ||
| 46 | <span class="qsztImg" v-if="item.qszt == '2'"> | ||
| 47 | <!-- <span class="qsztFont" style="color: #45AEFD; ">现</span> --> | ||
| 48 | <i :class="$route.query.bsm && $route.query.bsm == item.bsm ? 'iconfont iconxianing' : 'iconfont iconxian'" | ||
| 49 | style="color: #2FA3FA;"></i> | ||
| 50 | </span> | ||
| 51 | </template> | ||
| 52 | <i class="iconfont iconziranchuang1 mr4" v-if="item.type == 'zrz'"></i> | ||
| 53 | <i class="iconfont iconduochuang1 mr4" v-if="item.type == 'dz'"></i> | ||
| 54 | <i class="iconfont icongouzhuwu mr4" v-if="item.type == 'gzw'"></i> | ||
| 55 | <span v-if="islpb">({{ item.type | bdcLxFilter }})</span> | ||
| 56 | <span>{{ item.mc }}</span> | ||
| 57 | |||
| 58 | </div> | ||
| 59 | <div v-if="item.children" class="reTree_icon" :style="{ | ||
| 60 | height: 10 + 'px', | ||
| 61 | width: 10 + 'px', | ||
| 62 | }" :class="{ | ||
| 63 | reTree_default_icon: item.children.length === 0, | ||
| 64 | reTree_collapse_icon: !islpb && item.expand && item.children.length > 0, | ||
| 65 | reTree_expand_icon: !islpb && !item.expand && item.children.length > 0, | ||
| 66 | }"></div> | ||
| 67 | <div v-if="item.children == null" class="reTree_icon" :class="{ | ||
| 68 | reTree_default_icon: item.dm != 'G' && item.dm != 'J' && item.dm != 'Z', | ||
| 69 | reTree_expand_icon: item.dm == 'G' || item.dm == 'J' || item.dm == 'Z', | ||
| 70 | }" :style="{ | ||
| 71 | height: 10 + 'px', | ||
| 72 | width: 10 + 'px', | ||
| 73 | }"></div> | ||
| 74 | </div> | ||
| 75 | <line-item :list="item.children" v-on="$listeners" :islpb="islpb" :size="size" | ||
| 76 | v-if="item.expand && item.children && item.children.length > 0"></line-item> | ||
| 77 | </div> | ||
| 78 | </div> | ||
| 79 | </template> | ||
| 80 | <script> | ||
| 81 | // import { getZdDetailList } from "@api/common" | ||
| 82 | export default { | ||
| 83 | name: "line-item", | ||
| 84 | props: { | ||
| 85 | list: { | ||
| 86 | ype: Array, | ||
| 87 | ault: () => { | ||
| 88 | turn []; | ||
| 89 | , | ||
| 90 | }, | ||
| 91 | formatData: { | ||
| 92 | ype: Array, | ||
| 93 | ault: () => { | ||
| 94 | turn []; | ||
| 95 | |||
| 96 | : { | ||
| 97 | e: Number, | ||
| 98 | ault: 16, | ||
| 99 | ble: { | ||
| 100 | e: Boolean, | ||
| 101 | ault: false, | ||
| 102 | b: { | ||
| 103 | e: Boolean, | ||
| 104 | efault: false, | ||
| 105 | } | ||
| 106 | , | ||
| 107 | a () { | ||
| 108 | rn { | ||
| 109 | e: null, | ||
| 110 | reeXzqHeight: 0, | ||
| 111 | linshi: require("@/image/lpb/lin.png"), | ||
| 112 | zhengshi: require("@/image/lpb/zheng.png"), | ||
| 113 | ianshi: require("@/image/lpb/xian.png"), | ||
| 114 | } | ||
| 115 | , | ||
| 116 | nted () { | ||
| 117 | onsole.log(this.$refs.curZxx,'this.$refs.curZxx'); | ||
| 118 | this.$refs.curZxx) { | ||
| 119 | onsole.log(this.$refs.curZxx[0].dataset.zdbsm); | ||
| 120 | his.$store.state.oldZdbsm = this.$refs.curZxx[0].dataset.zdbsm; | ||
| 121 | : { | ||
| 122 | Click (item) { | ||
| 123 | self = this; | ||
| 124 | 开启延时器,300ms的间隔区分单击和双击,解决双击时执行两次单击事件 | ||
| 125 | learTimeout(self.time); | ||
| 126 | elf.time = setTimeout(() => { | ||
| 127 | em.expand = item.expand == undefined ? true : !item.expand; | ||
| 128 | self.$emit("itemClick", item); | ||
| 129 | source = '' | ||
| 130 | itch (this.$route.path) { | ||
| 131 | ase '/add': | ||
| 132 | source = '1,2' | ||
| 133 | break; | ||
| 134 | case '/change': | ||
| 135 | source = '2' | ||
| 136 | break; | ||
| 137 | case '/panel': | ||
| 138 | source = '0,1,2' | ||
| 139 | break; | ||
| 140 | e '/modify': | ||
| 141 | source = '1' | ||
| 142 | break; | ||
| 143 | e '/search': | ||
| 144 | source = '0,1,2' | ||
| 145 | break; | ||
| 146 | default: | ||
| 147 | break; | ||
| 148 | |||
| 149 | 目录树的所有权类型单击时加载子节点 | ||
| 150 | (!item.children && !item.type) { | ||
| 151 | et data = { | ||
| 152 | xzqbsm: item.xzq, | ||
| 153 | djqbsm: item.djq, | ||
| 154 | djzqbsm: item.djzq, | ||
| 155 | syqlx: item.dm, | ||
| 156 | source: source | ||
| 157 | |||
| 158 | / getZdDetailList(data).then((res) => { | ||
| 159 | // if (res.result.length > 0) { | ||
| 160 | / res.result.forEach(i => { | ||
| 161 | // if (i.children.length > 0) { | ||
| 162 | / i.expand = false; | ||
| 163 | } | ||
| 164 | / }) | ||
| 165 | // self.$emit("ownerMethod", item, res.result); | ||
| 166 | / } | ||
| 167 | / }).catch((error) => { | ||
| 168 | / }); | ||
| 169 | |||
| 170 | 0); | ||
| 171 | 键点击事件 | ||
| 172 | enMenu (e, item, list) { | ||
| 173 | onsole.log(item, '右键list'); | ||
| 174 | his.$emit("changeTop", e.pageY); | ||
| 175 | s.$emit("changeLeft", e.pageX); | ||
| 176 | s.$emit("changeZdData", item); | ||
| 177 | $emit("changeVisible", false); | ||
| 178 | 所有权类型 | ||
| 179 | e.log(item.dm,'item.dm '); | ||
| 180 | dm == 'G' || item.dm == 'J' ||item.dm == 'Z'){ | ||
| 181 | mit("changeCreateVisible", true); | ||
| 182 | |||
| 183 | (item.type) { | ||
| 184 | zd': | ||
| 185 | $emit("changeIsZD", true); | ||
| 186 | mit("changeVisible", true); | ||
| 187 | ; | ||
| 188 | dz': | ||
| 189 | $emit("changeDzVisible", true); | ||
| 190 | ; | ||
| 191 | 'zrz': | ||
| 192 | $emit("changeIsZD", false); | ||
| 193 | s.$emit("changeVisible", true); | ||
| 194 | ; | ||
| 195 | zdy': | ||
| 196 | $emit("changeLpbVisible", true); | ||
| 197 | |||
| 198 | ljz': | ||
| 199 | s.$emit("changeLpbVisible", true); | ||
| 200 | reak; | ||
| 201 | case 'gzw': | ||
| 202 | this.$emit("changeGzwVisible", true); | ||
| 203 | break; | ||
| 204 | fault: | ||
| 205 | reak; | ||
| 206 | 键双击事件 | ||
| 207 | ick (item, bsm) { | ||
| 208 | Timeout(this.time); | ||
| 209 | tore.state.newZdbsm = bsm; | ||
| 210 | tem.type) { | ||
| 211 | ': | ||
| 212 | tore.state.zdbsm = item.bsm; | ||
| 213 | |||
| 214 | : | ||
| 215 | tore.state.zrzbsm = item.bsm; | ||
| 216 | ; | ||
| 217 | 'dz': | ||
| 218 | his.$store.state.dzbsm = item.bsm; | ||
| 219 | reak; | ||
| 220 | 'gzw': | ||
| 221 | his.$store.state.gzwbsm = item.bsm; | ||
| 222 | reak; | ||
| 223 | fault: | ||
| 224 | reak; | ||
| 225 | m.type == 'zd' || item.type == 'dz' || item.type == 'zrz' || item.type == 'gzw') { | ||
| 226 | = { | ||
| 227 | 2, | ||
| 228 | .bsm, | ||
| 229 | his.$route.query.auth ? this.$route.query.auth : '0,1,2' | ||
| 230 | .$route.query.workitemInstanceId) { | ||
| 231 | workitemInstanceId = this.$route.query.workitemInstanceId; | ||
| 232 | (this.$route.query.ywbsm) { | ||
| 233 | data.ywbsm = this.$route.query.ywbsm; | ||
| 234 | } | ||
| 235 | this.$router.push({ | ||
| 236 | path: '/' + item.type, | ||
| 237 | query: data | ||
| 238 | }); | ||
| 239 | } | ||
| 240 | }, | ||
| 241 | closeMenu () { | ||
| 242 | this.$emit("changeVisible", false); | ||
| 243 | }, | ||
| 244 | }, | ||
| 245 | watch: { | ||
| 246 | visible (value) { | ||
| 247 | if (value) { | ||
| 248 | document.body.addEventListener("click", this.closeMenu); | ||
| 249 | } else { | ||
| 250 | document.body.removeEventListener("click", this.closeMenu); | ||
| 251 | } | ||
| 252 | }, | ||
| 253 | }, | ||
| 254 | }; | ||
| 255 | </script> | ||
| 256 | <style lang="scss"> | ||
| 257 | .content { | ||
| 258 | height: 100%; | ||
| 259 | width: 100%; | ||
| 260 | } | ||
| 261 | |||
| 262 | .column-start-center { | ||
| 263 | display: flex; | ||
| 264 | display: -webkit-flex; | ||
| 265 | flex-direction: column; | ||
| 266 | justify-content: flex-start; | ||
| 267 | align-items: center; | ||
| 268 | } | ||
| 269 | |||
| 270 | .row-flex-start { | ||
| 271 | display: flex; | ||
| 272 | display: -webkit-flex; | ||
| 273 | flex-direction: row; | ||
| 274 | justify-content: flex-start; | ||
| 275 | align-items: center; | ||
| 276 | } | ||
| 277 | |||
| 278 | .nowrap { | ||
| 279 | overflow: hidden; | ||
| 280 | text-overflow: ellipsis; | ||
| 281 | white-space: nowrap; | ||
| 282 | } | ||
| 283 | |||
| 284 | // .active_color { | ||
| 285 | // color: #ffffff; | ||
| 286 | // } | ||
| 287 | .reTree_icon { | ||
| 288 | width: 17px; | ||
| 289 | height: 17px; | ||
| 290 | margin-right: 16px; | ||
| 291 | } | ||
| 292 | |||
| 293 | .no_icon { | ||
| 294 | width: 17px; | ||
| 295 | height: 17px; | ||
| 296 | } | ||
| 297 | |||
| 298 | .tree_item_box { | ||
| 299 | position: relative; | ||
| 300 | width: 100%; | ||
| 301 | cursor: pointer; | ||
| 302 | } | ||
| 303 | |||
| 304 | // .ofy_scroll{ | ||
| 305 | // overflow-y: scroll; | ||
| 306 | // overflow-x: hidden; | ||
| 307 | // } | ||
| 308 | .basic_layer { | ||
| 309 | width: 100%; | ||
| 310 | position: relative; | ||
| 311 | color: #4a4a4a; | ||
| 312 | cursor: pointer; | ||
| 313 | |||
| 314 | .layer_text { | ||
| 315 | flex: 1; | ||
| 316 | line-height: 40px; | ||
| 317 | } | ||
| 318 | } | ||
| 319 | |||
| 320 | .first_vertical_line { | ||
| 321 | content: ""; | ||
| 322 | position: absolute; | ||
| 323 | width: 1px; | ||
| 324 | left: 6px; | ||
| 325 | top: 17px; | ||
| 326 | background: #c3c5c8; | ||
| 327 | } | ||
| 328 | |||
| 329 | .basic_banner { | ||
| 330 | position: relative; | ||
| 331 | width: 279px; | ||
| 332 | height: 40px; | ||
| 333 | box-sizing: border-box; | ||
| 334 | padding-left: 20px; | ||
| 335 | } | ||
| 336 | |||
| 337 | .lpb_basic_banner { | ||
| 338 | padding-left: 42px; | ||
| 339 | } | ||
| 340 | |||
| 341 | .second_layer { | ||
| 342 | position: relative; | ||
| 343 | width: calc(100% - 20px); | ||
| 344 | cursor: pointer; | ||
| 345 | padding-left: 20px; | ||
| 346 | |||
| 347 | .basic_banner { | ||
| 348 | width: 100%; | ||
| 349 | } | ||
| 350 | } | ||
| 351 | |||
| 352 | .zxxNode { | ||
| 353 | width: 279px !important; | ||
| 354 | position: relative; | ||
| 355 | left: -80px; | ||
| 356 | text-indent: 80px; | ||
| 357 | } | ||
| 358 | |||
| 359 | .iszd { | ||
| 360 | .tree_item_box { | ||
| 361 | .zxxNode { | ||
| 362 | padding-left: 0; | ||
| 363 | left: 0; | ||
| 364 | } | ||
| 365 | } | ||
| 366 | } | ||
| 367 | |||
| 368 | .iszrz, | ||
| 369 | .isgzw { | ||
| 370 | left: 0px !important; | ||
| 371 | text-indent: 96px; | ||
| 372 | } | ||
| 373 | |||
| 374 | .isdz { | ||
| 375 | text-indent: 96px !important; | ||
| 376 | |||
| 377 | .iszrz { | ||
| 378 | left: 0 !important; | ||
| 379 | text-indent: 112px !important; | ||
| 380 | } | ||
| 381 | } | ||
| 382 | |||
| 383 | .third_layer { | ||
| 384 | position: relative; | ||
| 385 | width: calc(100% - 20px); | ||
| 386 | cursor: pointer; | ||
| 387 | padding-left: 20px; | ||
| 388 | } | ||
| 389 | |||
| 390 | .white_layer { | ||
| 391 | color: black !important; | ||
| 392 | } | ||
| 393 | |||
| 394 | .lpbTree-node { | ||
| 395 | position: absolute; | ||
| 396 | top: 1px; | ||
| 397 | left: 0; | ||
| 398 | } | ||
| 399 | |||
| 400 | // .second_layer::before { | ||
| 401 | // content: ""; | ||
| 402 | // position: absolute; | ||
| 403 | // height: 1px; | ||
| 404 | // width: 16px; | ||
| 405 | // left: 8px; | ||
| 406 | // top: 8px; | ||
| 407 | // opacity: .5; | ||
| 408 | // background: url('../../assets/images/rowline1.png'); | ||
| 409 | // background-position-y: center; | ||
| 410 | // } | ||
| 411 | // .third_layer::before { | ||
| 412 | // content: ""; | ||
| 413 | // position: absolute; | ||
| 414 | // height: 1px; | ||
| 415 | // width: 16px; | ||
| 416 | // left: 8px; | ||
| 417 | // top: 8px; | ||
| 418 | // opacity: .5; | ||
| 419 | // background: url('../../assets/images/rowline1.png'); | ||
| 420 | // background-position-y: center; | ||
| 421 | // } | ||
| 422 | |||
| 423 | // .linkLine_default::after { | ||
| 424 | // content: ""; | ||
| 425 | // position: absolute; | ||
| 426 | // height: 100%; | ||
| 427 | // width: 1px; | ||
| 428 | // left: 7px; | ||
| 429 | // top: 0px; | ||
| 430 | // opacity: .5; | ||
| 431 | // background: url('../../assets/images/colline1.png'); | ||
| 432 | // background-position-x: center; | ||
| 433 | // } | ||
| 434 | // .linkLine_first::after { | ||
| 435 | // content: ""; | ||
| 436 | // position: absolute; | ||
| 437 | // /* 为了触顶 */ | ||
| 438 | // top: -16px; | ||
| 439 | // height: calc(100% + 16px); | ||
| 440 | // width: 1px; | ||
| 441 | // left: 7px; | ||
| 442 | // opacity: .5; | ||
| 443 | // background: url('../../assets/images/colline1.png'); | ||
| 444 | // background-position-x: center; | ||
| 445 | // } | ||
| 446 | // // 上半截 | ||
| 447 | // .linkLine_half_top::after { | ||
| 448 | // content: ""; | ||
| 449 | // position: absolute; | ||
| 450 | // height: 23px; | ||
| 451 | // top: -14px; | ||
| 452 | // width: 1px; | ||
| 453 | // left: 7px; | ||
| 454 | // opacity: .5; | ||
| 455 | // background: url('../../assets/images/colline1.png'); | ||
| 456 | // background-position-x: center; | ||
| 457 | // } | ||
| 458 | // .linkLine_last::after { | ||
| 459 | // content: ""; | ||
| 460 | // position: absolute; | ||
| 461 | // height: 9px; | ||
| 462 | // width: 1px; | ||
| 463 | // left: 7px; | ||
| 464 | // top: 0px; | ||
| 465 | // opacity: .5; | ||
| 466 | // background: url('../../assets/images/colline1.png'); | ||
| 467 | // background-position-x: center; | ||
| 468 | // } | ||
| 469 | |||
| 470 | .reTree_default_icon { | ||
| 471 | // opacity: .5; | ||
| 472 | background-size: contain; | ||
| 473 | } | ||
| 474 | |||
| 475 | .reTree_collapse_icon { | ||
| 476 | // opacity: .5; | ||
| 477 | background: url("../../assets/images/arrow-down-bold.svg") no-repeat center center; | ||
| 478 | background-size: contain; | ||
| 479 | } | ||
| 480 | |||
| 481 | .reTree_expand_icon { | ||
| 482 | // opacity: .5; | ||
| 483 | background: url("../../assets/images/arrow-left-bold.svg") no-repeat center center; | ||
| 484 | background-size: contain; | ||
| 485 | } | ||
| 486 | |||
| 487 | .lpbTree_collapse_icon { | ||
| 488 | // opacity: .5; | ||
| 489 | background-size: contain; | ||
| 490 | } | ||
| 491 | |||
| 492 | .lpbTree_expand_icon { | ||
| 493 | // opacity: .5; | ||
| 494 | background: url("../../assets/images/arrow-left-bold.svg") no-repeat center center; | ||
| 495 | background-size: contain; | ||
| 496 | } | ||
| 497 | |||
| 498 | |||
| 499 | .reTree_focus_icon { | ||
| 500 | // opacity: .5; | ||
| 501 | background: url("../../assets/images/reTree_focus_.svg") no-repeat center center; | ||
| 502 | background-size: contain; | ||
| 503 | } | ||
| 504 | |||
| 505 | .qsztImg { | ||
| 506 | width: 16px; | ||
| 507 | margin-right: 6px; | ||
| 508 | // border-radius: 50%; height: 20px; width: 20px; display: inline-block; | ||
| 509 | } | ||
| 510 | |||
| 511 | .curNode { | ||
| 512 | >.basic_banner { | ||
| 513 | background: #E9F5FF; | ||
| 514 | box-shadow: inset 2px 0 0 0 #0C71FB; | ||
| 515 | color: #0C71FB; | ||
| 516 | } | ||
| 517 | } | ||
| 518 | |||
| 519 | .qsztFont { | ||
| 520 | text-align: center; | ||
| 521 | |||
| 522 | display: inline-block; | ||
| 523 | width: 16px; | ||
| 524 | height: 16px; | ||
| 525 | font-size: 12px; | ||
| 526 | line-height: 16px; | ||
| 527 | border: 1px solid; | ||
| 528 | border-radius: 8px; | ||
| 529 | } | ||
| 530 | |||
| 531 | .mr4 { | ||
| 532 | margin-right: 4px; | ||
| 533 | } | ||
| 534 | </style> |
src/components/lineTree/lineTree.vue
deleted
100644 → 0
| 1 | <template> | ||
| 2 | <div class="content column-start-center reTree_box" | ||
| 3 | :style="{ fontSize: (size || 16) + 'px', lineHeight: (size || 16) + 'px', width: (islpb ? '200' : '286') + 'px' }"> | ||
| 4 | <div class="column-start-center basic_layer" :class="islpb ? 'white_layer' : ''" v-for="(item, index) in formatData" | ||
| 5 | :key="index"> | ||
| 6 | <div class="row-flex-start basic_banner" :class="{ | ||
| 7 | active_color: item.expand && item.children.length > 0, | ||
| 8 | }" @click="itemClick(item)"> | ||
| 9 | |||
| 10 | <div class="layer_text nowrap" @contextmenu.prevent="openMenu($event, item)"><i class="iconfont iconguoyou"></i> | ||
| 11 | {{ item.mc }}</div> | ||
| 12 | <div class="reTree_icon" :style="{ | ||
| 13 | height: 10 + 'px', | ||
| 14 | width: 10 + 'px', | ||
| 15 | }" :class="{ | ||
| 16 | reTree_default_icon: item.children.length === 0, | ||
| 17 | reTree_collapse_icon: !islpb && item.expand && item.children.length > 0, | ||
| 18 | reTree_expand_icon: !islpb && !item.expand && item.children.length > 0, | ||
| 19 | lpbTree_collapse_icon: islpb && item.expand && item.children.length > 0, | ||
| 20 | lpbTree_expand_icon: islpb && !item.expand && item.children.length > 0, | ||
| 21 | }"></div> | ||
| 22 | </div> | ||
| 23 | |||
| 24 | <lineItem v-if="item.expand && item.children.length > 0" v-on="$listeners" @ownerMethod="ownerMethod(arguments)" | ||
| 25 | @changeTop="changeTop" @changeZdData="changeZdData" @changeLeft="changeLeft" @changeVisible="changeVisible" | ||
| 26 | @changeLpbVisible="changeLpbVisible" @changeIsZD="changeIsZD" @changeCreateVisible="changeCreateVisible" | ||
| 27 | @changeDzVisible="changeDzVisible" @changeGzwVisible="changeGzwVisible" :list="item.children" | ||
| 28 | :visible="zrzVisible" :size="size" :islpb="islpb" :formatData="formatData"></lineItem> | ||
| 29 | </div> | ||
| 30 | |||
| 31 | <ul v-show="zrzVisible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu"> | ||
| 32 | <li @click="postionToMap">定位</li> | ||
| 33 | <li @click="importGeo">导入图形</li> | ||
| 34 | <li> | ||
| 35 | 导出图形 | ||
| 36 | <ul class="contextmenu childUl"> | ||
| 37 | <li @click="exportText">文本</li> | ||
| 38 | <li @click="exportCad">CAD</li> | ||
| 39 | <li @click="exportExcel">Excel</li> | ||
| 40 | <li @click="exportToShp">ESRI Shape</li> | ||
| 41 | </ul> | ||
| 42 | </li> | ||
| 43 | <li @click="drsx" :class="zdQszt == '0' ? '' : 'noEdit'">导入属性</li> | ||
| 44 | <li @click="dcsx">导出属性</li> | ||
| 45 | <li v-show="!isZD">导入楼盘</li> | ||
| 46 | <!-- <li>重叠分析</li> --> | ||
| 47 | <li v-show="isZD && (zdQszt == '1' || zdQszt == '2')" @click="openCreateDialog('dzw')">添加定着物</li> | ||
| 48 | <li v-show="isZD && (zdQszt != '1' && zdQszt != '2')" class="noEdit">添加定着物</li> | ||
| 49 | <li @click="deleteByBsm()">删除</li> | ||
| 50 | <li @click="deleteGeoByBsm()">删除图形</li> | ||
| 51 | </ul> | ||
| 52 | <ul v-show="dzVisible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu"> | ||
| 53 | <li @click="openCreateDialog('zrz')">新建自然幢</li> | ||
| 54 | <li @click="deleteByBsm()">删除</li> | ||
| 55 | </ul> | ||
| 56 | <ul v-show="createVisible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu"> | ||
| 57 | <li @click="openCreateDialog">新建宗地</li> | ||
| 58 | </ul> | ||
| 59 | <!-- 构筑物删除 --> | ||
| 60 | <ul v-show="gzwVisible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu"> | ||
| 61 | <li @click="deleteByBsm">删除</li> | ||
| 62 | </ul> | ||
| 63 | <ul v-show="lpbvisible" :style="{ left: lpbleft + 'px', top: lpbtop + 'px' }" class="contextmenu"> | ||
| 64 | <li v-show="zdData.type == 'zrz'" @click="openLpbDialog('ljz')">添加逻辑幢</li> | ||
| 65 | <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz'" @click="openLpbDialog('zdy')">添加幢单元</li> | ||
| 66 | <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz' || zdData.type == 'zdy'" @click="openLpbDialog('ch')"> | ||
| 67 | 添加层户</li> | ||
| 68 | <li v-show="zdData.type == 'ljz'" @click="deleteLjz">删除</li> | ||
| 69 | <li v-show="zdData.type == 'zdy'" @click="deleteZdy">删除</li> | ||
| 70 | </ul> | ||
| 71 | |||
| 72 | <!--@close="closeImportDialog"--> | ||
| 73 | <el-dialog :close-on-click-modal="false" title="导入图形" :modal="false" custom-class="importDialog" | ||
| 74 | :visible.sync="improtDialog" width="30%" @close="closeImportDialog"> | ||
| 75 | <import-geo :property-info="zdData" :timeLine="new Date().getTime()" :geo-info="currentClickZdGeo" | ||
| 76 | @closeImportDialog="closeImportDialog"></import-geo> | ||
| 77 | </el-dialog> | ||
| 78 | <!-- 添加定着物弹框 --> | ||
| 79 | <el-dialog :close-on-click-modal="false" title="新建" :modal="false" :visible.sync="dialogVisible" width="48%"> | ||
| 80 | <!-- <Create @closeDialog="closeDialog" :auth="true" :createZrz="createZrz" ></Create> --> | ||
| 81 | </el-dialog> | ||
| 82 | <!-- <sxdr :sxdr-visible="sxdrVisible" @close="sxdrClose" :dylx="zdData.type" :bsm="zdData.bsm"></sxdr> --> | ||
| 83 | </div> | ||
| 84 | </template> | ||
| 85 | <script> | ||
| 86 | import lineItem from "./lineItem.vue"; | ||
| 87 | // import { deleteZdInfoByBsm, exportShp, exportExcel, delJzdByBsm, delJzxByBsm } from "@api/zd"; | ||
| 88 | // import Create from "../../views/panel/create/index"; | ||
| 89 | import ImportGeo from './tx/importGeo' | ||
| 90 | port geoUtils from "@/components/lineTree/tx/js/geoUtils"; | ||
| 91 | rt featureUpdate from "@/libs/map/featureUpdate"; | ||
| 92 | ort { deleteLjz, deleteZdy } from "@api/lpcx.js" | ||
| 93 | exportTemJson from '@/api/json/exportTemplate.json' | ||
| 94 | mport sxdr from '@/components/sxdr/sxdr' | ||
| 95 | port default { | ||
| 96 | nheritAttrs: false, | ||
| 97 | ps: { | ||
| 98 | { | ||
| 99 | e: Array, | ||
| 100 | ault: () => { | ||
| 101 | turn[]; | ||
| 102 | |||
| 103 | : { | ||
| 104 | e: Number, | ||
| 105 | ault: 16, | ||
| 106 | b: { | ||
| 107 | e: Boolean, | ||
| 108 | ault: false, | ||
| 109 | |||
| 110 | omponents: { lineItem, Create, ImportGeo, sxdr }, | ||
| 111 | ixins: [geoUtils, featureUpdate], | ||
| 112 | a() { | ||
| 113 | rn { | ||
| 114 | rVisible: false, | ||
| 115 | electedDetail: { }, | ||
| 116 | timer: { }, | ||
| 117 | formatData: this.$store.state.treeData, | ||
| 118 | isible: false, | ||
| 119 | top: 0, | ||
| 120 | left: 0, | ||
| 121 | sZD: true, | ||
| 122 | ata: { }, | ||
| 123 | rentClickZdGeo: "", | ||
| 124 | mprotDialog: false, | ||
| 125 | ialogVisible: false, | ||
| 126 | 制自然幢右键菜单 | ||
| 127 | Visible: false, | ||
| 128 | 盘表 | ||
| 129 | visible: false, | ||
| 130 | top: 0, | ||
| 131 | left: 0, | ||
| 132 | /控制新建宗地菜单 | ||
| 133 | reateVisible: false, | ||
| 134 | 幢 | ||
| 135 | isible: false, | ||
| 136 | 属状态 | ||
| 137 | szt: null, | ||
| 138 | : "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]", | ||
| 139 | ateZrz: false, | ||
| 140 | /构筑物 | ||
| 141 | zwVisible: false | ||
| 142 | |||
| 143 | ch: { | ||
| 144 | (n, o) { | ||
| 145 | s.formatData = this.preDealData(n); | ||
| 146 | isible(value) { | ||
| 147 | (value) { | ||
| 148 | ment.body.addEventListener("click", this.closeMenu); | ||
| 149 | lse { | ||
| 150 | cument.body.removeEventListener("click", this.closeMenu); | ||
| 151 | |||
| 152 | |||
| 153 | Visible(value) { | ||
| 154 | (value) { | ||
| 155 | cument.body.addEventListener("click", this.closeMenu); | ||
| 156 | lse { | ||
| 157 | cument.body.removeEventListener("click", this.closeMenu); | ||
| 158 | wVisible(value) { | ||
| 159 | f(value) { | ||
| 160 | document.body.addEventListener("click", this.closeMenu); | ||
| 161 | lse { | ||
| 162 | cument.body.removeEventListener("click", this.closeMenu); | ||
| 163 | } | ||
| 164 | zrzVisible(value) { | ||
| 165 | (value) { | ||
| 166 | ment.body.addEventListener("click", this.closeMenu); | ||
| 167 | lse { | ||
| 168 | document.body.removeEventListener("click", this.closeMenu); | ||
| 169 | reateVisible(value) { | ||
| 170 | (value) { | ||
| 171 | document.body.addEventListener("click", this.closeMenu); | ||
| 172 | } else { | ||
| 173 | document.body.removeEventListener("click", this.closeMenu); | ||
| 174 | } | ||
| 175 | } | ||
| 176 | ed() { | ||
| 177 | nextTick(() => { | ||
| 178 | eDealData(this.pd); | ||
| 179 | ndTreeItemById(["6b5af49d803f97baf06afb897de257f5"]); | ||
| 180 | |||
| 181 | { | ||
| 182 | .log(this.zdData, 'zdData') | ||
| 183 | ow.open(`api/tx/excelGeo/export?bsm=${this.zdData.bsm}&type=${this.zdData.type}`) | ||
| 184 | `api/tx/excelGeo/export?bsm=${this.zdData.bsm}&type=${this.zdData.type}` | ||
| 185 | mIF = document.createElement("iframe"); | ||
| 186 | src = url; | ||
| 187 | style.display = "none"; | ||
| 188 | t.body.appendChild(elemIF) | ||
| 189 | { | ||
| 190 | his.zdQszt != '0') { | ||
| 191 | |||
| 192 | drVisible = true; | ||
| 193 | e() { | ||
| 194 | sxdrVisible = false; | ||
| 195 | ading() { | ||
| 196 | his.$emit("loading") | ||
| 197 | |||
| 198 | eleteLjz() { | ||
| 199 | console.log("删除逻辑幢") | ||
| 200 | console.log(this.zdData, "zdData") | ||
| 201 | deleteLjz(this.zdData.bsm).then(res => { | ||
| 202 | if (res.success) { | ||
| 203 | this.loading() | ||
| 204 | else { | ||
| 205 | dy() { | ||
| 206 | log("删除幢单元") | ||
| 207 | e.log(this.zdData, "zdData") | ||
| 208 | teZdy(this.zdData.bsm).then(res => { | ||
| 209 | f(res.success) { | ||
| 210 | this.loading() | ||
| 211 | } | ||
| 212 | |||
| 213 | , | ||
| 214 | 变菜单数据 | ||
| 215 | Visible(data) { | ||
| 216 | s.zrzVisible = data; | ||
| 217 | s.lpbvisible = false; | ||
| 218 | dzVisible = false; | ||
| 219 | wVisible = false; | ||
| 220 | ta(data) { | ||
| 221 | = data; | ||
| 222 | zt = data.qszt; | ||
| 223 | (data) { | ||
| 224 | p = data; | ||
| 225 | lpbtop = data; | ||
| 226 | angeLeft(data) { | ||
| 227 | this.left = data; | ||
| 228 | this.lpbleft = data; | ||
| 229 | }, | ||
| 230 | changeIsZD(data) { | ||
| 231 | this.isZD = data; | ||
| 232 | }, | ||
| 233 | changeLpbVisible(data) { | ||
| 234 | this.lpbvisible = data; | ||
| 235 | this.zrzVisible = false; | ||
| 236 | this.dzVisible = false; | ||
| 237 | this.gzwVisible = false; | ||
| 238 | }, | ||
| 239 | changeCreateVisible(data) { | ||
| 240 | this.createVisible = true; | ||
| 241 | }, | ||
| 242 | //多幢 | ||
| 243 | changeDzVisible(data) { | ||
| 244 | this.dzVisible = data; | ||
| 245 | this.zrzVisible = false; | ||
| 246 | this.lpbvisible = false; | ||
| 247 | this.gzwVisible = false; | ||
| 248 | }, | ||
| 249 | //构筑物 | ||
| 250 | changeGzwVisible(data) { | ||
| 251 | this.gzwVisible = data; | ||
| 252 | this.zrzVisible = false; | ||
| 253 | this.lpbvisible = false; | ||
| 254 | this.dzVisible = false; | ||
| 255 | }, | ||
| 256 | //添加定着物 | ||
| 257 | openCreateDialog(type) { | ||
| 258 | if (type == 'zrz') { | ||
| 259 | this.createZrz = true; | ||
| 260 | } | ||
| 261 | console.log(this.zdData, 'this.zdData'); | ||
| 262 | this.dialogVisible = true; | ||
| 263 | this.$store.state.zdbsm = this.zdData.zdbsm; | ||
| 264 | if (this.zdData.type == 'dz') { | ||
| 265 | this.$store.state.dzbsm = this.zdData.bsm; | ||
| 266 | } else { | ||
| 267 | this.$store.state.dzbsm = ''; | ||
| 268 | } | ||
| 269 | }, | ||
| 270 | //关闭添加定着物弹框 | ||
| 271 | closeDialog() { | ||
| 272 | this.dialogVisible = false; | ||
| 273 | this.createZrz = false; | ||
| 274 | }, | ||
| 275 | preDealData(list) { | ||
| 276 | //楼盘表目录树没有expand属性 | ||
| 277 | // if(list == null){ | ||
| 278 | // return list | ||
| 279 | // }else{ | ||
| 280 | list.forEach((x) => { | ||
| 281 | if (x.expand == undefined) this.$set(x, "expand", true); | ||
| 282 | if (x.children && x.children.length > 0) { | ||
| 283 | this.preDealData(x.children); | ||
| 284 | } | ||
| 285 | }); | ||
| 286 | return list; | ||
| 287 | // } | ||
| 288 | }, | ||
| 289 | // 根据id展开树的具体项 | ||
| 290 | expandTreeItemById(idList) { | ||
| 291 | let _this = this; | ||
| 292 | function loopTree (list) { | ||
| 293 | list.forEach((x) => { | ||
| 294 | if (idList.includes(x.zdbsm)) { | ||
| 295 | _this.$set(x, "expand", true); | ||
| 296 | } else { | ||
| 297 | _this.$set(x, "expand", false); | ||
| 298 | } | ||
| 299 | if (x.children && x.children.length > 0) loopTree(x.children); | ||
| 300 | }); | ||
| 301 | return list; | ||
| 302 | } | ||
| 303 | this.formatData = loopTree(this.pd); | ||
| 304 | console.log(this.formatData, "this.formatData"); | ||
| 305 | }, | ||
| 306 | itemClick(item) { | ||
| 307 | // item.expand = item.expand == undefined? true:!item.expand; | ||
| 308 | this.formatData.forEach(i => { | ||
| 309 | if (i.bsm != item.bsm) { | ||
| 310 | i.expand = false | ||
| 311 | } else { | ||
| 312 | // i.expand = !item.expand | ||
| 313 | } | ||
| 314 | }) | ||
| 315 | item.expand = !item.expand; | ||
| 316 | // this.$emit("itemClick", item); | ||
| 317 | }, | ||
| 318 | //给所有权类型添加子节点 | ||
| 319 | ownerMethod(arr) { | ||
| 320 | let item = arr[0]; | ||
| 321 | let list = arr[1] | ||
| 322 | this.formatData.forEach(i => { | ||
| 323 | if (i.bsm == item.xzq) { | ||
| 324 | i.children.forEach(j => { | ||
| 325 | if (j.bsm == item.djq) { | ||
| 326 | j.children.forEach(k => { | ||
| 327 | if (k.bsm == item.djzq) { | ||
| 328 | k.children.forEach(n => { | ||
| 329 | if (n.dm == item.dm) { | ||
| 330 | this.$nextTick(() => { | ||
| 331 | n.children = list; | ||
| 332 | }) | ||
| 333 | } | ||
| 334 | }) | ||
| 335 | } | ||
| 336 | }) | ||
| 337 | } | ||
| 338 | }) | ||
| 339 | } | ||
| 340 | }); | ||
| 341 | this.$store.state.treeData = this.formatData; | ||
| 342 | }, | ||
| 343 | //自然幢右键点击事件 | ||
| 344 | openMenu(e, item) { | ||
| 345 | this.lpbleft = e.pageX; | ||
| 346 | this.lpbtop = e.pageY; | ||
| 347 | this.zdData = item; | ||
| 348 | this.changeLpbVisible(true); | ||
| 349 | }, | ||
| 350 | //关闭右键菜单 | ||
| 351 | closeMenu() { | ||
| 352 | this.zrzVisible = false; | ||
| 353 | this.lpbvisible = false; | ||
| 354 | this.dzVisible = false; | ||
| 355 | this.gzwVisible = false; | ||
| 356 | }, | ||
| 357 | //楼盘表右键菜单项打开父组件弹框 | ||
| 358 | openLpbDialog(type) { | ||
| 359 | this.$parent.openLpbDialog(this.zdData, type); | ||
| 360 | }, | ||
| 361 | detailDoubleClick(data) { | ||
| 362 | clearTimeout(this.timer); | ||
| 363 | this.selectedDetail = data; | ||
| 364 | this.$emit("detailDoubleClick", data); | ||
| 365 | }, | ||
| 366 | //右键菜单的删除 | ||
| 367 | deleteByBsm() { | ||
| 368 | let name = ''; | ||
| 369 | switch (this.zdData.type) { | ||
| 370 | case 'zd': | ||
| 371 | name = '宗地' | ||
| 372 | break; | ||
| 373 | case 'dz': | ||
| 374 | name = '多幢' | ||
| 375 | break; | ||
| 376 | case 'zrz': | ||
| 377 | name = '自然幢' | ||
| 378 | break; | ||
| 379 | case 'gzw': | ||
| 380 | name = '构筑物' | ||
| 381 | break; | ||
| 382 | |||
| 383 | default: | ||
| 384 | break; | ||
| 385 | } | ||
| 386 | this.$confirm('是否确定删除该' + name + '?', '提示', { | ||
| 387 | confirmButtonText: '确定', | ||
| 388 | cancelButtonText: '取消', | ||
| 389 | type: 'warning' | ||
| 390 | }).then(() => { | ||
| 391 | let params = { "bsm": this.zdData.bsm, "type": this.zdData.type }; | ||
| 392 | deleteZdInfoByBsm(params) | ||
| 393 | .then((res) => { | ||
| 394 | console.log(res); | ||
| 395 | if (res.success) { | ||
| 396 | this.$message({ | ||
| 397 | type: 'success', | ||
| 398 | message: '删除成功!' | ||
| 399 | }); | ||
| 400 | this.$router.push("/panel"); | ||
| 401 | } else { | ||
| 402 | this.$message({ | ||
| 403 | message: res.message, | ||
| 404 | type: "warning", | ||
| 405 | }); | ||
| 406 | } | ||
| 407 | }) | ||
| 408 | .catch((error) => { }); | ||
| 409 | }).catch(() => { | ||
| 410 | |||
| 411 | }); | ||
| 412 | var self = this; | ||
| 413 | var BSM = ""; | ||
| 414 | var type = this.zdData.type; | ||
| 415 | if (type == "zd") { | ||
| 416 | BSM = this.zdData.zdbsm; | ||
| 417 | } else { | ||
| 418 | BSM = this.zdData.bsm; | ||
| 419 | } | ||
| 420 | //删除图形相关信息 | ||
| 421 | var type = this.zdData.type; | ||
| 422 | this.queryGeoByBsm(BSM, type, function (features) { | ||
| 423 | if (features && features.length > 0) { | ||
| 424 | var layer = null; | ||
| 425 | if (type == 'zd') { | ||
| 426 | layer = self.getLayerByName("ZDJBXX"); | ||
| 427 | } else { | ||
| 428 | layer = self.getLayerByName("ZRZ"); | ||
| 429 | |||
| 430 | } | ||
| 431 | var featureUrl = layer.layerUrl.replace("MapServer", "FeatureServer"); | ||
| 432 | featureUrl += "/" + layer.id; | ||
| 433 | self.delGraphic(featureUrl, features[0], null); | ||
| 434 | } | ||
| 435 | }); | ||
| 436 | }, | ||
| 437 | //删除图形 | ||
| 438 | deleteGeoByBsm() { | ||
| 439 | var self = this; | ||
| 440 | var BSM = ""; | ||
| 441 | var type = this.zdData.type; | ||
| 442 | if (type == "zd") { | ||
| 443 | BSM = this.zdData.zdbsm; | ||
| 444 | } else { | ||
| 445 | BSM = this.zdData.bsm; | ||
| 446 | } | ||
| 447 | //删除图形相关信息 | ||
| 448 | var type = this.zdData.type; | ||
| 449 | this.queryGeoByBsm(BSM, type, function (features) { | ||
| 450 | if (features && features.length > 0 && features[0].geometry.rings.length > 0) { | ||
| 451 | var layer = null; | ||
| 452 | if (type == 'zd') { | ||
| 453 | layer = self.getLayerByName("ZDJBXX"); | ||
| 454 | } else { | ||
| 455 | layer = self.getLayerByName("ZRZ"); | ||
| 456 | } | ||
| 457 | var featureUrl = layer.layerUrl.replace("MapServer", "FeatureServer"); | ||
| 458 | featureUrl += "/" + layer.id; | ||
| 459 | features[0].geometry = null; | ||
| 460 | self.updateGraphic(featureUrl, features, function (res) { | ||
| 461 | if (!res.updateFeatureResults[0].error) { | ||
| 462 | self.$message.warning("删除成功!!!") | ||
| 463 | //清除图层 | ||
| 464 | self.clearHighlightLayer("testMap"); | ||
| 465 | //self.addGeoByBsm(BSM,type,"testMap"); | ||
| 466 | //删除界址点 界址线 | ||
| 467 | if (type == 'zd') { | ||
| 468 | self.delJzdAndJzx(BSM); | ||
| 469 | } | ||
| 470 | } | ||
| 471 | |||
| 472 | }); | ||
| 473 | } else { | ||
| 474 | self.$message.warning("暂无图形信息!!!") | ||
| 475 | } | ||
| 476 | }); | ||
| 477 | }, | ||
| 478 | //删除宗地界址点 界址线 | ||
| 479 | delJzdAndJzx(bsm) { | ||
| 480 | delJzdByBsm({ zdbsm: bsm }).then(res => { | ||
| 481 | if (res.success) { | ||
| 482 | console.log("删除界址点成功!!!"); | ||
| 483 | } | ||
| 484 | }); | ||
| 485 | delJzxByBsm({ zdbsm: bsm }).then(res => { | ||
| 486 | if (res.success) { | ||
| 487 | console.log("删除界址线成功!!!"); | ||
| 488 | } | ||
| 489 | }) | ||
| 490 | }, | ||
| 491 | /* | ||
| 492 | * 导入图形 | ||
| 493 | * */ | ||
| 494 | importGeo() { | ||
| 495 | var self = this; | ||
| 496 | var BSM = ""; | ||
| 497 | if (this.zdData.qszt != '0') { | ||
| 498 | this.$message.warning("不是临时数据,不能导入图形!!!"); | ||
| 499 | return; | ||
| 500 | } | ||
| 501 | var type = this.zdData.type; | ||
| 502 | if (type == "zd") { | ||
| 503 | BSM = this.zdData.zdbsm; | ||
| 504 | } else { | ||
| 505 | BSM = this.zdData.bsm; | ||
| 506 | } | ||
| 507 | //当确定导入图形是 跳转到图形界面 | ||
| 508 | this.queryGeoByBsm(BSM, type, function (features) { | ||
| 509 | if (features && features.length > 0) { | ||
| 510 | if (features[0].geometry && features[0].geometry.rings.length > 0) { | ||
| 511 | self.$confirm('该条数据有地块信息,是否继续导入?', '提示', { | ||
| 512 | confirmButtonText: '继续', | ||
| 513 | cancelButtonText: '取消', | ||
| 514 | type: 'warning' | ||
| 515 | }).then(() => { | ||
| 516 | self.postionToMap(); | ||
| 517 | self.improtDialog = true; | ||
| 518 | self.currentClickZdGeo = features[0]; | ||
| 519 | }).catch(() => { | ||
| 520 | self.$message({ | ||
| 521 | type: 'info', | ||
| 522 | message: '已取消' | ||
| 523 | }); | ||
| 524 | }); | ||
| 525 | } else { | ||
| 526 | self.postionToMap(); | ||
| 527 | self.currentClickZdGeo = features[0]; | ||
| 528 | self.improtDialog = true; | ||
| 529 | } | ||
| 530 | |||
| 531 | } else { | ||
| 532 | self.postionToMap(); | ||
| 533 | self.currentClickZdGeo = null; | ||
| 534 | self.improtDialog = true; | ||
| 535 | } | ||
| 536 | }); | ||
| 537 | }, | ||
| 538 | //导出文本文件 | ||
| 539 | exportText() { | ||
| 540 | var self = this; | ||
| 541 | var type = this.zdData.type; | ||
| 542 | var BSM = type == 'zd' ? this.zdData.zdbsm : this.zdData.bsm; | ||
| 543 | this.queryGeoByBsm(BSM, type, function (features) { | ||
| 544 | if (features && features.length > 0 && features[0].geometry.rings.length > 0) { | ||
| 545 | var data = features[0]; | ||
| 546 | var jzdInfo = self.craetJZPoint(data); | ||
| 547 | var textCotent = ""; | ||
| 548 | textCotent += exportTemJson.exprotTextAttr; | ||
| 549 | textCotent += "[地块坐标]\n"; | ||
| 550 | var dkMc = "", dkYt = ""; | ||
| 551 | if (type == 'zd') { | ||
| 552 | dkMc = data.attributes.ZL; | ||
| 553 | dkYt = data.attributes.YT; | ||
| 554 | } else { | ||
| 555 | dkMc = data.attributes.XMMC + data.attributes.JZWMC; | ||
| 556 | dkYt = "建设用地"; | ||
| 557 | } | ||
| 558 | textCotent += ",,," + dkMc + ",面,," + dkYt + ",,@\n"; | ||
| 559 | for (var i = 0; i < jzdInfo.length; i++) { | ||
| 560 | textCotent += jzdInfo[i].jzdh + "," + jzdInfo[i].sxh + "," + | ||
| 561 | jzdInfo[i].x + "," + jzdInfo[i].y + "\n" | ||
| 562 | } | ||
| 563 | self.downloadTxt(textCotent, "outPut.txt"); | ||
| 564 | } | ||
| 565 | }, { wkt: this.wkt }); | ||
| 566 | }, | ||
| 567 | //导出shp文件 | ||
| 568 | exportToShp() { | ||
| 569 | var self = this; | ||
| 570 | var type = this.zdData.type; | ||
| 571 | var BSM = type == 'zd' ? this.zdData.zdbsm : this.zdData.bsm; | ||
| 572 | this.queryGeoByBsm(BSM, type, function (features) { | ||
| 573 | if (features && features.length > 0 && features[0].geometry.rings.length > 0) { | ||
| 574 | var data = JSON.stringify(features[0]); | ||
| 575 | window.location.href = "/api/tx/shpUtils/writeShp?strObj=" + encodeURI(data) | ||
| 576 | /* exportShp({ | ||
| 577 | "strObj":encodeURI(data) | ||
| 578 | }).then(res => { | ||
| 579 | debugger | ||
| 580 | });*/ | ||
| 581 | } else { | ||
| 582 | self.$message.warning("暂无空间信息!!!!"); | ||
| 583 | } | ||
| 584 | }, { wkt: this.wkt }); | ||
| 585 | }, | ||
| 586 | //导出excel | ||
| 587 | exportExcel() { | ||
| 588 | var self = this; | ||
| 589 | var type = this.zdData.type; | ||
| 590 | var BSM = type == 'zd' ? this.zdData.zdbsm : this.zdData.bsm; | ||
| 591 | this.queryGeoByBsm(BSM, type, function (features) { | ||
| 592 | if (features && features.length > 0 && features[0].geometry.rings.length > 0) { | ||
| 593 | var data = features[0]; | ||
| 594 | var jzdInfo = self.craetJZPoint(data); | ||
| 595 | var submitData = []; | ||
| 596 | for (var i = 0; i < jzdInfo.length; i++) { | ||
| 597 | var obj = { | ||
| 598 | jzdHao: jzdInfo[i].jzdh, | ||
| 599 | x: jzdInfo[i].x, | ||
| 600 | y: jzdInfo[i].y, | ||
| 601 | diKuaiQuanHao: jzdInfo.sxh | ||
| 602 | } | ||
| 603 | submitData.push(obj); | ||
| 604 | } | ||
| 605 | exportExcel(submitData).then((res) => { | ||
| 606 | if (res.code == 200) { | ||
| 607 | var path = res.result; | ||
| 608 | window.location.href = "/api/tx/excelGeo/download?filePath=" + encodeURI(path); | ||
| 609 | } | ||
| 610 | }); | ||
| 611 | } else { | ||
| 612 | self.$message.warning("还没有空间信息!!!!") | ||
| 613 | } | ||
| 614 | }, { wkt: this.wkt }) | ||
| 615 | }, | ||
| 616 | //导出CAD | ||
| 617 | exportCad() { | ||
| 618 | //TODO | ||
| 619 | }, | ||
| 620 | downloadTxt(text, fileName) { | ||
| 621 | let element = document.createElement('a') | ||
| 622 | element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)) | ||
| 623 | element.setAttribute('download', fileName) | ||
| 624 | element.style.display = 'none' | ||
| 625 | element.click() | ||
| 626 | }, | ||
| 627 | //图形定位 | ||
| 628 | postionToMap() { | ||
| 629 | var type = this.zdData.type; | ||
| 630 | var BSM = type == 'zd' ? this.zdData.zdbsm : this.zdData.bsm; | ||
| 631 | if (this.$route.path == "/viewMap") { | ||
| 632 | //定位到当前空间位置 | ||
| 633 | // TODO 这个方法只是为了支撑功能 | ||
| 634 | this.postionToThisGeo(BSM, type); | ||
| 635 | return; | ||
| 636 | } | ||
| 637 | var curretRouterInfo = { | ||
| 638 | path: this.$route.path, | ||
| 639 | query: this.$route.query | ||
| 640 | } | ||
| 641 | sessionStorage.setItem("curretRouterInfo", JSON.stringify(curretRouterInfo)); | ||
| 642 | this.$router.push({ | ||
| 643 | path: "/viewMap", | ||
| 644 | query: { | ||
| 645 | bsm: BSM, | ||
| 646 | type: type | ||
| 647 | } | ||
| 648 | }); | ||
| 649 | }, | ||
| 650 | |||
| 651 | //关闭图形弹框 | ||
| 652 | closeImportDialog() { | ||
| 653 | this.improtDialog = false; | ||
| 654 | this.clearOverLayer(); | ||
| 655 | } | ||
| 656 | |||
| 657 | }, | ||
| 658 | }; | ||
| 659 | </script> | ||
| 660 | <style lang="scss" scoped> | ||
| 661 | .content { | ||
| 662 | height: 100%; | ||
| 663 | width: 100%; | ||
| 664 | overflow-y: scroll; | ||
| 665 | overflow-x: hidden; | ||
| 666 | } | ||
| 667 | |||
| 668 | .column-start-center { | ||
| 669 | display: flex; | ||
| 670 | display: -webkit-flex; | ||
| 671 | flex-direction: column; | ||
| 672 | justify-content: flex-start; | ||
| 673 | align-items: center; | ||
| 674 | |||
| 675 | } | ||
| 676 | |||
| 677 | .row-flex-start { | ||
| 678 | display: flex; | ||
| 679 | display: -webkit-flex; | ||
| 680 | flex-direction: row; | ||
| 681 | justify-content: flex-start; | ||
| 682 | align-items: center; | ||
| 683 | } | ||
| 684 | |||
| 685 | .nowrap { | ||
| 686 | overflow: hidden; | ||
| 687 | text-overflow: ellipsis; | ||
| 688 | white-space: nowrap; | ||
| 689 | } | ||
| 690 | |||
| 691 | .reTree_icon { | ||
| 692 | width: 17px; | ||
| 693 | height: 17px; | ||
| 694 | margin-right: 16px; | ||
| 695 | } | ||
| 696 | |||
| 697 | .basic_layer { | ||
| 698 | width: 100%; | ||
| 699 | position: relative; | ||
| 700 | color: #4a4a4a; | ||
| 701 | cursor: pointer; | ||
| 702 | -moz-user-select: none; | ||
| 703 | -o-user-select: none; | ||
| 704 | -khtml-user-select: none; | ||
| 705 | -webkit-user-select: none; | ||
| 706 | -ms-user-select: none; | ||
| 707 | user-select: none; | ||
| 708 | |||
| 709 | .layer_text { | ||
| 710 | flex: 1; | ||
| 711 | } | ||
| 712 | } | ||
| 713 | |||
| 714 | .white_layer { | ||
| 715 | color: black !important; | ||
| 716 | } | ||
| 717 | |||
| 718 | .first_vertical_line { | ||
| 719 | content: ""; | ||
| 720 | position: absolute; | ||
| 721 | width: 1px; | ||
| 722 | left: 6px; | ||
| 723 | top: 17px; | ||
| 724 | background: #c3c5c8; | ||
| 725 | } | ||
| 726 | |||
| 727 | .basic_banner { | ||
| 728 | position: relative; | ||
| 729 | width: 280px; | ||
| 730 | height: 40px; | ||
| 731 | } | ||
| 732 | |||
| 733 | .second_layer { | ||
| 734 | position: relative; | ||
| 735 | width: 100%; | ||
| 736 | cursor: pointer; | ||
| 737 | padding-left: 25px; | ||
| 738 | } | ||
| 739 | |||
| 740 | .second_layer::before { | ||
| 741 | content: ""; | ||
| 742 | position: absolute; | ||
| 743 | height: 1px; | ||
| 744 | width: 16px; | ||
| 745 | left: 9px; | ||
| 746 | top: 9px; | ||
| 747 | background: #c3c5c8; | ||
| 748 | } | ||
| 749 | |||
| 750 | .linkLine_default::after { | ||
| 751 | content: ""; | ||
| 752 | position: absolute; | ||
| 753 | height: 100%; | ||
| 754 | width: 1px; | ||
| 755 | left: 9px; | ||
| 756 | top: 0px; | ||
| 757 | background: #c3c5c8; | ||
| 758 | } | ||
| 759 | |||
| 760 | .linkLine_first::after { | ||
| 761 | content: ""; | ||
| 762 | position: absolute; | ||
| 763 | /* 为了触顶 */ | ||
| 764 | top: -16px; | ||
| 765 | height: calc(100% + 16px); | ||
| 766 | width: 1px; | ||
| 767 | left: 9px; | ||
| 768 | background: #c3c5c8; | ||
| 769 | } | ||
| 770 | |||
| 771 | // 上半截 | ||
| 772 | .linkLine_half_top::after { | ||
| 773 | content: ""; | ||
| 774 | position: absolute; | ||
| 775 | height: 23px; | ||
| 776 | top: -14px; | ||
| 777 | width: 1px; | ||
| 778 | left: 9px; | ||
| 779 | background: #c3c5c8; | ||
| 780 | } | ||
| 781 | |||
| 782 | .linkLine_last::after { | ||
| 783 | content: ""; | ||
| 784 | position: absolute; | ||
| 785 | height: 9px; | ||
| 786 | width: 1px; | ||
| 787 | left: 9px; | ||
| 788 | top: 0px; | ||
| 789 | background: #c3c5c8; | ||
| 790 | } | ||
| 791 | |||
| 792 | .reTree_collapse_icon { | ||
| 793 | background: url("../../assets/images/arrow-down-bold.svg") no-repeat center center; | ||
| 794 | background-size: contain; | ||
| 795 | } | ||
| 796 | |||
| 797 | .reTree_default_icon { | ||
| 798 | background: url("../../assets/images/reTree_default_.svg") no-repeat center center; | ||
| 799 | background-size: contain; | ||
| 800 | } | ||
| 801 | |||
| 802 | .reTree_expand_icon { | ||
| 803 | background: url("../../assets/images/arrow-left-bold.svg") no-repeat center center; | ||
| 804 | background-size: contain; | ||
| 805 | } | ||
| 806 | |||
| 807 | .lpbTree_collapse_icon { | ||
| 808 | // opacity: .5; | ||
| 809 | background: url("../../assets/images/lpbTree_expand_.svg") no-repeat center center; | ||
| 810 | background-size: contain; | ||
| 811 | } | ||
| 812 | |||
| 813 | .lpbTree_expand_icon { | ||
| 814 | // opacity: .5; | ||
| 815 | background: url("../../assets/images/lpbTree_collapse_.svg") no-repeat center center; | ||
| 816 | background-size: contain; | ||
| 817 | } | ||
| 818 | |||
| 819 | .reTree_focus_icon { | ||
| 820 | background: url("../../assets/images/reTree_focus_.svg") no-repeat center center; | ||
| 821 | background-size: contain; | ||
| 822 | } | ||
| 823 | |||
| 824 | /* /deep/ .importDialog{ | ||
| 825 | margin-top: 120px!important; | ||
| 826 | margin-left: 291px; | ||
| 827 | } */ | ||
| 828 | </style> |
| 1 | <template> | ||
| 2 | <div> | ||
| 3 | <ul class="importDiv" v-if="!resultDialog && !txtResultDialog && !dealDialog"> | ||
| 4 | <li> | ||
| 5 | <el-upload class="avatar-uploader" action="#" accept=".txt" :auto-upload="false" :show-file-list="false" | ||
| 6 | :on-change="txtFileChange"> | ||
| 7 | <!-- <el-button size="small" type="primary">点击上传</el-button>--> | ||
| 8 | <i class="iconfont iconshangchuan"></i> | ||
| 9 | <div class="title">TXT文本格式</div> | ||
| 10 | <div class="templateDowload"> | ||
| 11 | <a href="#" @click.stop="downloadFile('./fileTemplate/txttemplet.txt', 'txttemplet.txt')">TXT模板下载</a> | ||
| 12 | </div> | ||
| 13 | </el-upload> | ||
| 14 | </li> | ||
| 15 | <li> | ||
| 16 | <el-upload class="avatar-uploader" action="/api/tx/shpUtils/readShp" accept=".zip" :show-file-list="false" | ||
| 17 | :on-success="shpFileSuccess"> | ||
| 18 | <!--<el-button size="small" type="primary">点击上传</el-button>--> | ||
| 19 | <i class="iconfont iconshangchuan"></i> | ||
| 20 | <div class="title">ESRI Shape文件格式</div> | ||
| 21 | </el-upload> | ||
| 22 | </li> | ||
| 23 | <li> | ||
| 24 | <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" accept=".dwg,.dxf" | ||
| 25 | :show-file-list="false" :on-success="cadFileSuccess"> | ||
| 26 | <!-- <el-button size="small" type="primary">点击上传</el-button>--> | ||
| 27 | <i class="iconfont iconshangchuan"></i> | ||
| 28 | <div class="title">CAD文件</div> | ||
| 29 | </el-upload> | ||
| 30 | </li> | ||
| 31 | <li> | ||
| 32 | <el-upload class="avatar-uploader" action="/api/tx/excelGeo/readExcel" accept=".xls,.xlsx" | ||
| 33 | :show-file-list="false" :on-success="excelFileSuccess"> | ||
| 34 | <!--<el-button size="small" type="primary">点击上传</el-button>--> | ||
| 35 | <i class="iconfont iconshangchuan"></i> | ||
| 36 | <div class="title">Excel文件格式</div> | ||
| 37 | <div class="templateDowload"> | ||
| 38 | <a href="#" | ||
| 39 | @click.stop="downloadFile('./fileTemplate/exceltemplet.xlsx', 'exceltemplet.xlsx')">Excel模板下载</a> | ||
| 40 | </div> | ||
| 41 | </el-upload> | ||
| 42 | </li> | ||
| 43 | </ul> | ||
| 44 | <div v-if="resultDialog"> | ||
| 45 | <el-form :model="zdForm" ref="zdCheckForm" label-width="100px" size="small" @submit.native.prevent | ||
| 46 | class="demo-ruleForm"> | ||
| 47 | <el-form-item label="宗地" prop="zdBsm" :rules="[ | ||
| 48 | { required: true, message: '请选择宗地', trigger: 'change' }, | ||
| 49 | ]"> | ||
| 50 | <el-select v-model="zdForm.zdBsm" filterable placeholder="请选择" @change="zdChange"> | ||
| 51 | <el-option v-for="item in resultData" :key="item.objectid" :label="item.XMMC" :value="item"> | ||
| 52 | </el-option> | ||
| 53 | </el-select> | ||
| 54 | </el-form-item> | ||
| 55 | <el-form-item> | ||
| 56 | <el-button type="primary" @click="submitForm('zdCheckForm')">导入</el-button> | ||
| 57 | <el-button @click="cancel('zdCheckForm')">取消</el-button> | ||
| 58 | </el-form-item> | ||
| 59 | </el-form> | ||
| 60 | </div> | ||
| 61 | <div v-if="txtResultDialog"> | ||
| 62 | <el-form :model="txtZd" ref="txtZdForm" label-width="100px" size="small" @submit.native.prevent | ||
| 63 | class="demo-ruleForm"> | ||
| 64 | <el-form-item label="地块名称" prop="name" :rules="[ | ||
| 65 | { required: true, message: '请选择地块', trigger: 'change' }, | ||
| 66 | ]"> | ||
| 67 | <el-select v-model="txtZd.name" filterable placeholder="请选择" @change="txtChange"> | ||
| 68 | <el-option v-for="(item, index) in txtResult" :key="index" :label="item.attributes.name" | ||
| 69 | :value="item.attributes.name"> | ||
| 70 | </el-option> | ||
| 71 | </el-select> | ||
| 72 | </el-form-item> | ||
| 73 | <el-form-item> | ||
| 74 | <el-button type="primary" @click="submitTxtForm('txtZdForm')">导入</el-button> | ||
| 75 | <el-button @click="cancelTxtForm('txtZdForm')">取消</el-button> | ||
| 76 | </el-form-item> | ||
| 77 | </el-form> | ||
| 78 | </div> | ||
| 79 | <div v-if="dealDialog"> | ||
| 80 | <el-form :model="dealForm" ref="dealForm" label-width="100px" size="small" @submit.native.prevent | ||
| 81 | class="demo-ruleForm"> | ||
| 82 | <el-form-item label="处理方法" prop="method" :rules="[ | ||
| 83 | { required: true, message: '请选择', trigger: 'change' }, | ||
| 84 | ]"> | ||
| 85 | <el-select v-model="dealForm.method" filterable placeholder="请选择"> | ||
| 86 | <el-option v-for="(item, index) in dealMethods" :key="index" :label="item.label" :value="item.value"> | ||
| 87 | </el-option> | ||
| 88 | </el-select> | ||
| 89 | </el-form-item> | ||
| 90 | <el-form-item> | ||
| 91 | <el-button type="primary" @click="submitDealForm('dealForm')">确定</el-button> | ||
| 92 | <el-button @click="cancelDealForm('dealForm')">取消</el-button> | ||
| 93 | </el-form-item> | ||
| 94 | </el-form> | ||
| 95 | </div> | ||
| 96 | </div> | ||
| 97 | </template> | ||
| 98 | <script> | ||
| 99 | import geoUtils from "@components/lineTree/tx/js/geoUtils"; | ||
| 100 | import featureUpdate from "@libs/map/featureUpdate"; | ||
| 101 | // import { addjzd, addjzx } from "@/api/zd" | ||
| 102 | export default { | ||
| 103 | props: { | ||
| 104 | propertyInfo: { | ||
| 105 | type: Object, | ||
| 106 | default: null | ||
| 107 | }, | ||
| 108 | geoInfo: { | ||
| 109 | type: Object, | ||
| 110 | default: null | ||
| 111 | }, | ||
| 112 | timeLine: { | ||
| 113 | type: Number, | ||
| 114 | default: null | ||
| 115 | } | ||
| 116 | }, | ||
| 117 | mixins: [geoUtils, featureUpdate], | ||
| 118 | data () { | ||
| 119 | return { | ||
| 120 | resultData: [], | ||
| 121 | resultDialog: false, | ||
| 122 | zdForm: { | ||
| 123 | zdBsm: "" | ||
| 124 | }, | ||
| 125 | currentClickZd: null, | ||
| 126 | txtResult: [], | ||
| 127 | txtResultDialog: null, | ||
| 128 | txtZd: { | ||
| 129 | name: "" | ||
| 130 | }, | ||
| 131 | overResults: [],//与导入宗地重叠的地块 | ||
| 132 | currntDealGraphic: null, | ||
| 133 | dealMethods: [{ | ||
| 134 | label: "不做处理", | ||
| 135 | value: "1" | ||
| 136 | }, { | ||
| 137 | label: "删除叠加部分", | ||
| 138 | value: "2" | ||
| 139 | }, { | ||
| 140 | label: "删除已重叠部分", | ||
| 141 | value: "3" | ||
| 142 | }, { | ||
| 143 | label: "删除原图形", | ||
| 144 | value: "4" | ||
| 145 | }], | ||
| 146 | dealDialog: false, | ||
| 147 | dealForm: { | ||
| 148 | method: "" | ||
| 149 | } | ||
| 150 | } | ||
| 151 | }, | ||
| 152 | watch: { | ||
| 153 | timeLine (newValue, oldValue) { | ||
| 154 | this.resultDialog = false; | ||
| 155 | this.txtResultDialog = false; | ||
| 156 | this.dealDialog = false; | ||
| 157 | } | ||
| 158 | }, | ||
| 159 | methods: { | ||
| 160 | txtFileChange (file, fileList) { | ||
| 161 | var self = this; | ||
| 162 | var fileReader = new FileReader(); | ||
| 163 | fileReader.readAsText(file.raw); | ||
| 164 | fileReader.onload = function (res) { | ||
| 165 | var content = this.result; | ||
| 166 | if (!content || content.length == 0) { | ||
| 167 | self.$message.warning("文件内容为空!!!"); | ||
| 168 | return; | ||
| 169 | } | ||
| 170 | self.analysisTextFile(content); | ||
| 171 | } | ||
| 172 | }, | ||
| 173 | analysisTextFile (content) { | ||
| 174 | var index = content.indexOf("[地块坐标]"), | ||
| 175 | geoInfos = content.substr(index), | ||
| 176 | geoList = geoInfos.split("\n"); | ||
| 177 | if (geoList.length < 1) { | ||
| 178 | this.$message.warning("文本内容格式有误,请效验文本内容格式!!!"); | ||
| 179 | return; | ||
| 180 | } | ||
| 181 | //this.$emit("closeImportDialog"); | ||
| 182 | var features = [], attributes = {}, points = [], j = 1; | ||
| 183 | for (var i = 1; i < geoList.length; i++) { | ||
| 184 | var rowData = geoList[i]; | ||
| 185 | if ((rowData.indexOf("J") != -1 && rowData.indexOf("J") == 0) || (rowData.indexOf("j") != -1 && rowData.indexOf("j") == 0)) { | ||
| 186 | //解析坐标点信息 | ||
| 187 | var pointInfo = rowData.split(","); | ||
| 188 | var point = [parseFloat(pointInfo[2]), parseFloat(pointInfo[3])]; | ||
| 189 | points.push(point); | ||
| 190 | } else { | ||
| 191 | if (points.length > 0) { | ||
| 192 | var graphic = { | ||
| 193 | attributes: JSON.parse(JSON.stringify(attributes)), | ||
| 194 | geometry: { | ||
| 195 | rings: [points] | ||
| 196 | } | ||
| 197 | } | ||
| 198 | features.push(graphic); | ||
| 199 | } | ||
| 200 | //新建一个信息 坐标名称 类型 | ||
| 201 | attributes = {}; | ||
| 202 | points = [] | ||
| 203 | var info = rowData.split(","); | ||
| 204 | if (info[3] || info[3] == 'null') { | ||
| 205 | attributes.name = '地块' + j; | ||
| 206 | j++ | ||
| 207 | } else { | ||
| 208 | attributes.name = info[3]; | ||
| 209 | } | ||
| 210 | } | ||
| 211 | } | ||
| 212 | if (points.length > 0) { | ||
| 213 | var graphic = { | ||
| 214 | attributes: JSON.parse(JSON.stringify(attributes)), | ||
| 215 | geometry: { | ||
| 216 | rings: [[points.concat()]] | ||
| 217 | } | ||
| 218 | } | ||
| 219 | features.push(graphic); | ||
| 220 | } | ||
| 221 | //新建一个信息 坐标名称 类型 | ||
| 222 | attributes = {}; | ||
| 223 | points = [] | ||
| 224 | this.txtResult = features; | ||
| 225 | this.txtZd.name = ""; | ||
| 226 | this.txtResultDialog = true; | ||
| 227 | }, | ||
| 228 | shpFileSuccess (response, file, fileList) { | ||
| 229 | var self = this; | ||
| 230 | if (response.success) { | ||
| 231 | this.resultData = response.result; | ||
| 232 | this.resultDialog = true; | ||
| 233 | } else { | ||
| 234 | this.$message.warning(response.message); | ||
| 235 | } | ||
| 236 | }, | ||
| 237 | cadFileSuccess (response, file, fileList) { | ||
| 238 | |||
| 239 | }, | ||
| 240 | excelFileSuccess (response, file, fileList) { | ||
| 241 | var self = this; | ||
| 242 | if (response.success) { | ||
| 243 | var result = response.result; | ||
| 244 | var points = []; | ||
| 245 | for (var i = 0; i < result.length; i++) { | ||
| 246 | var point = []; | ||
| 247 | point[0] = parseFloat(result[i].x); | ||
| 248 | point[1] = parseFloat(result[i].y); | ||
| 249 | points.push(point); | ||
| 250 | } | ||
| 251 | var wkt = "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]"; | ||
| 252 | var geometry = { | ||
| 253 | rings: [points], | ||
| 254 | spatialReference: { | ||
| 255 | wkt: wkt | ||
| 256 | }, | ||
| 257 | type: "polygon" | ||
| 258 | } | ||
| 259 | var graphic = { | ||
| 260 | attributes: null, | ||
| 261 | geometry: geometry | ||
| 262 | } | ||
| 263 | self.checkGeo(graphic); | ||
| 264 | } else { | ||
| 265 | this.$message.warning(response.message); | ||
| 266 | } | ||
| 267 | }, | ||
| 268 | //文本文档导入 | ||
| 269 | submitTxtForm (formName) { | ||
| 270 | var self = this; | ||
| 271 | this.$refs[formName].validate((valid) => { | ||
| 272 | if (valid) { | ||
| 273 | var wkt = "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]"; | ||
| 274 | var graphics = self.txtResult.filter(item => { | ||
| 275 | return item.attributes.name == self.txtZd.name; | ||
| 276 | }) | ||
| 277 | var graphic = graphics[0]; | ||
| 278 | graphic.geometry.type = "polygon"; | ||
| 279 | graphic.geometry.spatialReference = { | ||
| 280 | wkt: wkt | ||
| 281 | } | ||
| 282 | self.checkGeo(graphic); | ||
| 283 | } else { | ||
| 284 | console.log('error submit!!'); | ||
| 285 | return false; | ||
| 286 | } | ||
| 287 | }) | ||
| 288 | }, | ||
| 289 | txtChange (value) { | ||
| 290 | var wkt = "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]"; | ||
| 291 | var graphics = this.txtResult.filter(item => { | ||
| 292 | return item.attributes.name == value; | ||
| 293 | }) | ||
| 294 | var graphic = graphics[0]; | ||
| 295 | graphic.geometry.type = "polygon"; | ||
| 296 | graphic.geometry.spatialReference = { | ||
| 297 | wkt: wkt | ||
| 298 | } | ||
| 299 | this.addOverLayer(graphic.geometry, []); | ||
| 300 | }, | ||
| 301 | //校验空间完整性 | ||
| 302 | checkGeo (graphic) { | ||
| 303 | var self = this; | ||
| 304 | //校验完整性 直接调用空间方法 提交空间表 | ||
| 305 | self.geoJoint(graphic.geometry, function (isJoint, message) { | ||
| 306 | if (isJoint) { | ||
| 307 | self.$message.warning(message) | ||
| 308 | return; | ||
| 309 | } else { | ||
| 310 | var type = self.propertyInfo.type; | ||
| 311 | if (type == 'zd') { | ||
| 312 | //重叠分析 | ||
| 313 | self.zdOverAnalys(self.propertyInfo.zdbsm, graphic, function (flag, results) { | ||
| 314 | if (flag) { | ||
| 315 | self.$message.warning("导入的宗地与其他宗地有重叠,请处理!!"); | ||
| 316 | self.dealOverData(results, graphic); | ||
| 317 | } else { | ||
| 318 | self.saveZd(graphic); | ||
| 319 | } | ||
| 320 | }); | ||
| 321 | } else { | ||
| 322 | self.zrzOverAnalys(self.propertyInfo.bsm, graphic, function (flag, mes) { | ||
| 323 | if (flag) { | ||
| 324 | self.$message.warning(mes); | ||
| 325 | return; | ||
| 326 | } else { | ||
| 327 | self.saveZRZ(graphic); | ||
| 328 | } | ||
| 329 | }); | ||
| 330 | } | ||
| 331 | } | ||
| 332 | }); | ||
| 333 | }, | ||
| 334 | //选择处理方式 | ||
| 335 | submitDealForm (formName) { | ||
| 336 | var self = this; | ||
| 337 | this.$refs[formName].validate((valid) => { | ||
| 338 | if (valid) { | ||
| 339 | //选择处理方式 | ||
| 340 | var value = self.dealForm.method; | ||
| 341 | self.currntDealGraphic.attributes = {}; | ||
| 342 | switch (value) { | ||
| 343 | case '1': self.currntDealGraphic.attributes.BGZT = 1; self.saveZd(self.currntDealGraphic); break; | ||
| 344 | case "2": self.getDifference(self.currntDealGraphic, self.overResults, self.delOverGeo); break; | ||
| 345 | case "3": self.getResultsDif(self.overResults, self.currntDealGraphic, self.delOtherGeo, true); break; | ||
| 346 | case "4": self.getResultsDif(self.overResults, self.currntDealGraphic, self.delOtherGeo, false); break; | ||
| 347 | } | ||
| 348 | } else { | ||
| 349 | console.log('error submit!!'); | ||
| 350 | return false; | ||
| 351 | } | ||
| 352 | }) | ||
| 353 | }, | ||
| 354 | //裁剪自己在保存 | ||
| 355 | delOverGeo (geometry) { | ||
| 356 | if (!this.currntDealGraphic.attributes) { | ||
| 357 | this.currntDealGraphic.attributes = {}; | ||
| 358 | } | ||
| 359 | this.currntDealGraphic.attributes.BGZT = 2; | ||
| 360 | if (geometry == null) { | ||
| 361 | this.$message.warning("完全重叠,已删除图形信息!!!") | ||
| 362 | this.currntDealGraphic.geometry = geometry; | ||
| 363 | } | ||
| 364 | this.saveZd(this.currntDealGraphic); | ||
| 365 | }, | ||
| 366 | //裁剪别的在保存 | ||
| 367 | delOtherGeo (results) { | ||
| 368 | //执行编辑操作 | ||
| 369 | var layer = this.getLayerByName("ZDJBXX"); | ||
| 370 | var featureUrl = layer.layerUrl.replace("MapServer", "FeatureServer"); | ||
| 371 | featureUrl += "/" + layer.id; | ||
| 372 | this.updateGraphic(featureUrl, results); | ||
| 373 | this.saveZd(this.currntDealGraphic); | ||
| 374 | }, | ||
| 375 | //下载文档模板 | ||
| 376 | downloadFile (url, fileName) { | ||
| 377 | let link = document.createElement("a"); | ||
| 378 | link.style.display = "none"; | ||
| 379 | link.href = url; | ||
| 380 | link.setAttribute("download", fileName); | ||
| 381 | document.body.appendChild(link); | ||
| 382 | link.click(); | ||
| 383 | document.body.removeChild(link); | ||
| 384 | }, | ||
| 385 | //导入 | ||
| 386 | submitForm (formName) { | ||
| 387 | //校验完整性 直接调用空间方法 提交空间表 | ||
| 388 | var self = this; | ||
| 389 | this.$refs[formName].validate((valid) => { | ||
| 390 | if (valid) { | ||
| 391 | var geometry = self.parseWktToArc(self.currentClickZd.wkt); | ||
| 392 | geometry.type = "polygon"; | ||
| 393 | var wkt = "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]"; | ||
| 394 | geometry.spatialReference = { | ||
| 395 | wkt: wkt | ||
| 396 | } | ||
| 397 | var graphic = { | ||
| 398 | attributes: self.currentClickZd, | ||
| 399 | geometry: geometry | ||
| 400 | } | ||
| 401 | self.checkGeo(graphic); | ||
| 402 | } else { | ||
| 403 | console.log('error submit!!'); | ||
| 404 | return false; | ||
| 405 | } | ||
| 406 | }); | ||
| 407 | }, | ||
| 408 | dealOverData (results, graphic) { | ||
| 409 | this.overResults = results; | ||
| 410 | this.currntDealGraphic = graphic; | ||
| 411 | this.resultDialog = false; | ||
| 412 | this.txtResultDialog = false; | ||
| 413 | this.dealDialog = true; | ||
| 414 | }, | ||
| 415 | saveZd (graphic) { | ||
| 416 | var self = this; | ||
| 417 | var points = null, lines = null, | ||
| 418 | layer = self.getLayerByName("ZDJBXX"); | ||
| 419 | var featureUrl = layer.layerUrl.replace("MapServer", "FeatureServer"); | ||
| 420 | featureUrl += "/" + layer.id; | ||
| 421 | if (self.geoInfo) { | ||
| 422 | //替换 生成图像 高亮 | ||
| 423 | if (graphic.attributes && graphic.attributes.BGZT) { | ||
| 424 | self.geoInfo.attributes.BGZT = graphic.attributes.BGZT; | ||
| 425 | } | ||
| 426 | self.geoInfo.attributes.BSM = this.propertyInfo.zdbsm; | ||
| 427 | self.geoInfo.attributes.ZDDM = this.propertyInfo.zddm; | ||
| 428 | self.geoInfo.attributes.XMMC = this.propertyInfo.mc; | ||
| 429 | graphic.attributes = self.geoInfo.attributes; | ||
| 430 | self.updateGraphic(featureUrl, graphic, function (res) { | ||
| 431 | //保存成功之后生成界址点 界址线 | ||
| 432 | //生成坐标点 | ||
| 433 | //跳转至map界面updateResults | ||
| 434 | var updResult = res.updateFeatureResults[0]; | ||
| 435 | if (updResult.objectId) { | ||
| 436 | var OBJECTID = updResult.objectId; | ||
| 437 | if (graphic.geometry) { | ||
| 438 | points = self.craetJZPoint(graphic); | ||
| 439 | self.savejzd(points) | ||
| 440 | //生成边框线 | ||
| 441 | self.createJZLine(graphic, function (res) { | ||
| 442 | lines = res; | ||
| 443 | self.saveJzx(lines); | ||
| 444 | }); | ||
| 445 | } | ||
| 446 | self.$message.success("保存成功!!!"); | ||
| 447 | self.goMap(); | ||
| 448 | } | ||
| 449 | }); | ||
| 450 | } else { | ||
| 451 | //生成图像 保存 | ||
| 452 | var attributes = { | ||
| 453 | BSM: this.propertyInfo.zdbsm, | ||
| 454 | ZDDM: this.propertyInfo.zddm, | ||
| 455 | XMMC: this.propertyInfo.mc | ||
| 456 | }; | ||
| 457 | if (graphic.attributes && graphic.attributes.BGZT) { | ||
| 458 | attributes.BGZT = graphic.attributes.BGZT; | ||
| 459 | } | ||
| 460 | graphic.attributes = attributes; | ||
| 461 | self.addGraphic(featureUrl, graphic, function (res) { | ||
| 462 | var addRresult = res.addFeatureResults[0]; | ||
| 463 | if (addRresult.objectId) { | ||
| 464 | var OBJECTID = addRresult.objectId; | ||
| 465 | if (graphic.geometry) { | ||
| 466 | points = self.craetJZPoint(graphic); | ||
| 467 | self.savejzd(points) | ||
| 468 | //生成边框线 | ||
| 469 | self.createJZLine(graphic, function (res) { | ||
| 470 | lines = res; | ||
| 471 | self.saveJzx(lines); | ||
| 472 | }); | ||
| 473 | } | ||
| 474 | self.$message.success("保存成功!!!"); | ||
| 475 | self.goMap(); | ||
| 476 | } | ||
| 477 | }); | ||
| 478 | } | ||
| 479 | }, | ||
| 480 | savejzd (points) { | ||
| 481 | var savePoints = [] | ||
| 482 | for (var i = 0; i < points.length; i++) { | ||
| 483 | var obj = { | ||
| 484 | glbsm: this.propertyInfo.zdbsm, | ||
| 485 | jzdh: points[i].jzdh, | ||
| 486 | sxh: points[i].sxh, | ||
| 487 | xzbz: points[i].x, | ||
| 488 | yzbz: points[i].y, | ||
| 489 | jblx: "", | ||
| 490 | jzdlx: "" | ||
| 491 | } | ||
| 492 | savePoints.push(obj); | ||
| 493 | } | ||
| 494 | //保存矢量数据表 | ||
| 495 | // addjzd(savePoints).then(res => { | ||
| 496 | // if (res.succcess) { | ||
| 497 | // console.log("界址点保存成成功!!!"); | ||
| 498 | // } | ||
| 499 | // }); | ||
| 500 | //保存空间数据 | ||
| 501 | |||
| 502 | }, | ||
| 503 | saveJzx (lines) { | ||
| 504 | var jzxLines = []; | ||
| 505 | for (var i = 0; i < lines.length; i++) { | ||
| 506 | var obj = { | ||
| 507 | glbsm: this.propertyInfo.zdbsm, | ||
| 508 | qsd: lines[i].startPoint, | ||
| 509 | zzd: lines[i].endPoint, | ||
| 510 | jzjj: lines[i].distance, | ||
| 511 | qdh: lines[i].qdh, | ||
| 512 | zdh: lines[i].zdh, | ||
| 513 | jzxlx: "", | ||
| 514 | jzxwz: "", | ||
| 515 | jxxz: "", | ||
| 516 | sm: "" | ||
| 517 | } | ||
| 518 | jzxLines.push(obj); | ||
| 519 | } | ||
| 520 | //保存矢量数据表 | ||
| 521 | // addjzx(jzxLines).then(res => { | ||
| 522 | // if (res.success) { | ||
| 523 | // //触发查询界址线 | ||
| 524 | // console.log("界址线保存成功!!!!!"); | ||
| 525 | // } | ||
| 526 | // }); | ||
| 527 | //保存空间数据表 | ||
| 528 | }, | ||
| 529 | saveZRZ (graphic) { | ||
| 530 | var self = this; | ||
| 531 | var layer = null; | ||
| 532 | layer = self.getLayerByName("ZRZ"); | ||
| 533 | var featureUrl = layer.layerUrl.replace("MapServer", "FeatureServer"); | ||
| 534 | featureUrl += "/" + layer.id; | ||
| 535 | if (self.geoInfo) { | ||
| 536 | self.geoInfo.BSM = self.propertyInfo.bsm; | ||
| 537 | graphic.attributes = self.geoInfo.attributes; | ||
| 538 | //替换 生成图像 高亮 | ||
| 539 | self.updateGraphic(featureUrl, graphic, function (res) { | ||
| 540 | var addRresult = res.updateFeatureResults[0]; | ||
| 541 | if (addRresult.objectId) { | ||
| 542 | self.$message.success("保存成功!!!"); | ||
| 543 | self.goMap(); | ||
| 544 | } | ||
| 545 | }); | ||
| 546 | } else { | ||
| 547 | var attributes = { | ||
| 548 | BSM: this.propertyInfo.bsm, | ||
| 549 | XMMC: this.propertyInfo.xmmc | ||
| 550 | } | ||
| 551 | graphic.attributes = attributes; | ||
| 552 | //生成图像 保存 | ||
| 553 | self.addGraphic(featureUrl, graphic, function (res) { | ||
| 554 | var addRresult = res.addFeatureResults[0]; | ||
| 555 | if (addRresult.objectId) { | ||
| 556 | self.$message.success("保存成功!!!"); | ||
| 557 | self.goMap(); | ||
| 558 | } | ||
| 559 | }); | ||
| 560 | } | ||
| 561 | }, | ||
| 562 | //操作成功不需要跳转地图 (直接定位新导入的图形) | ||
| 563 | goMap () { | ||
| 564 | var bsm = "", type = this.propertyInfo.type; | ||
| 565 | if (type == "zd") { | ||
| 566 | bsm = this.propertyInfo.zdbsm; | ||
| 567 | } else { | ||
| 568 | bsm = this.propertyInfo.bsm; | ||
| 569 | } | ||
| 570 | this.resultDialog = false; | ||
| 571 | this.txtResultDialog = false; | ||
| 572 | this.dealDialog = false; | ||
| 573 | this.$emit("closeImportDialog"); | ||
| 574 | //TODO 定位当前新导入的图形 | ||
| 575 | this.addGeoByBsm(bsm, type, "testMap"); | ||
| 576 | }, | ||
| 577 | //取消 | ||
| 578 | cancel () { | ||
| 579 | this.zdForm.zdBsm = ""; | ||
| 580 | this.currentClickZd = null; | ||
| 581 | this.resultDialog = false; | ||
| 582 | // 清空当前图层上显示的图形 | ||
| 583 | this.clearOverLayer(); | ||
| 584 | }, | ||
| 585 | //取消文本选择的弹出框 | ||
| 586 | cancelTxtForm () { | ||
| 587 | this.txtZd.name = ""; | ||
| 588 | this.txtResultDialog = false; | ||
| 589 | // 清空当前图层上显示的图形 | ||
| 590 | this.clearOverLayer(); | ||
| 591 | }, | ||
| 592 | //取消导入处理的结果 | ||
| 593 | cancelDealForm () { | ||
| 594 | this.dealForm.method = ""; | ||
| 595 | this.dealDialog = false; | ||
| 596 | this.overResults = []; | ||
| 597 | // 清空当前图层上显示的图形 | ||
| 598 | this.clearOverLayer(); | ||
| 599 | }, | ||
| 600 | //宗地选择发生改变 | ||
| 601 | zdChange (value) { | ||
| 602 | this.zdForm.zdBsm = value.XMMC; | ||
| 603 | this.currentClickZd = value; | ||
| 604 | var geometry = this.parseWktToArc(this.currentClickZd.wkt); | ||
| 605 | geometry.type = "polygon"; | ||
| 606 | var wkt = "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]"; | ||
| 607 | geometry.spatialReference = { | ||
| 608 | wkt: wkt | ||
| 609 | } | ||
| 610 | this.addOverLayer(geometry, []); | ||
| 611 | } | ||
| 612 | } | ||
| 613 | } | ||
| 614 | </script> | ||
| 615 | <style scoped lang="scss"> | ||
| 616 | .importDiv { | ||
| 617 | display: flex; | ||
| 618 | justify-content: center; | ||
| 619 | align-content: center; | ||
| 620 | |||
| 621 | li { | ||
| 622 | margin: 5px; | ||
| 623 | width: 50%; | ||
| 624 | |||
| 625 | .title { | ||
| 626 | line-height: 1; | ||
| 627 | margin-top: -57px; | ||
| 628 | font-size: 14px; | ||
| 629 | } | ||
| 630 | |||
| 631 | .templateDowload { | ||
| 632 | line-height: 1; | ||
| 633 | margin-top: 7px; | ||
| 634 | |||
| 635 | a { | ||
| 636 | color: #409eff; | ||
| 637 | } | ||
| 638 | } | ||
| 639 | } | ||
| 640 | } | ||
| 641 | |||
| 642 | /deep/ .avatar-uploader .el-upload { | ||
| 643 | border: 1px dashed #d9d9d9; | ||
| 644 | border-radius: 6px; | ||
| 645 | cursor: pointer; | ||
| 646 | position: relative; | ||
| 647 | overflow: hidden; | ||
| 648 | width: 100%; | ||
| 649 | height: 178px; | ||
| 650 | line-height: 178px; | ||
| 651 | } | ||
| 652 | |||
| 653 | /deep/ .avatar-uploader .el-upload:hover { | ||
| 654 | border-color: #409EFF; | ||
| 655 | } | ||
| 656 | |||
| 657 | /deep/ .iconfont { | ||
| 658 | font-size: 20px; | ||
| 659 | color: #8c939d; | ||
| 660 | width: 100%; | ||
| 661 | text-align: center; | ||
| 662 | } | ||
| 663 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 1 | | ||
| 2 | export default { | ||
| 3 | methods:{ | ||
| 4 | downloadTxt(text, fileName){ | ||
| 5 | let element = document.createElement('a') | ||
| 6 | element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)) | ||
| 7 | element.setAttribute('download', fileName) | ||
| 8 | element.style.display = 'none' | ||
| 9 | element.click() | ||
| 10 | }, | ||
| 11 | createTextContent(jzdInfo){ | ||
| 12 | var textContent = ""; | ||
| 13 | for(var i = 0;i < jzdInfo.length;i++){ | ||
| 14 | textContent += jzdInfo[i].jzdh +","+jzdInfo[i].sxh+"," + | ||
| 15 | jzdInfo[i].x+","+jzdInfo[i].y+"\n" | ||
| 16 | } | ||
| 17 | return textContent; | ||
| 18 | }, | ||
| 19 | |||
| 20 | } | ||
| 21 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 1 | /* | ||
| 2 | * 图形相关的操作 js | ||
| 3 | * */ | ||
| 4 | |||
| 5 | import layers from '@/api/json/layers.json' | ||
| 6 | import queryUtils from "@/utils/map/queryUtils"; | ||
| 7 | import identifyUtils from '@/utils/map/IdentifyUtils' | ||
| 8 | import { loadModules } from "esri-loader" | ||
| 9 | import featureUpdate from "@/utils/map/featureUpdate"; | ||
| 10 | import arcgisParser from 'terraformer-arcgis-parser' | ||
| 11 | import wktParse from 'terraformer-wkt-parser' | ||
| 12 | import { maps } from '@/utils/map/mapUtils' | ||
| 13 | import graphicSymbol from '@/api/json/graphicSymbol.json' | ||
| 14 | |||
| 15 | export default { | ||
| 16 | data () { | ||
| 17 | return { | ||
| 18 | |||
| 19 | } | ||
| 20 | }, | ||
| 21 | methods: { | ||
| 22 | getLayerByName (name) { | ||
| 23 | for (var i = 0; i < layers.length; i++) { | ||
| 24 | if (layers[i].layerName == name) { | ||
| 25 | return layers[i]; | ||
| 26 | } | ||
| 27 | } | ||
| 28 | return null; | ||
| 29 | }, | ||
| 30 | queryGeoByBsm (bsm, type, callBackFunction, outSpatialReference) { | ||
| 31 | var layer = null; | ||
| 32 | if (type == 'zd') { | ||
| 33 | layer = this.getLayerByName("ZDJBXX"); | ||
| 34 | } else if (type == 'zrz') { | ||
| 35 | layer = this.getLayerByName("ZRZ"); | ||
| 36 | } else { | ||
| 37 | console.log("未定义类型!!"); | ||
| 38 | return; | ||
| 39 | } | ||
| 40 | if (!layer) { | ||
| 41 | console.log("没有找到图层,不能查询"); | ||
| 42 | return; | ||
| 43 | } | ||
| 44 | queryUtils.methods.queryByWhere(layer.layerUrl + "/" + layer.id, { "BSM": bsm }, null, true, null, outSpatialReference, function (res) { | ||
| 45 | var features = res.features; | ||
| 46 | if (callBackFunction && typeof callBackFunction == 'function') { | ||
| 47 | callBackFunction(features); | ||
| 48 | } | ||
| 49 | }); | ||
| 50 | }, | ||
| 51 | //生成介质点 | ||
| 52 | craetJZPoint (graphic) { | ||
| 53 | var geomtry = graphic.geometry, rings = geomtry.rings[0]; | ||
| 54 | var pointInfos = []; | ||
| 55 | this.getPointByRings(rings, pointInfos); | ||
| 56 | return pointInfos; | ||
| 57 | }, | ||
| 58 | getPointByRings (rings, pointInfos) { | ||
| 59 | for (var i = 0; i < rings.length; i++) { | ||
| 60 | var children = rings[i]; | ||
| 61 | if (children.length == 2 && typeof children[0] == 'number') { | ||
| 62 | var obj = {}; | ||
| 63 | obj.jzdh = "j" + pointInfos.length; | ||
| 64 | obj.sxh = pointInfos.length; | ||
| 65 | obj.x = children[0]; | ||
| 66 | obj.y = children[1]; | ||
| 67 | pointInfos.push(obj); | ||
| 68 | } else { | ||
| 69 | this.getPointByRings(children, pointInfos); | ||
| 70 | } | ||
| 71 | } | ||
| 72 | }, | ||
| 73 | //生成介质线 | ||
| 74 | createJZLine (graphic, callBackFunction) { | ||
| 75 | var self = this; | ||
| 76 | loadModules([ | ||
| 77 | "esri/geometry/support/geodesicUtils", | ||
| 78 | "esri/geometry/Point", | ||
| 79 | "esri/geometry/Polyline" | ||
| 80 | |||
| 81 | ]).then(([ | ||
| 82 | geodesicUtils, | ||
| 83 | Point, | ||
| 84 | Polyline | ||
| 85 | ]) => { | ||
| 86 | //取得各个坐标点 然后生成外围坐标线 | ||
| 87 | var geometry = graphic.geometry, | ||
| 88 | rings = geometry.rings, | ||
| 89 | points = []; | ||
| 90 | if (rings.length > 0) { | ||
| 91 | for (var i = 0; i < rings.length; i++) { | ||
| 92 | var danPoints = []; | ||
| 93 | self.getPointByRings(rings[i], danPoints); | ||
| 94 | points.push(danPoints); | ||
| 95 | } | ||
| 96 | } else { | ||
| 97 | var danPoints = []; | ||
| 98 | self.getPointByRings(rings, danPoints); | ||
| 99 | points.push(danPoints); | ||
| 100 | } | ||
| 101 | var lines = []; | ||
| 102 | //meters | ||
| 103 | for (var i = 0; i < points.length; i++) { | ||
| 104 | for (var j = 0; j < points[i].length; j++) { | ||
| 105 | if (j < (points[i].length - 1)) { | ||
| 106 | const join = geodesicUtils.geodesicDistance( | ||
| 107 | new Point({ x: points[i][j].x, y: points[i][j].y }), | ||
| 108 | new Point({ x: points[i][j + 1].x, y: points[i][j + 1].y }), | ||
| 109 | "meters" | ||
| 110 | ); | ||
| 111 | const { distance, azimuth } = join; | ||
| 112 | |||
| 113 | var obj = { | ||
| 114 | startPoint: points[i][j].x + "," + points[i][j].y, | ||
| 115 | endPoint: points[i][j + 1].x + "," + points[i][j + 1].y, | ||
| 116 | qdh: points[i][j].sxh, | ||
| 117 | zdh: points[i][j + 1].sxh, | ||
| 118 | distance: distance, | ||
| 119 | jzxlx: "", | ||
| 120 | jzxwz: "", | ||
| 121 | jzxxz: "", | ||
| 122 | remark: "" | ||
| 123 | } | ||
| 124 | lines.push(obj); | ||
| 125 | } else { | ||
| 126 | const join = geodesicUtils.geodesicDistance( | ||
| 127 | new Point({ x: points[i][j].x, y: points[i][j].y }), | ||
| 128 | new Point({ x: points[i][0].x, y: points[i][0].y }), | ||
| 129 | "meters" | ||
| 130 | ); | ||
| 131 | const { distance, azimuth } = join; | ||
| 132 | var obj = { | ||
| 133 | startPoint: points[i][j].x + "," + points[i][j].y, | ||
| 134 | endPoint: points[i][0].x + "," + points[i][0].y, | ||
| 135 | qdh: points[i][j].sxh, | ||
| 136 | zdh: points[i][0].sxh, | ||
| 137 | distance: distance, | ||
| 138 | jzxlx: "", | ||
| 139 | jzxwz: "", | ||
| 140 | jzxxz: "", | ||
| 141 | remark: "" | ||
| 142 | } | ||
| 143 | lines.push(obj); | ||
| 144 | } | ||
| 145 | } | ||
| 146 | } | ||
| 147 | if (callBackFunction && typeof callBackFunction == "function") { | ||
| 148 | callBackFunction(lines); | ||
| 149 | } | ||
| 150 | }).catch(err => { | ||
| 151 | throw (err); | ||
| 152 | }) | ||
| 153 | }, | ||
| 154 | //wkt转换成arcgis | ||
| 155 | parseWktToArc (wkt) { | ||
| 156 | var primitive = wktParse.parse(wkt); | ||
| 157 | /*if(primitive.type == "MultiPolygon"){ | ||
| 158 | primitive.type = "Polygon" | ||
| 159 | }*/ | ||
| 160 | return arcgisParser.convert(primitive) | ||
| 161 | }, | ||
| 162 | postionToThisGeo (bsm, type) { | ||
| 163 | var view = maps["testMap"]; | ||
| 164 | var layer = view.map.findLayerById("highlightLayer"); | ||
| 165 | if (layer) { | ||
| 166 | var graphics = layer.graphics; | ||
| 167 | if (graphics.length > 0 && graphics.items[0].attributes.BSM == bsm) { | ||
| 168 | // view.extent = graphics.items[0].geometry.extent; | ||
| 169 | view.center = graphics.items[0].geometry.extent.center; | ||
| 170 | view.zoom = 15; | ||
| 171 | } | ||
| 172 | } else { | ||
| 173 | this.$message.success("暂无图形信息!!!"); | ||
| 174 | } | ||
| 175 | }, | ||
| 176 | //导入空间图形是 先判断数据是否跨界 | ||
| 177 | geoJoint (geometry, callBacFunction) { | ||
| 178 | var self = this; | ||
| 179 | loadModules([ | ||
| 180 | "esri/geometry/geometryEngine", | ||
| 181 | "esri/geometry/Polygon" | ||
| 182 | ]).then(([ | ||
| 183 | geometryEngine, | ||
| 184 | Polygon | ||
| 185 | ]) => { | ||
| 186 | var djqLayer = null, djzqLayer = null, xjzqLayer = null; | ||
| 187 | djqLayer = self.getLayerByName("DJQ"); | ||
| 188 | djzqLayer = self.getLayerByName("DJZQ"); | ||
| 189 | xjzqLayer = self.getLayerByName("XJZQ"); | ||
| 190 | var layerIds = []; | ||
| 191 | layerIds.push(djqLayer.id); | ||
| 192 | layerIds.push(djzqLayer.id); | ||
| 193 | layerIds.push(xjzqLayer.id); | ||
| 194 | var polygon = new Polygon(geometry); | ||
| 195 | identifyUtils.methods.identify(djqLayer.layerUrl, layerIds, polygon, function (res) { | ||
| 196 | var results = res.results; | ||
| 197 | var isJoint = false, layerName = "", message = ""; | ||
| 198 | if (!results || results.length == 0) { | ||
| 199 | callBacFunction(true, "不在行政区内,请检查空间位置信息!!!"); | ||
| 200 | } | ||
| 201 | for (var i = 0; i < results.length; i++) { | ||
| 202 | var feature = results[i].feature; | ||
| 203 | var flag = geometryEngine.intersects(polygon, feature.geometry); | ||
| 204 | var withinFlag = geometryEngine.within(polygon, feature.geometry); | ||
| 205 | if (!withinFlag && flag) { | ||
| 206 | isJoint = true; | ||
| 207 | layerName = results[i].layerName; | ||
| 208 | switch (layerName) { | ||
| 209 | case 'DJQ': message = "地块跨越地籍区,数据不合法!!!"; break; | ||
| 210 | case 'DJZQ': message = "地块跨越地籍子区,数据不合法!!!"; break; | ||
| 211 | case 'XJZQ': message = "地块跨越行政区,数据不合法!!!"; break; | ||
| 212 | } | ||
| 213 | break | ||
| 214 | } | ||
| 215 | } | ||
| 216 | if (callBacFunction && typeof callBacFunction == "function") { | ||
| 217 | callBacFunction(isJoint, message); | ||
| 218 | } | ||
| 219 | }, true) | ||
| 220 | }).catch(err => { | ||
| 221 | console.log(err); | ||
| 222 | throw (err); | ||
| 223 | }) | ||
| 224 | }, | ||
| 225 | //保存或者编辑属性信息 | ||
| 226 | updAttributes (bsm, type, attributes, callBackFunction, ydybsm) { | ||
| 227 | var layer = null; | ||
| 228 | if (type == 'zd') { | ||
| 229 | layer = this.getLayerByName("ZDJBXX"); | ||
| 230 | } else { | ||
| 231 | layer = this.getLayerByName("ZRZ"); | ||
| 232 | } | ||
| 233 | var featureUrl = layer.layerUrl.replace("MapServer", "FeatureServer"); | ||
| 234 | featureUrl += "/" + layer.id; | ||
| 235 | this.queryGeoByBsm(ydybsm ? ydybsm : bsm, type, function (features) { | ||
| 236 | if (features && features.length > 0) { | ||
| 237 | attributes.OBJECTID = features[0].attributes.OBJECTID; | ||
| 238 | features[0].attributes = attributes; | ||
| 239 | /* var wkt = "PROJCS[\"XADFZBX\",GEOGCS[\"GCS_WGS_1984\",DATUM[\"D_WGS_1984\",SPHEROID[\"WGS_1984\",6378137.0,298.257223563]],PRIMEM[\"Greenwich\",0.0],UNIT[\"Degree\",0.0174532925199433]],PROJECTION[\"Transverse_Mercator\"],PARAMETER[\"False_Easting\",0.0],PARAMETER[\"False_Northing\",0.0],PARAMETER[\"Central_Meridian\",0.0],PARAMETER[\"Scale_Factor\",1.0],PARAMETER[\"Latitude_Of_Origin\",0.0],UNIT[\"Meter\",1.0]]"; | ||
| 240 | features[0].geometry.spatialReference = { | ||
| 241 | wkt:wkt | ||
| 242 | }*/ | ||
| 243 | if (ydybsm) { | ||
| 244 | features[0].attributes.BSM = ydybsm; | ||
| 245 | } | ||
| 246 | featureUpdate.methods.updateGraphic(featureUrl, features[0], callBackFunction); | ||
| 247 | } else { | ||
| 248 | var graphic = { | ||
| 249 | attributes: attributes | ||
| 250 | } | ||
| 251 | featureUpdate.methods.addGraphic(featureUrl, graphic, callBackFunction); | ||
| 252 | } | ||
| 253 | }); | ||
| 254 | }, | ||
| 255 | //叠加分析 同一个图层的叠加分析 | ||
| 256 | zdOverAnalys (bsm, graphic, callBacFunction) { | ||
| 257 | var self = this; | ||
| 258 | loadModules([ | ||
| 259 | "esri/geometry/Polygon" | ||
| 260 | ]).then(([ | ||
| 261 | Polygon | ||
| 262 | ]) => { | ||
| 263 | var zdLayer = null; | ||
| 264 | zdLayer = self.getLayerByName("ZDJBXX"); | ||
| 265 | var layerIds = []; | ||
| 266 | layerIds.push(zdLayer.id); | ||
| 267 | var polygon = new Polygon(graphic.geometry); | ||
| 268 | identifyUtils.methods.identify(zdLayer.layerUrl, layerIds, polygon, function (res) { | ||
| 269 | var results = res.results; | ||
| 270 | //判断数据是否与其他数据有重叠 | ||
| 271 | var flag = false; | ||
| 272 | if (results && results.length > 0) { | ||
| 273 | flag = true; | ||
| 274 | //加载在图层上 原本的要导入的数据 和重叠数据 | ||
| 275 | self.addOverLayer(polygon, results); | ||
| 276 | } | ||
| 277 | callBacFunction(flag, results); | ||
| 278 | }, true) | ||
| 279 | }).catch(err => { | ||
| 280 | console.log(err); | ||
| 281 | throw (err); | ||
| 282 | }) | ||
| 283 | }, | ||
| 284 | //添加添加元素和覆盖的元素到地图上 | ||
| 285 | addOverLayer (geometry, results) { | ||
| 286 | var view = maps["testMap"]; | ||
| 287 | loadModules([ | ||
| 288 | "esri/Graphic", | ||
| 289 | "esri/geometry/Polygon", | ||
| 290 | "esri/layers/GraphicsLayer", | ||
| 291 | "esri/geometry/geometryEngineAsync", | ||
| 292 | "esri/geometry/Extent" | ||
| 293 | ]).then(([ | ||
| 294 | Graphic, | ||
| 295 | Polygon, | ||
| 296 | GraphicsLayer, | ||
| 297 | geometryEngineAsync, | ||
| 298 | Extent | ||
| 299 | ]) => { | ||
| 300 | var graphic = new Graphic({ | ||
| 301 | geometry: geometry | ||
| 302 | }) | ||
| 303 | var layer = view.map.findLayerById("overLayer"); | ||
| 304 | if (layer) { | ||
| 305 | layer.removeAll(); | ||
| 306 | } else { | ||
| 307 | layer = new GraphicsLayer({ | ||
| 308 | id: "overLayer" | ||
| 309 | }) | ||
| 310 | view.map.add(layer); | ||
| 311 | } | ||
| 312 | var impotSymbol = graphicSymbol.fillSymbol.importSymbol, | ||
| 313 | defaultSymbol = graphicSymbol.fillSymbol.defaultSymbol; | ||
| 314 | for (var i = 0; i < results.length; i++) { | ||
| 315 | var feature = results[i].feature; | ||
| 316 | feature.symbol = defaultSymbol; | ||
| 317 | layer.add(feature); | ||
| 318 | var geo = geometryEngineAsync.intersect(feature.geometry, geometry); | ||
| 319 | geo.then(function (res) { | ||
| 320 | var interGra = new Graphic({ | ||
| 321 | geometry: res, | ||
| 322 | symbol: graphicSymbol.fillSymbol.highlightSymbol | ||
| 323 | }) | ||
| 324 | layer.add(interGra); | ||
| 325 | }) | ||
| 326 | } | ||
| 327 | graphic.symbol = impotSymbol | ||
| 328 | layer.add(graphic); | ||
| 329 | var extent = new Extent(JSON.parse(JSON.stringify(graphic.geometry.extent))) | ||
| 330 | extent.spatialReference = view.spatialReference; | ||
| 331 | // view.extent = extent; | ||
| 332 | view.center = extent.center; | ||
| 333 | view.zoom = 15; | ||
| 334 | }).catch(err => { | ||
| 335 | console.log(err); | ||
| 336 | |||
| 337 | }) | ||
| 338 | }, | ||
| 339 | clearOverLayer () { | ||
| 340 | var view = maps["testMap"]; | ||
| 341 | var layer = view.map.findLayerById("overLayer"); | ||
| 342 | if (layer) { | ||
| 343 | layer.removeAll(); | ||
| 344 | } | ||
| 345 | }, | ||
| 346 | //自然幢叠加分析 不能跨宗地 图层本身的叠加分析 | ||
| 347 | zrzOverAnalys (bsm, graphic, callBacFunction) { | ||
| 348 | var self = this; | ||
| 349 | loadModules([ | ||
| 350 | "esri/geometry/Polygon", | ||
| 351 | "esri/geometry/geometryEngine" | ||
| 352 | ]).then(([ | ||
| 353 | Polygon, | ||
| 354 | geometryEngine | ||
| 355 | ]) => { | ||
| 356 | var polygon = new Polygon(graphic.geometry); | ||
| 357 | var zdLayer = null, | ||
| 358 | zrzLayer = null; | ||
| 359 | zdLayer = self.getLayerByName("ZDJBXX"); | ||
| 360 | zrzLayer = self.getLayerByName("ZRZ"); | ||
| 361 | var layerIds = []; | ||
| 362 | layerIds.push(zdLayer.id); | ||
| 363 | layerIds.push(zrzLayer.id); | ||
| 364 | identifyUtils.methods.identify(zdLayer.layerUrl, layerIds, polygon, function (res) { | ||
| 365 | var results = res.results; | ||
| 366 | //判断数据是否与其他数据有重叠 | ||
| 367 | var flag = false, | ||
| 368 | mesge = ""; | ||
| 369 | if (results && results.length > 0) { | ||
| 370 | for (var i = 0; i < results.length; i++) { | ||
| 371 | var feature = results[i].feature, | ||
| 372 | layerName = results[i].layerName; | ||
| 373 | if (layerName == 'ZRZ') { | ||
| 374 | if (!feature.attributes['标识码'] || feature.attributes['标识码'] != bsm) { | ||
| 375 | var interFlag = geometryEngine.intersects(polygon, feature.geometry); | ||
| 376 | if (interFlag) { | ||
| 377 | flag = true; | ||
| 378 | mesge = "导入的自然幢与其他自然幢重叠,不能导入!!!"; | ||
| 379 | break; | ||
| 380 | } | ||
| 381 | } | ||
| 382 | } else if (layerName == 'ZDJBXX') { | ||
| 383 | var interFlag = geometryEngine.intersects(polygon, feature.geometry); | ||
| 384 | var withinFlag = geometryEngine.within(polygon, feature.geometry); | ||
| 385 | if (!withinFlag && interFlag) { | ||
| 386 | flag = true; | ||
| 387 | mesge = "导入的自然幢与其跨宗地,不能导入!!!"; | ||
| 388 | break; | ||
| 389 | } | ||
| 390 | } | ||
| 391 | } | ||
| 392 | } | ||
| 393 | callBacFunction(flag, mesge); | ||
| 394 | }, true) | ||
| 395 | }).catch(err => { | ||
| 396 | console.log(err); | ||
| 397 | }) | ||
| 398 | }, | ||
| 399 | //去除重叠部分 | ||
| 400 | getDifference (inputGraphic, subGraphic, callBackFuncton) { | ||
| 401 | loadModules([ | ||
| 402 | "esri/geometry/Polygon", | ||
| 403 | "esri/geometry/geometryEngine", | ||
| 404 | "esri/Graphic" | ||
| 405 | ]).then(([ | ||
| 406 | Polygon, | ||
| 407 | geometryEngine, | ||
| 408 | Graphic | ||
| 409 | ]) => { | ||
| 410 | var inputGeometry = new Polygon(inputGraphic.geometry); | ||
| 411 | var outGeometry = null; | ||
| 412 | for (var i = 0; i < subGraphic.length; i++) { | ||
| 413 | var feature = subGraphic[i].feature; | ||
| 414 | outGeometry = geometryEngine.difference(inputGeometry, feature.geometry); | ||
| 415 | } | ||
| 416 | if (callBackFuncton && typeof callBackFuncton == 'function') { | ||
| 417 | callBackFuncton(outGeometry); | ||
| 418 | } | ||
| 419 | }).catch(err => { | ||
| 420 | console.log(err); | ||
| 421 | }) | ||
| 422 | }, | ||
| 423 | //业务处理 先用query方法 查询将所有属性查询 在做空间裁剪 | ||
| 424 | getResultsDif (subGraphics, currntGraphic, callBackFunction, flag) { | ||
| 425 | var self = this; | ||
| 426 | loadModules([ | ||
| 427 | "esri/geometry/geometryEngine", | ||
| 428 | "esri/geometry/Polygon" | ||
| 429 | ]).then(([ | ||
| 430 | geometryEngine, | ||
| 431 | Polygon | ||
| 432 | ]) => { | ||
| 433 | var objectIds = []; | ||
| 434 | subGraphics.filter(item => { | ||
| 435 | objectIds.push(item.feature.attributes.OBJECTID); | ||
| 436 | }) | ||
| 437 | var inputGeometry = new Polygon(currntGraphic.geometry); | ||
| 438 | var zdLayer = self.getLayerByName("ZDJBXX"); | ||
| 439 | queryUtils.methods.queryByWhere(zdLayer.layerUrl + "/" + zdLayer.id, { OBJECTID: objectIds }, null, true, "", subGraphics[0].feature.geometry.spatialReference, function (result) { | ||
| 440 | var features = result.features; | ||
| 441 | if (flag) { | ||
| 442 | for (var i = 0; i < features.length; i++) { | ||
| 443 | features[i].geometry = geometryEngine.difference(features[i].geometry, inputGeometry); | ||
| 444 | features[i].attributes.BGZT = 3; | ||
| 445 | } | ||
| 446 | } else { | ||
| 447 | for (var i = 0; i < features.length; i++) { | ||
| 448 | features[i].geometry = null; | ||
| 449 | features[i].attributes.BGZT = 4; | ||
| 450 | } | ||
| 451 | } | ||
| 452 | if (callBackFunction && typeof callBackFunction == 'function') { | ||
| 453 | callBackFunction(features); | ||
| 454 | } | ||
| 455 | }) | ||
| 456 | |||
| 457 | }).catch(err => { | ||
| 458 | console.log(err); | ||
| 459 | }) | ||
| 460 | |||
| 461 | }, | ||
| 462 | addGeoByBsm (bsm, type, viewId) { | ||
| 463 | var self = this; | ||
| 464 | var layer = null; | ||
| 465 | if (type == 'zd') { | ||
| 466 | layer = this.getLayerByName("ZDJBXX"); | ||
| 467 | } else if (type == 'zrz') { | ||
| 468 | layer = this.getLayerByName("ZRZ"); | ||
| 469 | } else { | ||
| 470 | console.log("未定义类型!!"); | ||
| 471 | return; | ||
| 472 | } | ||
| 473 | if (!layer) { | ||
| 474 | console.log("没有找到图层,不能查询"); | ||
| 475 | return; | ||
| 476 | } | ||
| 477 | queryUtils.methods.queryByWhere(layer.layerUrl + "/" + layer.id, { "BSM": bsm }, null, true, null, null, function (res) { | ||
| 478 | var features = res.features; | ||
| 479 | if (features && features.length > 0) { | ||
| 480 | if (!features[0].geometry || features[0].geometry.rings.length == 0) { | ||
| 481 | self.$message.success("暂无图形信息!!"); | ||
| 482 | return; | ||
| 483 | } | ||
| 484 | loadModules([ | ||
| 485 | "esri/layers/GraphicsLayer" | ||
| 486 | ]).then(([ | ||
| 487 | GraphicsLayer | ||
| 488 | ]) => { | ||
| 489 | var view = maps[viewId]; | ||
| 490 | var layer = view.map.findLayerById("highlightLayer"); | ||
| 491 | if (layer) { | ||
| 492 | layer.removeAll(); | ||
| 493 | } else { | ||
| 494 | layer = new GraphicsLayer({ | ||
| 495 | id: "highlightLayer" | ||
| 496 | }) | ||
| 497 | view.map.add(layer, 5); | ||
| 498 | } | ||
| 499 | var symbol = graphicSymbol.fillSymbol.highlightSymbol; | ||
| 500 | var graphic = features[0]; | ||
| 501 | graphic.symbol = symbol; | ||
| 502 | layer.add(graphic); | ||
| 503 | // view.extent = graphic.geometry.extent; | ||
| 504 | view.center = graphic.geometry.extent.center; | ||
| 505 | view.zoom = 15; | ||
| 506 | }).catch(err => { | ||
| 507 | thow(err); | ||
| 508 | }) | ||
| 509 | } else { | ||
| 510 | self.$message.success("暂无图形信息!!"); | ||
| 511 | return; | ||
| 512 | } | ||
| 513 | }); | ||
| 514 | }, | ||
| 515 | //清空当前图层 | ||
| 516 | clearHighlightLayer (viewId) { | ||
| 517 | var view = maps[viewId]; | ||
| 518 | var layer = view.map.findLayerById("highlightLayer"); | ||
| 519 | if (layer) { | ||
| 520 | layer.removeAll(); | ||
| 521 | } | ||
| 522 | } | ||
| 523 | } | ||
| 524 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| ... | @@ -26,11 +26,11 @@ | ... | @@ -26,11 +26,11 @@ |
| 26 | <el-upload class="fileUpdate" ref="upload" action="" :show-file-list="false" :multiple="true" :auto-upload="false" | 26 | <el-upload class="fileUpdate" ref="upload" action="" :show-file-list="false" :multiple="true" :auto-upload="false" |
| 27 | :on-change="handleChange" | 27 | :on-change="handleChange" |
| 28 | accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload"> | 28 | accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg" :before-upload="beforeUpload"> |
| 29 | <el-button icon="el-icon-upload" type="primary" v-if="!this.$route.query.viewtype && ableOperation">上传</el-button> | 29 | <el-button icon="el-icon-upload" type="primary" v-if="ableOperation">上传</el-button> |
| 30 | </el-upload> | 30 | </el-upload> |
| 31 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" | 31 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" |
| 32 | v-if="!this.$route.query.viewtype && thumbnailImages.length>0 && ableOperation">删除</el-button> | 32 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> |
| 33 | <div v-if="!this.$route.query.viewtype" class="pl-5"> | 33 | <div v-if="ableOperation" class="pl-5"> |
| 34 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation">{{scanTitle}}</el-button> | 34 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation">{{scanTitle}}</el-button> |
| 35 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> | 35 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> |
| 36 | </div> | 36 | </div> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:41:09 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div> | ||
| 8 | <lb-table :column="column" border :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> | ||
| 9 | </lb-table> | ||
| 10 | <addJtcy v-model="dialog" :details="details" @updateDetail="updateDetail" /> | ||
| 11 | </div> | ||
| 12 | </template> | ||
| 13 | <script> | ||
| 14 | import addJtcy from './addJtcy.vue' | ||
| 15 | import { mapGetters } from 'vuex' | ||
| 16 | export default { | ||
| 17 | components: { | ||
| 18 | addJtcy | ||
| 19 | }, | ||
| 20 | computed: { | ||
| 21 | ...mapGetters(["dictData"]), | ||
| 22 | }, | ||
| 23 | props: { | ||
| 24 | tableData: { | ||
| 25 | type: Array, | ||
| 26 | default: function () { | ||
| 27 | return [] | ||
| 28 | } | ||
| 29 | }, | ||
| 30 | gyfs: { | ||
| 31 | type: String, | ||
| 32 | default: '1' | ||
| 33 | } | ||
| 34 | }, | ||
| 35 | data () { | ||
| 36 | return { | ||
| 37 | key: 0, | ||
| 38 | dataIndex: 0, | ||
| 39 | dialog: false, | ||
| 40 | details: {}, | ||
| 41 | tableDataList: [], | ||
| 42 | qlrCommonTable: [ | ||
| 43 | { | ||
| 44 | width: '50', | ||
| 45 | renderHeader: (h, scope) => { | ||
| 46 | return <div> { | ||
| 47 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | ||
| 48 | } | ||
| 49 | </div> | ||
| 50 | }, | ||
| 51 | render: (h, scope) => { | ||
| 52 | return ( | ||
| 53 | <div> | ||
| 54 | { | ||
| 55 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | ||
| 56 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | ||
| 57 | } | ||
| 58 | </div> | ||
| 59 | ) | ||
| 60 | } | ||
| 61 | }, | ||
| 62 | { | ||
| 63 | label: '身份证读卡器', | ||
| 64 | align: 'center', | ||
| 65 | render: (h, scope) => { | ||
| 66 | return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button> | ||
| 67 | } | ||
| 68 | }, | ||
| 69 | { | ||
| 70 | prop: "cyxm", | ||
| 71 | label: "成员姓名" | ||
| 72 | }, | ||
| 73 | { | ||
| 74 | prop: "sfzhm", | ||
| 75 | label: "身份证号码" | ||
| 76 | }, | ||
| 77 | { | ||
| 78 | prop: "dh", | ||
| 79 | label: "联系电话" | ||
| 80 | }, | ||
| 81 | { | ||
| 82 | label: '修改', | ||
| 83 | render: (h, scope) => { | ||
| 84 | return ( | ||
| 85 | <div> | ||
| 86 | { | ||
| 87 | this.$route.query.viewtype == 1 ? <el-button | ||
| 88 | icon="el-icon-view" | ||
| 89 | type="text" | ||
| 90 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | ||
| 91 | icon="el-icon-edit-outline" | ||
| 92 | type="text" | ||
| 93 | onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button> | ||
| 94 | } | ||
| 95 | </div> | ||
| 96 | ) | ||
| 97 | } | ||
| 98 | } | ||
| 99 | ], | ||
| 100 | column: this.qlrCommonTable | ||
| 101 | } | ||
| 102 | }, | ||
| 103 | watch: { | ||
| 104 | tableData: { | ||
| 105 | handler: function (val, oldVal) { | ||
| 106 | let that = this | ||
| 107 | if (val.length == 0 || !val) { | ||
| 108 | that.tableDataList = _.cloneDeep([{ | ||
| 109 | sqrmc: '', | ||
| 110 | dlrzjlx: '', | ||
| 111 | dlrzjh: '', | ||
| 112 | fr: '' | ||
| 113 | }]) | ||
| 114 | } else { | ||
| 115 | that.tableDataList = _.cloneDeep(val) | ||
| 116 | } | ||
| 117 | }, | ||
| 118 | immediate: true, | ||
| 119 | deep: true | ||
| 120 | }, | ||
| 121 | gyfs: { | ||
| 122 | handler (newVal, oldValue) { | ||
| 123 | let dataList = _.cloneDeep(this.qlrCommonTable) | ||
| 124 | if (newVal == '1') { | ||
| 125 | this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
| 126 | } else { | ||
| 127 | this.column = dataList | ||
| 128 | } | ||
| 129 | }, | ||
| 130 | immediate: true | ||
| 131 | } | ||
| 132 | }, | ||
| 133 | methods: { | ||
| 134 | updateDetail (value) { | ||
| 135 | this.tableDataList[this.dataIndex] = value | ||
| 136 | this.key++ | ||
| 137 | this.$emit('upDateJtcyList', this.tableDataList) | ||
| 138 | }, | ||
| 139 | |||
| 140 | // 新增 | ||
| 141 | addClick () { | ||
| 142 | this.dialog = true | ||
| 143 | }, | ||
| 144 | |||
| 145 | // 删除 | ||
| 146 | deleClick (index, row) { | ||
| 147 | this.tableData.splice(index, 1) | ||
| 148 | }, | ||
| 149 | |||
| 150 | // 身份证读取 | ||
| 151 | readClick () { }, | ||
| 152 | |||
| 153 | // 修改 | ||
| 154 | editClick (index, row) { | ||
| 155 | console.log(row, 'rowrowrowrowrow'); | ||
| 156 | this.dataIndex = index | ||
| 157 | this.dialog = true | ||
| 158 | this.details = row | ||
| 159 | }, | ||
| 160 | |||
| 161 | queryViewClick () { | ||
| 162 | this.dialog = true | ||
| 163 | } | ||
| 164 | } | ||
| 165 | } | ||
| 166 | </script> | ||
| 167 | <style scoped lang='scss'> | ||
| 168 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:41:15 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div> | ||
| 8 | <div class="process-viewer"> | ||
| 9 | <div v-show="!isLoading" ref="processCanvas" class="process-canvas" style="height: 280px;" /> | ||
| 10 | <!-- 自定义箭头样式,用于成功状态下流程连线箭头 --> | ||
| 11 | <defs ref="customSuccessDefs"> | ||
| 12 | <marker id="sequenceflow-end-white-success" view-box="0 0 20 20" ref-x="11" ref-y="10" marker-width="10" | ||
| 13 | marker-height="10" orient="auto"> | ||
| 14 | <path class="success-arrow" d="M 1 5 L 11 10 L 1 15 Z" | ||
| 15 | style="stroke-width: 1px; stroke-linecap: round; stroke-dasharray: 10000, 1;" /> | ||
| 16 | </marker> | ||
| 17 | <marker id="conditional-flow-marker-white-success" view-box="0 0 20 20" ref-x="-1" ref-y="10" marker-width="10" | ||
| 18 | marker-height="10" orient="auto"> | ||
| 19 | <path class="success-conditional" d="M 0 10 L 8 6 L 16 10 L 8 14 Z" | ||
| 20 | style="stroke-width: 1px; stroke-linecap: round; stroke-dasharray: 10000, 1;" /> | ||
| 21 | </marker> | ||
| 22 | </defs> | ||
| 23 | <!-- 自定义箭头样式,用于失败状态下流程连线箭头 --> | ||
| 24 | <defs ref="customFailDefs"> | ||
| 25 | <marker id="sequenceflow-end-white-fail" view-box="0 0 20 20" ref-x="11" ref-y="10" marker-width="10" | ||
| 26 | marker-height="10" orient="auto"> | ||
| 27 | <path class="fail-arrow" d="M 1 5 L 11 10 L 1 15 Z" | ||
| 28 | style="stroke-width: 1px; stroke-linecap: round; stroke-dasharray: 10000, 1;" /> | ||
| 29 | </marker> | ||
| 30 | <marker id="conditional-flow-marker-white-fail" view-box="0 0 20 20" ref-x="-1" ref-y="10" marker-width="10" | ||
| 31 | marker-height="10" orient="auto"> | ||
| 32 | <path class="fail-conditional" d="M 0 10 L 8 6 L 16 10 L 8 14 Z" | ||
| 33 | style="stroke-width: 1px; stroke-linecap: round; stroke-dasharray: 10000, 1;" /> | ||
| 34 | </marker> | ||
| 35 | </defs> | ||
| 36 | |||
| 37 | <div style="position: absolute; top: 0px; left: 0px; width: 100%;"> | ||
| 38 | <el-row type="flex" justify="end"> | ||
| 39 | <el-button-group key="scale-control" size="medium"> | ||
| 40 | <el-button size="medium" type="default" :plain="true" :disabled="defaultZoom <= 0.3" icon="el-icon-zoom-out" | ||
| 41 | @click="processZoomOut()" /> | ||
| 42 | <el-button size="medium" type="default" style="width: 90px;">{{ Math.floor(this.defaultZoom * 10 * 10) + "%" | ||
| 43 | }}</el-button> | ||
| 44 | <el-button size="medium" type="default" :plain="true" :disabled="defaultZoom >= 3.9" icon="el-icon-zoom-in" | ||
| 45 | @click="processZoomIn()" /> | ||
| 46 | <el-button size="medium" type="default" icon="el-icon-c-scale-to-original" @click="processReZoom()" /> | ||
| 47 | <slot /> | ||
| 48 | </el-button-group> | ||
| 49 | </el-row> | ||
| 50 | </div> | ||
| 51 | </div> | ||
| 52 | <!-- 已完成节点悬浮弹窗 --> | ||
| 53 | <div class="information-list"> | ||
| 54 | <el-select v-model="selectValue" @change="handleSelect"> | ||
| 55 | <el-option v-for="item in selectOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
| 56 | </el-option> | ||
| 57 | </el-select> | ||
| 58 | <el-table height="190" :data="taskCommentList" size="mini" border header-cell-class-name="table-header-gray"> | ||
| 59 | <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" /> | ||
| 60 | <el-table-column label="流程状态" header-align="center" align="center"> | ||
| 61 | <template slot-scope="scope"> | ||
| 62 | <div v-if="scope.row.endTime">已完结</div> | ||
| 63 | <div v-else>正在办理</div> | ||
| 64 | </template> | ||
| 65 | </el-table-column> | ||
| 66 | <el-table-column label="环节名称" prop="name" minWidth="100" align="center" /> | ||
| 67 | <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> | ||
| 68 | <el-table-column label="转入时间" prop="createTime" :formatter="formatDate" width="160" align="center" /> | ||
| 69 | <el-table-column label="认领时间" prop="claimTime" :formatter="formatDate" width="160" align="center" /> | ||
| 70 | <el-table-column label="转出时间" prop="endTime" :formatter="formatDate" width="160" align="center" /> | ||
| 71 | <el-table-column label="操作方式" prop="controls" align="center"/> | ||
| 72 | <el-table-column label="意见" prop="idea" align="center"/> | ||
| 73 | </el-table> | ||
| 74 | </div> | ||
| 75 | </div> | ||
| 76 | </template> | ||
| 77 | <script> | ||
| 78 | import '@/styles/package/theme/index.scss' | ||
| 79 | import BpmnViewer from 'bpmn-js/lib/Viewer' | ||
| 80 | import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas' | ||
| 81 | export default { | ||
| 82 | props: { | ||
| 83 | formData: { | ||
| 84 | type: Object, | ||
| 85 | default: {} | ||
| 86 | } | ||
| 87 | }, | ||
| 88 | data () { | ||
| 89 | return { | ||
| 90 | dlgTitle: undefined, | ||
| 91 | defaultZoom: 1, | ||
| 92 | // 是否正在加载流程图 | ||
| 93 | isLoading: true, | ||
| 94 | bpmnViewer: undefined, | ||
| 95 | // 已完成流程元素 | ||
| 96 | processNodeInfo: undefined, | ||
| 97 | // 当前任务id | ||
| 98 | selectTaskId: undefined, | ||
| 99 | // 任务节点审批记录 | ||
| 100 | taskList:[], | ||
| 101 | taskCommentList: [], | ||
| 102 | // 已完成任务悬浮延迟Timer | ||
| 103 | hoverTimer: null, | ||
| 104 | // 下拉 | ||
| 105 | selectValue: '', | ||
| 106 | selectOptions: [] | ||
| 107 | } | ||
| 108 | }, | ||
| 109 | created () { | ||
| 110 | this.$nextTick(() => { | ||
| 111 | // 获取流程记录 | ||
| 112 | this.getCommentList() | ||
| 113 | this.setProcessStatus(this.formData.finishedInfo); | ||
| 114 | this.importXML(this.formData.xml) | ||
| 115 | |||
| 116 | }) | ||
| 117 | }, | ||
| 118 | destroyed () { | ||
| 119 | this.clearViewer() | ||
| 120 | }, | ||
| 121 | methods: { | ||
| 122 | formatDate(row, column) { | ||
| 123 | let data = row[column.property] | ||
| 124 | if(data == null) { | ||
| 125 | return null | ||
| 126 | } | ||
| 127 | let dt = new Date(data) | ||
| 128 | return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' + dt.getHours() + ':' + dt.getMinutes() + ':' + dt.getSeconds() | ||
| 129 | }, | ||
| 130 | processReZoom () { | ||
| 131 | this.defaultZoom = 1 | ||
| 132 | this.bpmnViewer.get('canvas').zoom('fit-viewport', 'auto') | ||
| 133 | }, | ||
| 134 | processZoomIn (zoomStep = 0.1) { | ||
| 135 | const newZoom = Math.floor(this.defaultZoom * 100 + zoomStep * 100) / 100 | ||
| 136 | if (newZoom > 4) { | ||
| 137 | throw new Error('[Process Designer Warn ]: The zoom ratio cannot be greater than 4') | ||
| 138 | } | ||
| 139 | this.defaultZoom = newZoom | ||
| 140 | this.bpmnViewer.get('canvas').zoom(this.defaultZoom) | ||
| 141 | }, | ||
| 142 | processZoomOut (zoomStep = 0.1) { | ||
| 143 | const newZoom = Math.floor(this.defaultZoom * 100 - zoomStep * 100) / 100 | ||
| 144 | if (newZoom < 0.2) { | ||
| 145 | throw new Error('[Process Designer Warn ]: The zoom ratio cannot be scss than 0.2') | ||
| 146 | } | ||
| 147 | this.defaultZoom = newZoom | ||
| 148 | this.bpmnViewer.get('canvas').zoom(this.defaultZoom) | ||
| 149 | }, | ||
| 150 | getOperationTagType (type) { | ||
| 151 | return 'success' | ||
| 152 | }, | ||
| 153 | // 流程图预览清空 | ||
| 154 | clearViewer (a) { | ||
| 155 | if (this.$refs.processCanvas) { | ||
| 156 | this.$refs.processCanvas.innerHTML = '' | ||
| 157 | } | ||
| 158 | if (this.bpmnViewer) { | ||
| 159 | this.bpmnViewer.destroy() | ||
| 160 | } | ||
| 161 | this.bpmnViewer = null | ||
| 162 | }, | ||
| 163 | // 添加自定义箭头 | ||
| 164 | addCustomDefs () { | ||
| 165 | const canvas = this.bpmnViewer.get('canvas') | ||
| 166 | const svg = canvas._svg | ||
| 167 | const customSuccessDefs = this.$refs.customSuccessDefs | ||
| 168 | const customFailDefs = this.$refs.customFailDefs | ||
| 169 | svg.appendChild(customSuccessDefs) | ||
| 170 | svg.appendChild(customFailDefs) | ||
| 171 | }, | ||
| 172 | // 任务悬浮弹窗 | ||
| 173 | onSelectElement (element) { | ||
| 174 | this.selectTaskId = undefined | ||
| 175 | this.dlgTitle = undefined | ||
| 176 | let allfinishedTaskSet = [...this.processNodeInfo.finishedTaskSet, ...this.processNodeInfo.unfinishedTaskSet] | ||
| 177 | if (this.processNodeInfo == null || allfinishedTaskSet == null) | ||
| 178 | return | ||
| 179 | if (element == null || allfinishedTaskSet.indexOf(element.id) === -1) { | ||
| 180 | return | ||
| 181 | } | ||
| 182 | this.selectTaskId = element.id | ||
| 183 | this.selectValue = element.id | ||
| 184 | this.dlgTitle = element.businessObject ? element.businessObject.name : undefined | ||
| 185 | // 计算当前悬浮任务审批记录,如果记录为空不显示弹窗 | ||
| 186 | this.taskCommentList = (this.taskList || []).filter(item => { | ||
| 187 | return item.taskDefinitionKey === this.selectTaskId | ||
| 188 | }) | ||
| 189 | if (this.taskCommentList.length==0) { | ||
| 190 | this.taskCommentList = this.taskList; | ||
| 191 | } | ||
| 192 | }, | ||
| 193 | // 下拉列表切换 | ||
| 194 | handleSelect (val) { | ||
| 195 | this.taskCommentList = (this.taskList || []).filter(item => { | ||
| 196 | return item.taskDefinitionKey === val | ||
| 197 | }) | ||
| 198 | if (this.taskCommentList.length==0) { | ||
| 199 | this.taskCommentList = this.taskList; | ||
| 200 | } | ||
| 201 | }, | ||
| 202 | // 显示流程图 | ||
| 203 | async importXML (xml) { | ||
| 204 | let xmlData = this.$x2js.xml2js(xml).definitions.process; | ||
| 205 | this.selectOptions = xmlData.userTask.map(item => { | ||
| 206 | return { value: item._id, label: item._name } | ||
| 207 | }) | ||
| 208 | this.selectOptions = [{ value: xmlData.startEvent._id, label: '浏览记录' }, ...this.selectOptions] | ||
| 209 | this.selectOptions = this.selectOptions.map(item => { | ||
| 210 | if (this.formData.finishedInfo.finishedTaskSet.includes(item.value)) { | ||
| 211 | return item | ||
| 212 | } | ||
| 213 | if (this.formData.finishedInfo.unfinishedTaskSet.includes(item.value)) { | ||
| 214 | return item | ||
| 215 | } | ||
| 216 | }).filter(Boolean); | ||
| 217 | this.selectValue = xmlData.startEvent._id | ||
| 218 | this.clearViewer('a') | ||
| 219 | if (xml != null && xml !== '') { | ||
| 220 | try { | ||
| 221 | this.bpmnViewer = new BpmnViewer({ | ||
| 222 | additionalModules: [ | ||
| 223 | // 移动整个画布 | ||
| 224 | MoveCanvasModule | ||
| 225 | ], | ||
| 226 | container: this.$refs.processCanvas | ||
| 227 | }) | ||
| 228 | // 任务节点悬浮事件 | ||
| 229 | this.bpmnViewer.on('element.click', ({ element }) => { | ||
| 230 | this.onSelectElement(element) | ||
| 231 | }) | ||
| 232 | await this.bpmnViewer.importXML(xml) | ||
| 233 | this.isLoading = true | ||
| 234 | this.addCustomDefs() | ||
| 235 | } catch (e) { | ||
| 236 | this.clearViewer('b') | ||
| 237 | } finally { | ||
| 238 | this.isLoading = false | ||
| 239 | this.setProcessStatus(this.processNodeInfo) | ||
| 240 | this.$nextTick(() => { | ||
| 241 | this.processReZoom() | ||
| 242 | }) | ||
| 243 | } | ||
| 244 | } | ||
| 245 | }, | ||
| 246 | // 获取流程记录 | ||
| 247 | getCommentList() { | ||
| 248 | this.formData.allCommentList.forEach(async (item,index) => { | ||
| 249 | item.comments.forEach(element => { | ||
| 250 | if(element.type=="COMPLETE"){ | ||
| 251 | this.formData.allCommentList[index].idea=element.message | ||
| 252 | this.formData.allCommentList[index].controls="完成" | ||
| 253 | } | ||
| 254 | }); | ||
| 255 | this.formData.allCommentList[index].agent=item.assignee.name | ||
| 256 | }) | ||
| 257 | this.formData.handlinglist.forEach(async (item,index) => { | ||
| 258 | if(item.assignee.name){ | ||
| 259 | this.formData.handlinglist[index].agent=item.assignee.name | ||
| 260 | }else{ | ||
| 261 | let str="" | ||
| 262 | item.countersign.forEach((item) => { | ||
| 263 | str+=item.name+"," | ||
| 264 | }) | ||
| 265 | str=str.slice(0, -1); | ||
| 266 | this.formData.allCommentList[index].agent=str | ||
| 267 | } | ||
| 268 | |||
| 269 | }) | ||
| 270 | this.taskList =[...this.formData.allCommentList,...this.formData.handlinglist]; | ||
| 271 | // this.taskList =this.formData.allCommentList; | ||
| 272 | // 处理数据之后赋值 | ||
| 273 | this.taskCommentList=this.taskList | ||
| 274 | |||
| 275 | }, | ||
| 276 | |||
| 277 | // 设置流程图元素状态 | ||
| 278 | setProcessStatus (processNodeInfo) { | ||
| 279 | this.processNodeInfo = processNodeInfo | ||
| 280 | if (this.isLoading || this.processNodeInfo == null || this.bpmnViewer == null) return | ||
| 281 | const { finishedTaskSet, rejectedTaskSet, unfinishedTaskSet, finishedSequenceFlowSet } = this.processNodeInfo | ||
| 282 | const canvas = this.bpmnViewer.get('canvas') | ||
| 283 | const elementRegistry = this.bpmnViewer.get('elementRegistry') | ||
| 284 | if (Array.isArray(finishedSequenceFlowSet)) { | ||
| 285 | finishedSequenceFlowSet.forEach(item => { | ||
| 286 | if (item != null) { | ||
| 287 | canvas.addMarker(item, 'success') | ||
| 288 | const element = elementRegistry.get(item) | ||
| 289 | const conditionExpression = element.businessObject.conditionExpression | ||
| 290 | if (conditionExpression) { | ||
| 291 | canvas.addMarker(item, 'condition-expression') | ||
| 292 | } | ||
| 293 | } | ||
| 294 | }) | ||
| 295 | } | ||
| 296 | if (Array.isArray(finishedTaskSet)) { | ||
| 297 | finishedTaskSet.forEach(item => canvas.addMarker(item, 'success')) | ||
| 298 | } | ||
| 299 | if (Array.isArray(unfinishedTaskSet)) { | ||
| 300 | unfinishedTaskSet.forEach(item => canvas.addMarker(item, 'primary')) | ||
| 301 | } | ||
| 302 | if (Array.isArray(rejectedTaskSet)) { | ||
| 303 | rejectedTaskSet.forEach(item => { | ||
| 304 | if (item != null) { | ||
| 305 | const element = elementRegistry.get(item) | ||
| 306 | if (element.type.includes('Task')) { | ||
| 307 | canvas.addMarker(item, 'danger') | ||
| 308 | } else { | ||
| 309 | canvas.addMarker(item, 'warning') | ||
| 310 | } | ||
| 311 | } | ||
| 312 | }) | ||
| 313 | } | ||
| 314 | |||
| 315 | } | ||
| 316 | } | ||
| 317 | } | ||
| 318 | </script> | ||
| 319 | <style scoped lang="scss"> | ||
| 320 | .information-list { | ||
| 321 | height: 220px; | ||
| 322 | margin-top: 10px; | ||
| 323 | |||
| 324 | p { | ||
| 325 | font-size: 16px; | ||
| 326 | line-height: 24px; | ||
| 327 | } | ||
| 328 | } | ||
| 329 | /deep/.bjs-powered-by { | ||
| 330 | display: none; | ||
| 331 | } | ||
| 332 | // /deep/.information-list { | ||
| 333 | // height: 170px; | ||
| 334 | // overflow: visible; | ||
| 335 | // } | ||
| 336 | </style> |
| ... | @@ -143,7 +143,7 @@ export default { | ... | @@ -143,7 +143,7 @@ export default { |
| 143 | render: (h, scope) => { | 143 | render: (h, scope) => { |
| 144 | return ( | 144 | return ( |
| 145 | <div> | 145 | <div> |
| 146 | {this.$route.query.viewtype ? ( | 146 | {!this.showButton ? ( |
| 147 | <el-button | 147 | <el-button |
| 148 | icon="el-icon-view" | 148 | icon="el-icon-view" |
| 149 | type="text" | 149 | type="text" |
| ... | @@ -263,22 +263,12 @@ export default { | ... | @@ -263,22 +263,12 @@ export default { |
| 263 | }, | 263 | }, |
| 264 | // 修改 | 264 | // 修改 |
| 265 | editClick(index, row) { | 265 | editClick(index, row) { |
| 266 | // popupDialog("申请人信息", "workflow/components/addQlr", { | ||
| 267 | // showButton: this.$route.query.viewtype ? false : true, | ||
| 268 | // dataIndex :index, | ||
| 269 | // details :row, | ||
| 270 | // isaddupdate :false | ||
| 271 | // }); | ||
| 272 | this.dataIndex = index; | 266 | this.dataIndex = index; |
| 273 | this.dialog = true; | 267 | this.dialog = true; |
| 274 | this.details = row; | 268 | this.details = row; |
| 275 | this.isaddupdate = false; | 269 | this.isaddupdate = false; |
| 276 | }, | 270 | }, |
| 277 | queryViewClick(index, row) { | 271 | queryViewClick(index, row) { |
| 278 | // popupDialog("申请人信息", "workflow/components/addQlr", { | ||
| 279 | // showButton: this.$route.query.viewtype ? false : true, | ||
| 280 | // details: row, | ||
| 281 | // }); | ||
| 282 | this.dialog = true; | 272 | this.dialog = true; |
| 283 | this.details = row; | 273 | this.details = row; |
| 284 | }, | 274 | }, | ... | ... |
| ... | @@ -143,7 +143,7 @@ export default { | ... | @@ -143,7 +143,7 @@ export default { |
| 143 | render: (h, scope) => { | 143 | render: (h, scope) => { |
| 144 | return ( | 144 | return ( |
| 145 | <div> | 145 | <div> |
| 146 | {this.$route.query.viewtype ? ( | 146 | {!this.showButton? ( |
| 147 | <el-button | 147 | <el-button |
| 148 | icon="el-icon-view" | 148 | icon="el-icon-view" |
| 149 | type="text" | 149 | type="text" |
| ... | @@ -259,22 +259,12 @@ export default { | ... | @@ -259,22 +259,12 @@ export default { |
| 259 | 259 | ||
| 260 | // 修改 | 260 | // 修改 |
| 261 | editClick(index, row) { | 261 | editClick(index, row) { |
| 262 | // popupDialog("申请人信息", "workflow/components/addYwr", { | ||
| 263 | // showButton: this.$route.query.viewtype ? false : true, | ||
| 264 | // dataIndex :index, | ||
| 265 | // details :row, | ||
| 266 | // isaddupdate :false | ||
| 267 | // }); | ||
| 268 | this.dataIndex = index; | 262 | this.dataIndex = index; |
| 269 | this.dialog = true; | 263 | this.dialog = true; |
| 270 | this.details = row; | 264 | this.details = row; |
| 271 | this.isaddupdate = false; | 265 | this.isaddupdate = false; |
| 272 | }, | 266 | }, |
| 273 | queryViewClick(index, row) { | 267 | queryViewClick(index, row) { |
| 274 | // popupDialog("申请人信息", "workflow/components/addYwr", { | ||
| 275 | // showButton: this.$route.query.viewtype ? false : true, | ||
| 276 | // details: row, | ||
| 277 | // }); | ||
| 278 | this.dialog = true; | 268 | this.dialog = true; |
| 279 | this.details = row; | 269 | this.details = row; |
| 280 | }, | 270 | }, | ... | ... |
| ... | @@ -16,8 +16,7 @@ | ... | @@ -16,8 +16,7 @@ |
| 16 | :inline="flag" | 16 | :inline="flag" |
| 17 | :show-message="false" | 17 | :show-message="false" |
| 18 | inline-message | 18 | inline-message |
| 19 | label-width="145px" | 19 | label-width="145px"> |
| 20 | > | ||
| 21 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 20 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 22 | <div class="slxx_title title-block"> | 21 | <div class="slxx_title title-block"> |
| 23 | 补录信息 | 22 | 补录信息 |
| ... | @@ -52,18 +51,15 @@ | ... | @@ -52,18 +51,15 @@ |
| 52 | :table-width="550" | 51 | :table-width="550" |
| 53 | :tableData="ssQlxxList" | 52 | :tableData="ssQlxxList" |
| 54 | :props="props" | 53 | :props="props" |
| 55 | @change="ssQlxxchange" | 54 | @change="ssQlxxchange"> |
| 56 | > | ||
| 57 | <el-table-column | 55 | <el-table-column |
| 58 | prop="qllxmc" | 56 | prop="qllxmc" |
| 59 | width="130" | 57 | width="130" |
| 60 | label="权利类型" | 58 | label="权利类型"></el-table-column> |
| 61 | ></el-table-column> | ||
| 62 | <el-table-column | 59 | <el-table-column |
| 63 | prop="bdcqzh" | 60 | prop="bdcqzh" |
| 64 | width="160" | 61 | width="160" |
| 65 | label="不动产权证书" | 62 | label="不动产权证书"></el-table-column> |
| 66 | ></el-table-column> | ||
| 67 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 63 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
| 68 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 64 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
| 69 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 65 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
| ... | @@ -102,8 +98,7 @@ | ... | @@ -102,8 +98,7 @@ |
| 102 | v-for="item in djlxlist" | 98 | v-for="item in djlxlist" |
| 103 | :key="item.dcode" | 99 | :key="item.dcode" |
| 104 | :label="item.dname" | 100 | :label="item.dname" |
| 105 | :value="item.dcode" | 101 | :value="item.dcode"> |
| 106 | > | ||
| 107 | </el-option> | 102 | </el-option> |
| 108 | </el-select> | 103 | </el-select> |
| 109 | </el-form-item> | 104 | </el-form-item> |
| ... | @@ -137,8 +132,7 @@ | ... | @@ -137,8 +132,7 @@ |
| 137 | placeholder="" | 132 | placeholder="" |
| 138 | :normalizer="normalizer" | 133 | :normalizer="normalizer" |
| 139 | :show-count="true" | 134 | :show-count="true" |
| 140 | :options="dictData['A9']" | 135 | :options="dictData['A9']" /> |
| 141 | /> | ||
| 142 | </el-form-item> | 136 | </el-form-item> |
| 143 | </el-col> | 137 | </el-col> |
| 144 | <el-col :span="8"> | 138 | <el-col :span="8"> |
| ... | @@ -146,15 +140,13 @@ | ... | @@ -146,15 +140,13 @@ |
| 146 | <div style="display: flex"> | 140 | <div style="display: flex"> |
| 147 | <el-input | 141 | <el-input |
| 148 | v-model="ruleForm.fdcq2.qjjg" | 142 | v-model="ruleForm.fdcq2.qjjg" |
| 149 | style="width: 500%" | 143 | style="width: 500%"></el-input> |
| 150 | ></el-input> | ||
| 151 | <el-select v-model="ruleForm.fdcq2.jedw"> | 144 | <el-select v-model="ruleForm.fdcq2.jedw"> |
| 152 | <el-option | 145 | <el-option |
| 153 | v-for="item in dictData['A57']" | 146 | v-for="item in dictData['A57']" |
| 154 | :key="item.dcode" | 147 | :key="item.dcode" |
| 155 | :label="item.dname" | 148 | :label="item.dname" |
| 156 | :value="item.dcode" | 149 | :value="item.dcode"> |
| 157 | > | ||
| 158 | </el-option> | 150 | </el-option> |
| 159 | </el-select> | 151 | </el-select> |
| 160 | </div> | 152 | </div> |
| ... | @@ -167,8 +159,7 @@ | ... | @@ -167,8 +159,7 @@ |
| 167 | v-for="item in qsztlist" | 159 | v-for="item in qsztlist" |
| 168 | :key="item.dcode" | 160 | :key="item.dcode" |
| 169 | :label="item.dname" | 161 | :label="item.dname" |
| 170 | :value="item.dcode" | 162 | :value="item.dcode"> |
| 171 | > | ||
| 172 | </el-option> | 163 | </el-option> |
| 173 | </el-select> | 164 | </el-select> |
| 174 | </el-form-item> | 165 | </el-form-item> |
| ... | @@ -180,8 +171,7 @@ | ... | @@ -180,8 +171,7 @@ |
| 180 | v-for="item in dictData['A17']" | 171 | v-for="item in dictData['A17']" |
| 181 | :key="item.dcode" | 172 | :key="item.dcode" |
| 182 | :label="item.dname" | 173 | :label="item.dname" |
| 183 | :value="item.dcode" | 174 | :value="item.dcode"> |
| 184 | > | ||
| 185 | </el-option> | 175 | </el-option> |
| 186 | </el-select> | 176 | </el-select> |
| 187 | </el-form-item> | 177 | </el-form-item> |
| ... | @@ -203,8 +193,7 @@ | ... | @@ -203,8 +193,7 @@ |
| 203 | v-for="item in dictData['A19']" | 193 | v-for="item in dictData['A19']" |
| 204 | :key="item.dcode" | 194 | :key="item.dcode" |
| 205 | :label="item.dname" | 195 | :label="item.dname" |
| 206 | :value="item.dcode" | 196 | :value="item.dcode"> |
| 207 | > | ||
| 208 | </el-option> | 197 | </el-option> |
| 209 | </el-select> | 198 | </el-select> |
| 210 | </el-form-item> | 199 | </el-form-item> |
| ... | @@ -213,15 +202,13 @@ | ... | @@ -213,15 +202,13 @@ |
| 213 | <el-form-item | 202 | <el-form-item |
| 214 | label="房屋结构:" | 203 | label="房屋结构:" |
| 215 | prop="fdcq2.fwjg" | 204 | prop="fdcq2.fwjg" |
| 216 | :rules="rules.fwjgrules" | 205 | :rules="rules.fwjgrules"> |
| 217 | > | ||
| 218 | <el-select v-model="ruleForm.fdcq2.fwjg"> | 206 | <el-select v-model="ruleForm.fdcq2.fwjg"> |
| 219 | <el-option | 207 | <el-option |
| 220 | v-for="item in dictData['A46']" | 208 | v-for="item in dictData['A46']" |
| 221 | :key="item.dcode" | 209 | :key="item.dcode" |
| 222 | :label="item.dname" | 210 | :label="item.dname" |
| 223 | :value="item.dcode" | 211 | :value="item.dcode"> |
| 224 | > | ||
| 225 | </el-option> | 212 | </el-option> |
| 226 | </el-select> | 213 | </el-select> |
| 227 | </el-form-item> | 214 | </el-form-item> |
| ... | @@ -261,8 +248,7 @@ | ... | @@ -261,8 +248,7 @@ |
| 261 | <el-form-item | 248 | <el-form-item |
| 262 | label="不动产权证号:" | 249 | label="不动产权证号:" |
| 263 | prop="qlxx.bdcqzh" | 250 | prop="qlxx.bdcqzh" |
| 264 | :rules="rules.bdcqzhrules" | 251 | :rules="rules.bdcqzhrules"> |
| 265 | > | ||
| 266 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 252 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 267 | </el-form-item> | 253 | </el-form-item> |
| 268 | </el-col> | 254 | </el-col> |
| ... | @@ -279,8 +265,7 @@ | ... | @@ -279,8 +265,7 @@ |
| 279 | <el-form-item | 265 | <el-form-item |
| 280 | label="登记机构:" | 266 | label="登记机构:" |
| 281 | prop="qlxx.djjg" | 267 | prop="qlxx.djjg" |
| 282 | :rules="rules.djjgrules" | 268 | :rules="rules.djjgrules"> |
| 283 | > | ||
| 284 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 269 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 285 | </el-form-item> | 270 | </el-form-item> |
| 286 | </el-col> | 271 | </el-col> |
| ... | @@ -288,8 +273,7 @@ | ... | @@ -288,8 +273,7 @@ |
| 288 | <el-form-item | 273 | <el-form-item |
| 289 | label="登簿人:" | 274 | label="登簿人:" |
| 290 | prop="qlxx.dbr" | 275 | prop="qlxx.dbr" |
| 291 | :rules="rules.dbrrules" | 276 | :rules="rules.dbrrules"> |
| 292 | > | ||
| 293 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> | 277 | <el-input v-model="ruleForm.qlxx.dbr"></el-input> |
| 294 | </el-form-item> | 278 | </el-form-item> |
| 295 | </el-col> | 279 | </el-col> |
| ... | @@ -297,15 +281,13 @@ | ... | @@ -297,15 +281,13 @@ |
| 297 | <el-form-item | 281 | <el-form-item |
| 298 | label="登记时间:" | 282 | label="登记时间:" |
| 299 | prop="qlxx.djsj" | 283 | prop="qlxx.djsj" |
| 300 | :rules="rules.djsjrules" | 284 | :rules="rules.djsjrules"> |
| 301 | > | ||
| 302 | <el-date-picker | 285 | <el-date-picker |
| 303 | v-model="ruleForm.qlxx.djsj" | 286 | v-model="ruleForm.qlxx.djsj" |
| 304 | type="date" | 287 | type="date" |
| 305 | placeholder="选择日期" | 288 | placeholder="选择日期" |
| 306 | value-format="yyyy-MM-dd HH:mm:ss" | 289 | value-format="yyyy-MM-dd HH:mm:ss" |
| 307 | format="yyyy-MM-dd" | 290 | format="yyyy-MM-dd"> |
| 308 | > | ||
| 309 | </el-date-picker> | 291 | </el-date-picker> |
| 310 | </el-form-item> | 292 | </el-form-item> |
| 311 | </el-col> | 293 | </el-col> |
| ... | @@ -331,8 +313,7 @@ | ... | @@ -331,8 +313,7 @@ |
| 331 | <tdytTable | 313 | <tdytTable |
| 332 | :tableData="ruleForm.tdytqxList" | 314 | :tableData="ruleForm.tdytqxList" |
| 333 | @upDateTdytxxList="upDateTdytxxList" | 315 | @upDateTdytxxList="upDateTdytxxList" |
| 334 | :ableOperation="ableOperation" | 316 | :ableOperation="ableOperation" /> |
| 335 | /> | ||
| 336 | <div class="slxx_title title-block"> | 317 | <div class="slxx_title title-block"> |
| 337 | 权利人信息 | 318 | 权利人信息 |
| 338 | <div class="triangle"></div> | 319 | <div class="triangle"></div> |
| ... | @@ -342,8 +323,7 @@ | ... | @@ -342,8 +323,7 @@ |
| 342 | <el-form-item label="共有方式:"> | 323 | <el-form-item label="共有方式:"> |
| 343 | <el-radio-group | 324 | <el-radio-group |
| 344 | :disabled="!ableOperation" | 325 | :disabled="!ableOperation" |
| 345 | v-model="ruleForm.qlxx.gyfs" | 326 | v-model="ruleForm.qlxx.gyfs"> |
| 346 | > | ||
| 347 | <el-radio label="0">单独所有</el-radio> | 327 | <el-radio label="0">单独所有</el-radio> |
| 348 | <el-radio label="1">共同共有</el-radio> | 328 | <el-radio label="1">共同共有</el-radio> |
| 349 | <el-radio label="2">按份所有</el-radio> | 329 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -357,8 +337,7 @@ | ... | @@ -357,8 +337,7 @@ |
| 357 | @upDateQlrxxList="upDateQlrxxList" | 337 | @upDateQlrxxList="upDateQlrxxList" |
| 358 | :ableOperation="ableOperation" | 338 | :ableOperation="ableOperation" |
| 359 | :key="key" | 339 | :key="key" |
| 360 | :gyfs="ruleForm.qlxx.gyfs" | 340 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 361 | /> | ||
| 362 | </div> | 341 | </div> |
| 363 | <el-row class="btn" v-if="ableOperation"> | 342 | <el-row class="btn" v-if="ableOperation"> |
| 364 | <el-form-item> | 343 | <el-form-item> |
| ... | @@ -369,21 +348,21 @@ | ... | @@ -369,21 +348,21 @@ |
| 369 | </div> | 348 | </div> |
| 370 | </template> | 349 | </template> |
| 371 | <script> | 350 | <script> |
| 372 | import { mapGetters } from "vuex"; | 351 | import { mapGetters } from "vuex"; |
| 373 | import { init,getSsQlxx, save } from "@/api/djbRepair.js"; | 352 | import { init, getSsQlxx, save } from "@/api/djbRepair.js"; |
| 374 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 353 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
| 375 | import selectTable from "@/components/selectTable/index.vue"; | 354 | import selectTable from "@/components/selectTable/index.vue"; |
| 376 | import tdytTable from "@/views/workflow/components/tdytTable"; | 355 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 377 | // import the component | 356 | // import the component |
| 378 | // import Treeselect from '@riophae/vue-treeselect' | 357 | // import Treeselect from '@riophae/vue-treeselect' |
| 379 | // // import the styles | 358 | // // import the styles |
| 380 | // import '@riophae/vue-treeselect/dist/vue-treeselect.css' | 359 | // import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
| 381 | export default { | 360 | export default { |
| 382 | components: { qlrCommonTable, tdytTable,selectTable}, | 361 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 383 | computed: { | 362 | computed: { |
| 384 | ...mapGetters(["dictData", "flag"]), | 363 | ...mapGetters(["dictData", "flag"]), |
| 385 | // 根据流程判断表单是否为只读 | 364 | // 根据流程判断表单是否为只读 |
| 386 | editDisabled() { | 365 | editDisabled () { |
| 387 | if (!this.ableOperation) { | 366 | if (!this.ableOperation) { |
| 388 | //只读状态 | 367 | //只读状态 |
| 389 | return true; | 368 | return true; |
| ... | @@ -391,15 +370,15 @@ export default { | ... | @@ -391,15 +370,15 @@ export default { |
| 391 | return false; | 370 | return false; |
| 392 | }, | 371 | }, |
| 393 | }, | 372 | }, |
| 394 | data() { | 373 | data () { |
| 395 | return { | 374 | return { |
| 396 | ssqlxxshow:true, | 375 | ssqlxxshow: true, |
| 397 | props: { | 376 | props: { |
| 398 | label: "bdcqzh", | 377 | label: "bdcqzh", |
| 399 | value: "bdcdyid", | 378 | value: "bdcdyid", |
| 400 | }, | 379 | }, |
| 401 | // 键名转换,方法默认是label和children进行树状渲染 | 380 | // 键名转换,方法默认是label和children进行树状渲染 |
| 402 | normalizer(node) { | 381 | normalizer (node) { |
| 403 | //方法 | 382 | //方法 |
| 404 | if (node.children == null || node.children == "null") { | 383 | if (node.children == null || node.children == "null") { |
| 405 | delete node.children; | 384 | delete node.children; |
| ... | @@ -468,23 +447,23 @@ export default { | ... | @@ -468,23 +447,23 @@ export default { |
| 468 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], | 447 | djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], |
| 469 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 448 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 470 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 449 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], |
| 471 | fwjgrules: [{ required: true, message: "房屋结构", trigger: "blur" }], | 450 | fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }], |
| 472 | djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }], | 451 | djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], |
| 473 | }, | 452 | }, |
| 474 | }; | 453 | }; |
| 475 | }, | 454 | }, |
| 476 | created() {}, | 455 | created () { }, |
| 477 | mounted() { | 456 | mounted () { |
| 478 | this.loadData(); | 457 | this.loadData(); |
| 479 | this.ableOperation = this.$parent.ableOperation; | 458 | this.ableOperation = this.$parent.ableOperation; |
| 480 | }, | 459 | }, |
| 481 | methods: { | 460 | methods: { |
| 482 | ssQlxxchange(val) { | 461 | ssQlxxchange (val) { |
| 483 | this.ruleForm.ssQlxx = val; | 462 | this.ruleForm.ssQlxx = val; |
| 484 | this.ruleForm.qlxx.ssywh = val.ssywh; | 463 | this.ruleForm.qlxx.ssywh = val.ssywh; |
| 485 | }, | 464 | }, |
| 486 | djlxchange(val) { | 465 | djlxchange (val) { |
| 487 | console.log("val",val); | 466 | console.log("val", val); |
| 488 | if (val == null || val == 100) { | 467 | if (val == null || val == 100) { |
| 489 | this.ssqlxxshow = false; | 468 | this.ssqlxxshow = false; |
| 490 | } else { | 469 | } else { |
| ... | @@ -492,7 +471,7 @@ export default { | ... | @@ -492,7 +471,7 @@ export default { |
| 492 | } | 471 | } |
| 493 | }, | 472 | }, |
| 494 | 473 | ||
| 495 | loadData() { | 474 | loadData () { |
| 496 | this.$startLoading(); | 475 | this.$startLoading(); |
| 497 | this.propsParam.isEdit = this.$parent.isEdit; | 476 | this.propsParam.isEdit = this.$parent.isEdit; |
| 498 | init(this.propsParam).then((res) => { | 477 | init(this.propsParam).then((res) => { |
| ... | @@ -523,22 +502,22 @@ export default { | ... | @@ -523,22 +502,22 @@ export default { |
| 523 | }); | 502 | }); |
| 524 | }, | 503 | }, |
| 525 | // 更新土地用途信息 | 504 | // 更新土地用途信息 |
| 526 | upDateTdytxxList(val) { | 505 | upDateTdytxxList (val) { |
| 527 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 506 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 528 | this.key++; | 507 | this.key++; |
| 529 | }, | 508 | }, |
| 530 | // 更新权利人信息 | 509 | // 更新权利人信息 |
| 531 | upDateQlrxxList(val) { | 510 | upDateQlrxxList (val) { |
| 532 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 511 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
| 533 | this.czrOptions = this.ruleForm.qlrData; | 512 | this.czrOptions = this.ruleForm.qlrData; |
| 534 | this.key++; | 513 | this.key++; |
| 535 | }, | 514 | }, |
| 536 | // 更新义务人信息 | 515 | // 更新义务人信息 |
| 537 | upDateYwrxxList(val) { | 516 | upDateYwrxxList (val) { |
| 538 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | 517 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); |
| 539 | this.key++; | 518 | this.key++; |
| 540 | }, | 519 | }, |
| 541 | onSubmit() { | 520 | onSubmit () { |
| 542 | this.$refs.ruleForm.validate((valid) => { | 521 | this.$refs.ruleForm.validate((valid) => { |
| 543 | if (valid) { | 522 | if (valid) { |
| 544 | if (this.ruleForm.qlrData.length == 0) { | 523 | if (this.ruleForm.qlrData.length == 0) { |
| ... | @@ -549,14 +528,6 @@ export default { | ... | @@ -549,14 +528,6 @@ export default { |
| 549 | }); | 528 | }); |
| 550 | return false; | 529 | return false; |
| 551 | } | 530 | } |
| 552 | if (this.ruleForm.ywrData.length == 0) { | ||
| 553 | this.$message({ | ||
| 554 | showClose: true, | ||
| 555 | message: "请确认义务人信息", | ||
| 556 | type: "error", | ||
| 557 | }); | ||
| 558 | return false; | ||
| 559 | } | ||
| 560 | if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) { | 531 | if (this.ruleForm.tdytqxList.length == 0 && !this.tdxz) { |
| 561 | this.$message({ | 532 | this.$message({ |
| 562 | showClose: true, | 533 | showClose: true, |
| ... | @@ -629,9 +600,9 @@ export default { | ... | @@ -629,9 +600,9 @@ export default { |
| 629 | }); | 600 | }); |
| 630 | }, | 601 | }, |
| 631 | }, | 602 | }, |
| 632 | }; | 603 | }; |
| 633 | </script> | 604 | </script> |
| 634 | <style scoped lang="scss"> | 605 | <style scoped lang="scss"> |
| 635 | @import "~@/styles/public.scss"; | 606 | @import "~@/styles/public.scss"; |
| 636 | @import "~@/styles/slxx/slxx.scss"; | 607 | @import "~@/styles/slxx/slxx.scss"; |
| 637 | </style> | 608 | </style> | ... | ... |
| ... | @@ -224,7 +224,7 @@ | ... | @@ -224,7 +224,7 @@ |
| 224 | /> | 224 | /> |
| 225 | </div> | 225 | </div> |
| 226 | </div> | 226 | </div> |
| 227 | <el-row class="btn" v-if="!$route.query.viewtype"> | 227 | <el-row class="btn" v-if="ableOperation"> |
| 228 | <el-form-item> | 228 | <el-form-item> |
| 229 | <el-button type="primary" @click="onSubmit">保存</el-button> | 229 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 230 | </el-form-item> | 230 | </el-form-item> | ... | ... |
| ... | @@ -71,7 +71,7 @@ | ... | @@ -71,7 +71,7 @@ |
| 71 | import { getForm } from "./flowform"; | 71 | import { getForm } from "./flowform"; |
| 72 | import { getStepFormInfo } from "@/api/workFlow.js"; | 72 | import { getStepFormInfo } from "@/api/workFlow.js"; |
| 73 | import NoticeBar from "@/components/NoticeBar/index"; | 73 | import NoticeBar from "@/components/NoticeBar/index"; |
| 74 | import ProcessViewer from "./components/processViewer.vue"; | 74 | // import ProcessViewer from "./components/processViewer.vue"; |
| 75 | 75 | ||
| 76 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 76 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
| 77 | import qllxDailog from "./djbBook/components/qllxDailog"; | 77 | import qllxDailog from "./djbBook/components/qllxDailog"; |
| ... | @@ -86,7 +86,6 @@ | ... | @@ -86,7 +86,6 @@ |
| 86 | components: { | 86 | components: { |
| 87 | selectBdc, | 87 | selectBdc, |
| 88 | NoticeBar, | 88 | NoticeBar, |
| 89 | ProcessViewer, | ||
| 90 | ordinaryMenu, | 89 | ordinaryMenu, |
| 91 | qllxDailog, | 90 | qllxDailog, |
| 92 | }, | 91 | }, | ... | ... |
| ... | @@ -71,7 +71,7 @@ | ... | @@ -71,7 +71,7 @@ |
| 71 | import { getForm } from "./flowform"; | 71 | import { getForm } from "./flowform"; |
| 72 | import { getBlYbxStepFormInfo } from "@/api/workFlow.js"; | 72 | import { getBlYbxStepFormInfo } from "@/api/workFlow.js"; |
| 73 | import NoticeBar from "@/components/NoticeBar/index"; | 73 | import NoticeBar from "@/components/NoticeBar/index"; |
| 74 | import ProcessViewer from "./components/processViewer.vue"; | 74 | // import ProcessViewer from "./components/processViewer.vue"; |
| 75 | // 引入左侧菜单 | 75 | // 引入左侧菜单 |
| 76 | import { leftMenubl } from "@/api/djbRepair.js"; | 76 | import { leftMenubl } from "@/api/djbRepair.js"; |
| 77 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 77 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
| ... | @@ -86,7 +86,6 @@ | ... | @@ -86,7 +86,6 @@ |
| 86 | components: { | 86 | components: { |
| 87 | selectBdc, | 87 | selectBdc, |
| 88 | NoticeBar, | 88 | NoticeBar, |
| 89 | ProcessViewer, | ||
| 90 | ordinaryMenu, | 89 | ordinaryMenu, |
| 91 | qllxDailog, | 90 | qllxDailog, |
| 92 | }, | 91 | }, | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-07-19 16:04:43 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <dialogBox title="新增法律法规" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%" | 7 | <dialogBox title="新增法律法规" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%" |
| 3 | @closeDialog="closeDialog" v-model="value"> | 8 | @closeDialog="closeDialog" v-model="value"> |
| ... | @@ -25,9 +30,9 @@ | ... | @@ -25,9 +30,9 @@ |
| 25 | </template> | 30 | </template> |
| 26 | 31 | ||
| 27 | <script> | 32 | <script> |
| 28 | import { addSysNotice } from "@/api/sysNotice.js" | 33 | import { addSysNotice } from "@/api/sysNotice.js" |
| 29 | import { upload } from "@/api/file.js" | 34 | import { upload } from "@/api/file.js" |
| 30 | export default { | 35 | export default { |
| 31 | props: { | 36 | props: { |
| 32 | value: { type: Boolean, default: false }, | 37 | value: { type: Boolean, default: false }, |
| 33 | }, | 38 | }, |
| ... | @@ -89,8 +94,7 @@ export default { | ... | @@ -89,8 +94,7 @@ export default { |
| 89 | }) | 94 | }) |
| 90 | }, | 95 | }, |
| 91 | } | 96 | } |
| 92 | } | 97 | } |
| 93 | </script> | 98 | </script> |
| 94 | <style scoped lang="scss"> | 99 | <style scoped lang="scss"> |
| 95 | |||
| 96 | </style> | 100 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-07-19 16:04:47 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| 3 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
| ... | @@ -29,11 +34,11 @@ | ... | @@ -29,11 +34,11 @@ |
| 29 | </div> | 34 | </div> |
| 30 | </template> | 35 | </template> |
| 31 | <script> | 36 | <script> |
| 32 | import table from "@/utils/mixin/table"; | 37 | import table from "@/utils/mixin/table"; |
| 33 | import { datas, sendThis } from "./flfgdata"; | 38 | import { datas, sendThis } from "./flfgdata"; |
| 34 | import { getSysPolicyList, deleteSysNotice } from "@/api/sysNotice.js" | 39 | import { getSysPolicyList, deleteSysNotice } from "@/api/sysNotice.js" |
| 35 | import addDialog from "./components/addDialog.vue"; | 40 | import addDialog from "./components/addDialog.vue"; |
| 36 | export default { | 41 | export default { |
| 37 | name: "flfg", | 42 | name: "flfg", |
| 38 | components: { addDialog }, | 43 | components: { addDialog }, |
| 39 | mixins: [table], | 44 | mixins: [table], |
| ... | @@ -100,8 +105,8 @@ export default { | ... | @@ -100,8 +105,8 @@ export default { |
| 100 | }); | 105 | }); |
| 101 | }, | 106 | }, |
| 102 | }, | 107 | }, |
| 103 | }; | 108 | }; |
| 104 | </script> | 109 | </script> |
| 105 | <style scoped lang="scss"> | 110 | <style scoped lang="scss"> |
| 106 | @import "~@/styles/public.scss"; | 111 | @import "~@/styles/public.scss"; |
| 107 | </style> | 112 | </style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-07-19 16:04:58 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div> | 7 | <div> |
| 3 | <div class="qtjfjmb-edit-title"> | 8 | <div class="qtjfjmb-edit-title"> |
| ... | @@ -117,8 +122,8 @@ | ... | @@ -117,8 +122,8 @@ |
| 117 | </template> | 122 | </template> |
| 118 | 123 | ||
| 119 | <script> | 124 | <script> |
| 120 | import { updateSysSqywmbsz, getSysSqywmbszDetailById } from '@/api/sysSqywmbsz' | 125 | import { updateSysSqywmbsz, getSysSqywmbszDetailById } from '@/api/sysSqywmbsz' |
| 121 | export default { | 126 | export default { |
| 122 | props: { | 127 | props: { |
| 123 | formData: { | 128 | formData: { |
| 124 | type: Object, | 129 | type: Object, |
| ... | @@ -216,19 +221,19 @@ export default { | ... | @@ -216,19 +221,19 @@ export default { |
| 216 | }) | 221 | }) |
| 217 | } | 222 | } |
| 218 | } | 223 | } |
| 219 | } | 224 | } |
| 220 | </script> | 225 | </script> |
| 221 | <style scoped lang="scss"> | 226 | <style scoped lang="scss"> |
| 222 | @import "~@/styles/mixin.scss"; | 227 | @import "~@/styles/mixin.scss"; |
| 223 | @import "~@/styles/dialogBoxheader.scss"; | 228 | @import "~@/styles/dialogBoxheader.scss"; |
| 224 | 229 | ||
| 225 | .qtjfjmb-edit-title { | 230 | .qtjfjmb-edit-title { |
| 226 | padding-bottom: 10px; | 231 | padding-bottom: 10px; |
| 227 | border-bottom: 1px solid $borderColor; | 232 | border-bottom: 1px solid $borderColor; |
| 228 | margin-bottom: 10px; | 233 | margin-bottom: 10px; |
| 229 | } | 234 | } |
| 230 | 235 | ||
| 231 | ul { | 236 | ul { |
| 232 | @include flex; | 237 | @include flex; |
| 233 | border-radius: 5px; | 238 | border-radius: 5px; |
| 234 | overflow: hidden; | 239 | overflow: hidden; |
| ... | @@ -252,5 +257,5 @@ ul { | ... | @@ -252,5 +257,5 @@ ul { |
| 252 | @extend .active; | 257 | @extend .active; |
| 253 | } | 258 | } |
| 254 | } | 259 | } |
| 255 | } | 260 | } |
| 256 | </style> | 261 | </style> | ... | ... |
| ... | @@ -38,6 +38,7 @@ | ... | @@ -38,6 +38,7 @@ |
| 38 | }, | 38 | }, |
| 39 | data () { | 39 | data () { |
| 40 | return { | 40 | return { |
| 41 | isDisabled: this.disabled, | ||
| 41 | key: 0, | 42 | key: 0, |
| 42 | dataIndex: 0, | 43 | dataIndex: 0, |
| 43 | dialog: false, | 44 | dialog: false, |
| ... | @@ -48,7 +49,7 @@ | ... | @@ -48,7 +49,7 @@ |
| 48 | width: '50', | 49 | width: '50', |
| 49 | renderHeader: (h, scope) => { | 50 | renderHeader: (h, scope) => { |
| 50 | return <div> { | 51 | return <div> { |
| 51 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | 52 | this.isDisabled? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> |
| 52 | } | 53 | } |
| 53 | </div> | 54 | </div> |
| 54 | }, | 55 | }, |
| ... | @@ -56,7 +57,7 @@ | ... | @@ -56,7 +57,7 @@ |
| 56 | return ( | 57 | return ( |
| 57 | <div> | 58 | <div> |
| 58 | { | 59 | { |
| 59 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 60 | this.isDisabled? <span>{scope.$index + 1}</span> : |
| 60 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | 61 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> |
| 61 | } | 62 | } |
| 62 | </div> | 63 | </div> |
| ... | @@ -88,7 +89,7 @@ | ... | @@ -88,7 +89,7 @@ |
| 88 | return ( | 89 | return ( |
| 89 | <div> | 90 | <div> |
| 90 | { | 91 | { |
| 91 | this.$route.query.viewtype == 1 ? <el-button | 92 | this.isDisabled? <el-button |
| 92 | icon="el-icon-view" | 93 | icon="el-icon-view" |
| 93 | type="text" | 94 | type="text" |
| 94 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }} disabled={this.isDisabled}>查看</el-button> : <el-button | 95 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }} disabled={this.isDisabled}>查看</el-button> : <el-button | ... | ... |
| ... | @@ -74,7 +74,7 @@ | ... | @@ -74,7 +74,7 @@ |
| 74 | return ( | 74 | return ( |
| 75 | <div> | 75 | <div> |
| 76 | { | 76 | { |
| 77 | this.$route.query.viewtype == 1 ? '序号' : | 77 | this.ableOperation? '序号' : |
| 78 | <i | 78 | <i |
| 79 | class="el-icon-plus pointer" | 79 | class="el-icon-plus pointer" |
| 80 | onClick={() => { | 80 | onClick={() => { |
| ... | @@ -91,7 +91,7 @@ | ... | @@ -91,7 +91,7 @@ |
| 91 | return ( | 91 | return ( |
| 92 | <div> | 92 | <div> |
| 93 | { | 93 | { |
| 94 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 94 | this.ableOperation? <span>{scope.$index + 1}</span> : |
| 95 | <i | 95 | <i |
| 96 | class="el-icon-minus pointer" | 96 | class="el-icon-minus pointer" |
| 97 | 97 | ... | ... |
| ... | @@ -23,7 +23,7 @@ | ... | @@ -23,7 +23,7 @@ |
| 23 | </div> | 23 | </div> |
| 24 | </div> | 24 | </div> |
| 25 | <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" | 25 | <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" |
| 26 | v-if="!this.$route.query.viewtype && ableOperation">新增</el-button> | 26 | v-if="ableOperation">新增</el-button> |
| 27 | </div> | 27 | </div> |
| 28 | <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" :ableOperation="ableOperation" @updateList="updateList" | 28 | <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" :ableOperation="ableOperation" @updateList="updateList" |
| 29 | @nextPriview="nextPriview" | 29 | @nextPriview="nextPriview" | ... | ... |
| ... | @@ -8,7 +8,7 @@ | ... | @@ -8,7 +8,7 @@ |
| 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" | 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" |
| 9 | :data="tableDataList"> | 9 | :data="tableDataList"> |
| 10 | </lb-table> | 10 | </lb-table> |
| 11 | <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> | 11 | <addQlr v-model="dialog" :details="details" :showButton="!isDisabled" @updateDetail="handleupdateDetail" /> |
| 12 | </div> | 12 | </div> |
| 13 | </template> | 13 | </template> |
| 14 | <script> | 14 | <script> |
| ... | @@ -44,7 +44,6 @@ | ... | @@ -44,7 +44,6 @@ |
| 44 | dataIndex: 0, | 44 | dataIndex: 0, |
| 45 | dialog: false, | 45 | dialog: false, |
| 46 | isaddupdate: false, | 46 | isaddupdate: false, |
| 47 | showButton: this.$route.query.viewtype ? false : true, | ||
| 48 | isDisabled: this.disabled, | 47 | isDisabled: this.disabled, |
| 49 | details: {}, | 48 | details: {}, |
| 50 | tableDataList: [], | 49 | tableDataList: [], |
| ... | @@ -53,7 +52,7 @@ | ... | @@ -53,7 +52,7 @@ |
| 53 | width: '50', | 52 | width: '50', |
| 54 | renderHeader: (h, scope) => { | 53 | renderHeader: (h, scope) => { |
| 55 | return <div> { | 54 | return <div> { |
| 56 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | 55 | this.isDisabled? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> |
| 57 | } | 56 | } |
| 58 | </div> | 57 | </div> |
| 59 | }, | 58 | }, |
| ... | @@ -61,7 +60,7 @@ | ... | @@ -61,7 +60,7 @@ |
| 61 | return ( | 60 | return ( |
| 62 | <div> | 61 | <div> |
| 63 | { | 62 | { |
| 64 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 63 | this.isDisabled? <span>{scope.$index + 1}</span> : |
| 65 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | 64 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> |
| 66 | } | 65 | } |
| 67 | </div> | 66 | </div> |
| ... | @@ -104,7 +103,7 @@ | ... | @@ -104,7 +103,7 @@ |
| 104 | return ( | 103 | return ( |
| 105 | <div> | 104 | <div> |
| 106 | { | 105 | { |
| 107 | this.$route.query.viewtype ? <el-button | 106 | this.isDisabled ? <el-button |
| 108 | icon="el-icon-view" | 107 | icon="el-icon-view" |
| 109 | type="text" | 108 | type="text" |
| 110 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }} disabled={this.isDisabled} > 查看</el-button> : <el-button | 109 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }} disabled={this.isDisabled} > 查看</el-button> : <el-button |
| ... | @@ -239,7 +238,7 @@ | ... | @@ -239,7 +238,7 @@ |
| 239 | /deep/.el-table th { | 238 | /deep/.el-table th { |
| 240 | height: 30px !important; | 239 | height: 30px !important; |
| 241 | } | 240 | } |
| 242 | /deep/.el-table--small .el-table__cell { | 241 | /deep/.el-table .cell { |
| 243 | padding: 3px; | 242 | padding-right: 12px; |
| 244 | } | 243 | } |
| 245 | </style> | 244 | </style> | ... | ... |
| ... | @@ -83,11 +83,7 @@ | ... | @@ -83,11 +83,7 @@ |
| 83 | }, | 83 | }, |
| 84 | }, | 84 | }, |
| 85 | mounted () { | 85 | mounted () { |
| 86 | this.propsParam.isEdit=this.$parent.isEdit | 86 | this.ableOperation = this.$parent.ableOperation; |
| 87 | this.propsParam = this.$attrs; | ||
| 88 | if (this.$route.query.viewtype) { | ||
| 89 | this.ableOperation = false | ||
| 90 | } | ||
| 91 | this.list(); | 87 | this.list(); |
| 92 | }, | 88 | }, |
| 93 | methods: { | 89 | methods: { |
| ... | @@ -98,7 +94,7 @@ | ... | @@ -98,7 +94,7 @@ |
| 98 | var formdata = new FormData(); | 94 | var formdata = new FormData(); |
| 99 | formdata.append("bsmBusiness", this.propsParam.bsmBusiness); | 95 | formdata.append("bsmBusiness", this.propsParam.bsmBusiness); |
| 100 | formdata.append("bestepid", this.$route.query.bestepid); | 96 | formdata.append("bestepid", this.$route.query.bestepid); |
| 101 | formdata.append("ableOperation", this.ableOperation) | 97 | // formdata.append("ableOperation", this.ableOperation) |
| 102 | getSpyjList(formdata).then((res) => { | 98 | getSpyjList(formdata).then((res) => { |
| 103 | this.$endLoading() | 99 | this.$endLoading() |
| 104 | if (res.code === 200 && res.result) { | 100 | if (res.code === 200 && res.result) { | ... | ... |
| ... | @@ -41,7 +41,7 @@ | ... | @@ -41,7 +41,7 @@ |
| 41 | width: '50', | 41 | width: '50', |
| 42 | renderHeader: (h, scope) => { | 42 | renderHeader: (h, scope) => { |
| 43 | return <div> { | 43 | return <div> { |
| 44 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> | 44 | this.ableOperation ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> |
| 45 | } | 45 | } |
| 46 | </div> | 46 | </div> |
| 47 | }, | 47 | }, |
| ... | @@ -49,7 +49,7 @@ | ... | @@ -49,7 +49,7 @@ |
| 49 | return ( | 49 | return ( |
| 50 | <div> | 50 | <div> |
| 51 | { | 51 | { |
| 52 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | 52 | this.ableOperation ? <span>{scope.$index + 1}</span> : |
| 53 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> | 53 | <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> |
| 54 | } | 54 | } |
| 55 | </div> | 55 | </div> | ... | ... |
| ... | @@ -63,7 +63,7 @@ | ... | @@ -63,7 +63,7 @@ |
| 63 | import { getStepFormInfo, unClaimTask } from "@/api/workFlow.js" | 63 | import { getStepFormInfo, unClaimTask } from "@/api/workFlow.js" |
| 64 | import { getForm } from "./flowform" | 64 | import { getForm } from "./flowform" |
| 65 | import NoticeBar from "@/components/NoticeBar/index" | 65 | import NoticeBar from "@/components/NoticeBar/index" |
| 66 | import ProcessViewer from "./components/processViewer.vue" | 66 | // import ProcessViewer from "./components/processViewer.vue" |
| 67 | // 引入左侧菜单 | 67 | // 引入左侧菜单 |
| 68 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue" | 68 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue" |
| 69 | // 引入左侧菜单 | 69 | // 引入左侧菜单 |
| ... | @@ -73,7 +73,6 @@ | ... | @@ -73,7 +73,6 @@ |
| 73 | components: { | 73 | components: { |
| 74 | selectBdc, | 74 | selectBdc, |
| 75 | NoticeBar, | 75 | NoticeBar, |
| 76 | ProcessViewer, | ||
| 77 | ordinaryMenu, | 76 | ordinaryMenu, |
| 78 | segmentMenu | 77 | segmentMenu |
| 79 | }, | 78 | }, | ... | ... |
| ... | @@ -64,12 +64,12 @@ | ... | @@ -64,12 +64,12 @@ |
| 64 | <el-row :gutter="10"> | 64 | <el-row :gutter="10"> |
| 65 | <el-col :span="8"> | 65 | <el-col :span="8"> |
| 66 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:" prop="cfdj.cfjg"> | 66 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:" prop="cfdj.cfjg"> |
| 67 | <el-input v-model="ruleForm.cfdjList[0].cfjg" :disabled="$route.query.viewtype || isJfOperation"></el-input> | 67 | <el-input v-model="ruleForm.cfdjList[0].cfjg" :disabled="!ableOperation|| isJfOperation"></el-input> |
| 68 | </el-form-item> | 68 | </el-form-item> |
| 69 | </el-col> | 69 | </el-col> |
| 70 | <el-col :span="8"> | 70 | <el-col :span="8"> |
| 71 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh"> | 71 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh"> |
| 72 | <el-input v-model="ruleForm.cfdjList[0].cfwh" :disabled="$route.query.viewtype || isJfOperation"></el-input> | 72 | <el-input v-model="ruleForm.cfdjList[0].cfwh" :disabled="!ableOperation|| isJfOperation"></el-input> |
| 73 | </el-form-item> | 73 | </el-form-item> |
| 74 | </el-col> | 74 | </el-col> |
| 75 | <!-- 批量查封状态有多种查封类型,不予展示 --> | 75 | <!-- 批量查封状态有多种查封类型,不予展示 --> |
| ... | @@ -82,19 +82,19 @@ | ... | @@ -82,19 +82,19 @@ |
| 82 | <el-row :gutter="10"> | 82 | <el-row :gutter="10"> |
| 83 | <el-col :span="8"> | 83 | <el-col :span="8"> |
| 84 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限:" prop="cfdj.cfqx"> | 84 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限:" prop="cfdj.cfqx"> |
| 85 | <el-input v-model="ruleForm.cfdjList[0].cfqx" :disabled="$route.query.viewtype || isJfOperation"></el-input> | 85 | <el-input v-model="ruleForm.cfdjList[0].cfqx" :disabled="!ableOperation|| isJfOperation"></el-input> |
| 86 | </el-form-item> | 86 | </el-form-item> |
| 87 | </el-col> | 87 | </el-col> |
| 88 | <el-col :span="8"> | 88 | <el-col :span="8"> |
| 89 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj"> | 89 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj"> |
| 90 | <el-date-picker v-model="ruleForm.cfdjList[0].cfqssj" class="width100" type="date" placeholder="选择日期" | 90 | <el-date-picker v-model="ruleForm.cfdjList[0].cfqssj" class="width100" type="date" placeholder="选择日期" |
| 91 | value-format="yyyy-MM-dd" :disabled="$route.query.viewtype || isJfOperation"></el-date-picker> | 91 | value-format="yyyy-MM-dd" :disabled="!ableOperation|| isJfOperation"></el-date-picker> |
| 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 :class="flag ? 'marginBot0' : ''" label="查封结束时间:" prop="cfdj.cfjssj"> | 95 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间:" prop="cfdj.cfjssj"> |
| 96 | <el-date-picker v-model="ruleForm.cfdjList[0].cfjssj" class="width100" | 96 | <el-date-picker v-model="ruleForm.cfdjList[0].cfjssj" class="width100" |
| 97 | :disabled="$route.query.viewtype || isJfOperation" type="date" placeholder="选择日期" | 97 | :disabled="!ableOperation|| isJfOperation" type="date" placeholder="选择日期" |
| 98 | value-format="yyyy-MM-dd"></el-date-picker> | 98 | value-format="yyyy-MM-dd"></el-date-picker> |
| 99 | </el-form-item> | 99 | </el-form-item> |
| 100 | </el-col> | 100 | </el-col> |
| ... | @@ -102,19 +102,19 @@ | ... | @@ -102,19 +102,19 @@ |
| 102 | <el-row :gutter="10"> | 102 | <el-row :gutter="10"> |
| 103 | <el-col :span="8"> | 103 | <el-col :span="8"> |
| 104 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj"> | 104 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj"> |
| 105 | <el-input v-model="ruleForm.cfdjList[0].cfwj" :disabled="$route.query.viewtype || isJfOperation"></el-input> | 105 | <el-input v-model="ruleForm.cfdjList[0].cfwj" :disabled="!ableOperation|| isJfOperation"></el-input> |
| 106 | </el-form-item> | 106 | </el-form-item> |
| 107 | </el-col> | 107 | </el-col> |
| 108 | <el-col :span="16"> | 108 | <el-col :span="16"> |
| 109 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw"> | 109 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw"> |
| 110 | <el-input v-model="ruleForm.cfdjList[0].cffw" :disabled="$route.query.viewtype || isJfOperation"></el-input> | 110 | <el-input v-model="ruleForm.cfdjList[0].cffw" :disabled="!ableOperation|| isJfOperation"></el-input> |
| 111 | </el-form-item> | 111 | </el-form-item> |
| 112 | </el-col> | 112 | </el-col> |
| 113 | </el-row> | 113 | </el-row> |
| 114 | <el-row :gutter="10"> | 114 | <el-row :gutter="10"> |
| 115 | <el-col :span="24"> | 115 | <el-col :span="24"> |
| 116 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="cfdj.fj"> | 116 | <el-form-item :class="flag ? 'marginBot0' : ''" label="附记:" prop="cfdj.fj"> |
| 117 | <el-input v-model="ruleForm.cfdjList[0].fj" type="textarea" :disabled="$route.query.viewtype || isJfOperation"> | 117 | <el-input v-model="ruleForm.cfdjList[0].fj" type="textarea" :disabled="!ableOperation|| isJfOperation"> |
| 118 | </el-input> | 118 | </el-input> |
| 119 | </el-form-item> | 119 | </el-form-item> |
| 120 | </el-col> | 120 | </el-col> |
| ... | @@ -123,7 +123,7 @@ | ... | @@ -123,7 +123,7 @@ |
| 123 | <el-col> | 123 | <el-col> |
| 124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy"> | 124 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="cfdj.djyy"> |
| 125 | <el-input class="textArea" type="textarea" v-model="ruleForm.cfdjList[0].djyy" | 125 | <el-input class="textArea" type="textarea" v-model="ruleForm.cfdjList[0].djyy" |
| 126 | :disabled="$route.query.viewtype || isJfOperation"></el-input> | 126 | :disabled="!ableOperation|| isJfOperation"></el-input> |
| 127 | </el-form-item> | 127 | </el-form-item> |
| 128 | </el-col> | 128 | </el-col> |
| 129 | </el-row> | 129 | </el-row> |
| ... | @@ -135,23 +135,23 @@ | ... | @@ -135,23 +135,23 @@ |
| 135 | <el-row :gutter="10"> | 135 | <el-row :gutter="10"> |
| 136 | <el-col :span="8"> | 136 | <el-col :span="8"> |
| 137 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg"> | 137 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg"> |
| 138 | <el-input v-model="ruleForm.cfdjList[0].jfjg" :disabled="$route.query.viewtype"></el-input> | 138 | <el-input v-model="ruleForm.cfdjList[0].jfjg" :disabled="!ableOperation"></el-input> |
| 139 | </el-form-item> | 139 | </el-form-item> |
| 140 | </el-col> | 140 | </el-col> |
| 141 | <el-col :span="8"> | 141 | <el-col :span="8"> |
| 142 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj"> | 142 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj"> |
| 143 | <el-input v-model="ruleForm.cfdjList[0].jfwj" :disabled="$route.query.viewtype"></el-input> | 143 | <el-input v-model="ruleForm.cfdjList[0].jfwj" :disabled="!ableOperation"></el-input> |
| 144 | </el-form-item> | 144 | </el-form-item> |
| 145 | </el-col> | 145 | </el-col> |
| 146 | <el-col :span="8"> | 146 | <el-col :span="8"> |
| 147 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh"> | 147 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh"> |
| 148 | <el-input v-model="ruleForm.cfdjList[0].jfwh" :disabled="$route.query.viewtype"></el-input> | 148 | <el-input v-model="ruleForm.cfdjList[0].jfwh" :disabled="!ableOperation"></el-input> |
| 149 | </el-form-item> | 149 | </el-form-item> |
| 150 | </el-col> | 150 | </el-col> |
| 151 | </el-row> | 151 | </el-row> |
| 152 | </div> | 152 | </div> |
| 153 | </div> | 153 | </div> |
| 154 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 154 | <el-row class="btn" v-if="ableOperation"> |
| 155 | <el-form-item :class="flag ? 'marginBot0' : ''"> | 155 | <el-form-item :class="flag ? 'marginBot0' : ''"> |
| 156 | <el-button type="primary" @click="onSubmit">保存</el-button> | 156 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 157 | </el-form-item> | 157 | </el-form-item> | ... | ... |
| ... | @@ -152,14 +152,14 @@ | ... | @@ -152,14 +152,14 @@ |
| 152 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:" prop="cfdj.cfjg"> | 152 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关:" prop="cfdj.cfjg"> |
| 153 | <el-input | 153 | <el-input |
| 154 | v-model="ruleForm.cfdj.cfjg" | 154 | v-model="ruleForm.cfdj.cfjg" |
| 155 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 155 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-input> |
| 156 | </el-form-item> | 156 | </el-form-item> |
| 157 | </el-col> | 157 | </el-col> |
| 158 | <el-col :span="8"> | 158 | <el-col :span="8"> |
| 159 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh"> | 159 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号:" prop="cfdj.cfwh"> |
| 160 | <el-input | 160 | <el-input |
| 161 | v-model="ruleForm.cfdj.cfwh" | 161 | v-model="ruleForm.cfdj.cfwh" |
| 162 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 162 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-input> |
| 163 | </el-form-item> | 163 | </el-form-item> |
| 164 | </el-col> | 164 | </el-col> |
| 165 | <el-col :span="8"> | 165 | <el-col :span="8"> |
| ... | @@ -173,7 +173,7 @@ | ... | @@ -173,7 +173,7 @@ |
| 173 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限:" prop="cfdj.cfqx"> | 173 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限:" prop="cfdj.cfqx"> |
| 174 | <el-input | 174 | <el-input |
| 175 | v-model="ruleForm.cfdj.cfqx" | 175 | v-model="ruleForm.cfdj.cfqx" |
| 176 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 176 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-input> |
| 177 | </el-form-item> | 177 | </el-form-item> |
| 178 | </el-col> | 178 | </el-col> |
| 179 | <el-col :span="8"> | 179 | <el-col :span="8"> |
| ... | @@ -184,7 +184,7 @@ | ... | @@ -184,7 +184,7 @@ |
| 184 | type="date" | 184 | type="date" |
| 185 | placeholder="选择日期" | 185 | placeholder="选择日期" |
| 186 | value-format="yyyy-MM-dd" | 186 | value-format="yyyy-MM-dd" |
| 187 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-date-picker> | 187 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-date-picker> |
| 188 | </el-form-item> | 188 | </el-form-item> |
| 189 | </el-col> | 189 | </el-col> |
| 190 | <el-col :span="8"> | 190 | <el-col :span="8"> |
| ... | @@ -192,7 +192,7 @@ | ... | @@ -192,7 +192,7 @@ |
| 192 | <el-date-picker | 192 | <el-date-picker |
| 193 | v-model="ruleForm.cfdj.cfjssj" | 193 | v-model="ruleForm.cfdj.cfjssj" |
| 194 | class="width100" | 194 | class="width100" |
| 195 | :disabled="$route.query.viewtype || ableEdit || isJfOperation" | 195 | :disabled="!ableOperation || ableEdit || isJfOperation" |
| 196 | type="date" | 196 | type="date" |
| 197 | placeholder="选择日期" | 197 | placeholder="选择日期" |
| 198 | value-format="yyyy-MM-dd"></el-date-picker> | 198 | value-format="yyyy-MM-dd"></el-date-picker> |
| ... | @@ -204,14 +204,14 @@ | ... | @@ -204,14 +204,14 @@ |
| 204 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj"> | 204 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件:" prop="cfdj.cfwj"> |
| 205 | <el-input | 205 | <el-input |
| 206 | v-model="ruleForm.cfdj.cfwj" | 206 | v-model="ruleForm.cfdj.cfwj" |
| 207 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 207 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-input> |
| 208 | </el-form-item> | 208 | </el-form-item> |
| 209 | </el-col> | 209 | </el-col> |
| 210 | <el-col :span="16"> | 210 | <el-col :span="16"> |
| 211 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw"> | 211 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围:" prop="cfdj.cffw"> |
| 212 | <el-input | 212 | <el-input |
| 213 | v-model="ruleForm.cfdj.cffw" | 213 | v-model="ruleForm.cfdj.cffw" |
| 214 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 214 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-input> |
| 215 | </el-form-item> | 215 | </el-form-item> |
| 216 | </el-col> | 216 | </el-col> |
| 217 | </el-row> | 217 | </el-row> |
| ... | @@ -221,7 +221,7 @@ | ... | @@ -221,7 +221,7 @@ |
| 221 | <el-input | 221 | <el-input |
| 222 | v-model="ruleForm.cfdj.fj" | 222 | v-model="ruleForm.cfdj.fj" |
| 223 | type="textarea" | 223 | type="textarea" |
| 224 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 224 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-input> |
| 225 | </el-form-item> | 225 | </el-form-item> |
| 226 | </el-col> | 226 | </el-col> |
| 227 | </el-row> | 227 | </el-row> |
| ... | @@ -232,7 +232,7 @@ | ... | @@ -232,7 +232,7 @@ |
| 232 | class="textArea" | 232 | class="textArea" |
| 233 | type="textarea" | 233 | type="textarea" |
| 234 | v-model="ruleForm.cfdj.djyy" | 234 | v-model="ruleForm.cfdj.djyy" |
| 235 | :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> | 235 | :disabled="!ableOperation || ableEdit || isJfOperation"></el-input> |
| 236 | </el-form-item> | 236 | </el-form-item> |
| 237 | </el-col> | 237 | </el-col> |
| 238 | </el-row> | 238 | </el-row> |
| ... | @@ -246,27 +246,27 @@ | ... | @@ -246,27 +246,27 @@ |
| 246 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg"> | 246 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关:" prop="cfdj.jfjg"> |
| 247 | <el-input | 247 | <el-input |
| 248 | v-model="ruleForm.cfdj.jfjg" | 248 | v-model="ruleForm.cfdj.jfjg" |
| 249 | :disabled="$route.query.viewtype || ableEdit"></el-input> | 249 | :disabled="!ableOperation || ableEdit"></el-input> |
| 250 | </el-form-item> | 250 | </el-form-item> |
| 251 | </el-col> | 251 | </el-col> |
| 252 | <el-col :span="8"> | 252 | <el-col :span="8"> |
| 253 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj"> | 253 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件:" prop="cfdj.jfwj"> |
| 254 | <el-input | 254 | <el-input |
| 255 | v-model="ruleForm.cfdj.jfwj" | 255 | v-model="ruleForm.cfdj.jfwj" |
| 256 | :disabled="$route.query.viewtype || ableEdit"></el-input> | 256 | :disabled="!ableOperation || ableEdit"></el-input> |
| 257 | </el-form-item> | 257 | </el-form-item> |
| 258 | </el-col> | 258 | </el-col> |
| 259 | <el-col :span="8"> | 259 | <el-col :span="8"> |
| 260 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh"> | 260 | <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号:" prop="cfdj.jfwh"> |
| 261 | <el-input | 261 | <el-input |
| 262 | v-model="ruleForm.cfdj.jfwh" | 262 | v-model="ruleForm.cfdj.jfwh" |
| 263 | :disabled="$route.query.viewtype || ableEdit"></el-input> | 263 | :disabled="!ableOperation || ableEdit"></el-input> |
| 264 | </el-form-item> | 264 | </el-form-item> |
| 265 | </el-col> | 265 | </el-col> |
| 266 | </el-row> | 266 | </el-row> |
| 267 | </div> | 267 | </div> |
| 268 | </div> | 268 | </div> |
| 269 | <el-row class="btn" v-if="!$route.query.viewtype && !ableEdit"> | 269 | <el-row class="btn" v-if="ableOperation && !ableEdit"> |
| 270 | <el-form-item :class="flag ? 'marginBot0' : ''"> | 270 | <el-form-item :class="flag ? 'marginBot0' : ''"> |
| 271 | <el-button type="primary" @click="onSubmit">保存</el-button> | 271 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 272 | </el-form-item> | 272 | </el-form-item> | ... | ... |
| ... | @@ -139,7 +139,7 @@ | ... | @@ -139,7 +139,7 @@ |
| 139 | <el-form-item label="被担保主债权数额:"> | 139 | <el-form-item label="被担保主债权数额:"> |
| 140 | <div style="display:flex"> | 140 | <div style="display:flex"> |
| 141 | <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!ableOperation" style="width:500%"></el-input> | 141 | <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!ableOperation" style="width:500%"></el-input> |
| 142 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1' && !ableOperation"> | 142 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="!ableOperation"> |
| 143 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 143 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 144 | </el-option> | 144 | </el-option> |
| 145 | </el-select> | 145 | </el-select> |
| ... | @@ -170,7 +170,7 @@ | ... | @@ -170,7 +170,7 @@ |
| 170 | <el-col :span="24"> | 170 | <el-col :span="24"> |
| 171 | <el-form-item label="担保范围:"> | 171 | <el-form-item label="担保范围:"> |
| 172 | <el-input v-model="ruleForm.diyaq.dbfw" | 172 | <el-input v-model="ruleForm.diyaq.dbfw" |
| 173 | :disabled="($route.query.viewtype == 1 || ruleForm.sldy.djlx == '300') && !ableOperation"></el-input> | 173 | :disabled="ruleForm.sldy.djlx == '300'&& !ableOperation"></el-input> |
| 174 | </el-form-item> | 174 | </el-form-item> |
| 175 | </el-col> | 175 | </el-col> |
| 176 | </el-row> | 176 | </el-row> |
| ... | @@ -184,7 +184,7 @@ | ... | @@ -184,7 +184,7 @@ |
| 184 | <el-row> | 184 | <el-row> |
| 185 | <el-col> | 185 | <el-col> |
| 186 | <el-form-item label="附记:" prop="fj"> | 186 | <el-form-item label="附记:" prop="fj"> |
| 187 | <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="$route.query.viewtype == 1 && !ableOperation"></el-input> | 187 | <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="!ableOperation"></el-input> |
| 188 | </el-form-item> | 188 | </el-form-item> |
| 189 | </el-col> | 189 | </el-col> |
| 190 | </el-row> | 190 | </el-row> |
| ... | @@ -196,7 +196,7 @@ | ... | @@ -196,7 +196,7 @@ |
| 196 | <el-row :gutter="10"> | 196 | <el-row :gutter="10"> |
| 197 | <el-col :span="14"> | 197 | <el-col :span="14"> |
| 198 | <el-form-item label="共有方式:"> | 198 | <el-form-item label="共有方式:"> |
| 199 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 199 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
| 200 | <el-radio label="0">单独所有</el-radio> | 200 | <el-radio label="0">单独所有</el-radio> |
| 201 | <el-radio label="1">共同共有</el-radio> | 201 | <el-radio label="1">共同共有</el-radio> |
| 202 | <el-radio label="2">按份所有</el-radio> | 202 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -222,13 +222,13 @@ | ... | @@ -222,13 +222,13 @@ |
| 222 | </el-col> | 222 | </el-col> |
| 223 | </el-row> | 223 | </el-row> |
| 224 | <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="!ableOperation" @upDateQlrxxList="upDateQlrxxList" | 224 | <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="!ableOperation" @upDateQlrxxList="upDateQlrxxList" |
| 225 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" /> | 225 | :viewtype="!ableOperation" :gyfs="ruleForm.sldy.gyfs" /> |
| 226 | <div class="slxx_title title-block"> | 226 | <div class="slxx_title title-block"> |
| 227 | 抵押人信息 | 227 | 抵押人信息 |
| 228 | <div class="triangle"></div> | 228 | <div class="triangle"></div> |
| 229 | </div> | 229 | </div> |
| 230 | <qlrCommonTable :tableData="ruleForm.ywrList" :disabled="!ableOperation" @upDateQlrxxList="upDateYwrxxList" | 230 | <qlrCommonTable :tableData="ruleForm.ywrList" :disabled="!ableOperation" @upDateQlrxxList="upDateYwrxxList" |
| 231 | :viewtype="$route.query.viewtype" /> | 231 | :viewtype="!ableOperation" /> |
| 232 | 232 | ||
| 233 | <div class="slxx_title title-block"> | 233 | <div class="slxx_title title-block"> |
| 234 | 登记原因 | 234 | 登记原因 |
| ... | @@ -237,12 +237,12 @@ | ... | @@ -237,12 +237,12 @@ |
| 237 | <el-row :gutter="10"> | 237 | <el-row :gutter="10"> |
| 238 | <el-col> | 238 | <el-col> |
| 239 | <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因:" prop="djyy"> | 239 | <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因:" prop="djyy"> |
| 240 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 240 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 241 | v-model="ruleForm.diyaq.zxdyyy"> | 241 | v-model="ruleForm.diyaq.zxdyyy"> |
| 242 | </el-input> | 242 | </el-input> |
| 243 | </el-form-item> | 243 | </el-form-item> |
| 244 | <el-form-item v-else label="登记原因:" prop="djyy"> | 244 | <el-form-item v-else label="登记原因:" prop="djyy"> |
| 245 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 245 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 246 | v-model="ruleForm.diyaq.djyy"> | 246 | v-model="ruleForm.diyaq.djyy"> |
| 247 | </el-input> | 247 | </el-input> |
| 248 | </el-form-item> | 248 | </el-form-item> |
| ... | @@ -250,7 +250,7 @@ | ... | @@ -250,7 +250,7 @@ |
| 250 | </el-row> | 250 | </el-row> |
| 251 | 251 | ||
| 252 | </div> | 252 | </div> |
| 253 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 253 | <el-row class="btn" v-if="ableOperation"> |
| 254 | <el-form-item> | 254 | <el-form-item> |
| 255 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> | 255 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> |
| 256 | </el-form-item> | 256 | </el-form-item> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-19 14:43:59 | 4 | * @LastEditTime: 2023-07-20 09:30:06 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -141,7 +141,7 @@ | ... | @@ -141,7 +141,7 @@ |
| 141 | <el-row :gutter="10"> | 141 | <el-row :gutter="10"> |
| 142 | <el-col :span="14" v-if="ruleForm.qlxx"> | 142 | <el-col :span="14" v-if="ruleForm.qlxx"> |
| 143 | <el-form-item label="共有方式:"> | 143 | <el-form-item label="共有方式:"> |
| 144 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" @change="showCZInfo" | 144 | <el-radio-group :disabled="!ableOperation" @change="showCZInfo" |
| 145 | v-model="ruleForm.sldy.gyfs"> | 145 | v-model="ruleForm.sldy.gyfs"> |
| 146 | <el-radio label="0">单独所有</el-radio> | 146 | <el-radio label="0">单独所有</el-radio> |
| 147 | <el-radio label="1">共同共有</el-radio> | 147 | <el-radio label="1">共同共有</el-radio> |
| ... | @@ -194,14 +194,14 @@ | ... | @@ -194,14 +194,14 @@ |
| 194 | <el-row :gutter="10"> | 194 | <el-row :gutter="10"> |
| 195 | <el-col> | 195 | <el-col> |
| 196 | <el-form-item v-if="ruleForm.sldy" label="登记原因:" prop="djyy"> | 196 | <el-form-item v-if="ruleForm.sldy" label="登记原因:" prop="djyy"> |
| 197 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 197 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 198 | v-model="ruleForm.fdcq2.djyy"> | 198 | v-model="ruleForm.fdcq2.djyy"> |
| 199 | </el-input> | 199 | </el-input> |
| 200 | </el-form-item> | 200 | </el-form-item> |
| 201 | </el-col> | 201 | </el-col> |
| 202 | </el-row> | 202 | </el-row> |
| 203 | </div> | 203 | </div> |
| 204 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 204 | <el-row class="btn" v-if="ableOperation"> |
| 205 | <el-form-item> | 205 | <el-form-item> |
| 206 | <el-button type="primary" @click="onSubmit">保存</el-button> | 206 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 207 | </el-form-item> | 207 | </el-form-item> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-14 11:18:17 | 4 | * @LastEditTime: 2023-07-20 09:30:11 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -153,7 +153,7 @@ | ... | @@ -153,7 +153,7 @@ |
| 153 | <el-row :gutter="10"> | 153 | <el-row :gutter="10"> |
| 154 | <el-col :span="14"> | 154 | <el-col :span="14"> |
| 155 | <el-form-item label="共有方式:"> | 155 | <el-form-item label="共有方式:"> |
| 156 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 156 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
| 157 | <el-radio label="0">单独所有</el-radio> | 157 | <el-radio label="0">单独所有</el-radio> |
| 158 | <el-radio label="1">共同共有</el-radio> | 158 | <el-radio label="1">共同共有</el-radio> |
| 159 | <el-radio label="2">按份所有</el-radio> | 159 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -187,14 +187,14 @@ | ... | @@ -187,14 +187,14 @@ |
| 187 | <el-row :gutter="10"> | 187 | <el-row :gutter="10"> |
| 188 | <el-col> | 188 | <el-col> |
| 189 | <el-form-item v-if="ruleForm.fdcq2" label="登记原因:" prop="djyy"> | 189 | <el-form-item v-if="ruleForm.fdcq2" label="登记原因:" prop="djyy"> |
| 190 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 190 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 191 | v-model="ruleForm.fdcq2.djyy"> | 191 | v-model="ruleForm.fdcq2.djyy"> |
| 192 | </el-input> | 192 | </el-input> |
| 193 | </el-form-item> | 193 | </el-form-item> |
| 194 | </el-col> | 194 | </el-col> |
| 195 | </el-row> | 195 | </el-row> |
| 196 | </div> | 196 | </div> |
| 197 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 197 | <el-row class="btn" v-if="ableOperation"> |
| 198 | <el-form-item> | 198 | <el-form-item> |
| 199 | <el-button type="primary" @click="onSubmit">保存</el-button> | 199 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 200 | </el-form-item> | 200 | </el-form-item> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-25 08:41:40 | 4 | * @LastEditTime: 2023-07-20 09:30:21 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -101,7 +101,7 @@ | ... | @@ -101,7 +101,7 @@ |
| 101 | <el-row :gutter="10"> | 101 | <el-row :gutter="10"> |
| 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="!ableOperation" @change="showCZInfo" |
| 105 | v-model="ruleForm.sldyList[0].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> |
| ... | @@ -111,7 +111,6 @@ | ... | @@ -111,7 +111,6 @@ |
| 111 | </el-form-item> | 111 | </el-form-item> |
| 112 | </el-col> | 112 | </el-col> |
| 113 | 113 | ||
| 114 | |||
| 115 | <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> | 114 | <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> |
| 116 | <el-form-item label="是否分别持证:"> | 115 | <el-form-item label="是否分别持证:"> |
| 117 | <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz"> | 116 | <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz"> |
| ... | @@ -138,14 +137,14 @@ | ... | @@ -138,14 +137,14 @@ |
| 138 | <el-row :gutter="10"> | 137 | <el-row :gutter="10"> |
| 139 | <el-col> | 138 | <el-col> |
| 140 | <el-form-item v-if="ruleForm.slsq" label="登记原因:" prop="djyy"> | 139 | <el-form-item v-if="ruleForm.slsq" label="登记原因:" prop="djyy"> |
| 141 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | 140 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 142 | v-model="ruleForm.fdcq2List[0].djyy"> | 141 | v-model="ruleForm.fdcq2List[0].djyy"> |
| 143 | </el-input> | 142 | </el-input> |
| 144 | </el-form-item> | 143 | </el-form-item> |
| 145 | </el-col> | 144 | </el-col> |
| 146 | </el-row> | 145 | </el-row> |
| 147 | </div> | 146 | </div> |
| 148 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 147 | <el-row class="btn" v-if="ableOperation"> |
| 149 | <el-form-item> | 148 | <el-form-item> |
| 150 | <el-button type="primary" @click="onSubmit">保存</el-button> | 149 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 151 | </el-form-item> | 150 | </el-form-item> |
| ... | @@ -154,11 +153,11 @@ | ... | @@ -154,11 +153,11 @@ |
| 154 | </div> | 153 | </div> |
| 155 | </template> | 154 | </template> |
| 156 | <script> | 155 | <script> |
| 157 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 156 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 158 | import {BatchInit, Init, saveBatchData, saveData} from "@/api/workflow/fwsyqFlow.js"; | 157 | import { BatchInit, Init, saveBatchData, saveData } from "@/api/workflow/fwsyqFlow.js"; |
| 159 | import { mapGetters } from "vuex"; | 158 | import { mapGetters } from "vuex"; |
| 160 | export default { | 159 | export default { |
| 161 | created(callbackfn, thisArg) { | 160 | created (callbackfn, thisArg) { |
| 162 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 161 | this.ableOperation = this.$parent.currentSelectTab.ableOperation |
| 163 | this.propsParam = this.$attrs; | 162 | this.propsParam = this.$attrs; |
| 164 | var formdata = new FormData(); | 163 | var formdata = new FormData(); |
| ... | @@ -184,19 +183,19 @@ export default { | ... | @@ -184,19 +183,19 @@ export default { |
| 184 | tdytOption: [], | 183 | tdytOption: [], |
| 185 | czrOptions: [], | 184 | czrOptions: [], |
| 186 | ruleForm: { | 185 | ruleForm: { |
| 187 | cfdjList:[]//查封登记 | 186 | cfdjList: []//查封登记 |
| 188 | ,diyaqList:[]//抵押权 | 187 | , diyaqList: []//抵押权 |
| 189 | ,fdcq2List:[]//房屋信息集合 | 188 | , fdcq2List: []//房屋信息集合 |
| 190 | ,qlrList:[]//权利人 | 189 | , qlrList: []//权利人 |
| 191 | ,ywrList:[]//义务人 | 190 | , ywrList: []//义务人 |
| 192 | ,qlxxList:[]//权利信息集合 | 191 | , qlxxList: []//权利信息集合 |
| 193 | ,sldyList:[]//受理不动产单元集合 | 192 | , sldyList: []//受理不动产单元集合 |
| 194 | ,slsq: {}//受理申请流程明细 | 193 | , slsq: {}//受理申请流程明细 |
| 195 | ,flow: {}//受理申请流程明细 | 194 | , flow: {}//受理申请流程明细 |
| 196 | ,sqrList:[]//申请人 | 195 | , sqrList: []//申请人 |
| 197 | ,ssQlxxList:[]//上手权利信息 | 196 | , ssQlxxList: []//上手权利信息 |
| 198 | ,user:{}//用户 | 197 | , user: {}//用户 |
| 199 | ,zdjbxx: {}//宗地基本信息 | 198 | , zdjbxx: {}//宗地基本信息 |
| 200 | }, | 199 | }, |
| 201 | //传递参数 | 200 | //传递参数 |
| 202 | propsParam: this.$attrs, | 201 | propsParam: this.$attrs, |
| ... | @@ -204,17 +203,17 @@ export default { | ... | @@ -204,17 +203,17 @@ export default { |
| 204 | ableOperation: true, | 203 | ableOperation: true, |
| 205 | rules: {}, | 204 | rules: {}, |
| 206 | bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码 | 205 | bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码 |
| 207 | splicingFdcq2:{//前端根据后台数组组装展示内容 | 206 | splicingFdcq2: {//前端根据后台数组组装展示内容 |
| 208 | fwxz:{}//房屋性质 | 207 | fwxz: {}//房屋性质 |
| 209 | ,fwjg:{}//房屋结构 | 208 | , fwjg: {}//房屋结构 |
| 210 | ,jzmj:{} //建筑面积 | 209 | , jzmj: {} //建筑面积 |
| 211 | ,zts:{}//房屋总套数 | 210 | , zts: {}//房屋总套数 |
| 212 | } | 211 | } |
| 213 | } | 212 | } |
| 214 | }, | 213 | }, |
| 215 | methods: { | 214 | methods: { |
| 216 | //组装房地产权通用信息 | 215 | //组装房地产权通用信息 |
| 217 | splicingFdcq2Info(){ | 216 | splicingFdcq2Info () { |
| 218 | let fdcq2List = this.ruleForm.fdcq2List; | 217 | let fdcq2List = this.ruleForm.fdcq2List; |
| 219 | let fwxzArr = []; | 218 | let fwxzArr = []; |
| 220 | let fwjgArr = []; | 219 | let fwjgArr = []; |
| ... | @@ -231,7 +230,7 @@ export default { | ... | @@ -231,7 +230,7 @@ export default { |
| 231 | let fwjg = Array.from(new Set(fwjgArr)).join(","); | 230 | let fwjg = Array.from(new Set(fwjgArr)).join(","); |
| 232 | this.splicingFdcq2.fwxz = fwxz; | 231 | this.splicingFdcq2.fwxz = fwxz; |
| 233 | this.splicingFdcq2.fwjg = fwjg; | 232 | this.splicingFdcq2.fwjg = fwjg; |
| 234 | this.splicingFdcq2.jzmj = jzmj==null ? 0 : jzmj; | 233 | this.splicingFdcq2.jzmj = jzmj == null ? 0 : jzmj; |
| 235 | this.splicingFdcq2.zts = fdcq2List.length; | 234 | this.splicingFdcq2.zts = fdcq2List.length; |
| 236 | 235 | ||
| 237 | }, | 236 | }, |
| ... | @@ -266,55 +265,55 @@ export default { | ... | @@ -266,55 +265,55 @@ export default { |
| 266 | }) | 265 | }) |
| 267 | } | 266 | } |
| 268 | } | 267 | } |
| 269 | } | 268 | } |
| 270 | </script> | 269 | </script> |
| 271 | <style scoped lang='scss'> | 270 | <style scoped lang='scss'> |
| 272 | @import "~@/styles/public.scss"; | 271 | @import "~@/styles/public.scss"; |
| 273 | 272 | ||
| 274 | /deep/.el-form { | 273 | /deep/.el-form { |
| 275 | display: flex; | 274 | display: flex; |
| 276 | flex-direction: column; | 275 | flex-direction: column; |
| 277 | height: calc(100vh - 130px); | 276 | height: calc(100vh - 130px); |
| 278 | } | 277 | } |
| 279 | 278 | ||
| 280 | /deep/.el-form-item__label { | 279 | /deep/.el-form-item__label { |
| 281 | padding: 0; | 280 | padding: 0; |
| 282 | } | 281 | } |
| 283 | 282 | ||
| 284 | /deep/.el-radio { | 283 | /deep/.el-radio { |
| 285 | margin-right: 10px; | 284 | margin-right: 10px; |
| 286 | } | 285 | } |
| 287 | 286 | ||
| 288 | /deep/.el-select { | 287 | /deep/.el-select { |
| 289 | width: 100%; | 288 | width: 100%; |
| 290 | } | 289 | } |
| 291 | 290 | ||
| 292 | /deep/.el-form-item { | 291 | /deep/.el-form-item { |
| 293 | margin-bottom: 8px; | 292 | margin-bottom: 8px; |
| 294 | } | 293 | } |
| 295 | 294 | ||
| 296 | .marginBot0 { | 295 | .marginBot0 { |
| 297 | margin-bottom: 0 !important; | 296 | margin-bottom: 0 !important; |
| 298 | } | 297 | } |
| 299 | 298 | ||
| 300 | .slxx { | 299 | .slxx { |
| 301 | box-sizing: border-box; | 300 | box-sizing: border-box; |
| 302 | } | 301 | } |
| 303 | 302 | ||
| 304 | .slxx_con { | 303 | .slxx_con { |
| 305 | flex: 1; | 304 | flex: 1; |
| 306 | height: 100%; | 305 | height: 100%; |
| 307 | background-color: #ffffff; | 306 | background-color: #ffffff; |
| 308 | overflow-y: auto; | 307 | overflow-y: auto; |
| 309 | padding-right: 3px; | 308 | padding-right: 3px; |
| 310 | overflow-x: hidden; | 309 | overflow-x: hidden; |
| 311 | } | 310 | } |
| 312 | 311 | ||
| 313 | .submit_btn { | 312 | .submit_btn { |
| 314 | height: 50px; | 313 | height: 50px; |
| 315 | } | 314 | } |
| 316 | 315 | ||
| 317 | .slxx_title { | 316 | .slxx_title { |
| 318 | border-bottom: 1px solid $borderColor; | 317 | border-bottom: 1px solid $borderColor; |
| 319 | padding-left: 10px; | 318 | padding-left: 10px; |
| 320 | padding-bottom: 5px; | 319 | padding-bottom: 5px; |
| ... | @@ -323,23 +322,23 @@ export default { | ... | @@ -323,23 +322,23 @@ export default { |
| 323 | font-size: 16px; | 322 | font-size: 16px; |
| 324 | font-weight: 500; | 323 | font-weight: 500; |
| 325 | color: #4a4a4a; | 324 | color: #4a4a4a; |
| 326 | } | 325 | } |
| 327 | 326 | ||
| 328 | .btn { | 327 | .btn { |
| 329 | text-align: center; | 328 | text-align: center; |
| 330 | padding-top: 10px; | 329 | padding-top: 10px; |
| 331 | height: 36px; | 330 | height: 36px; |
| 332 | background-color: #ffffff; | 331 | background-color: #ffffff; |
| 333 | padding: 5px 0; | 332 | padding: 5px 0; |
| 334 | } | 333 | } |
| 335 | 334 | ||
| 336 | .textArea { | 335 | .textArea { |
| 337 | /deep/.el-textarea__inner { | 336 | /deep/.el-textarea__inner { |
| 338 | min-height: 90px !important; | 337 | min-height: 90px !important; |
| 339 | } | 338 | } |
| 340 | } | 339 | } |
| 341 | 340 | ||
| 342 | /deep/.el-form-item__label { | 341 | /deep/.el-form-item__label { |
| 343 | padding-bottom: 0px; | 342 | padding-bottom: 0px; |
| 344 | } | 343 | } |
| 345 | </style> | 344 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-11 10:08:11 | 4 | * @LastEditTime: 2023-07-20 09:32:18 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -139,7 +139,7 @@ | ... | @@ -139,7 +139,7 @@ |
| 139 | <el-row :gutter="10"> | 139 | <el-row :gutter="10"> |
| 140 | <el-col :span="14"> | 140 | <el-col :span="14"> |
| 141 | <el-form-item label="共有方式:"> | 141 | <el-form-item label="共有方式:"> |
| 142 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.gyfs"> | 142 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.gyfs"> |
| 143 | <el-radio label="1">单独所有</el-radio> | 143 | <el-radio label="1">单独所有</el-radio> |
| 144 | <el-radio label="2">共同共有</el-radio> | 144 | <el-radio label="2">共同共有</el-radio> |
| 145 | <el-radio label="3">按份所有</el-radio> | 145 | <el-radio label="3">按份所有</el-radio> |
| ... | @@ -171,13 +171,13 @@ | ... | @@ -171,13 +171,13 @@ |
| 171 | <el-row :gutter="10"> | 171 | <el-row :gutter="10"> |
| 172 | <el-col> | 172 | <el-col> |
| 173 | <el-form-item label="登记原因:" prop="djyy"> | 173 | <el-form-item label="登记原因:" prop="djyy"> |
| 174 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.djyy"> | 174 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" v-model="ruleForm.djyy"> |
| 175 | </el-input> | 175 | </el-input> |
| 176 | </el-form-item> | 176 | </el-form-item> |
| 177 | </el-col> | 177 | </el-col> |
| 178 | </el-row> | 178 | </el-row> |
| 179 | </div> | 179 | </div> |
| 180 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 180 | <el-row class="btn" v-if="ableOperation"> |
| 181 | <el-form-item> | 181 | <el-form-item> |
| 182 | <el-button type="primary" @click="onSubmit">保存</el-button> | 182 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 183 | </el-form-item> | 183 | </el-form-item> | ... | ... |
| ... | @@ -138,7 +138,7 @@ | ... | @@ -138,7 +138,7 @@ |
| 138 | <el-row :gutter="10"> | 138 | <el-row :gutter="10"> |
| 139 | <el-col :span="12"> | 139 | <el-col :span="12"> |
| 140 | <el-form-item label="共有方式:"> | 140 | <el-form-item label="共有方式:"> |
| 141 | <el-radio-group :disabled="$route.query.viewtype == 0 && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 141 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
| 142 | <el-radio label="0">单独所有</el-radio> | 142 | <el-radio label="0">单独所有</el-radio> |
| 143 | <el-radio label="1">共同共有</el-radio> | 143 | <el-radio label="1">共同共有</el-radio> |
| 144 | <el-radio label="2">按份所有</el-radio> | 144 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -165,16 +165,14 @@ | ... | @@ -165,16 +165,14 @@ |
| 165 | </el-row> | 165 | </el-row> |
| 166 | <qlrCommonTable :tableData="ruleForm.qlrList" | 166 | <qlrCommonTable :tableData="ruleForm.qlrList" |
| 167 | :disabled="!ableOperation" | 167 | :disabled="!ableOperation" |
| 168 | @upDateQlrxxList="upDateQlrxxList" :key="key" | 168 | @upDateQlrxxList="upDateQlrxxList" :key="key" :gyfs="ruleForm.sldy.gyfs" /> |
| 169 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" /> | ||
| 170 | 169 | ||
| 171 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 170 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> |
| 172 | <div class="slxx_title title-block"> | 171 | <div class="slxx_title title-block"> |
| 173 | 义务人信息 | 172 | 义务人信息 |
| 174 | <div class="triangle"></div> | 173 | <div class="triangle"></div> |
| 175 | </div> | 174 | </div> |
| 176 | <qlrCommonTable v-if="ruleForm.ywrList" :disabled="!ableOperation" :tableData="ruleForm.ywrList" :key="key" @upDateQlrxxList="upDateYwrxxList" | 175 | <qlrCommonTable v-if="ruleForm.ywrList" :disabled="!ableOperation" :tableData="ruleForm.ywrList" :key="key" @upDateQlrxxList="upDateYwrxxList" /> |
| 177 | :viewtype="$route.query.viewtype" /> | ||
| 178 | </div> | 176 | </div> |
| 179 | 177 | ||
| 180 | <div class="slxx_title title-block"> | 178 | <div class="slxx_title title-block"> |
| ... | @@ -184,14 +182,14 @@ | ... | @@ -184,14 +182,14 @@ |
| 184 | <el-row :gutter="10"> | 182 | <el-row :gutter="10"> |
| 185 | <el-col> | 183 | <el-col> |
| 186 | <el-form-item label="登记原因:" prop="djyy"> | 184 | <el-form-item label="登记原因:" prop="djyy"> |
| 187 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype && !ableOperation" | 185 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 188 | v-model="ruleForm.jsydsyq.djyy"> | 186 | v-model="ruleForm.jsydsyq.djyy"> |
| 189 | </el-input> | 187 | </el-input> |
| 190 | </el-form-item> | 188 | </el-form-item> |
| 191 | </el-col> | 189 | </el-col> |
| 192 | </el-row> | 190 | </el-row> |
| 193 | </div> | 191 | </div> |
| 194 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 192 | <el-row class="btn" v-if="ableOperation"> |
| 195 | <el-form-item> | 193 | <el-form-item> |
| 196 | <el-button type="primary" @click="onSubmit">保存</el-button> | 194 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 197 | </el-form-item> | 195 | </el-form-item> |
| ... | @@ -227,7 +225,7 @@ | ... | @@ -227,7 +225,7 @@ |
| 227 | computed: { | 225 | computed: { |
| 228 | ...mapGetters(["dictData", "flag"]), | 226 | ...mapGetters(["dictData", "flag"]), |
| 229 | // 根据流程判断表单是否为只读 | 227 | // 根据流程判断表单是否为只读 |
| 230 | editDisabled() { | 228 | editDisabled () { |
| 231 | if (!this.ableOperation) { | 229 | if (!this.ableOperation) { |
| 232 | //只读状态 | 230 | //只读状态 |
| 233 | return true; | 231 | return true; | ... | ... |
| ... | @@ -121,7 +121,7 @@ | ... | @@ -121,7 +121,7 @@ |
| 121 | <el-row :gutter="10"> | 121 | <el-row :gutter="10"> |
| 122 | <el-col> | 122 | <el-col> |
| 123 | <el-form-item label="附记:" prop="fj"> | 123 | <el-form-item label="附记:" prop="fj"> |
| 124 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype=='1' && !ableOperation"></el-input> | 124 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="!ableOperation"></el-input> |
| 125 | </el-form-item> | 125 | </el-form-item> |
| 126 | </el-col> | 126 | </el-col> |
| 127 | </el-row> | 127 | </el-row> |
| ... | @@ -143,7 +143,7 @@ | ... | @@ -143,7 +143,7 @@ |
| 143 | <el-row :gutter="10"> | 143 | <el-row :gutter="10"> |
| 144 | <el-col :span="14"> | 144 | <el-col :span="14"> |
| 145 | <el-form-item label="共有方式:"> | 145 | <el-form-item label="共有方式:"> |
| 146 | <el-radio-group :disabled="$route.query.viewtype=='1' && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 146 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
| 147 | <el-radio label="0">单独所有</el-radio> | 147 | <el-radio label="0">单独所有</el-radio> |
| 148 | <el-radio label="1">共同共有</el-radio> | 148 | <el-radio label="1">共同共有</el-radio> |
| 149 | <el-radio label="2">按份所有</el-radio> | 149 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -168,8 +168,7 @@ | ... | @@ -168,8 +168,7 @@ |
| 168 | </el-form-item> | 168 | </el-form-item> |
| 169 | </el-col> | 169 | </el-col> |
| 170 | </el-row> | 170 | </el-row> |
| 171 | <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="!ableOperation" @upDateQlrxxList='upDateQlrxxList' | 171 | <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="!ableOperation" @upDateQlrxxList='upDateQlrxxList' :gyfs="ruleForm.sldy.gyfs" /> |
| 172 | :viewtype="$route.query.viewtype=='1'" :gyfs="ruleForm.sldy.gyfs" /> | ||
| 173 | <div class="slxx_title title-block"> | 172 | <div class="slxx_title title-block"> |
| 174 | 登记原因 | 173 | 登记原因 |
| 175 | <div class="triangle"></div> | 174 | <div class="triangle"></div> |
| ... | @@ -177,14 +176,14 @@ | ... | @@ -177,14 +176,14 @@ |
| 177 | <el-row :gutter="10"> | 176 | <el-row :gutter="10"> |
| 178 | <el-col> | 177 | <el-col> |
| 179 | <el-form-item label="登记原因:" prop="djyy"> | 178 | <el-form-item label="登记原因:" prop="djyy"> |
| 180 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype=='1' && !ableOperation" | 179 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 181 | v-model="ruleForm.jsydsyq.djyy"> | 180 | v-model="ruleForm.jsydsyq.djyy"> |
| 182 | </el-input> | 181 | </el-input> |
| 183 | </el-form-item> | 182 | </el-form-item> |
| 184 | </el-col> | 183 | </el-col> |
| 185 | </el-row> | 184 | </el-row> |
| 186 | </div> | 185 | </div> |
| 187 | <el-row class="btn" v-if="!$route.query.viewtype=='1' && ableOperation"> | 186 | <el-row class="btn" v-if="ableOperation"> |
| 188 | <el-form-item> | 187 | <el-form-item> |
| 189 | <el-button type="primary" @click="onSubmit">保存</el-button> | 188 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 190 | </el-form-item> | 189 | </el-form-item> | ... | ... |
| ... | @@ -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 label="附记:" prop="fj"> | 167 | <el-form-item label="附记:" prop="fj"> |
| 168 | <el-input type="textarea" v-model="ruleForm.nydsyq.fj" :disabled="$route.query.viewtype && !ableOperation"></el-input> | 168 | <el-input type="textarea" v-model="ruleForm.nydsyq.fj" :disabled="!ableOperation"></el-input> |
| 169 | </el-form-item> | 169 | </el-form-item> |
| 170 | </el-col> | 170 | </el-col> |
| 171 | </el-row> | 171 | </el-row> |
| ... | @@ -176,7 +176,7 @@ | ... | @@ -176,7 +176,7 @@ |
| 176 | <el-row :gutter="10"> | 176 | <el-row :gutter="10"> |
| 177 | <el-col :span="14"> | 177 | <el-col :span="14"> |
| 178 | <el-form-item label="共有方式:"> | 178 | <el-form-item label="共有方式:"> |
| 179 | <el-radio-group v-model="ruleForm.sldy.gyfs" :disabled="$route.query.viewtype&& !ableOperation"> | 179 | <el-radio-group v-model="ruleForm.sldy.gyfs" :disabled="!ableOperation"> |
| 180 | <el-radio label="0">单独所有</el-radio> | 180 | <el-radio label="0">单独所有</el-radio> |
| 181 | <el-radio label="1">共同共有</el-radio> | 181 | <el-radio label="1">共同共有</el-radio> |
| 182 | <el-radio label="2">按份所有</el-radio> | 182 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -201,14 +201,12 @@ | ... | @@ -201,14 +201,12 @@ |
| 201 | </el-form-item> | 201 | </el-form-item> |
| 202 | </el-col> | 202 | </el-col> |
| 203 | </el-row> | 203 | </el-row> |
| 204 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" | 204 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" :gyfs="ruleForm.slywxx.gyfs" /> |
| 205 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> | ||
| 206 | <div class="slxx_title title-block"> | 205 | <div class="slxx_title title-block"> |
| 207 | 家庭成员 | 206 | 家庭成员 |
| 208 | <div class="triangle"></div> | 207 | <div class="triangle"></div> |
| 209 | </div> | 208 | </div> |
| 210 | <JtcyTable :tableData="ruleForm.jtcyList" @upDateJtcyList="upDateJtcyList" :viewtype="$route.query.viewtype" | 209 | <JtcyTable :tableData="ruleForm.jtcyList" @upDateJtcyList="upDateJtcyList" :disabled="!ableOperation" :gyfs="ruleForm.slywxx.gyfs" /> |
| 211 | :gyfs="ruleForm.slywxx.gyfs" /> | ||
| 212 | <div class="slxx_title title-block"> | 210 | <div class="slxx_title title-block"> |
| 213 | 登记原因 | 211 | 登记原因 |
| 214 | <div class="triangle"></div> | 212 | <div class="triangle"></div> |
| ... | @@ -216,14 +214,14 @@ | ... | @@ -216,14 +214,14 @@ |
| 216 | <el-row :gutter="10"> | 214 | <el-row :gutter="10"> |
| 217 | <el-col> | 215 | <el-col> |
| 218 | <el-form-item label="登记原因:" prop="djyy"> | 216 | <el-form-item label="登记原因:" prop="djyy"> |
| 219 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype && ableOperation" | 217 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 220 | v-model="ruleForm.nydsyq.djyy"> | 218 | v-model="ruleForm.nydsyq.djyy"> |
| 221 | </el-input> | 219 | </el-input> |
| 222 | </el-form-item> | 220 | </el-form-item> |
| 223 | </el-col> | 221 | </el-col> |
| 224 | </el-row> | 222 | </el-row> |
| 225 | </div> | 223 | </div> |
| 226 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 224 | <el-row class="btn" v-if="ableOperation"> |
| 227 | <el-form-item> | 225 | <el-form-item> |
| 228 | <el-button type="primary" @click="onSubmit">保存</el-button> | 226 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 229 | </el-form-item> | 227 | </el-form-item> | ... | ... |
| ... | @@ -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 label="附记:" prop="fj"> | 167 | <el-form-item label="附记:" prop="fj"> |
| 168 | <el-input type="textarea" v-model="ruleForm.nydsyq.fj" :disabled="$route.query.viewtype == 1 && !ableOperation"></el-input> | 168 | <el-input type="textarea" v-model="ruleForm.nydsyq.fj" :disabled="!ableOperation"></el-input> |
| 169 | </el-form-item> | 169 | </el-form-item> |
| 170 | </el-col> | 170 | </el-col> |
| 171 | </el-row> | 171 | </el-row> |
| ... | @@ -176,7 +176,7 @@ | ... | @@ -176,7 +176,7 @@ |
| 176 | <el-row :gutter="10"> | 176 | <el-row :gutter="10"> |
| 177 | <el-col :span="14"> | 177 | <el-col :span="14"> |
| 178 | <el-form-item label="共有方式:"> | 178 | <el-form-item label="共有方式:"> |
| 179 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 179 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
| 180 | <el-radio label="0">单独所有</el-radio> | 180 | <el-radio label="0">单独所有</el-radio> |
| 181 | <el-radio label="1">共同共有</el-radio> | 181 | <el-radio label="1">共同共有</el-radio> |
| 182 | <el-radio label="2">按份所有</el-radio> | 182 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -201,20 +201,17 @@ | ... | @@ -201,20 +201,17 @@ |
| 201 | </el-form-item> | 201 | </el-form-item> |
| 202 | </el-col> | 202 | </el-col> |
| 203 | </el-row> | 203 | </el-row> |
| 204 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" | 204 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" :gyfs="ruleForm.sldy.gyfs" /> |
| 205 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" /> | ||
| 206 | <div class="slxx_title title-block"> | 205 | <div class="slxx_title title-block"> |
| 207 | 义务人信息 | 206 | 义务人信息 |
| 208 | <div class="triangle"></div> | 207 | <div class="triangle"></div> |
| 209 | </div> | 208 | </div> |
| 210 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" | 209 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" /> |
| 211 | :viewtype="$route.query.viewtype" /> | ||
| 212 | <div class="slxx_title title-block"> | 210 | <div class="slxx_title title-block"> |
| 213 | 家庭成员 | 211 | 家庭成员 |
| 214 | <div class="triangle"></div> | 212 | <div class="triangle"></div> |
| 215 | </div> | 213 | </div> |
| 216 | <JtcyTable :tableData="ruleForm.jtcyList" :disabled="!ableOperation" @upDateJtcyList="upDateJtcyList" :viewtype="$route.query.viewtype" | 214 | <JtcyTable :tableData="ruleForm.jtcyList" :disabled="!ableOperation" @upDateJtcyList="upDateJtcyList" :gyfs="ruleForm.slywxx.gyfs" /> |
| 217 | :gyfs="ruleForm.slywxx.gyfs" /> | ||
| 218 | <div class="slxx_title title-block"> | 215 | <div class="slxx_title title-block"> |
| 219 | 登记原因 | 216 | 登记原因 |
| 220 | <div class="triangle"></div> | 217 | <div class="triangle"></div> |
| ... | @@ -222,14 +219,14 @@ | ... | @@ -222,14 +219,14 @@ |
| 222 | <el-row :gutter="10"> | 219 | <el-row :gutter="10"> |
| 223 | <el-col> | 220 | <el-col> |
| 224 | <el-form-item label="登记原因:" prop="djyy"> | 221 | <el-form-item label="登记原因:" prop="djyy"> |
| 225 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 222 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 226 | v-model="ruleForm.nydsyq.djyy"> | 223 | v-model="ruleForm.nydsyq.djyy"> |
| 227 | </el-input> | 224 | </el-input> |
| 228 | </el-form-item> | 225 | </el-form-item> |
| 229 | </el-col> | 226 | </el-col> |
| 230 | </el-row> | 227 | </el-row> |
| 231 | </div> | 228 | </div> |
| 232 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 229 | <el-row class="btn" v-if="ableOperation"> |
| 233 | <el-form-item> | 230 | <el-form-item> |
| 234 | <el-button type="primary" @click="onSubmit">保存</el-button> | 231 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 235 | </el-form-item> | 232 | </el-form-item> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-14 11:06:27 | 4 | * @LastEditTime: 2023-07-20 09:30:51 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| 8 | <div class="slxx"> | 8 | <div class="slxx"> |
| 9 | <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" | 9 | <el-form |
| 10 | :inline="flag" label-width="120px"> | 10 | :model="ruleForm" |
| 11 | :rules="rules" | ||
| 12 | class="loadingtext" | ||
| 13 | ref="ruleForm" | ||
| 14 | :label-position="flag ? 'top' : ''" | ||
| 15 | :inline="flag" | ||
| 16 | label-width="120px"> | ||
| 11 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
| 12 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
| 13 | 受理信息 | 19 | 受理信息 |
| ... | @@ -81,7 +87,9 @@ | ... | @@ -81,7 +87,9 @@ |
| 81 | </el-col> | 87 | </el-col> |
| 82 | <el-col :span="8"> | 88 | <el-col :span="8"> |
| 83 | <el-form-item label="面积单位:"> | 89 | <el-form-item label="面积单位:"> |
| 84 | <el-input v-model="ruleForm.tdsyq.mjdw" :disabled="!ableOperation"></el-input> | 90 | <el-input |
| 91 | v-model="ruleForm.tdsyq.mjdw" | ||
| 92 | :disabled="!ableOperation"></el-input> | ||
| 85 | </el-form-item> | 93 | </el-form-item> |
| 86 | </el-col> | 94 | </el-col> |
| 87 | </el-row> | 95 | </el-row> |
| ... | @@ -89,10 +97,19 @@ | ... | @@ -89,10 +97,19 @@ |
| 89 | <el-col :span="8"> | 97 | <el-col :span="8"> |
| 90 | <el-form-item label="农用地面积:"> | 98 | <el-form-item label="农用地面积:"> |
| 91 | <div class="flex"> | 99 | <div class="flex"> |
| 92 | <el-input v-model="ruleForm.tdsyq.nydmj" :disabled="!ableOperation" | 100 | <el-input |
| 101 | v-model="ruleForm.tdsyq.nydmj" | ||
| 102 | :disabled="!ableOperation" | ||
| 93 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 103 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 94 | <el-select v-model="mjdw" :disabled="!ableOperation" style="width:20%"> | 104 | <el-select |
| 95 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 105 | v-model="mjdw" |
| 106 | :disabled="!ableOperation" | ||
| 107 | style="width: 20%"> | ||
| 108 | <el-option | ||
| 109 | v-for="item in dictData['A7']" | ||
| 110 | :key="item.dcode" | ||
| 111 | :label="item.dname" | ||
| 112 | :value="item.dcode"> | ||
| 96 | </el-option> | 113 | </el-option> |
| 97 | </el-select> | 114 | </el-select> |
| 98 | </div> | 115 | </div> |
| ... | @@ -101,10 +118,19 @@ | ... | @@ -101,10 +118,19 @@ |
| 101 | <el-col :span="8"> | 118 | <el-col :span="8"> |
| 102 | <el-form-item label="耕地面积:"> | 119 | <el-form-item label="耕地面积:"> |
| 103 | <div class="flex"> | 120 | <div class="flex"> |
| 104 | <el-input v-model="ruleForm.tdsyq.gdmj" :disabled="!ableOperation" | 121 | <el-input |
| 122 | v-model="ruleForm.tdsyq.gdmj" | ||
| 123 | :disabled="!ableOperation" | ||
| 105 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 124 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 106 | <el-select v-model="mjdw" :disabled="!ableOperation" style="width:20%"> | 125 | <el-select |
| 107 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 126 | v-model="mjdw" |
| 127 | :disabled="!ableOperation" | ||
| 128 | style="width: 20%"> | ||
| 129 | <el-option | ||
| 130 | v-for="item in dictData['A7']" | ||
| 131 | :key="item.dcode" | ||
| 132 | :label="item.dname" | ||
| 133 | :value="item.dcode"> | ||
| 108 | </el-option> | 134 | </el-option> |
| 109 | </el-select> | 135 | </el-select> |
| 110 | </div> | 136 | </div> |
| ... | @@ -113,10 +139,19 @@ | ... | @@ -113,10 +139,19 @@ |
| 113 | <el-col :span="8"> | 139 | <el-col :span="8"> |
| 114 | <el-form-item label="林地面积:"> | 140 | <el-form-item label="林地面积:"> |
| 115 | <div class="flex"> | 141 | <div class="flex"> |
| 116 | <el-input v-model="ruleForm.tdsyq.ldmj" :disabled="!ableOperation" | 142 | <el-input |
| 143 | v-model="ruleForm.tdsyq.ldmj" | ||
| 144 | :disabled="!ableOperation" | ||
| 117 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 145 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 118 | <el-select v-model="mjdw" :disabled="!ableOperation" style="width:20%"> | 146 | <el-select |
| 119 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 147 | v-model="mjdw" |
| 148 | :disabled="!ableOperation" | ||
| 149 | style="width: 20%"> | ||
| 150 | <el-option | ||
| 151 | v-for="item in dictData['A7']" | ||
| 152 | :key="item.dcode" | ||
| 153 | :label="item.dname" | ||
| 154 | :value="item.dcode"> | ||
| 120 | </el-option> | 155 | </el-option> |
| 121 | </el-select> | 156 | </el-select> |
| 122 | </div> | 157 | </div> |
| ... | @@ -127,10 +162,19 @@ | ... | @@ -127,10 +162,19 @@ |
| 127 | <el-col :span="8"> | 162 | <el-col :span="8"> |
| 128 | <el-form-item label="草地面积:"> | 163 | <el-form-item label="草地面积:"> |
| 129 | <div class="flex"> | 164 | <div class="flex"> |
| 130 | <el-input v-model="ruleForm.tdsyq.cdmj" :disabled="!ableOperation" | 165 | <el-input |
| 166 | v-model="ruleForm.tdsyq.cdmj" | ||
| 167 | :disabled="!ableOperation" | ||
| 131 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 168 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 132 | <el-select v-model="mjdw" :disabled="!ableOperation" style="width:20%"> | 169 | <el-select |
| 133 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 170 | v-model="mjdw" |
| 171 | :disabled="!ableOperation" | ||
| 172 | style="width: 20%"> | ||
| 173 | <el-option | ||
| 174 | v-for="item in dictData['A7']" | ||
| 175 | :key="item.dcode" | ||
| 176 | :label="item.dname" | ||
| 177 | :value="item.dcode"> | ||
| 134 | </el-option> | 178 | </el-option> |
| 135 | </el-select> | 179 | </el-select> |
| 136 | </div> | 180 | </div> |
| ... | @@ -139,10 +183,19 @@ | ... | @@ -139,10 +183,19 @@ |
| 139 | <el-col :span="8"> | 183 | <el-col :span="8"> |
| 140 | <el-form-item label="其他农用地面积:"> | 184 | <el-form-item label="其他农用地面积:"> |
| 141 | <div class="flex"> | 185 | <div class="flex"> |
| 142 | <el-input v-model="ruleForm.tdsyq.qtnydmj" :disabled="!ableOperation" | 186 | <el-input |
| 187 | v-model="ruleForm.tdsyq.qtnydmj" | ||
| 188 | :disabled="!ableOperation" | ||
| 143 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 189 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 144 | <el-select v-model="mjdw" :disabled="!ableOperation" style="width:20%"> | 190 | <el-select |
| 145 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 191 | v-model="mjdw" |
| 192 | :disabled="!ableOperation" | ||
| 193 | style="width: 20%"> | ||
| 194 | <el-option | ||
| 195 | v-for="item in dictData['A7']" | ||
| 196 | :key="item.dcode" | ||
| 197 | :label="item.dname" | ||
| 198 | :value="item.dcode"> | ||
| 146 | </el-option> | 199 | </el-option> |
| 147 | </el-select> | 200 | </el-select> |
| 148 | </div> | 201 | </div> |
| ... | @@ -151,10 +204,19 @@ | ... | @@ -151,10 +204,19 @@ |
| 151 | <el-col :span="8"> | 204 | <el-col :span="8"> |
| 152 | <el-form-item label="建筑使用面积:"> | 205 | <el-form-item label="建筑使用面积:"> |
| 153 | <div class="flex"> | 206 | <div class="flex"> |
| 154 | <el-input v-model="ruleForm.tdsyq.jsydmj" :disabled="!ableOperation" | 207 | <el-input |
| 208 | v-model="ruleForm.tdsyq.jsydmj" | ||
| 209 | :disabled="!ableOperation" | ||
| 155 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 210 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 156 | <el-select v-model="mjdw" :disabled="!ableOperation" style="width:20%"> | 211 | <el-select |
| 157 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 212 | v-model="mjdw" |
| 213 | :disabled="!ableOperation" | ||
| 214 | style="width: 20%"> | ||
| 215 | <el-option | ||
| 216 | v-for="item in dictData['A7']" | ||
| 217 | :key="item.dcode" | ||
| 218 | :label="item.dname" | ||
| 219 | :value="item.dcode"> | ||
| 158 | </el-option> | 220 | </el-option> |
| 159 | </el-select> | 221 | </el-select> |
| 160 | </div> | 222 | </div> |
| ... | @@ -165,10 +227,19 @@ | ... | @@ -165,10 +227,19 @@ |
| 165 | <el-col :span="8"> | 227 | <el-col :span="8"> |
| 166 | <el-form-item label="未利用地面积:"> | 228 | <el-form-item label="未利用地面积:"> |
| 167 | <div class="flex"> | 229 | <div class="flex"> |
| 168 | <el-input v-model="ruleForm.tdsyq.wlydmj" :disabled="!ableOperation" | 230 | <el-input |
| 231 | v-model="ruleForm.tdsyq.wlydmj" | ||
| 232 | :disabled="!ableOperation" | ||
| 169 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 233 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> |
| 170 | <el-select v-model="mjdw" :disabled="!ableOperation" style="width:20%"> | 234 | <el-select |
| 171 | <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 235 | v-model="mjdw" |
| 236 | :disabled="!ableOperation" | ||
| 237 | style="width: 20%"> | ||
| 238 | <el-option | ||
| 239 | v-for="item in dictData['A7']" | ||
| 240 | :key="item.dcode" | ||
| 241 | :label="item.dname" | ||
| 242 | :value="item.dcode"> | ||
| 172 | </el-option> | 243 | </el-option> |
| 173 | </el-select> | 244 | </el-select> |
| 174 | </div> | 245 | </div> |
| ... | @@ -190,7 +261,9 @@ | ... | @@ -190,7 +261,9 @@ |
| 190 | <el-row :gutter="10"> | 261 | <el-row :gutter="10"> |
| 191 | <el-col :span="12"> | 262 | <el-col :span="12"> |
| 192 | <el-form-item label="共有方式:"> | 263 | <el-form-item label="共有方式:"> |
| 193 | <el-radio-group :disabled="$route.query.viewtype == 0" v-model="ruleForm.sldy.gyfs"> | 264 | <el-radio-group |
| 265 | :disabled="!ableOperation" | ||
| 266 | v-model="ruleForm.sldy.gyfs"> | ||
| 194 | <el-radio label="0">单独所有</el-radio> | 267 | <el-radio label="0">单独所有</el-radio> |
| 195 | <el-radio label="1">共同共有</el-radio> | 268 | <el-radio label="1">共同共有</el-radio> |
| 196 | <el-radio label="2">按份所有</el-radio> | 269 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -200,31 +273,50 @@ | ... | @@ -200,31 +273,50 @@ |
| 200 | </el-col> | 273 | </el-col> |
| 201 | <el-col :span="6" v-show="ruleForm.sldy.gyfs == '1'"> | 274 | <el-col :span="6" v-show="ruleForm.sldy.gyfs == '1'"> |
| 202 | <el-form-item label="是否分别持证:"> | 275 | <el-form-item label="是否分别持证:"> |
| 203 | <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation"> | 276 | <el-radio-group |
| 204 | <el-radio :label=1>是</el-radio> | 277 | v-model="ruleForm.sldy.sqfbcz" |
| 205 | <el-radio :label=0>否</el-radio> | 278 | :disabled="!ableOperation"> |
| 279 | <el-radio :label="1">是</el-radio> | ||
| 280 | <el-radio :label="0">否</el-radio> | ||
| 206 | </el-radio-group> | 281 | </el-radio-group> |
| 207 | </el-form-item> | 282 | </el-form-item> |
| 208 | </el-col> | 283 | </el-col> |
| 209 | <el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0'&&ruleForm.sldy.gyfs == '1'"> | 284 | <el-col |
| 285 | :span="6" | ||
| 286 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'"> | ||
| 210 | <el-form-item label="持证人:"> | 287 | <el-form-item label="持证人:"> |
| 211 | <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation"> | 288 | <el-select |
| 212 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | 289 | v-model="ruleForm.czr" |
| 290 | placeholder="持证人" | ||
| 291 | :disabled="!ableOperation"> | ||
| 292 | <el-option | ||
| 293 | v-for="item in czrOptions" | ||
| 294 | :key="item.zjh" | ||
| 295 | :label="item.sqrmc" | ||
| 296 | :value="item.zjh"> | ||
| 213 | </el-option> | 297 | </el-option> |
| 214 | </el-select> | 298 | </el-select> |
| 215 | </el-form-item> | 299 | </el-form-item> |
| 216 | </el-col> | 300 | </el-col> |
| 217 | </el-row> | 301 | </el-row> |
| 218 | <qlrCommonTable :tableData="ruleForm.qlrList" :disabled="!ableOperation" @upDateQlrxxList="upDateQlrxxList" :key="key" | 302 | <qlrCommonTable |
| 219 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" /> | 303 | :tableData="ruleForm.qlrList" |
| 304 | :disabled="!ableOperation" | ||
| 305 | @upDateQlrxxList="upDateQlrxxList" | ||
| 306 | :key="key" | ||
| 307 | :gyfs="ruleForm.sldy.gyfs" /> | ||
| 220 | 308 | ||
| 221 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> | 309 | <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> |
| 222 | <div class="slxx_title title-block"> | 310 | <div class="slxx_title title-block"> |
| 223 | 义务人信息 | 311 | 义务人信息 |
| 224 | <div class="triangle"></div> | 312 | <div class="triangle"></div> |
| 225 | </div> | 313 | </div> |
| 226 | <qlrCommonTable v-if="ruleForm.ywrList" :disabled="!ableOperation" :tableData="ruleForm.ywrList" :key="key" @upDateQlrxxList="upDateYwrxxList" | 314 | <qlrCommonTable |
| 227 | :viewtype="$route.query.viewtype" /> | 315 | v-if="ruleForm.ywrList" |
| 316 | :disabled="!ableOperation" | ||
| 317 | :tableData="ruleForm.ywrList" | ||
| 318 | :key="key" | ||
| 319 | @upDateQlrxxList="upDateYwrxxList" /> | ||
| 228 | </div> | 320 | </div> |
| 229 | 321 | ||
| 230 | <div class="slxx_title title-block"> | 322 | <div class="slxx_title title-block"> |
| ... | @@ -234,14 +326,17 @@ | ... | @@ -234,14 +326,17 @@ |
| 234 | <el-row :gutter="10"> | 326 | <el-row :gutter="10"> |
| 235 | <el-col> | 327 | <el-col> |
| 236 | <el-form-item label="登记原因:" prop="djyy"> | 328 | <el-form-item label="登记原因:" prop="djyy"> |
| 237 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" | 329 | <el-input |
| 330 | class="textArea" | ||
| 331 | type="textarea" | ||
| 332 | :disabled="!ableOperation" | ||
| 238 | v-model="ruleForm.tdsyq.djyy"> | 333 | v-model="ruleForm.tdsyq.djyy"> |
| 239 | </el-input> | 334 | </el-input> |
| 240 | </el-form-item> | 335 | </el-form-item> |
| 241 | </el-col> | 336 | </el-col> |
| 242 | </el-row> | 337 | </el-row> |
| 243 | </div> | 338 | </div> |
| 244 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 339 | <el-row class="btn" v-if="ableOperation"> |
| 245 | <el-form-item> | 340 | <el-form-item> |
| 246 | <el-button type="primary" @click="onSubmit">保存</el-button> | 341 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 247 | </el-form-item> | 342 | </el-form-item> |
| ... | @@ -250,17 +345,17 @@ | ... | @@ -250,17 +345,17 @@ |
| 250 | </div> | 345 | </div> |
| 251 | </template> | 346 | </template> |
| 252 | <script> | 347 | <script> |
| 253 | import { mapGetters } from "vuex" | 348 | import { mapGetters } from "vuex"; |
| 254 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" | 349 | import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"; |
| 255 | import tdytTable from "@/views/workflow/components/tdytTable"; | 350 | import tdytTable from "@/views/workflow/components/tdytTable"; |
| 256 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" | 351 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 257 | export default { | 352 | export default { |
| 258 | components: { qlrCommonTable, tdytTable }, | 353 | components: { qlrCommonTable, tdytTable }, |
| 259 | mounted () { | 354 | mounted () { |
| 260 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 355 | this.ableOperation = this.$parent.currentSelectTab.ableOperation; |
| 261 | this.propsParam = this.$attrs; | 356 | this.propsParam = this.$attrs; |
| 262 | var formdata = new FormData(); | 357 | var formdata = new FormData(); |
| 263 | let that = this | 358 | let that = this; |
| 264 | this.$startLoading(); | 359 | this.$startLoading(); |
| 265 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | 360 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 266 | formdata.append("djlx", this.propsParam.djlx); | 361 | formdata.append("djlx", this.propsParam.djlx); |
| ... | @@ -271,24 +366,24 @@ | ... | @@ -271,24 +366,24 @@ |
| 271 | that.$endLoading(); | 366 | that.$endLoading(); |
| 272 | that.isShow = true; | 367 | that.isShow = true; |
| 273 | this.czrOptions = this.ruleForm.qlrList; | 368 | this.czrOptions = this.ruleForm.qlrList; |
| 274 | }) | 369 | }); |
| 275 | }) | 370 | }); |
| 276 | }, | 371 | }, |
| 277 | 372 | ||
| 278 | computed: { | 373 | computed: { |
| 279 | ...mapGetters(["dictData", "flag"]) | 374 | ...mapGetters(["dictData", "flag"]), |
| 280 | }, | 375 | }, |
| 281 | data () { | 376 | data () { |
| 282 | return { | 377 | return { |
| 283 | mjdw: '1', | 378 | mjdw: "1", |
| 284 | value2: { | 379 | value2: { |
| 285 | id: "520000198407304275", | 380 | id: "520000198407304275", |
| 286 | user: "史平" | 381 | user: "史平", |
| 287 | }, | 382 | }, |
| 288 | props: { | 383 | props: { |
| 289 | label: 'user', | 384 | label: "user", |
| 290 | value: 'id', | 385 | value: "id", |
| 291 | keyword: "keyword" | 386 | keyword: "keyword", |
| 292 | }, | 387 | }, |
| 293 | 388 | ||
| 294 | //表单是否可操作 | 389 | //表单是否可操作 |
| ... | @@ -300,8 +395,8 @@ | ... | @@ -300,8 +395,8 @@ |
| 300 | ruleForm: {}, | 395 | ruleForm: {}, |
| 301 | //传递参数 | 396 | //传递参数 |
| 302 | propsParam: {}, | 397 | propsParam: {}, |
| 303 | rules: {} | 398 | rules: {}, |
| 304 | } | 399 | }; |
| 305 | }, | 400 | }, |
| 306 | methods: { | 401 | methods: { |
| 307 | // 更新土地用途信息 | 402 | // 更新土地用途信息 |
| ... | @@ -311,14 +406,14 @@ | ... | @@ -311,14 +406,14 @@ |
| 311 | }, | 406 | }, |
| 312 | // 更新权利人信息 | 407 | // 更新权利人信息 |
| 313 | upDateQlrxxList (val) { | 408 | upDateQlrxxList (val) { |
| 314 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) | 409 | this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); |
| 315 | this.czrOptions = this.ruleForm.qlrList; | 410 | this.czrOptions = this.ruleForm.qlrList; |
| 316 | this.key++ | 411 | this.key++; |
| 317 | }, | 412 | }, |
| 318 | // 更新义务人信息 | 413 | // 更新义务人信息 |
| 319 | upDateYwrxxList (val) { | 414 | upDateYwrxxList (val) { |
| 320 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)) | 415 | this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); |
| 321 | this.key++ | 416 | this.key++; |
| 322 | }, | 417 | }, |
| 323 | onSubmit () { | 418 | onSubmit () { |
| 324 | if (this.ruleForm.qlrList.length == 0) { | 419 | if (this.ruleForm.qlrList.length == 0) { |
| ... | @@ -343,18 +438,19 @@ | ... | @@ -343,18 +438,19 @@ |
| 343 | } | 438 | } |
| 344 | if (this.ruleForm.sldy.gyfs == "1") { | 439 | if (this.ruleForm.sldy.gyfs == "1") { |
| 345 | //是否分别持证 | 440 | //是否分别持证 |
| 346 | if (this.ruleForm.sldy.sqfbcz == '1') { //是 | 441 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 442 | //是 | ||
| 347 | this.ruleForm.qlrList.forEach((item, index) => { | 443 | this.ruleForm.qlrList.forEach((item, index) => { |
| 348 | item.sfczr = "1" | 444 | item.sfczr = "1"; |
| 349 | }); | 445 | }); |
| 350 | } else { | 446 | } else { |
| 351 | this.ruleForm.qlrList.forEach((item, index) => { | 447 | this.ruleForm.qlrList.forEach((item, index) => { |
| 352 | if (item.zjh == this.ruleForm.czr) { | 448 | if (item.zjh == this.ruleForm.czr) { |
| 353 | item.sfczr = "1" | 449 | item.sfczr = "1"; |
| 354 | } else { | 450 | } else { |
| 355 | item.sfczr = "0" | 451 | item.sfczr = "0"; |
| 356 | } | 452 | } |
| 357 | }) | 453 | }); |
| 358 | } | 454 | } |
| 359 | } | 455 | } |
| 360 | saveData(this.ruleForm).then((res) => { | 456 | saveData(this.ruleForm).then((res) => { |
| ... | @@ -362,22 +458,22 @@ | ... | @@ -362,22 +458,22 @@ |
| 362 | this.$message({ | 458 | this.$message({ |
| 363 | showClose: true, | 459 | showClose: true, |
| 364 | message: "保存成功!", | 460 | message: "保存成功!", |
| 365 | type: "success" | 461 | type: "success", |
| 366 | }) | 462 | }); |
| 367 | this.$store.dispatch('user/refreshPage', true); | 463 | this.$store.dispatch("user/refreshPage", true); |
| 368 | } else { | 464 | } else { |
| 369 | this.$message({ | 465 | this.$message({ |
| 370 | showClose: true, | 466 | showClose: true, |
| 371 | message: res.message, | 467 | message: res.message, |
| 372 | type: "error" | 468 | type: "error", |
| 373 | }) | 469 | }); |
| 374 | } | ||
| 375 | }) | ||
| 376 | } | ||
| 377 | } | ||
| 378 | } | 470 | } |
| 471 | }); | ||
| 472 | }, | ||
| 473 | }, | ||
| 474 | }; | ||
| 379 | </script> | 475 | </script> |
| 380 | <style scoped lang='scss'> | 476 | <style scoped lang="scss"> |
| 381 | @import "~@/styles/public.scss"; | 477 | @import "~@/styles/public.scss"; |
| 382 | @import "~@/styles/slxx/slxx.scss"; | 478 | @import "~@/styles/slxx/slxx.scss"; |
| 383 | </style> | 479 | </style> | ... | ... |
| ... | @@ -111,7 +111,7 @@ | ... | @@ -111,7 +111,7 @@ |
| 111 | <el-row :gutter="10"> | 111 | <el-row :gutter="10"> |
| 112 | <el-col :span="14" v-if="ruleForm.qlxx"> | 112 | <el-col :span="14" v-if="ruleForm.qlxx"> |
| 113 | <el-form-item label="共有方式:"> | 113 | <el-form-item label="共有方式:"> |
| 114 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs"> | 114 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
| 115 | <el-radio label="0">单独所有</el-radio> | 115 | <el-radio label="0">单独所有</el-radio> |
| 116 | <el-radio label="1">共同共有</el-radio> | 116 | <el-radio label="1">共同共有</el-radio> |
| 117 | <el-radio label="2">按份所有</el-radio> | 117 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -120,13 +120,13 @@ | ... | @@ -120,13 +120,13 @@ |
| 120 | </el-form-item> | 120 | </el-form-item> |
| 121 | </el-col> | 121 | </el-col> |
| 122 | </el-row> | 122 | </el-row> |
| 123 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 123 | <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" :tableData="ruleForm.qlrList" |
| 124 | :gyfs="ruleForm.qlxx.gyfs" /> | 124 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 125 | <div class="slxx_title title-block"> | 125 | <div class="slxx_title title-block"> |
| 126 | 义务人信息 | 126 | 义务人信息 |
| 127 | <div class="triangle"></div> | 127 | <div class="triangle"></div> |
| 128 | </div> | 128 | </div> |
| 129 | <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" | 129 | <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" :tableData="ruleForm.ywrList" |
| 130 | :gyfs="ruleForm.qlxx.gyfs" /> | 130 | :gyfs="ruleForm.qlxx.gyfs" /> |
| 131 | <div class="slxx_title title-block"> | 131 | <div class="slxx_title title-block"> |
| 132 | 登记原因 | 132 | 登记原因 |
| ... | @@ -135,14 +135,14 @@ | ... | @@ -135,14 +135,14 @@ |
| 135 | <el-row :gutter="10"> | 135 | <el-row :gutter="10"> |
| 136 | <el-col> | 136 | <el-col> |
| 137 | <el-form-item label="登记原因:" prop="djyy"> | 137 | <el-form-item label="登记原因:" prop="djyy"> |
| 138 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | 138 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 139 | v-model="ruleForm.ygdj.djyy"> | 139 | v-model="ruleForm.ygdj.djyy"> |
| 140 | </el-input> | 140 | </el-input> |
| 141 | </el-form-item> | 141 | </el-form-item> |
| 142 | </el-col> | 142 | </el-col> |
| 143 | </el-row> | 143 | </el-row> |
| 144 | </div> | 144 | </div> |
| 145 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 145 | <el-row class="btn" v-if="ableOperation"> |
| 146 | <el-form-item> | 146 | <el-form-item> |
| 147 | <el-button type="primary" @click="onSubmit">保存</el-button> | 147 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 148 | </el-form-item> | 148 | </el-form-item> | ... | ... |
| ... | @@ -114,7 +114,7 @@ | ... | @@ -114,7 +114,7 @@ |
| 114 | <el-row :gutter="10"> | 114 | <el-row :gutter="10"> |
| 115 | <el-col :span="14" v-if="ruleForm.qlxx"> | 115 | <el-col :span="14" v-if="ruleForm.qlxx"> |
| 116 | <el-form-item label="共有方式:"> | 116 | <el-form-item label="共有方式:"> |
| 117 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 117 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
| 118 | <el-radio label="0">单独所有</el-radio> | 118 | <el-radio label="0">单独所有</el-radio> |
| 119 | <el-radio label="1">共同共有</el-radio> | 119 | <el-radio label="1">共同共有</el-radio> |
| 120 | <el-radio label="2">按份所有</el-radio> | 120 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -138,14 +138,14 @@ | ... | @@ -138,14 +138,14 @@ |
| 138 | <el-row :gutter="10"> | 138 | <el-row :gutter="10"> |
| 139 | <el-col> | 139 | <el-col> |
| 140 | <el-form-item label="登记原因:" prop="djyy"> | 140 | <el-form-item label="登记原因:" prop="djyy"> |
| 141 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 141 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 142 | v-model="ruleForm.ygdj.djyy"> | 142 | v-model="ruleForm.ygdj.djyy"> |
| 143 | </el-input> | 143 | </el-input> |
| 144 | </el-form-item> | 144 | </el-form-item> |
| 145 | </el-col> | 145 | </el-col> |
| 146 | </el-row> | 146 | </el-row> |
| 147 | </div> | 147 | </div> |
| 148 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 148 | <el-row class="btn" v-if="ableOperation"> |
| 149 | <el-form-item> | 149 | <el-form-item> |
| 150 | <el-button type="primary" @click="onSubmit">保存</el-button> | 150 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 151 | </el-form-item> | 151 | </el-form-item> | ... | ... |
| ... | @@ -136,13 +136,13 @@ | ... | @@ -136,13 +136,13 @@ |
| 136 | <el-col :span="16"> | 136 | <el-col :span="16"> |
| 137 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定:"> | 137 | <el-form-item label="是否存在禁止或限制转让抵押不动产的约定:"> |
| 138 | <el-input v-model="ruleForm.ygdj.sfczjzhxz" | 138 | <el-input v-model="ruleForm.ygdj.sfczjzhxz" |
| 139 | :disabled="($route.query.viewtype == 1 || ruleForm.sldy.djlx == '300') && !ableOperation"></el-input> | 139 | :disabled="ruleForm.sldy.djlx == '300' && !ableOperation"></el-input> |
| 140 | </el-form-item> | 140 | </el-form-item> |
| 141 | </el-col> | 141 | </el-col> |
| 142 | <el-col :span="8"> | 142 | <el-col :span="8"> |
| 143 | <el-form-item label="担保范围:"> | 143 | <el-form-item label="担保范围:"> |
| 144 | <el-input v-model="ruleForm.ygdj.dbfw" | 144 | <el-input v-model="ruleForm.ygdj.dbfw" |
| 145 | :disabled="($route.query.viewtype == 1 || ruleForm.sldy.djlx == '300') && !ableOperation"></el-input> | 145 | :disabled="ruleForm.sldy.djlx == '300' && !ableOperation"></el-input> |
| 146 | </el-form-item> | 146 | </el-form-item> |
| 147 | </el-col> | 147 | </el-col> |
| 148 | 148 | ||
| ... | @@ -150,7 +150,7 @@ | ... | @@ -150,7 +150,7 @@ |
| 150 | <el-row> | 150 | <el-row> |
| 151 | <el-col :span="24"> | 151 | <el-col :span="24"> |
| 152 | <el-form-item label="附记:" prop="fj"> | 152 | <el-form-item label="附记:" prop="fj"> |
| 153 | <el-input type="textarea" v-model="ruleForm.ygdj.fj" :disabled="$route.query.viewtype == 1 && !ableOperation"></el-input> | 153 | <el-input type="textarea" v-model="ruleForm.ygdj.fj" :disabled="!ableOperation"></el-input> |
| 154 | </el-form-item> | 154 | </el-form-item> |
| 155 | </el-col> | 155 | </el-col> |
| 156 | </el-row> | 156 | </el-row> |
| ... | @@ -161,7 +161,7 @@ | ... | @@ -161,7 +161,7 @@ |
| 161 | <el-row :gutter="10"> | 161 | <el-row :gutter="10"> |
| 162 | <el-col :span="14"> | 162 | <el-col :span="14"> |
| 163 | <el-form-item label="共有方式:"> | 163 | <el-form-item label="共有方式:"> |
| 164 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 164 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
| 165 | <el-radio label="0">单独所有</el-radio> | 165 | <el-radio label="0">单独所有</el-radio> |
| 166 | <el-radio label="1">共同共有</el-radio> | 166 | <el-radio label="1">共同共有</el-radio> |
| 167 | <el-radio label="2">按份所有</el-radio> | 167 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -185,14 +185,14 @@ | ... | @@ -185,14 +185,14 @@ |
| 185 | <el-row :gutter="10"> | 185 | <el-row :gutter="10"> |
| 186 | <el-col> | 186 | <el-col> |
| 187 | <el-form-item label="登记原因:" prop="djyy"> | 187 | <el-form-item label="登记原因:" prop="djyy"> |
| 188 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 188 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 189 | v-model="ruleForm.ygdj.djyy"> | 189 | v-model="ruleForm.ygdj.djyy"> |
| 190 | </el-input> | 190 | </el-input> |
| 191 | </el-form-item> | 191 | </el-form-item> |
| 192 | </el-col> | 192 | </el-col> |
| 193 | </el-row> | 193 | </el-row> |
| 194 | </div> | 194 | </div> |
| 195 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 195 | <el-row class="btn" v-if="ableOperation"> |
| 196 | <el-form-item> | 196 | <el-form-item> |
| 197 | <el-button type="primary" @click="onSubmit">保存</el-button> | 197 | <el-button type="primary" @click="onSubmit">保存</el-button> |
| 198 | </el-form-item> | 198 | </el-form-item> | ... | ... |
| ... | @@ -83,7 +83,7 @@ | ... | @@ -83,7 +83,7 @@ |
| 83 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> | 83 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> |
| 84 | <el-form-item label="被担保主债权数额:"> | 84 | <el-form-item label="被担保主债权数额:"> |
| 85 | <el-input v-model="ruleForm.diyaqList[0].bdbzzqse" :disabled="!ableOperation"></el-input> | 85 | <el-input v-model="ruleForm.diyaqList[0].bdbzzqse" :disabled="!ableOperation"></el-input> |
| 86 | <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="$route.query.viewtype == '1' && !ableOperation"> | 86 | <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!ableOperation"> |
| 87 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 87 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 88 | </el-option> | 88 | </el-option> |
| 89 | </el-select> | 89 | </el-select> |
| ... | @@ -93,7 +93,7 @@ | ... | @@ -93,7 +93,7 @@ |
| 93 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2"> | 93 | <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2"> |
| 94 | <el-form-item label="最高债权额:"> | 94 | <el-form-item label="最高债权额:"> |
| 95 | <el-input v-model="ruleForm.diyaqList[0].zgzqse" :disabled="!ableOperation"></el-input> | 95 | <el-input v-model="ruleForm.diyaqList[0].zgzqse" :disabled="!ableOperation"></el-input> |
| 96 | <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="$route.query.viewtype == '1' && !ableOperation"> | 96 | <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!ableOperation"> |
| 97 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 97 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 98 | </el-option> | 98 | </el-option> |
| 99 | </el-select> | 99 | </el-select> |
| ... | @@ -118,7 +118,7 @@ | ... | @@ -118,7 +118,7 @@ |
| 118 | <el-col :span="24"> | 118 | <el-col :span="24"> |
| 119 | <el-form-item label="担保范围:"> | 119 | <el-form-item label="担保范围:"> |
| 120 | <el-input v-model="ruleForm.diyaqList[0].dbfw" | 120 | <el-input v-model="ruleForm.diyaqList[0].dbfw" |
| 121 | :disabled="($route.query.viewtype == 1 || ruleForm.sldyList[0].djlx == '300') && !ableOperation"></el-input> | 121 | :disabled="ruleForm.sldyList[0].djlx == '300' && !ableOperation"></el-input> |
| 122 | </el-form-item> | 122 | </el-form-item> |
| 123 | </el-col> | 123 | </el-col> |
| 124 | </el-row> | 124 | </el-row> |
| ... | @@ -132,7 +132,7 @@ | ... | @@ -132,7 +132,7 @@ |
| 132 | <el-row> | 132 | <el-row> |
| 133 | <el-col> | 133 | <el-col> |
| 134 | <el-form-item label="附记:" prop="fj"> | 134 | <el-form-item label="附记:" prop="fj"> |
| 135 | <el-input type="textarea" v-model="ruleForm.diyaqList[0].fj" :disabled="$route.query.viewtype == 1 && !ableOperation"></el-input> | 135 | <el-input type="textarea" v-model="ruleForm.diyaqList[0].fj" :disabled="!ableOperation"></el-input> |
| 136 | </el-form-item> | 136 | </el-form-item> |
| 137 | </el-col> | 137 | </el-col> |
| 138 | </el-row> | 138 | </el-row> |
| ... | @@ -144,7 +144,7 @@ | ... | @@ -144,7 +144,7 @@ |
| 144 | <el-row :gutter="10"> | 144 | <el-row :gutter="10"> |
| 145 | <el-col :span="14"> | 145 | <el-col :span="14"> |
| 146 | <el-form-item label="共有方式:"> | 146 | <el-form-item label="共有方式:"> |
| 147 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.sldyList[0].gyfs"> | 147 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldyList[0].gyfs"> |
| 148 | <el-radio label="0">单独所有</el-radio> | 148 | <el-radio label="0">单独所有</el-radio> |
| 149 | <el-radio label="1">共同共有</el-radio> | 149 | <el-radio label="1">共同共有</el-radio> |
| 150 | <el-radio label="2">按份所有</el-radio> | 150 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -169,14 +169,12 @@ | ... | @@ -169,14 +169,12 @@ |
| 169 | </el-form-item> | 169 | </el-form-item> |
| 170 | </el-col> | 170 | </el-col> |
| 171 | </el-row> | 171 | </el-row> |
| 172 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" | 172 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" :gyfs="ruleForm.sldyList[0].gyfs" /> |
| 173 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldyList[0].gyfs" /> | ||
| 174 | <div class="slxx_title title-block"> | 173 | <div class="slxx_title title-block"> |
| 175 | 抵押人信息 | 174 | 抵押人信息 |
| 176 | <div class="triangle"></div> | 175 | <div class="triangle"></div> |
| 177 | </div> | 176 | </div> |
| 178 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" | 177 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" /> |
| 179 | :viewtype="$route.query.viewtype" /> | ||
| 180 | 178 | ||
| 181 | <div class="slxx_title title-block"> | 179 | <div class="slxx_title title-block"> |
| 182 | 登记原因 | 180 | 登记原因 |
| ... | @@ -185,20 +183,19 @@ | ... | @@ -185,20 +183,19 @@ |
| 185 | <el-row :gutter="10"> | 183 | <el-row :gutter="10"> |
| 186 | <el-col> | 184 | <el-col> |
| 187 | <el-form-item v-if="ruleForm.sldyList[0].djlx == '400'" label="注销抵押原因:" prop="djyy"> | 185 | <el-form-item v-if="ruleForm.sldyList[0].djlx == '400'" label="注销抵押原因:" prop="djyy"> |
| 188 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 186 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 189 | v-model="ruleForm.diyaqList[0].zxdyyy"> | 187 | v-model="ruleForm.diyaqList[0].zxdyyy"> |
| 190 | </el-input> | 188 | </el-input> |
| 191 | </el-form-item> | 189 | </el-form-item> |
| 192 | <el-form-item v-else label="登记原因:" prop="djyy"> | 190 | <el-form-item v-else label="登记原因:" prop="djyy"> |
| 193 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 191 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 194 | v-model="ruleForm.diyaqList[0].djyy"> | 192 | v-model="ruleForm.diyaqList[0].djyy"> |
| 195 | </el-input> | 193 | </el-input> |
| 196 | </el-form-item> | 194 | </el-form-item> |
| 197 | </el-col> | 195 | </el-col> |
| 198 | </el-row> | 196 | </el-row> |
| 199 | |||
| 200 | </div> | 197 | </div> |
| 201 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 198 | <el-row class="btn" v-if="ableOperation"> |
| 202 | <el-form-item> | 199 | <el-form-item> |
| 203 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> | 200 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> |
| 204 | </el-form-item> | 201 | </el-form-item> | ... | ... |
| ... | @@ -127,7 +127,7 @@ | ... | @@ -127,7 +127,7 @@ |
| 127 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> | 127 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> |
| 128 | <el-form-item label="被担保主债权数额:"> | 128 | <el-form-item label="被担保主债权数额:"> |
| 129 | <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!ableOperation"></el-input> | 129 | <el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!ableOperation"></el-input> |
| 130 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1' && !ableOperation"> | 130 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="!ableOperation"> |
| 131 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 131 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 132 | </el-option> | 132 | </el-option> |
| 133 | </el-select> | 133 | </el-select> |
| ... | @@ -137,7 +137,7 @@ | ... | @@ -137,7 +137,7 @@ |
| 137 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> | 137 | <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> |
| 138 | <el-form-item label="最高债权额:"> | 138 | <el-form-item label="最高债权额:"> |
| 139 | <el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!ableOperation"></el-input> | 139 | <el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!ableOperation"></el-input> |
| 140 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1' && !ableOperation"> | 140 | <el-select v-model="ruleForm.diyaq.jedw" :disabled="!ableOperation"> |
| 141 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 141 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 142 | </el-option> | 142 | </el-option> |
| 143 | </el-select> | 143 | </el-select> |
| ... | @@ -162,7 +162,7 @@ | ... | @@ -162,7 +162,7 @@ |
| 162 | <el-col :span="24"> | 162 | <el-col :span="24"> |
| 163 | <el-form-item label="担保范围:"> | 163 | <el-form-item label="担保范围:"> |
| 164 | <el-input v-model="ruleForm.diyaq.dbfw" | 164 | <el-input v-model="ruleForm.diyaq.dbfw" |
| 165 | :disabled="($route.query.viewtype == 1 || ruleForm.sldy.djlx == '300') && !ableOperation"></el-input> | 165 | :disabled="ruleForm.sldy.djlx == '300' && !ableOperation"></el-input> |
| 166 | </el-form-item> | 166 | </el-form-item> |
| 167 | </el-col> | 167 | </el-col> |
| 168 | </el-row> | 168 | </el-row> |
| ... | @@ -176,7 +176,7 @@ | ... | @@ -176,7 +176,7 @@ |
| 176 | <el-row> | 176 | <el-row> |
| 177 | <el-col> | 177 | <el-col> |
| 178 | <el-form-item label="附记:" prop="fj"> | 178 | <el-form-item label="附记:" prop="fj"> |
| 179 | <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="$route.query.viewtype == 1 && !ableOperation"></el-input> | 179 | <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="!ableOperation"></el-input> |
| 180 | </el-form-item> | 180 | </el-form-item> |
| 181 | </el-col> | 181 | </el-col> |
| 182 | </el-row> | 182 | </el-row> |
| ... | @@ -188,7 +188,7 @@ | ... | @@ -188,7 +188,7 @@ |
| 188 | <el-row :gutter="10"> | 188 | <el-row :gutter="10"> |
| 189 | <el-col :span="14"> | 189 | <el-col :span="14"> |
| 190 | <el-form-item label="共有方式:"> | 190 | <el-form-item label="共有方式:"> |
| 191 | <el-radio-group :disabled="$route.query.viewtype == 1 && !ableOperation" v-model="ruleForm.sldy.gyfs"> | 191 | <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs"> |
| 192 | <el-radio label="0">单独所有</el-radio> | 192 | <el-radio label="0">单独所有</el-radio> |
| 193 | <el-radio label="1">共同共有</el-radio> | 193 | <el-radio label="1">共同共有</el-radio> |
| 194 | <el-radio label="2">按份所有</el-radio> | 194 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -213,14 +213,12 @@ | ... | @@ -213,14 +213,12 @@ |
| 213 | </el-form-item> | 213 | </el-form-item> |
| 214 | </el-col> | 214 | </el-col> |
| 215 | </el-row> | 215 | </el-row> |
| 216 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" | 216 | <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" :gyfs="ruleForm.sldy.gyfs" /> |
| 217 | :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" /> | ||
| 218 | <div class="slxx_title title-block"> | 217 | <div class="slxx_title title-block"> |
| 219 | 抵押人信息 | 218 | 抵押人信息 |
| 220 | <div class="triangle"></div> | 219 | <div class="triangle"></div> |
| 221 | </div> | 220 | </div> |
| 222 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" | 221 | <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="!ableOperation" /> |
| 223 | :viewtype="$route.query.viewtype" /> | ||
| 224 | 222 | ||
| 225 | <div class="slxx_title title-block"> | 223 | <div class="slxx_title title-block"> |
| 226 | 登记原因 | 224 | 登记原因 |
| ... | @@ -229,20 +227,19 @@ | ... | @@ -229,20 +227,19 @@ |
| 229 | <el-row :gutter="10"> | 227 | <el-row :gutter="10"> |
| 230 | <el-col> | 228 | <el-col> |
| 231 | <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因:" prop="djyy"> | 229 | <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因:" prop="djyy"> |
| 232 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation" | 230 | <el-input class="textArea" type="textarea" :disabled="!ableOperation" |
| 233 | v-model="ruleForm.diyaq.zxdyyy"> | 231 | v-model="ruleForm.diyaq.zxdyyy"> |
| 234 | </el-input> | 232 | </el-input> |
| 235 | </el-form-item> | 233 | </el-form-item> |
| 236 | <el-form-item v-else label="登记原因:" prop="djyy"> | 234 | <el-form-item v-else label="登记原因:" prop="djyy"> |
| 237 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1 && !ableOperation " | 235 | <el-input class="textArea" type="textarea" :disabled="!ableOperation " |
| 238 | v-model="ruleForm.diyaq.djyy"> | 236 | v-model="ruleForm.diyaq.djyy"> |
| 239 | </el-input> | 237 | </el-input> |
| 240 | </el-form-item> | 238 | </el-form-item> |
| 241 | </el-col> | 239 | </el-col> |
| 242 | </el-row> | 240 | </el-row> |
| 243 | |||
| 244 | </div> | 241 | </div> |
| 245 | <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> | 242 | <el-row class="btn" v-if="ableOperation"> |
| 246 | <el-form-item> | 243 | <el-form-item> |
| 247 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> | 244 | <el-button type="primary" @click="onSubmitClick()">保存</el-button> |
| 248 | </el-form-item> | 245 | </el-form-item> | ... | ... |
| ... | @@ -211,9 +211,7 @@ | ... | @@ -211,9 +211,7 @@ |
| 211 | "/workFrameView?bsmSlsq=" + | 211 | "/workFrameView?bsmSlsq=" + |
| 212 | item.bsmSlsq + | 212 | item.bsmSlsq + |
| 213 | "&bestepid=" + | 213 | "&bestepid=" + |
| 214 | item.bestepid + | 214 | item.bestepid |
| 215 | "&bsmBusiness=" + | ||
| 216 | "&viewtype=1" | ||
| 217 | ); | 215 | ); |
| 218 | window.open(href, `workFrameView${item.bsmSlsq}`); | 216 | window.open(href, `workFrameView${item.bsmSlsq}`); |
| 219 | } | 217 | } | ... | ... |
| ... | @@ -3,9 +3,7 @@ const path = require('path') | ... | @@ -3,9 +3,7 @@ const path = require('path') |
| 3 | function resolve (dir) { | 3 | function resolve (dir) { |
| 4 | return path.join(__dirname, dir) | 4 | return path.join(__dirname, dir) |
| 5 | } | 5 | } |
| 6 | |||
| 7 | const port = process.env.port || process.env.npm_config_port || 8888 // dev port | 6 | const port = process.env.port || process.env.npm_config_port || 8888 // dev port |
| 8 | |||
| 9 | // All configuration item explanations can be find in https://cli.vuejs.org/config/ | 7 | // All configuration item explanations can be find in https://cli.vuejs.org/config/ |
| 10 | module.exports = { | 8 | module.exports = { |
| 11 | /** | 9 | /** | ... | ... |
-
Please register or sign in to post a comment