Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
5a6462fc by yangwei
Options

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents f808eb02 a036215b
Inline Side-by-side
Showing 70 changed files with 3152 additions and 1742 deletions
...@@ -92,6 +92,31 @@ export function save (data) { ...@@ -92,6 +92,31 @@ export function save (data) {
92 } 92 }
93 93
94 /** 94 /**
95 * @description: 获取上手信息
96 * @param {*} data
97 * @author: renchao
98 */
99 export function getSsQlxx (params) {
100 return request({
101 url: SERVER.SERVERAPI + '/rest/djbRepair/getSsQlxx',
102 method: 'get',
103 params
104 })
105 }
106
107 /**
108 * @description: 获取主体信息
109 * @param {*} data
110 * @author: renchao
111 */
112 export function getZtQlxx (params) {
113 return request({
114 url: SERVER.SERVERAPI + '/rest/djbRepair/getZtQlxx',
115 method: 'get',
116 params
117 })
118 }
119 /**
95 * @description: 发起业务申请流程 120 * @description: 发起业务申请流程
96 * @param {*} data 121 * @param {*} data
97 * @author: renchao 122 * @author: renchao
...@@ -103,3 +128,15 @@ export function save (data) { ...@@ -103,3 +128,15 @@ export function save (data) {
103 data 128 data
104 }) 129 })
105 } 130 }
131 /**
132 * @description: 添加审核意见
133 * @param {*} data
134 * @author: renchao
135 */
136 export function addidea (data) {
137 return request({
138 url: SERVER.SERVERAPI + '/rest/djbRepair/sh',
139 method: 'post',
140 data
141 })
142 }
......
...@@ -21,170 +21,168 @@ ...@@ -21,170 +21,168 @@
21 </transition> 21 </transition>
22 </template> 22 </template>
23 <script> 23 <script>
24 import Popup1 from './index' 24 import Popup1 from './index'
25 export default { 25 export default {
26 name: 'index', 26 name: 'index',
27 data () { 27 data () {
28 return { 28 return {
29 title: '标题', 29 title: '标题',
30 editItem: "", 30 editItem: "",
31 isMain: false, 31 isMain: false,
32 formData: undefined,//父组件传递的参数 负责传给子组件 32 formData: undefined,//父组件传递的参数 负责传给子组件
33 btnShow: false, 33 btnShow: false,
34 cancel: function () { }, 34 cancel: function () { },
35 confirm: function () { }, 35 confirm: function () { },
36 cancelText: '取消', 36 cancelText: '取消',
37 confirmText: '确认', 37 confirmText: '确认',
38 isSync: false, 38 isSync: false,
39 isShow: false, 39 isShow: false,
40 myShow: false, 40 myShow: false,
41 titleStyle: 'center', 41 titleStyle: 'center',
42 width: "75%", 42 width: "75%",
43 height: "auto", 43 height: "auto",
44 contentHeight: "", 44 contentHeight: "",
45 iconClass: "", 45 iconClass: "",
46 key: 0 46 key: 0
47 } 47 }
48 }, 48 },
49 watch: { 49 watch: {
50 isShow (newValue) { 50 isShow (newValue) {
51 this.$nextTick(() => { 51 this.$nextTick(() => {
52 this.editItem = this.loadViewFn(this.editItem) 52 this.editItem = this.loadViewFn(this.editItem)
53 document.body.appendChild(this.$el); 53 document.body.appendChild(this.$el);
54 this.myShow = newValue 54 this.myShow = newValue
55 }) 55 })
56 } 56 }
57 }, 57 },
58 mounted () { 58 mounted () {
59 // 计算滚动条高度 59 // 计算滚动条高度
60 setTimeout(() => { 60 setTimeout(() => {
61 if (this.btnShow) { 61 if (this.btnShow) {
62 if (this.height == 'auto') { 62 if (this.height == 'auto') {
63 this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px' 63 this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px'
64 } else {
65 this.contentHeight = this.height
66 }
64 } else { 67 } else {
65 this.contentHeight = this.height 68 if (this.height == 'auto') {
69 this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px'
70 } else {
71 this.contentHeight = this.height
72 }
66 } 73 }
67 } else { 74 }, 300)
68 if (this.height == 'auto') { 75 },
69 this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px' 76 methods: {
70 } else { 77 onCancel () {
71 this.contentHeight = this.height 78 Popup1().close()
79 },
80 onConfirm () {
81 let res = new Promise((resolve, reject) => {
82 this.confirm()
83 resolve(true)
84 })
85 if (res) {
86 this.isShow = false
72 } 87 }
88 },
89 loadViewFn (view) {
90 return (r) =>
91 require.ensure([], () =>
92 r(require(`@/views/${view}.vue`))
93 )
73 } 94 }
74 }, 300)
75 },
76 methods: {
77 onCancel () {
78 Popup1().close()
79 }, 95 },
80 onConfirm () { 96 destroyed () {
81 let res = new Promise((resolve, reject) => { 97 if (this.appendToBody && this.$el && this.$el.parentNode) {
82 this.confirm() 98 this.$el.parentNode.removeChild(this.$el);
83 resolve(true)
84 })
85 if (res) {
86 this.isShow = false
87 } 99 }
88 },
89 loadViewFn (view) {
90 return (r) =>
91 require.ensure([], () =>
92 r(require(`@/views/${view}.vue`))
93 )
94 }
95 },
96 destroyed () {
97 if (this.appendToBody && this.$el && this.$el.parentNode) {
98 this.$el.parentNode.removeChild(this.$el);
99 } 100 }
100 } 101 }
101 }
102 </script> 102 </script>
103 <style scoped lang="scss" > 103 <style scoped lang="scss" >
104 @import "~@/styles/mixin.scss"; 104 @import "~@/styles/mixin.scss";
105 @import "~@/styles/dialogBox.scss"; 105 @import "~@/styles/dialogBox.scss";
106
107 .ls-mask {
108 width: 100%;
109 height: 100%;
110 z-index: 500;
111 position: fixed;
112 left: 0;
113 top: 0;
114 background: rgba(0, 0, 0, 0.3);
115
116 }
117 106
118 .ls-mask-window { 107 .ls-mask {
119 background: white; 108 width: 100%;
120 position: relative; 109 height: 100%;
121 left: 50%; 110 z-index: 500;
122 top: 50%; 111 position: fixed;
123 min-height: 200px; 112 left: 0;
124 transform: translate(-50%, -50%); 113 top: 0;
125 border-radius: 5px; 114 background: rgba(0, 0, 0, 0.3);
126 overflow: hidden; 115 }
127 }
128 116
129 .ls-mask-window b { 117 .ls-mask-window {
130 padding-left: 5px; 118 background: white;
131 } 119 position: relative;
120 left: 50%;
121 top: 50%;
122 min-height: 200px;
123 transform: translate(-50%, -50%);
124 border-radius: 5px;
125 overflow: hidden;
126 }
132 127
133 .ls-title { 128 .ls-mask-window b {
134 padding: 16px; 129 padding-left: 5px;
135 color: #ffffff; 130 }
136 background: linear-gradient(3deg, #409EFF, #a7cbee);
137 font-size: 16px;
138 }
139 131
140 .ls-title .svg-icon { 132 .ls-title {
141 font-size: 18px; 133 padding: 16px;
142 } 134 color: #ffffff;
135 background: linear-gradient(3deg, #409eff, #a7cbee);
136 font-size: 16px;
137 }
143 138
144 .mask-content { 139 .ls-title .svg-icon {
145 padding: 20px; 140 font-size: 18px;
146 width: 100%; 141 }
147 min-height: 30%;
148 max-height: 90vh;
149 overflow-y: scroll;
150 }
151 142
152 .ls-mask-footer { 143 .mask-content {
153 height: 50px; 144 padding: 20px;
154 display: flex; 145 width: 100%;
155 justify-content: center; 146 min-height: 30%;
156 width: 100%; 147 max-height: 90vh;
157 position: absolute; 148 overflow-y: scroll;
158 border-top: 1px solid $borderColor; 149 }
159 bottom: 0;
160 background: #ffffff;
161 border-bottom-left-radius: 5px;
162 border-bottom-right-radius: 5px;
163 overflow: hidden;
164 }
165 150
151 .ls-mask-footer {
152 height: 50px;
153 display: flex;
154 justify-content: center;
155 width: 100%;
156 position: absolute;
157 border-top: 1px solid $borderColor;
158 bottom: 0;
159 background: #ffffff;
160 border-bottom-left-radius: 5px;
161 border-bottom-right-radius: 5px;
162 overflow: hidden;
163 }
166 164
167 /deep/.closeStyle { 165 /deep/.closeStyle {
168 position: absolute; 166 position: absolute;
169 top: 13px; 167 top: 13px;
170 right: 26px; 168 right: 26px;
171 font-size: 24px; 169 font-size: 24px;
172 cursor: pointer; 170 cursor: pointer;
173 color: #409EFF; 171 color: #409eff;
174 } 172 }
175 173
176 /deep/.el-loading-mask { 174 /deep/.el-loading-mask {
177 background: none; 175 background: none;
178 } 176 }
179 177
180 .dialog-fade-enter-active, 178 .dialog-fade-enter-active,
181 .dialog-fade-leave-active { 179 .dialog-fade-leave-active {
182 transition: opacity 0.3s; 180 transition: opacity 0.3s;
183 } 181 }
184 182
185 .dialog-fade-enter, 183 .dialog-fade-enter,
186 .dialog-fade-leave-to { 184 .dialog-fade-leave-to {
187 opacity: 0; 185 opacity: 0;
188 } 186 }
189 </style> 187 </style>
190 188
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -4,12 +4,12 @@ ...@@ -4,12 +4,12 @@
4 * @Author: sakuya 4 * @Author: sakuya
5 * @Date: 2021年6月10日10:04:07 5 * @Date: 2021年6月10日10:04:07
6 * @LastEditors: Please set LastEditors 6 * @LastEditors: Please set LastEditors
7 * @LastEditTime: 2023-06-29 11:14:11 7 * @LastEditTime: 2023-07-05 10:39:17
8 --> 8 -->
9 9
10 <template> 10 <template>
11 <el-select ref="select" v-model="defaultValue" :size="size" :clearable="clearable" :multiple="multiple" :collapse-tags="collapseTags" 11 <el-select ref="select" v-model="defaultValue" :size="size" :clearable="clearable" :multiple="multiple" :collapse-tags="collapseTags"
12 :collapse-tags-tooltip="collapseTagsTooltip" :filterable="filterable" :placeholder="placeholder" :disabled="disabled" :filter-method="filterMethod" 12 :collapse-tags-tooltip="collapseTagsTooltip" :filterable="filterable" :placeholder="placeholder" :disabled="disabled"
13 @remove-tag="removeTag" @visible-change="visibleChange" @clear="clear"> 13 @remove-tag="removeTag" @visible-change="visibleChange" @clear="clear">
14 <template #empty> 14 <template #empty>
15 <div class="sc-table-select__table" :style="{width: tableWidth+'px'}" v-loading="loading"> 15 <div class="sc-table-select__table" :style="{width: tableWidth+'px'}" v-loading="loading">
...@@ -19,14 +19,10 @@ ...@@ -19,14 +19,10 @@
19 <el-table ref="table" :data="tableData" :height="245" :highlight-current-row="!multiple" @row-click="click" @select="select" @select-all="selectAll"> 19 <el-table ref="table" :data="tableData" :height="245" :highlight-current-row="!multiple" @row-click="click" @select="select" @select-all="selectAll">
20 <el-table-column v-if="multiple" type="selection" width="45"></el-table-column> 20 <el-table-column v-if="multiple" type="selection" width="45"></el-table-column>
21 <el-table-column v-else type="index" width="45"> 21 <el-table-column v-else type="index" width="45">
22 <template #default="scope"><span>{{scope.$index+(currentPage - 1) * pageSize + 1}}</span></template> 22 <template #default="scope"><span>{{scope.$index +1 }}</span></template>
23 </el-table-column> 23 </el-table-column>
24 <slot></slot> 24 <slot></slot>
25 </el-table> 25 </el-table>
26 <div class="sc-table-select__page">
27 <el-pagination small background layout="prev, pager, next" :total="total" :page-size="pageSize" v-model:currentPage="currentPage"
28 @current-change="reload"></el-pagination>
29 </div>
30 </div> 26 </div>
31 </template> 27 </template>
32 </el-select> 28 </el-select>
...@@ -48,29 +44,23 @@ ...@@ -48,29 +44,23 @@
48 disabled: { type: Boolean, default: false }, 44 disabled: { type: Boolean, default: false },
49 tableWidth: { type: Number, default: 400 }, 45 tableWidth: { type: Number, default: 400 },
50 mode: { type: String, default: "popover" }, 46 mode: { type: String, default: "popover" },
51 props: { type: Object, default: () => { } } 47 props: { type: Object, default: () => { } },
48 // 表格数据
49 tableData: { type: Array, default: () => { [] } },
52 }, 50 },
53 data () { 51 data () {
54 return { 52 return {
55 loading: false, 53 loading: false,
56 keyword: null, 54 keyword: null,
57 defaultValue: [], 55 defaultValue: [],
58 tableData: [],
59 pageSize: config.pageSize,
60 total: 0,
61 currentPage: 1,
62 defaultProps: { 56 defaultProps: {
63 label: config.props.label, 57 label: config.props.label,
64 value: config.props.value, 58 value: config.props.value
65 page: config.request.page,
66 pageSize: config.request.pageSize,
67 keyword: config.request.keyword
68 }, 59 },
69 formData: {} 60 formData: {}
70 } 61 }
71 }, 62 },
72 computed: { 63 computed: {
73
74 }, 64 },
75 watch: { 65 watch: {
76 modelValue: { 66 modelValue: {
...@@ -90,8 +80,6 @@ ...@@ -90,8 +80,6 @@
90 //表格显示隐藏回调 80 //表格显示隐藏回调
91 visibleChange (visible) { 81 visibleChange (visible) {
92 if (visible) { 82 if (visible) {
93 this.currentPage = 1
94 this.keyword = null
95 this.formData = {} 83 this.formData = {}
96 this.getData() 84 this.getData()
97 } else { 85 } else {
...@@ -100,58 +88,24 @@ ...@@ -100,58 +88,24 @@
100 }, 88 },
101 //获取表格数据 89 //获取表格数据
102 async getData () { 90 async getData () {
103 this.loading = true;
104 var reqData = {
105 [this.defaultProps.page]: this.currentPage,
106 [this.defaultProps.pageSize]: this.pageSize,
107 [this.defaultProps.keyword]: this.keyword
108 }
109 Object.assign(reqData, this.formData)
110 // var res = await this.apiObj.get(reqData);
111 let res = {
112 code: 200,
113 data: {
114 total: 2, rows: [
115 {
116 user: 11111111111,
117 id: 111111111111
118 },
119 {
120 user: 2222222222222,
121 id: 22222222222
122 }
123 ]
124 },
125 message: ""
126 }
127 var parseData = config.parseData(res)
128 this.tableData = parseData.rows;
129 this.total = parseData.total;
130 this.loading = false;
131 //表格默认赋值 91 //表格默认赋值
132 this.$nextTick(() => { 92 if (this.multiple) {
133 if (this.multiple) { 93 this.defaultValue.forEach(row => {
134 this.defaultValue.forEach(row => { 94 var setrow = this.tableData.filter(item => item[this.defaultProps.value] === row[this.defaultProps.value])
135 var setrow = this.tableData.filter(item => item[this.defaultProps.value] === row[this.defaultProps.value]) 95 if (setrow.length > 0) {
136 if (setrow.length > 0) { 96 this.$refs.table.toggleRowSelection(setrow[0], true);
137 this.$refs.table.toggleRowSelection(setrow[0], true); 97 }
138 } 98 })
139 }) 99 } else {
140 } else { 100 if (this.defaultValue) {
141 var setrow = this.tableData.filter(item => item[this.defaultProps.value] === this.defaultValue[this.defaultProps.value]) 101 var setrow = this.tableData.filter(item => item[this.defaultProps.value] === this.defaultValue[this.defaultProps.value])
142 this.$refs.table.setCurrentRow(setrow[0]); 102 // this.$refs.table.setCurrentRow(setrow[0]);
143 } 103 }
144 this.$refs.table.setScrollTop(0) 104 }
145 }) 105 // this.$refs.table.setScrollTop(0)
146 }, 106 },
147 //插糟表单提交 107 //插糟表单提交
148 formSubmit () { 108 formSubmit () {
149 this.currentPage = 1
150 this.keyword = null
151 this.getData()
152 },
153 //分页刷新表格
154 reload () {
155 this.getData() 109 this.getData()
156 }, 110 },
157 //自动模拟options赋值 111 //自动模拟options赋值
...@@ -162,7 +116,9 @@ ...@@ -162,7 +116,9 @@
162 item.currentLabel = item.value[this.defaultProps.label] 116 item.currentLabel = item.value[this.defaultProps.label]
163 }) 117 })
164 } else { 118 } else {
165 this.$refs.select.selectedLabel = this.defaultValue[this.defaultProps.label] 119 if (this.defaultValue) {
120 this.$refs.select.selectedLabel = this.defaultValue[this.defaultProps.label]
121 }
166 } 122 }
167 }) 123 })
168 }, 124 },
...@@ -207,6 +163,7 @@ ...@@ -207,6 +163,7 @@
207 this.defaultValue = row 163 this.defaultValue = row
208 this.$refs.select.blur() 164 this.$refs.select.blur()
209 this.autoCurrentLabel() 165 this.autoCurrentLabel()
166 this.$refs.table.setCurrentRow(row);
210 this.$emit('update:modelValue', this.defaultValue); 167 this.$emit('update:modelValue', this.defaultValue);
211 this.$emit('change', this.defaultValue); 168 this.$emit('change', this.defaultValue);
212 } 169 }
...@@ -225,14 +182,6 @@ ...@@ -225,14 +182,6 @@
225 findRowByKey (value) { 182 findRowByKey (value) {
226 return this.tableData.find(item => item[this.defaultProps.value] === value) 183 return this.tableData.find(item => item[this.defaultProps.value] === value)
227 }, 184 },
228 filterMethod (keyword) {
229 if (!keyword) {
230 this.keyword = null;
231 return false;
232 }
233 this.keyword = keyword;
234 this.getData()
235 },
236 // 触发select隐藏 185 // 触发select隐藏
237 blur () { 186 blur () {
238 this.$refs.select.blur(); 187 this.$refs.select.blur();
...@@ -244,7 +193,6 @@ ...@@ -244,7 +193,6 @@
244 } 193 }
245 } 194 }
246 </script> 195 </script>
247
248 <style scoped> 196 <style scoped>
249 .sc-table-select__table { 197 .sc-table-select__table {
250 padding: 12px; 198 padding: 12px;
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-29 11:05:49 4 * @LastEditTime: 2023-07-05 09:48:23
5 */ 5 */
6 //表格选择器配置 6 //表格选择器配置
7 7
...@@ -9,17 +9,12 @@ export default { ...@@ -9,17 +9,12 @@ export default {
9 pageSize: 10, //表格每一页条数 9 pageSize: 10, //表格每一页条数
10 parseData: function (res) { 10 parseData: function (res) {
11 return { 11 return {
12 data: res.data, 12 data: res.data
13 rows: res.data.rows, //分析行数据字段结构
14 total: res.data.total, //分析总数字段结构
15 msg: res.message, //分析描述字段结构
16 code: res.code //分析状态字段结构
17 } 13 }
18 }, 14 },
19 request: { 15 request: {
20 page: 'page', //规定当前分页字段 16 page: 'page', //规定当前分页字段
21 pageSize: 'pageSize', //规定一页条数字段 17 pageSize: 'pageSize', //规定一页条数字段
22 keyword: 'keyword' //规定搜索字段
23 }, 18 },
24 props: { 19 props: {
25 label: 'label', //映射label显示字段 20 label: 'label', //映射label显示字段
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-06-14 15:05:38
5 */
6 import Vue from 'vue'
7 import Popup from './index.vue'
8 const PopupBox = Vue.extend(Popup)
9 let popuping = undefined
10
11 PopupBox.prototype.close = function () {
12 // 如果Popup 有引用，则去掉引用
13 if (popuping) {
14 popuping = undefined
15 }
16 // 先将组件隐藏
17 this.isShow = false
18 // 延迟300毫秒，等待Popup关闭动画执行完之后销毁组件
19 setTimeout(() => {
20 // 移除挂载的dom元素
21 if (this.$el && this.$el.parentNode) {
22 this.$el.parentNode.removeChild(this.$el)
23 }
24 }, 300)
25 }
26
27 const Popup1 = (title, editItem, data, formData) => {
28 // 如果组件已渲染，则返回即可
29 if (popuping) {
30 return popuping
31 }
32 data.title = title
33 data.editItem = editItem
34 if (formData) {
35 data.formData = formData
36 }
37 // 通过构造函数初始化组件 相当于 new Vue()
38 let instance = new PopupBox({
39 data
40 }).$mount()
41 document.body.appendChild(instance.$el)
42 Vue.nextTick(() => {
43 instance.isShow = true
44 // 将组件实例赋值给loading
45 popuping = instance
46 })
47 return instance
48 }
49 export default Popup1
1 <template>
2 <transition name="msgbox-fade">
3 <div class="ls-mask" v-if="myShow">
4 <div class="ls-mask-window" :class="isMain ? 'mainCenter' : 'contentCenter'" :style="{ 'width': width }">
5 <div class="ls-head">
6 <div class="ls-title" :style="{ 'text-align': titleStyle }">
7 <svg-icon v-if="iconClass != ''" :icon-class='iconClass' />
8 <b>{{ title }}</b>
9 </div>
10 <svg-icon icon-class='close' class="closeStyle" @click="onCancel" />
11 </div>
12 <div class="mask-content" ref='contentRef' :style="{ 'height': contentHeight }">
13 <component :is="editItem" ref='childRef' :key="key" :formData='formData' />
14 </div>
15 <div class="ls-mask-footer" v-if='btnShow'>
16 <el-button type="primary" @click="onConfirm">{{ confirmText }}</el-button>
17 <el-button @click="onCancel">{{ cancelText }}</el-button>
18 </div>
19 </div>
20 </div>
21 </transition>
22 </template>
23 <script>
24 import Popup1 from './index'
25 export default {
26 name: 'index',
27 data () {
28 return {
29 title: '标题',
30 editItem: "",
31 isMain: false,
32 formData: undefined,//父组件传递的参数 负责传给子组件
33 btnShow: false,
34 cancel: function () { },
35 confirm: function () { },
36 cancelText: '取消',
37 confirmText: '确认',
38 isSync: false,
39 isShow: false,
40 myShow: false,
41 titleStyle: 'center',
42 width: "75%",
43 height: "auto",
44 contentHeight: "",
45 iconClass: "",
46 key: 0
47 }
48 },
49 watch: {
50 isShow (newValue) {
51 this.$nextTick(() => {
52 this.editItem = this.loadViewFn(this.editItem)
53 document.body.appendChild(this.$el);
54 this.myShow = newValue
55 })
56 }
57 },
58 mounted () {
59 // 计算滚动条高度
60 setTimeout(() => {
61 if (this.btnShow) {
62 if (this.height == 'auto') {
63 this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px'
64 } else {
65 this.contentHeight = this.height
66 }
67 } else {
68 if (this.height == 'auto') {
69 this.contentHeight = (this.$refs.contentRef.offsetHeight) + 'px'
70 } else {
71 this.contentHeight = this.height
72 }
73 }
74 }, 300)
75 },
76 methods: {
77 onCancel () {
78 Popup1().close()
79 },
80 onConfirm () {
81 let res = new Promise((resolve, reject) => {
82 this.confirm()
83 resolve(true)
84 })
85 if (res) {
86 this.isShow = false
87 }
88 },
89 loadViewFn (view) {
90 return (r) =>
91 require.ensure([], () =>
92 r(require(`@/views/${view}.vue`))
93 )
94 }
95 },
96 destroyed () {
97 if (this.appendToBody && this.$el && this.$el.parentNode) {
98 this.$el.parentNode.removeChild(this.$el);
99 }
100 }
101 }
102 </script>
103 <style scoped lang="scss" >
104 @import "~@/styles/mixin.scss";
105 @import "~@/styles/dialogBox.scss";
106
107 .ls-mask {
108 width: 100%;
109 height: 100%;
110 z-index: 500;
111 position: fixed;
112 left: 0;
113 top: 0;
114 background: rgba(0, 0, 0, 0.3);
115 }
116
117 .ls-mask-window {
118 background: white;
119 position: relative;
120 left: 50%;
121 top: 50%;
122 min-height: 200px;
123 transform: translate(-50%, -50%);
124 border-radius: 5px;
125 overflow: hidden;
126 }
127
128 .ls-mask-window b {
129 padding-left: 5px;
130 }
131
132 .ls-title {
133 padding: 16px;
134 color: #ffffff;
135 background: linear-gradient(3deg, #409eff, #a7cbee);
136 font-size: 16px;
137 }
138
139 .ls-title .svg-icon {
140 font-size: 18px;
141 }
142
143 .mask-content {
144 padding: 20px;
145 width: 100%;
146 min-height: 30%;
147 max-height: 90vh;
148 overflow-y: scroll;
149 }
150
151 .ls-mask-footer {
152 height: 50px;
153 display: flex;
154 justify-content: center;
155 width: 100%;
156 position: absolute;
157 border-top: 1px solid $borderColor;
158 bottom: 0;
159 background: #ffffff;
160 border-bottom-left-radius: 5px;
161 border-bottom-right-radius: 5px;
162 overflow: hidden;
163 }
164
165 /deep/.closeStyle {
166 position: absolute;
167 top: 13px;
168 right: 26px;
169 font-size: 24px;
170 cursor: pointer;
171 color: #409eff;
172 }
173
174 /deep/.el-loading-mask {
175 background: none;
176 }
177
178 .dialog-fade-enter-active,
179 .dialog-fade-leave-active {
180 transition: opacity 0.3s;
181 }
182
183 .dialog-fade-enter,
184 .dialog-fade-leave-to {
185 opacity: 0;
186 }
187 </style>
188
...\ No newline at end of file ...\ No newline at end of file
1 弹窗封装
2 2.用法以及参数：
3 this.$popup('提示','ywbl/dbx/aa',{
4 width: '75%', // 初始化75% 不需要改的话 可以直接不要
5 formData: this.formData, // 父组件传给子组件的参数
6 cancel: function () {}, //取消事件的回调 没有按钮可以不需要
7 confirm: function () {} //确认事件的回调 没有按钮可以不需要
8 })
9
10 5.后续有修改请添加在此处文档说明作用
...\ No newline at end of file ...\ No newline at end of file
...@@ -180,6 +180,10 @@ div:focus { ...@@ -180,6 +180,10 @@ div:focus {
180 } 180 }
181 } 181 }
182 182
183 .flex {
184 display: flex;
185 }
186
183 aside { 187 aside {
184 background: #eef1f6; 188 background: #eef1f6;
185 padding: 8px 24px; 189 padding: 8px 24px;
...@@ -446,4 +450,33 @@ aside { ...@@ -446,4 +450,33 @@ aside {
446 top: 0; 450 top: 0;
447 right: 0; 451 right: 0;
448 transform: rotate(-90deg); 452 transform: rotate(-90deg);
453 }
454
455 // 正在注销
456 .zhuxiaoIcon {
457 position: relative;
458
459 .icon {
460 position: absolute;
461 top: 9px;
462 right: 5px;
463 transform: rotate(45deg);
464 color: #fff;
465 font-size: 12px;
466 z-index: 10;
467 }
468 }
469
470 .zhuxiaoIcon::after {
471 content: "";
472 display: block;
473 width: 0;
474 height: 0;
475 border-width: 0px 0px 55px 55px;
476 border-style: none solid solid;
477 border-color: transparent transparent red;
478 position: absolute;
479 top: 0;
480 right: 0;
481 transform: rotate(-90deg);
449 } 482 }
...\ No newline at end of file ...\ No newline at end of file
......
1 /* 1 /*
2 * @Description: 弹框组件的封装 2 * @Description: 弹框组件的封装
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-04-11 09:31:14 4 * @LastEditTime: 2023-07-07 09:21:10
5 */ 5 */
6 import Popup from '@/components/Popup/index' 6 import ywPopup from '@/components/ywPopup/index'
7 import Popup1 from '@/components/Popup1/index' 7 import Popup1 from '@/components/Popup1/index'
8 export function popupDialog (title, url, params, width = '75%', isMain, height, btnShow = false, callback, cancel) { 8 export function popupDialog (title, url, params, width = '75%', isMain, height, btnShow = false, callback, cancel) {
9 // Popup.install 9 // Popup.install
...@@ -18,10 +18,32 @@ export function popupDialog (title, url, params, width = '75%', isMain, height, ...@@ -18,10 +18,32 @@ export function popupDialog (title, url, params, width = '75%', isMain, height,
18 }, 18 },
19 confirm: () => { 19 confirm: () => {
20 callback() 20 callback()
21 } 21 },
22 popupDialog: popupDialog // 将 popupDialog 方法传递给弹框组件
23 })
24 }
25
26 export function ywPopupDialog (title, url, params, width = '75%', isMain, height, btnShow = false, callback, cancel) {
27 // Popup.install
28 ywPopup(title, url, {
29 height: height,
30 width: width,
31 formData: params,
32 btnShow: btnShow,
33 isMain: isMain,
34 cancel: () => {
35 cancel()
36 },
37 confirm: () => {
38 callback()
39 },
40 popupDialog: popupDialog // 将 popupDialog 方法传递给弹框组件
22 }) 41 })
23 } 42 }
24 43
25 export function popupCacel () { 44 export function popupCacel () {
26 Popup1().close() 45 Popup1().close()
46 }
47 export function ywPopupCacel () {
48 ywPopupDialog().close()
27 } 49 }
...\ No newline at end of file ...\ No newline at end of file
......
1 <!--
2 功能：初始化功能描述
3 作者：calliope
4 -->
5 <template>
6 <div class='ywdialog'>
7 <el-link type="danger" :underline="false">{{formData.message}}</el-link>
8 <el-table
9 v-if="formData.result"
10 :data="formData.result"
11 height="200">
12 <el-table-column
13 prop="bdcdyh"
14 label="不动产单元号">
15 </el-table-column>
16 <el-table-column
17 prop="verifyErrorMessage"
18 label="状态">
19 </el-table-column>
20 </el-table>
21 </div>
22 </template>
23 <script>
24 export default {
25 props: {
26 formData: {
27 type: Object,
28 default: {}
29 }
30 }
31 }
32 </script>
33 <style scoped lang='scss'>
34 @import "~@/styles/public.scss";
35 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -4,27 +4,60 @@ ...@@ -4,27 +4,60 @@
4 * @LastEditTime: 2023-05-17 10:39:47 4 * @LastEditTime: 2023-05-17 10:39:47
5 --> 5 -->
6 <template> 6 <template>
7 <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" 7 <dialogBox
8 @closeDialog="closeDialog" :isButton="showButton"> 8 title="权利人信息"
9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> 9 width="60%"
10 isMain
11 v-model="myValue"
12 :isFullscreen="false"
13 @submitForm="submitForm"
14 @closeDialog="closeDialog"
15 :isButton="showButton"
16 >
17 <el-form
18 :model="ruleForm"
19 :rules="rules"
20 ref="ruleForm"
21 label-width="120px"
22 >
10 <el-row> 23 <el-row>
11 <el-col :span="8"> 24 <el-col :span="8">
12 <el-form-item label="权利人类型1" prop="sqrlx"> 25 <el-form-item label="权利人类型" prop="qlrlx">
13 <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择"> 26 <el-select
14 <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 27 clearable
28 v-model="ruleForm.qlrlx"
29 class="width100"
30 placeholder="请选择"
31 >
32 <el-option
33 v-for="item in dictData['A36']"
34 :key="item.dcode"
35 :label="item.dname"
36 :value="item.dcode"
37 >
15 </el-option> 38 </el-option>
16 </el-select> 39 </el-select>
17 </el-form-item> 40 </el-form-item>
18 </el-col> 41 </el-col>
19 <el-col :span="8"> 42 <el-col :span="8">
20 <el-form-item label="姓名/名称" prop="sqrmc"> 43 <el-form-item label="姓名/名称" prop="qlrmc">
21 <el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input> 44 <el-input v-model="ruleForm.qlrmc" maxlegth="15"></el-input>
22 </el-form-item> 45 </el-form-item>
23 </el-col> 46 </el-col>
24 <el-col :span="8"> 47 <el-col :span="8">
25 <el-form-item label="证件种类" prop="zjzl"> 48 <el-form-item label="证件种类" prop="zjzl">
26 <el-select clearable v-model="ruleForm.zjzl" class="width100" placeholder="请选择"> 49 <el-select
27 <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 50 clearable
51 v-model="ruleForm.zjzl"
52 class="width100"
53 placeholder="请选择"
54 >
55 <el-option
56 v-for="item in dictData['A30']"
57 :key="item.dcode"
58 :label="item.dname"
59 :value="item.dcode"
60 >
28 </el-option> 61 </el-option>
29 </el-select> 62 </el-select>
30 </el-form-item> 63 </el-form-item>
...@@ -33,18 +66,36 @@ ...@@ -33,18 +66,36 @@
33 <el-row> 66 <el-row>
34 <el-col :span="8"> 67 <el-col :span="8">
35 <el-form-item label="证件号" prop="zjh"> 68 <el-form-item label="证件号" prop="zjh">
36 <el-input v-model="ruleForm.zjh" maxlength="15" oninput="value=value.replace(/[^\X0-9]/g,'')"></el-input> 69 <el-input
70 v-model="ruleForm.zjh"
71 maxlength="15"
72 oninput="value=value.replace(/[^\X0-9]/g,'')"
73 ></el-input>
37 </el-form-item> 74 </el-form-item>
38 </el-col> 75 </el-col>
39 <el-col :span="8"> 76 <el-col :span="8">
40 <el-form-item label="联系电话" prop="dh"> 77 <el-form-item label="联系电话" prop="dh">
41 <el-input v-model="ruleForm.dh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> 78 <el-input
79 v-model="ruleForm.dh"
80 maxlength="11"
81 oninput="value=value.replace(/[^\d]/g,'')"
82 ></el-input>
42 </el-form-item> 83 </el-form-item>
43 </el-col> 84 </el-col>
44 <el-col :span="8"> 85 <el-col :span="8">
45 <el-form-item label="性别"> 86 <el-form-item label="性别">
46 <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择"> 87 <el-select
47 <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 88 clearable
89 v-model="ruleForm.xb"
90 class="width100"
91 placeholder="请选择"
92 >
93 <el-option
94 v-for="item in dictData['A43']"
95 :key="item.dcode"
96 :label="item.dname"
97 :value="item.dcode"
98 >
48 </el-option> 99 </el-option>
49 </el-select> 100 </el-select>
50 </el-form-item> 101 </el-form-item>
...@@ -58,12 +109,12 @@ ...@@ -58,12 +109,12 @@
58 </el-col> 109 </el-col>
59 <el-col :span="8"> 110 <el-col :span="8">
60 <el-form-item label="国家/地区"> 111 <el-form-item label="国家/地区">
61 <el-input v-model="ruleForm.gjdq"></el-input> 112 <el-input v-model="ruleForm.gj"></el-input>
62 </el-form-item> 113 </el-form-item>
63 </el-col> 114 </el-col>
64 <el-col :span="8"> 115 <el-col :span="8">
65 <el-form-item label="户籍所在省市"> 116 <el-form-item label="户籍所在省市">
66 <el-input v-model="ruleForm.szss"></el-input> 117 <el-input v-model="ruleForm.hjszss"></el-input>
67 </el-form-item> 118 </el-form-item>
68 </el-col> 119 </el-col>
69 </el-row> 120 </el-row>
...@@ -71,7 +122,7 @@ ...@@ -71,7 +122,7 @@
71 <el-row> 122 <el-row>
72 <el-col :span="16"> 123 <el-col :span="16">
73 <el-form-item label="地址"> 124 <el-form-item label="地址">
74 <el-input v-model="ruleForm.txdz"></el-input> 125 <el-input v-model="ruleForm.dz"></el-input>
75 </el-form-item> 126 </el-form-item>
76 </el-col> 127 </el-col>
77 <el-col :span="8"> 128 <el-col :span="8">
...@@ -107,7 +158,7 @@ ...@@ -107,7 +158,7 @@
107 </el-col> 158 </el-col>
108 <el-col :span="16"> 159 <el-col :span="16">
109 <el-form-item label="代理机构"> 160 <el-form-item label="代理机构">
110 <el-input v-model="ruleForm.dljg"></el-input> 161 <el-input v-model="ruleForm.dlrjgmc"></el-input>
111 </el-form-item> 162 </el-form-item>
112 </el-col> 163 </el-col>
113 </el-row> 164 </el-row>
...@@ -115,7 +166,11 @@ ...@@ -115,7 +166,11 @@
115 <el-row> 166 <el-row>
116 <el-col :span="8"> 167 <el-col :span="8">
117 <el-form-item label="联系电话"> 168 <el-form-item label="联系电话">
118 <el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> 169 <el-input
170 v-model="ruleForm.dlrdhhm"
171 maxlength="11"
172 oninput="value=value.replace(/[^\d]/g,'')"
173 ></el-input>
119 </el-form-item> 174 </el-form-item>
120 </el-col> 175 </el-col>
121 <el-col :span="8"> 176 <el-col :span="8">
...@@ -125,8 +180,18 @@ ...@@ -125,8 +180,18 @@
125 </el-col> 180 </el-col>
126 <el-col :span="8"> 181 <el-col :span="8">
127 <el-form-item label="代理人证件类型"> 182 <el-form-item label="代理人证件类型">
128 <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择"> 183 <el-select
129 <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 184 clearable
185 v-model="ruleForm.dlrzjlx"
186 class="width100"
187 placeholder="请选择"
188 >
189 <el-option
190 v-for="item in dictData['A30']"
191 :key="item.dcode"
192 :label="item.dname"
193 :value="item.dcode"
194 >
130 </el-option> 195 </el-option>
131 </el-select> 196 </el-select>
132 </el-form-item> 197 </el-form-item>
...@@ -143,83 +208,94 @@ ...@@ -143,83 +208,94 @@
143 </dialogBox> 208 </dialogBox>
144 </template> 209 </template>
145 <script> 210 <script>
146 import { mapGetters } from "vuex"; 211 import { mapGetters } from "vuex";
147 export default { 212 export default {
148 props: { 213 props: {
149 value: { type: Boolean, default: false }, 214 value: { type: Boolean, default: false },
150 details: { type: Object, default: {} }, 215 details: { type: Object, default: {} },
151 showButton: { type: Boolean, default: false } 216 showButton: { type: Boolean, default: false },
152 }, 217 },
153 computed: { 218 computed: {
154 ...mapGetters(["dictData"]), 219 ...mapGetters(["dictData"]),
155 }, 220 },
156 data () { 221 data() {
157 return { 222 return {
158 myValue: this.value, 223 myValue: this.value,
159 ruleForm: { 224 ruleForm: {
160 sqrlx: "", 225 bsmBdcqz: "",
161 sqrmc: "", 226 bsmQlr: "",
162 zjzl: "", 227 bsmQlxx: "",
163 zjh: "", 228 bz: "",
164 dh: "", 229 cbfbm: "",
165 xb: "", 230 dh: "",
166 frmc: "", 231 dlrdhhm: "",
167 gjdq: "", 232 dlrjgmc: "",
168 szss: "", 233 dlrxm: "",
169 txdz: "", 234 dlrzjh: "",
170 yb: "", 235 dlrzjlx: "",
171 fzjg: "", 236 dz: "",
172 dzyj: "", 237 dzyj: "",
173 qlbl: "", 238 fbfbm: "",
174 gzdw: "", 239 frdh: "",
175 dljg: "", 240 frmc: "",
176 dlrxm: "", 241 fzjg: "",
177 dlrzjlx: "", 242 gj: "",
178 dlrzjh: "", 243 gzdw: "",
179 }, 244 hjszss: "",
180 rules: { 245 qlrlx: "",
181 sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], 246 qlrmc: "",
182 sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], 247 qlrtz: "",
183 zjzl: [{ required: true, message: "证件种类", trigger: "change" }], 248 sfczr: "",
184 zjh: [{ required: true, message: "证件号", trigger: "blur" }], 249 sshy: "",
185 }, 250 sxh: 0,
186 }; 251 xb: "",
187 }, 252 yb: "",
188 watch: { 253 zjh: "",
189 value (val) { 254 zjzl: "",
190 this.myValue = _.cloneDeep(val);
191 }, 255 },
192 details: { 256 rules: {
193 handler: function (val, oldVal) { 257 qlrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
194 this.ruleForm = val; 258 qlrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
195 }, 259 zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
196 deep: true, 260 zjh: [{ required: true, message: "证件号", trigger: "blur" }],
197 }, 261 },
262 };
263 },
264 watch: {
265 value(val) {
266 this.myValue = _.cloneDeep(val);
198 }, 267 },
199 methods: { 268 details: {
200 closeDialog () { 269 handler: function (val, oldVal) {
201 this.$emit("input", false); 270 this.ruleForm = val;
202 this.$refs["ruleForm"].resetFields();
203 },
204 submitForm () {
205 this.$refs.ruleForm.validate((valid) => {
206 if (valid) {
207 this.$emit("input", false);
208 this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
209 } else {
210 return false;
211 }
212 });
213 }, 271 },
272 deep: true,
273 },
274 },
275 methods: {
276 closeDialog() {
277 this.$emit("input", false);
278 this.$refs["ruleForm"].resetFields();
279 },
280 submitForm() {
281 this.$refs.ruleForm.validate((valid) => {
282 if (valid) {
283 this.$emit("input", false);
284 this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
285 } else {
286 return false;
287 }
288 });
214 }, 289 },
215 }; 290 },
291 };
216 </script> 292 </script>
217 <style scoped lang="scss"> 293 <style scoped lang="scss">
218 @import "~@/styles/dialogBoxheader.scss"; 294 @import "~@/styles/dialogBoxheader.scss";
219 .submit-button { 295 .submit-button {
220 text-align: center; 296 text-align: center;
221 height: 52px; 297 height: 52px;
222 padding-top: 10px; 298 padding-top: 10px;
223 background-color: #fff; 299 background-color: #fff;
224 } 300 }
225 </style> 301 </style>
......
...@@ -9,16 +9,16 @@ ...@@ -9,16 +9,16 @@
9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> 9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
10 <el-row> 10 <el-row>
11 <el-col :span="8"> 11 <el-col :span="8">
12 <el-form-item label="义务人类型1" prop="sqrlx"> 12 <el-form-item label="义务人类型" prop="ywrlx">
13 <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择"> 13 <el-select clearable v-model="ruleForm.ywrlx" class="width100" placeholder="请选择">
14 <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 14 <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode">
15 </el-option> 15 </el-option>
16 </el-select> 16 </el-select>
17 </el-form-item> 17 </el-form-item>
18 </el-col> 18 </el-col>
19 <el-col :span="8"> 19 <el-col :span="8">
20 <el-form-item label="姓名/名称" prop="sqrmc"> 20 <el-form-item label="姓名/名称" prop="ywrmc">
21 <el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input> 21 <el-input v-model="ruleForm.ywrmc" maxlegth="15"></el-input>
22 </el-form-item> 22 </el-form-item>
23 </el-col> 23 </el-col>
24 <el-col :span="8"> 24 <el-col :span="8">
...@@ -157,8 +157,8 @@ ...@@ -157,8 +157,8 @@
157 return { 157 return {
158 myValue: this.value, 158 myValue: this.value,
159 ruleForm: { 159 ruleForm: {
160 sqrlx: "", 160 ywrlx: "",
161 sqrmc: "", 161 ywrmc: "",
162 zjzl: "", 162 zjzl: "",
163 zjh: "", 163 zjh: "",
164 dh: "", 164 dh: "",
...@@ -178,8 +178,8 @@ ...@@ -178,8 +178,8 @@
178 dlrzjh: "", 178 dlrzjh: "",
179 }, 179 },
180 rules: { 180 rules: {
181 sqrlx: [{ required: true, message: "义务人类型", trigger: "change" }], 181 ywrlx: [{ required: true, message: "义务人类型", trigger: "change" }],
182 sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], 182 ywrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
183 zjzl: [{ required: true, message: "证件种类", trigger: "change" }], 183 zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
184 zjh: [{ required: true, message: "证件号", trigger: "blur" }], 184 zjh: [{ required: true, message: "证件号", trigger: "blur" }],
185 }, 185 },
......
...@@ -124,7 +124,8 @@ export default { ...@@ -124,7 +124,8 @@ export default {
124 //读取申请单元信息 124 //读取申请单元信息
125 loadBdcdylist(add) { 125 loadBdcdylist(add) {
126 var formdata = new FormData(); 126 var formdata = new FormData();
127 formdata.append("bsmSlsq", this.bsmSlsq); 127 if(this.bsmSlsq){
128 formdata.append("bsmSlsq", this.bsmSlsq);
128 formdata.append("bestepid", this.bestepid); 129 formdata.append("bestepid", this.bestepid);
129 leftMenu(formdata).then((res) => { 130 leftMenu(formdata).then((res) => {
130 if (res.code === 200 && res.result) { 131 if (res.code === 200 && res.result) {
...@@ -135,6 +136,8 @@ export default { ...@@ -135,6 +136,8 @@ export default {
135 } 136 }
136 } 137 }
137 }); 138 });
139 }
140
138 141
139 }, 142 },
140 // 获取右侧菜单 143 // 获取右侧菜单
......
...@@ -59,16 +59,17 @@ ...@@ -59,16 +59,17 @@
59 <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" /> 59 <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" />
60 <el-table-column label="流程状态" header-align="center" align="center"> 60 <el-table-column label="流程状态" header-align="center" align="center">
61 <template slot-scope="scope"> 61 <template slot-scope="scope">
62 <div v-if="scope.row.finishTime == null">正在办理</div> 62 <div v-if="scope.row.endTime">已完结</div>
63 <div v-else>已完结</div> 63 <div v-else>正在办理</div>
64 </template> 64 </template>
65 </el-table-column> 65 </el-table-column>
66 <el-table-column label="环节名称" prop="name" minWidth="100" align="center" /> 66 <el-table-column label="环节名称" prop="name" minWidth="100" align="center" />
67 <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> 67 <el-table-column label="办理人" prop="agent" minWidth="120" align="center" />
68 <el-table-column label="处理时间" prop="createTime" width="160" align="center" /> 68 <el-table-column label="转入时间" prop="createTime" :formatter="formatDate" width="160" align="center" />
69 <el-table-column label="办结时间" prop="finishTime" width="160" align="center" /> 69 <el-table-column label="认领时间" prop="claimTime" :formatter="formatDate" width="160" align="center" />
70 <el-table-column label="操作方式" align="center"> 70 <el-table-column label="转出时间" prop="endTime" :formatter="formatDate" width="160" align="center" />
71 </el-table-column> 71 <el-table-column label="操作方式" prop="controls" align="center"/>
72 <el-table-column label="意见" prop="idea" align="center"/>
72 </el-table> 73 </el-table>
73 </div> 74 </div>
74 </div> 75 </div>
...@@ -118,6 +119,14 @@ ...@@ -118,6 +119,14 @@
118 this.clearViewer() 119 this.clearViewer()
119 }, 120 },
120 methods: { 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 },
121 processReZoom () { 130 processReZoom () {
122 this.defaultZoom = 1 131 this.defaultZoom = 1
123 this.bpmnViewer.get('canvas').zoom('fit-viewport', 'auto') 132 this.bpmnViewer.get('canvas').zoom('fit-viewport', 'auto')
...@@ -237,13 +246,32 @@ ...@@ -237,13 +246,32 @@
237 // 获取流程记录 246 // 获取流程记录
238 getCommentList() { 247 getCommentList() {
239 this.formData.allCommentList.forEach(async (item,index) => { 248 this.formData.allCommentList.forEach(async (item,index) => {
240 this.formData.allCommentList[index].agent=item.assignee.name 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
241 }) 269 })
242 setTimeout(() => { 270 this.taskList =[...this.formData.allCommentList,...this.formData.handlinglist];
243 this.taskList =this.formData.allCommentList; 271 // this.taskList =this.formData.allCommentList;
244 // 处理数据之后赋值 272 // 处理数据之后赋值
245 this.taskCommentList=this.taskList 273 this.taskCommentList=this.taskList
246 }, 100) 274
247 }, 275 },
248 276
249 // 设置流程图元素状态 277 // 设置流程图元素状态
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:41:20 4 * @LastEditTime: 2023-05-17 10:41:20
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
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="showButton" @updateDetail="handleupdateDetail" />
...@@ -70,7 +70,7 @@ ...@@ -70,7 +70,7 @@
70 } 70 }
71 }, 71 },
72 { 72 {
73 prop: "sqrmc", 73 prop: "qlrmc",
74 label: "姓名/名称" 74 label: "姓名/名称"
75 }, 75 },
76 { 76 {
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
121 this.$nextTick(() => { 121 this.$nextTick(() => {
122 if (val.length == 0 || !val) { 122 if (val.length == 0 || !val) {
123 that.tableDataList = _.cloneDeep([{ 123 that.tableDataList = _.cloneDeep([{
124 sqrmc: '', 124 qlrmc: '',
125 dlrzjlx: '', 125 dlrzjlx: '',
126 dlrzjh: '', 126 dlrzjh: '',
127 fr: '' 127 fr: ''
...@@ -219,3 +219,6 @@ ...@@ -219,3 +219,6 @@
219 } 219 }
220 } 220 }
221 </script> 221 </script>
222 <style scoped lang="scss">
223
224 </style>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
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 <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> 11 <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 :show-message="false"
4 * @LastEditTime: 2023-06-25 15:52:42 5 * @LastEditTime: 2023-06-25 15:52:42
5 --> 6 -->
6 <template> 7 <template>
...@@ -13,7 +14,9 @@ ...@@ -13,7 +14,9 @@
13 ref="ruleForm" 14 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
15 :inline="flag" 16 :inline="flag"
16 label-width="127px"> 17 label-width="145px"
18 inline-message
19 >
17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 21 <div class="slxx_title title-block">
19 补录信息 22 补录信息
...@@ -37,7 +40,120 @@ ...@@ -37,7 +40,120 @@
37 </el-col> 40 </el-col>
38 </el-row> 41 </el-row>
39 <div class="slxx_title title-block"> 42 <div class="slxx_title title-block">
40 房地产权（独幢、层、套、间房屋） 43 查封不动产情况
44 <div class="triangle"></div>
45 </div>
46 <el-row :gutter="10">
47 <el-col :span="8">
48 <el-form-item label="查封不动产权信息：">
49 <select-table
50 v-model="ruleForm.ztQlxx"
51 :table-width="550"
52 :tableData="ztQlxxList"
53 :props="props"
54 @change="ztQlxxchange"
55 >
56 <el-table-column
57 prop="qllxmc"
58 width="130"
59 label="权利类型"
60 ></el-table-column>
61 <el-table-column
62 prop="bdcqzh"
63 width="160"
64 label="不动产权证书"
65 ></el-table-column>
66 <el-table-column
67 prop="qlrmc"
68 label="被执行人"
69 ></el-table-column>
70 <el-table-column prop="mjmc" label="面积"></el-table-column>
71 <el-table-column prop="ytmc" label="用途"></el-table-column>
72 <el-table-column prop="zl" label="坐落"></el-table-column>
73 </select-table>
74 </el-form-item>
75 </el-col>
76
77 <el-col :span="8" v-if="ruleForm.cfdj.sfbxf == '1'">
78 <el-form-item label="上手权利信息：">
79 <select-table
80 v-model="ruleForm.ssQlxx"
81 :table-width="550"
82 :tableData="ssQlxxList"
83 :props="props"
84 @change="ssQlxxchange"
85 >
86 <el-table-column
87 prop="qllxmc"
88 width="130"
89 label="权利类型"
90 ></el-table-column>
91 <el-table-column
92 prop="bdcqzh"
93 width="160"
94 label="不动产权证书"
95 ></el-table-column>
96 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
97 <el-table-column prop="mjmc" label="面积"></el-table-column>
98 <el-table-column prop="ytmc" label="用途"></el-table-column>
99 <el-table-column prop="zl" label="坐落"></el-table-column>
100 </select-table>
101 </el-form-item>
102 </el-col>
103 </el-row>
104 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
105 <el-col :span="8">
106 <el-form-item label="权利人：">
107 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="证件种类：">
112 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="证件号：">
117 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
118 </el-form-item>
119 </el-col>
120 </el-row>
121 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
122 <el-col :span="8">
123 <el-form-item label="权利类型：">
124 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
125 </el-form-item>
126 </el-col>
127 <el-col :span="8">
128 <el-form-item label="不动产权证号：">
129 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="坐落：">
134 <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
135 </el-form-item>
136 </el-col>
137 </el-row>
138 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
139 <el-col :span="8">
140 <el-form-item label="不动产单元号：">
141 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
142 </el-form-item>
143 </el-col>
144 <el-col :span="8">
145 <el-form-item label="面积：">
146 <el-input disabled v-model="ruleForm.ztQlxx.mj"></el-input>
147 </el-form-item>
148 </el-col>
149 <el-col :span="8">
150 <el-form-item label="用途：">
151 <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input>
152 </el-form-item>
153 </el-col>
154 </el-row>
155 <div class="slxx_title title-block">
156 查封登记信息
41 <div class="triangle"></div> 157 <div class="triangle"></div>
42 </div> 158 </div>
43 <el-row :gutter="10"> 159 <el-row :gutter="10">
...@@ -53,7 +169,7 @@ ...@@ -53,7 +169,7 @@
53 </el-col> 169 </el-col>
54 <el-col :span="8"> 170 <el-col :span="8">
55 <el-form-item label="上手业务号："> 171 <el-form-item label="上手业务号：">
56 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 172 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
57 </el-form-item> 173 </el-form-item>
58 </el-col> 174 </el-col>
59 </el-row> 175 </el-row>
...@@ -64,10 +180,14 @@ ...@@ -64,10 +180,14 @@
64 </el-form-item> 180 </el-form-item>
65 </el-col> 181 </el-col>
66 <el-col :span="8"> 182 <el-col :span="8">
67 <el-form-item label="登记类型："> 183 <el-form-item label="是否被续封：">
68 <el-select v-model="ruleForm.qlxx.djlx"> 184 <el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange">
69 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 185 <el-option
70 </el-option> 186 v-for="item in sfbxflist"
187 :key="item.dcode"
188 :label="item.dname"
189 :value="item.dcode"
190 ></el-option>
71 </el-select> 191 </el-select>
72 </el-form-item> 192 </el-form-item>
73 </el-col> 193 </el-col>
...@@ -77,67 +197,150 @@ ...@@ -77,67 +197,150 @@
77 </el-form-item> 197 </el-form-item>
78 </el-col> 198 </el-col>
79 <el-col :span="8"> 199 <el-col :span="8">
80 <el-form-item label="不动产权证号："> 200 <el-form-item label="权属状态：">
201 <el-select v-model="ruleForm.qlxx.qszt">
202 <el-option
203 v-for="item in qsztlist"
204 :key="item.dcode"
205 :label="item.dname"
206 :value="item.dcode"
207 ></el-option>
208 </el-select>
209 </el-form-item>
210 </el-col>
211 <el-col :span="8">
212 <el-form-item
213 label="不动产权证号："
214 prop="qlxx.bdcqzh"
215 :rules="rules.bdcqzhrules"
216 >
81 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 217 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
82 </el-form-item> 218 </el-form-item>
83 </el-col> 219 </el-col>
84 <el-col :span="8"> 220 <el-col :span="8">
85 <el-form-item label="区县代码："> 221 <el-form-item label="查封机关：">
222 <el-input v-model="ruleForm.cfdj.cfjg"></el-input>
223 </el-form-item>
224 </el-col>
225 <el-col :span="8">
226 <el-form-item label="查封类型：">
227 <el-select v-model="ruleForm.cfdj.cflx">
228 <el-option
229 v-for="item in dictData['A32']"
230 :key="item.dcode"
231 :label="item.dname"
232 :value="item.dcode"
233 ></el-option>
234 </el-select>
235 </el-form-item>
236 </el-col>
237 <el-col :span="8">
238 <el-form-item label="查封文号：">
239 <el-input v-model="ruleForm.cfdj.cfwh"></el-input>
240 </el-form-item>
241 </el-col>
242 <el-col :span="8">
243 <el-form-item label="查封起始时间：">
244 <el-input v-model="ruleForm.cfdj.cfqssj"></el-input>
245 </el-form-item>
246 </el-col>
247 <el-col :span="8">
248 <el-form-item label="查封结束时间：">
249 <el-input v-model="ruleForm.cfdj.cfjssj"></el-input>
250 </el-form-item>
251 </el-col>
252 <el-col :span="8">
253 <el-form-item label="查封期限：">
254 <el-input v-model="ruleForm.cfdj.cfqx"></el-input>
255 </el-form-item>
256 </el-col>
257 <el-col :span="8">
258 <el-form-item label="查封范围：">
259 <el-input v-model="ruleForm.cfdj.cffw"></el-input>
260 </el-form-item>
261 </el-col>
262 <el-col :span="8">
263 <el-form-item
264 label="区县代码："
265 prop="qlxx.qxdm"
266 :rules="rules.qxdmrules"
267 >
86 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 268 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
87 </el-form-item> 269 </el-form-item>
88 </el-col> 270 </el-col>
89 <el-col :span="8"> 271 <el-col :span="8">
90 <el-form-item label="登记机构："> 272 <el-form-item
273 label="登记机构："
274 prop="qlxx.djjg"
275 :rules="rules.djjgrules"
276 >
91 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 277 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
92 </el-form-item> 278 </el-form-item>
93 </el-col> 279 </el-col>
280
94 <el-col :span="8"> 281 <el-col :span="8">
95 <el-form-item label="登簿人："> 282 <el-form-item
283 label="登簿人："
284 prop="qlxx.dbr"
285 :rules="rules.dbrrules"
286 >
96 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 287 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
97 </el-form-item> 288 </el-form-item>
98 </el-col> 289 </el-col>
99 <el-col :span="8"> 290 <el-col :span="8">
100 <el-form-item label="登记时间："> 291 <el-form-item
101 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 292 label="登记时间："
293 prop="qlxx.djsj"
294 :rules="rules.djsjrules"
295 >
296 <el-date-picker
297 v-model="ruleForm.qlxx.djsj"
298 type="date"
299 placeholder="选择日期"
300 value-format="yyyy-MM-dd HH:mm:ss"
301 format="yyyy-MM-dd"
302 >
303 </el-date-picker>
102 </el-form-item> 304 </el-form-item>
103 </el-col> 305 </el-col>
104 </el-row> 306 <el-col :span="24">
105 <div class="slxx_title title-block"> 307 <el-form-item label="附记：">
106 权利人信息 308 <el-input v-model="ruleForm.cfdj.fj"></el-input>
107 <div class="triangle"></div>
108 </div>
109 <el-row :gutter="10">
110 <el-col :span="12">
111 <el-form-item label="共有方式：">
112 <el-radio-group
113 v-model="ruleForm.qlxx.gyqk">
114 <el-radio label="0">单独所有</el-radio>
115 <el-radio label="1">共同共有</el-radio>
116 <el-radio label="2">按份所有</el-radio>
117 <el-radio label="3">其它共有</el-radio>
118 </el-radio-group>
119 </el-form-item> 309 </el-form-item>
120 </el-col> 310 </el-col>
121 </el-row> 311 </el-row>
122 <qlrCommonTable 312 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
123 :tableData="ruleForm.qlrData" 313 <el-form-item label="解封业务号：">
124 @upDateQlrxxList="upDateQlrxxList" 314 <el-input v-model="ruleForm.cfdj.jfywh"></el-input>
125 :key="key" 315 </el-form-item>
126 :gyfs="ruleForm.qlxx.gyfs" /> 316 </el-col>
127 317 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
128 <div> 318 <el-form-item label="解封机关：">
129 <div class="slxx_title title-block"> 319 <el-input v-model="ruleForm.cfdj.jfjg"></el-input>
130 义务人信息 320 </el-form-item>
131 <div class="triangle"></div> 321 </el-col>
132 </div> 322 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
133 <ywrCommonTable 323 <el-form-item label="解封文件：">
134 v-if="ruleForm.ywrData" 324 <el-input v-model="ruleForm.cfdj.jfwj"></el-input>
135 :tableData="ruleForm.ywrData" 325 </el-form-item>
136 :key="key" 326 </el-col>
137 @upDateQlrxxList="upDateYwrxxList" /> 327 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
138 </div> 328 <el-form-item label="解封文号：">
329 <el-input v-model="ruleForm.cfdj.jfwh"></el-input>
330 </el-form-item>
331 </el-col>
332 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
333 <el-form-item label="解封登簿人：">
334 <el-input v-model="ruleForm.cfdj.jfdbr"></el-input>
335 </el-form-item>
336 </el-col>
337 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
338 <el-form-item label="解封登记时间：">
339 <el-input v-model="ruleForm.cfdj.jfdjsj"></el-input>
340 </el-form-item>
341 </el-col>
139 </div> 342 </div>
140 <el-row class="btn"> 343 <el-row class="btn" v-if="!$route.query.viewtype">
141 <el-form-item> 344 <el-form-item>
142 <el-button type="primary" @click="onSubmit">保存</el-button> 345 <el-button type="primary" @click="onSubmit">保存</el-button>
143 </el-form-item> 346 </el-form-item>
...@@ -147,26 +350,95 @@ ...@@ -147,26 +350,95 @@
147 </template> 350 </template>
148 <script> 351 <script>
149 import { mapGetters } from "vuex"; 352 import { mapGetters } from "vuex";
150 import { init,save } from "@/api/djbbl.js"; 353 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js";
151 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 354 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
152 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 355 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
153 import tdytTable from "@/views/workflow/components/tdytTable"; 356 import tdytTable from "@/views/workflow/components/tdytTable";
357 import selectTable from "@/components/selectTable/index.vue";
154 export default { 358 export default {
155 components: { qlrCommonTable,ywrCommonTable,tdytTable }, 359 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
156 computed: { 360 computed: {
157 ...mapGetters(["dictData", "flag"]), 361 ...mapGetters(["dictData", "flag"]),
158 }, 362 },
159 data() { 363 data() {
160 return { 364 return {
161 //表单是否可操作 365 //表单是否可操作
366 props: {
367 label: "bdcqzh",
368 value: "bdcdyid",
369 },
162 propsParam: this.$attrs, 370 propsParam: this.$attrs,
163 key: 0, 371 key: 0,
164 isShow: false, 372 isShow: false,
373 ssqlxxshow: true,
165 disabled: true, 374 disabled: true,
166 czrOptions: [], 375 czrOptions: [],
167 ruleForm: {}, 376 ruleForm: {},
168 //传递参数\
169 rules: {}, 377 rules: {},
378 // 登记类型
379 djlxlist: [
380 {
381 dcode: "100",
382 dname: "首次登记",
383 },
384 {
385 dcode: "200",
386 dname: "转移登记",
387 },
388 {
389 dcode: "300",
390 dname: "变更登记",
391 },
392 {
393 dcode: "500",
394 dname: "更正登记",
395 },
396
397 {
398 dcode: "901",
399 dname: "补证",
400 },
401 {
402 dcode: "902",
403 dname: "换证",
404 },
405 ],
406
407 // 权属状态
408 qsztlist: [
409 {
410 dcode: "1",
411 dname: "现势",
412 },
413 {
414 dcode: "2",
415 dname: "历史",
416 },
417 ],
418 // 是否被续封
419 sfbxflist: [
420 {
421 dcode: "0",
422 dname: "否",
423 },
424 {
425 dcode: "1",
426 dname: "是",
427 },
428 ],
429 //传递参数\
430
431 ssQlxxList: [],
432 ztQlxxList: [],
433 rules: {
434 bdcqzhrules: [
435 { required: true, message: "不动产权证号：", trigger: "change" },
436 ],
437 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
438 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
439 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
440 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
441 },
170 }; 442 };
171 }, 443 },
172 created() { 444 created() {
...@@ -174,28 +446,56 @@ export default { ...@@ -174,28 +446,56 @@ export default {
174 }, 446 },
175 mounted() {}, 447 mounted() {},
176 methods: { 448 methods: {
449 ztQlxxchange(val) {
450 this.ruleForm.ztQlxx = val;
451 },
452 ssQlxxchange(val) {
453 this.ruleForm.ssQlxx = val;
454 this.ruleForm.qlxx.ssywh = val.ssywh;
455 },
456 djlxchange(val) {
457 if (val == null || val == 100) {
458 this.ssqlxxshow = false;
459 } else {
460 this.ssqlxxshow = true;
461 }
462 },
177 loadData() { 463 loadData() {
178 console.log("查封登记",this.propsParam); 464 this.propsParam.isEdit = this.$parent.isEdit;
179 this.propsParam.isEdit=this.$parent.isEdit
180 init(this.propsParam).then((res) => { 465 init(this.propsParam).then((res) => {
181 if (res.code == 200) { 466 if (res.code == 200) {
182 this.ruleForm = res.result; 467 this.ruleForm = res.result;
183 console.log("this.ruleForm",this.ruleForm);
184 this.isShow = true; 468 this.isShow = true;
469 let djlx = this.ruleForm.qlxx.djlx;
470 if (djlx == null || djlx == 100) {
471 this.ssqlxxshow = false;
472 }
473 }
474 });
475 //获取主体信息
476 getSsQlxx({
477 bdcdyid: this.propsParam.bdcdyid,
478 qllx: this.propsParam.qllx,
479 }).then((res) => {
480 if (res.code == 200) {
481 this.ssQlxxList = res.result;
482 }
483 });
484 //获取上手信息
485 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
486 if (res.code == 200) {
487 this.ztQlxxList = res.result;
185 } 488 }
186 }); 489 });
187 }, 490 },
188 // 更新土地用途信息 491 // 更新土地用途信息
189 upDateTdytxxList(val) { 492 upDateTdytxxList(val) {
190 console.log("VAL",val);
191 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 493 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
192 this.key++; 494 this.key++;
193 }, 495 },
194 // 更新权利人信息 496 // 更新权利人信息
195 upDateQlrxxList(val) { 497 upDateQlrxxList(val) {
196 console.log("val",val);
197 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 498 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
198 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData);
199 this.czrOptions = this.ruleForm.qlrData; 499 this.czrOptions = this.ruleForm.qlrData;
200 this.key++; 500 this.key++;
201 }, 501 },
...@@ -205,58 +505,64 @@ export default { ...@@ -205,58 +505,64 @@ export default {
205 this.key++; 505 this.key++;
206 }, 506 },
207 onSubmit() { 507 onSubmit() {
208 console.log("this.ruleForm大信息",this.ruleForm); 508 this.$refs.ruleForm.validate((valid) => {
209 if (this.ruleForm.qlrData.length == 0) { 509 console.log("valid", valid);
210 this.$message({ 510 if (valid) {
211 showClose: true, 511 // if (this.ruleForm.qlrData.length == 0) {
212 message: "请确认权利人信息", 512 // this.$message({
213 type: "error", 513 // showClose: true,
214 }); 514 // message: "请确认权利人信息",
215 return false; 515 // type: "error",
216 } 516 // });
517 // return false;
518 // }
217 519
218 if (this.ruleForm.qlxx.gyfs == "0") { 520 // if (this.ruleForm.qlxx.gyfs == "0") {
219 if (this.ruleForm.qlrData.length > 1) { 521 // if (this.ruleForm.qlrData.length > 1) {
220 this.$message({ 522 // this.$message({
221 showClose: true, 523 // showClose: true,
222 message: "共有方式：单独所有，权利人只能是一个人", 524 // message: "共有方式：单独所有，权利人只能是一个人",
223 type: "error", 525 // type: "error",
224 }); 526 // });
225 return false; 527 // return false;
226 } 528 // }
227 this.ruleForm.qlrData[0].sfczr = "1"; 529 // this.ruleForm.qlrData[0].sfczr = "1";
228 } 530 // }
229 if (this.ruleForm.qlxx.gyfs == "1") { 531 // if (this.ruleForm.qlxx.gyfs == "1") {
230 //是否分别持证 532 // //是否分别持证
231 if (this.ruleForm.qlxx.sqfbcz == "1") { 533 // if (this.ruleForm.qlxx.sqfbcz == "1") {
232 //是 534 // //是
233 this.ruleForm.qlrData.forEach((item, index) => { 535 // this.ruleForm.qlrData.forEach((item, index) => {
234 item.sfczr = "1"; 536 // item.sfczr = "1";
235 }); 537 // });
236 } else { 538 // } else {
237 this.ruleForm.qlrData.forEach((item, index) => { 539 // this.ruleForm.qlrData.forEach((item, index) => {
238 if (item.zjh == this.ruleForm.czr) { 540 // if (item.zjh == this.ruleForm.czr) {
239 item.sfczr = "1"; 541 // item.sfczr = "1";
542 // } else {
543 // item.sfczr = "0";
544 // }
545 // });
546 // }
547 // }
548 save(this.ruleForm).then((res) => {
549 if (res.code === 200) {
550 this.$message({
551 showClose: true,
552 message: "保存成功！",
553 type: "success",
554 });
555 this.$store.dispatch("user/refreshPage", true);
240 } else { 556 } else {
241 item.sfczr = "0"; 557 this.$message({
558 showClose: true,
559 message: res.message,
560 type: "error",
561 });
242 } 562 }
243 }); 563 });
244 }
245 }
246 save(this.ruleForm).then((res) => {
247 if (res.code === 200) {
248 this.$message({
249 showClose: true,
250 message: "保存成功！",
251 type: "success",
252 });
253 this.$store.dispatch("user/refreshPage", true);
254 } else { 564 } else {
255 this.$message({ 565 return false;
256 showClose: true,
257 message: res.message,
258 type: "error",
259 });
260 } 566 }
261 }); 567 });
262 }, 568 },
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-25 15:52:42 4 * @LastEditTime: 2023-07-05 16:15:28
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="145px" 16 label-width="169px"
17 inline-message
17 > 18 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
...@@ -41,7 +42,63 @@ ...@@ -41,7 +42,63 @@
41 抵押不动产情况 42 抵押不动产情况
42 <div class="triangle"></div> 43 <div class="triangle"></div>
43 </div> 44 </div>
44 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> 45 <el-row :gutter="10">
46 <el-col :span="8">
47 <el-form-item label="抵押不动产信息：">
48 <select-table
49 v-model="ruleForm.ztQlxx"
50 :table-width="550"
51 :tableData="ztQlxxList"
52 :props="props"
53 @change="ztQlxxchange"
54 >
55 <el-table-column
56 prop="qllxmc"
57 width="130"
58 label="权利类型"
59 ></el-table-column>
60 <el-table-column
61 prop="bdcqzh"
62 width="160"
63 label="不动产权证书"
64 ></el-table-column>
65 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
66 <el-table-column prop="mjmc" label="面积"></el-table-column>
67 <el-table-column prop="ytmc" label="用途"></el-table-column>
68 <el-table-column prop="zl" label="坐落"></el-table-column>
69 </select-table>
70 </el-form-item>
71 </el-col>
72
73 <el-col :span="8" v-if="ssqlxxshow">
74 <el-form-item label="上手权利信息：">
75 <select-table
76 v-model="ruleForm.ssQlxx"
77 :table-width="550"
78 :tableData="ssQlxxList"
79 :props="props"
80 @change="ssQlxxchange"
81 >
82 <el-table-column
83 prop="qllxmc"
84 width="130"
85 label="权利类型"
86 ></el-table-column>
87 <el-table-column
88 prop="bdcqzh"
89 width="160"
90 label="不动产权证书"
91 ></el-table-column>
92 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
93 <el-table-column prop="mjmc" label="面积"></el-table-column>
94 <el-table-column prop="ytmc" label="用途"></el-table-column>
95 <el-table-column prop="zl" label="坐落"></el-table-column>
96 </select-table>
97 </el-form-item>
98 </el-col>
99 </el-row>
100
101 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
45 <el-col :span="8"> 102 <el-col :span="8">
46 <el-form-item label="权利人："> 103 <el-form-item label="权利人：">
47 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input> 104 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
...@@ -58,7 +115,7 @@ ...@@ -58,7 +115,7 @@
58 </el-form-item> 115 </el-form-item>
59 </el-col> 116 </el-col>
60 </el-row> 117 </el-row>
61 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> 118 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
62 <el-col :span="8"> 119 <el-col :span="8">
63 <el-form-item label="权利类型："> 120 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input> 121 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
...@@ -75,7 +132,7 @@ ...@@ -75,7 +132,7 @@
75 </el-form-item> 132 </el-form-item>
76 </el-col> 133 </el-col>
77 </el-row> 134 </el-row>
78 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> 135 <el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
79 <el-col :span="8"> 136 <el-col :span="8">
80 <el-form-item label="不动产单元号："> 137 <el-form-item label="不动产单元号：">
81 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input> 138 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
...@@ -96,6 +153,7 @@ ...@@ -96,6 +153,7 @@
96 抵押权信息 153 抵押权信息
97 <div class="triangle"></div> 154 <div class="triangle"></div>
98 </div> 155 </div>
156
99 <el-row :gutter="10"> 157 <el-row :gutter="10">
100 <el-col :span="8"> 158 <el-col :span="8">
101 <el-form-item label="不动产单元号："> 159 <el-form-item label="不动产单元号：">
...@@ -103,25 +161,13 @@ ...@@ -103,25 +161,13 @@
103 </el-form-item> 161 </el-form-item>
104 </el-col> 162 </el-col>
105 <el-col :span="8"> 163 <el-col :span="8">
106 <el-form-item label="业务号：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="上手业务号：">
112 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
113 </el-form-item>
114 </el-col>
115 </el-row>
116 <el-row :gutter="10">
117 <el-col :span="8">
118 <el-form-item label="权利类型："> 164 <el-form-item label="权利类型：">
119 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> 165 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
120 </el-form-item> 166 </el-form-item>
121 </el-col> 167 </el-col>
122 <el-col :span="8"> 168 <el-col :span="8">
123 <el-form-item label="登记类型："> 169 <el-form-item label="登记类型：">
124 <el-select v-model="ruleForm.qlxx.djlx"> 170 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
125 <el-option 171 <el-option
126 v-for="item in djlxlist" 172 v-for="item in djlxlist"
127 :key="item.dcode" 173 :key="item.dcode"
...@@ -131,6 +177,8 @@ ...@@ -131,6 +177,8 @@
131 </el-select> 177 </el-select>
132 </el-form-item> 178 </el-form-item>
133 </el-col> 179 </el-col>
180 </el-row>
181 <el-row :gutter="10">
134 <el-col :span="8"> 182 <el-col :span="8">
135 <el-form-item label="权属状态："> 183 <el-form-item label="权属状态：">
136 <el-select v-model="ruleForm.qlxx.qszt"> 184 <el-select v-model="ruleForm.qlxx.qszt">
...@@ -144,123 +192,35 @@ ...@@ -144,123 +192,35 @@
144 </el-form-item> 192 </el-form-item>
145 </el-col> 193 </el-col>
146 <el-col :span="8"> 194 <el-col :span="8">
147 <el-form-item label="不动产坐落："> 195 <el-form-item label="业务号：">
148 <el-input v-model="ruleForm.qlxx.zl"></el-input> 196 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
149 </el-form-item>
150 </el-col>
151 <el-col :span="8">
152 <el-form-item label="不动产权证号：">
153 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
154 </el-form-item>
155 </el-col>
156 <el-col :span="8">
157 <el-form-item label="区县代码：">
158 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
159 </el-form-item>
160 </el-col>
161 <el-col :span="8">
162 <el-form-item label="登记机构：">
163 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
164 </el-form-item>
165 </el-col>
166 <el-col :span="8">
167 <el-form-item label="登簿人：">
168 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
169 </el-form-item>
170 </el-col>
171 <el-col :span="8">
172 <el-form-item label="登记时间：">
173 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
174 </el-form-item>
175 </el-col>
176 <el-col :span="8">
177 <el-form-item label="登记原因：">
178 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
179 </el-form-item>
180 </el-col>
181 <el-col :span="8">
182 <!-- <el-form-item label="抵押不动产类型">
183 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
184 </el-form-item>-->
185 <el-form-item label="抵押不动产类型：">
186 <el-select v-model="ruleForm.diyaq.djlx">
187 <el-option
188 v-for="item in dictData['A27']"
189 :key="item.dcode"
190 :label="item.dname"
191 :value="item.dcode"
192 ></el-option>
193 </el-select>
194 </el-form-item>
195 </el-col>
196 <el-col :span="8">
197 <el-form-item label="抵押人：">
198 <el-input v-model="ruleForm.diyaq.dyr"></el-input>
199 </el-form-item>
200 </el-col>
201 <el-col :span="8">
202 <el-form-item label="抵押人类型：">
203 <el-input v-model="ruleForm.diyaq.dyrlx"></el-input>
204 </el-form-item>
205 </el-col>
206 <el-col :span="8">
207 <el-form-item label="抵押方式：">
208 <el-input v-model="ruleForm.diyaq.dyfs"></el-input>
209 </el-form-item> 197 </el-form-item>
210 </el-col> 198 </el-col>
211 <el-col :span="8"> 199 <el-col :span="8">
212 <el-form-item label="抵押权顺位："> 200 <el-form-item label="上手业务号：">
213 <el-input v-model="ruleForm.diyaq.dyqsw"></el-input> 201 <el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
214 </el-form-item> 202 </el-form-item>
215 </el-col> 203 </el-col>
204 </el-row>
205 <el-row :gutter="10">
216 <el-col :span="8"> 206 <el-col :span="8">
217 <el-form-item label="抵押金额类型："> 207 <el-form-item label="抵押金额类型：">
218 <el-input v-model="ruleForm.diyaq.dyjelx"></el-input> 208 <el-radio-group v-model="ruleForm.diyaq.dyjelx">
219 </el-form-item> 209 <el-radio label="0">独立抵押金额</el-radio>
220 </el-col> 210 <el-radio label="1">整体抵押金额</el-radio>
221 <el-col :span="8"> 211 </el-radio-group>
222 <el-form-item label="是否预告登记：">
223 <el-select v-model="ruleForm.diyaq.sfygdj">
224 <el-option
225 v-for="item in dictData['A6']"
226 :key="item.dcode"
227 :label="item.dname"
228 :value="item.dcode"
229 ></el-option>
230 </el-select>
231 </el-form-item>
232 </el-col>
233 <el-col :span="8">
234 <el-form-item label="在建建筑物坐落：">
235 <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input>
236 </el-form-item>
237 </el-col>
238 <el-col :span="8">
239 <el-form-item label="在建建筑物抵押范围：">
240 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
241 </el-form-item> 212 </el-form-item>
242 </el-col> 213 </el-col>
243 <el-col :span="8"> 214 <el-col :span="8">
244 <el-form-item label="抵押面积："> 215 <el-form-item label="抵押方式：">
245 <div style="display: flex"> 216 <el-radio-group v-model="ruleForm.diyaq.dyfs">
246 <el-input 217 <el-radio label="1">一般抵押</el-radio>
247 v-model="ruleForm.diyaq.dymj" 218 <el-radio label="2">最高额抵押</el-radio>
248 style="width: 500%" 219 </el-radio-group>
249 oninput="value=value.replace(/[^\d.]/g,'')"
250 ></el-input>
251 <el-select v-model="ruleForm.diyaq.mjdw">
252 <el-option
253 v-for="item in dictData['A7']"
254 :key="item.dcode"
255 :label="item.dname"
256 :value="item.dcode"
257 ></el-option>
258 </el-select>
259 </div>
260 </el-form-item> 220 </el-form-item>
261 </el-col> 221 </el-col>
262 <el-col :span="8"> 222 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
263 <el-form-item label="最高债权额"> 223 <el-form-item label="最高债权额：">
264 <div style="display: flex"> 224 <div style="display: flex">
265 <el-input 225 <el-input
266 v-model="ruleForm.diyaq.zgzqse" 226 v-model="ruleForm.diyaq.zgzqse"
...@@ -278,8 +238,8 @@ ...@@ -278,8 +238,8 @@
278 </div> 238 </div>
279 </el-form-item> 239 </el-form-item>
280 </el-col> 240 </el-col>
281 <el-col :span="8"> 241 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
282 <el-form-item label="被担保主债权数额"> 242 <el-form-item label="被担保主债权数额：">
283 <div style="display: flex"> 243 <div style="display: flex">
284 <el-input 244 <el-input
285 v-model="ruleForm.diyaq.bdbzzqse" 245 v-model="ruleForm.diyaq.bdbzzqse"
...@@ -297,72 +257,184 @@ ...@@ -297,72 +257,184 @@
297 </div> 257 </div>
298 </el-form-item> 258 </el-form-item>
299 </el-col> 259 </el-col>
300 <el-col :span="8"> 260 </el-row>
301 <el-form-item label="币种"> 261 <el-col :span="8">
302 <el-input v-model="ruleForm.diyaq.bz"></el-input> 262 <el-form-item label="抵押面积：">
303 </el-form-item> 263 <div style="display: flex">
304 </el-col> 264 <el-input
305 <el-col :span="8"> 265 v-model="ruleForm.diyaq.dymj"
306 <el-form-item label="担保范围"> 266 style="width: 500%"
307 <el-input v-model="ruleForm.diyaq.dbfw"></el-input> 267 oninput="value=value.replace(/[^\d.]/g,'')"
308 </el-form-item> 268 ></el-input>
309 </el-col> 269 <el-select v-model="ruleForm.diyaq.mjdw">
310 <el-col :span="8"> 270 <el-option
311 <el-form-item label="债务履行期限（债务确定期间）"> 271 v-for="item in dictData['A7']"
312 <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input> 272 :key="item.dcode"
313 </el-form-item> 273 :label="item.dname"
314 </el-col> 274 :value="item.dcode"
315 <el-col :span="8"> 275 ></el-option>
316 <el-form-item label="债务履行起始时间"> 276 </el-select>
317 <el-input v-model="ruleForm.diyaq.zwlxqssj"></el-input> 277 </div>
318 </el-form-item> 278 </el-form-item>
319 </el-col> 279 </el-col>
320 <el-col :span="8"> 280 <el-col :span="8">
321 <el-form-item label="债务履行结束时间"> 281 <el-form-item label="债务履行起始时间：" prop="diyaq.zwlxqssj" :rules="rules.zwlxqssjrules">
322 <el-input v-model="ruleForm.diyaq.zwlxjssj"></el-input> 282 <el-date-picker
323 </el-form-item> 283 v-model="ruleForm.diyaq.zwlxqssj"
324 </el-col> 284 type="date"
325 <el-col :span="8"> 285 placeholder="选择日期"
326 <el-form-item label="最高债权确定事实和数额"> 286 value-format="yyyy/MM/dd HH:mm:ss"
327 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input> 287 format="yyyy/MM/dd"
328 </el-form-item> 288 >
329 </el-col> 289 </el-date-picker>
330 <el-col :span="8"> 290 </el-form-item>
331 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定"> 291 </el-col>
332 <el-input v-model="ruleForm.diyaq.sfzqfsbh"></el-input> 292 <el-col :span="8">
333 </el-form-item> 293 <el-form-item label="债务履行结束时间：" prop="diyaq.zwlxjssj" :rules="rules.zwlxjssjrules">
334 </el-col> 294 <el-date-picker
335 <el-col :span="8"> 295 v-model="ruleForm.diyaq.zwlxjssj"
336 <el-form-item label="不动产登记证明号"> 296 type="date"
337 <el-input v-model="ruleForm.diyaq.bdcdjzmh"></el-input> 297 placeholder="选择日期"
338 </el-form-item> 298 value-format="yyyy/MM/dd HH:mm:ss"
339 </el-col> 299 format="yyyy/MM/dd"
340 <el-col :span="8"> 300 >
341 <el-form-item label="注销抵押业务号"> 301 </el-date-picker>
342 <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input> 302 </el-form-item>
343 </el-form-item> 303 </el-col>
344 </el-col> 304 <el-col :span="8">
345 <el-col :span="8"> 305 <el-form-item label="在建建筑物坐落：">
346 <el-form-item label="注销抵押原因"> 306 <el-input v-model="ruleForm.qlxx.zl"></el-input>
347 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input> 307 </el-form-item>
348 </el-form-item> 308 </el-col>
349 </el-col> 309 <!-- <el-col :span="8">
350 <el-col :span="8"> 310 <el-form-item label="不动产登记证明号：" prop="bdcqzh">
351 <el-form-item label="注销时间"> 311 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
352 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 312 </el-form-item>
353 </el-form-item> 313 </el-col> -->
354 </el-col> 314 <el-col :span="8">
355 <el-col :span="8"> 315 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
356 <el-form-item label="注销登簿人"> 316 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
357 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 317 </el-form-item>
318 </el-col>
319 <el-col :span="8">
320 <el-form-item label="在建建筑物抵押范围：">
321 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
322 </el-form-item>
323 </el-col>
324
325 <el-col :span="8">
326 <el-form-item label="担保范围：">
327 <el-input v-model="ruleForm.diyaq.dbfw"></el-input>
328 </el-form-item>
329 </el-col>
330 <el-col :span="8">
331 <el-form-item label="债务履行期限(确定期间)：">
332 <el-input v-model="ruleForm.diyaq.dyqx"></el-input>
333 </el-form-item>
334 </el-col>
335
336 <el-col :span="8">
337 <el-form-item label="最高债权确定事实和数额：">
338 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
339 </el-form-item>
340 </el-col>
341 <el-col :span="8">
342 <el-form-item label="是否限制转移约定">
343 <el-select v-model="ruleForm.diyaq.sfczjzhxz">
344 <el-option
345 v-for="item in dictData['A6']"
346 :key="item.dcode"
347 :label="item.dname"
348 :value="item.dcode"
349 >
350 </el-option>
351 </el-select>
352 </el-form-item>
353 </el-col>
354 <el-col :span="8">
355 <el-form-item label="不动产登记证明号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
356 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
357 </el-form-item>
358 </el-col>
359
360 <el-col :span="8">
361 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
362 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
363 </el-form-item>
364 </el-col>
365 <el-col :span="8">
366 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
367 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
368 </el-form-item>
369 </el-col>
370 <el-col :span="8">
371 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
372 <el-date-picker
373 v-model="ruleForm.qlxx.djsj"
374 type="date"
375 placeholder="选择日期"
376 value-format="yyyy-MM-dd HH:mm:ss"
377 format="yyyy-MM-dd"
378 >
379 </el-date-picker>
380 </el-form-item>
381 </el-col>
382
383 <!-- <el-col :span="8">
384 <el-form-item label="是否预告登记：">
385 <el-select v-model="ruleForm.diyaq.sfygdj">
386 <el-option
387 v-for="item in dictData['A6']"
388 :key="item.dcode"
389 :label="item.dname"
390 :value="item.dcode"></el-option>
391 </el-select>
358 </el-form-item> 392 </el-form-item>
359 </el-col> 393 </el-col> -->
360 <el-col :span="24"> 394 <!-- <el-col :span="8">
361 <el-form-item label="附记："> 395 <el-form-item label="在建建筑物坐落：">
362 <el-input v-model="ruleForm.diyaq.fj"></el-input> 396 <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input>
363 </el-form-item> 397 </el-form-item>
364 </el-col> 398 </el-col> -->
365 </el-row> 399
400 <el-col :span="24">
401 <el-form-item label="登记原因：">
402 <el-input v-model="ruleForm.qlxx.djyy"></el-input>
403 </el-form-item>
404 </el-col>
405 <el-col :span="24">
406 <el-form-item label="附记：">
407 <el-input v-model="ruleForm.diyaq.fj"></el-input>
408 </el-form-item>
409 </el-col>
410 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
411 <el-form-item label="注销抵押业务号：">
412 <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input>
413 </el-form-item>
414 </el-col>
415
416 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
417 <el-form-item label="注销时间：" prop="qlxx.zxsj" :rules="rules.zxsjrules">
418 <el-date-picker
419 v-model="ruleForm.qlxx.zxsj"
420 type="date"
421 placeholder="选择日期"
422 value-format="yyyy/MM/dd HH:mm:ss"
423 format="yyyy/MM/dd"
424 >
425 </el-date-picker>
426 </el-form-item>
427 </el-col>
428 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
429 <el-form-item label="注销登簿人：" prop="qlxx.zxdbr" :rules="rules.zxdbrrules">
430 <el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
431 </el-form-item>
432 </el-col>
433 <el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
434 <el-form-item label="注销抵押原因：" prop="diyaq.zxdyyy" :rules="rules.zxdyyyrules">
435 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
436 </el-form-item>
437 </el-col>
366 <div class="slxx_title title-block"> 438 <div class="slxx_title title-block">
367 权利人信息 439 权利人信息
368 <div class="triangle"></div> 440 <div class="triangle"></div>
...@@ -386,7 +458,7 @@ ...@@ -386,7 +458,7 @@
386 :gyfs="ruleForm.qlxx.gyfs" 458 :gyfs="ruleForm.qlxx.gyfs"
387 /> 459 />
388 460
389 <div> 461 <div v-if="ruleForm.ywrData">
390 <div class="slxx_title title-block"> 462 <div class="slxx_title title-block">
391 义务人信息 463 义务人信息
392 <div class="triangle"></div> 464 <div class="triangle"></div>
...@@ -399,7 +471,7 @@ ...@@ -399,7 +471,7 @@
399 /> 471 />
400 </div> 472 </div>
401 </div> 473 </div>
402 <el-row class="btn"> 474 <el-row class="btn" v-if="!$route.query.viewtype">
403 <el-form-item> 475 <el-form-item>
404 <el-button type="primary" @click="onSubmit">保存</el-button> 476 <el-button type="primary" @click="onSubmit">保存</el-button>
405 </el-form-item> 477 </el-form-item>
...@@ -409,27 +481,30 @@ ...@@ -409,27 +481,30 @@
409 </template> 481 </template>
410 <script> 482 <script>
411 import { mapGetters } from "vuex"; 483 import { mapGetters } from "vuex";
412 import { init, save } from "@/api/djbbl.js"; 484 import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js";
413 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 485 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
414 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 486 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
415 487 import selectTable from "@/components/selectTable/index.vue";
416 import tdytTable from "@/views/workflow/components/tdytTable"; 488 import tdytTable from "@/views/workflow/components/tdytTable";
417 export default { 489 export default {
418 components: { qlrCommonTable, ywrCommonTable, tdytTable }, 490 components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
419 computed: { 491 computed: {
420 ...mapGetters(["dictData", "flag"]), 492 ...mapGetters(["dictData", "flag"]),
421 }, 493 },
422 data() { 494 data() {
423 return { 495 return {
496 props: {
497 label: "bdcqzh",
498 value: "bdcdyid",
499 },
424 //表单是否可操作 500 //表单是否可操作
425 propsParam: this.$attrs, 501 propsParam: this.$attrs,
426 key: 0, 502 key: 0,
427 isShow: false, 503 isShow: false,
428 disabled: true, 504 disabled: true,
505 ssqlxxshow: true,
429 czrOptions: [], 506 czrOptions: [],
430 ruleForm: {}, 507 ruleForm: {},
431 //传递参数\
432 rules: {},
433 // 权属状态 508 // 权属状态
434 qsztlist: [ 509 qsztlist: [
435 { 510 {
...@@ -441,7 +516,6 @@ export default { ...@@ -441,7 +516,6 @@ export default {
441 dname: "历史", 516 dname: "历史",
442 }, 517 },
443 ], 518 ],
444
445 // 登记类型 519 // 登记类型
446 djlxlist: [ 520 djlxlist: [
447 { 521 {
...@@ -470,35 +544,84 @@ export default { ...@@ -470,35 +544,84 @@ export default {
470 dname: "换证", 544 dname: "换证",
471 }, 545 },
472 ], 546 ],
547 ssQlxxList: [],
548 ztQlxxList: [],
549 rules: {
550 bdcqzhrules: [
551 { required: true, message: "不动产登记证明号", trigger: "blur" },
552 ],
553 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
554 zwlxqssjrules: [
555 { required: true, message: "债务履行起始时间", trigger: "blur" },
556 ],
557 zwlxjssjrules: [
558 { required: true, message: "债务履行结束时间", trigger: "blur" },
559 ],
560
561 zxdyyyrules: [{ required: true, message: "注销抵押原因", trigger: "blur" }],
562 zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
563 zxdbrrules: [{ required: true, message: "注销登簿人", trigger: "blur" }],
564 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
565 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
566 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
567 },
473 }; 568 };
474 }, 569 },
475 created() { 570 created() {
476 this.loadData(); 571 this.loadData();
477 }, 572 },
478 mounted() {}, 573
479 methods: { 574 methods: {
575 ztQlxxchange(val) {
576 this.ruleForm.ztQlxx = val;
577 },
578 ssQlxxchange(val) {
579 this.ruleForm.ssQlxx = val;
580 this.ruleForm.qlxx.ssywh = val.ssywh;
581 },
582 djlxchange(val) {
583 if (val == null || val == 100) {
584 this.ssqlxxshow = false;
585 } else {
586 this.ssqlxxshow = true;
587 }
588 },
480 loadData() { 589 loadData() {
481 console.log("抵押权", this.propsParam); 590 this.propsParam.isEdit = this.$parent.isEdit;
482 this.propsParam.isEdit=this.$parent.isEdit
483 init(this.propsParam).then((res) => { 591 init(this.propsParam).then((res) => {
484 if (res.code == 200) { 592 if (res.code == 200) {
485 this.ruleForm = res.result; 593 this.ruleForm = res.result;
486 console.log("this.ruleForm", this.ruleForm);
487 this.isShow = true; 594 this.isShow = true;
595 let djlx = this.ruleForm.qlxx.djlx;
596 if (djlx == null || djlx == 100) {
597 this.ssqlxxshow = false;
598 }
599 }
600 });
601 //获取主体信息
602 getSsQlxx({
603 bdcdyid: this.propsParam.bdcdyid,
604 qllx: this.propsParam.qllx,
605 }).then((res) => {
606 if (res.code == 200) {
607 this.ssQlxxList = res.result;
608 }
609 });
610 //获取上手信息
611 getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
612 if (res.code == 200) {
613 this.ztQlxxList = res.result;
488 } 614 }
489 }); 615 });
490 }, 616 },
491 // 更新土地用途信息 617 // 更新土地用途信息
492 upDateTdytxxList(val) { 618 upDateTdytxxList(val) {
493 console.log("VAL", val);
494 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 619 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
495 this.key++; 620 this.key++;
496 }, 621 },
497 // 更新权利人信息 622 // 更新权利人信息
498 upDateQlrxxList(val) { 623 upDateQlrxxList(val) {
499 console.log("val", val);
500 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 624 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
501 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
502 this.czrOptions = this.ruleForm.qlrData; 625 this.czrOptions = this.ruleForm.qlrData;
503 this.key++; 626 this.key++;
504 }, 627 },
...@@ -508,58 +631,63 @@ export default { ...@@ -508,58 +631,63 @@ export default {
508 this.key++; 631 this.key++;
509 }, 632 },
510 onSubmit() { 633 onSubmit() {
511 console.log("this.ruleForm大信息", this.ruleForm); 634 this.$refs.ruleForm.validate((valid) => {
512 if (this.ruleForm.qlrData.length == 0) { 635 if (valid) {
513 this.$message({ 636 if (this.ruleForm.qlrData.length == 0) {
514 showClose: true, 637 this.$message({
515 message: "请确认权利人信息", 638 showClose: true,
516 type: "error", 639 message: "请确认权利人信息",
517 }); 640 type: "error",
518 return false; 641 });
519 } 642 return false;
643 }
520 644
521 if (this.ruleForm.qlxx.gyfs == "0") { 645 if (this.ruleForm.qlxx.gyfs == "0") {
522 if (this.ruleForm.qlrData.length > 1) { 646 if (this.ruleForm.qlrData.length > 1) {
523 this.$message({ 647 this.$message({
524 showClose: true, 648 showClose: true,
525 message: "共有方式：单独所有，权利人只能是一个人", 649 message: "共有方式：单独所有，权利人只能是一个人",
526 type: "error", 650 type: "error",
527 }); 651 });
528 return false; 652 return false;
529 } 653 }
530 this.ruleForm.qlrData[0].sfczr = "1"; 654 this.ruleForm.qlrData[0].sfczr = "1";
531 } 655 }
532 if (this.ruleForm.qlxx.gyfs == "1") { 656 if (this.ruleForm.qlxx.gyfs == "1") {
533 //是否分别持证 657 //是否分别持证
534 if (this.ruleForm.qlxx.sqfbcz == "1") { 658 if (this.ruleForm.qlxx.sqfbcz == "1") {
535 //是 659 //是
536 this.ruleForm.qlrData.forEach((item, index) => { 660 this.ruleForm.qlrData.forEach((item, index) => {
537 item.sfczr = "1"; 661 item.sfczr = "1";
538 }); 662 });
539 } else {
540 this.ruleForm.qlrData.forEach((item, index) => {
541 if (item.zjh == this.ruleForm.czr) {
542 item.sfczr = "1";
543 } else { 663 } else {
544 item.sfczr = "0"; 664 this.ruleForm.qlrData.forEach((item, index) => {
665 if (item.zjh == this.ruleForm.czr) {
666 item.sfczr = "1";
667 } else {
668 item.sfczr = "0";
669 }
670 });
671 }
672 }
673 save(this.ruleForm).then((res) => {
674 if (res.code === 200) {
675 this.$message({
676 showClose: true,
677 message: "保存成功！",
678 type: "success",
679 });
680 this.$store.dispatch("user/refreshPage", true);
681 } else {
682 this.$message({
683 showClose: true,
684 message: res.message,
685 type: "error",
686 });
545 } 687 }
546 }); 688 });
547 }
548 }
549 save(this.ruleForm).then((res) => {
550 if (res.code === 200) {
551 this.$message({
552 showClose: true,
553 message: "保存成功！",
554 type: "success",
555 });
556 this.$store.dispatch("user/refreshPage", true);
557 } else { 689 } else {
558 this.$message({ 690 return false;
559 showClose: true,
560 message: res.message,
561 type: "error",
562 });
563 } 691 }
564 }); 692 });
565 }, 693 },
...@@ -569,4 +697,10 @@ export default { ...@@ -569,4 +697,10 @@ export default {
569 <style scoped lang="scss"> 697 <style scoped lang="scss">
570 @import "~@/styles/public.scss"; 698 @import "~@/styles/public.scss";
571 @import "~@/styles/slxx/slxx.scss"; 699 @import "~@/styles/slxx/slxx.scss";
700 .el-date-editor.el-input {
701 width: 100%;
702 }
703 .el-table__row {
704 height: 30px !important;
705 }
572 </style> 706 </style>
......
...@@ -13,7 +13,9 @@ ...@@ -13,7 +13,9 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="127px"> 16 inline-message
17 label-width="150px"
18 >
17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
19 补录信息 21 补录信息
...@@ -37,7 +39,7 @@ ...@@ -37,7 +39,7 @@
37 </el-col> 39 </el-col>
38 </el-row> 40 </el-row>
39 <div class="slxx_title title-block"> 41 <div class="slxx_title title-block">
40 房地产权（独幢、层、套、间房屋） 42 地役权信息
41 <div class="triangle"></div> 43 <div class="triangle"></div>
42 </div> 44 </div>
43 <el-row :gutter="10"> 45 <el-row :gutter="10">
...@@ -71,7 +73,12 @@ ...@@ -71,7 +73,12 @@
71 <el-col :span="8"> 73 <el-col :span="8">
72 <el-form-item label="登记类型："> 74 <el-form-item label="登记类型：">
73 <el-select v-model="ruleForm.qlxx.djlx"> 75 <el-select v-model="ruleForm.qlxx.djlx">
74 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 76 <el-option
77 v-for="item in djlxlist"
78 :key="item.dcode"
79 :label="item.dname"
80 :value="item.dcode"
81 >
75 </el-option> 82 </el-option>
76 </el-select> 83 </el-select>
77 </el-form-item> 84 </el-form-item>
...@@ -82,28 +89,35 @@ ...@@ -82,28 +89,35 @@
82 </el-form-item> 89 </el-form-item>
83 </el-col> 90 </el-col>
84 <el-col :span="8"> 91 <el-col :span="8">
85 <el-form-item label="不动产权证号："> 92 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
86 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 93 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
87 </el-form-item> 94 </el-form-item>
88 </el-col> 95 </el-col>
89 <el-col :span="8"> 96 <el-col :span="8">
90 <el-form-item label="区县代码："> 97 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
91 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 98 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
92 </el-form-item> 99 </el-form-item>
93 </el-col> 100 </el-col>
94 <el-col :span="8"> 101 <el-col :span="8">
95 <el-form-item label="登记机构："> 102 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
96 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 103 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
97 </el-form-item> 104 </el-form-item>
98 </el-col> 105 </el-col>
99 <el-col :span="8"> 106 <el-col :span="8">
100 <el-form-item label="登簿人："> 107 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
101 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 108 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
102 </el-form-item> 109 </el-form-item>
103 </el-col> 110 </el-col>
104 <el-col :span="8"> 111 <el-col :span="8">
105 <el-form-item label="登记时间："> 112 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
106 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 113 <el-date-picker
114 v-model="ruleForm.qlxx.djsj"
115 type="date"
116 placeholder="选择日期"
117 value-format="yyyy-MM-dd HH:mm:ss"
118 format="yyyy-MM-dd"
119 >
120 </el-date-picker>
107 </el-form-item> 121 </el-form-item>
108 </el-col> 122 </el-col>
109 <el-col :span="8"> 123 <el-col :span="8">
...@@ -113,7 +127,8 @@ ...@@ -113,7 +127,8 @@
113 v-for="item in qsztlist" 127 v-for="item in qsztlist"
114 :key="item.dcode" 128 :key="item.dcode"
115 :label="item.dname" 129 :label="item.dname"
116 :value="item.dcode"> 130 :value="item.dcode"
131 >
117 </el-option> 132 </el-option>
118 </el-select> 133 </el-select>
119 </el-form-item> 134 </el-form-item>
...@@ -121,95 +136,86 @@ ...@@ -121,95 +136,86 @@
121 136
122 <el-col :span="8"> 137 <el-col :span="8">
123 <el-form-item label="供地役不动产单元号："> 138 <el-form-item label="供地役不动产单元号：">
124 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 139 <el-input v-model="ruleForm.qlxx.gydbdcbyh"></el-input>
125 </el-form-item> 140 </el-form-item>
126 </el-col> <el-col :span="8"> 141 </el-col>
142 <el-col :span="8">
127 <el-form-item label="供役地权利人："> 143 <el-form-item label="供役地权利人：">
128 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 144 <el-input v-model="ruleForm.qlxx.gydqlr"></el-input>
129 </el-form-item> 145 </el-form-item>
130 </el-col> <el-col :span="8"> 146 </el-col>
147 <el-col :span="8">
131 <el-form-item label="供役地权利人证件种类"> 148 <el-form-item label="供役地权利人证件种类">
132 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 149 <el-select v-model="ruleForm.qlxx.gydqlrzjzl">
150 <el-option
151 v-for="item in dictData['A30']"
152 :key="item.dcode"
153 :label="item.dname"
154 :value="item.dcode"
155 ></el-option>
156 </el-select>
133 </el-form-item> 157 </el-form-item>
134 </el-col> <el-col :span="8"> 158 </el-col>
159 <el-col :span="8">
135 <el-form-item label="供役地权利人证件号"> 160 <el-form-item label="供役地权利人证件号">
136 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 161 <el-input v-model="ruleForm.qlxx.gydqlrzjh"></el-input>
137 </el-form-item> 162 </el-form-item>
138 </el-col> <el-col :span="8"> 163 </el-col>
164 <el-col :span="8">
139 <el-form-item label="需役地不动产单元号"> 165 <el-form-item label="需役地不动产单元号">
140 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 166 <el-input v-model="ruleForm.qlxx.xydbdcdyh"></el-input>
141 </el-form-item> 167 </el-form-item>
142 </el-col> <el-col :span="8"> 168 </el-col>
169 <el-col :span="8">
143 <el-form-item label="需役地坐落"> 170 <el-form-item label="需役地坐落">
144 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 171 <el-input v-model="ruleForm.qlxx.yxdzl"></el-input>
145 </el-form-item> 172 </el-form-item>
146 </el-col> <el-col :span="8"> 173 </el-col>
174 <el-col :span="8">
147 <el-form-item label="需役地权利人"> 175 <el-form-item label="需役地权利人">
148 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 176 <el-input v-model="ruleForm.qlxx.xydqlr"></el-input>
149 </el-form-item> 177 </el-form-item>
150 </el-col> <el-col :span="8"> 178 </el-col>
179 <el-col :span="8">
151 <el-form-item label="需役地权利人证件种类："> 180 <el-form-item label="需役地权利人证件种类：">
152 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 181 <el-select v-model="ruleForm.qlxx.xydqlrzjzl">
182 <el-option
183 v-for="item in dictData['A30']"
184 :key="item.dcode"
185 :label="item.dname"
186 :value="item.dcode"
187 ></el-option>
188 </el-select>
153 </el-form-item> 189 </el-form-item>
154 </el-col> <el-col :span="8"> 190 </el-col>
191 <el-col :span="8">
155 <el-form-item label="需役地权利人证件号："> 192 <el-form-item label="需役地权利人证件号：">
156 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 193 <el-input v-model="ruleForm.qlxx.xydqlrzjh"></el-input>
157 </el-form-item> 194 </el-form-item>
158 </el-col> <el-col :span="8"> 195 </el-col>
196 <el-col :span="8">
159 <el-form-item label="地役权内容："> 197 <el-form-item label="地役权内容：">
160 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 198 <el-input v-model="ruleForm.qlxx.dyqnr"></el-input>
161 </el-form-item> 199 </el-form-item>
162 </el-col> <el-col :span="8"> 200 </el-col>
201 <el-col :span="8">
163 <el-form-item label="不动产登记证明号："> 202 <el-form-item label="不动产登记证明号：">
164 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 203 <el-input v-model="ruleForm.qlxx.bdcdjzmh"></el-input>
165 </el-form-item> 204 </el-form-item>
166 </el-col> <el-col :span="8"> 205 </el-col>
206 <el-col :span="8">
167 <el-form-item label="权利起始时间"> 207 <el-form-item label="权利起始时间">
168 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 208 <el-input v-model="ruleForm.qlxx.qlqssj"></el-input>
169 </el-form-item> 209 </el-form-item>
170 </el-col> <el-col :span="8"> 210 </el-col>
211 <el-col :span="8">
171 <el-form-item label="权利结束时间"> 212 <el-form-item label="权利结束时间">
172 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 213 <el-input v-model="ruleForm.qlxx.qljssj"></el-input>
173 </el-form-item> 214 </el-form-item>
174 </el-col> <el-col :span="8"> 215 </el-col>
216 <el-col :span="8">
175 <el-form-item label="权利期限"> 217 <el-form-item label="权利期限">
176 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 218 <el-input v-model="ruleForm.qlxx.qlqx"></el-input>
177 </el-form-item>
178 </el-col> <el-col :span="8">
179 <el-form-item label="登记时间：">
180 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
181 </el-form-item>
182 </el-col> <el-col :span="8">
183 <el-form-item label="登记时间：">
184 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
185 </el-form-item>
186 </el-col> <el-col :span="8">
187 <el-form-item label="登记时间：">
188 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
189 </el-form-item>
190 </el-col> <el-col :span="8">
191 <el-form-item label="登记时间：">
192 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
193 </el-form-item>
194 </el-col> <el-col :span="8">
195 <el-form-item label="登记时间：">
196 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
197 </el-form-item>
198 </el-col> <el-col :span="8">
199 <el-form-item label="登记时间：">
200 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
201 </el-form-item>
202 </el-col> <el-col :span="8">
203 <el-form-item label="登记时间：">
204 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
205 </el-form-item>
206 </el-col> <el-col :span="8">
207 <el-form-item label="登记时间：">
208 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
209 </el-form-item>
210 </el-col> <el-col :span="8">
211 <el-form-item label="登记时间：">
212 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
213 </el-form-item> 219 </el-form-item>
214 </el-col> 220 </el-col>
215 <el-col :span="24"> 221 <el-col :span="24">
...@@ -225,8 +231,7 @@ ...@@ -225,8 +231,7 @@
225 <el-row :gutter="10"> 231 <el-row :gutter="10">
226 <el-col :span="12"> 232 <el-col :span="12">
227 <el-form-item label="共有方式："> 233 <el-form-item label="共有方式：">
228 <el-radio-group 234 <el-radio-group v-model="ruleForm.qlxx.gyqk">
229 v-model="ruleForm.qlxx.gyqk">
230 <el-radio label="0">单独所有</el-radio> 235 <el-radio label="0">单独所有</el-radio>
231 <el-radio label="1">共同共有</el-radio> 236 <el-radio label="1">共同共有</el-radio>
232 <el-radio label="2">按份所有</el-radio> 237 <el-radio label="2">按份所有</el-radio>
...@@ -239,7 +244,8 @@ ...@@ -239,7 +244,8 @@
239 :tableData="ruleForm.qlrData" 244 :tableData="ruleForm.qlrData"
240 @upDateQlrxxList="upDateQlrxxList" 245 @upDateQlrxxList="upDateQlrxxList"
241 :key="key" 246 :key="key"
242 :gyfs="ruleForm.qlxx.gyfs" /> 247 :gyfs="ruleForm.qlxx.gyfs"
248 />
243 249
244 <div> 250 <div>
245 <div class="slxx_title title-block"> 251 <div class="slxx_title title-block">
...@@ -250,10 +256,11 @@ ...@@ -250,10 +256,11 @@
250 v-if="ruleForm.ywrData" 256 v-if="ruleForm.ywrData"
251 :tableData="ruleForm.ywrData" 257 :tableData="ruleForm.ywrData"
252 :key="key" 258 :key="key"
253 @upDateQlrxxList="upDateYwrxxList" /> 259 @upDateQlrxxList="upDateYwrxxList"
260 />
254 </div> 261 </div>
255 </div> 262 </div>
256 <el-row class="btn"> 263 <el-row class="btn" v-if="!$route.query.viewtype">
257 <el-form-item> 264 <el-form-item>
258 <el-button type="primary" @click="onSubmit">保存</el-button> 265 <el-button type="primary" @click="onSubmit">保存</el-button>
259 </el-form-item> 266 </el-form-item>
...@@ -262,136 +269,172 @@ ...@@ -262,136 +269,172 @@
262 </div> 269 </div>
263 </template> 270 </template>
264 <script> 271 <script>
265 import { mapGetters } from "vuex"; 272 import { mapGetters } from "vuex";
266 import { init, save } from "@/api/djbbl.js"; 273 import { init, save } from "@/api/djbbl.js";
267 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 274 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
268 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 275 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
269 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; 276 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
270 import tdytTable from "@/views/workflow/components/tdytTable"; 277 import tdytTable from "@/views/workflow/components/tdytTable";
271 export default { 278 export default {
272 components: { qlrCommonTable, ywrCommonTable, tdytTable }, 279 components: { qlrCommonTable, ywrCommonTable, tdytTable },
273 computed: { 280 computed: {
274 ...mapGetters(["dictData", "flag"]), 281 ...mapGetters(["dictData", "flag"]),
282 },
283 data() {
284 return {
285 //表单是否可操作
286 propsParam: this.$attrs,
287 key: 0,
288 isShow: false,
289 disabled: true,
290 czrOptions: [],
291 ruleForm: {},
292 // 登记类型
293 djlxlist: [
294 {
295 dcode: "100",
296 dname: "首次登记",
297 },
298 {
299 dcode: "200",
300 dname: "转移登记",
301 },
302 {
303 dcode: "300",
304 dname: "变更登记",
305 },
306 {
307 dcode: "500",
308 dname: "更正登记",
309 },
310
311 {
312 dcode: "901",
313 dname: "补证",
314 },
315 {
316 dcode: "902",
317 dname: "换证",
318 },
319 ],
320 // 权属状态
321 qsztlist: [
322 {
323 dcode: "1",
324 dname: "现势",
325 },
326 {
327 dcode: "2",
328 dname: "历史",
329 },
330 ],
331 //传递参数\
332 rules: {
333 bdcqzhrules:[
334 { required: true, message: "不动产登记证明号", trigger: "change" },
335 ],
336 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
337 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
338 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
339 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
340 },
341 };
342 },
343 created() {
344 this.loadData();
345 },
346 mounted() {},
347 methods: {
348 loadData() {
349 this.propsParam.isEdit = this.$parent.isEdit;
350 init(this.propsParam).then((res) => {
351 if (res.code == 200) {
352 this.ruleForm = res.result;
353 this.isShow = true;
354 }
355 });
356 },
357 // 更新土地用途信息
358 upDateTdytxxList(val) {
359 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
360 this.key++;
275 }, 361 },
276 data () { 362 // 更新权利人信息
277 return { 363 upDateQlrxxList(val) {
278 //表单是否可操作 364 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
279 propsParam: this.$attrs, 365 this.czrOptions = this.ruleForm.qlrData;
280 key: 0, 366 this.key++;
281 isShow: false,
282 disabled: true,
283 czrOptions: [],
284 ruleForm: {},
285 // 权属状态
286 qsztlist: [
287 {
288 dcode: "1",
289 dname: "现势",
290 },
291 {
292 dcode: "2",
293 dname: "历史",
294 },
295 ],
296 //传递参数\
297 rules: {},
298 };
299 }, 367 },
300 created () { 368 // 更新义务人信息
301 this.loadData(); 369 upDateYwrxxList(val) {
370 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
371 this.key++;
302 }, 372 },
303 mounted () { }, 373 onSubmit() {
304 methods: { 374 this.$refs.ruleForm.validate((valid) => {
305 loadData () { 375 if (valid) {
306 console.log("地役权", this.propsParam); 376 if (this.ruleForm.qlrData.length == 0) {
307 this.propsParam.isEdit=this.$parent.isEdit 377 this.$message({
308 init(this.propsParam).then((res) => { 378 showClose: true,
309 if (res.code == 200) { 379 message: "请确认权利人信息",
310 this.ruleForm = res.result; 380 type: "error",
311 console.log("this.ruleForm", this.ruleForm);
312 this.isShow = true;
313 }
314 }); 381 });
315 }, 382 return false;
316 // 更新土地用途信息 383 }
317 upDateTdytxxList (val) { 384
318 console.log("VAL", val); 385 if (this.ruleForm.qlxx.gyfs == "0") {
319 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 386 if (this.ruleForm.qlrData.length > 1) {
320 this.key++;
321 },
322 // 更新权利人信息
323 upDateQlrxxList (val) {
324 console.log("val", val);
325 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
326 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
327 this.czrOptions = this.ruleForm.qlrData;
328 this.key++;
329 },
330 // 更新义务人信息
331 upDateYwrxxList (val) {
332 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
333 this.key++;
334 },
335 onSubmit () {
336 console.log("this.ruleForm大信息", this.ruleForm);
337 if (this.ruleForm.qlrData.length == 0) {
338 this.$message({ 387 this.$message({
339 showClose: true, 388 showClose: true,
340 message: "请确认权利人信息", 389 message: "共有方式：单独所有，权利人只能是一个人",
341 type: "error", 390 type: "error",
342 }); 391 });
343 return false; 392 return false;
344 } 393 }
345 394 this.ruleForm.qlrData[0].sfczr = "1";
346 if (this.ruleForm.qlxx.gyfs == "0") { 395 }
347 if (this.ruleForm.qlrData.length > 1) { 396 if (this.ruleForm.qlxx.gyfs == "1") {
348 this.$message({ 397 //是否分别持证
349 showClose: true, 398 if (this.ruleForm.qlxx.sqfbcz == "1") {
350 message: "共有方式：单独所有，权利人只能是一个人", 399 //是
351 type: "error", 400 this.ruleForm.qlrData.forEach((item, index) => {
352 }); 401 item.sfczr = "1";
353 return false; 402 });
354 } 403 } else {
355 this.ruleForm.qlrData[0].sfczr = "1"; 404 this.ruleForm.qlrData.forEach((item, index) => {
356 } 405 if (item.zjh == this.ruleForm.czr) {
357 if (this.ruleForm.qlxx.gyfs == "1") {
358 //是否分别持证
359 if (this.ruleForm.qlxx.sqfbcz == "1") {
360 //是
361 this.ruleForm.qlrData.forEach((item, index) => {
362 item.sfczr = "1"; 406 item.sfczr = "1";
363 }); 407 } else {
364 } else { 408 item.sfczr = "0";
365 this.ruleForm.qlrData.forEach((item, index) => { 409 }
366 if (item.zjh == this.ruleForm.czr) { 410 });
367 item.sfczr = "1";
368 } else {
369 item.sfczr = "0";
370 }
371 });
372 }
373 } 411 }
374 save(this.ruleForm).then((res) => { 412 }
375 if (res.code === 200) { 413 save(this.ruleForm).then((res) => {
376 this.$message({ 414 if (res.code === 200) {
377 showClose: true, 415 this.$message({
378 message: "保存成功！", 416 showClose: true,
379 type: "success", 417 message: "保存成功！",
380 }); 418 type: "success",
381 this.$store.dispatch("user/refreshPage", true); 419 });
382 } else { 420 this.$store.dispatch("user/refreshPage", true);
383 this.$message({ 421 } else {
384 showClose: true, 422 this.$message({
385 message: res.message, 423 showClose: true,
386 type: "error", 424 message: res.message,
387 }); 425 type: "error",
388 } 426 });
389 }); 427 }
390 }, 428 });
429 } else {
430 return false;
431 }
432 });
391 }, 433 },
392 }; 434 },
435 };
393 </script> 436 </script>
394 <style scoped lang="scss"> 437 <style scoped lang="scss">
395 @import "~@/styles/public.scss"; 438 @import "~@/styles/public.scss";
396 @import "~@/styles/slxx/slxx.scss"; 439 @import "~@/styles/slxx/slxx.scss";
397 </style> 440 </style>
......
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="127px" 16 inline-message
17 label-width="145px"
17 > 18 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
...@@ -68,7 +69,7 @@ ...@@ -68,7 +69,7 @@
68 <el-form-item label="登记类型："> 69 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx"> 70 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option 71 <el-option
71 v-for="item in dictData['A21']" 72 v-for="item in djlxlist"
72 :key="item.dcode" 73 :key="item.dcode"
73 :label="item.dname" 74 :label="item.dname"
74 :value="item.dcode" 75 :value="item.dcode"
...@@ -218,28 +219,35 @@ ...@@ -218,28 +219,35 @@
218 </el-col> 219 </el-col>
219 220
220 <el-col :span="8"> 221 <el-col :span="8">
221 <el-form-item label="不动产权证号："> 222 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
222 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 223 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
223 </el-form-item> 224 </el-form-item>
224 </el-col> 225 </el-col>
225 <el-col :span="8"> 226 <el-col :span="8">
226 <el-form-item label="区县代码："> 227 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
227 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 228 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
228 </el-form-item> 229 </el-form-item>
229 </el-col> 230 </el-col>
230 <el-col :span="8"> 231 <el-col :span="8">
231 <el-form-item label="登记机构："> 232 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
232 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 233 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
233 </el-form-item> 234 </el-form-item>
234 </el-col> 235 </el-col>
235 <el-col :span="8"> 236 <el-col :span="8">
236 <el-form-item label="登簿人："> 237 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
237 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 238 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
238 </el-form-item> 239 </el-form-item>
239 </el-col> 240 </el-col>
240 <el-col :span="8"> 241 <el-col :span="8">
241 <el-form-item label="登记时间："> 242 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
242 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 243 <el-date-picker
244 v-model="ruleForm.qlxx.djsj"
245 type="date"
246 placeholder="选择日期"
247 value-format="yyyy-MM-dd HH:mm:ss"
248 format="yyyy-MM-dd"
249 >
250 </el-date-picker>
243 </el-form-item> 251 </el-form-item>
244 </el-col> 252 </el-col>
245 </el-row> 253 </el-row>
...@@ -314,20 +322,20 @@ ...@@ -314,20 +322,20 @@
314 :gyfs="ruleForm.qlxx.gyfs" 322 :gyfs="ruleForm.qlxx.gyfs"
315 /> 323 />
316 324
317 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 325 <div v-if="ruleForm.ywrData && ruleForm.ywrData.length > 0">
318 <div class="slxx_title title-block"> 326 <div class="slxx_title title-block">
319 义务人信息 327 义务人信息
320 <div class="triangle"></div> 328 <div class="triangle"></div>
321 </div> 329 </div>
322 <qlrCommonTable 330 <qlrCommonTable
323 v-if="ruleForm.ywrList" 331 v-if="ruleForm.ywrData"
324 :tableData="ruleForm.ywrList" 332 :tableData="ruleForm.ywrData"
325 :key="key" 333 :key="key"
326 @upDateQlrxxList="upDateYwrxxList" 334 @upDateQlrxxList="upDateYwrxxList"
327 /> 335 />
328 </div> 336 </div>
329 </div> 337 </div>
330 <el-row class="btn"> 338 <el-row class="btn" v-if="!$route.query.viewtype">
331 <el-form-item> 339 <el-form-item>
332 <el-button type="primary" @click="onSubmit">保存</el-button> 340 <el-button type="primary" @click="onSubmit">保存</el-button>
333 </el-form-item> 341 </el-form-item>
...@@ -365,6 +373,34 @@ export default { ...@@ -365,6 +373,34 @@ export default {
365 373
366 //表单是否可操作 374 //表单是否可操作
367 propsParam: this.$attrs, 375 propsParam: this.$attrs,
376 // 登记类型
377 djlxlist: [
378 {
379 dcode: "100",
380 dname: "首次登记",
381 },
382 {
383 dcode: "200",
384 dname: "转移登记",
385 },
386 {
387 dcode: "300",
388 dname: "变更登记",
389 },
390 {
391 dcode: "500",
392 dname: "更正登记",
393 },
394
395 {
396 dcode: "901",
397 dname: "补证",
398 },
399 {
400 dcode: "902",
401 dname: "换证",
402 },
403 ],
368 // 权属状态 404 // 权属状态
369 qsztlist: [ 405 qsztlist: [
370 { 406 {
...@@ -382,8 +418,16 @@ export default { ...@@ -382,8 +418,16 @@ export default {
382 disabled: true, 418 disabled: true,
383 czrOptions: [], 419 czrOptions: [],
384 ruleForm: {}, 420 ruleForm: {},
385 //传递参数\ 421 //传递参数\
386 rules: {}, 422 rules: {
423 bdcqzhrules:[
424 { required: true, message: "不动产权证号：", trigger: "change" },
425 ],
426 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
427 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
428 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
429 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
430 },
387 }; 431 };
388 }, 432 },
389 created() { 433 created() {
...@@ -392,7 +436,7 @@ export default { ...@@ -392,7 +436,7 @@ export default {
392 mounted() {}, 436 mounted() {},
393 methods: { 437 methods: {
394 loadData() { 438 loadData() {
395 console.log("房屋", this.propsParam); 439
396 this.propsParam.isEdit=this.$parent.isEdit 440 this.propsParam.isEdit=this.$parent.isEdit
397 init(this.propsParam).then((res) => { 441 init(this.propsParam).then((res) => {
398 if (res.code == 200) { 442 if (res.code == 200) {
...@@ -419,10 +463,12 @@ export default { ...@@ -419,10 +463,12 @@ export default {
419 }, 463 },
420 // 更新义务人信息 464 // 更新义务人信息
421 upDateYwrxxList(val) { 465 upDateYwrxxList(val) {
422 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 466 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
423 this.key++; 467 this.key++;
424 }, 468 },
425 onSubmit() { 469 onSubmit() {
470 this.$refs.ruleForm.validate((valid) => {
471 if (valid) {
426 if (this.ruleForm.qlrData.length == 0) { 472 if (this.ruleForm.qlrData.length == 0) {
427 this.$message({ 473 this.$message({
428 showClose: true, 474 showClose: true,
...@@ -496,7 +542,11 @@ export default { ...@@ -496,7 +542,11 @@ export default {
496 type: "error", 542 type: "error",
497 }); 543 });
498 } 544 }
545 }); } else {
546 return false;
547 }
499 }); 548 });
549
500 }, 550 },
501 }, 551 },
502 }; 552 };
......
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="127px" 16 inline-message
17 label-width="145px"
17 > 18 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
...@@ -38,7 +39,7 @@ ...@@ -38,7 +39,7 @@
38 </el-col> 39 </el-col>
39 </el-row> 40 </el-row>
40 <div class="slxx_title title-block"> 41 <div class="slxx_title title-block">
41 国有建设用地使用权信息 42 建设用地、宅基地使用权信息
42 <div class="triangle"></div> 43 <div class="triangle"></div>
43 </div> 44 </div>
44 <el-row :gutter="10"> 45 <el-row :gutter="10">
...@@ -68,7 +69,7 @@ ...@@ -68,7 +69,7 @@
68 <el-form-item label="登记类型："> 69 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx"> 70 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option 71 <el-option
71 v-for="item in dictData['A21']" 72 v-for="item in djlxlist"
72 :key="item.dcode" 73 :key="item.dcode"
73 :label="item.dname" 74 :label="item.dname"
74 :value="item.dcode" 75 :value="item.dcode"
...@@ -106,17 +107,17 @@ ...@@ -106,17 +107,17 @@
106 <el-input v-model="ruleForm.jsydsyq.syqmj"></el-input> 107 <el-input v-model="ruleForm.jsydsyq.syqmj"></el-input>
107 </el-form-item> 108 </el-form-item>
108 </el-col> 109 </el-col>
109 <el-col :span="8"> 110 <el-col :span="8">
110 <el-form-item label="使用权起始时间"> 111 <el-form-item label="使用权起始时间">
111 <el-input v-model="ruleForm.jsydsyq.syqqssj"></el-input> 112 <el-input v-model="ruleForm.jsydsyq.syqqssj"></el-input>
112 </el-form-item> 113 </el-form-item>
113 </el-col> 114 </el-col>
114 <el-col :span="8"> 115 <el-col :span="8">
115 <el-form-item label="使用权结束时间"> 116 <el-form-item label="使用权结束时间">
116 <el-input v-model="ruleForm.jsydsyq.syqjssj"></el-input> 117 <el-input v-model="ruleForm.jsydsyq.syqjssj"></el-input>
117 </el-form-item> 118 </el-form-item>
118 </el-col> 119 </el-col>
119 <el-col :span="8"> 120 <el-col :span="8">
120 <el-form-item label="土地使用期限"> 121 <el-form-item label="土地使用期限">
121 <el-input v-model="ruleForm.jsydsyq.tdsyqx"></el-input> 122 <el-input v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
122 </el-form-item> 123 </el-form-item>
...@@ -147,28 +148,55 @@ ...@@ -147,28 +148,55 @@
147 </el-col> 148 </el-col>
148 149
149 <el-col :span="8"> 150 <el-col :span="8">
150 <el-form-item label="不动产权证号："> 151 <el-form-item
152 label="不动产权证号："
153 prop="qlxx.bdcqzh"
154 :rules="rules.bdcqzhrules"
155 >
151 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 156 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
152 </el-form-item> 157 </el-form-item>
153 </el-col> 158 </el-col>
154 <el-col :span="8"> 159 <el-col :span="8">
155 <el-form-item label="区县代码："> 160 <el-form-item
161 label="区县代码："
162 prop="qlxx.qxdm"
163 :rules="rules.qxdmrules"
164 >
156 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 165 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
157 </el-form-item> 166 </el-form-item>
158 </el-col> 167 </el-col>
159 <el-col :span="8"> 168 <el-col :span="8">
160 <el-form-item label="登记机构："> 169 <el-form-item
170 label="登记机构："
171 prop="qlxx.djjg"
172 :rules="rules.djjgrules"
173 >
161 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 174 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
162 </el-form-item> 175 </el-form-item>
163 </el-col> 176 </el-col>
164 <el-col :span="8"> 177 <el-col :span="8">
165 <el-form-item label="登簿人："> 178 <el-form-item
179 label="登簿人："
180 prop="qlxx.dbr"
181 :rules="rules.dbrrules"
182 >
166 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 183 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
167 </el-form-item> 184 </el-form-item>
168 </el-col> 185 </el-col>
169 <el-col :span="8"> 186 <el-col :span="8">
170 <el-form-item label="登记时间："> 187 <el-form-item
171 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 188 label="登记时间："
189 prop="qlxx.djsj"
190 :rules="rules.djsjrules"
191 >
192 <el-date-picker
193 v-model="ruleForm.qlxx.djsj"
194 type="date"
195 placeholder="选择日期"
196 value-format="yyyy-MM-dd HH:mm:ss"
197 format="yyyy-MM-dd"
198 >
199 </el-date-picker>
172 </el-form-item> 200 </el-form-item>
173 </el-col> 201 </el-col>
174 </el-row> 202 </el-row>
...@@ -238,21 +266,21 @@ ...@@ -238,21 +266,21 @@
238 :gyfs="ruleForm.qlxx.gyfs" 266 :gyfs="ruleForm.qlxx.gyfs"
239 /> 267 />
240 268
241 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 269 <div v-if="ruleForm.ywrData && ruleForm.ywrData.length > 0">
242 <div class="slxx_title title-block"> 270 <div class="slxx_title title-block">
243 义务人信息 271 义务人信息
244 <div class="triangle"></div> 272 <div class="triangle"></div>
245 </div> 273 </div>
246 <qlrCommonTable 274 <ywrCommonTable
247 v-if="ruleForm.ywrList" 275 v-if="ruleForm.ywrData"
248 :tableData="ruleForm.ywrList" 276 :tableData="ruleForm.ywrData"
249 :key="key" 277 :key="key"
250 @upDateQlrxxList="upDateYwrxxList" 278 @upDateQlrxxList="upDateYwrxxList"
251 :viewtype="$route.query.viewtype" 279 :viewtype="$route.query.viewtype"
252 /> 280 />
253 </div> 281 </div>
254 </div> 282 </div>
255 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 283 <el-row class="btn" v-if="!$route.query.viewtype">
256 <el-form-item> 284 <el-form-item>
257 <el-button type="primary" @click="onSubmit">保存</el-button> 285 <el-button type="primary" @click="onSubmit">保存</el-button>
258 </el-form-item> 286 </el-form-item>
...@@ -288,6 +316,34 @@ export default { ...@@ -288,6 +316,34 @@ export default {
288 propsParam: this.$attrs, 316 propsParam: this.$attrs,
289 ableOperation: true, 317 ableOperation: true,
290 key: 0, 318 key: 0,
319 // 登记类型
320 djlxlist: [
321 {
322 dcode: "100",
323 dname: "首次登记",
324 },
325 {
326 dcode: "200",
327 dname: "转移登记",
328 },
329 {
330 dcode: "300",
331 dname: "变更登记",
332 },
333 {
334 dcode: "500",
335 dname: "更正登记",
336 },
337
338 {
339 dcode: "901",
340 dname: "补证",
341 },
342 {
343 dcode: "902",
344 dname: "换证",
345 },
346 ],
291 // 权属状态 347 // 权属状态
292 qsztlist: [ 348 qsztlist: [
293 { 349 {
...@@ -299,13 +355,21 @@ export default { ...@@ -299,13 +355,21 @@ export default {
299 dname: "历史", 355 dname: "历史",
300 }, 356 },
301 ], 357 ],
302 tdxz:null, 358 tdxz: null,
303 isShow: false, 359 isShow: false,
304 disabled: true, 360 disabled: true,
305 czrOptions: [], 361 czrOptions: [],
306 ruleForm: {}, 362 ruleForm: {},
307 //传递参数\ 363 //传递参数\
308 rules: {}, 364 rules: {
365 bdcqzhrules: [
366 { required: true, message: "不动产权证号：", trigger: "change" },
367 ],
368 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
369 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
370 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
371 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
372 },
309 }; 373 };
310 }, 374 },
311 created() { 375 created() {
...@@ -318,92 +382,94 @@ export default { ...@@ -318,92 +382,94 @@ export default {
318 return store.getters.dictData[val]; 382 return store.getters.dictData[val];
319 }, 383 },
320 loadData() { 384 loadData() {
321 this.propsParam.isEdit=this.$parent.isEdit 385
386 this.propsParam.isEdit = this.$parent.isEdit;
322 init(this.propsParam).then((res) => { 387 init(this.propsParam).then((res) => {
323 if (res.code == 200) { 388 if (res.code == 200) {
324 this.ruleForm = res.result; 389 this.ruleForm = res.result;
325 if( this.ruleForm.tdytqxList.length>0){ 390 if (this.ruleForm.tdytqxList.length > 0) {
326 this.tdxz=this.ruleForm.tdytqxList[0].qlxzbm 391 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
327 }else{ 392 } else {
328 this.tdxz=null 393 this.tdxz = null;
329 } 394 }
330 console.log("this.ruleForm", this.ruleForm);
331 this.isShow = true; 395 this.isShow = true;
332 } 396 }
333 }); 397 });
334 }, 398 },
335 // 更新土地用途信息 399 // 更新土地用途信息
336 upDateTdytxxList(val) { 400 upDateTdytxxList(val) {
337 console.log("VAL", val);
338 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 401 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
339 this.key++; 402 this.key++;
340 }, 403 },
341 // 更新权利人信息 404 // 更新权利人信息
342 upDateQlrxxList(val) { 405 upDateQlrxxList(val) {
343 console.log("val", val);
344 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 406 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
345 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
346 this.czrOptions = this.ruleForm.qlrData; 407 this.czrOptions = this.ruleForm.qlrData;
347 this.key++; 408 this.key++;
348 }, 409 },
349 // 更新义务人信息 410 // 更新义务人信息
350 upDateYwrxxList(val) { 411 upDateYwrxxList(val) {
351 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 412 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
352 this.key++; 413 this.key++;
353 }, 414 },
354 onSubmit() { 415 onSubmit() {
355 console.log("this.ruleForm大信息", this.ruleForm); 416 this.$refs.ruleForm.validate((valid) => {
356 if (this.ruleForm.qlrData.length == 0) { 417 if (valid) {
357 this.$message({ 418 if (this.ruleForm.qlrData.length == 0) {
358 showClose: true, 419 this.$message({
359 message: "请确认权利人信息", 420 showClose: true,
360 type: "error", 421 message: "请确认权利人信息",
361 }); 422 type: "error",
362 return false; 423 });
363 } 424 return false;
425 }
364 426
365 if (this.ruleForm.qlxx.gyfs == "0") { 427 if (this.ruleForm.qlxx.gyfs == "0") {
366 if (this.ruleForm.qlrData.length > 1) { 428 if (this.ruleForm.qlrData.length > 1) {
367 this.$message({ 429 this.$message({
368 showClose: true, 430 showClose: true,
369 message: "共有方式：单独所有，权利人只能是一个人", 431 message: "共有方式：单独所有，权利人只能是一个人",
370 type: "error", 432 type: "error",
371 }); 433 });
372 return false; 434 return false;
373 } 435 }
374 this.ruleForm.qlrData[0].sfczr = "1"; 436 this.ruleForm.qlrData[0].sfczr = "1";
375 } 437 }
376 if (this.ruleForm.qlxx.gyfs == "1") { 438 if (this.ruleForm.qlxx.gyfs == "1") {
377 //是否分别持证 439 //是否分别持证
378 if (this.ruleForm.qlxx.sqfbcz == "1") { 440 if (this.ruleForm.qlxx.sqfbcz == "1") {
379 //是 441 //是
380 this.ruleForm.qlrData.forEach((item, index) => { 442 this.ruleForm.qlrData.forEach((item, index) => {
381 item.sfczr = "1"; 443 item.sfczr = "1";
382 }); 444 });
383 } else {
384 this.ruleForm.qlrData.forEach((item, index) => {
385 if (item.zjh == this.ruleForm.czr) {
386 item.sfczr = "1";
387 } else { 445 } else {
388 item.sfczr = "0"; 446 this.ruleForm.qlrData.forEach((item, index) => {
447 if (item.zjh == this.ruleForm.czr) {
448 item.sfczr = "1";
449 } else {
450 item.sfczr = "0";
451 }
452 });
453 }
454 }
455 save(this.ruleForm).then((res) => {
456 if (res.code === 200) {
457 this.$message({
458 showClose: true,
459 message: "保存成功！",
460 type: "success",
461 });
462 this.$store.dispatch("user/refreshPage", true);
463 } else {
464 this.$message({
465 showClose: true,
466 message: res.message,
467 type: "error",
468 });
389 } 469 }
390 }); 470 });
391 }
392 }
393 save(this.ruleForm).then((res) => {
394 if (res.code === 200) {
395 this.$message({
396 showClose: true,
397 message: "保存成功！",
398 type: "success",
399 });
400 this.$store.dispatch("user/refreshPage", true);
401 } else { 471 } else {
402 this.$message({ 472 return false;
403 showClose: true,
404 message: res.message,
405 type: "error",
406 });
407 } 473 }
408 }); 474 });
409 }, 475 },
......
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-25 15:52:42 4 * @LastEditTime: 2023-06-25 15:52:42
5 :show-message="false"
5 --> 6 -->
6 <template> 7 <template>
7 <!-- 受理信息 --> 8 <!-- 受理信息 -->
...@@ -13,7 +14,8 @@ ...@@ -13,7 +14,8 @@
13 ref="ruleForm" 14 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
15 :inline="flag" 16 :inline="flag"
16 label-width="127px" 17 inline-message
18 label-width="145px"
17 > 19 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 21 <div class="slxx_title title-block">
...@@ -38,7 +40,7 @@ ...@@ -38,7 +40,7 @@
38 </el-col> 40 </el-col>
39 </el-row> 41 </el-row>
40 <div class="slxx_title title-block"> 42 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋） 43 预告登记信息
42 <div class="triangle"></div> 44 <div class="triangle"></div>
43 </div> 45 </div>
44 <el-row :gutter="10"> 46 <el-row :gutter="10">
...@@ -73,7 +75,7 @@ ...@@ -73,7 +75,7 @@
73 <el-form-item label="登记类型："> 75 <el-form-item label="登记类型：">
74 <el-select v-model="ruleForm.qlxx.djlx"> 76 <el-select v-model="ruleForm.qlxx.djlx">
75 <el-option 77 <el-option
76 v-for="item in dictData['A21']" 78 v-for="item in djlxlist"
77 :key="item.dcode" 79 :key="item.dcode"
78 :label="item.dname" 80 :label="item.dname"
79 :value="item.dcode" 81 :value="item.dcode"
...@@ -88,28 +90,35 @@ ...@@ -88,28 +90,35 @@
88 </el-form-item> 90 </el-form-item>
89 </el-col> 91 </el-col>
90 <el-col :span="8"> 92 <el-col :span="8">
91 <el-form-item label="不动产权证号："> 93 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
92 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 94 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
93 </el-form-item> 95 </el-form-item>
94 </el-col> 96 </el-col>
95 <el-col :span="8"> 97 <el-col :span="8">
96 <el-form-item label="区县代码："> 98 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
97 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 99 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
98 </el-form-item> 100 </el-form-item>
99 </el-col> 101 </el-col>
100 <el-col :span="8"> 102 <el-col :span="8">
101 <el-form-item label="登记机构："> 103 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
102 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 104 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
103 </el-form-item> 105 </el-form-item>
104 </el-col> 106 </el-col>
105 <el-col :span="8"> 107 <el-col :span="8">
106 <el-form-item label="登簿人："> 108 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
107 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 109 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
108 </el-form-item> 110 </el-form-item>
109 </el-col> 111 </el-col>
110 <el-col :span="8"> 112 <el-col :span="8">
111 <el-form-item label="登记时间："> 113 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
112 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 114 <el-date-picker
115 v-model="ruleForm.qlxx.djsj"
116 type="date"
117 placeholder="选择日期"
118 value-format="yyyy-MM-dd HH:mm:ss"
119 format="yyyy-MM-dd"
120 >
121 </el-date-picker>
113 </el-form-item> 122 </el-form-item>
114 </el-col> 123 </el-col>
115 <el-col :span="8"> 124 <el-col :span="8">
...@@ -277,7 +286,7 @@ ...@@ -277,7 +286,7 @@
277 :gyfs="ruleForm.qlxx.gyfs" 286 :gyfs="ruleForm.qlxx.gyfs"
278 /> 287 />
279 288
280 <div> 289 <div v-if="ruleForm.ywrData">
281 <div class="slxx_title title-block"> 290 <div class="slxx_title title-block">
282 义务人信息 291 义务人信息
283 <div class="triangle"></div> 292 <div class="triangle"></div>
...@@ -290,7 +299,7 @@ ...@@ -290,7 +299,7 @@
290 /> 299 />
291 </div> 300 </div>
292 </div> 301 </div>
293 <el-row class="btn"> 302 <el-row class="btn" v-if="!$route.query.viewtype">
294 <el-form-item> 303 <el-form-item>
295 <el-button type="primary" @click="onSubmit">保存</el-button> 304 <el-button type="primary" @click="onSubmit">保存</el-button>
296 </el-form-item> 305 </el-form-item>
...@@ -318,6 +327,34 @@ export default { ...@@ -318,6 +327,34 @@ export default {
318 disabled: true, 327 disabled: true,
319 czrOptions: [], 328 czrOptions: [],
320 ruleForm: {}, 329 ruleForm: {},
330 // 登记类型
331 djlxlist: [
332 {
333 dcode: "100",
334 dname: "首次登记",
335 },
336 {
337 dcode: "200",
338 dname: "转移登记",
339 },
340 {
341 dcode: "300",
342 dname: "变更登记",
343 },
344 {
345 dcode: "500",
346 dname: "更正登记",
347 },
348
349 {
350 dcode: "901",
351 dname: "补证",
352 },
353 {
354 dcode: "902",
355 dname: "换证",
356 },
357 ],
321 // 权属状态 358 // 权属状态
322 qsztlist: [ 359 qsztlist: [
323 { 360 {
...@@ -330,7 +367,15 @@ export default { ...@@ -330,7 +367,15 @@ export default {
330 }, 367 },
331 ], 368 ],
332 //传递参数\ 369 //传递参数\
333 rules: {}, 370 rules: {
371 bdcqzhrules:[
372 { required: true, message: "不动产权证号：", trigger: "change" },
373 ],
374 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
375 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
376 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
377 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
378 },
334 }; 379 };
335 }, 380 },
336 created() { 381 created() {
...@@ -339,27 +384,22 @@ export default { ...@@ -339,27 +384,22 @@ export default {
339 mounted() {}, 384 mounted() {},
340 methods: { 385 methods: {
341 loadData() { 386 loadData() {
342 console.log("预告登记", this.propsParam);
343 this.propsParam.isEdit=this.$parent.isEdit 387 this.propsParam.isEdit=this.$parent.isEdit
344 init(this.propsParam).then((res) => { 388 init(this.propsParam).then((res) => {
345 if (res.code == 200) { 389 if (res.code == 200) {
346 this.ruleForm = res.result; 390 this.ruleForm = res.result;
347 console.log("this.ruleForm", this.ruleForm);
348 this.isShow = true; 391 this.isShow = true;
349 } 392 }
350 }); 393 });
351 }, 394 },
352 // 更新土地用途信息 395 // 更新土地用途信息
353 upDateTdytxxList(val) { 396 upDateTdytxxList(val) {
354 console.log("VAL", val);
355 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 397 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
356 this.key++; 398 this.key++;
357 }, 399 },
358 // 更新权利人信息 400 // 更新权利人信息
359 upDateQlrxxList(val) { 401 upDateQlrxxList(val) {
360 console.log("val", val);
361 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 402 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
362 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
363 this.czrOptions = this.ruleForm.qlrData; 403 this.czrOptions = this.ruleForm.qlrData;
364 this.key++; 404 this.key++;
365 }, 405 },
...@@ -369,7 +409,8 @@ export default { ...@@ -369,7 +409,8 @@ export default {
369 this.key++; 409 this.key++;
370 }, 410 },
371 onSubmit() { 411 onSubmit() {
372 console.log("this.ruleForm大信息", this.ruleForm); 412 this.$refs.ruleForm.validate((valid) => {
413 if (valid) {
373 if (this.ruleForm.qlrData.length == 0) { 414 if (this.ruleForm.qlrData.length == 0) {
374 this.$message({ 415 this.$message({
375 showClose: true, 416 showClose: true,
...@@ -423,6 +464,10 @@ export default { ...@@ -423,6 +464,10 @@ export default {
423 }); 464 });
424 } 465 }
425 }); 466 });
467 } else {
468 return false;
469 }
470 });
426 }, 471 },
427 }, 472 },
428 }; 473 };
......
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="127px" 16 inline-message
17 label-width="145px"
17 > 18 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
...@@ -38,7 +39,7 @@ ...@@ -38,7 +39,7 @@
38 </el-col> 39 </el-col>
39 </el-row> 40 </el-row>
40 <div class="slxx_title title-block"> 41 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋） 42 异议登记信息
42 <div class="triangle"></div> 43 <div class="triangle"></div>
43 </div> 44 </div>
44 <el-row :gutter="10"> 45 <el-row :gutter="10">
...@@ -69,11 +70,11 @@ ...@@ -69,11 +70,11 @@
69 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> 70 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
70 </el-form-item> 71 </el-form-item>
71 </el-col> --> 72 </el-col> -->
72 <!-- <el-col :span="8"> 73 <el-col :span="8">
73 <el-form-item label="登记类型："> 74 <el-form-item label="登记类型：">
74 <el-select v-model="ruleForm.qlxx.djlx"> 75 <el-select v-model="ruleForm.qlxx.djlx">
75 <el-option 76 <el-option
76 v-for="item in dictData['A21']" 77 v-for="item in djlxlist"
77 :key="item.dcode" 78 :key="item.dcode"
78 :label="item.dname" 79 :label="item.dname"
79 :value="item.dcode" 80 :value="item.dcode"
...@@ -81,35 +82,42 @@ ...@@ -81,35 +82,42 @@
81 </el-option> 82 </el-option>
82 </el-select> 83 </el-select>
83 </el-form-item> 84 </el-form-item>
84 </el-col> --> 85 </el-col>
85 <!-- <el-col :span="8"> 86 <!-- <el-col :span="8">
86 <el-form-item label="不动产坐落："> 87 <el-form-item label="不动产坐落：">
87 <el-input v-model="ruleForm.qlxx.zl"></el-input> 88 <el-input v-model="ruleForm.qlxx.zl"></el-input>
88 </el-form-item> 89 </el-form-item>
89 </el-col> --> 90 </el-col> -->
90 <!-- <el-col :span="8"> 91 <el-col :span="8">
91 <el-form-item label="不动产权证号："> 92 <el-form-item label="不动产权证号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
92 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 93 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
93 </el-form-item> 94 </el-form-item>
94 </el-col> --> 95 </el-col>
95 <el-col :span="8"> 96 <el-col :span="8">
96 <el-form-item label="区县代码："> 97 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
97 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 98 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
98 </el-form-item> 99 </el-form-item>
99 </el-col> 100 </el-col>
100 <el-col :span="8"> 101 <el-col :span="8">
101 <el-form-item label="登记机构："> 102 <el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
102 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 103 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
103 </el-form-item> 104 </el-form-item>
104 </el-col> 105 </el-col>
105 <el-col :span="8"> 106 <el-col :span="8">
106 <el-form-item label="登簿人："> 107 <el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
107 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 108 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
108 </el-form-item> 109 </el-form-item>
109 </el-col> 110 </el-col>
110 <el-col :span="8"> 111 <el-col :span="8">
111 <el-form-item label="登记时间："> 112 <el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
112 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 113 <el-date-picker
114 v-model="ruleForm.qlxx.djsj"
115 type="date"
116 placeholder="选择日期"
117 value-format="yyyy-MM-dd HH:mm:ss"
118 format="yyyy-MM-dd"
119 >
120 </el-date-picker>
113 </el-form-item> 121 </el-form-item>
114 </el-col> 122 </el-col>
115 <el-col :span="8"> 123 <el-col :span="8">
...@@ -153,7 +161,14 @@ ...@@ -153,7 +161,14 @@
153 </el-col> 161 </el-col>
154 <el-col :span="8"> 162 <el-col :span="8">
155 <el-form-item label="注销异议登记时间"> 163 <el-form-item label="注销异议登记时间">
156 <el-input v-model="ruleForm.yydj.zxyydjsj"></el-input> 164 <el-date-picker
165 v-model="ruleForm.yydj.zxyydjsj"
166 type="date"
167 placeholder="选择日期"
168 value-format="yyyy-MM-dd HH:mm:ss"
169 format="yyyy-MM-dd"
170 >
171 </el-date-picker>
157 </el-form-item> 172 </el-form-item>
158 </el-col> 173 </el-col>
159 <el-col :span="8"> 174 <el-col :span="8">
...@@ -189,8 +204,7 @@ ...@@ -189,8 +204,7 @@
189 :key="key" 204 :key="key"
190 :gyfs="ruleForm.qlxx.gyfs" 205 :gyfs="ruleForm.qlxx.gyfs"
191 /> 206 />
192 207 <div v-if="ruleForm.ywrData">
193 <div>
194 <div class="slxx_title title-block"> 208 <div class="slxx_title title-block">
195 义务人信息 209 义务人信息
196 <div class="triangle"></div> 210 <div class="triangle"></div>
...@@ -203,7 +217,7 @@ ...@@ -203,7 +217,7 @@
203 /> 217 />
204 </div> 218 </div>
205 </div> 219 </div>
206 <el-row class="btn"> 220 <el-row class="btn" v-if="!$route.query.viewtype">
207 <el-form-item> 221 <el-form-item>
208 <el-button type="primary" @click="onSubmit">保存</el-button> 222 <el-button type="primary" @click="onSubmit">保存</el-button>
209 </el-form-item> 223 </el-form-item>
...@@ -231,6 +245,34 @@ export default { ...@@ -231,6 +245,34 @@ export default {
231 disabled: true, 245 disabled: true,
232 czrOptions: [], 246 czrOptions: [],
233 ruleForm: {}, 247 ruleForm: {},
248 // 登记类型
249 djlxlist: [
250 {
251 dcode: "100",
252 dname: "首次登记",
253 },
254 {
255 dcode: "200",
256 dname: "转移登记",
257 },
258 {
259 dcode: "300",
260 dname: "变更登记",
261 },
262 {
263 dcode: "500",
264 dname: "更正登记",
265 },
266
267 {
268 dcode: "901",
269 dname: "补证",
270 },
271 {
272 dcode: "902",
273 dname: "换证",
274 },
275 ],
234 // 权属状态 276 // 权属状态
235 qsztlist: [ 277 qsztlist: [
236 { 278 {
...@@ -243,7 +285,15 @@ export default { ...@@ -243,7 +285,15 @@ export default {
243 }, 285 },
244 ], 286 ],
245 //传递参数\ 287 //传递参数\
246 rules: {}, 288 rules: {
289 bdcqzhrules:[
290 { required: true, message: "不动产权证号：", trigger: "change" },
291 ],
292 qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
293 djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
294 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
295 djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
296 },
247 }; 297 };
248 }, 298 },
249 created() { 299 created() {
...@@ -252,27 +302,22 @@ export default { ...@@ -252,27 +302,22 @@ export default {
252 mounted() {}, 302 mounted() {},
253 methods: { 303 methods: {
254 loadData() { 304 loadData() {
255 console.log("异议登记", this.propsParam);
256 this.propsParam.isEdit=this.$parent.isEdit 305 this.propsParam.isEdit=this.$parent.isEdit
257 init(this.propsParam).then((res) => { 306 init(this.propsParam).then((res) => {
258 if (res.code == 200) { 307 if (res.code == 200) {
259 this.ruleForm = res.result; 308 this.ruleForm = res.result;
260 console.log("this.ruleForm", this.ruleForm);
261 this.isShow = true; 309 this.isShow = true;
262 } 310 }
263 }); 311 });
264 }, 312 },
265 // 更新土地用途信息 313 // 更新土地用途信息
266 upDateTdytxxList(val) { 314 upDateTdytxxList(val) {
267 console.log("VAL", val);
268 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 315 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
269 this.key++; 316 this.key++;
270 }, 317 },
271 // 更新权利人信息 318 // 更新权利人信息
272 upDateQlrxxList(val) { 319 upDateQlrxxList(val) {
273 console.log("val", val);
274 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 320 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
275 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
276 this.czrOptions = this.ruleForm.qlrData; 321 this.czrOptions = this.ruleForm.qlrData;
277 this.key++; 322 this.key++;
278 }, 323 },
...@@ -282,7 +327,8 @@ export default { ...@@ -282,7 +327,8 @@ export default {
282 this.key++; 327 this.key++;
283 }, 328 },
284 onSubmit() { 329 onSubmit() {
285 console.log("this.ruleForm大信息", this.ruleForm); 330 this.$refs.ruleForm.validate((valid) => {
331 if (valid) {
286 if (this.ruleForm.qlrData.length == 0) { 332 if (this.ruleForm.qlrData.length == 0) {
287 this.$message({ 333 this.$message({
288 showClose: true, 334 showClose: true,
...@@ -336,6 +382,10 @@ export default { ...@@ -336,6 +382,10 @@ export default {
336 }); 382 });
337 } 383 }
338 }); 384 });
385 } else {
386 return false;
387 }
388 });
339 }, 389 },
340 }, 390 },
341 }; 391 };
......
...@@ -4,230 +4,232 @@ ...@@ -4,230 +4,232 @@
4 * @LastEditTime: 2023-05-17 10:41:24 4 * @LastEditTime: 2023-05-17 10:41:24
5 --> 5 -->
6 <template> 6 <template>
7 <div class='spyj loadingtext'> 7 <div class="spyj loadingtext">
8 <div class="box"> 8 <div class="box">
9 <b class="spyj_title">审批表</b> 9 <b class="spyj_title">审批表</b>
10 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> 10 <div v-for="(item, index) in tableData" :key="index">
11 <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> 11 <el-form :model="tableData[index]" label-width="120px" :rules="rules" :ref="'ruleFormRef'+index">
12 <div class="item_left"> 12 <div class="spyj_form" >
13 {{ item.jdmc }}意见 13 <div class="item_left">{{ item.jdmc }}意见</div>
14 </div>
15 <div class="item_right"> 14 <div class="item_right">
16 <el-row> 15 <el-row>
17 <el-col :span="24"> 16 <el-col :span="24">
18 <el-form-item label-width="0" class="opinion_item" prop="shyj"> 17 <el-form-item
19 <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见" 18 label-width="0"
20 v-if="item.stepShjy == '1' && ableOperation" v-model="ruleForm.shyj"></el-input> 19 class="opinion_item"
21 <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true"> 20 prop="shyj"
22 </el-input> 21 >
23 <el-button class="opinion_btn" @click="commonOpinion" 22 <el-input
24 v-if="item.stepShjy == '1' && ableOperation">常用意见</el-button> 23 type="textarea"
24 :rows="4"
25 class="opinion"
26 placeholder="请输入审批意见"
27 v-model="item.shyj"
28 ></el-input>
25 </el-form-item> 29 </el-form-item>
26 </el-col> 30 </el-col>
27 </el-row> 31 </el-row>
28 <el-row> 32 <el-row>
29 <el-col :span="16"> 33 <el-col :span="16">
30 <el-form-item label="审查人" prop="shryxm"> 34 <el-form-item
31 {{ item.shryxm }} 35 label="审查人"
36 prop="shryxm"
37 >
38 <el-input v-model="item.shryxm"></el-input>
32 </el-form-item> 39 </el-form-item>
33 </el-col> 40 </el-col>
34 <el-col :span="8"> 41 <el-col :span="8">
35 <el-form-item label="审核时间" prop="shjssj" :key="refresh"> 42 <el-form-item
36 {{ item.shjssj }} 43 label="审核时间"
44 prop="shsj"
45 >
46 <el-date-picker
47 v-model="item.shsj"
48 type="date"
49 placeholder="选择日期"
50 value-format="yyyy/MM/dd HH:mm:ss"
51 format="yyyy/MM/dd"
52 >
53 </el-date-picker>
37 </el-form-item> 54 </el-form-item>
38 </el-col> 55 </el-col>
39 </el-row> 56 </el-row>
40 </div> 57 </div>
41 </div> 58 </div>
42 <div class="submit_button" v-if="ableOperation">
43 <el-button type="primary" @click="onSubmit">保存</el-button>
44 </div>
45 </el-form> 59 </el-form>
60 </div>
61 <div class="submit_button" v-if="!$route.query.viewtype">
62 <el-button type="primary" @click="onSubmit('ruleFormRef')">保存</el-button>
63 </div>
46 </div> 64 </div>
47 <el-empty v-if="isNoData" description="暂无数据"></el-empty> 65 <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> -->
48 </div> 66 </div>
49 </template> 67 </template>
50 <script> 68 <script>
51 import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js"; 69 import { addidea } from "@/api/djbbl.js";
52 import { mapGetters } from 'vuex' 70 import { mapGetters } from "vuex";
53 export default { 71 export default {
54 computed: { 72 computed: {
55 ...mapGetters(['userData', 'yjsqOptions']) 73 ...mapGetters(["userData", "yjsqOptions"]),
56 }, 74 },
57 data () { 75 data() {
58 return { 76 return {
59 isNoData: false, 77 isNoData: false,
60 bsmSlsq: '', 78 ableOperation: true,
61 //刷新值
62 refresh: 10,
63 ableOperation: true,
64 bsmSlsq: this.$route.query.bsmSlsq,
65 bestepid: this.$route.query.bestepid,
66 ruleForm: {},
67 rules: {
68 shyj: [
69 { required: true, message: '请输入审批意见', trigger: 'blur' }
70 ],
71 },
72 tableData: [],
73 propsParam: {}
74 }
75 },
76 watch: {
77 yjsqOptions: {
78 handler (val) {
79 this.ruleForm.shyj = val
80 },
81 deep: true,
82 immediate: true
83 },
84 },
85 mounted () {
86 this.propsParam = this.$attrs;
87 if (this.$route.query.viewtype) {
88 this.ableOperation = false
89 }
90 this.list();
91 },
92 methods: {
93 //审批意见数据初始化
94 list () {
95 let that = this
96 this.$startLoading()
97 var formdata = new FormData();
98 formdata.append("bsmBusiness", this.propsParam.bsmRepair);
99 formdata.append("bestepid", this.$route.query.bestepid);
100 formdata.append("ableOperation", this.ableOperation)
101 getSpyjList(formdata).then((res) => {
102 this.$endLoading()
103 if (res.code === 200 && res.result) {
104 79
105 this.tableData = res.result ? res.result : [] 80 tableData: [{ jdmc: "初审" }, { jdmc: "复审" }, { jdmc: "核定" }],
106 console.log("this.tableDatathis.tableDatathis.tableDatathis.tableData",this.tableData); 81
107 if (res.result.length == 0) { 82 rules: {
108 that.isNoData = true 83 shyj: [{ required: true, message: "请填写意见", trigger: "blur" }],
109 } 84 shryxm: [{ required: true, message: "审查人", trigger: "blur" }],
110 this.ruleForm = res.result[res.result.length - 1] 85 shsj: [{ required: true, message: "审核时间", trigger: "blur" }],
111 }
112 })
113 }, 86 },
114 onSubmit () { 87 };
115 this.ruleForm.bsmSlsq = this.bsmSlsq 88 },
116 this.ruleForm.bestepid = this.bestepid 89
117 saveSpyjBySlsq(this.ruleForm).then(res => { 90 watch: {},
118 if (res.code === 200) { 91 created() {},
119 this.$message.success("保存成功") 92 mounted() {},
120 this.refresh += 1 93 methods: {
121 } else { 94 onSubmit(formName) {
122 this.$message.error(res.message) 95 const falg = []
96 for (let index = 0; index < this.tableData.length; index++) {
97 this.$refs[formName + index][0].validate((valid) => {
98 if (valid) {
99 falg.push(1)
123 } 100 }
124 }) 101 });
125 },
126 //打开常用意见列表弹窗
127 commonOpinion () {
128 this.$popupDialog("常用意见", "djbworkflow/components/dialog/commonOpinion", {}, "70%", true)
129 },
130 //使用常用意见
131 useOpinion (opinion) {
132 this.ruleForm.shyj = opinion
133 } 102 }
134 } 103 if (falg.length == this.tableData.length) {
135 } 104 this.tableData.forEach((item, index) => {
105 item["bsmBusiness"] = this.$parent.bsmRepair;
106 }),
107 addidea(this.tableData).then((res) => {
108 if (res.code === 200) {
109 this.$message.success("保存成功");
110 this.refresh += 1;
111 } else {
112 this.$message.error(res.message);
113 }
114 });
115 } else {
116 return false;
117 }
118 },
119 // onSubmit() {
120 // this.$refs.tablelist[index].validate((valid) => {
121 // if (valid) {
122 // this.tableData.forEach((item, index) => {
123 // item["bsmBusiness"] = this.$parent.bsmRepair;
124 // }),
125 // addidea(this.tableData).then((res) => {
126 // if (res.code === 200) {
127 // this.$message.success("保存成功");
128 // this.refresh += 1;
129 // } else {
130 // this.$message.error(res.message);
131 // }
132 // });
133 // }
134 // });
135 // },
136 },
137 };
136 </script> 138 </script>
137 <style scoped lang='scss'> 139 <style scoped lang="scss">
138 @import "~@/styles/mixin.scss"; 140 @import "~@/styles/mixin.scss";
139 141
140 .spyj { 142 .spyj {
143 width: 100%;
144 height: 100%;
145 background-color: #f5f5f5;
146 padding: 5px;
147 .box {
148 overflow-x: auto;
141 width: 100%; 149 width: 100%;
142 height: 100%; 150 height: 95%;
143 background-color: #f5f5f5; 151 background: #fff;
144 padding: 5px; 152 text-align: center;
145 .box { 153 padding: 4px;
146 overflow-x: auto; 154 overflow-y: scroll;
147 width: 100%; 155 padding-top: 20px;
148 height: 95%; 156 padding: 20px 40px;
149 background: #fff; 157 }
150 text-align: center; 158 .spyj_title {
151 padding: 4px; 159 line-height: 68px;
152 overflow-y: scroll; 160 border: 1px solid $borderColor;
153 padding-top: 20px; 161 text-align: center;
154 padding: 20px 40px; 162 font-size: 22px;
155 } 163 font-weight: 400;
156 .spyj_title { 164 background-color: #eceef2;
157 line-height: 68px; 165 display: block;
158 border: 1px solid $borderColor; 166 border-bottom: none;
159 text-align: center; 167 }
160 font-size: 22px;
161 font-weight: 400;
162 background-color: #eceef2;
163 display: block;
164 border-bottom: none;
165 }
166 168
167 /deep/.el-form-item { 169 /deep/.el-form-item {
168 margin-bottom: 0; 170 margin-bottom: 0;
169 } 171 }
170 172
171 .bottom10 { 173 .bottom10 {
172 margin-bottom: 15px; 174 margin-bottom: 15px;
173 } 175 }
176
177 .spyj_form {
178 display: flex;
179 border: 1px solid $borderColor;
174 180
175 .spyj_form { 181 .item_left {
182 width: 150px;
183 background-color: #f8f8fa;
184 color: #606266;
176 display: flex; 185 display: flex;
177 border: 1px solid $borderColor; 186 font-size: 14px;
187 text-indent: 80px;
188 align-items: center;
189 border-right: 1px solid $borderColor;
190 }
191
192 .item_right {
193 flex: 1;
194 width: 100%;
178 195
179 .item_left { 196 /deep/.el-form-item__label {
180 width: 150px;
181 background-color: #f8f8fa; 197 background-color: #f8f8fa;
182 color: #606266;
183 display: flex;
184 font-size: 14px;
185 text-indent: 80px;
186 align-items: center;
187 border-right: 1px solid $borderColor;
188 } 198 }
189 199 /deep/.el-form-item__content {
190 .item_right { 200 display: block;
191 flex: 1; 201 text-align: left;
192 width: 100%; 202 text-indent: 10px;
193 203 }
194 /deep/.el-form-item__label { 204 .opinion_item {
195 background-color: #f8f8fa; 205 /deep/.el-form-item__error {
196 } 206 margin-top: -16px !important;
197 /deep/.el-form-item__content { 207 left: 3px;
198 display: block;
199 text-align: left;
200 text-indent: 10px;
201 } 208 }
202 .opinion_item {
203 /deep/.el-form-item__error {
204 margin-top: -16px !important;
205 left: 3px;
206 }
207 209
208 border-bottom: 1px solid $borderColor; 210 border-bottom: 1px solid $borderColor;
209 } 211 }
210 212
211 .opinion { 213 .opinion {
212 position: relative; 214 position: relative;
213 font-size: 14px; 215 font-size: 14px;
214 216
215 /deep/.el-textarea__inner { 217 /deep/.el-textarea__inner {
216 border: none; 218 border: none;
217 }
218 } 219 }
220 }
219 221
220 .opinion_btn { 222 .opinion_btn {
221 position: absolute; 223 position: absolute;
222 right: 15px; 224 right: 15px;
223 bottom: 10px; 225 bottom: 10px;
224 }
225 } 226 }
226 } 227 }
228 }
227 229
228 .submit_button { 230 .submit_button {
229 text-align: center; 231 text-align: center;
230 margin: 15px 0; 232 margin: 15px 0;
231 }
232 } 233 }
234 }
233 </style> 235 </style>
......
...@@ -67,21 +67,22 @@ export default { ...@@ -67,21 +67,22 @@ export default {
67 case "B0": 67 case "B0":
68 this.openDialog() 68 this.openDialog()
69 break; 69 break;
70 case "B1": 70 case "B1":
71 getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => { 71 getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => {
72 let { result } = res 72 let { result } = res
73 this.$popupDialog("流程图", "workflow/components/processViewer", { 73 this.$popupDialog("流程图", "workflow/components/processViewer", {
74 xml: result.xml, 74 xml: result.xml,
75 finishedInfo: { 75 finishedInfo: {
76 finishedTaskSet: result.finishedActivityIds, 76 finishedTaskSet: result.finishedActivityIds,
77 unfinishedTaskSet: result.runningActivityIds, 77 unfinishedTaskSet: result.runningActivityIds,
78 rejectedTaskSet: result.rejectedTaskSet, 78 rejectedTaskSet: {},
79 finishedSequenceFlowSet: result.finishedSequenceFlowIds 79 finishedSequenceFlowSet: result.finishedSequenceFlowIds
80 }, 80 },
81 allCommentList: result.historyTaskList 81 handlinglist:result.runningTasks,
82 }, '80%', true) 82 allCommentList: result.finishedTasks
83 }) 83 }, '80%', true)
84 break; 84 })
85 break;
85 case "B2": //材料分屏按钮 86 case "B2": //材料分屏按钮
86 87
87 this.closefp() 88 this.closefp()
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-24 15:31:00 4 * @LastEditTime: 2023-07-11 08:58:31
5 --> 5 -->
6 <template> 6 <template>
7 <div class="container"> 7 <div class="container">
...@@ -12,8 +12,7 @@ ...@@ -12,8 +12,7 @@
12 <li 12 <li
13 @click="operation(item)" 13 @click="operation(item)"
14 v-for="(item, index) in leftButtonList" 14 v-for="(item, index) in leftButtonList"
15 :key="index" 15 :key="index">
16 >
17 <svg-icon class="icon" :icon-class="item.icon" /> 16 <svg-icon class="icon" :icon-class="item.icon" />
18 <span class="iconName">{{ item.name }}</span> 17 <span class="iconName">{{ item.name }}</span>
19 </li> 18 </li>
...@@ -22,8 +21,7 @@ ...@@ -22,8 +21,7 @@
22 <li 21 <li
23 @click="operation(item)" 22 @click="operation(item)"
24 v-for="(item, index) in rightButtonList" 23 v-for="(item, index) in rightButtonList"
25 :key="index" 24 :key="index">
26 >
27 <svg-icon class="icon" :icon-class="item.icon" /> 25 <svg-icon class="icon" :icon-class="item.icon" />
28 <span class="iconName">{{ item.name }}</span> 26 <span class="iconName">{{ item.name }}</span>
29 </li> 27 </li>
...@@ -50,15 +48,13 @@ ...@@ -50,15 +48,13 @@
50 :label="item.name" 48 :label="item.name"
51 :name="item.value" 49 :name="item.value"
52 v-for="item in tabList" 50 v-for="item in tabList"
53 :key="item.value" 51 :key="item.value">
54 >
55 </el-tab-pane> 52 </el-tab-pane>
56 </el-tabs> 53 </el-tabs>
57 <component 54 <component
58 :key="fresh" 55 :key="fresh"
59 :is="componentTag" 56 :is="componentTag"
60 v-bind="currentSelectProps" 57 v-bind="currentSelectProps" />
61 />
62 </div> 58 </div>
63 </div> 59 </div>
64 </div> 60 </div>
...@@ -67,205 +63,215 @@ ...@@ -67,205 +63,215 @@
67 </div> 63 </div>
68 </template> 64 </template>
69 <style scoped lang="scss"> 65 <style scoped lang="scss">
70 @import "~@/styles/mixin.scss"; 66 @import "~@/styles/mixin.scss";
71 @import "./workFrame.scss"; 67 @import "./workFrame.scss";
72 </style> 68 </style>
73 <script> 69 <script>
74 import WorkFlow from "./mixin/index"; 70 import WorkFlow from "./mixin/index";
75 import { getForm } from "./flowform"; 71 import { getForm } from "./flowform";
76 import { getStepFormInfo } from "@/api/fqsq.js"; 72 import { getStepFormInfo } from "@/api/fqsq.js";
77 import NoticeBar from "@/components/NoticeBar/index"; 73 import NoticeBar from "@/components/NoticeBar/index";
78 import ProcessViewer from "./components/processViewer.vue"; 74 import ProcessViewer from "./components/processViewer.vue";
79 // 引入左侧菜单 75 // 引入左侧菜单
80 import { leftMenubl } from "@/api/djbbl.js"; 76 import { leftMenubl } from "@/api/djbbl.js";
81 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; 77 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
82 import qllxDailog from "./djbBook/components/qllxDailog"; 78 import qllxDailog from "./djbBook/components/qllxDailog";
83 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; 79 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
84 import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; 80 import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
85 // 登记簿数据信息 81 // 登记簿数据信息
86 import { addRepairRecord } from "@/api/djbbl.js"; 82 import { addRepairRecord } from "@/api/djbbl.js";
87 // 获取权利类型数组 83 // 获取权利类型数组
88 import { getQllxByBdcdyid } from "@/api/djbbl.js"; 84 import { getQllxByBdcdyid } from "@/api/djbbl.js";
89 85
90 import { getBdcqljqtsx } from "@/api/registerBook.js"; 86 import { getBdcqljqtsx } from "@/api/registerBook.js";
91 export default { 87 export default {
92 components: { 88 components: {
93 selectBdc, 89 selectBdc,
94 NoticeBar, 90 NoticeBar,
95 ProcessViewer, 91 ProcessViewer,
96 ordinaryMenu, 92 ordinaryMenu,
97 qllxDailog, 93 qllxDailog,
98 },
99 mixins: [WorkFlow],
100 data() {
101 return {
102 bsmSlsq: this.$route.query.bsmSlsq,
103 //当前流程所在环节
104 bestepid: this.$route.query.bestepid,
105 //受理申请标识码
106 bdcdyid: this.$route.query.bdcdyid,
107 //当前流程所在环节
108 bdcdyh: this.$route.query.bdcdyh,
109 qllx: this.$route.query.qllx,
110 //设置那个表单选中
111 tabName: "",
112 isEdit:true,
113 // 弹框显示
114 dialogVisible: true,
115 //表单集合
116 tabList: [],
117 //选择加载哪一个组件
118 componentTag: "",
119 //设置表单传递数据
120 currentSelectProps: {},
121 // 首次拿到的业务信息
122 oneSelectProps: {},
123 //材料信息选择卡索引
124 oneget: true,
125 //页面监听时间
126 _beforeUnload_time: "",
127 treedata: {},
128 tabdata: [],
129 defaultNode: {},
130 };
131 },
132 mounted() {
133 // this.getleftMenubl()
134 },
135
136 methods: {
137 stepForm(qllx) {
138 this.oneSelectProps.qllx = qllx;
139 if (this.$refs.Menu.supplementarylist.length) {
140 getStepFormInfo(this.oneSelectProps).then((res) => {
141 this.$nextTick(function () {
142 this.tabList = res.result;
143 this.tabName = this.tabList[0].value;
144 this.getFromRouter(this.tabName);
145 });
146 });
147 }
148 }, 94 },
149 // 获取右侧菜单 95 mixins: [WorkFlow],
150 // getleftMenubl() { 96 data () {
151 // leftMenubl(this.bsmSlsq).then((res) => { 97 return {
152 // this.supplementarylist = res.result; 98 bsmSlsq: this.$route.query.bsmSlsq,
153 // }) 99 //当前流程所在环节
154 // }, 100 bestepid: this.$route.query.bestepid,
155 getQllxByBdcdyid() { 101 //受理申请标识码
156 if (this.currentSelectProps.bdcdyid) { 102 bdcdyid: this.$route.query.bdcdyid,
157 getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( 103 //当前流程所在环节
158 (res) => { 104 bdcdyh: this.$route.query.bdcdyh,
159 if (res.code === 200) { 105 qllx: this.$route.query.qllx,
160 this.$refs.qllxlist.qllxlistdata = res.result; 106 //设置那个表单选中
161 this.$refs.qllxlist.dialogVisible = true; 107 tabName: "",
162 } 108 isEdit: true,
163 } 109 // 弹框显示
164 ); 110 dialogVisible: true,
165 } 111 //表单集合
112 tabList: [],
113 //选择加载哪一个组件
114 componentTag: "",
115 //设置表单传递数据
116 currentSelectProps: {},
117 // 首次拿到的业务信息
118 oneSelectProps: {},
119 //材料信息选择卡索引
120 oneget: true,
121 //页面监听时间
122 _beforeUnload_time: "",
123 treedata: {},
124 tabdata: [],
125 defaultNode: {},
126 };
166 }, 127 },
167 // 获取右侧选项卡 128 mounted () {
168 getCurrentSelectProps(val) { 129 // this.getleftMenubl()
169 if (val.bdcdyid) {
170 this.oneSelectProps = val;
171 }
172 this.currentSelectProps = val;
173 if (this.currentSelectProps.bsmRepair) {
174 this.stepForm(this.currentSelectProps.qllx);
175 } else if (!this.oneget) {
176 this.getdjblist();
177 }
178 if (this.oneget) {
179 this.oneget = false;
180 this.stepForm(this.currentSelectProps.qllx);
181 }
182 }, 130 },
183 // 获取渲染登记簿列表 131
184 getdjblist() { 132 methods: {
185 getBdcqljqtsx({ 133 stepForm (qllx) {
186 bdcdyid: this.currentSelectProps.bdcdyid, 134 this.oneSelectProps.qllx = qllx;
187 bdcdyh: this.currentSelectProps.bdcdyh, 135 if (this.$refs.Menu.supplementarylist.length) {
188 }).then((res) => { 136 getStepFormInfo(this.oneSelectProps).then((res) => {
189 if (res.code === 200) { 137 this.$nextTick(function () {
190 this.treedata = loadTreeData(res.result, this.bdcdyh); 138 this.tabList = res.result;
191 this.$nextTick(function () { 139 this.tabName = this.tabList[0].value;
192 this.defaultNode = getNode(this.currentSelectProps.qllx, { 140 this.getFromRouter(this.tabName);
193 linShi: 0,
194 xianShi: 0,
195 liShi: 0,
196 }); 141 });
197 this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
198 }); 142 });
199 let settree = JSON.parse(JSON.stringify(this.treedata));
200 this.tabdata = [
201 ...settree,
202 ...settree[1].children[0].children[0].children,
203 ];
204 this.tabdata.forEach((item, index, arr) => {
205 arr[index].name = item.label;
206 arr[index].value = item.id;
207 });
208 this.tabList = this.tabdata;
209 } 143 }
210 }); 144 },
211 }, 145 // 获取右侧菜单
212 //右侧表单选项卡事件 146 // getleftMenubl() {
213 beforeLeave(activeName) { 147 // leftMenubl(this.bsmSlsq).then((res) => {
214 if (activeName && activeName != 0) this.getFromRouter(activeName); 148 // this.supplementarylist = res.result;
215 }, 149 // })
216 //切换选项卡内容组件 150 // },
217 getFromRouter(tabname) { 151 getQllxByBdcdyid () {
218 console.log("切换选项卡内容组件", tabname,this.tabList); 152 if (this.currentSelectProps.bdcdyid) {
219 this.componentTag = getForm(tabname); 153 getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then(
220 }, 154 (res) => {
221 closefp() { 155 if (res.code === 200) {
222 console.log("点击分屏"); 156 this.$refs.qllxlist.qllxlistdata = res.result;
223 this.splitScreen = this.splitScreen ? false : true; 157 this.$refs.qllxlist.dialogVisible = true;
224 this.$store.dispatch("app/set1tScreen", this.splitScreen); 158 }
225 this.getFromRouter(this.tabList[0].value); 159 }
226 this.clxxForm = getForm(this.tabList[1].value); 160 );
227 },
228 // 增加补录记录
229 addRepairRecord(row, del) {
230 let from = {
231 bsmQlxx: "",
232 bsmSlsq: this.bsmSlsq,
233 bsmSldy: this.currentSelectProps.bsmSldy,
234 operate: "C",
235 qllx: "",
236 };
237 if (row) {
238 from.bsmQlxx = row.bsmQlxx;
239 if (del) {
240 from.operate = del;
241 } else {
242 from.operate = row.bsmQlxx ? "U" : "C";
243 } 161 }
244 from.qllx = row.qllx; 162 },
245 } 163 // 获取右侧选项卡
246 addRepairRecord(from) 164 getCurrentSelectProps (val) {
247 .then((res) => { 165 if (val.bdcdyid) {
248 if (res.code == "200") { 166 this.oneSelectProps = val;
249 this.$refs.qllxlist.dialogVisible = false; 167 }
250 this.$nextTick(() => { 168 this.currentSelectProps = val;
251 this.$refs.Menu.getleftMenubl(res.result); 169 if (this.currentSelectProps.bsmRepair) {
252 this.$message({ 170 this.stepForm(this.currentSelectProps.qllx);
253 type: "success", 171 } else if (!this.oneget) {
254 message: "补录成功!", 172 this.getdjblist();
173 }
174 if (this.oneget) {
175 this.oneget = false;
176 this.stepForm(this.currentSelectProps.qllx);
177 }
178 },
179 // 获取渲染登记簿列表
180 getdjblist () {
181 getBdcqljqtsx({
182 bdcdyid: this.currentSelectProps.bdcdyid,
183 bdcdyh: this.currentSelectProps.bdcdyh,
184 }).then((res) => {
185 if (res.code === 200) {
186 this.treedata = loadTreeData(res.result, this.bdcdyh);
187 this.$nextTick(function () {
188 this.defaultNode = getNode(this.currentSelectProps.qllx, {
189 linShi: 0,
190 xianShi: 0,
191 liShi: 0,
255 }); 192 });
193 this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
256 }); 194 });
257 } else { 195 let settree = JSON.parse(JSON.stringify(this.treedata));
258 this.$alert(res.message, "提示", { 196 this.tabdata = [
259 confirmButtonText: "确定", 197 ...settree,
260 type: "warning", 198 ...settree[1].children[0].children[0].children,
199 ];
200 this.tabdata.forEach((item, index, arr) => {
201 arr[index].name = item.label;
202 arr[index].value = item.id;
261 }); 203 });
204 this.tabList = this.tabdata;
262 } 205 }
263 })
264 .catch((res) => {
265 console.log("错", res);
266 }); 206 });
267 }, 207 },
268 }, 208 //右侧表单选项卡事件
269 }; 209 beforeLeave (activeName) {
210 if (activeName && activeName != 0) this.getFromRouter(activeName);
211 },
212 //切换选项卡内容组件
213 getFromRouter (tabname) {
214 this.componentTag = getForm(tabname);
215 },
216 closefp () {
217 this.splitScreen = this.splitScreen ? false : true;
218 this.$store.dispatch("app/set1tScreen", this.splitScreen);
219 this.getFromRouter(this.tabList[0].value);
220 this.clxxForm = getForm(this.tabList[1].value);
221 },
222 // 增加补录记录
223 addRepairRecord (row, del) {
224 let from = {
225 bsmQlxx: "",
226 bsmSlsq: this.bsmSlsq,
227 bsmSldy: this.currentSelectProps.bsmSldy,
228 operate: "C",
229 qllx: "",
230 };
231 if (row) {
232 from.bsmQlxx = row.bsmQlxx;
233 if (del) {
234 from.operate = del;
235 } else {
236 from.operate = row.bsmQlxx ? "U" : "C";
237 }
238 from.qllx = row.qllx;
239 }
240 addRepairRecord(from)
241 .then((res) => {
242 if (res.code == "200") {
243 this.$refs.qllxlist.dialogVisible = false;
244 this.$nextTick(() => {
245 this.$refs.Menu.getleftMenubl(res.result);
246 this.$message({
247 type: "success",
248 message: "补录成功!",
249 });
250 });
251 } else {
252 this.$alert(res.message, "提示", {
253 confirmButtonText: "确定",
254 type: "warning",
255 });
256 }
257 })
258 .catch((res) => {
259 console.log("错", res);
260 })
261 },
262 openDialog () {
263 this.$store.dispatch('user/refreshPage', false)
264 let data = JSON.parse(localStorage.getItem('ywbl'))
265 let title
266 if (data?.sqywmc) {
267 title = "申请业务：" + data?.sqywmc
268 } else {
269 title = "申请业务：" + data?.djywmc
270 }
271
272 this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
273 }
274 }
275 };
270 </script> 276 </script>
271 <style scoped lang="scss"></style> 277 <style scoped lang="scss"></style>
......
...@@ -22,19 +22,32 @@ ...@@ -22,19 +22,32 @@
22 :class="[ 22 :class="[
23 row.qszt == '2' ? 'lishi' : '', 23 row.qszt == '2' ? 'lishi' : '',
24 row.qszt == '0' ? 'linshi' : '', 24 row.qszt == '0' ? 'linshi' : '',
25 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 25
26 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 26 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
27 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
28 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
27 ]"> 31 ]">
28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 32 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 33 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 34 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
31 </div> 35 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 36 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
33 正在办理 37 失效
34 </div> 38 </div>
35 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 39 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
36 有效 40 有效
37 </div> 41 </div>
42 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
43 正在补录
44 </div>
45 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
46 正在申请
47 </div>
48 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
49 正在注销
50 </div>
38 <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> 51 <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
39 52
40 <span v-else>{{ row[item.prop] }}</span> 53 <span v-else>{{ row[item.prop] }}</span>
......
...@@ -24,8 +24,11 @@ ...@@ -24,8 +24,11 @@
24 :class="[ 24 :class="[
25 row.qszt == '2' ? 'lishi' : '', 25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '', 26 row.qszt == '0' ? 'linshi' : '',
27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 28 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
29 ]"> 32 ]">
30 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 33 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
31 <el-button 34 <el-button
...@@ -37,12 +40,21 @@ ...@@ -37,12 +40,21 @@
37 icon="el-icon-edit-outline" 40 icon="el-icon-edit-outline"
38 @click="editDialog(row, 'D')">删除</el-button> 41 @click="editDialog(row, 'D')">删除</el-button>
39 </div> 42 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
41 正在办理 44 失效
42 </div> 45 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 46 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
44 有效 47 有效
45 </div> 48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
50 正在补录
51 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
53 正在申请
54 </div>
55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
56 正在注销
57 </div>
46 <span v-if="item.prop == 'qszt'"> 58 <span v-if="item.prop == 'qszt'">
47 {{ getQsztName(row[item.prop]) }} 59 {{ getQsztName(row[item.prop]) }}
48 </span> 60 </span>
......
...@@ -24,19 +24,31 @@ ...@@ -24,19 +24,31 @@
24 :class="[ 24 :class="[
25 row.qszt == '2' ? 'lishi' : '', 25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '', 26 row.qszt == '0' ? 'linshi' : '',
27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 28 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
29 ]"> 32 ]">
30 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 33 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
31 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 34 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
32 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 35 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
33 </div> 36 </div>
34 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 37 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
35 正在办理 38 失效
36 </div> 39 </div>
37 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 40 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
38 有效 41 有效
39 </div> 42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
44 正在补录
45 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
47 正在申请
48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
50 正在注销
51 </div>
40 <span v-if="item.prop == 'qszt'"> 52 <span v-if="item.prop == 'qszt'">
41 {{ getQsztName(row[item.prop]) }} 53 {{ getQsztName(row[item.prop]) }}
42 </span> 54 </span>
......
...@@ -19,19 +19,31 @@ ...@@ -19,19 +19,31 @@
19 <td v-for="(row, index) in tableData" :key="index" :class="[ 19 <td v-for="(row, index) in tableData" :key="index" :class="[
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 23 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
24 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
26 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
24 ]"> 27 ]">
25 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
28 </div> 31 </div>
29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 32 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
30 正在办理 33 失效
31 </div> 34 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 35 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
33 有效 36 有效
34 </div> 37 </div>
38 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
39 正在补录
40 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
42 正在申请
43 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
45 正在注销
46 </div>
35 <span v-if="item.prop == 'qszt'"> 47 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }} 48 {{ getQsztName(row[item.prop]) }}
37 </span> 49 </span>
...@@ -71,11 +83,12 @@ ...@@ -71,11 +83,12 @@
71 }, 83 },
72 methods: { 84 methods: {
73 loadData () { 85 loadData () {
74 if(this.$parent.addRepairRecord){ 86 if (this.$parent.addRepairRecord) {
75 this.columns.unshift({prop:"cz", 87 this.columns.unshift({
76 label:"操作" 88 prop: "cz",
77 }) 89 label: "操作"
78 } 90 })
91 }
79 getJsydsyqList({ 92 getJsydsyqList({
80 bdcdyid: this.propsParam.bdcdyid, 93 bdcdyid: this.propsParam.bdcdyid,
81 qllx: this.propsParam.qllx, 94 qllx: this.propsParam.qllx,
...@@ -113,14 +126,14 @@ ...@@ -113,14 +126,14 @@
113 } 126 }
114 return name; 127 return name;
115 }, 128 },
116 // 新增一条补录信息 129 // 新增一条补录信息
117 editDialog(row,del){ 130 editDialog (row, del) {
118 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 131 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
119 confirmButtonText: '确定', 132 confirmButtonText: '确定',
120 cancelButtonText: '取消', 133 cancelButtonText: '取消',
121 type: 'warning' 134 type: 'warning'
122 }).then(() => { 135 }).then(() => {
123 this.$parent.addRepairRecord(row,del) 136 this.$parent.addRepairRecord(row, del)
124 137
125 this.$message({ 138 this.$message({
126 type: 'success', 139 type: 'success',
......
...@@ -24,8 +24,11 @@ ...@@ -24,8 +24,11 @@
24 :class="[ 24 :class="[
25 row.qszt == '2' ? 'lishi' : '', 25 row.qszt == '2' ? 'lishi' : '',
26 row.qszt == '0' ? 'linshi' : '', 26 row.qszt == '0' ? 'linshi' : '',
27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 28 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
29 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
30 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
31 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
29 ]"> 32 ]">
30 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 33 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
31 <el-button 34 <el-button
...@@ -37,12 +40,21 @@ ...@@ -37,12 +40,21 @@
37 icon="el-icon-edit-outline" 40 icon="el-icon-edit-outline"
38 @click="editDialog(row, 'D')">删除</el-button> 41 @click="editDialog(row, 'D')">删除</el-button>
39 </div> 42 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
41 正在办理 44 失效
42 </div> 45 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 46 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
44 有效 47 有效
45 </div> 48 </div>
49 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
50 正在补录
51 </div>
52 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
53 正在申请
54 </div>
55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
56 正在注销
57 </div>
46 <span v-if="item.prop == 'qszt'"> 58 <span v-if="item.prop == 'qszt'">
47 {{ getQsztName(row[item.prop]) }} 59 {{ getQsztName(row[item.prop]) }}
48 </span> 60 </span>
......
...@@ -19,19 +19,31 @@ ...@@ -19,19 +19,31 @@
19 <td v-for="(row, index) in tableData" :key="index" :class="[ 19 <td v-for="(row, index) in tableData" :key="index" :class="[
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 23 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
24 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
26 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
24 ]"> 27 ]">
25 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
28 </div> 31 </div>
29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 32 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
30 正在办理 33 失效
31 </div> 34 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 35 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
33 有效 36 有效
34 </div> 37 </div>
38 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
39 正在补录
40 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
42 正在申请
43 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
45 正在注销
46 </div>
35 <span v-if="item.prop == 'qszt'"> 47 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }} 48 {{ getQsztName(row[item.prop]) }}
37 </span> 49 </span>
...@@ -72,11 +84,12 @@ ...@@ -72,11 +84,12 @@
72 methods: { 84 methods: {
73 loadData () { 85 loadData () {
74 86
75 if(this.$parent.addRepairRecord){ 87 if (this.$parent.addRepairRecord) {
76 this.columns.unshift({prop:"cz", 88 this.columns.unshift({
77 label:"操作" 89 prop: "cz",
78 }) 90 label: "操作"
79 } 91 })
92 }
80 getJsydsyqList({ 93 getJsydsyqList({
81 bdcdyid: this.propsParam.bdcdyid, 94 bdcdyid: this.propsParam.bdcdyid,
82 qllx: this.propsParam.qllx, 95 qllx: this.propsParam.qllx,
...@@ -114,14 +127,14 @@ ...@@ -114,14 +127,14 @@
114 } 127 }
115 return name; 128 return name;
116 }, 129 },
117 // 新增一条补录信息 130 // 新增一条补录信息
118 editDialog(row,del){ 131 editDialog (row, del) {
119 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 132 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
120 confirmButtonText: '确定', 133 confirmButtonText: '确定',
121 cancelButtonText: '取消', 134 cancelButtonText: '取消',
122 type: 'warning' 135 type: 'warning'
123 }).then(() => { 136 }).then(() => {
124 this.$parent.addRepairRecord(row,del) 137 this.$parent.addRepairRecord(row, del)
125 138
126 this.$message({ 139 this.$message({
127 type: 'success', 140 type: 'success',
......
...@@ -19,19 +19,31 @@ ...@@ -19,19 +19,31 @@
19 <td v-for="(row, index) in tableData" :key="index" :class="[ 19 <td v-for="(row, index) in tableData" :key="index" :class="[
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 row.qlzt == '0' ? 'zhuxiaoIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 23 row.qlzt == '3' ? 'linshiIcon' : '',
24 row.qlzt == '2' ? 'linshiIcon' : '',
25 row.qlzt == '1' ? 'xianshiIcon' : '',
26 row.qlzt == '4' ? 'zhuxiaoIcon' : '',
24 ]"> 27 ]">
25 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
28 </div> 31 </div>
29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 32 <div class="icon" v-if="row.qlzt == '0'">
30 正在办理 33 失效
31 </div> 34 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 35 <div class="icon" v-if="row.qlzt == '1'">
33 有效 36 有效
34 </div> 37 </div>
38 <div class="icon" v-if="row.qlzt == '2'">
39 正在补录
40 </div>
41 <div class="icon" v-if="row.qlzt == '3'">
42 正在申请
43 </div>
44 <div class="icon" v-if="row.qlzt == '4'">
45 正在注销
46 </div>
35 <span v-if="item.prop == 'qszt'"> 47 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }} 48 {{ getQsztName(row[item.prop]) }}
37 </span> 49 </span>
...@@ -50,15 +62,27 @@ ...@@ -50,15 +62,27 @@
50 <td v-for="(row, index) in tableData" :key="index" :class="[ 62 <td v-for="(row, index) in tableData" :key="index" :class="[
51 row.qszt == '2' ? 'lishi' : '', 63 row.qszt == '2' ? 'lishi' : '',
52 row.qszt == '0' ? 'linshi' : '', 64 row.qszt == '0' ? 'linshi' : '',
53 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 65 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
54 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 66 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
67 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
68 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
69 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
55 ]"> 70 ]">
56 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 71 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
57 正在办理 72 失效
58 </div> 73 </div>
59 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 74 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
60 有效 75 有效
61 </div> 76 </div>
77 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
78 正在补录
79 </div>
80 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
81 正在申请
82 </div>
83 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
84 正在注销
85 </div>
62 <span v-if="item.prop == 'qszt'"> 86 <span v-if="item.prop == 'qszt'">
63 {{ getQsztName(row[item.prop]) }} 87 {{ getQsztName(row[item.prop]) }}
64 </span> 88 </span>
......
...@@ -19,19 +19,31 @@ ...@@ -19,19 +19,31 @@
19 <td v-for="(row, index) in tableData" :key="index" :class="[ 19 <td v-for="(row, index) in tableData" :key="index" :class="[
20 row.qszt == '2' ? 'lishi' : '', 20 row.qszt == '2' ? 'lishi' : '',
21 row.qszt == '0' ? 'linshi' : '', 21 row.qszt == '0' ? 'linshi' : '',
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 23 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
24 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
26 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
24 ]"> 27 ]">
25 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
28 </div> 31 </div>
29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 32 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
30 正在办理 33 失效
31 </div> 34 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 35 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
33 有效 36 有效
34 </div> 37 </div>
38 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
39 正在补录
40 </div>
41 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
42 正在申请
43 </div>
44 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
45 正在注销
46 </div>
35 <span v-if="item.prop == 'qszt'"> 47 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }} 48 {{ getQsztName(row[item.prop]) }}
37 </span> 49 </span>
...@@ -72,11 +84,12 @@ ...@@ -72,11 +84,12 @@
72 methods: { 84 methods: {
73 loadData () { 85 loadData () {
74 86
75 if(this.$parent.addRepairRecord){ 87 if (this.$parent.addRepairRecord) {
76 this.columns.unshift({prop:"cz", 88 this.columns.unshift({
77 label:"操作" 89 prop: "cz",
78 }) 90 label: "操作"
79 } 91 })
92 }
80 getTdsyqList({ 93 getTdsyqList({
81 bdcdyid: this.propsParam.bdcdyid, 94 bdcdyid: this.propsParam.bdcdyid,
82 qllx: this.propsParam.qllx, 95 qllx: this.propsParam.qllx,
...@@ -114,14 +127,14 @@ ...@@ -114,14 +127,14 @@
114 } 127 }
115 return name; 128 return name;
116 }, 129 },
117 // 新增一条补录信息 130 // 新增一条补录信息
118 editDialog(row,del){ 131 editDialog (row, del) {
119 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 132 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
120 confirmButtonText: '确定', 133 confirmButtonText: '确定',
121 cancelButtonText: '取消', 134 cancelButtonText: '取消',
122 type: 'warning' 135 type: 'warning'
123 }).then(() => { 136 }).then(() => {
124 this.$parent.addRepairRecord(row,del) 137 this.$parent.addRepairRecord(row, del)
125 138
126 this.$message({ 139 this.$message({
127 type: 'success', 140 type: 'success',
......
...@@ -18,19 +18,31 @@ ...@@ -18,19 +18,31 @@
18 <td v-for="(row, index) in tableData" :key="index" :class="[ 18 <td v-for="(row, index) in tableData" :key="index" :class="[
19 row.qszt == '2' ? 'lishi' : '', 19 row.qszt == '2' ? 'lishi' : '',
20 row.qszt == '0' ? 'linshi' : '', 20 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 21 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
22 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 22 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
24 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
23 ]"> 26 ]">
24 <div class="setbut" v-if="item.prop == 'cz'"> 27 <div class="setbut" v-if="item.prop == 'cz'">
25 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 28 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
27 </div> 30 </div>
28 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 31 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
29 正在办理 32 失效
30 </div> 33 </div>
31 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 34 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
32 有效 35 有效
33 </div> 36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
38 正在补录
39 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
41 正在申请
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
44 正在注销
45 </div>
34 <span v-if="item.prop == 'qszt'"> 46 <span v-if="item.prop == 'qszt'">
35 {{ getQsztName(row[item.prop]) }} 47 {{ getQsztName(row[item.prop]) }}
36 </span> 48 </span>
......
...@@ -18,19 +18,31 @@ ...@@ -18,19 +18,31 @@
18 <td v-for="(row, index) in tableData" :key="index" :class="[ 18 <td v-for="(row, index) in tableData" :key="index" :class="[
19 row.qszt == '2' ? 'lishi' : '', 19 row.qszt == '2' ? 'lishi' : '',
20 row.qszt == '0' ? 'linshi' : '', 20 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 21 item.prop == 'qszt' && row.qlzt == '0' ? 'zhuxiaoIcon' : '',
22 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 22 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
24 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
25 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
23 ]"> 26 ]">
24 <div class="setbut" v-if="item.prop == 'cz'"> 27 <div class="setbut" v-if="item.prop == 'cz'">
25 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 28 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
27 </div> 30 </div>
28 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 31 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '0'">
29 正在办理 32 失效
30 </div> 33 </div>
31 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'"> 34 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
32 有效 35 有效
33 </div> 36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
38 正在补录
39 </div>
40 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
41 正在申请
42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
44 正在注销
45 </div>
34 <span v-if="item.prop == 'qszt'"> 46 <span v-if="item.prop == 'qszt'">
35 {{ getQsztName(row[item.prop]) }} 47 {{ getQsztName(row[item.prop]) }}
36 </span> 48 </span>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-04 16:08:03 4 * @LastEditTime: 2023-07-05 09:55:42
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clxx"> 7 <div class="clxx">
...@@ -67,9 +67,11 @@ ...@@ -67,9 +67,11 @@
67 ...mapGetters(["dictData"]) 67 ...mapGetters(["dictData"])
68 }, 68 },
69 created () { 69 created () {
70 this.ableOperation = this.$parent.currentSelectTab.ableOperation
71 this.clmlInitList(1) 70 this.clmlInitList(1)
72 }, 71 },
72 mounted() {
73 this.ableOperation = this.$parent.isEdit;
74 },
73 methods: { 75 methods: {
74 // 自动预览 76 // 自动预览
75 nextPriview () { 77 nextPriview () {
...@@ -125,7 +127,6 @@ ...@@ -125,7 +127,6 @@
125 this.previewImg.bsmSj = item.bsmSj; 127 this.previewImg.bsmSj = item.bsmSj;
126 }, 128 },
127 updateList (val) { 129 updateList (val) {
128 console.log(val, 'valvalvalval');
129 let that = this 130 let that = this
130 if (val.children.length != []) { //删除最后一张图片时 val=null 131 if (val.children.length != []) { //删除最后一张图片时 val=null
131 this.tableData.forEach(item => { 132 this.tableData.forEach(item => {
...@@ -339,4 +340,4 @@ ...@@ -339,4 +340,4 @@
339 } 340 }
340 } 341 }
341 } 342 }
342 </style>
...\ No newline at end of file ...\ No newline at end of file
343 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-04 15:04:59 4 * @LastEditTime: 2023-07-07 13:12:58
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> 7 <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 v-for="(item, index) in headTabBdcqz" :key="index"> 11 v-for="(item, index) in headTabBdcqz" :key="index">
12 </el-tab-pane> 12 </el-tab-pane>
13 </el-tabs> 13 </el-tabs>
14 <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> 14 <el-empty description="暂无数据" v-if="headTabBdcqz.length == 0 && noData"></el-empty>
15 <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas> 15 <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas>
16 <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas> 16 <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas>
17 </div> 17 </div>
...@@ -20,7 +20,6 @@ ...@@ -20,7 +20,6 @@
20 <script> 20 <script>
21 import { datas } from "../../javascript/zsyl.js"; 21 import { datas } from "../../javascript/zsyl.js";
22 import { getSlsqBdcqzList } from "@/api/bdcqz.js" 22 import { getSlsqBdcqzList } from "@/api/bdcqz.js"
23 import { log } from 'bpmn-js-token-simulation';
24 export default { 23 export default {
25 name: "zsyl", 24 name: "zsyl",
26 props: { 25 props: {
...@@ -31,6 +30,7 @@ ...@@ -31,6 +30,7 @@
31 }, 30 },
32 data () { 31 data () {
33 return { 32 return {
33 noData: false,
34 imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), 34 imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'),
35 bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), 35 bdczmSrc: require('@/image/bdcqz/bdczm.jpg'),
36 loading: false, 36 loading: false,
...@@ -78,6 +78,7 @@ ...@@ -78,6 +78,7 @@
78 this.loading = true 78 this.loading = true
79 getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { 79 getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
80 if (res.code == 200) { 80 if (res.code == 200) {
81 this.noData = true
81 if (res.result && res.result.length > 0) { 82 if (res.result && res.result.length > 0) {
82 this.activeName = res.result[0].bsmBdcqz 83 this.activeName = res.result[0].bsmBdcqz
83 this.bdcqz = res.result[0] 84 this.bdcqz = res.result[0]
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-16 10:38:23 4 * @LastEditTime: 2023-06-16 10:38:23
5 --> 5 -->
......
...@@ -83,6 +83,7 @@ ...@@ -83,6 +83,7 @@
83 }, 83 },
84 }, 84 },
85 mounted () { 85 mounted () {
86 this.propsParam.isEdit=this.$parent.isEdit
86 this.propsParam = this.$attrs; 87 this.propsParam = this.$attrs;
87 if (this.$route.query.viewtype) { 88 if (this.$route.query.viewtype) {
88 this.ableOperation = false 89 this.ableOperation = false
......
...@@ -5,15 +5,78 @@ ...@@ -5,15 +5,78 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
8 <lb-table 8 <el-table
9 :column="InformationTable" 9 :data="tableDataList"
10 border
10 :pagination="false" 11 :pagination="false"
11 :key="key" 12 :key="key"
13 :header-cell-style="{'text-align':'center'}"
12 :heightNumSetting="true" 14 :heightNumSetting="true"
13 :minHeight="150" 15 :minHeight="150"
14 :data="tableDataList" 16 height="150"
17 style="width: 100%"
15 > 18 >
16 </lb-table> 19 <el-table-column
20 prop="index"
21 width="50"
22 :render-header="renderHeader"
23 >
24 <template slot-scope="scope">
25 <i
26 class="el-icon-minus pointer"
27 @click="deleClick(scope.$index, scope.row)"
28 ></i>
29 </template>
30 </el-table-column>
31 <el-table-column prop="yt" label="土地用途" min-width="100">
32 <template slot-scope="scope">
33 <treeselect
34 v-model="tdyt"
35 noOptionsText="暂无数据"
36 placeholder=""
37 :show-count="true"
38 :options="dictData['tdyt']"
39 :normalizer="normalizer"
40 :appendToBody="true" z-index="9999"
41 @input="addrow(scope.row)"
42 />
43 </template>
44 </el-table-column>
45 <el-table-column prop="qssj" label="土地使用起始时间" min-width="100">
46 <template slot-scope="scope">
47 <el-date-picker
48 v-model='scope.row.qssj'
49 type="date"
50 placeholder="选择日期"
51 value-format="yyyy/MM/dd HH:mm:ss"
52 format="yyyy/MM/dd"
53 @blur="addrow(scope.row)">
54 </el-date-picker>
55 </template>
56 </el-table-column>
57 <el-table-column prop="jssj" label="土地使用结束时间" min-width="100">
58 <template slot-scope="scope">
59 <el-date-picker
60 v-model='scope.row.jssj'
61 type="date"
62 placeholder="选择日期"
63 value-format="yyyy/MM/dd HH:mm:ss"
64 format="yyyy/MM/dd"
65 @blur="addrow(scope.row)">
66 </el-date-picker>
67 </template>
68 </el-table-column>
69 <el-table-column prop="syqx" label="土地使用期限" min-width="100">
70 <template slot-scope="scope">
71 <el-input
72 class="item"
73 v-model="scope.row.syqx"
74 placeholder="请输入内容"
75 @blur="addrow(scope.row)">
76 ></el-input>
77 </template>
78 </el-table-column>
79 </el-table>
17 </div> 80 </div>
18 </template> 81 </template>
19 <script> 82 <script>
...@@ -32,6 +95,8 @@ export default { ...@@ -32,6 +95,8 @@ export default {
32 }, 95 },
33 data() { 96 data() {
34 return { 97 return {
98 // 键名转换，方法默认是label和children进行树状渲染
99 tdyt:null,
35 key: 0, 100 key: 0,
36 newdata: { 101 newdata: {
37 yt: "", 102 yt: "",
...@@ -40,118 +105,15 @@ export default { ...@@ -40,118 +105,15 @@ export default {
40 syqx: "", 105 syqx: "",
41 }, 106 },
42 tableDataList: [], 107 tableDataList: [],
43 InformationTable: [ 108 normalizer(node) {
44 { 109 if (node.children == null || node.children == "null") {
45 width: "50", 110 delete node.children;
46 renderHeader: (h, scope) => { 111 }
47 return ( 112 return {
48 <div> 113 id: node.dcode,
49 {" "} 114 label: node.dname,
50 {this.$route.query.viewtype == 1 ? ( 115 };
51 "序号" 116 },
52 ) : (
53 <i
54 class="el-icon-plus pointer"
55 onClick={() => {
56 this.addClick();
57 }}
58 ></i>
59 )}
60 </div>
61 );
62 },
63 render: (h, scope) => {
64 return (
65 <div>
66 {this.$route.query.viewtype == 1 ? (
67 <span>{scope.$index + 1}</span>
68 ) : (
69 <i
70 class="el-icon-minus pointer"
71 onClick={() => {
72 this.deleClick(scope.$index, scope.row);
73 }}
74 ></i>
75 )}
76 </div>
77 );
78 },
79 },
80 {
81 label: "土地用途",
82 align: "center",
83 render: (h, scope) => {
84 return (
85 <el-select
86 value={scope.row.yt}
87 onChange={(val) => {
88 scope.row.yt = val;
89 }}
90 clearable
91 onblur={() => {
92 this.addrow(scope);
93 }}
94 >
95 {this.dictData["tdyt"].map((option) => {
96 return (
97 <el-option
98 label={option.dname}
99 value={option.dcode}
100 ></el-option>
101 );
102 })}
103 </el-select>
104 );
105 },
106 },
107 {
108 label: "土地使用起始时间",
109 render: (h, scope) => {
110 return (
111 <el-date-picker
112 v-model={scope.row.qssj}
113 type="date"
114 placeholder="选择日期"
115 value-format="yyyy/MM/dd HH:mm:ss"
116 format="yyyy/MM/dd HH:mm:ss"
117 onblur={() => {
118 this.addrow(scope.row);
119 }}
120 ></el-date-picker>
121 );
122 },
123 },
124 {
125 label: "土地使用结束时间",
126 render: (h, scope) => {
127 return (
128 <el-date-picker
129 v-model={scope.row.jssj}
130 type="date"
131 placeholder="选择日期"
132 value-format="yyyy/MM/dd HH:mm:ss"
133 format="yyyy/MM/dd HH:mm:ss"
134 onblur={() => {
135 this.addrow(scope.row);
136 }}
137 ></el-date-picker>
138 );
139 },
140 },
141 {
142 label: "土地使用期限",
143 render: (h, scope) => {
144 return (
145 <el-input
146 v-model={scope.row.syqx}
147 onblur={() => {
148 this.addrow(scope.row);
149 }}
150 ></el-input>
151 );
152 },
153 },
154 ],
155 }; 117 };
156 }, 118 },
157 watch: { 119 watch: {
...@@ -168,8 +130,20 @@ export default { ...@@ -168,8 +130,20 @@ export default {
168 syqx: "", 130 syqx: "",
169 }, 131 },
170 ]); 132 ]);
133 if( that.tableDataList.length>0){
134 console.log("that.tableDataList",that.tableDataList);
135 this.tdyt=that.tableDataList[0].yt?that.tableDataList[0].yt:null
136 }else{
137 this.tdyt=null
138 }
171 } else { 139 } else {
172 that.tableDataList = _.cloneDeep(val); 140 that.tableDataList = _.cloneDeep(val);
141 if( that.tableDataList.length>0){
142 console.log("that.tableDataList",that.tableDataList);
143 this.tdyt=that.tableDataList[0].yt?that.tableDataList[0].yt:null
144 }else{
145 this.tdyt=null
146 }
173 } 147 }
174 }); 148 });
175 }, 149 },
...@@ -178,21 +152,42 @@ export default { ...@@ -178,21 +152,42 @@ export default {
178 }, 152 },
179 }, 153 },
180 methods: { 154 methods: {
155 renderHeader() {
156 return (
157 <div>
158 {" "}
159 {this.$route.query.viewtype == 1 ? (
160 "序号"
161 ) : (
162 <i
163 class="el-icon-plus pointer"
164 onClick={() => {
165 this.addClick();
166 }}
167 ></i>
168 )}
169 </div>
170 );
171 },
181 // 修改事件 172 // 修改事件
182 addrow() { 173 addrow() {
183 console.log("this.$parent.bsmqlxx",this.$parent.$parent.bsmqlxx); 174 this.tableDataList = this.tableDataList.map((item) => {
184 175 return{
176 ...item,
177 yt:this.tdyt
178 }
179 })
185 this.$emit("upDateTdytxxList", this.tableDataList); 180 this.$emit("upDateTdytxxList", this.tableDataList);
186 }, 181 },
187 // 新增 182 // 新增
188 addClick() { 183 addClick() {
189 this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); 184 this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata);
185
190 this.$emit("upDateTdytxxList", this.tableDataList); 186 this.$emit("upDateTdytxxList", this.tableDataList);
191 }, 187 },
192 188
193 // 删除 189 // 删除
194 deleClick(index, row) { 190 deleClick(index, row) {
195 console.log("删除");
196 this.$confirm("确定要删除吗, 是否继续?", "提示", { 191 this.$confirm("确定要删除吗, 是否继续?", "提示", {
197 confirmButtonText: "确定", 192 confirmButtonText: "确定",
198 cancelButtonText: "取消", 193 cancelButtonText: "取消",
...@@ -210,4 +205,11 @@ export default { ...@@ -210,4 +205,11 @@ export default {
210 .el-input { 205 .el-input {
211 border: none !important; 206 border: none !important;
212 } 207 }
208 /deep/.el-table__row{
209 border: none !important;
210
211 }
212 .el-date-editor.el-input{
213 width: 100%;
214 }
213 </style> 215 </style>
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-24 14:42:24 4 * @LastEditTime: 2023-07-05 09:58:31
5 */ 5 */
6 import { getForm } from "../flowform"; 6 import { getForm } from "../flowform";
7 import { getHomeNoticeList } from "@/api/home.js" 7 import { getHomeNoticeList } from "@/api/home.js"
...@@ -38,6 +38,7 @@ export default { ...@@ -38,6 +38,7 @@ export default {
38 for (let item of this.tabList) { 38 for (let item of this.tabList) {
39 if (item.value === tabname) { 39 if (item.value === tabname) {
40 this.currentSelectTab = item 40 this.currentSelectTab = item
41 console.log(item, 'item11111111111');
41 break; 42 break;
42 } 43 }
43 } 44 }
......
...@@ -117,10 +117,6 @@ ...@@ -117,10 +117,6 @@
117 data () { 117 data () {
118 return { 118 return {
119 queryForm: { 119 queryForm: {
120 ywly: "",
121 qllx: "",
122 djlx: "",
123 ywh: "",
124 }, 120 },
125 searchForm: { 121 searchForm: {
126 ywlymc: "", 122 ywlymc: "",
......
...@@ -72,8 +72,8 @@ ...@@ -72,8 +72,8 @@
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="$route.query.viewtype || isJfOperation"></el-input>
73 </el-form-item> 73 </el-form-item>
74 </el-col> 74 </el-col>
75 <!-- 批量查封状态有多种查封类型，不予展示 --> 75 <!-- 批量查封状态有多种查封类型，不予展示 -->
76 <!-- <el-col :span="8"> 76 <!-- <el-col :span="8">
77 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型：" prop="cfdj.cflxmc"> 77 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封类型：" prop="cfdj.cflxmc">
78 <el-input v-model="ruleForm.cfdjList[0].cflxmc" disabled></el-input> 78 <el-input v-model="ruleForm.cfdjList[0].cflxmc" disabled></el-input>
79 </el-form-item> 79 </el-form-item>
......
...@@ -274,10 +274,10 @@ ...@@ -274,10 +274,10 @@
274 formdata.append("isEdit", this.ableOperation); 274 formdata.append("isEdit", this.ableOperation);
275 Init(formdata).then((res) => { 275 Init(formdata).then((res) => {
276 if (res.code === 200 && res.result) { 276 if (res.code === 200 && res.result) {
277 this.ruleForm = res.result; 277 this.ruleForm = res.result;
278 this.$endLoading();
279 this.ruleForm.diyaq.sfczjzhxz = "0"; 278 this.ruleForm.diyaq.sfczjzhxz = "0";
280 } 279 }
280 this.$endLoading();
281 }) 281 })
282 }, 282 },
283 components: { qlrCommonTable }, 283 components: { qlrCommonTable },
......
...@@ -130,6 +130,14 @@ ...@@ -130,6 +130,14 @@
130 </el-form-item> 130 </el-form-item>
131 </el-col> 131 </el-col>
132 </el-row> 132 </el-row>
133 <div class="slxx_title title-block">
134 土地用途
135 <div class="triangle"></div>
136 </div>
137 <tdytTable
138 :tableData="ruleForm.tdytqxList"
139 @upDateTdytxxList="upDateTdytxxList"
140 />
133 <div class="slxx_title title-block"> 141 <div class="slxx_title title-block">
134 权利人信息 142 权利人信息
135 <div class="triangle"></div> 143 <div class="triangle"></div>
...@@ -207,6 +215,7 @@ ...@@ -207,6 +215,7 @@
207 </template> 215 </template>
208 <script> 216 <script>
209 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 217 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
218 import tdytTable from "@/views/workflow/components/tdytTable";
210 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; 219 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
211 import { mapGetters } from "vuex"; 220 import { mapGetters } from "vuex";
212 export default { 221 export default {
...@@ -228,7 +237,7 @@ ...@@ -228,7 +237,7 @@
228 } 237 }
229 }); 238 });
230 }, 239 },
231 components: { qlrCommonTable }, 240 components: { qlrCommonTable,tdytTable },
232 computed: { 241 computed: {
233 ...mapGetters(["dictData", "flag"]), 242 ...mapGetters(["dictData", "flag"]),
234 }, 243 },
...@@ -246,6 +255,12 @@ ...@@ -246,6 +255,12 @@
246 } 255 }
247 }, 256 },
248 methods: { 257 methods: {
258 // 更新土地用途信息
259 upDateTdytxxList(val) {
260 console.log("VAL", val);
261 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
262 this.key++;
263 },
249 // 更新权利人信息 264 // 更新权利人信息
250 upDateQlrxxList (val) { 265 upDateQlrxxList (val) {
251 this.ruleForm.qlrList = _.cloneDeep(val); 266 this.ruleForm.qlrList = _.cloneDeep(val);
...@@ -258,6 +273,7 @@ ...@@ -258,6 +273,7 @@
258 this.ruleForm.ywrList = _.cloneDeep(val); 273 this.ruleForm.ywrList = _.cloneDeep(val);
259 }, 274 },
260 onSubmit () { 275 onSubmit () {
276 console.log("this.ruleForm",);
261 saveData(this.ruleForm).then((res) => { 277 saveData(this.ruleForm).then((res) => {
262 if (res.code === 200) { 278 if (res.code === 200) {
263 this.$message({ 279 this.$message({
......
...@@ -133,6 +133,14 @@ ...@@ -133,6 +133,14 @@
133 </el-form-item> 133 </el-form-item>
134 </el-col> 134 </el-col>
135 </el-row> 135 </el-row>
136 <div class="slxx_title title-block">
137 土地用途
138 <div class="triangle"></div>
139 </div>
140 <tdytTable
141 :tableData="ruleForm.tdytqxList"
142 @upDateTdytxxList="upDateTdytxxList"
143 />
136 <div class="slxx_title title-block"> 144 <div class="slxx_title title-block">
137 权利人信息 145 权利人信息
138 <div class="triangle"></div> 146 <div class="triangle"></div>
...@@ -191,6 +199,7 @@ ...@@ -191,6 +199,7 @@
191 </template> 199 </template>
192 <script> 200 <script>
193 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 201 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
202 import tdytTable from "@/views/workflow/components/tdytTable";
194 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js"; 203 import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
195 import { mapGetters } from "vuex"; 204 import { mapGetters } from "vuex";
196 export default { 205 export default {
...@@ -214,7 +223,7 @@ ...@@ -214,7 +223,7 @@
214 } 223 }
215 }); 224 });
216 }, 225 },
217 components: { qlrCommonTable }, 226 components: { qlrCommonTable,tdytTable },
218 computed: { 227 computed: {
219 ...mapGetters(["dictData", "flag"]), 228 ...mapGetters(["dictData", "flag"]),
220 }, 229 },
...@@ -272,6 +281,12 @@ ...@@ -272,6 +281,12 @@
272 } 281 }
273 }); 282 });
274 }, 283 },
284 // 更新土地用途信息
285 upDateTdytxxList(val) {
286 console.log("VAL", val);
287 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
288 this.key++;
289 },
275 // 更新权利人信息 290 // 更新权利人信息
276 upDateQlrxxList (val) { 291 upDateQlrxxList (val) {
277 this.ruleForm.qlrList = _.cloneDeep(val); 292 this.ruleForm.qlrList = _.cloneDeep(val);
......
...@@ -139,7 +139,7 @@ ...@@ -139,7 +139,7 @@
139 <el-col> 139 <el-col>
140 <el-form-item v-if="ruleForm.slsq" label="登记原因：" prop="djyy"> 140 <el-form-item v-if="ruleForm.slsq" label="登记原因：" prop="djyy">
141 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" 141 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
142 v-model="ruleForm.slsq.djyy"> 142 v-model="ruleForm.fdcq2List[0].djyy">
143 </el-input> 143 </el-input>
144 </el-form-item> 144 </el-form-item>
145 </el-col> 145 </el-col>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:58:04 4 * @LastEditTime: 2023-05-25 08:58:04
5 --> 5 -->
...@@ -124,6 +124,14 @@ ...@@ -124,6 +124,14 @@
124 </el-form-item> 124 </el-form-item>
125 </el-col> 125 </el-col>
126 </el-row> 126 </el-row>
127 <div class="slxx_title title-block">
128 土地用途
129 <div class="triangle"></div>
130 </div>
131 <tdytTable
132 :tableData="ruleForm.tdytqxList"
133 @upDateTdytxxList="upDateTdytxxList"
134 />
127 <div class="slxx_title title-block"> 135 <div class="slxx_title title-block">
128 权利人信息 136 权利人信息
129 <div class="triangle"></div> 137 <div class="triangle"></div>
...@@ -179,6 +187,7 @@ ...@@ -179,6 +187,7 @@
179 </template> 187 </template>
180 <script> 188 <script>
181 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 189 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
190 import tdytTable from "@/views/workflow/components/tdytTable";
182 import { Init } from "@/api/workflow/fwsyqFlow.js"; 191 import { Init } from "@/api/workflow/fwsyqFlow.js";
183 import { mapGetters } from "vuex"; 192 import { mapGetters } from "vuex";
184 export default { 193 export default {
...@@ -198,7 +207,7 @@ ...@@ -198,7 +207,7 @@
198 } 207 }
199 }); 208 });
200 }, 209 },
201 components: { qlrCommonTable }, 210 components: { qlrCommonTable,tdytTable },
202 computed: { 211 computed: {
203 ...mapGetters(["dictData", "flag"]), 212 ...mapGetters(["dictData", "flag"]),
204 }, 213 },
...@@ -247,6 +256,12 @@ ...@@ -247,6 +256,12 @@
247 }; 256 };
248 }, 257 },
249 methods: { 258 methods: {
259 // 更新土地用途信息
260 upDateTdytxxList(val) {
261 console.log("VAL", val);
262 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
263 this.key++;
264 },
250 list (bsmSldy) { 265 list (bsmSldy) {
251 var formdata = new FormData(); 266 var formdata = new FormData();
252 formdata.append("bsmSldy", bsmSldy); 267 formdata.append("bsmSldy", bsmSldy);
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02 4 * @LastEditTime: 2023-05-25 08:59:02
5 --> 5 -->
...@@ -125,6 +125,14 @@ ...@@ -125,6 +125,14 @@
125 </el-form-item> 125 </el-form-item>
126 </el-col> 126 </el-col>
127 </el-row> 127 </el-row>
128 <div class="slxx_title title-block">
129 土地用途
130 <div class="triangle"></div>
131 </div>
132 <tdytTable
133 :tableData="ruleForm.tdytqxList"
134 @upDateTdytxxList="upDateTdytxxList"
135 />
128 <div class="slxx_title title-block"> 136 <div class="slxx_title title-block">
129 权利人信息 137 权利人信息
130 <div class="triangle"></div> 138 <div class="triangle"></div>
...@@ -194,6 +202,7 @@ ...@@ -194,6 +202,7 @@
194 <script> 202 <script>
195 import { mapGetters } from "vuex" 203 import { mapGetters } from "vuex"
196 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js" 204 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"
205 import tdytTable from "@/views/workflow/components/tdytTable";
197 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 206 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
198 export default { 207 export default {
199 mounted () { 208 mounted () {
...@@ -214,7 +223,7 @@ ...@@ -214,7 +223,7 @@
214 }) 223 })
215 }) 224 })
216 }, 225 },
217 components: { qlrCommonTable }, 226 components: { qlrCommonTable,tdytTable },
218 computed: { 227 computed: {
219 ...mapGetters(["dictData", "flag"]) 228 ...mapGetters(["dictData", "flag"])
220 }, 229 },
...@@ -233,6 +242,12 @@ ...@@ -233,6 +242,12 @@
233 } 242 }
234 }, 243 },
235 methods: { 244 methods: {
245 // 更新土地用途信息
246 upDateTdytxxList(val) {
247 console.log("VAL", val);
248 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
249 this.key++;
250 },
236 // 更新权利人信息 251 // 更新权利人信息
237 upDateQlrxxList (val) { 252 upDateQlrxxList (val) {
238 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) 253 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val))
...@@ -281,6 +296,7 @@ ...@@ -281,6 +296,7 @@
281 }) 296 })
282 } 297 }
283 } 298 }
299 console.log("this.ruleFormmmmmmmmm",this.ruleForm);
284 saveData(this.ruleForm).then((res) => { 300 saveData(this.ruleForm).then((res) => {
285 if (res.code === 200) { 301 if (res.code === 200) {
286 this.$message({ 302 this.$message({
...@@ -304,4 +320,4 @@ ...@@ -304,4 +320,4 @@
304 <style scoped lang='scss'> 320 <style scoped lang='scss'>
305 @import "~@/styles/public.scss"; 321 @import "~@/styles/public.scss";
306 @import "~@/styles/slxx/slxx.scss"; 322 @import "~@/styles/slxx/slxx.scss";
307 </style>
...\ No newline at end of file ...\ No newline at end of file
323 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:49 4 * @LastEditTime: 2023-05-25 08:59:49
5 --> 5 -->
...@@ -127,6 +127,14 @@ ...@@ -127,6 +127,14 @@
127 </el-form-item> 127 </el-form-item>
128 </el-col> 128 </el-col>
129 </el-row> 129 </el-row>
130 <div class="slxx_title title-block">
131 土地用途
132 <div class="triangle"></div>
133 </div>
134 <tdytTable
135 :tableData="ruleForm.tdytqxList"
136 @upDateTdytxxList="upDateTdytxxList"
137 />
130 <div class="slxx_title title-block"> 138 <div class="slxx_title title-block">
131 权利人信息 139 权利人信息
132 <div class="triangle"></div> 140 <div class="triangle"></div>
...@@ -189,6 +197,7 @@ ...@@ -189,6 +197,7 @@
189 <script> 197 <script>
190 import { mapGetters } from "vuex"; 198 import { mapGetters } from "vuex";
191 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 199 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
200 import tdytTable from "@/views/workflow/components/tdytTable";
192 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 201 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
193 export default { 202 export default {
194 mounted () { 203 mounted () {
...@@ -206,7 +215,7 @@ ...@@ -206,7 +215,7 @@
206 this.$endLoading(); 215 this.$endLoading();
207 }); 216 });
208 }, 217 },
209 components: { qlrCommonTable }, 218 components: { qlrCommonTable,tdytTable },
210 computed: { 219 computed: {
211 ...mapGetters(["dictData", "flag"]) 220 ...mapGetters(["dictData", "flag"])
212 }, 221 },
...@@ -228,6 +237,12 @@ ...@@ -228,6 +237,12 @@
228 }; 237 };
229 }, 238 },
230 methods: { 239 methods: {
240 // 更新土地用途信息
241 upDateTdytxxList(val) {
242 console.log("VAL", val);
243 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
244 this.key++;
245 },
231 // 更新权利人信息 246 // 更新权利人信息
232 upDateQlrxxList (val) { 247 upDateQlrxxList (val) {
233 this.ruleForm.qlrList = _.cloneDeep(val); 248 this.ruleForm.qlrList = _.cloneDeep(val);
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-04 16:23:54 4 * @LastEditTime: 2023-07-10 15:16:48
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
15 </div> 15 </div>
16 <el-row :gutter="10"> 16 <el-row :gutter="10">
17 <el-col :span="8"> 17 <el-col :span="8">
18 <el-form-item label="业务号："> 18 <el-form-item label="业务号111：">
19 <el-input disabled v-model="ruleForm.flow.ywh"></el-input> 19 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col>
...@@ -130,18 +130,14 @@ ...@@ -130,18 +130,14 @@
130 <el-input v-model="ruleForm.tdsyq.mjdw"></el-input> 130 <el-input v-model="ruleForm.tdsyq.mjdw"></el-input>
131 </el-form-item> 131 </el-form-item>
132 </el-col> 132 </el-col>
133
134 <el-col :span="8">
135 <el-form-item label="下拉表格测试：">
136 <select-table v-model="value2" :table-width="600" :props="props" @change="change">
137 <el-table-column prop="id" label="ID" width="180"></el-table-column>
138 <el-table-column prop="user" label="姓名"></el-table-column>
139 </select-table>
140 </el-form-item>
141 </el-col>
142
143 </el-row> 133 </el-row>
144 134 <div class="slxx_title title-block">
135 土地用途
136 <div class="triangle"></div>
137 </div>
138 <tdytTable
139 :tableData="ruleForm.tdytqxList"
140 @upDateTdytxxList="upDateTdytxxList" />
145 <div class="slxx_title title-block"> 141 <div class="slxx_title title-block">
146 权利人信息 142 权利人信息
147 <div class="triangle"></div> 143 <div class="triangle"></div>
...@@ -211,10 +207,10 @@ ...@@ -211,10 +207,10 @@
211 <script> 207 <script>
212 import { mapGetters } from "vuex" 208 import { mapGetters } from "vuex"
213 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" 209 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"
210 import tdytTable from "@/views/workflow/components/tdytTable";
214 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 211 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
215 import selectTable from '@/components/selectTable/index.vue'
216 export default { 212 export default {
217 components: { qlrCommonTable, selectTable }, 213 components: { qlrCommonTable, tdytTable },
218 mounted () { 214 mounted () {
219 this.ableOperation = this.$parent.currentSelectTab.ableOperation 215 this.ableOperation = this.$parent.currentSelectTab.ableOperation
220 this.propsParam = this.$attrs; 216 this.propsParam = this.$attrs;
...@@ -262,7 +258,12 @@ ...@@ -262,7 +258,12 @@
262 } 258 }
263 }, 259 },
264 methods: { 260 methods: {
265 change () { }, 261 // 更新土地用途信息
262 upDateTdytxxList (val) {
263 console.log("VAL", val);
264 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
265 this.key++;
266 },
266 // 更新权利人信息 267 // 更新权利人信息
267 upDateQlrxxList (val) { 268 upDateQlrxxList (val) {
268 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) 269 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val))
......
...@@ -192,28 +192,28 @@ ...@@ -192,28 +192,28 @@
192 this.queryClick(); 192 this.queryClick();
193 }, 193 },
194 ywhClick (item) { 194 ywhClick (item) {
195 //有任务权限 195 //有任务权限
196 if(item.sjlx=="3"){ 196 if (item.sjlx == "3") {
197 const { href } = this.$router.resolve( 197 const { href } = this.$router.resolve(
198 "/djbworkFrameview?bsmSlsq=" + 198 "/djbworkFrameview?bsmSlsq=" +
199 item.bsmSlsq + 199 item.bsmSlsq +
200 "&bestepid=" + 200 "&bestepid=" +
201 item.bestepid+ 201 item.bestepid+
202 "&isEdit=" + 202 "&bsmBusiness=" +
203 true 203 "&viewtype=1"
204 ); 204 );
205 window.open(href, `urlname${item.bsmSlsq}`); 205 window.open(href, `urlname${item.bsmSlsq}`);
206 }else{ 206 } else {
207 const { href } = this.$router.resolve( 207 const { href } = this.$router.resolve(
208 "/workFrameView?bsmSlsq=" + 208 "/workFrameView?bsmSlsq=" +
209 item.bsmSlsq + 209 item.bsmSlsq +
210 "&bestepid=" + 210 "&bestepid=" +
211 item.bestepid + 211 item.bestepid +
212 "&bsmBusiness=" + 212 "&bsmBusiness=" +
213 "&viewtype=1" 213 "&viewtype=1"
214 ); 214 );
215 window.open(href, `urlname${item.bsmSlsq}`); 215 window.open(href, `urlname${item.bsmSlsq}`);
216 } 216 }
217 217
218 218
219 }, 219 },
......
...@@ -69,10 +69,11 @@ ...@@ -69,10 +69,11 @@
69 <script> 69 <script>
70 //查封登记 70 //查封登记
71 import store from "@/store/index.js"; 71 import store from "@/store/index.js";
72 import { datas, sendThis } from "../javascript/cfdj.js";
73 import { defaultParameters } from "../javascript/publicDefaultPar.js";
74 import table from "@/utils/mixin/table"; 72 import table from "@/utils/mixin/table";
75 import jump from "../components/mixin/jump"; 73 import jump from "../components/mixin/jump";
74 import { ywPopupDialog } from "@/utils/popup.js";
75 import { datas, sendThis } from "../javascript/cfdj.js";
76 import { defaultParameters } from "../javascript/publicDefaultPar.js";
76 import { selectCfdj, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js"; 77 import { selectCfdj, startBusinessFlow, choiceBdcdy } from "@/api/ywbl.js";
77 export default { 78 export default {
78 props: { 79 props: {
...@@ -138,9 +139,9 @@ ...@@ -138,9 +139,9 @@
138 this.$popupCacel() 139 this.$popupCacel()
139 140
140 } else { 141 } else {
141 this.$message.error(res.message); 142 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
142 } 143 }
143 }); 144 })
144 } else { 145 } else {
145 choiceBdcdy({ 146 choiceBdcdy({
146 bsmSlsq: this.$route.query.bsmSlsq, 147 bsmSlsq: this.$route.query.bsmSlsq,
......
...@@ -56,10 +56,11 @@ ...@@ -56,10 +56,11 @@
56 </template> 56 </template>
57 <script> 57 <script>
58 import store from '@/store/index.js' 58 import store from '@/store/index.js'
59 import { datas, sendThis } from "../javascript/diyaq.js";
60 import { defaultParameters } from "../javascript/publicDefaultPar.js";
61 import table from "@/utils/mixin/table"; 59 import table from "@/utils/mixin/table";
62 import jump from "../components/mixin/jump"; 60 import jump from "../components/mixin/jump";
61 import { ywPopupDialog } from "@/utils/popup.js";
62 import { datas, sendThis } from "../javascript/diyaq.js";
63 import { defaultParameters } from "../javascript/publicDefaultPar.js";
63 import { selectDiyaq, startBusinessFlow } from "@/api/ywbl.js"; 64 import { selectDiyaq, startBusinessFlow } from "@/api/ywbl.js";
64 export default { 65 export default {
65 mixins: [table, jump], 66 mixins: [table, jump],
...@@ -119,7 +120,7 @@ ...@@ -119,7 +120,7 @@
119 } 120 }
120 this.$popupCacel() 121 this.$popupCacel()
121 } else { 122 } else {
122 this.$message.error(res.message); 123 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
123 } 124 }
124 }) 125 })
125 }, 126 },
......
...@@ -123,9 +123,10 @@ ...@@ -123,9 +123,10 @@
123 <script> 123 <script>
124 import Vue from 'vue' 124 import Vue from 'vue'
125 import store from '@/store/index.js' 125 import store from '@/store/index.js'
126 import table from "@/utils/mixin/table";
126 //国有建设用地使用权/房屋使用权 127 //国有建设用地使用权/房屋使用权
128 import { ywPopupDialog } from "@/utils/popup.js";
127 import { datas, sendThis } from "../javascript/fwsyq.js"; 129 import { datas, sendThis } from "../javascript/fwsyq.js";
128 import table from "@/utils/mixin/table";
129 import jump from "@/views/ywbl/ywsq/components/mixin/jump"; 130 import jump from "@/views/ywbl/ywsq/components/mixin/jump";
130 import { selectScBdcdy, startBusinessFlow, choiceBdcdy, selectOtherH, selectZrz, selectDz } from "@/api/ywbl.js"; 131 import { selectScBdcdy, startBusinessFlow, choiceBdcdy, selectOtherH, selectZrz, selectDz } from "@/api/ywbl.js";
131 export default { 132 export default {
...@@ -241,7 +242,7 @@ ...@@ -241,7 +242,7 @@
241 } 242 }
242 this.$popupCacel() 243 this.$popupCacel()
243 } else { 244 } else {
244 this.$message.error(res.message); 245 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
245 } 246 }
246 }) 247 })
247 } else { 248 } else {
...@@ -258,7 +259,7 @@ ...@@ -258,7 +259,7 @@
258 store.dispatch('user/refreshPage', true); 259 store.dispatch('user/refreshPage', true);
259 this.$popupCacel() 260 this.$popupCacel()
260 } else { 261 } else {
261 this.$message.error(res.message); 262 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
262 } 263 }
263 }) 264 })
264 } 265 }
......
...@@ -42,10 +42,11 @@ ...@@ -42,10 +42,11 @@
42 <script> 42 <script>
43 //首次登记 43 //首次登记
44 import store from '@/store/index.js' 44 import store from '@/store/index.js'
45 import { datas, sendThis } from "../javascript/nydsyq100.js";
46 import { defaultParameters } from "../javascript/publicDefaultPar.js";
47 import table from "@/utils/mixin/table"; 45 import table from "@/utils/mixin/table";
48 import jump from "../components/mixin/jump"; 46 import jump from "../components/mixin/jump";
47 import { ywPopupDialog } from "@/utils/popup.js";
48 import { datas, sendThis } from "../javascript/nydsyq100.js";
49 import { defaultParameters } from "../javascript/publicDefaultPar.js";
49 import { startBusinessFlow, selectZdjbxx } from "@/api/ywbl.js"; 50 import { startBusinessFlow, selectZdjbxx } from "@/api/ywbl.js";
50 export default { 51 export default {
51 mixins: [table, jump], 52 mixins: [table, jump],
...@@ -108,7 +109,7 @@ ...@@ -108,7 +109,7 @@
108 } 109 }
109 this.$popupCacel() 110 this.$popupCacel()
110 } else { 111 } else {
111 this.$message.error(res.message); 112 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
112 } 113 }
113 }) 114 })
114 }, 115 },
......
...@@ -42,10 +42,11 @@ ...@@ -42,10 +42,11 @@
42 <script> 42 <script>
43 //首次登记 43 //首次登记
44 import store from '@/store/index.js' 44 import store from '@/store/index.js'
45 import { datas, sendThis } from "../javascript/selectJsydsyq.js";
46 import { defaultParameters } from "../javascript/publicDefaultPar.js";
47 import table from "@/utils/mixin/table"; 45 import table from "@/utils/mixin/table";
48 import jump from "../components/mixin/jump"; 46 import jump from "../components/mixin/jump";
47 import { ywPopupDialog } from "@/utils/popup.js";
48 import { datas, sendThis } from "../javascript/selectJsydsyq.js";
49 import { defaultParameters } from "../javascript/publicDefaultPar.js";
49 import { startBusinessFlow, selectNydsyqQlxx } from "@/api/ywbl.js"; 50 import { startBusinessFlow, selectNydsyqQlxx } from "@/api/ywbl.js";
50 export default { 51 export default {
51 mixins: [table, jump], 52 mixins: [table, jump],
...@@ -105,7 +106,7 @@ ...@@ -105,7 +106,7 @@
105 } 106 }
106 this.$popupCacel() 107 this.$popupCacel()
107 } else { 108 } else {
108 this.$message.error(res.message); 109 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
109 } 110 }
110 }) 111 })
111 }, 112 },
......
...@@ -55,11 +55,12 @@ ...@@ -55,11 +55,12 @@
55 </div> 55 </div>
56 </template> 56 </template>
57 <script> 57 <script>
58 import jump from "./mixin/jump";
58 import store from '@/store/index.js' 59 import store from '@/store/index.js'
60 import table from "@/utils/mixin/table";
61 import { ywPopupDialog } from "@/utils/popup.js";
59 import { datas, sendThis } from "../javascript/selecBdcql.js"; 62 import { datas, sendThis } from "../javascript/selecBdcql.js";
60 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 63 import { defaultParameters } from "../javascript/publicDefaultPar.js";
61 import table from "@/utils/mixin/table";
62 import jump from "./mixin/jump";
63 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js"; 64 import { selectQlxx, startBusinessFlow } from "@/api/ywbl.js";
64 import { getQllxByBsmSqyw } from "@/api/system.js"; 65 import { getQllxByBsmSqyw } from "@/api/system.js";
65 export default { 66 export default {
...@@ -133,7 +134,7 @@ ...@@ -133,7 +134,7 @@
133 } 134 }
134 this.$popupCacel() 135 this.$popupCacel()
135 } else { 136 } else {
136 this.$message.error(res.message) 137 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
137 } 138 }
138 }) 139 })
139 }, 140 },
......
...@@ -52,9 +52,10 @@ ...@@ -52,9 +52,10 @@
52 </template> 52 </template>
53 <script> 53 <script>
54 import { mapGetters } from "vuex"; 54 import { mapGetters } from "vuex";
55 import { startRepairFlow } from "@/api/ywbl.js";
56 import store from '@/store/index.js' 55 import store from '@/store/index.js'
57 import table from "@/utils/mixin/table"; 56 import table from "@/utils/mixin/table";
57 import { ywPopupDialog } from "@/utils/popup.js";
58 import { startRepairFlow } from "@/api/ywbl.js";
58 import { datas, sendThis } from "../javascript/selectDjbbl.js"; 59 import { datas, sendThis } from "../javascript/selectDjbbl.js";
59 import { selectRepairQlxx } from "@/api/selectQlxx.js"; 60 import { selectRepairQlxx } from "@/api/selectQlxx.js";
60 import jump from "../components/mixin/djbbljump"; 61 import jump from "../components/mixin/djbbljump";
...@@ -161,7 +162,7 @@ ...@@ -161,7 +162,7 @@
161 } 162 }
162 this.$popupCacel() 163 this.$popupCacel()
163 } else { 164 } else {
164 this.$message.error(res.message); 165 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
165 } 166 }
166 }) 167 })
167 }, 168 },
......
...@@ -47,11 +47,12 @@ ...@@ -47,11 +47,12 @@
47 </div> 47 </div>
48 </template> 48 </template>
49 <script> 49 <script>
50 import jump from "./mixin/jump";
50 import store from '@/store/index.js' 51 import store from '@/store/index.js'
52 import table from "@/utils/mixin/table";
53 import { ywPopupDialog } from "@/utils/popup.js";
51 import { datas, sendThis } from "../javascript/selectFwsyq.js"; 54 import { datas, sendThis } from "../javascript/selectFwsyq.js";
52 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 55 import { defaultParameters } from "../javascript/publicDefaultPar.js";
53 import table from "@/utils/mixin/table";
54 import jump from "./mixin/jump";
55 import { selectFwsyq, startBusinessFlow } from "@/api/ywbl.js"; 56 import { selectFwsyq, startBusinessFlow } from "@/api/ywbl.js";
56 export default { 57 export default {
57 mixins: [table, jump], 58 mixins: [table, jump],
...@@ -110,7 +111,7 @@ ...@@ -110,7 +111,7 @@
110 } 111 }
111 this.$popupCacel() 112 this.$popupCacel()
112 } else { 113 } else {
113 this.$message.error(res.message); 114 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
114 } 115 }
115 }) 116 })
116 }, 117 },
......
...@@ -47,11 +47,12 @@ ...@@ -47,11 +47,12 @@
47 </div> 47 </div>
48 </template> 48 </template>
49 <script> 49 <script>
50 import jump from "./mixin/jump";
50 import store from '@/store/index.js' 51 import store from '@/store/index.js'
52 import table from "@/utils/mixin/table";
53 import { ywPopupDialog } from "@/utils/popup.js";
51 import { datas, sendThis } from "../javascript/selectH.js"; 54 import { datas, sendThis } from "../javascript/selectH.js";
52 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 55 import { defaultParameters } from "../javascript/publicDefaultPar.js";
53 import table from "@/utils/mixin/table";
54 import jump from "./mixin/jump";
55 import { selectHQjdc, startBusinessFlow } from "@/api/ywbl.js"; 56 import { selectHQjdc, startBusinessFlow } from "@/api/ywbl.js";
56 export default { 57 export default {
57 mixins: [table, jump], 58 mixins: [table, jump],
...@@ -110,7 +111,7 @@ ...@@ -110,7 +111,7 @@
110 } 111 }
111 this.$popupCacel() 112 this.$popupCacel()
112 } else { 113 } else {
113 this.$message.error(res.message); 114 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
114 } 115 }
115 }) 116 })
116 }, 117 },
......
...@@ -55,11 +55,12 @@ ...@@ -55,11 +55,12 @@
55 </template> 55 </template>
56 <script> 56 <script>
57 //首次登记 57 //首次登记
58 import jump from "./mixin/jump";
58 import store from '@/store/index.js' 59 import store from '@/store/index.js'
60 import table from "@/utils/mixin/table";
61 import { ywPopupDialog } from "@/utils/popup.js";
59 import { datas, sendThis } from "../javascript/selectJsydsyq.js"; 62 import { datas, sendThis } from "../javascript/selectJsydsyq.js";
60 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 63 import { defaultParameters } from "../javascript/publicDefaultPar.js";
61 import table from "@/utils/mixin/table";
62 import jump from "./mixin/jump";
63 import { startBusinessFlow, selectJsydQlxx } from "@/api/ywbl.js"; 64 import { startBusinessFlow, selectJsydQlxx } from "@/api/ywbl.js";
64 export default { 65 export default {
65 mixins: [table, jump], 66 mixins: [table, jump],
...@@ -118,7 +119,7 @@ ...@@ -118,7 +119,7 @@
118 } 119 }
119 this.$popupCacel() 120 this.$popupCacel()
120 } else { 121 } else {
121 this.$message.error(res.message); 122 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
122 } 123 }
123 }) 124 })
124 }, 125 },
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-16 09:37:51 4 * @LastEditTime: 2023-07-07 09:27:48
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -138,11 +138,12 @@ ...@@ -138,11 +138,12 @@
138 </template> 138 </template>
139 <script> 139 <script>
140 //首次登记 140 //首次登记
141 import jump from "./mixin/jump";
141 import store from '@/store/index.js' 142 import store from '@/store/index.js'
143 import table from "@/utils/mixin/table";
144 import { ywPopupDialog } from "@/utils/popup.js";
142 import { datas, datastwo, sendThis } from "../javascript/selectJsydsyqhbfg.js"; 145 import { datas, datastwo, sendThis } from "../javascript/selectJsydsyqhbfg.js";
143 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 146 import { defaultParameters } from "../javascript/publicDefaultPar.js";
144 import table from "@/utils/mixin/table";
145 import jump from "./mixin/jump";
146 import { startBusinessFlow, selectJsydQlxxSplitMergeBefore, selectZdjbxxSplitMergeLast } from "@/api/ywbl.js"; 147 import { startBusinessFlow, selectJsydQlxxSplitMergeBefore, selectZdjbxxSplitMergeLast } from "@/api/ywbl.js";
147 export default { 148 export default {
148 mixins: [table, jump], 149 mixins: [table, jump],
...@@ -246,7 +247,7 @@ ...@@ -246,7 +247,7 @@
246 } 247 }
247 this.$popupCacel() 248 this.$popupCacel()
248 } else { 249 } else {
249 this.$message.error(res.message) 250 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
250 } 251 }
251 }) 252 })
252 }, 253 },
......
...@@ -47,12 +47,13 @@ ...@@ -47,12 +47,13 @@
47 </template> 47 </template>
48 <script> 48 <script>
49 //首次登记 49 //首次登记
50 import jump from "./mixin/jump";
50 import store from '@/store/index.js' 51 import store from '@/store/index.js'
51 import { datas, sendThis } from "../javascript/selectQjzdjbxx.js";
52 import { defaultParameters } from "../javascript/publicDefaultPar.js";
53 import table from "@/utils/mixin/table"; 52 import table from "@/utils/mixin/table";
54 import jump from "./mixin/jump"; 53 import { ywPopupDialog } from "@/utils/popup.js";
55 import { startBusinessFlow, selectZdjbxx } from "@/api/ywbl.js"; 54 import { startBusinessFlow, selectZdjbxx } from "@/api/ywbl.js";
55 import { datas, sendThis } from "../javascript/selectQjzdjbxx.js";
56 import { defaultParameters } from "../javascript/publicDefaultPar.js";
56 export default { 57 export default {
57 mixins: [table, jump], 58 mixins: [table, jump],
58 props: { 59 props: {
...@@ -115,9 +116,8 @@ ...@@ -115,9 +116,8 @@
115 } 116 }
116 this.$popupCacel() 117 this.$popupCacel()
117 } else { 118 } else {
118 this.$message.error(res.message) 119 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
119 } 120 }
120
121 }) 121 })
122 }, 122 },
123 handleSelectionChange (val) { 123 handleSelectionChange (val) {
......
...@@ -55,11 +55,12 @@ ...@@ -55,11 +55,12 @@
55 </template> 55 </template>
56 <script> 56 <script>
57 //首次登记 57 //首次登记
58 import jump from "./mixin/jump";
58 import store from '@/store/index.js' 59 import store from '@/store/index.js'
60 import table from "@/utils/mixin/table";
61 import { ywPopupDialog } from "@/utils/popup.js";
59 import { datas, sendThis } from "../javascript/selectTdsyq.js"; 62 import { datas, sendThis } from "../javascript/selectTdsyq.js";
60 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 63 import { defaultParameters } from "../javascript/publicDefaultPar.js";
61 import table from "@/utils/mixin/table";
62 import jump from "./mixin/jump";
63 import { startBusinessFlow, selectTdsyqQlxx } from "@/api/ywbl.js"; 64 import { startBusinessFlow, selectTdsyqQlxx } from "@/api/ywbl.js";
64 export default { 65 export default {
65 mixins: [table, jump], 66 mixins: [table, jump],
...@@ -118,7 +119,7 @@ ...@@ -118,7 +119,7 @@
118 } 119 }
119 this.$popupCacel() 120 this.$popupCacel()
120 } else { 121 } else {
121 this.$message.error(res.message); 122 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
122 } 123 }
123 }) 124 })
124 }, 125 },
......
...@@ -48,6 +48,7 @@ ...@@ -48,6 +48,7 @@
48 </template> 48 </template>
49 <script> 49 <script>
50 import store from '@/store/index.js' 50 import store from '@/store/index.js'
51 import { ywPopupDialog } from "@/utils/popup.js";
51 import { datas, sendThis } from "../javascript/selectYgdj200.js"; 52 import { datas, sendThis } from "../javascript/selectYgdj200.js";
52 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 53 import { defaultParameters } from "../javascript/publicDefaultPar.js";
53 import table from "@/utils/mixin/table"; 54 import table from "@/utils/mixin/table";
...@@ -110,7 +111,7 @@ ...@@ -110,7 +111,7 @@
110 this.$popupCacel() 111 this.$popupCacel()
111 } 112 }
112 } else { 113 } else {
113 this.$message.error(res.message); 114 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
114 } 115 }
115 }) 116 })
116 }, 117 },
......
...@@ -48,6 +48,7 @@ ...@@ -48,6 +48,7 @@
48 </template> 48 </template>
49 <script> 49 <script>
50 import store from '@/store/index.js' 50 import store from '@/store/index.js'
51 import { ywPopupDialog } from "@/utils/popup.js";
51 import { datas, sendThis } from "../javascript/selectYgdy.js"; 52 import { datas, sendThis } from "../javascript/selectYgdy.js";
52 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 53 import { defaultParameters } from "../javascript/publicDefaultPar.js";
53 import table from "@/utils/mixin/table"; 54 import table from "@/utils/mixin/table";
...@@ -110,7 +111,7 @@ ...@@ -110,7 +111,7 @@
110 } 111 }
111 this.$popupCacel() 112 this.$popupCacel()
112 } else { 113 } else {
113 this.$message.error(res.message); 114 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
114 } 115 }
115 }) 116 })
116 }, 117 },
......
...@@ -48,6 +48,7 @@ ...@@ -48,6 +48,7 @@
48 </template> 48 </template>
49 <script> 49 <script>
50 import store from '@/store/index.js' 50 import store from '@/store/index.js'
51 import { ywPopupDialog } from "@/utils/popup.js";
51 import { datas, sendThis } from "../javascript/selectAllHInfo.js"; 52 import { datas, sendThis } from "../javascript/selectAllHInfo.js";
52 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 53 import { defaultParameters } from "../javascript/publicDefaultPar.js";
53 import table from "@/utils/mixin/table"; 54 import table from "@/utils/mixin/table";
...@@ -111,7 +112,7 @@ ...@@ -111,7 +112,7 @@
111 } 112 }
112 this.$popupCacel() 113 this.$popupCacel()
113 } else { 114 } else {
114 this.$message.error(res.message); 115 ywPopupDialog("状态", "components/ywdialog", { message: res.message, result: res.result }, '36%')
115 } 116 }
116 }) 117 })
117 }, 118 },
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 <div class="from-clues-header"> 4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px"> 5 <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px">
6 <el-row> 6 <el-row>
7 <el-col :span="5"> 7 <el-col :span="4">
8 <el-form-item label="权利类型"> 8 <el-form-item label="权利类型">
9 <el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型"> 9 <el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型">
10 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 10 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
...@@ -12,24 +12,63 @@ ...@@ -12,24 +12,63 @@
12 </el-select> 12 </el-select>
13 </el-form-item> 13 </el-form-item>
14 </el-col> 14 </el-col>
15 <el-col :span="5"> 15 <el-col :span="4">
16 <el-form-item label="登记类型">
17 <el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型">
18 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
19 </el-option>
20 </el-select>
21 </el-form-item>
22 </el-col>
23 <el-col :span="4">
24 <el-form-item label="权属状态">
25 <el-select v-model="queryForm.qszt" filterable class="width100" clearable placeholder="请选择登记类型">
26 <el-option
27 v-for="item in qsztlist"
28 :key="item.dcode"
29 :label="item.dname"
30 :value="item.dcode"></el-option>
31 </el-select>
32 </el-form-item>
33 </el-col>
34 <el-col :span="6">
16 <el-form-item label="不动产单元号" label-width="105px"> 35 <el-form-item label="不动产单元号" label-width="105px">
17 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> 36 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
18 </el-input> 37 </el-input>
19 </el-form-item> 38 </el-form-item>
20 </el-col> 39 </el-col>
21 <el-col :span="5"> 40 <el-col :span="6">
22 <el-form-item label="不动产权证号" label-width="105px"> 41 <el-form-item label="不动产权证号" label-width="105px">
23 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> 42 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
24 </el-input> 43 </el-input>
25 </el-form-item> 44 </el-form-item>
26 </el-col> 45 </el-col>
46 </el-row>
47 <el-row>
27 <el-col :span="5"> 48 <el-col :span="5">
28 <el-form-item label="业务号"> 49 <el-form-item label="业务号:">
29 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100"> 50 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100">
30 </el-input> 51 </el-input>
31 </el-form-item> 52 </el-form-item>
32 </el-col> 53 </el-col>
54 <el-col :span="5">
55 <el-form-item label="坐落:" label-width="105px">
56 <el-input v-model="queryForm.zl" clearable class="width100">
57 </el-input>
58 </el-form-item>
59 </el-col>
60 <el-col :span="5">
61 <el-form-item label="权利人:" label-width="105px">
62 <el-input v-model="queryForm.qlrmc" clearable class="width100">
63 </el-input>
64 </el-form-item>
65 </el-col>
66 <el-col :span="5">
67 <el-form-item label="义务人:">
68 <el-input v-model="queryForm.ywrmc" clearable class="width100">
69 </el-input>
70 </el-form-item>
71 </el-col>
33 72
34 <el-col :span="4" class="btnColRight"> 73 <el-col :span="4" class="btnColRight">
35 <el-form-item> 74 <el-form-item>
...@@ -64,7 +103,19 @@ export default { ...@@ -64,7 +103,19 @@ export default {
64 }, 103 },
65 data () { 104 data () {
66 return { 105 return {
106 // 权属状态
107 qsztlist: [
108 {
109 dcode: "1",
110 dname: "现势",
111 },
112 {
113 dcode: "2",
114 dname: "历史",
115 },
116 ],
67 queryForm: { 117 queryForm: {
118 qszt: "1",
68 qllx: "", 119 qllx: "",
69 bdcdyh: "", 120 bdcdyh: "",
70 bdcqzh: "", 121 bdcqzh: "",
......