Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
31 changed files
with
923 additions
and
877 deletions
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-14 16:24:26 | 4 | * @LastEditTime: 2023-07-17 13:31:39 |
5 | */ | 5 | */ |
6 | import store from '@/store' | 6 | import store from '@/store' |
7 | // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器 | 7 | // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器 |
... | @@ -44,26 +44,31 @@ export default class filter { | ... | @@ -44,26 +44,31 @@ export default class filter { |
44 | getDictData (val) { | 44 | getDictData (val) { |
45 | return store.getters.dictData[val] | 45 | return store.getters.dictData[val] |
46 | } | 46 | } |
47 | // 状态 | ||
48 | yWstatus (row) { | 47 | yWstatus (row) { |
49 | let text = ""; | 48 | let text = ""; |
49 | let keys = 0; | ||
50 | // 定义策略对象 | 50 | // 定义策略对象 |
51 | const strategies = { | 51 | const strategies = { |
52 | djblzt: "正在办理", | 52 | djblzt: "正在办理", |
53 | zjgcdyzt: ",在建工程抵押", | 53 | zjgcdyzt: "在建工程抵押", |
54 | ycfzt: ",已预查封", | 54 | ycfzt: "已预查封", |
55 | cfzt: ",已查封", | 55 | cfzt: "已查封", |
56 | diyizt: ",已地役", | 56 | diyizt: "已地役", |
57 | yyzt: ",异议中", | 57 | yyzt: "异议中", |
58 | xzzt: ",已限制", | 58 | xzzt: "已限制", |
59 | ygmmzt: ",已预告买卖", | 59 | ygmmzt: "已预告买卖", |
60 | ygdyzt: ",已预告抵押", | 60 | ygdyzt: "已预告抵押", |
61 | dyzt: ",已抵押" | 61 | dyzt: "已抵押" |
62 | }; | 62 | }; |
63 | 63 | ||
64 | for (let key in row) { | 64 | for (let key in row) { |
65 | if (row[key] === 1 && strategies[key]) { | 65 | if (row[key] === 1 && strategies[key]) { |
66 | text += strategies[key]; | 66 | keys++; |
67 | if (keys == 1) { | ||
68 | text += strategies[key]; | ||
69 | } else { | ||
70 | text += ',' + strategies[key]; | ||
71 | } | ||
67 | } | 72 | } |
68 | } | 73 | } |
69 | 74 | ... | ... |
... | @@ -2,13 +2,13 @@ | ... | @@ -2,13 +2,13 @@ |
2 | /* | 2 | /* |
3 | * @Description: 此文件主要创建 axios 实例,然后添加请求拦截器和响应拦截器 | 3 | * @Description: 此文件主要创建 axios 实例,然后添加请求拦截器和响应拦截器 |
4 | * @Autor: renchao | 4 | * @Autor: renchao |
5 | * @LastEditTime: 2023-06-20 10:12:53 | 5 | * @LastEditTime: 2023-07-17 13:22:05 |
6 | */ | 6 | */ |
7 | import axios from 'axios' | 7 | import axios from 'axios' |
8 | import Router from '@/router' | 8 | import Router from '@/router' |
9 | import { Message } from 'element-ui' | 9 | import { Message } from 'element-ui' |
10 | import { endLoadingSubCount } from './requestLoading' | 10 | import { endLoadingSubCount } from './requestLoading' |
11 | import {getToken, setToken} from "@/utils/util"; | 11 | import { getToken, setToken } from "@/utils/util"; |
12 | 12 | ||
13 | // create an axios instance | 13 | // create an axios instance |
14 | const service = axios.create({ | 14 | const service = axios.create({ |
... | @@ -84,7 +84,7 @@ service.interceptors.response.use( | ... | @@ -84,7 +84,7 @@ service.interceptors.response.use( |
84 | } else { | 84 | } else { |
85 | // 对响应错误做点什么 | 85 | // 对响应错误做点什么 |
86 | Message({ | 86 | Message({ |
87 | message: '服务器异常,请联系管理员', | 87 | message: error, |
88 | type: 'error', | 88 | type: 'error', |
89 | duration: 5 * 1000, | 89 | duration: 5 * 1000, |
90 | customClass: 'messageIndex' | 90 | customClass: 'messageIndex' | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-25 10:42:50 | 4 | * @LastEditTime: 2023-07-17 16:16:13 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
8 | <div v-if="this.isShowdrawer"> | 8 | <div v-if="this.isShowdrawer"> |
9 | <el-menu | 9 | <el-menu |
10 | @select="djbClick" | 10 | @select="djbClick" |
11 | class="title-batch" | 11 | class="title-batch"> |
12 | > | ||
13 | <el-menu-item index="-1" key="-1" class="menus"> | 12 | <el-menu-item index="-1" key="-1" class="menus"> |
14 | <div>登记簿</div> | 13 | <div>登记簿</div> |
15 | </el-menu-item> | 14 | </el-menu-item> |
... | @@ -17,8 +16,7 @@ | ... | @@ -17,8 +16,7 @@ |
17 | <div class="blxx"> | 16 | <div class="blxx"> |
18 | <el-menu | 17 | <el-menu |
19 | @select="blxxClick" | 18 | @select="blxxClick" |
20 | class="title-batch" | 19 | class="title-batch"> |
21 | > | ||
22 | <el-menu-item index="-1" key="-1" class="menus"> | 20 | <el-menu-item index="-1" key="-1" class="menus"> |
23 | <div>补录信息</div> | 21 | <div>补录信息</div> |
24 | </el-menu-item> | 22 | </el-menu-item> |
... | @@ -27,11 +25,10 @@ | ... | @@ -27,11 +25,10 @@ |
27 | <el-menu-item | 25 | <el-menu-item |
28 | v-for="(item, index) in supplementarylist" | 26 | v-for="(item, index) in supplementarylist" |
29 | :index="index.toString()" | 27 | :index="index.toString()" |
30 | :key="index" | 28 | :key="index"> |
31 | > | ||
32 | <div> | 29 | <div> |
33 | <p v-if="item.operate=='D'">{{ item.qllxmc }} <span class="tpcolor">(删除)</span></p> | 30 | <p v-if="item.operate=='D'">{{ item.qllxmc }} <span class="tpcolor">(删除)</span></p> |
34 | <p v-else >{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p> | 31 | <p v-else>{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p> |
35 | </div> | 32 | </div> |
36 | <i class="el-icon-delete" @click.stop="handleDel(item)" v-if="delel"></i> | 33 | <i class="el-icon-delete" @click.stop="handleDel(item)" v-if="delel"></i> |
37 | </el-menu-item> | 34 | </el-menu-item> |
... | @@ -45,8 +42,7 @@ | ... | @@ -45,8 +42,7 @@ |
45 | () => { | 42 | () => { |
46 | this.isShowdrawer = !this.isShowdrawer; | 43 | this.isShowdrawer = !this.isShowdrawer; |
47 | } | 44 | } |
48 | " | 45 | "></div> |
49 | ></div> | ||
50 | <div | 46 | <div |
51 | class="map-drawer-expand map-drawer" | 47 | class="map-drawer-expand map-drawer" |
52 | v-else | 48 | v-else |
... | @@ -54,246 +50,240 @@ | ... | @@ -54,246 +50,240 @@ |
54 | () => { | 50 | () => { |
55 | this.isShowdrawer = !this.isShowdrawer; | 51 | this.isShowdrawer = !this.isShowdrawer; |
56 | } | 52 | } |
57 | " | 53 | "></div> |
58 | ></div> | ||
59 | </div> | 54 | </div> |
60 | </template> | 55 | </template> |
61 | <script> | 56 | <script> |
62 | import { mapGetters } from "vuex"; | 57 | import { mapGetters } from "vuex"; |
63 | import { leftMenu, deleteSlbdcdy } from "@/api/workFlow.js"; | 58 | import { leftMenu, deleteSlbdcdy } from "@/api/workFlow.js"; |
64 | import { deleteRepairRecord } from"@/api/djbRepair.js"; | 59 | import { deleteRepairRecord } from "@/api/djbRepair.js"; |
65 | import { leftMenubl } from"@/api/djbRepair.js"; | 60 | import { leftMenubl } from "@/api/djbRepair.js"; |
66 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | 61 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; |
67 | import { loadTreeData, getNode } from "./djbFrameData.js"; | 62 | import { loadTreeData, getNode } from "./djbFrameData.js"; |
68 | export default { | 63 | export default { |
69 | data() { | 64 | data () { |
70 | return { | 65 | return { |
71 | supplementarylist: [], | 66 | supplementarylist: [], |
72 | //受理申请标识码 | 67 | //受理申请标识码 |
73 | bsmSlsq: this.$route.query.bsmSlsq, | 68 | bsmSlsq: this.$route.query.bsmSlsq, |
74 | //当前流程所在环节 | 69 | //当前流程所在环节 |
75 | bestepid: this.$route.query.bestepid, | 70 | bestepid: this.$route.query.bestepid, |
76 | //受理申请标识码 | 71 | //受理申请标识码 |
77 | bdcdyid: this.$route.query.bdcdyid, | 72 | bdcdyid: this.$route.query.bdcdyid, |
78 | //当前流程所在环节 | 73 | //当前流程所在环节 |
79 | bdcdyh: this.$route.query.bdcdyh, | 74 | bdcdyh: this.$route.query.bdcdyh, |
80 | qllx: this.$route.query.qllx, | 75 | qllx: this.$route.query.qllx, |
81 | // 默认选中 | 76 | // 默认选中 |
82 | activeIndex: "0", | 77 | activeIndex: "0", |
83 | // 折叠 | 78 | // 折叠 |
84 | isShowdrawer: true, | 79 | isShowdrawer: true, |
85 | delel: true, | 80 | delel: true, |
86 | //批量操作按钮名称 | 81 | //批量操作按钮名称 |
87 | batchButtonName: "", | 82 | batchButtonName: "", |
88 | //左侧菜单数据集合 | 83 | //左侧菜单数据集合 |
89 | unitData: [], | 84 | unitData: [], |
90 | // 设置表单传递数据 | 85 | // 设置表单传递数据 |
91 | currentSelectProps: {}, | 86 | currentSelectProps: {}, |
92 | //左侧树形结构数据 | 87 | //左侧树形结构数据 |
93 | treedata: [], | 88 | treedata: [], |
94 | defaultNode: "", | 89 | defaultNode: "", |
95 | defaultProps: { | 90 | defaultProps: { |
96 | value: "id", | 91 | value: "id", |
97 | children: "children", | 92 | children: "children", |
98 | label: "label", | 93 | label: "label", |
99 | }, | 94 | }, |
100 | showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断 | 95 | showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断 |
101 | }; | 96 | }; |
102 | }, | ||
103 | mounted() { | ||
104 | this.delel=this.$parent.isEdit | ||
105 | this.loadBdcdylist(); | ||
106 | // this.getleftMenubl(); | ||
107 | |||
108 | |||
109 | }, | ||
110 | computed: { | ||
111 | // ...mapGetters(["isRefresh"]), | ||
112 | }, | ||
113 | watch: { | ||
114 | // isRefresh: { | ||
115 | // handler(newVal, oldVal) { | ||
116 | // if (newVal) this.loadBdcdylist(); | ||
117 | // }, | ||
118 | // immediate: true, | ||
119 | // }, | ||
120 | }, | ||
121 | methods: { | ||
122 | //读取申请单元信息 | ||
123 | loadBdcdylist() { | ||
124 | var formdata = new FormData(); | ||
125 | if(this.bsmSlsq){ | ||
126 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
127 | formdata.append("bestepid", this.bestepid); | ||
128 | leftMenu(formdata).then((res) => { | ||
129 | if (res.code === 200 && res.result) { | ||
130 | this.currentSelectProps = res.result[0]; | ||
131 | this.$emit("getCurrentSelectProps", this.currentSelectProps); | ||
132 | } | ||
133 | }); | ||
134 | } | ||
135 | |||
136 | |||
137 | }, | ||
138 | // 获取右侧菜单 | ||
139 | getleftMenubl(row) { | ||
140 | |||
141 | leftMenubl(this.bsmSlsq).then((res) => { | ||
142 | this.supplementarylist = res.result; | ||
143 | if(row==1){ | ||
144 | this.delel=false | ||
145 | } | ||
146 | if(row&&row!=1){ | ||
147 | this.supplementarylist.forEach((item,index) => { | ||
148 | if(item.bsmRepair==row.bsmRepair){ | ||
149 | this.activeIndex=index.toString() | ||
150 | // 补录成功后定位到该条记录 | ||
151 | this.unitClick(index) | ||
152 | } | ||
153 | }) | ||
154 | } | ||
155 | if(this.supplementarylist.length){ | ||
156 | this.unitClick(0) | ||
157 | }else{ | ||
158 | this.$emit("getCurrentSelectProps", this.currentSelectProps); | ||
159 | } | ||
160 | }); | ||
161 | }, | 97 | }, |
162 | handleNodeClick(data, node, elem) { | 98 | mounted () { |
163 | this.$parent.loadComponent(this.currentSelectProps, data); | 99 | this.delel = this.$parent.isEdit |
164 | this.$parent.tabset(); | 100 | this.loadBdcdylist(); |
165 | }, | 101 | }, |
166 | //申请单元点击事件 | 102 | computed: { |
167 | unitClick(index) { | 103 | // ...mapGetters(["isRefresh"]), |
168 | this.currentSelectProps = this.supplementarylist[index]; | ||
169 | this.$emit("getCurrentSelectProps", this.currentSelectProps); | ||
170 | }, | 104 | }, |
171 | //登记簿点击事件 | 105 | watch: { |
172 | djbClick() { | 106 | // isRefresh: { |
173 | this.loadBdcdylist(); | 107 | // handler(newVal, oldVal) { |
108 | // if (newVal) this.loadBdcdylist(); | ||
109 | // }, | ||
110 | // immediate: true, | ||
111 | // }, | ||
174 | }, | 112 | }, |
175 | // 删除补录记录 | 113 | methods: { |
176 | handleDel(row) { | 114 | //读取申请单元信息 |
177 | this.$confirm("此操作将永久删除该条补录记录, 是否继续?", "提示", { | 115 | loadBdcdylist () { |
178 | confirmButtonText: "确定", | 116 | var formdata = new FormData(); |
179 | cancelButtonText: "取消", | 117 | if (this.bsmSlsq) { |
180 | type: "warning", | 118 | formdata.append("bsmSlsq", this.bsmSlsq); |
181 | }) | 119 | formdata.append("bestepid", this.bestepid); |
182 | .then(() => { | 120 | leftMenu(formdata).then((res) => { |
183 | deleteRepairRecord(row.bsmRepair).then((res) => { | 121 | if (res.code === 200 && res.result) { |
184 | this.$message({ | 122 | this.currentSelectProps = res.result[0]; |
185 | type: "success", | 123 | this.$emit("getCurrentSelectProps", this.currentSelectProps); |
186 | message: "删除成功!", | 124 | } |
187 | }); | 125 | }); |
188 | this.$nextTick(() => { | 126 | } |
189 | this.getleftMenubl(); | 127 | |
190 | this.blxxClick() | 128 | |
191 | if(!this.supplementarylist.length){ | 129 | }, |
192 | getdjblist() | 130 | // 获取右侧菜单 |
131 | getleftMenubl (row) { | ||
132 | |||
133 | leftMenubl(this.bsmSlsq).then((res) => { | ||
134 | this.supplementarylist = res.result; | ||
135 | if (row == 1) { | ||
136 | this.delel = false | ||
137 | } | ||
138 | if (row && row != 1) { | ||
139 | this.supplementarylist.forEach((item, index) => { | ||
140 | if (item.bsmRepair == row.bsmRepair) { | ||
141 | this.activeIndex = index.toString() | ||
142 | // 补录成功后定位到该条记录 | ||
143 | this.unitClick(index) | ||
193 | } | 144 | } |
145 | }) | ||
146 | } | ||
147 | if (this.supplementarylist.length) { | ||
148 | this.unitClick(0) | ||
149 | } else { | ||
150 | this.$emit("getCurrentSelectProps", this.currentSelectProps); | ||
151 | } | ||
152 | }); | ||
153 | }, | ||
154 | handleNodeClick (data, node, elem) { | ||
155 | this.$parent.loadComponent(this.currentSelectProps, data); | ||
156 | this.$parent.tabset(); | ||
157 | }, | ||
158 | //申请单元点击事件 | ||
159 | unitClick (index) { | ||
160 | this.currentSelectProps = this.supplementarylist[index]; | ||
161 | this.$emit("getCurrentSelectProps", this.currentSelectProps); | ||
162 | }, | ||
163 | //登记簿点击事件 | ||
164 | djbClick () { | ||
165 | this.loadBdcdylist(); | ||
166 | }, | ||
167 | // 删除补录记录 | ||
168 | handleDel (row) { | ||
169 | this.$confirm("此操作将永久删除该条补录记录, 是否继续?", "提示", { | ||
170 | confirmButtonText: "确定", | ||
171 | cancelButtonText: "取消", | ||
172 | type: "warning", | ||
173 | }) | ||
174 | .then(() => { | ||
175 | deleteRepairRecord(row.bsmRepair).then((res) => { | ||
176 | this.$message({ | ||
177 | type: "success", | ||
178 | message: "删除成功!", | ||
179 | }); | ||
180 | this.$nextTick(() => { | ||
181 | this.getleftMenubl(); | ||
182 | this.blxxClick() | ||
183 | if (!this.supplementarylist.length) { | ||
184 | getdjblist() | ||
185 | } | ||
194 | 186 | ||
187 | }); | ||
188 | }); | ||
189 | }) | ||
190 | .catch(() => { | ||
191 | this.$message({ | ||
192 | type: "info", | ||
193 | message: "已取消删除", | ||
195 | }); | 194 | }); |
196 | }); | 195 | }); |
197 | }) | 196 | }, |
198 | .catch(() => { | 197 | //补录信息点击事件默认展示第一条补录记录 |
199 | this.$message({ | 198 | blxxClick () { |
200 | type: "info", | 199 | if (this.supplementarylist.length) { |
201 | message: "已取消删除", | 200 | this.unitClick(0); |
202 | }); | 201 | } |
203 | }); | ||
204 | }, | ||
205 | //补录信息点击事件默认展示第一条补录记录 | ||
206 | blxxClick() { | ||
207 | if(this.supplementarylist.length){ | ||
208 | this.unitClick(0); | ||
209 | } | ||
210 | 202 | ||
203 | }, | ||
211 | }, | 204 | }, |
212 | }, | 205 | }; |
213 | }; | ||
214 | </script> | 206 | </script> |
215 | <style scoped lang="scss"> | 207 | <style scoped lang="scss"> |
216 | @import "~@/styles/mixin.scss"; | 208 | @import "~@/styles/mixin.scss"; |
217 | @import "../../workFrame.scss"; | 209 | @import "../../workFrame.scss"; |
218 | .leftmenu ul { | 210 | .leftmenu ul { |
219 | height: calc(100vh - 120px); | 211 | height: calc(100vh - 120px); |
220 | } | ||
221 | /deep/.rollTable { | ||
222 | height: calc(100vh - 240px) !important; | ||
223 | } | ||
224 | |||
225 | .content { | ||
226 | width: 100%; | ||
227 | height: 100%; | ||
228 | display: flex; | ||
229 | |||
230 | .left { | ||
231 | width: 256px; | ||
232 | height: 704px; | ||
233 | background-color: #f5f5f5; | ||
234 | color: #333; | ||
235 | border: 1px solid rgb(228, 228, 228); | ||
236 | } | 212 | } |
237 | 213 | /deep/.rollTable { | |
238 | .right { | 214 | height: calc(100vh - 240px) !important; |
239 | width: calc(100% - 256px); | ||
240 | height: 704px; | ||
241 | // overflow-y: scroll; | ||
242 | overflow: auto; | ||
243 | background-color: #f5f5f5; | ||
244 | border: 1px solid rgb(228, 228, 228); | ||
245 | } | 215 | } |
246 | } | ||
247 | 216 | ||
248 | /deep/ .expanded.el-tree-node__expand-icon, | 217 | .content { |
249 | /deep/ .el-tree-node__expand-icon { | 218 | width: 100%; |
250 | visibility: hidden; | 219 | height: 100%; |
251 | } | 220 | display: flex; |
252 | 221 | ||
253 | /deep/ .el-tree-node__content { | 222 | .left { |
254 | border: 1px solid rgb(228, 228, 228); | 223 | width: 256px; |
255 | height: 45px; | 224 | height: 704px; |
256 | } | 225 | background-color: #f5f5f5; |
226 | color: #333; | ||
227 | border: 1px solid rgb(228, 228, 228); | ||
228 | } | ||
257 | 229 | ||
258 | /deep/ .el-tree-node:focus > .el-tree-node__content { | 230 | .right { |
259 | background-color: #f5f5f5; | 231 | width: calc(100% - 256px); |
260 | color: #0079fe; | 232 | height: 704px; |
261 | border-right: 4px solid #0079fe; | 233 | // overflow-y: scroll; |
262 | } | 234 | overflow: auto; |
235 | background-color: #f5f5f5; | ||
236 | border: 1px solid rgb(228, 228, 228); | ||
237 | } | ||
238 | } | ||
263 | 239 | ||
264 | /deep/.el-tree-node { | 240 | /deep/ .expanded.el-tree-node__expand-icon, |
265 | white-space: pre-wrap; | 241 | /deep/ .el-tree-node__expand-icon { |
266 | } | 242 | visibility: hidden; |
243 | } | ||
267 | 244 | ||
268 | /deep/ .is-current > .el-tree-node__content { | 245 | /deep/ .el-tree-node__content { |
269 | background-color: #f5f5f5; | 246 | border: 1px solid rgb(228, 228, 228); |
270 | color: #0079fe; | 247 | height: 45px; |
271 | border-right: 4px solid #0079fe; | ||
272 | } | ||
273 | .menus { | ||
274 | background-color: #e7f4fe; | ||
275 | div{ | ||
276 | font-size: 16px; | ||
277 | font-weight: 600; | ||
278 | } | 248 | } |
279 | 249 | ||
280 | } | 250 | /deep/ .el-tree-node:focus > .el-tree-node__content { |
281 | .blxx { | 251 | background-color: #f5f5f5; |
282 | .el-menu-item{ | 252 | color: #0079fe; |
283 | display: flex; | 253 | border-right: 4px solid #0079fe; |
284 | justify-content: space-between; | ||
285 | } | 254 | } |
286 | border: #b0d9f8 solid 1px; | 255 | |
287 | .tpcolor{ | 256 | /deep/.el-tree-node { |
288 | color: red; | 257 | white-space: pre-wrap; |
289 | line-height: 22px; | ||
290 | } | 258 | } |
291 | .el-icon-delete{ | ||
292 | margin-right: 3px; | ||
293 | // background-color: saddlebrown; | ||
294 | height: 27px; | ||
295 | float: left; | ||
296 | 259 | ||
260 | /deep/ .is-current > .el-tree-node__content { | ||
261 | background-color: #f5f5f5; | ||
262 | color: #0079fe; | ||
263 | border-right: 4px solid #0079fe; | ||
264 | } | ||
265 | .menus { | ||
266 | background-color: #e7f4fe; | ||
267 | div { | ||
268 | font-size: 16px; | ||
269 | font-weight: 600; | ||
270 | } | ||
271 | } | ||
272 | .blxx { | ||
273 | .el-menu-item { | ||
274 | display: flex; | ||
275 | justify-content: space-between; | ||
276 | } | ||
277 | border: #b0d9f8 solid 1px; | ||
278 | .tpcolor { | ||
279 | color: red; | ||
280 | line-height: 22px; | ||
281 | } | ||
282 | .el-icon-delete { | ||
283 | margin-right: 3px; | ||
284 | // background-color: saddlebrown; | ||
285 | height: 27px; | ||
286 | float: left; | ||
287 | } | ||
297 | } | 288 | } |
298 | } | ||
299 | </style> | 289 | </style> | ... | ... |
1 | /* | 1 | /* |
2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 | 2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 |
3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
4 | * @LastEditTime: 2023-06-14 15:01:31 | 4 | * @LastEditTime: 2023-07-17 16:14:23 |
5 | */ | 5 | */ |
6 | import { getPrintTemplateByCode } from "@/api/print"; | 6 | import { getPrintTemplateByCode } from "@/api/print"; |
7 | import { getQllxByBdcdyid } from "@/api/djbDetail.js"; | 7 | import { getQllxByBdcdyid } from "@/api/djbDetail.js"; |
... | @@ -18,7 +18,6 @@ import { | ... | @@ -18,7 +18,6 @@ import { |
18 | unClaimTask | 18 | unClaimTask |
19 | } from "@/api/workFlow.js"; | 19 | } from "@/api/workFlow.js"; |
20 | import { mapGetters } from 'vuex' | 20 | import { mapGetters } from 'vuex' |
21 | import { log } from "bpmn-js-token-simulation"; | ||
22 | export default { | 21 | export default { |
23 | data () { | 22 | data () { |
24 | return { | 23 | return { |
... | @@ -36,7 +35,7 @@ export default { | ... | @@ -36,7 +35,7 @@ export default { |
36 | batchButtonName: '', | 35 | batchButtonName: '', |
37 | // 受理申请信息 | 36 | // 受理申请信息 |
38 | slsq: {}, | 37 | slsq: {}, |
39 | ableOperation:true | 38 | ableOperation: true |
40 | } | 39 | } |
41 | }, | 40 | }, |
42 | mounted () { | 41 | mounted () { |
... | @@ -54,18 +53,18 @@ export default { | ... | @@ -54,18 +53,18 @@ export default { |
54 | } | 53 | } |
55 | stepExpandInfo(formdata).then((res) => { | 54 | stepExpandInfo(formdata).then((res) => { |
56 | if (res.code === 200) { | 55 | if (res.code === 200) { |
57 | this.leftButtonList = res.result.button; | 56 | this.leftButtonList = res.result.button; |
58 | this.rightButtonList = res.result.operation; | 57 | this.rightButtonList = res.result.operation; |
59 | let arr=this.rightButtonList.filter((item) => { | 58 | let arr = this.rightButtonList.filter((item) => { |
60 | return item.name=="删除" | 59 | return item.name == "删除" |
61 | }) | 60 | }) |
62 | 61 | ||
63 | if(arr.length){ | 62 | if (arr.length) { |
64 | this.$refs.Menu.getleftMenubl(); | 63 | this.$refs.Menu.getleftMenubl(); |
65 | }else{ | 64 | } else { |
66 | this.ableOperation=false | 65 | this.ableOperation = false |
67 | this.$refs.Menu.getleftMenubl(1); | 66 | this.$refs.Menu.getleftMenubl(1); |
68 | } | 67 | } |
69 | } | 68 | } |
70 | }) | 69 | }) |
71 | 70 | ||
... | @@ -77,27 +76,30 @@ export default { | ... | @@ -77,27 +76,30 @@ export default { |
77 | let that = this; | 76 | let that = this; |
78 | switch (item.value) { | 77 | switch (item.value) { |
79 | case "B0": | 78 | case "B0": |
80 | this.openDialog() | 79 | // this.openDialog() |
80 | this.$alert('此功能正在开发', '提示', { | ||
81 | confirmButtonText: '确定', | ||
82 | }) | ||
83 | break; | ||
84 | case "B1": | ||
85 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => { | ||
86 | let { result } = res | ||
87 | this.$popupDialog("流程图", "workflow/components/processViewer", { | ||
88 | xml: result.xml, | ||
89 | finishedInfo: { | ||
90 | finishedTaskSet: result.finishedActivityIds, | ||
91 | unfinishedTaskSet: result.runningActivityIds, | ||
92 | rejectedTaskSet: {}, | ||
93 | finishedSequenceFlowSet: result.finishedSequenceFlowIds | ||
94 | }, | ||
95 | handlinglist: result.runningTasks, | ||
96 | allCommentList: result.finishedTasks | ||
97 | }, '80%', true) | ||
98 | }) | ||
81 | break; | 99 | break; |
82 | case "B1": | ||
83 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => { | ||
84 | let { result } = res | ||
85 | this.$popupDialog("流程图", "workflow/components/processViewer", { | ||
86 | xml: result.xml, | ||
87 | finishedInfo: { | ||
88 | finishedTaskSet: result.finishedActivityIds, | ||
89 | unfinishedTaskSet: result.runningActivityIds, | ||
90 | rejectedTaskSet: {}, | ||
91 | finishedSequenceFlowSet: result.finishedSequenceFlowIds | ||
92 | }, | ||
93 | handlinglist:result.runningTasks, | ||
94 | allCommentList: result.finishedTasks | ||
95 | }, '80%', true) | ||
96 | }) | ||
97 | break; | ||
98 | case "B2": //材料分屏按钮 | 100 | case "B2": //材料分屏按钮 |
99 | 101 | ||
100 | this.closefp() | 102 | this.closefp() |
101 | 103 | ||
102 | // if (this.splitScreen) { | 104 | // if (this.splitScreen) { |
103 | // //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 | 105 | // //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 |
... | @@ -148,22 +150,22 @@ export default { | ... | @@ -148,22 +150,22 @@ export default { |
148 | // }); | 150 | // }); |
149 | 151 | ||
150 | // break; | 152 | // break; |
151 | case "B5": | 153 | case "B5": |
152 | if (this.currentSelectProps.bdcdyid) { | 154 | if (this.currentSelectProps.bdcdyid) { |
153 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | 155 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( |
154 | (res) => { | 156 | (res) => { |
155 | if (res.code === 200) { | 157 | if (res.code === 200) { |
156 | this.$refs.qllxlist.qllxlistdata = res.result; | 158 | this.$refs.qllxlist.qllxlistdata = res.result; |
157 | this.$refs.qllxlist.dialogVisible = true; | 159 | this.$refs.qllxlist.dialogVisible = true; |
158 | } | ||
159 | } | 160 | } |
160 | ); | 161 | } |
161 | } | 162 | ); |
162 | // this.$refs.Menu.loadBdcdylist("add") | 163 | } |
163 | // this.$popupDialog("选择新增权力类型", "djbworkflow/djbBook/components/qllxcloseDailog", this.currentSelectProps, '50%', true) | 164 | // this.$refs.Menu.loadBdcdylist("add") |
165 | // this.$popupDialog("选择新增权力类型", "djbworkflow/djbBook/components/qllxcloseDailog", this.currentSelectProps, '50%', true) | ||
164 | 166 | ||
165 | 167 | ||
166 | break; | 168 | break; |
167 | case "B6": | 169 | case "B6": |
168 | //根据编号获取对应信息 | 170 | //根据编号获取对应信息 |
169 | getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => { | 171 | getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => { | ... | ... |
... | @@ -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,184 +63,185 @@ | ... | @@ -67,184 +63,185 @@ |
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 { getBlYbxStepFormInfo } from "@/api/workFlow.js"; | 72 | import { getBlYbxStepFormInfo } from "@/api/workFlow.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/djbRepair.js"; | 76 | import { leftMenubl } from "@/api/djbRepair.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/djbRepair.js"; | 82 | import { addRepairRecord } from "@/api/djbRepair.js"; |
87 | 83 | ||
88 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | 84 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; |
89 | export default { | 85 | export default { |
90 | components: { | 86 | components: { |
91 | selectBdc, | 87 | selectBdc, |
92 | NoticeBar, | 88 | NoticeBar, |
93 | ProcessViewer, | 89 | ProcessViewer, |
94 | ordinaryMenu, | 90 | ordinaryMenu, |
95 | qllxDailog, | 91 | qllxDailog, |
96 | }, | ||
97 | mixins: [WorkFlow], | ||
98 | data() { | ||
99 | return { | ||
100 | bsmSlsq: this.$route.query.bsmSlsq, | ||
101 | bestepid: this.$route.query.bestepid, | ||
102 | //设置那个表单选中 | ||
103 | tabName: "", | ||
104 | // 弹框显示 | ||
105 | dialogVisible: true, | ||
106 | isEdit:false, | ||
107 | //表单集合 | ||
108 | tabList: [], | ||
109 | type: "READ_ONLY", | ||
110 | //选择加载哪一个组件 | ||
111 | componentTag: "", | ||
112 | //设置表单传递数据 | ||
113 | currentSelectProps: {}, | ||
114 | // 首次拿到的业务信息 | ||
115 | oneSelectProps: {}, | ||
116 | //材料信息选择卡索引 | ||
117 | oneget: true, | ||
118 | //页面监听时间 | ||
119 | _beforeUnload_time: "", | ||
120 | treedata: {}, | ||
121 | bsmRepair:"", | ||
122 | tabdata: [], | ||
123 | defaultNode: {}, | ||
124 | ableOperation:false | ||
125 | }; | ||
126 | }, | ||
127 | mounted() { | ||
128 | // this.getleftMenubl() | ||
129 | }, | ||
130 | |||
131 | methods: { | ||
132 | stepForm(qllx) { | ||
133 | this.oneSelectProps.qllx = qllx; | ||
134 | if (this.$refs.Menu.supplementarylist.length) { | ||
135 | this.oneSelectProps.type = this.type | ||
136 | getBlYbxStepFormInfo(this.oneSelectProps).then((res) => { | ||
137 | this.$nextTick(function () { | ||
138 | this.tabList = res.result; | ||
139 | this.tabName = this.tabList[0].value; | ||
140 | console.log("是否只读",this.tabList[0].ableOperation); | ||
141 | this.ableOperation=this.tabList[0].ableOperation | ||
142 | this.getFromRouter(this.tabName); | ||
143 | }); | ||
144 | }); | ||
145 | } | ||
146 | }, | 92 | }, |
147 | // 获取右侧选项卡 | 93 | mixins: [WorkFlow], |
148 | getCurrentSelectProps(val) { | 94 | data () { |
149 | this.bsmRepair= val.bsmRepair | 95 | return { |
150 | if (val.bdcdyid) { | 96 | bsmSlsq: this.$route.query.bsmSlsq, |
151 | this.oneSelectProps = val; | 97 | bestepid: this.$route.query.bestepid, |
152 | } | 98 | bsmBusiness: this.$route.query.bsmBusiness, |
153 | this.currentSelectProps = val; | 99 | //设置那个表单选中 |
154 | if (this.currentSelectProps.bsmRepair) { | 100 | tabName: "", |
155 | this.stepForm(this.currentSelectProps.qllx); | 101 | // 弹框显示 |
156 | } else if (!this.oneget) { | 102 | dialogVisible: true, |
157 | this.getdjblist(); | 103 | isEdit: false, |
158 | } | 104 | //表单集合 |
159 | if (this.oneget) { | 105 | tabList: [], |
160 | this.oneget = false; | 106 | type: "READ_ONLY", |
161 | this.stepForm(this.currentSelectProps.qllx); | 107 | //选择加载哪一个组件 |
162 | } | 108 | componentTag: "", |
109 | //设置表单传递数据 | ||
110 | currentSelectProps: {}, | ||
111 | // 首次拿到的业务信息 | ||
112 | oneSelectProps: {}, | ||
113 | //材料信息选择卡索引 | ||
114 | oneget: true, | ||
115 | //页面监听时间 | ||
116 | _beforeUnload_time: "", | ||
117 | treedata: {}, | ||
118 | bsmRepair: "", | ||
119 | tabdata: [], | ||
120 | defaultNode: {}, | ||
121 | ableOperation: false | ||
122 | }; | ||
123 | }, | ||
124 | mounted () { | ||
125 | // this.getleftMenubl() | ||
163 | }, | 126 | }, |
164 | // 获取渲染登记簿列表 | 127 | |
165 | getdjblist() { | 128 | methods: { |
166 | getBdcqljqtsx({ | 129 | stepForm (qllx) { |
167 | bdcdyid: this.currentSelectProps.bdcdyid, | 130 | this.oneSelectProps.qllx = qllx; |
168 | bdcdyh: this.currentSelectProps.bdcdyh, | 131 | if (this.$refs.Menu.supplementarylist.length) { |
169 | }).then((res) => { | 132 | this.oneSelectProps.type = this.type |
170 | if (res.code === 200) { | 133 | getBlYbxStepFormInfo(this.oneSelectProps).then((res) => { |
171 | this.treedata = loadTreeData(res.result, this.bdcdyh); | 134 | this.$nextTick(function () { |
172 | this.$nextTick(function () { | 135 | this.tabList = res.result; |
173 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | 136 | this.tabName = this.tabList[0].value; |
174 | linShi: 0, | 137 | console.log("是否只读", this.tabList[0].ableOperation); |
175 | xianShi: 0, | 138 | this.ableOperation = this.tabList[0].ableOperation |
176 | liShi: 0, | 139 | this.getFromRouter(this.tabName); |
177 | }); | 140 | }); |
178 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
179 | }); | 141 | }); |
180 | let settree = JSON.parse(JSON.stringify(this.treedata)); | ||
181 | this.tabdata = [ | ||
182 | ...settree, | ||
183 | ...settree[1].children[0].children[0].children, | ||
184 | ]; | ||
185 | this.tabdata.forEach((item, index, arr) => { | ||
186 | arr[index].name = item.label; | ||
187 | arr[index].value = item.id; | ||
188 | }); | ||
189 | this.tabList = this.tabdata; | ||
190 | } | 142 | } |
191 | }); | 143 | }, |
192 | }, | 144 | // 获取右侧选项卡 |
193 | //右侧表单选项卡事件 | 145 | getCurrentSelectProps (val) { |
194 | beforeLeave(activeName) { | 146 | this.bsmRepair = val.bsmRepair |
195 | if (activeName && activeName != 0) this.getFromRouter(activeName); | 147 | if (val.bdcdyid) { |
196 | }, | 148 | this.oneSelectProps = val; |
197 | //切换选项卡内容组件 | 149 | } |
198 | getFromRouter(tabname) { | 150 | this.currentSelectProps = val; |
199 | this.componentTag = getForm(tabname); | 151 | if (this.currentSelectProps.bsmRepair) { |
200 | }, | 152 | this.stepForm(this.currentSelectProps.qllx); |
201 | closefp() { | 153 | } else if (!this.oneget) { |
202 | this.splitScreen = this.splitScreen ? false : true; | 154 | this.getdjblist(); |
203 | this.$store.dispatch("app/set1tScreen", this.splitScreen); | 155 | } |
204 | this.getFromRouter(this.tabList[0].value); | 156 | if (this.oneget) { |
205 | this.clxxForm = getForm(this.tabList[1].value); | 157 | this.oneget = false; |
206 | }, | 158 | this.stepForm(this.currentSelectProps.qllx); |
207 | // 增加补录记录 | ||
208 | addRepairRecord(row, del) { | ||
209 | let from = { | ||
210 | bsmQlxx: "", | ||
211 | bsmSlsq: this.bsmSlsq, | ||
212 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
213 | operate: "C", | ||
214 | qllx: "", | ||
215 | }; | ||
216 | if (row) { | ||
217 | from.bsmQlxx = row.bsmQlxx; | ||
218 | if (del) { | ||
219 | from.operate = del; | ||
220 | } else { | ||
221 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
222 | } | 159 | } |
223 | from.qllx = row.qllx; | 160 | }, |
224 | } | 161 | // 获取渲染登记簿列表 |
225 | addRepairRecord(from) | 162 | getdjblist () { |
226 | .then((res) => { | 163 | getBdcqljqtsx({ |
227 | if (res.code == "200") { | 164 | bdcdyid: this.currentSelectProps.bdcdyid, |
228 | this.$refs.qllxlist.dialogVisible = false; | 165 | bdcdyh: this.currentSelectProps.bdcdyh, |
229 | this.$nextTick(() => { | 166 | }).then((res) => { |
230 | this.$refs.Menu.getleftMenubl(res.result); | 167 | if (res.code === 200) { |
231 | this.$message({ | 168 | this.treedata = loadTreeData(res.result, this.bdcdyh); |
232 | type: "success", | 169 | this.$nextTick(function () { |
233 | message: "补录成功!", | 170 | this.defaultNode = getNode(this.currentSelectProps.qllx, { |
171 | linShi: 0, | ||
172 | xianShi: 0, | ||
173 | liShi: 0, | ||
234 | }); | 174 | }); |
175 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
235 | }); | 176 | }); |
236 | } else { | 177 | let settree = JSON.parse(JSON.stringify(this.treedata)); |
237 | this.$alert(res.message, "提示", { | 178 | this.tabdata = [ |
238 | confirmButtonText: "确定", | 179 | ...settree, |
239 | type: "warning", | 180 | ...settree[1].children[0].children[0].children, |
181 | ]; | ||
182 | this.tabdata.forEach((item, index, arr) => { | ||
183 | arr[index].name = item.label; | ||
184 | arr[index].value = item.id; | ||
240 | }); | 185 | }); |
186 | this.tabList = this.tabdata; | ||
241 | } | 187 | } |
242 | }) | ||
243 | .catch((res) => { | ||
244 | console.log("错", res); | ||
245 | }); | 188 | }); |
189 | }, | ||
190 | //右侧表单选项卡事件 | ||
191 | beforeLeave (activeName) { | ||
192 | if (activeName && activeName != 0) this.getFromRouter(activeName); | ||
193 | }, | ||
194 | //切换选项卡内容组件 | ||
195 | getFromRouter (tabname) { | ||
196 | this.componentTag = getForm(tabname); | ||
197 | }, | ||
198 | closefp () { | ||
199 | this.splitScreen = this.splitScreen ? false : true; | ||
200 | this.$store.dispatch("app/set1tScreen", this.splitScreen); | ||
201 | this.getFromRouter(this.tabList[0].value); | ||
202 | this.clxxForm = getForm(this.tabList[1].value); | ||
203 | }, | ||
204 | // 增加补录记录 | ||
205 | addRepairRecord (row, del) { | ||
206 | let from = { | ||
207 | bsmQlxx: "", | ||
208 | bsmSlsq: this.bsmSlsq, | ||
209 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
210 | operate: "C", | ||
211 | qllx: "", | ||
212 | }; | ||
213 | if (row) { | ||
214 | from.bsmQlxx = row.bsmQlxx; | ||
215 | if (del) { | ||
216 | from.operate = del; | ||
217 | } else { | ||
218 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
219 | } | ||
220 | from.qllx = row.qllx; | ||
221 | } | ||
222 | addRepairRecord(from) | ||
223 | .then((res) => { | ||
224 | if (res.code == "200") { | ||
225 | this.$refs.qllxlist.dialogVisible = false; | ||
226 | this.$nextTick(() => { | ||
227 | this.$refs.Menu.getleftMenubl(res.result); | ||
228 | this.$message({ | ||
229 | type: "success", | ||
230 | message: "补录成功!", | ||
231 | }); | ||
232 | }); | ||
233 | } else { | ||
234 | this.$alert(res.message, "提示", { | ||
235 | confirmButtonText: "确定", | ||
236 | type: "warning", | ||
237 | }); | ||
238 | } | ||
239 | }) | ||
240 | .catch((res) => { | ||
241 | console.log("错", res); | ||
242 | }); | ||
243 | }, | ||
246 | }, | 244 | }, |
247 | }, | 245 | }; |
248 | }; | ||
249 | </script> | 246 | </script> |
250 | <style scoped lang="scss"></style> | 247 | <style scoped lang="scss"></style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-11 10:26:50 | 4 | * @LastEditTime: 2023-07-17 13:51:03 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -168,5 +168,11 @@ | ... | @@ -168,5 +168,11 @@ |
168 | } | 168 | } |
169 | } | 169 | } |
170 | </script> | 170 | </script> |
171 | <style scoped lang='scss'> | ||
172 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
171 | <style scoped lang="scss"> | ||
172 | /deep/.el-table th { | ||
173 | height: 30px !important; | ||
174 | } | ||
175 | /deep/.el-table--small .el-table__cell { | ||
176 | padding: 5px; | ||
177 | } | ||
178 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-17 10:40:48 | 4 | * @LastEditTime: 2023-07-17 13:51:29 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> | 7 | <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> |
... | @@ -57,7 +57,7 @@ | ... | @@ -57,7 +57,7 @@ |
57 | prop: "qlrmc", | 57 | prop: "qlrmc", |
58 | label: "被执行人" | 58 | label: "被执行人" |
59 | }, | 59 | }, |
60 | { | 60 | { |
61 | prop: "bdcqzh", | 61 | prop: "bdcqzh", |
62 | label: "不动产权证号" | 62 | label: "不动产权证号" |
63 | }, | 63 | }, |
... | @@ -65,7 +65,7 @@ | ... | @@ -65,7 +65,7 @@ |
65 | prop: "bdcdyh", | 65 | prop: "bdcdyh", |
66 | label: "不动产单元号" | 66 | label: "不动产单元号" |
67 | }, | 67 | }, |
68 | { | 68 | { |
69 | prop: "qlxzmc", | 69 | prop: "qlxzmc", |
70 | label: "权利性质" | 70 | label: "权利性质" |
71 | }, | 71 | }, |
... | @@ -127,4 +127,10 @@ | ... | @@ -127,4 +127,10 @@ |
127 | } | 127 | } |
128 | </script> | 128 | </script> |
129 | <style scoped lang='scss'> | 129 | <style scoped lang='scss'> |
130 | /deep/.el-table th { | ||
131 | height: 30px !important; | ||
132 | } | ||
133 | /deep/.el-table--small .el-table__cell { | ||
134 | padding: 5px; | ||
135 | } | ||
130 | </style> | 136 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-09 09:20:10 | 4 | * @LastEditTime: 2023-07-18 08:55:31 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" | 7 | <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" |
8 | :isFullscreen="false"> | 8 | :isFullscreen="false"> |
9 | <el-form :model="ruleForm" ref="ruleForm" label-width="70px"> | 9 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px"> |
10 | <el-row> | 10 | <el-row> |
11 | <el-col :span="24"> | 11 | <el-col :span="24"> |
12 | <el-form-item label="材料类型"> | 12 | <el-form-item label="材料类型" prop="cllx"> |
13 | <el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择"> | 13 | <el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择"> |
14 | <el-option v-for="item in dictData['A40']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 14 | <el-option v-for="item in dictData['A40']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
15 | </el-option> | 15 | </el-option> |
... | @@ -19,7 +19,7 @@ | ... | @@ -19,7 +19,7 @@ |
19 | </el-row> | 19 | </el-row> |
20 | <el-row :gutter="20"> | 20 | <el-row :gutter="20"> |
21 | <el-col :span="24"> | 21 | <el-col :span="24"> |
22 | <el-form-item label="材料名称"> | 22 | <el-form-item label="材料名称" prop="clmc"> |
23 | <el-input v-model="ruleForm.clmc"></el-input> | 23 | <el-input v-model="ruleForm.clmc"></el-input> |
24 | </el-form-item> | 24 | </el-form-item> |
25 | </el-col> | 25 | </el-col> |
... | @@ -41,7 +41,15 @@ | ... | @@ -41,7 +41,15 @@ |
41 | cllx: "", | 41 | cllx: "", |
42 | clmc: "", | 42 | clmc: "", |
43 | }, | 43 | }, |
44 | }; | 44 | rules: { |
45 | cllx: [ | ||
46 | { required: true, message: '请选择材料类型', trigger: 'change' } | ||
47 | ], | ||
48 | clmc: [ | ||
49 | { required: true, message: '请输入材料名称', trigger: 'blur' } | ||
50 | ] | ||
51 | } | ||
52 | } | ||
45 | }, | 53 | }, |
46 | computed: { | 54 | computed: { |
47 | ...mapGetters(["dictData"]), | 55 | ...mapGetters(["dictData"]), |
... | @@ -60,14 +68,21 @@ | ... | @@ -60,14 +68,21 @@ |
60 | } | 68 | } |
61 | }, | 69 | }, |
62 | handleSubmit () { | 70 | handleSubmit () { |
63 | this.$parent.addSave(this.ruleForm); | 71 | debugger |
64 | this.ruleForm = { | 72 | this.$refs['ruleForm'].validate((valid) => { |
65 | cllx: "", | 73 | if (valid) { |
66 | clmc: "", | 74 | this.$parent.addSave(this.ruleForm); |
67 | } | 75 | this.ruleForm = { |
68 | this.$emit("input", false); | 76 | cllx: "", |
69 | }, | 77 | clmc: "", |
70 | }, | 78 | } |
79 | this.$emit("input", false); | ||
80 | } else { | ||
81 | return false; | ||
82 | } | ||
83 | }) | ||
84 | } | ||
85 | } | ||
71 | }; | 86 | }; |
72 | </script> | 87 | </script> |
73 | <style scoped lang="scss"> | 88 | <style scoped lang="scss"> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-25 10:42:50 | 4 | * @LastEditTime: 2023-07-17 16:20:37 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
... | @@ -39,157 +39,160 @@ | ... | @@ -39,157 +39,160 @@ |
39 | </div> | 39 | </div> |
40 | </template> | 40 | </template> |
41 | <script> | 41 | <script> |
42 | import { mapGetters } from 'vuex' | 42 | import { mapGetters } from 'vuex' |
43 | import { leftMenu, deleteSlbdcdy } from "@/api/workFlow.js" | 43 | import { leftMenu, deleteSlbdcdy } from "@/api/workFlow.js" |
44 | export default { | 44 | export default { |
45 | data () { | 45 | data () { |
46 | return { | 46 | return { |
47 | //受理申请标识码 | 47 | //受理申请标识码 |
48 | bsmSlsq: this.$route.query.bsmSlsq, | 48 | bsmSlsq: this.$route.query.bsmSlsq, |
49 | //当前流程所在环节 | 49 | //当前流程所在环节 |
50 | bestepid: this.$route.query.bestepid, | 50 | bestepid: this.$route.query.bestepid, |
51 | // 默认选中 | 51 | // 默认选中 |
52 | activeIndex: '0', | 52 | activeIndex: '0', |
53 | // 折叠 | 53 | // 折叠 |
54 | isShowdrawer: true, | 54 | isShowdrawer: true, |
55 | // 批量操作 | 55 | // 批量操作 |
56 | showBatch: false, | 56 | showBatch: false, |
57 | //批量操作按钮名称 | 57 | //批量操作按钮名称 |
58 | batchButtonName: '', | 58 | batchButtonName: '', |
59 | //左侧菜单数据集合 | 59 | //左侧菜单数据集合 |
60 | unitData: [], | 60 | unitData: [], |
61 | // 设置表单传递数据 | 61 | // 设置表单传递数据 |
62 | currentSelectProps: {} | 62 | currentSelectProps: {} |
63 | } | 63 | } |
64 | }, | ||
65 | mounted () { | ||
66 | this.loadBdcdylist(); | ||
67 | }, | ||
68 | computed: { | ||
69 | ...mapGetters(['isRefresh']) | ||
70 | }, | ||
71 | watch: { | ||
72 | isRefresh: { | ||
73 | handler (newVal, oldVal) { | ||
74 | if (newVal) this.loadBdcdylist() | ||
75 | }, | ||
76 | immediate: true | ||
77 | } | ||
78 | }, | ||
79 | methods: { | ||
80 | //读取申请单元信息 | ||
81 | loadBdcdylist () { | ||
82 | var formdata = new FormData(); | ||
83 | formdata.append("bsmSlsq", this.bsmSlsq); | ||
84 | formdata.append("bestepid", this.bestepid); | ||
85 | leftMenu(formdata).then((res) => { | ||
86 | if (res.code === 200 && res.result) { | ||
87 | this.unitData = res.result; | ||
88 | this.currentSelectProps = res.result[0]; | ||
89 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | ||
90 | this.judgeBatchShow(); | ||
91 | if (this.showBatch) { | ||
92 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | ||
93 | this.batchUnitClick(); | ||
94 | } else { | ||
95 | //默认选择单元列表第一个 | ||
96 | this.unitClick(0); | ||
97 | } | ||
98 | } | ||
99 | }) | ||
100 | }, | 64 | }, |
101 | //批量按钮判断 | 65 | mounted () { |
102 | judgeBatchShow () { | 66 | this.loadBdcdylist(); |
103 | this.showBatch = false; | 67 | }, |
104 | if (this.unitData.length > 1) { | 68 | computed: { |
105 | let qllx = this.$route.query?.sqywbm?.substring(0, 3); | 69 | ...mapGetters(['isRefresh']) |
106 | switch (qllx) { | 70 | }, |
107 | case 'A04': | 71 | watch: { |
108 | this.showBatch = true; | 72 | isRefresh: { |
109 | this.batchButtonName = '房屋批量操作'; | 73 | handler (newVal, oldVal) { |
110 | break; | 74 | if (newVal) this.loadBdcdylist() |
111 | case 'B39': | 75 | }, |
112 | this.showBatch = true; | 76 | immediate: true |
113 | this.batchButtonName = '查封批量操作'; | ||
114 | break; | ||
115 | case 'A37': | ||
116 | this.showBatch = true; | ||
117 | this.batchButtonName = '抵押批量操作'; | ||
118 | break; | ||
119 | case 'B37': | ||
120 | this.showBatch = true; | ||
121 | this.batchButtonName = '在建工程抵押批量操作'; | ||
122 | break; | ||
123 | } | ||
124 | } | 77 | } |
125 | }, | 78 | }, |
126 | /** | 79 | methods: { |
127 | * @description: 删除左侧列表 | 80 | //读取申请单元信息 |
128 | * @param {*} item | 81 | loadBdcdylist () { |
129 | * @author: renchao | 82 | var formdata = new FormData(); |
130 | */ | 83 | formdata.append("bsmSlsq", this.bsmSlsq); |
131 | handleDel (item) { | 84 | formdata.append("bestepid", this.bestepid); |
132 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 85 | if (this.$route.query.bsmBusiness) { |
133 | confirmButtonText: "确定", | 86 | formdata.append("bsmBusiness", this.$route.query.bsmBusiness); |
134 | cancelButtonText: "取消", | 87 | } |
135 | type: "warning", | 88 | leftMenu(formdata).then((res) => { |
136 | }) | 89 | if (res.code === 200 && res.result) { |
137 | .then(() => { | 90 | this.unitData = res.result; |
138 | var formdata = new FormData(); | 91 | this.currentSelectProps = res.result[0]; |
139 | formdata.append("bsmSldyList", item.bsmSldy.split(",")); | 92 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
140 | // formdata.append("bsmSlsq", this.bsmSlsq); | 93 | this.judgeBatchShow(); |
141 | deleteSlbdcdy(formdata).then((res) => { | 94 | if (this.showBatch) { |
142 | if (res.code == 200) { | 95 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 |
143 | this.$message.success("删除成功"); | 96 | this.batchUnitClick(); |
144 | /** | ||
145 | * @description: 更新列表 | ||
146 | * @author: miaofang | ||
147 | */ | ||
148 | this.loadBdcdylist() | ||
149 | // this.$parent.updateDialog(); | ||
150 | } else { | 97 | } else { |
151 | this.$message.error(res.message); | 98 | //默认选择单元列表第一个 |
99 | this.unitClick(0); | ||
152 | } | 100 | } |
153 | }); | 101 | } |
154 | }) | 102 | }) |
155 | .catch(() => { | 103 | }, |
156 | this.$message({ | 104 | //批量按钮判断 |
157 | type: "info", | 105 | judgeBatchShow () { |
158 | message: "已取消删除", | 106 | this.showBatch = false; |
107 | if (this.unitData.length > 1) { | ||
108 | let qllx = this.$route.query?.sqywbm?.substring(0, 3); | ||
109 | switch (qllx) { | ||
110 | case 'A04': | ||
111 | this.showBatch = true; | ||
112 | this.batchButtonName = '房屋批量操作'; | ||
113 | break; | ||
114 | case 'B39': | ||
115 | this.showBatch = true; | ||
116 | this.batchButtonName = '查封批量操作'; | ||
117 | break; | ||
118 | case 'A37': | ||
119 | this.showBatch = true; | ||
120 | this.batchButtonName = '抵押批量操作'; | ||
121 | break; | ||
122 | case 'B37': | ||
123 | this.showBatch = true; | ||
124 | this.batchButtonName = '在建工程抵押批量操作'; | ||
125 | break; | ||
126 | } | ||
127 | } | ||
128 | }, | ||
129 | /** | ||
130 | * @description: 删除左侧列表 | ||
131 | * @param {*} item | ||
132 | * @author: renchao | ||
133 | */ | ||
134 | handleDel (item) { | ||
135 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | ||
136 | confirmButtonText: "确定", | ||
137 | cancelButtonText: "取消", | ||
138 | type: "warning", | ||
139 | }) | ||
140 | .then(() => { | ||
141 | var formdata = new FormData(); | ||
142 | formdata.append("bsmSldyList", item.bsmSldy.split(",")); | ||
143 | // formdata.append("bsmSlsq", this.bsmSlsq); | ||
144 | deleteSlbdcdy(formdata).then((res) => { | ||
145 | if (res.code == 200) { | ||
146 | this.$message.success("删除成功"); | ||
147 | /** | ||
148 | * @description: 更新列表 | ||
149 | * @author: miaofang | ||
150 | */ | ||
151 | this.loadBdcdylist() | ||
152 | // this.$parent.updateDialog(); | ||
153 | } else { | ||
154 | this.$message.error(res.message); | ||
155 | } | ||
156 | }); | ||
157 | }) | ||
158 | .catch(() => { | ||
159 | this.$message({ | ||
160 | type: "info", | ||
161 | message: "已取消删除", | ||
162 | }); | ||
159 | }); | 163 | }); |
160 | }); | 164 | }, |
161 | }, | 165 | //批量按钮点击事件 |
162 | //批量按钮点击事件 | 166 | batchUnitClick () { |
163 | batchUnitClick () { | 167 | this.currentSelectProps.batchOperation = true; |
164 | this.currentSelectProps.batchOperation = true; | 168 | this.activeIndex = "-1"; |
165 | this.activeIndex = "-1"; | 169 | this.$parent.stepForm(); |
166 | this.$parent.stepForm(); | ||
167 | 170 | ||
168 | }, | 171 | }, |
169 | //批量操作 | 172 | //批量操作 |
170 | handleBatchDel () { | 173 | handleBatchDel () { |
171 | this.$popupDialog("批量删除", "workflow/components/batchDel", { | 174 | this.$popupDialog("批量删除", "workflow/components/batchDel", { |
172 | bsmSlsq: this.bsmSlsq, | 175 | bsmSlsq: this.bsmSlsq, |
173 | dataList: this.unitData, | 176 | dataList: this.unitData, |
174 | }, '50%', true) | 177 | }, '50%', true) |
175 | }, | 178 | }, |
176 | //申请单元点击事件 | 179 | //申请单元点击事件 |
177 | unitClick (index) { | 180 | unitClick (index) { |
178 | this.currentSelectProps = this.unitData[index]; | 181 | this.currentSelectProps = this.unitData[index]; |
179 | this.currentSelectProps.batchOperation = false; | 182 | this.currentSelectProps.batchOperation = false; |
180 | this.activeIndex = index.toString(); | 183 | this.activeIndex = index.toString(); |
181 | //选中表单传递数据 | 184 | //选中表单传递数据 |
182 | this.$emit('getCurrentSelectProps', this.currentSelectProps); | 185 | this.$emit('getCurrentSelectProps', this.currentSelectProps); |
183 | this.$parent.stepForm(index); | 186 | this.$parent.stepForm(index); |
184 | this.$store.dispatch('user/refreshPage', false); | 187 | this.$store.dispatch('user/refreshPage', false); |
188 | } | ||
185 | } | 189 | } |
186 | } | 190 | } |
187 | } | ||
188 | </script> | 191 | </script> |
189 | <style scoped lang='scss'> | 192 | <style scoped lang='scss'> |
190 | @import "~@/styles/mixin.scss"; | 193 | @import "~@/styles/mixin.scss"; |
191 | @import "../../workFrame.scss"; | 194 | @import "../../workFrame.scss"; |
192 | .leftmenu ul { | 195 | .leftmenu ul { |
193 | height: calc(100vh - 120px); | 196 | height: calc(100vh - 120px); |
194 | } | 197 | } |
195 | </style> | 198 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: workFrame左侧菜单列表-分割 | 2 | * @Description: workFrame左侧菜单列表-分割 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-25 10:18:02 | 4 | * @LastEditTime: 2023-07-17 16:21:24 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
... | @@ -99,6 +99,9 @@ | ... | @@ -99,6 +99,9 @@ |
99 | var formdata = new FormData(); | 99 | var formdata = new FormData(); |
100 | formdata.append("bsmSlsq", this.bsmSlsq); | 100 | formdata.append("bsmSlsq", this.bsmSlsq); |
101 | formdata.append("bestepid", this.bestepid); | 101 | formdata.append("bestepid", this.bestepid); |
102 | if (this.$route.query.bsmBusiness) { | ||
103 | formdata.append("bsmBusiness", this.$route.query.bsmBusiness); | ||
104 | } | ||
102 | leftMenu(formdata).then((res) => { | 105 | leftMenu(formdata).then((res) => { |
103 | if (res.code === 200 && res.result) { | 106 | if (res.code === 200 && res.result) { |
104 | this.aroundUnitData = res.result.filter(item => item.bglx == '1') | 107 | this.aroundUnitData = res.result.filter(item => item.bglx == '1') | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-17 10:40:48 | 4 | * @LastEditTime: 2023-07-17 13:50:53 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> | 7 | <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> |
... | @@ -53,30 +53,30 @@ | ... | @@ -53,30 +53,30 @@ |
53 | // prop: "bdcdyh", | 53 | // prop: "bdcdyh", |
54 | // label: "不动产单元号" | 54 | // label: "不动产单元号" |
55 | // }, | 55 | // }, |
56 | { | 56 | { |
57 | prop: "zl", | 57 | prop: "zl", |
58 | label: "坐落" | 58 | label: "坐落" |
59 | }, | 59 | }, |
60 | { | 60 | { |
61 | prop: "shbw", | 61 | prop: "shbw", |
62 | label: "室号部位" | 62 | label: "室号部位" |
63 | }, | 63 | }, |
64 | { | 64 | { |
65 | prop: "fwxzmc", | 65 | prop: "fwxzmc", |
66 | label: "房屋性质" | 66 | label: "房屋性质" |
67 | }, | 67 | }, |
68 | { | 68 | { |
69 | prop: "jzmj", | 69 | prop: "jzmj", |
70 | label: "建筑面积" | 70 | label: "建筑面积" |
71 | }, | 71 | }, |
72 | { | 72 | { |
73 | prop: "showfwyt", | 73 | prop: "showfwyt", |
74 | label: "房屋用途" | 74 | label: "房屋用途" |
75 | }, | 75 | }, |
76 | { | 76 | { |
77 | prop: "showfwjg", | 77 | prop: "showfwjg", |
78 | label: "房屋结构" | 78 | label: "房屋结构" |
79 | }, | 79 | }, |
80 | ], | 80 | ], |
81 | column: this.qlrCommonTable | 81 | column: this.qlrCommonTable |
82 | } | 82 | } |
... | @@ -116,5 +116,12 @@ | ... | @@ -116,5 +116,12 @@ |
116 | } | 116 | } |
117 | } | 117 | } |
118 | </script> | 118 | </script> |
119 | <style scoped lang='scss'> | 119 | <style scoped lang="scss"> |
120 | /deep/.el-table th { | ||
121 | height: 30px !important; | ||
122 | } | ||
123 | /deep/.el-table--small .el-table__cell { | ||
124 | padding: 5px; | ||
125 | } | ||
120 | </style> | 126 | </style> |
127 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-17 10:41:35 | 4 | * @LastEditTime: 2023-07-17 13:51:09 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData"> | 7 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData"> |
... | @@ -158,5 +158,11 @@ | ... | @@ -158,5 +158,11 @@ |
158 | } | 158 | } |
159 | } | 159 | } |
160 | </script> | 160 | </script> |
161 | <style scoped lang='scss'> | ||
162 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
161 | <style scoped lang="scss"> | ||
162 | /deep/.el-table th { | ||
163 | height: 30px !important; | ||
164 | } | ||
165 | /deep/.el-table--small .el-table__cell { | ||
166 | padding: 5px; | ||
167 | } | ||
168 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-11 09:14:44 | 4 | * @LastEditTime: 2023-07-17 13:52:47 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div> | 7 | <div> |
... | @@ -14,15 +14,13 @@ | ... | @@ -14,15 +14,13 @@ |
14 | :heightNumSetting="true" | 14 | :heightNumSetting="true" |
15 | :minHeight="150" | 15 | :minHeight="150" |
16 | height="150" | 16 | height="150" |
17 | style="width: 100%" | 17 | style="width: 100%"> |
18 | > | ||
19 | <el-table-column prop="index" width="50" :render-header="renderHeader"> | 18 | <el-table-column prop="index" width="50" :render-header="renderHeader"> |
20 | <template slot-scope="scope"> | 19 | <template slot-scope="scope"> |
21 | <i | 20 | <i |
22 | class="el-icon-minus pointer" | 21 | class="el-icon-minus pointer" |
23 | @click="deleClick(scope.$index, scope.row)" | 22 | @click="deleClick(scope.$index, scope.row)" |
24 | v-if="ableOperation" | 23 | v-if="ableOperation"></i> |
25 | ></i> | ||
26 | <div style="text-align: center" v-else> | 24 | <div style="text-align: center" v-else> |
27 | {{ scope.$index + 1 }} | 25 | {{ scope.$index + 1 }} |
28 | </div> | 26 | </div> |
... | @@ -39,8 +37,7 @@ | ... | @@ -39,8 +37,7 @@ |
39 | :normalizer="normalizer" | 37 | :normalizer="normalizer" |
40 | :appendToBody="true" | 38 | :appendToBody="true" |
41 | z-index="9999" | 39 | z-index="9999" |
42 | @input="addrow(scope.row)" | 40 | @input="addrow(scope.row)" /> |
43 | /> | ||
44 | </template> | 41 | </template> |
45 | </el-table-column> | 42 | </el-table-column> |
46 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> | 43 | <el-table-column prop="qssj" label="土地使用起始时间" min-width="100"> |
... | @@ -48,13 +45,12 @@ | ... | @@ -48,13 +45,12 @@ |
48 | <el-date-picker | 45 | <el-date-picker |
49 | v-model="scope.row.qssj" | 46 | v-model="scope.row.qssj" |
50 | type="date" | 47 | type="date" |
51 | :disabled="!ableOperation" | 48 | :disabled="!ableOperation" |
52 | :picker-options="scope.row.pickerStart" | 49 | :picker-options="scope.row.pickerStart" |
53 | placeholder="选择日期" | 50 | placeholder="选择日期" |
54 | value-format="yyyy-MM-dd HH:mm:ss" | 51 | value-format="yyyy-MM-dd HH:mm:ss" |
55 | format="yyyy-MM-dd" | 52 | format="yyyy-MM-dd" |
56 | @input="startTime(scope.$index)" | 53 | @input="startTime(scope.$index)"> |
57 | > | ||
58 | </el-date-picker> | 54 | </el-date-picker> |
59 | </template> | 55 | </template> |
60 | </el-table-column> | 56 | </el-table-column> |
... | @@ -63,13 +59,12 @@ | ... | @@ -63,13 +59,12 @@ |
63 | <el-date-picker | 59 | <el-date-picker |
64 | v-model="scope.row.jssj" | 60 | v-model="scope.row.jssj" |
65 | type="date" | 61 | type="date" |
66 | :disabled="!ableOperation" | 62 | :disabled="!ableOperation" |
67 | :picker-options="scope.row.pickerEnd" | 63 | :picker-options="scope.row.pickerEnd" |
68 | placeholder="选择日期" | 64 | placeholder="选择日期" |
69 | value-format="yyyy-MM-dd HH:mm:ss" | 65 | value-format="yyyy-MM-dd HH:mm:ss" |
70 | format="yyyy-MM-dd" | 66 | format="yyyy-MM-dd" |
71 | @input="endTime(scope.$index)" | 67 | @input="endTime(scope.$index)"> |
72 | > | ||
73 | </el-date-picker> | 68 | </el-date-picker> |
74 | </template> | 69 | </template> |
75 | </el-table-column> | 70 | </el-table-column> |
... | @@ -77,212 +72,216 @@ | ... | @@ -77,212 +72,216 @@ |
77 | <template slot-scope="scope"> | 72 | <template slot-scope="scope"> |
78 | <el-input | 73 | <el-input |
79 | class="item" | 74 | class="item" |
80 | :disabled="!ableOperation" | 75 | :disabled="!ableOperation" |
81 | v-model="scope.row.syqx" | 76 | v-model="scope.row.syqx" |
82 | placeholder="请输入内容" | 77 | placeholder="请输入内容" |
83 | @input="sumTime(scope.$index,scope.row.syqx)" | 78 | @input="sumTime(scope.$index,scope.row.syqx)"> |
84 | > | 79 | ></el-input> |
85 | ></el-input | ||
86 | > | ||
87 | </template> | 80 | </template> |
88 | </el-table-column> | 81 | </el-table-column> |
89 | </el-table> | 82 | </el-table> |
90 | </div> | 83 | </div> |
91 | </template> | 84 | </template> |
92 | <script> | 85 | <script> |
93 | import { mapGetters } from "vuex"; | 86 | import { mapGetters } from "vuex"; |
94 | export default { | 87 | export default { |
95 | computed: { | 88 | computed: { |
96 | ...mapGetters(["dictData"]), | 89 | ...mapGetters(["dictData"]), |
97 | }, | 90 | }, |
98 | props: { | 91 | props: { |
99 | tableData: { | 92 | tableData: { |
100 | type: Array, | 93 | type: Array, |
101 | default: function () { | 94 | default: function () { |
102 | return []; | 95 | return []; |
96 | }, | ||
97 | }, | ||
98 | ableOperation: { | ||
99 | type: Boolean, | ||
100 | default: true, | ||
103 | }, | 101 | }, |
104 | }, | 102 | }, |
105 | ableOperation: { | 103 | data () { |
106 | type: Boolean, | 104 | return { |
107 | default: true, | 105 | // 键名转换,方法默认是label和children进行树状渲染 |
106 | tdyt: null, | ||
107 | key: 0, | ||
108 | newdata: { | ||
109 | yt: "", | ||
110 | qssj: "", | ||
111 | jssj: "", | ||
112 | syqx: "", | ||
113 | }, | ||
114 | tableDataList: [], | ||
115 | // 起始时间选择范围 | ||
116 | pickerStart: {}, | ||
117 | pickerEnd: {}, | ||
118 | normalizer (node) { | ||
119 | if (node.children == null || node.children == "null") { | ||
120 | delete node.children; | ||
121 | } | ||
122 | return { | ||
123 | id: node.dcode, | ||
124 | label: node.dname, | ||
125 | }; | ||
126 | }, | ||
127 | }; | ||
128 | }, | ||
129 | mounted () { | ||
108 | }, | 130 | }, |
109 | }, | 131 | watch: { |
110 | data() { | 132 | tableData: { |
111 | return { | 133 | handler: function (val, oldVal) { |
112 | // 键名转换,方法默认是label和children进行树状渲染 | 134 | let that = this; |
113 | tdyt: null, | 135 | this.$nextTick(() => { |
114 | key: 0, | 136 | if (val.length == 0 || !val) { |
115 | newdata: { | 137 | that.tableDataList = _.cloneDeep([ |
116 | yt: "", | 138 | { |
117 | qssj: "", | 139 | yt: "", |
118 | jssj: "", | 140 | qssj: "", |
119 | syqx: "", | 141 | jssj: "", |
142 | syqx: "", | ||
143 | }, | ||
144 | ]); | ||
145 | if (that.tableDataList.length > 0) { | ||
146 | this.tdyt = that.tableDataList[0].yt | ||
147 | ? that.tableDataList[0].yt | ||
148 | : null; | ||
149 | } else { | ||
150 | this.tdyt = null; | ||
151 | } | ||
152 | } else { | ||
153 | that.tableDataList = _.cloneDeep(val); | ||
154 | if (that.tableDataList.length > 0) { | ||
155 | this.tdyt = that.tableDataList[0].yt | ||
156 | ? that.tableDataList[0].yt | ||
157 | : null; | ||
158 | } else { | ||
159 | this.tdyt = null; | ||
160 | } | ||
161 | } | ||
162 | }); | ||
163 | }, | ||
164 | immediate: true, | ||
165 | deep: true, | ||
120 | }, | 166 | }, |
121 | tableDataList: [], | 167 | }, |
122 | // 起始时间选择范围 | 168 | methods: { |
123 | pickerStart: {}, | 169 | renderHeader () { |
124 | pickerEnd: {}, | 170 | return ( |
125 | normalizer(node) { | 171 | <div> |
126 | if (node.children == null || node.children == "null") { | 172 | {" "} |
127 | delete node.children; | 173 | {!this.ableOperation ? ( |
128 | } | 174 | "序号" |
129 | return { | 175 | ) : ( |
130 | id: node.dcode, | 176 | <i |
131 | label: node.dname, | 177 | class="el-icon-plus pointer" |
132 | }; | 178 | onClick={() => { |
179 | this.addClick(); | ||
180 | }} | ||
181 | ></i> | ||
182 | )} | ||
183 | </div> | ||
184 | ); | ||
133 | }, | 185 | }, |
134 | }; | 186 | // 修改事件 |
135 | }, | 187 | addrow () { |
136 | mounted () { | 188 | this.tableDataList = this.tableDataList.map((item) => { |
137 | }, | 189 | return { |
138 | watch: { | 190 | ...item, |
139 | tableData: { | 191 | yt: this.tdyt, |
140 | handler: function (val, oldVal) { | 192 | }; |
141 | let that = this; | 193 | }); |
142 | this.$nextTick(() => { | 194 | this.$emit("upDateTdytxxList", this.tableDataList); |
143 | if (val.length == 0 || !val) { | 195 | }, |
144 | that.tableDataList = _.cloneDeep([ | 196 | startTime (index) { |
145 | { | 197 | // let startTime = this.tableDataList[index].tdsyqssj; |
146 | yt: "", | 198 | let endTime = this.tableDataList[index].jssj; |
147 | qssj: "", | 199 | let startTime = this.tableDataList[index].qssj; |
148 | jssj: "", | 200 | this.tableDataList[index].pickerEnd = { |
149 | syqx: "", | 201 | disabledDate: (time) => { |
150 | }, | 202 | if (Object.keys(startTime).length > 0) { |
151 | ]); | 203 | return new Date(startTime).getTime() > time.getTime(); |
152 | if (that.tableDataList.length > 0) { | ||
153 | this.tdyt = that.tableDataList[0].yt | ||
154 | ? that.tableDataList[0].yt | ||
155 | : null; | ||
156 | } else { | 204 | } else { |
157 | this.tdyt = null; | 205 | return time.getTime() < Date.now(); |
158 | } | 206 | } |
159 | } else { | 207 | }, |
160 | that.tableDataList = _.cloneDeep(val); | 208 | }; |
161 | if (that.tableDataList.length > 0) { | 209 | if ( |
162 | this.tdyt = that.tableDataList[0].yt | 210 | Object.keys(startTime).length > 0 && |
163 | ? that.tableDataList[0].yt | 211 | Object.keys(endTime).length > 0 |
164 | : null; | 212 | ) { |
213 | let startYear = new Date(startTime).getFullYear(); | ||
214 | let endYear = new Date(endTime).getFullYear(); | ||
215 | this.tableDataList[index].syqx = endYear - startYear; | ||
216 | } | ||
217 | }, | ||
218 | endTime (index) { | ||
219 | // let startTime = this.tableDataList[index].tdsyqssj; | ||
220 | let startTime = this.tableDataList[index].qssj; | ||
221 | let endTime = this.tableDataList[index].jssj; | ||
222 | this.tableDataList[index].pickerStart = { | ||
223 | disabledDate: (time) => { | ||
224 | if (Object.keys(endTime).length > 0) { | ||
225 | return new Date(endTime).getTime() < time.getTime(); | ||
165 | } else { | 226 | } else { |
166 | this.tdyt = null; | 227 | return time.getTime() > Date.now(); |
167 | } | 228 | } |
168 | } | 229 | }, |
169 | }); | ||
170 | }, | ||
171 | immediate: true, | ||
172 | deep: true, | ||
173 | }, | ||
174 | }, | ||
175 | methods: { | ||
176 | renderHeader() { | ||
177 | return ( | ||
178 | <div> | ||
179 | {" "} | ||
180 | {!this.ableOperation ? ( | ||
181 | "序号" | ||
182 | ) : ( | ||
183 | <i | ||
184 | class="el-icon-plus pointer" | ||
185 | onClick={() => { | ||
186 | this.addClick(); | ||
187 | }} | ||
188 | ></i> | ||
189 | )} | ||
190 | </div> | ||
191 | ); | ||
192 | }, | ||
193 | // 修改事件 | ||
194 | addrow() { | ||
195 | this.tableDataList = this.tableDataList.map((item) => { | ||
196 | return { | ||
197 | ...item, | ||
198 | yt: this.tdyt, | ||
199 | }; | 230 | }; |
200 | }); | ||
201 | this.$emit("upDateTdytxxList", this.tableDataList); | ||
202 | }, | ||
203 | startTime(index) { | ||
204 | // let startTime = this.tableDataList[index].tdsyqssj; | ||
205 | let endTime = this.tableDataList[index].jssj; | ||
206 | let startTime = this.tableDataList[index].qssj; | ||
207 | this.tableDataList[index].pickerEnd= { | ||
208 | disabledDate: (time) => { | ||
209 | if (Object.keys(startTime).length > 0) { | ||
210 | return new Date(startTime).getTime() > time.getTime(); | ||
211 | } else { | ||
212 | return time.getTime() < Date.now(); | ||
213 | } | ||
214 | }, | ||
215 | }; | ||
216 | if ( | 231 | if ( |
217 | Object.keys(startTime).length > 0 && | 232 | Object.keys(startTime).length > 0 && |
218 | Object.keys(endTime).length > 0 | 233 | Object.keys(endTime).length > 0 |
219 | ) { | 234 | ) { |
220 | let startYear = new Date(startTime).getFullYear(); | 235 | let startYear = new Date(startTime).getFullYear(); |
221 | let endYear = new Date(endTime).getFullYear(); | 236 | let endYear = new Date(endTime).getFullYear(); |
222 | this.tableDataList[index].syqx=endYear-startYear; | 237 | this.tableDataList[index].syqx = endYear - startYear; |
223 | } | 238 | } |
224 | }, | 239 | }, |
225 | endTime(index) { | 240 | sumTime (index, syqx) { |
226 | // let startTime = this.tableDataList[index].tdsyqssj; | ||
227 | let startTime = this.tableDataList[index].qssj; | ||
228 | let endTime = this.tableDataList[index].jssj; | ||
229 | this.tableDataList[index].pickerStart = { | ||
230 | disabledDate: (time) => { | ||
231 | if (Object.keys(endTime).length > 0) { | ||
232 | return new Date(endTime).getTime() < time.getTime(); | ||
233 | } else { | ||
234 | return time.getTime() > Date.now(); | ||
235 | } | ||
236 | }, | ||
237 | }; | ||
238 | if ( | ||
239 | Object.keys(startTime).length > 0 && | ||
240 | Object.keys(endTime).length > 0 | ||
241 | ) { | ||
242 | let startYear = new Date(startTime).getFullYear(); | ||
243 | let endYear = new Date(endTime).getFullYear(); | ||
244 | this.tableDataList[index].syqx=endYear-startYear; | ||
245 | } | ||
246 | }, | ||
247 | sumTime(index, syqx) { | ||
248 | 241 | ||
249 | let startTime = this.tableDataList[index].qssj; | 242 | let startTime = this.tableDataList[index].qssj; |
250 | this.tableDataList[index].jssj = | 243 | this.tableDataList[index].jssj = |
251 | Number(startTime.substring(0, 4)) + | 244 | Number(startTime.substring(0, 4)) + |
252 | Number(syqx) + | 245 | Number(syqx) + |
253 | startTime.slice(4, 19); | 246 | startTime.slice(4, 19); |
254 | 247 | ||
255 | }, | 248 | }, |
256 | // 新增 | 249 | // 新增 |
257 | addClick() { | 250 | addClick () { |
258 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); | 251 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata); |
259 | 252 | ||
260 | this.$emit("upDateTdytxxList", this.tableDataList); | 253 | this.$emit("upDateTdytxxList", this.tableDataList); |
261 | }, | 254 | }, |
262 | 255 | ||
263 | // 删除 | 256 | // 删除 |
264 | deleClick(index, row) { | 257 | deleClick (index, row) { |
265 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 258 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
266 | confirmButtonText: "确定", | 259 | confirmButtonText: "确定", |
267 | cancelButtonText: "取消", | 260 | cancelButtonText: "取消", |
268 | type: "warning", | 261 | type: "warning", |
269 | }) | ||
270 | .then(() => { | ||
271 | this.tableData.splice(index, 1); | ||
272 | }) | 262 | }) |
273 | .catch(() => {}); | 263 | .then(() => { |
264 | this.tableData.splice(index, 1); | ||
265 | }) | ||
266 | .catch(() => { }); | ||
267 | }, | ||
274 | }, | 268 | }, |
275 | }, | 269 | }; |
276 | }; | ||
277 | </script> | 270 | </script> |
278 | <style scoped lang="scss"> | 271 | <style scoped lang="scss"> |
279 | .el-input { | 272 | .el-input { |
280 | border: none !important; | 273 | border: none !important; |
281 | } | 274 | } |
282 | /deep/.el-table__row { | 275 | /deep/.el-table__row { |
283 | border: none !important; | 276 | border: none !important; |
284 | } | 277 | } |
285 | .el-date-editor.el-input { | 278 | .el-date-editor.el-input { |
286 | width: 100%; | 279 | width: 100%; |
287 | } | 280 | } |
281 | /deep/.el-table th { | ||
282 | height: 30px !important; | ||
283 | } | ||
284 | /deep/.el-table--small .el-table__cell { | ||
285 | padding: 5px; | ||
286 | } | ||
288 | </style> | 287 | </style> | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 11:06:42 | 4 | * @LastEditTime: 2023-07-17 14:20:17 |
5 | */ | 5 | */ |
6 | import { getPrintTemplateByCode } from "@/api/print"; | 6 | import { getPrintTemplateByCode } from "@/api/print"; |
7 | import { uploadUndo } from "@/api/clxx"; | 7 | import { uploadUndo } from "@/api/clxx"; |
... | @@ -65,7 +65,10 @@ export default { | ... | @@ -65,7 +65,10 @@ export default { |
65 | let that = this; | 65 | let that = this; |
66 | switch (item.value) { | 66 | switch (item.value) { |
67 | case "B0": | 67 | case "B0": |
68 | this.openDialog() | 68 | // this.openDialog() |
69 | this.$alert('此功能正在开发', '提示', { | ||
70 | confirmButtonText: '确定', | ||
71 | }) | ||
69 | break; | 72 | break; |
70 | case "B1": | 73 | case "B1": |
71 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => { | 74 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => { | ... | ... |
... | @@ -47,11 +47,9 @@ | ... | @@ -47,11 +47,9 @@ |
47 | </el-form-item> | 47 | </el-form-item> |
48 | </el-col> | 48 | </el-col> |
49 | </el-row> | 49 | </el-row> |
50 | <div class="slxx_title title-block"> | 50 | <div class="slxx_title title-block flex" style="justify-content: space-between;"> |
51 | 不动产单元情况 | 51 | 不动产单元情况 |
52 | <div> | 52 | <el-button @click="compare">变化情况对比+</el-button> |
53 | <el-button @click="compare">变化情况对比+</el-button> | ||
54 | </div> | ||
55 | </div> | 53 | </div> |
56 | <el-row :gutter="10"> | 54 | <el-row :gutter="10"> |
57 | <el-col :span="8"> | 55 | <el-col :span="8"> |
... | @@ -133,7 +131,7 @@ | ... | @@ -133,7 +131,7 @@ |
133 | </div> | 131 | </div> |
134 | <tdytTable | 132 | <tdytTable |
135 | :tableData="ruleForm.tdytqxList" | 133 | :tableData="ruleForm.tdytqxList" |
136 | :ableOperation="ableOperation" | 134 | :ableOperation="ableOperation" |
137 | @upDateTdytxxList="upDateTdytxxList" /> | 135 | @upDateTdytxxList="upDateTdytxxList" /> |
138 | <div class="slxx_title title-block"> | 136 | <div class="slxx_title title-block"> |
139 | 权利人信息 | 137 | 权利人信息 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 14:47:30 | 4 | * @LastEditTime: 2023-07-17 13:38:49 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
8 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
9 | <div class="from-clues-header"> | 9 | <div class="from-clues-header"> |
10 | <el-form :model="queryForm" ref="queryForm" label-width="100px"> | 10 | <el-form :model="queryForm" ref="queryForm" label-width="90px"> |
11 | <el-row> | 11 | <el-row style="margin-bottom:10px"> |
12 | <el-col :span="8"> | 12 | <el-col :span="5"> |
13 | <el-form-item label="不动产单元号"> | 13 | <el-form-item label="不动产单元号" label-width="110px"> |
14 | <el-input | 14 | <el-input |
15 | placeholder="请输入不动产单元号" | 15 | placeholder="请输入不动产单元号" |
16 | maxlength="28" | 16 | maxlength="28" |
17 | v-model="queryForm.bdcdyh" | 17 | v-model="queryForm.bdcdyh" |
18 | clearable | 18 | clearable |
19 | class="width200px"></el-input> | 19 | class="width100"></el-input> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | </el-col> | 21 | </el-col> |
22 | <el-col :span="8"> | 22 | <el-col :span="5"> |
23 | <el-form-item label="查封机关"> | 23 | <el-form-item label="查封机关"> |
24 | <el-input placeholder="请输入查封机关" v-model="queryForm.cfjg" clearable class="width200px"></el-input> | 24 | <el-input placeholder="请输入查封机关" v-model="queryForm.cfjg" clearable class="width100"></el-input> |
25 | </el-form-item> | 25 | </el-form-item> |
26 | </el-col> | 26 | </el-col> |
27 | <el-col :span="8"> | 27 | <el-col :span="5"> |
28 | <el-form-item label="查封文号"> | 28 | <el-form-item label="查封文号"> |
29 | <el-input | 29 | <el-input |
30 | placeholder="请输入不动产权证号" | 30 | placeholder="请输入不动产权证号" |
31 | v-model="queryForm.cfwh" | 31 | v-model="queryForm.cfwh" |
32 | clearable | 32 | clearable |
33 | class="width200px"></el-input> | 33 | class="width100"></el-input> |
34 | </el-form-item> | 34 | </el-form-item> |
35 | </el-col> | 35 | </el-col> |
36 | </el-row> | 36 | <el-col :span="6"> |
37 | <el-row> | 37 | <el-form-item label="坐落" label-width="50px"> |
38 | <el-col :span="5"> | 38 | <el-input placeholder="请输入坐落" v-model="queryForm.zl" clearable class="width100"></el-input> |
39 | <el-form-item label="坐落"> | ||
40 | <el-input placeholder="请输入坐落" v-model="queryForm.zl" clearable class="width200px"></el-input> | ||
41 | </el-form-item> | 39 | </el-form-item> |
42 | </el-col> | 40 | </el-col> |
43 | <el-col :span="6" class="btnColRight"> | 41 | <el-col :span="3" class="btnColRight"> |
44 | <el-form-item> | 42 | <el-form-item> |
45 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
46 | <el-button type="primary" @click="queryClick">查询</el-button> | 43 | <el-button type="primary" @click="queryClick">查询</el-button> |
44 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> | ||
47 | </el-form-item> | 45 | </el-form-item> |
48 | </el-col> | 46 | </el-col> |
49 | </el-row> | 47 | </el-row> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 14:47:36 | 4 | * @LastEditTime: 2023-07-17 13:16:57 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 抵押权利信息查询 --> | 7 | <!-- 抵押权利信息查询 --> |
... | @@ -38,8 +38,8 @@ | ... | @@ -38,8 +38,8 @@ |
38 | </el-col> | 38 | </el-col> |
39 | <el-col :span="2" class="btnColRight"> | 39 | <el-col :span="2" class="btnColRight"> |
40 | <el-form-item> | 40 | <el-form-item> |
41 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
42 | <el-button type="primary" @click="handleSearch">查询</el-button> | 41 | <el-button type="primary" @click="handleSearch">查询</el-button> |
42 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
43 | </el-form-item> | 43 | </el-form-item> |
44 | </el-col> | 44 | </el-col> |
45 | </el-row> | 45 | </el-row> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 15:23:44 | 4 | * @LastEditTime: 2023-07-17 13:17:12 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -23,7 +23,7 @@ | ... | @@ -23,7 +23,7 @@ |
23 | </el-col> | 23 | </el-col> |
24 | <el-col :span="4" class="btnColRight"> | 24 | <el-col :span="4" class="btnColRight"> |
25 | <el-form-item> | 25 | <el-form-item> |
26 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 26 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> |
27 | <el-button type="primary" @click="handleSearch">查询</el-button> | 27 | <el-button type="primary" @click="handleSearch">查询</el-button> |
28 | </el-form-item> | 28 | </el-form-item> |
29 | </el-col> | 29 | </el-col> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 15:23:51 | 4 | * @LastEditTime: 2023-07-17 13:17:17 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -23,7 +23,7 @@ | ... | @@ -23,7 +23,7 @@ |
23 | </el-col> | 23 | </el-col> |
24 | <el-col :span="4" class="btnColRight"> | 24 | <el-col :span="4" class="btnColRight"> |
25 | <el-form-item> | 25 | <el-form-item> |
26 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 26 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> |
27 | <el-button type="primary" @click="handleSearch">查询</el-button> | 27 | <el-button type="primary" @click="handleSearch">查询</el-button> |
28 | </el-form-item> | 28 | </el-form-item> |
29 | </el-col> | 29 | </el-col> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 15:26:40 | 4 | * @LastEditTime: 2023-07-17 13:17:38 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 主体权利信息查询 --> | 7 | <!-- 主体权利信息查询 --> |
... | @@ -38,7 +38,7 @@ | ... | @@ -38,7 +38,7 @@ |
38 | </el-col> | 38 | </el-col> |
39 | <el-col :span="3" class="btnColRight"> | 39 | <el-col :span="3" class="btnColRight"> |
40 | <el-form-item> | 40 | <el-form-item> |
41 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 41 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> |
42 | <el-button type="primary" @click="handleSearch">查询</el-button> | 42 | <el-button type="primary" @click="handleSearch">查询</el-button> |
43 | </el-form-item> | 43 | </el-form-item> |
44 | </el-col> | 44 | </el-col> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 15:26:46 | 4 | * @LastEditTime: 2023-07-17 13:17:50 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -35,7 +35,7 @@ | ... | @@ -35,7 +35,7 @@ |
35 | </el-col> | 35 | </el-col> |
36 | <el-col :span="4" class="btnColRight"> | 36 | <el-col :span="4" class="btnColRight"> |
37 | <el-form-item> | 37 | <el-form-item> |
38 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 38 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> |
39 | <el-button type="primary" @click="handleSearch">查询</el-button> | 39 | <el-button type="primary" @click="handleSearch">查询</el-button> |
40 | </el-form-item> | 40 | </el-form-item> |
41 | </el-col> | 41 | </el-col> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 15:26:51 | 4 | * @LastEditTime: 2023-07-17 13:18:01 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 主体权利信息查询 --> | 7 | <!-- 主体权利信息查询 --> |
... | @@ -30,7 +30,7 @@ | ... | @@ -30,7 +30,7 @@ |
30 | </el-col> | 30 | </el-col> |
31 | <el-col :span="4" class="btnColRight"> | 31 | <el-col :span="4" class="btnColRight"> |
32 | <el-form-item> | 32 | <el-form-item> |
33 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 33 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> |
34 | <el-button type="primary" @click="handleSearch">查询</el-button> | 34 | <el-button type="primary" @click="handleSearch">查询</el-button> |
35 | </el-form-item> | 35 | </el-form-item> |
36 | </el-col> | 36 | </el-col> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 15:26:55 | 4 | * @LastEditTime: 2023-07-17 13:18:06 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 主体权利信息查询 --> | 7 | <!-- 主体权利信息查询 --> |
... | @@ -30,7 +30,7 @@ | ... | @@ -30,7 +30,7 @@ |
30 | </el-col> | 30 | </el-col> |
31 | <el-col :span="2" class="btnColRight"> | 31 | <el-col :span="2" class="btnColRight"> |
32 | <el-form-item> | 32 | <el-form-item> |
33 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 33 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> |
34 | <el-button type="primary" @click="handleSearch">查询</el-button> | 34 | <el-button type="primary" @click="handleSearch">查询</el-button> |
35 | </el-form-item> | 35 | </el-form-item> |
36 | </el-col> | 36 | </el-col> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 15:27:00 | 4 | * @LastEditTime: 2023-07-17 13:18:12 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -37,8 +37,8 @@ | ... | @@ -37,8 +37,8 @@ |
37 | </el-col> | 37 | </el-col> |
38 | <el-col :span="6" class="btnColRight"> | 38 | <el-col :span="6" class="btnColRight"> |
39 | <el-form-item> | 39 | <el-form-item> |
40 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
41 | <el-button type="primary" @click="handleSearch">查询</el-button> | 40 | <el-button type="primary" @click="handleSearch">查询</el-button> |
41 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
42 | </el-form-item> | 42 | </el-form-item> |
43 | </el-col> | 43 | </el-col> |
44 | </el-row> | 44 | </el-row> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-07 09:27:48 | 4 | * @LastEditTime: 2023-07-17 13:18:17 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -37,8 +37,8 @@ | ... | @@ -37,8 +37,8 @@ |
37 | </el-col> | 37 | </el-col> |
38 | <el-col :span="6" class="btnColRight"> | 38 | <el-col :span="6" class="btnColRight"> |
39 | <el-form-item> | 39 | <el-form-item> |
40 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
41 | <el-button type="primary" @click="handleSearch">查询</el-button> | 40 | <el-button type="primary" @click="handleSearch">查询</el-button> |
41 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
42 | </el-form-item> | 42 | </el-form-item> |
43 | </el-col> | 43 | </el-col> |
44 | </el-row> | 44 | </el-row> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 15:27:13 | 4 | * @LastEditTime: 2023-07-17 13:16:27 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -29,7 +29,7 @@ | ... | @@ -29,7 +29,7 @@ |
29 | </el-col> | 29 | </el-col> |
30 | <el-col :span="6" class="btnColRight"> | 30 | <el-col :span="6" class="btnColRight"> |
31 | <el-form-item> | 31 | <el-form-item> |
32 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 32 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> |
33 | <el-button type="primary" @click="handleSearch">查询</el-button> | 33 | <el-button type="primary" @click="handleSearch">查询</el-button> |
34 | </el-form-item> | 34 | </el-form-item> |
35 | </el-col> | 35 | </el-col> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 15:27:16 | 4 | * @LastEditTime: 2023-07-17 13:18:26 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -37,8 +37,8 @@ | ... | @@ -37,8 +37,8 @@ |
37 | </el-col> | 37 | </el-col> |
38 | <el-col :span="6" class="btnColRight"> | 38 | <el-col :span="6" class="btnColRight"> |
39 | <el-form-item> | 39 | <el-form-item> |
40 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
41 | <el-button type="primary" @click="handleSearch">查询</el-button> | 40 | <el-button type="primary" @click="handleSearch">查询</el-button> |
41 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
42 | </el-form-item> | 42 | </el-form-item> |
43 | </el-col> | 43 | </el-col> |
44 | </el-row> | 44 | </el-row> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 15:27:19 | 4 | * @LastEditTime: 2023-07-17 13:18:34 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 主体权利信息查询 --> | 7 | <!-- 主体权利信息查询 --> |
... | @@ -30,7 +30,7 @@ | ... | @@ -30,7 +30,7 @@ |
30 | </el-col> | 30 | </el-col> |
31 | <el-col :span="2" class="btnColRight"> | 31 | <el-col :span="2" class="btnColRight"> |
32 | <el-form-item> | 32 | <el-form-item> |
33 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 33 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> |
34 | <el-button type="primary" @click="handleSearch">查询</el-button> | 34 | <el-button type="primary" @click="handleSearch">查询</el-button> |
35 | </el-form-item> | 35 | </el-form-item> |
36 | </el-col> | 36 | </el-col> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 15:27:26 | 4 | * @LastEditTime: 2023-07-17 13:18:39 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 主体权利信息查询 --> | 7 | <!-- 主体权利信息查询 --> |
... | @@ -30,7 +30,7 @@ | ... | @@ -30,7 +30,7 @@ |
30 | </el-col> | 30 | </el-col> |
31 | <el-col :span="2" class="btnColRight"> | 31 | <el-col :span="2" class="btnColRight"> |
32 | <el-form-item> | 32 | <el-form-item> |
33 | <el-button type="primary" @click="resetForm">重置</el-button> | 33 | <!-- <el-button type="primary" @click="resetForm">重置</el-button> --> |
34 | <el-button type="primary" @click="handleSearch">查询</el-button> | 34 | <el-button type="primary" @click="handleSearch">查询</el-button> |
35 | </el-form-item> | 35 | </el-form-item> |
36 | </el-col> | 36 | </el-col> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-13 15:27:34 | 4 | * @LastEditTime: 2023-07-17 13:18:43 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 主体权利信息查询 --> | 7 | <!-- 主体权利信息查询 --> |
... | @@ -30,7 +30,7 @@ | ... | @@ -30,7 +30,7 @@ |
30 | </el-col> | 30 | </el-col> |
31 | <el-col :span="2" class="btnColRight"> | 31 | <el-col :span="2" class="btnColRight"> |
32 | <el-form-item> | 32 | <el-form-item> |
33 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 33 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> |
34 | <el-button type="primary" @click="handleSearch">查询</el-button> | 34 | <el-button type="primary" @click="handleSearch">查询</el-button> |
35 | </el-form-item> | 35 | </el-form-item> |
36 | </el-col> | 36 | </el-col> | ... | ... |
-
Please register or sign in to post a comment