Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
308cd52a by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents 9c3bf5c9 3c8e2f81
Inline Side-by-side
Showing 36 changed files with 2927 additions and 993 deletions
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
77 if (process.env.NODE_ENV === 'development') { 77 if (process.env.NODE_ENV === 'development') {
78 localStorage.removeItem('token') 78 localStorage.removeItem('token')
79 } else { 79 } else {
80 Cookies.remove('token') 80 Cookies.remove('ACCESS_TOKEN')
81 } 81 }
82 if (window._config.casEnable) { 82 if (window._config.casEnable) {
83 window.location.href = window._config.casBaseURL + '/logout?service=' + encodeURIComponent(window.location.href); 83 window.location.href = window._config.casBaseURL + '/logout?service=' + encodeURIComponent(window.location.href);
......
...@@ -8,99 +8,101 @@ import axios from 'axios' ...@@ -8,99 +8,101 @@ import axios from 'axios'
8 import router from './router' 8 import router from './router'
9 import store from './store' 9 import store from './store'
10 import Cookies from 'js-cookie' 10 import Cookies from 'js-cookie'
11 import { getMenuInfo } from '@/api/user' 11 import {getMenuInfo} from '@/api/user'
12 import { getUrlParam } from '@/utils/operation' 12 import {getUrlParam} from '@/utils/operation'
13 import NProgress from 'nprogress' // progress bar 13 import NProgress from 'nprogress' // progress bar
14 import 'nprogress/nprogress.css' // progress bar style 14 import 'nprogress/nprogress.css' // progress bar style
15 import getPageTitle from '@/utils/get-page-title' 15 import getPageTitle from '@/utils/get-page-title'
16 NProgress.configure({ showSpinner: false }) // NProgress Configuration 16
17 NProgress.configure({showSpinner: false}) // NProgress Configuration
17 18
18 router.beforeEach(async (to, from, next) => { 19 router.beforeEach(async (to, from, next) => {
19 Vue.prototype.$currentRoute = to 20 Vue.prototype.$currentRoute = to
20 NProgress.start() 21 NProgress.start()
21 document.title = getPageTitle(to.meta.title) 22 document.title = getPageTitle(to.meta.title)
22 let hasAddDict = store.state.dict.addDict 23 let hasAddDict = store.state.dict.addDict
23 let hasAddRoute = store.state.permission.addRoutes 24 let hasAddRoute = store.state.permission.addRoutes
24 // cas操作 25 // cas操作
25 const token = localStorage.getItem("token") || Cookies.get('token'); 26 const token = localStorage.getItem("token") || Cookies.get('ACCESS_TOKEN');
26 if (to.path === '/login') { 27 if (to.path === '/login') {
27 if (token) { 28 if (token) {
28 next('/') 29 next('/')
29 } else { 30 } else {
30 next() 31 next()
31 }
32 return
33 } 32 }
34 if (window._config.casEnable === true) { 33 return
35 let locationUrl = window.location.protocol + '//' + window.location.host + window.location.pathname; 34 }
36 if (!token) { 35 if (window._config.casEnable === true) {
37 let ticket = getUrlParam('ticket'); 36 let locationUrl = window.location.protocol + '//' + window.location.host + window.location.pathname;
38 if (ticket) { 37 if (!token) {
39 axios.get(Vue.prototype.BASE_API.ip + "/management/cas/validate", { 38 let ticket = getUrlParam('ticket');
40 params: { 39 if (ticket) {
41 'ticket': ticket, 40 axios.get(Vue.prototype.BASE_API.ip + "/management/cas/validate", {
42 'service': locationUrl 41 params: {
43 } 42 'ticket': ticket,
44 }).then(async (res) => { 43 'service': locationUrl
45 if (process.env.NODE_ENV === 'development') { 44 }
46 localStorage.setItem('token', res.data.content.accessToken) 45 }).then(async (res) => {
47 } else { 46 if (process.env.NODE_ENV === 'development') {
48 Cookies.set('token', res.data.content.accessToken) 47 localStorage.setItem('token', res.data.content.accessToken)
49 } 48 } else {
50 window.location.href = localStorage.getItem('location') 49 Cookies.set('ACCESS_TOKEN', res.data.content.accessToken)
50 }
51 window.location.href = localStorage.getItem('location')
51 52
52 }).catch(e => { 53 }).catch(e => {
53 console.log(e) 54 console.log(e)
54 }) 55 })
55 } else { 56 } else {
56 localStorage.setItem("location", window.location.href) 57 localStorage.setItem("location", window.location.href)
57 window.location.href = window._config.casBaseURL + '/login?service=' + encodeURIComponent(locationUrl); 58 window.location.href = window._config.casBaseURL + '/login?service=' + encodeURIComponent(locationUrl);
58 } 59 }
59 } else {
60 permission()
61 }
62 async function permission () {
63 if (!hasAddDict) {
64 store.dispatch('dict/generateDic')
65 }
66 if (hasAddRoute) {
67 next()
68 // next({ ...to, replace: true })
69 } else {
70 const { result: getMenuData } = await getMenuInfo()
71 const accessRoutes = await store.dispatch('permission/generateRoutes', getMenuData)
72 // 获取用户信息
73 await store.dispatch('user/getUserInfo')
74 router.addRoutes([...accessRoutes, { path: '*', redirect: '/404', hidden: true }])
75 const routeTo = Cookies.get('routerTo')
76 if (routeTo && routeTo !== '/') {
77 next({ ...to, replace: true })
78 } else {
79 next('/home')
80 }
81 }
82 }
83 } else { 60 } else {
84 if (!token) { 61 permission()
85 const redirectData = { 62 }
86 path: '/login', 63
87 replace: true, 64 async function permission() {
88 } 65 if (!hasAddDict) {
89 if (to.path) { 66 store.dispatch('dict/generateDic')
90 redirectData.query = { 67 }
91 ...redirectData.query, 68 if (hasAddRoute) {
92 redirect: to.path,
93 };
94 }
95 next(redirectData)
96 return
97 }
98 next() 69 next()
70 // next({ ...to, replace: true })
71 } else {
72 const {result: getMenuData} = await getMenuInfo()
73 const accessRoutes = await store.dispatch('permission/generateRoutes', getMenuData)
74 // 获取用户信息
75 await store.dispatch('user/getUserInfo')
76 router.addRoutes([...accessRoutes, {path: '*', redirect: '/404', hidden: true}])
77 const routeTo = Cookies.get('routerTo')
78 if (routeTo && routeTo !== '/') {
79 next({...to, replace: true})
80 } else {
81 next('/home')
82 }
83 }
84 }
85 } else {
86 if (!token) {
87 const redirectData = {
88 path: '/login',
89 replace: true,
90 }
91 if (to.path) {
92 redirectData.query = {
93 ...redirectData.query,
94 redirect: to.path,
95 };
96 }
97 next(redirectData)
98 return
99 } 99 }
100 NProgress.done() 100 next()
101 }
102 NProgress.done()
101 }) 103 })
102 router.afterEach(to => { 104 router.afterEach(to => {
103 // 解决刷新页面报404问题 105 // 解决刷新页面报404问题
104 Cookies.set("routerTo", to.fullPath) 106 Cookies.set("routerTo", to.fullPath)
105 NProgress.done() 107 NProgress.done()
106 }) 108 })
......
...@@ -40,7 +40,7 @@ export const constantRoutes = [ ...@@ -40,7 +40,7 @@ export const constantRoutes = [
40 component: () => import('@/views/djbworkflow/workFrame.vue'), 40 component: () => import('@/views/djbworkflow/workFrame.vue'),
41 name: 'djbworkFrame', 41 name: 'djbworkFrame',
42 hidden: true, 42 hidden: true,
43 meta: { title: '登记簿编辑' } 43 meta: { title: '登记簿补录' }
44 }, 44 },
45 //登记簿详情 45 //登记簿详情
46 { 46 {
......
...@@ -34,14 +34,6 @@ service.interceptors.request.use( ...@@ -34,14 +34,6 @@ service.interceptors.request.use(
34 } else { 34 } else {
35 config.headers.delete('Authorization') 35 config.headers.delete('Authorization')
36 } 36 }
37 } else {
38 const token = Cookies.get('token')
39 // 添加请求头
40 if (token) {
41 config.headers['Authorization'] = 'Bearer ' + token
42 } else {
43 config.headers.delete('Authorization')
44 }
45 } 37 }
46 return config 38 return config
47 }, 39 },
...@@ -78,7 +70,7 @@ service.interceptors.response.use( ...@@ -78,7 +70,7 @@ service.interceptors.response.use(
78 if (process.env.NODE_ENV === 'development') { 70 if (process.env.NODE_ENV === 'development') {
79 localStorage.removeItem('token') 71 localStorage.removeItem('token')
80 } else { 72 } else {
81 Cookies.remove('token') 73 Cookies.remove('ACCESS_TOKEN')
82 } 74 }
83 if (window._config.casEnable) { 75 if (window._config.casEnable) {
84 window.location.href = window._config.casBaseURL + '/logout?service=' + encodeURIComponent(locationUrl); 76 window.location.href = window._config.casBaseURL + '/logout?service=' + encodeURIComponent(locationUrl);
...@@ -92,7 +84,6 @@ service.interceptors.response.use( ...@@ -92,7 +84,6 @@ service.interceptors.response.use(
92 return false 84 return false
93 } 85 }
94 } 86 }
95
96 } else { 87 } else {
97 // 对响应错误做点什么 88 // 对响应错误做点什么
98 Message({ 89 Message({
......
1 <!--
2 * @Description :查封登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:41:22
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -20,6 +25,11 @@ ...@@ -20,6 +25,11 @@
20 row.qszt == '0' ? 'linshi' : '', 25 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
22 ]"> 27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <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="AddDialog(row)">新增</el-button>
31 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
32 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 33 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 34 正在办理
25 </div> 35 </div>
...@@ -102,6 +112,50 @@ export default { ...@@ -102,6 +112,50 @@ export default {
102 } 112 }
103 return name; 113 return name;
104 }, 114 },
115 AddDialog(row){
116 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
117 datalist:this.columns,
118 data: ''
119 })
120 },
121 editDialog(row){
122 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
123 datalist:this.columns,
124 data: row,
125
126 })
127 },
128 // 删除
129 deleteDialog(row){
130 let that = this
131 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
132 confirmButtonText: '确定',
133 cancelButtonText: '取消',
134 type: 'warning'
135 }).then(async () => {
136
137 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
138 // deleteClmx(bsmClmx).then(res => {
139 // if (res.code == 200) {
140 // that.$emit('updateList', res.result)
141 // that.$message({
142 // message: '删除成功!',
143 // type: 'success'
144 // })
145 // }
146 // })
147 that.$message({
148 message: '删除成功!',
149 type: 'success'
150 })
151 }).catch(() => {
152 this.$message({
153 type: 'info',
154 message: '已取消删除'
155 })
156 })
157
158 }
105 }, 159 },
106 }; 160 };
107 </script> 161 </script>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:39:57
5 -->
6 <template>
7 <div class="clmlmx-box">
8 <div class="title">申请材料目录</div>
9 <lb-table :column="column" :key="key" :heightNumSetting="true" :pagination="false" :data="formData.data">
10 </lb-table>
11 <div class="text-center">
12 <el-button @click="$popupCacel">取消</el-button>
13 </div>
14 </div>
15 </template>
16 <script>
17 import store from '@/store/index.js'
18 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
19 export default {
20 props: {
21 formData: {
22 type: Object,
23 default: () => {
24 return {}
25 }
26 }
27 },
28 data () {
29 return {
30 column: [
31 {
32 width: "50",
33 label: '序号',
34 type: 'index'
35 },
36 {
37 prop: "isrequired",
38 label: "是否必选",
39 width: "80",
40 render: (h, scope) => {
41 if (scope.row.sfxjcl === "1") {
42 return (
43 <div>
44 <span>可选</span>
45 </div>
46 );
47 }
48 else {
49 return (
50 <div>
51 <span>必选</span>
52 </div>
53 );
54 }
55 },
56 },
57 {
58 prop: "sjmc",
59 label: "材料名称",
60 },
61 {
62 prop: "sjlx",
63 label: "材料类型",
64 width: "80",
65 render: (h, scope) => {
66 return (
67 <div>
68 <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
69 </div>
70 );
71 },
72 },
73 {
74 prop: "sjsl",
75 label: "份数",
76 width: "50"
77 },
78 {
79 prop: "smzt",
80 label: "扫描状态",
81 width: "80",
82 render: (h, scope) => {
83 if (scope.row.children && scope.row.children.length > 0) {
84 return (
85 <div>
86 <span>已扫描</span>
87 </div>
88 );
89 } else {
90 return (
91 <div>
92 <span>未扫描</span>
93 </div>
94 );
95 }
96 },
97 },
98 {
99 label: "扫描页数",
100 width: "80",
101 render: (h, scope) => {
102 if (scope.row.children && scope.row.children.length > 0) {
103 return (
104 <div>
105 <span>{scope.row.children.length}</span>
106 </div>
107 );
108 } else {
109 return (
110 <div>
111 <span>0</span>
112 </div>
113 );
114 }
115 },
116 },
117 {
118 label: "操作",
119 width: "80",
120 render: (h, scope) => {
121 return (
122 <div>
123 <el-button
124 type="text"
125 disabled={scope.$index == 0}
126 onClick={() => {
127 this.moveUpward(scope.$index, scope.row);
128 }}
129 >
130 上移
131 </el-button>
132 <el-button
133 type="text"
134 disabled={scope.$index + 1 == this.tableData.length}
135 onClick={() => {
136 this.moveDown(scope.$index, scope.row);
137 }}
138 >
139 下移
140 </el-button>
141 </div>
142 );
143 },
144 },
145 ],
146 key: 0,
147 tableData: []
148 }
149 },
150 created () {
151 console.log(this.formData.data, 'formData');
152 },
153 methods: {
154 // 材料目录明细初始化
155 clmlInitList () {
156 return new Promise(resolve => {
157 this.unitData = this.$parent.unitData;
158 var formdata = new FormData();
159 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
160 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
161 InitClml(formdata).then((res) => {
162 if (res.code == 200) {
163 resolve(res.code)
164 if (res.result && res.result.length > 0) {
165 this.data = res.result;
166 } else {
167 this.data = []
168 }
169 } else {
170 this.$message.error(res.message)
171 }
172 })
173 })
174 },
175 // 上移
176 moveUpward (index, row) {
177 let obj = {
178 xh: row.xh,
179 bsmSlsq: row.bsmSlsq,
180 moveDirection: "UP",
181 };
182 // 接口待调
183 moveClml(obj).then(async (res) => {
184 if (res.code == 200) {
185 let res = await this.clmlInitList()
186 if (res == 200) {
187 this.$message({
188 message: '上移成功',
189 type: 'success'
190 })
191 this.$parent.setTableData(this.data)
192 }
193 } else {
194 this.$message.error(res.message);
195 }
196 })
197 },
198 // 下移
199 moveDown (index, row) {
200 let obj = {
201 xh: row.xh,
202 bsmSlsq: row.bsmSlsq,
203 moveDirection: "DOWN",
204 }
205 // 接口待调
206 moveClml(obj).then(async (res) => {
207 if (res.code == 200) {
208 let res = await this.clmlInitList()
209 if (res == 200) {
210 this.$message({
211 message: '下移成功',
212 type: 'success'
213 })
214 }
215 } else {
216 this.$message.error(res.message);
217 }
218 })
219 },
220 // 材料目录删除
221 handleDelete (index, row) {
222 let that = this
223 this.$confirm('此操作将永久删除该 是否继续?', '提示', {
224 confirmButtonText: '确定',
225 cancelButtonText: '取消',
226 type: 'warning'
227 }).then(() => {
228 deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => {
229 if (res.code == 200) {
230 let res = await that.clmlInitList()
231 if (res == 200) {
232 that.$message({
233 message: "删除成功",
234 type: "success",
235 })
236 // this.$parent.setTableData(this.data)
237 }
238 }
239 })
240 }).catch(() => {
241 this.$message({
242 type: 'info',
243 message: '已取消删除'
244 })
245 })
246 },
247 // 字典
248 dicStatus (val, code) {
249 let data = store.getters.dictData[code],
250 name = "暂无";
251 if (data) {
252 data.map((item) => {
253 if (item.dcode == val) {
254 name = item.dname;
255 }
256 });
257 return name;
258 }
259 }
260 }
261 }
262 </script>
263 <style scoped lang='scss'>
264 @import "~@/styles/mixin.scss";
265 .clmlmx-box {
266 margin: 0 auto;
267
268 .title {
269 text-align: center;
270 height: 60px;
271 line-height: 60px;
272 border: 1px solid #dfe6ec;
273 font-size: 20px;
274 background: #81d3f81a;
275 margin-bottom: -1px;
276 }
277 }
278 </style>
1 <template> 1 <template>
2 <div class="jtfccx-edit"> 2 <div class="from-clues">
3 <div class="jtfccx-edit-con"> 3 <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick">
4 <el-form ref="form" :model="form" label-width="160px"> 4 <el-tab-pane label="受理信息" name="slxx"></el-tab-pane>
5 <el-row> 5 <el-tab-pane
6 <el-col :span="8"> 6 :disabled="isshow"
7 <el-form-item label="权属状态" label-width="140px"> 7 label="审批意见"
8 <el-select v-model="form.qszt"> 8 name="spyj"
9 <el-option v-for="item in qsztList" :key="item.value" :label="item.label" :value="item.value"> 9 ></el-tab-pane>
10 </el-option> 10 <el-tab-pane
11 </el-select> 11 :disabled="isshow"
12 </el-form-item> 12 label="材料信息"
13 </el-col> 13 name="clxx"
14 <el-col :span="8"> 14 ></el-tab-pane>
15 <el-form-item label="权利类型" label-width="140px"> 15 </el-tabs>
16 <el-input v-model="form.qllxmc" ></el-input> 16 <div v-if="activeName == 'slxx'">
17 </el-form-item> 17 <div class="from-clues-header">
18 </el-col> 18 <el-form ref="form" :model="form" label-width="160px">
19 <el-col :span="8"> 19 <el-row>
20 <el-form-item label="登记类型" label-width="140px"> 20 <el-col :span="12">
21 <el-input v-model="form.djlxmc" ></el-input> 21 <el-form-item label="权属状态" label-width="140px">
22 </el-form-item> 22 <el-select v-model="form.qszt">
23 </el-col> 23 <el-option
24 <el-col :span="8"> 24 v-for="item in qsztList"
25 <el-form-item label="上手业务号" label-width="140px"> 25 :key="item.value"
26 <el-input v-model="form.ssywh" ></el-input> 26 :label="item.label"
27 </el-form-item> 27 :value="item.value"
28 </el-col> 28 >
29 <el-col :span="8"> 29 </el-option>
30 <el-form-item label="档案号" label-width="140px"> 30 </el-select>
31 <el-input v-model="form.dah" ></el-input> 31 </el-form-item>
32 </el-form-item> 32 </el-col>
33 </el-col> 33 <el-col :span="12" v-for="item in datalist" :key="item.bdcdyh">
34 <el-col :span="8"> 34 <el-form-item
35 <el-form-item label="业务号" label-width="140px"> 35 :prop="item.prop"
36 <el-input v-model="form.ywh" ></el-input> 36 :label="item.label"
37 </el-form-item> 37 label-width="140px"
38 </el-col> 38 >
39 <el-col :span="8"> 39 <el-input v-model="form[item.prop]"></el-input>
40 <el-form-item label="不动产单元号" label-width="140px"> 40 </el-form-item>
41 <el-input v-model="form.bdcdyh" ></el-input> 41 </el-col>
42 </el-form-item> 42 </el-row>
43 </el-col> 43 </el-form>
44 <el-col :span="8"> 44 <div class="btn">
45 <el-form-item label="坐落" label-width="140px"> 45 <el-button type="primary" @click="slxxsubmitForm">保存</el-button>
46 <el-input v-model="form.zl" ></el-input> 46 <el-button @click="closeDialog">取消</el-button>
47 </el-form-item> 47 </div>
48 </el-col> 48 </div>
49 <el-col :span="8"> 49 </div>
50 <el-form-item label="共有情况" label-width="140px"> 50 <div v-if="activeName == 'spyj'">
51 <el-input v-model="form.gyqk" ></el-input> 51 <div class="from-clues-header spyj">
52 </el-form-item> 52 <div class="box">
53 </el-col> 53 <b class="spyj_title">审批表</b>
54 <el-col :span="8"> 54 <el-form
55 <el-form-item label="权利人类型" label-width="140px"> 55 :model="ruleForm"
56 <el-input v-model="form.qlrlx" ></el-input> 56 :rules="rules"
57 </el-form-item> 57 ref="ruleForm"
58 </el-col> 58 label-width="120px"
59 <el-col :span="8"> 59 >
60 <el-form-item label="权利人" label-width="140px"> 60 <div class="spyj_form">
61 <el-input v-model="form.qlrmc" ></el-input> 61 <div class="item_left">初审意见</div>
62 </el-form-item> 62 <div class="item_right">
63 </el-col> 63 <el-row>
64 <el-col :span="8"> 64 <el-col :span="24">
65 <el-form-item label="证件种类" label-width="140px"> 65 <el-form-item
66 <el-input v-model="form.qlrzjzl" ></el-input> 66 label-width="0"
67 </el-form-item> 67 class="opinion_item"
68 </el-col> 68 prop="shyj"
69 <el-col :span="8"> 69 >
70 <el-form-item label="证件号" label-width="140px"> 70 <el-input
71 <el-input v-model="form.qlrzjhm" ></el-input> 71 type="textarea"
72 </el-form-item> 72 :rows="4"
73 </el-col> 73 class="opinion"
74 <el-col :span="8"> 74 placeholder="请输入审批意见"
75 <el-form-item label="使用权面积" label-width="140px"> 75 v-model="ruleForm.shyj"
76 <el-input v-model="form.mj" ></el-input> 76 ></el-input>
77 </el-form-item> 77 </el-form-item>
78 </el-col> 78 </el-col>
79 <el-col :span="8"> 79 </el-row>
80 <el-form-item label="权利性质" label-width="140px"> 80 <el-row>
81 <el-input v-model="form.qlxzmc" ></el-input> 81 <el-col :span="16">
82 </el-form-item> 82 <el-form-item
83 </el-col> 83 prop="shryxm"
84 <el-col :span="8"> 84 label="审查人"
85 <el-form-item label="土地用途" label-width="140px"> 85 label-width="90px"
86 <el-input v-model="form.ytmc" ></el-input> 86 >
87 </el-form-item> 87 <el-input v-model="ruleForm.shr"></el-input>
88 </el-col> 88 </el-form-item>
89 <el-col :span="8"> 89 </el-col>
90 <el-form-item label="使用权起止时间" label-width="140px"> 90 <el-col :span="8">
91 <el-input v-model="form.syqqzsj" ></el-input> 91 <el-form-item
92 </el-form-item> 92 label="审核时间"
93 </el-col> 93 prop="shjssj"
94 <el-col :span="8"> 94 label-width="90px"
95 <el-form-item label="土地使用期限" label-width="140px"> 95 >
96 <el-input v-model="form.tdsyqx" ></el-input> 96 <el-input v-model="ruleForm.shsj"></el-input>
97 </el-form-item> 97 </el-form-item>
98 </el-col> 98 </el-col>
99 <el-col :span="8"> 99 </el-row>
100 <el-form-item label="取得价格(万元)" label-width="140px"> 100 </div>
101 <el-input v-model="form.qdjg" ></el-input> 101 </div>
102 </el-form-item> 102 </el-form>
103 </el-col> 103 <el-form
104 <el-col :span="8"> 104 :model="ruleForm"
105 <el-form-item label="登记原因" label-width="140px"> 105 :rules="rules"
106 <el-input v-model="form.djyy" ></el-input> 106 ref="ruleForm"
107 </el-form-item> 107 label-width="120px"
108 </el-col> 108 >
109 <el-col :span="8"> 109 <div class="spyj_form">
110 <el-form-item label="不动产权证号" label-width="140px"> 110 <div class="item_left">复审意见</div>
111 <el-input v-model="form.bdcqzh" ></el-input> 111 <div class="item_right">
112 </el-form-item> 112 <el-row>
113 </el-col> 113 <el-col :span="24">
114 <el-col :span="8"> 114 <el-form-item
115 <el-form-item label="登记时间" label-width="140px"> 115 label-width="0"
116 <el-input v-model="form.djsj" ></el-input> 116 class="opinion_item"
117 </el-form-item> 117 prop="shyj"
118 </el-col> 118 >
119 <el-col :span="8"> 119 <el-input
120 <el-form-item label="登簿人" label-width="140px"> 120 type="textarea"
121 <el-input v-model="form.dbr" ></el-input> 121 :rows="4"
122 </el-form-item> 122 class="opinion"
123 </el-col> 123 placeholder="请输入审批意见"
124 <el-col :span="8"> 124 v-model="ruleForm.shyj"
125 <el-form-item label="附记" label-width="140px"> 125 ></el-input>
126 <el-input v-model="form.fj" ></el-input> 126 </el-form-item>
127 </el-form-item> 127 </el-col>
128 </el-col> 128 </el-row>
129 </el-row> 129 <el-row>
130 <el-form-item class="btn"> 130 <el-col :span="16">
131 <el-button type="primary" @click="submitForm">保存</el-button> 131 <el-form-item
132 <el-button @click="closeDialog">取消</el-button> 132 prop="shryxm"
133 </el-form-item> 133 label="审查人"
134 </el-form> 134 label-width="90px"
135 >
136 <el-input v-model="ruleForm.shr"></el-input>
137 </el-form-item>
138 </el-col>
139 <el-col :span="8">
140 <el-form-item
141 label="审核时间"
142 prop="shjssj"
143 label-width="90px"
144 >
145 <el-input v-model="ruleForm.shsj"></el-input>
146 </el-form-item>
147 </el-col>
148 </el-row>
149 </div>
150 </div>
151 </el-form>
152 <el-form
153 :model="ruleForm"
154 :rules="rules"
155 ref="ruleForm"
156 label-width="120px"
157 >
158 <div class="spyj_form">
159 <div class="item_left">核定意见</div>
160 <div class="item_right">
161 <el-row>
162 <el-col :span="24">
163 <el-form-item
164 label-width="0"
165 class="opinion_item"
166 prop="shyj"
167 >
168 <el-input
169 type="textarea"
170 :rows="4"
171 class="opinion"
172 placeholder="请输入审批意见"
173 v-model="ruleForm.shyj"
174 ></el-input>
175 </el-form-item>
176 </el-col>
177 </el-row>
178 <el-row>
179 <el-col :span="16">
180 <el-form-item
181 prop="shryxm"
182 label="审查人"
183 label-width="90px"
184 >
185 <el-input v-model="ruleForm.shr"></el-input>
186 </el-form-item>
187 </el-col>
188 <el-col :span="8">
189 <el-form-item
190 label="审核时间"
191 prop="shjssj"
192 label-width="90px"
193 >
194 <el-input v-model="ruleForm.shsj"></el-input>
195 </el-form-item>
196 </el-col>
197 </el-row>
198 </div>
199 </div>
200 </el-form>
135 201
202 </div>
203 <div class="btn">
204 <el-button type="primary" @click="spyjsubmitForm">保存</el-button>
205 <el-button @click="closeDialog">取消</el-button>
206 </div>
207 </div>
136 </div> 208 </div>
209 <div v-if="activeName == 'clxx'">
210 <div class="from-clues-header">
211 <div class="clxx">
212 <div class="right">
213 <!-- 材料预览 -->
214 <div class="clyl-box">
215 <div class="menu-tree">
216 <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button>
217 <div class="item">
218 材料目录({{tableData.length}})
219 <div style="margin-top:10px">
220 <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div>
221 <div v-for="(item,index) in tableData" :key="item.bsmSj"
222 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
223 <span v-if="item.isrequired==1" class="required">必选</span>
224 {{ item.sjmc }}
225 <span class="cl_number">({{item.children ? item.children.length : 0}})</span>
226 </div>
227 </div>
228 </div>
229 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()">新增</el-button>
230 </div>
231 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
232 @prevPriview="prevPriview" />
233 </div>
234 </div>
235 <clxxAddDialog v-model="isDialog" />
236 </div>
237 <div class="btn">
238 <el-button type="primary" @click="clxxsubmitForm">保存</el-button>
239 <el-button @click="closeDialog">取消</el-button>
240 </div>
137 241
242 </div>
243 </div>
138 </div> 244 </div>
139 </template> 245 </template>
140 <script> 246 <script>
247 import { mapGetters } from "vuex";
248 import clxxAddDialog from "./tabsconcent/clxxAddDialog.vue";
249 import imagePreview from '@/views/components/imagePreview.vue'
250 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
141 export default { 251 export default {
252 components: { clxxAddDialog},
142 props: { 253 props: {
143 formData: { 254 formData: {
144 type: Object, 255 type: Object,
145 default: () => { }, 256 default: () => {},
146 }, 257 },
147 }, 258 },
148 data () { 259 data() {
149 return { 260 return {
150 form:{}, 261 activeName: "slxx",
151 qsztList: [ 262 form: {},
152 { 263 datalist: [],
153 value: "0", 264 qsztList: [
154 label: "临时",
155 },
156 { 265 {
157 value: "1", 266 value: "1",
158 label: "现势", 267 label: "现势",
...@@ -161,49 +270,269 @@ export default { ...@@ -161,49 +270,269 @@ export default {
161 value: "2", 270 value: "2",
162 label: "历史", 271 label: "历史",
163 }, 272 },
273 ],
274 label: "",
275 isshow: true,
276
277 // 审批
278 bsmSlsq: "",
279 //刷新值
280 bestepid: "",
281 ruleForm: {},
282 rules: {
283 shyj: [{ required: true, message: "请输入审批意见", trigger: "blur" }],
284 },
164 285
165 ], 286 // 材料
166 label:"", 287 isDialog: false,
288 iclass: "",
289 tableData: [],
290 // 材料目录选中
291 treeCheckIndex: 0,
292 treeCheckId: "",
293 key: 0,
294 tableDatas: [],
295 previewImg: {
296 // 收件标识码
297 bsmSj: "",
298 bsmSlsq: this.$parent.bsmSlsq,
299 index: 0,
300 selectedIndex: 0,
301 imgList: [],
302 },
167 }; 303 };
168 }, 304 },
169 mounted () { 305 computed: {
170 console.log("this.formData.data",this.formData.data); 306 ...mapGetters(["dictData"])
171 if (this.formData.data) { 307 },
172 this.$nextTick(() => { 308 created () {
173 this.form = Object.assign({}, this.formData.data) 309 this.clmlInitList(1)
174 this.form.qszt=this.form.qszt=='0'?"临时":this.form.qszt=='1'?"现势":"历史" 310 },
175 }) 311 mounted() {
176 console.log("this.form",this.form); 312 if (this.formData.data) {
177 } 313 this.$nextTick(() => {
314 this.form = Object.assign({}, this.formData.data);
315 // this.datalist = Object.assign([], this.formData.datalist)
316 this.form.qszt =
317 this.form.qszt == "0"
318 ? "临时"
319 : this.form.qszt == "1"
320 ? "现势"
321 : "历史";
322 });
323 }
324
325 // this.datalist = this.formData.datalist
326 this.datalist = JSON.parse(JSON.stringify(this.formData.datalist));
327 this.datalist.shift();
328 this.datalist.shift();
329 console.log("this.datalist", this.datalist);
178 }, 330 },
179 331
180 methods: { 332 methods: {
181 //新增常用意见 333 // 受理信息保存
182 submitForm () { 334 slxxsubmitForm() {
183 335 this.$refs.form.validate((valid) => {
184 this.$refs.form.validate(valid => { 336 if (valid) {
185 if (valid) { 337 // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => {
186 console.log("from",this.form); 338 // if (res.code == 200) {
187 // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => { 339 // this.$message.success("新增成功")
188 // if (res.code == 200) { 340 // this.closeaddDiglog();
189 // this.$message.success("新增成功") 341 // this.getList()
190 // this.closeaddDiglog(); 342 // } else {
191 // this.getList() 343 // this.$message.error(res.message)
192 // } else { 344 // }
193 // this.$message.error(res.message) 345 // })
194 // } 346 } else {
195 // }) 347 return false;
196 } else { 348 }
197 return false; 349 });
350 this.isshow = false;
351 },
352 // 审批意见保存
353 spyjsubmitForm() {
354 console.log("this.ruleForm",this.ruleForm);
355 // this.ruleForm.bsmSlsq = this.bsmSlsq
356 // this.ruleForm.bestepid = this.bestepid
357 // saveSpyjBySlsq(this.ruleForm).then(res => {
358 // if (res.code === 200) {
359 // this.$message.success("保存成功")
360 // this.refresh += 1
361 // } else {
362 // this.$message.error(res.message)
363 // }
364 // })
365 },
366
367 // 材料信息保存
368 clxxsubmitForm() {},
369 closeDialog() {
370 this.$alert("取消后填写内容将被清空", "提示", {
371 confirmButtonText: "确定",
372 callback: (action) => {
373 this.$message({
374 type: "info",
375 message: "已取消",
376 });
377 this.$popupCacel();
378 this.$refs["form"].resetFields();
379 },
380 });
381
382 // this.resetTableFields();
383 },
384 handleTabClick() {},
385
386 //使用常用意见
387 useOpinion(opinion) {
388 this.ruleForm.shyj = opinion;
389 },
390
391
392 // 材料上传
393 // 自动预览
394 nextPriview () {
395 if (this.treeCheckIndex < this.tableData.length) {
396 this.treeCheckIndex++
397 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
398 this.previewImg.index = 0
399 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
400 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
401 }
402 },
403 prevPriview () {
404 if (this.treeCheckIndex >= 1) {
405 this.treeCheckIndex--
406 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
407 this.previewImg.index = this.previewImg.imgList.length
408 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
409 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
410 }
411 },
412 // 材料目录明细初始化
413 clmlInitList (type) {
414 this.tableData = []
415 //type 1：列表初始化 2：新增材料
416 // return new Promise(resolve => {
417 // this.unitData = this.$parent.unitData;
418 // var formdata = new FormData();
419 // formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
420 // formdata.append("bsmSlsq", this.$parent.bsmSlsq);
421 // InitClml(formdata).then((res) => {
422 // if (res.code == 200) {
423 // resolve(res.code)
424 // if (res.result && res.result.length > 0) {
425
426 // if (type == 1) {
427 // this.treeClick(this.tableData[0], 0);
428 // } else {
429 // //新增材料后刷新列表焦点置于新增的对象上
430 // this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1);
431 // }
432 // }
433 // } else {
434 // this.$message.error(res.message)
435 // }
436 // })
437 // })
438 },
439 setChecked (item) {
440 this.treeCheckId = item.bsmSj;
441 this.title = item.sjmc;
442 this.titleYs = 1;
443 this.titleNum = item.children.length;
444 this.previewImg.imgList = item.children;
445 this.previewImg.bsmSj = item.bsmSj;
446 },
447 updateList (val) {
448 let that = this
449 if (val != null) { //删除最后一张图片时 val=null
450 this.tableData.forEach(item => {
451 if (item.bsmSj === val.bsmSj) {
452 item.children = val.children
453 }
454 })
455 this.previewImg.imgList = _.cloneDeep(val.children)
456 if (this.previewImg.index == this.previewImg.imgList.length) {
457 this.previewImg.index = this.previewImg.index - 1
458 }
459 } else {
460 this.previewImg.imgList = []
461 this.tableData.forEach((item, index) => {
462 if (this.treeCheckId == item.bsmSj) {
463 item.children = []
464 that.treeCheckIndex = index
465 }
466 })
467 }
468
469 },
470 // 添加材料目录
471 handleAdd () {
472 console.log("新增");
473 this.isDialog = true;
474 },
475 // 新增弹窗保存
476 addSave (data) {
477 let obj = {
478 bsmSlsq: this.$parent.bsmSlsq,
479 isrequired: "1",
480 sjmc: data.clmc,
481 sjsl: 0,
482 smzt: '',
483 ys: 0,
484 sjlx: data.cllx,
485 sfxjcl: "1", // 是否必选
486 };
487 saveClml(obj).then(async (res) => {
488 if (res.code == 200) {
489 let res = await this.clmlInitList(2)
490 if (res == 200) this.$message({
491 message: "新增成功",
492 type: "success",
493 })
198 } 494 }
199 }); 495 });
200 }, 496 },
201 closeDialog () { 497 // 材料目录点击选中
202 console.log("this.$refs['form']",this.$refs['form']); 498 treeClick (item, index) {
203 this.$popupCacel() 499 this.previewImg.index = 0
204 this.$refs['form'].resetFields(); 500 this.treeCheckId = item?.bsmSj
205 // this.resetTableFields(); 501 this.treeCheckIndex = index
206 } 502 this.previewImg.imgList = item?.children
503 this.previewImg.bsmSj = item?.bsmSj
504 },
505 // 小图片点击
506 imgClick (item, index) {
507 this.showImg = item;
508 this.titleYs = index + 1;
509 },
510 // 字典
511 dicStatus (val, code) {
512 let data = this.$store.getters.dictData[code],
513 name = "暂无";
514 if (data) {
515 data.map((item) => {
516 if (item.dcode == val) {
517 name = item.dname
518 }
519 });
520 return name
521 }
522 },
523 //查看明细
524 viewDetail () {
525 console.log("查看明细");
526 this.$popupDialog("查看明细", "djbBook/components/clxxDetailDialog", {
527 data: this.tableData
528 }, "60%")
529 },
530 //设置tableData
531 setTableData (tableData) {
532 this.$nextTick(res => {
533 this.tableData = tableData;
534 })
535 },
207 }, 536 },
208 }; 537 };
209 </script> 538 </script>
...@@ -211,18 +540,237 @@ export default { ...@@ -211,18 +540,237 @@ export default {
211 @import "~@/styles/mixin.scss"; 540 @import "~@/styles/mixin.scss";
212 @import "~@/styles/public.scss"; 541 @import "~@/styles/public.scss";
213 542
214 543 .from-clues-header {
215 .jtfccx-edit {
216 @include flex; 544 @include flex;
217 flex-direction: column; 545 flex-direction: column;
218 overflow-y: hidden; 546 overflow-y: hidden;
219 max-height: 85vh; 547 height: 620px;
220 padding: 0 2px; 548 padding: 0 2px;
221 549
550 .btn {
551 margin-top: 40px;
552 margin-bottom: 20px;
553 text-align: center;
554 }
555 }
556
557 // 审批意见样式
558
559 .spyj {
560 .box {
561 overflow-x: auto;
562 width: 100%;
563 height: 95%;
564 background: #fff;
565 text-align: center;
566 padding: 4px;
567 overflow-y: scroll;
568 padding-top: 20px;
569 padding: 20px 40px;
570 /deep/.el-input__inner {
571 width: 200px;
572 border:none;
573 }
574 }
575 .spyj_title {
576 line-height: 68px;
577 border: 1px solid $borderColor;
578 text-align: center;
579 font-size: 22px;
580 font-weight: 400;
581 background-color: #eceef2;
582 display: block;
583 border-bottom: none;
584 }
585
586 /deep/.el-form-item {
587 margin-bottom: 0;
588 }
589
590 .bottom10 {
591 margin-bottom: 15px;
592 }
593
594 .spyj_form {
595 display: flex;
596 border: 1px solid $borderColor;
597
598 .item_left {
599 width: 150px;
600 background-color: #f8f8fa;
601 color: #606266;
602 display: flex;
603 font-size: 14px;
604 text-indent: 80px;
605 align-items: center;
606 border-right: 1px solid $borderColor;
607 }
222 608
223 .btn{ 609 .item_right {
224 text-align: center; 610 flex: 1;
611 width: 100%;
225 612
226 } 613 /deep/.el-form-item__label {
614 background-color: #f8f8fa;
615 }
616 /deep/.el-form-item__content {
617 display: block;
618 text-align: left;
619 text-indent: 10px;
620 }
621 .opinion_item {
622 /deep/.el-form-item__error {
623 margin-top: -16px !important;
624 left: 3px;
625 }
626
627 border-bottom: 1px solid $borderColor;
628 }
629
630 .opinion {
631 position: relative;
632 font-size: 14px;
633
634 /deep/.el-textarea__inner {
635 border: none;
636 }
637 }
638
639 .opinion_btn {
640 position: absolute;
641 right: 15px;
642 bottom: 10px;
643 }
644 }
645 }
646
647 .submit_button {
648 text-align: center;
649 margin: 15px 0;
650 }
227 } 651 }
652
653 // 材料信息样式
654 .active {
655 background: $light-blue !important;
656 color: #fff;
657 }
658
659 .required {
660 font-size: 12px;
661 color: $pink;
662 float: left;
663 }
664
665 .cl_number {
666 float: right;
667 }
668
669 .clxx {
670 width: 100%;
671 display: flex;
672 padding-left: 5px;
673 height: calc(100vh - 125px);
674
675 .left {
676 display: flex;
677 flex-direction: column;
678 justify-content: space-between;
679
680 .item {
681 width: 28px;
682 height: 49%;
683 @include flex-center;
684 background-color: #e4e7ed;
685 border-bottom-right-radius: 10px;
686 padding: 5px;
687 cursor: pointer;
688 transition: all 0.3s;
689
690 &:hover {
691 @extend .active;
692 }
693 }
694 }
695
696 .right {
697 width: 100%;
698 height: 100%;
699
700 .clmlmx-box {
701 margin: 0 auto;
702
703 .title {
704 text-align: center;
705 height: 60px;
706 line-height: 60px;
707 border: 1px solid #dfe6ec;
708 font-size: 20px;
709 background: #81d3f81a;
710 margin-bottom: -1px;
711 }
712 }
713
714 .clyl-box {
715 width: 100%;
716 height: 100%;
717 display: flex;
718
719 .menu-tree {
720 width: 20%;
721 min-width: 160px;
722 height: 100%;
723 margin-right: 10px;
724 border-right: 1px dotted #d9d9d9;
725 padding: 0 15px;
726
727 .item {
728 line-height: 30px;
729 padding-top: 5px;
730 border-bottom: 1px solid #e8e8e8;
731 font-size: 16px;
732 text-align: center;
733 color: $light-blue;
734
735 .itemIcon {
736 float: right;
737 line-height: 60px;
738 cursor: pointer;
739 }
740
741 .child {
742 line-height: 32px;
743 border-bottom: 1px solid #e8e8e8;
744 padding-left: 10px;
745 color: #6b6b6b;
746 cursor: pointer;
747 box-sizing: border-box;
748 border-radius: 6px;
749 line-height: 20px;
750 transition: all 0.3s;
751 padding: 8px 0;
752 }
753
754 .child:hover {
755 color: $light-blue;
756 transform: scale(1.1);
757 }
758
759 .checked {
760 border: 1px solid $light-blue;
761 color: $light-blue;
762 }
763 }
764 }
765
766 .clyl-img {
767 width: 75%;
768 height: 100%;
769 background: #f3f4f7;
770 margin: 0 auto;
771 position: relative;
772 }
773 }
774 }
775 }
228 </style> 776 </style>
......
1 <template>
2 <div class="jtfccx-edit">
3 <div class="jtfccx-edit-con">
4 <el-form ref="form" :model="form" label-width="160px">
5 <el-row>
6 <el-col :span="8">
7 <el-form-item label="权属状态" label-width="140px">
8 <el-select v-model="form.qszt">
9 <el-option v-for="item in qsztList" :key="item.value" :label="item.label" :value="item.value">
10 </el-option>
11 </el-select>
12 </el-form-item>
13 </el-col>
14 <el-col :span="8">
15 <el-form-item label="权利类型" label-width="140px">
16 <el-input v-model="form.qllxmc" ></el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="8">
20 <el-form-item label="登记类型" label-width="140px">
21 <el-input v-model="form.djlxmc" ></el-input>
22 </el-form-item>
23 </el-col>
24 <el-col :span="8">
25 <el-form-item label="上手业务号" label-width="140px">
26 <el-input v-model="form.ssywh" ></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="档案号" label-width="140px">
31 <el-input v-model="form.dah" ></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="业务号" label-width="140px">
36 <el-input v-model="form.ywh" ></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="不动产单元号" label-width="140px">
41 <el-input v-model="form.bdcdyh" ></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item label="坐落" label-width="140px">
46 <el-input v-model="form.zl" ></el-input>
47 </el-form-item>
48 </el-col>
49 <el-col :span="8">
50 <el-form-item label="共有情况" label-width="140px">
51 <el-input v-model="form.gyqk" ></el-input>
52 </el-form-item>
53 </el-col>
54 <el-col :span="8">
55 <el-form-item label="权利人类型" label-width="140px">
56 <el-input v-model="form.qlrlx" ></el-input>
57 </el-form-item>
58 </el-col>
59 <el-col :span="8">
60 <el-form-item label="权利人" label-width="140px">
61 <el-input v-model="form.qlrmc" ></el-input>
62 </el-form-item>
63 </el-col>
64 <el-col :span="8">
65 <el-form-item label="证件种类" label-width="140px">
66 <el-input v-model="form.qlrzjzl" ></el-input>
67 </el-form-item>
68 </el-col>
69 <el-col :span="8">
70 <el-form-item label="证件号" label-width="140px">
71 <el-input v-model="form.qlrzjhm" ></el-input>
72 </el-form-item>
73 </el-col>
74 <el-col :span="8">
75 <el-form-item label="使用权面积" label-width="140px">
76 <el-input v-model="form.mj" ></el-input>
77 </el-form-item>
78 </el-col>
79 <el-col :span="8">
80 <el-form-item label="权利性质" label-width="140px">
81 <el-input v-model="form.qlxzmc" ></el-input>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item label="土地用途" label-width="140px">
86 <el-input v-model="form.ytmc" ></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item label="使用权起止时间" label-width="140px">
91 <el-input v-model="form.syqqzsj" ></el-input>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8">
95 <el-form-item label="土地使用期限" label-width="140px">
96 <el-input v-model="form.tdsyqx" ></el-input>
97 </el-form-item>
98 </el-col>
99 <el-col :span="8">
100 <el-form-item label="取得价格(万元)" label-width="140px">
101 <el-input v-model="form.qdjg" ></el-input>
102 </el-form-item>
103 </el-col>
104 <el-col :span="8">
105 <el-form-item label="登记原因" label-width="140px">
106 <el-input v-model="form.djyy" ></el-input>
107 </el-form-item>
108 </el-col>
109 <el-col :span="8">
110 <el-form-item label="不动产权证号" label-width="140px">
111 <el-input v-model="form.bdcqzh" ></el-input>
112 </el-form-item>
113 </el-col>
114 <el-col :span="8">
115 <el-form-item label="登记时间" label-width="140px">
116 <el-input v-model="form.djsj" ></el-input>
117 </el-form-item>
118 </el-col>
119 <el-col :span="8">
120 <el-form-item label="登簿人" label-width="140px">
121 <el-input v-model="form.dbr" ></el-input>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="附记" label-width="140px">
126 <el-input v-model="form.fj" ></el-input>
127 </el-form-item>
128 </el-col>
129 </el-row>
130 <el-form-item class="btn">
131 <el-button type="primary" @click="submitForm">保存</el-button>
132 <el-button @click="closeDialog">取消</el-button>
133 </el-form-item>
134 </el-form>
135
136 </div>
137
138 </div>
139 </template>
140 <script>
141 export default {
142 props: {
143 formData: {
144 type: Object,
145 default: () => { },
146 },
147 },
148 data () {
149 return {
150 form:{},
151 qsztList: [
152 {
153 value: "0",
154 label: "临时",
155 },
156 {
157 value: "1",
158 label: "现势",
159 },
160 {
161 value: "2",
162 label: "历史",
163 },
164
165 ],
166 label:"",
167 };
168 },
169 mounted () {
170 if (this.formData.data) {
171 this.$nextTick(() => {
172 this.form = Object.assign({}, this.formData.data)
173 this.form.qszt=this.form.qszt=='0'?"临时":this.form.qszt=='1'?"现势":"历史"
174 })
175 }
176 },
177
178 methods: {
179 //新增常用意见
180 submitForm () {
181
182 this.$refs.form.validate(valid => {
183 if (valid) {
184 // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => {
185 // if (res.code == 200) {
186 // this.$message.success("新增成功")
187 // this.closeaddDiglog();
188 // this.getList()
189 // } else {
190 // this.$message.error(res.message)
191 // }
192 // })
193 } else {
194 return false;
195 }
196 });
197 },
198 closeDialog () {
199 this.$popupCacel()
200 this.$refs['form'].resetFields();
201 // this.resetTableFields();
202 }
203 },
204 };
205 </script>
206 <style scoped lang="scss">
207 @import "~@/styles/mixin.scss";
208 @import "~@/styles/public.scss";
209
210
211 .jtfccx-edit {
212 @include flex;
213 flex-direction: column;
214 overflow-y: hidden;
215 max-height: 85vh;
216 padding: 0 2px;
217
218
219 .btn{
220 text-align: center;
221
222 }
223 }
224 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-09 09:20:10
5 -->
6 <template>
7 <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
8 :isFullscreen="false">
9 <el-form :model="ruleForm" ref="ruleForm" label-width="70px">
10 <el-row>
11 <el-col :span="24">
12 <el-form-item label="材料类型">
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">
15 </el-option>
16 </el-select>
17 </el-form-item>
18 </el-col>
19 </el-row>
20 <el-row :gutter="20">
21 <el-col :span="24">
22 <el-form-item label="材料名称">
23 <el-input v-model="ruleForm.clmc"></el-input>
24 </el-form-item>
25 </el-col>
26 </el-row>
27 </el-form>
28 </dialogBox>
29 </template>
30
31 <script>
32 import { mapGetters } from "vuex";
33 export default {
34 props: {
35 value: { type: Boolean, default: false },
36 },
37 data () {
38 return {
39 myValue: this.value,
40 ruleForm: {
41 cllx: "",
42 clmc: "",
43 },
44 };
45 },
46 computed: {
47 ...mapGetters(["dictData"]),
48 },
49 watch: {
50 value (val) {
51 this.myValue = val;
52 },
53 },
54 methods: {
55 closeDialog () {
56 this.$emit("input", false);
57 this.ruleForm = {
58 cllx: "",
59 clmc: "",
60 }
61 },
62 handleSubmit () {
63 this.$parent.addSave(this.ruleForm);
64 this.ruleForm = {
65 cllx: "",
66 clmc: "",
67 }
68 this.$emit("input", false);
69 },
70 },
71 };
72 </script>
73 <style scoped lang="scss">
74 .submit-button {
75 text-align: center;
76 height: 52px;
77 padding-top: 10px;
78 background-color: #fff;
79 }
80 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:40:38
5 -->
6 <template>
7 <div class="clxx">
8 <div class="right">
9 <!-- 材料预览 -->
10 <div class="clyl-box">
11 <div class="menu-tree">
12 <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button>
13 <div class="item">
14 材料目录({{tableData.length}})
15 <div style="margin-top:10px">
16 <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div>
17 <div v-for="(item,index) in tableData" :key="item.bsmSj"
18 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
19 <span v-if="item.isrequired==1" class="required">必选</span>
20 {{ item.sjmc }}
21 <span class="cl_number">({{item.children ? item.children.length : 0}})</span>
22 </div>
23 </div>
24 </div>
25 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button>
26 </div>
27 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
28 @prevPriview="prevPriview" />
29 </div>
30 </div>
31 <clxxAddDialog v-model="isDialog" />
32 </div>
33 </template>
34 <script>
35 import { mapGetters } from "vuex";
36 import clxxAddDialog from "./clxxAddDialog.vue";
37 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
38 export default {
39 components: { clxxAddDialog},
40 data () {
41 return {
42 isDialog: false,
43 iclass: "",
44 // 材料目录选中
45 treeCheckIndex: 0,
46 treeCheckId: "",
47 key: 0,
48 tableData: [],
49 previewImg: {
50 // 收件标识码
51 bsmSj: '',
52 bsmSlsq: this.$parent.bsmSlsq,
53 index: 0,
54 selectedIndex: 0,
55 imgList: []
56 }
57 }
58 },
59 computed: {
60 ...mapGetters(["dictData"])
61 },
62 created () {
63 this.clmlInitList(1)
64 },
65 methods: {
66 // 自动预览
67 nextPriview () {
68 if (this.treeCheckIndex < this.tableData.length) {
69 this.treeCheckIndex++
70 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
71 this.previewImg.index = 0
72 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
73 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
74 }
75 },
76 prevPriview () {
77 if (this.treeCheckIndex >= 1) {
78 this.treeCheckIndex--
79 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
80 this.previewImg.index = this.previewImg.imgList.length
81 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
82 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
83 }
84 },
85 // 材料目录明细初始化
86 clmlInitList (type) {
87 //type 1：列表初始化 2：新增材料
88 return new Promise(resolve => {
89 this.unitData = this.$parent.unitData;
90 var formdata = new FormData();
91 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
92 formdata.append("bsmSlsq", this.$parent.bsmSlsq);
93 InitClml(formdata).then((res) => {
94 if (res.code == 200) {
95 resolve(res.code)
96 if (res.result && res.result.length > 0) {
97 this.tableData = res.result;
98 if (type == 1) {
99 this.treeClick(this.tableData[0], 0);
100 } else {
101 //新增材料后刷新列表焦点置于新增的对象上
102 this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1);
103 }
104 }
105 } else {
106 this.$message.error(res.message)
107 }
108 })
109 })
110 },
111 setChecked (item) {
112 this.treeCheckId = item.bsmSj;
113 this.title = item.sjmc;
114 this.titleYs = 1;
115 this.titleNum = item.children.length;
116 this.previewImg.imgList = item.children;
117 this.previewImg.bsmSj = item.bsmSj;
118 },
119 updateList (val) {
120 let that = this
121 if (val != null) { //删除最后一张图片时 val=null
122 this.tableData.forEach(item => {
123 if (item.bsmSj === val.bsmSj) {
124 item.children = val.children
125 }
126 })
127 this.previewImg.imgList = _.cloneDeep(val.children)
128 if (this.previewImg.index == this.previewImg.imgList.length) {
129 this.previewImg.index = this.previewImg.index - 1
130 }
131 } else {
132 this.previewImg.imgList = []
133 this.tableData.forEach((item, index) => {
134 if (this.treeCheckId == item.bsmSj) {
135 item.children = []
136 that.treeCheckIndex = index
137 }
138 })
139 }
140
141 },
142 // 添加材料目录
143 handleAdd () {
144 this.isDialog = true;
145 },
146 // 新增弹窗保存
147 addSave (data) {
148 let obj = {
149 bsmSlsq: this.$parent.bsmSlsq,
150 isrequired: "1",
151 sjmc: data.clmc,
152 sjsl: 0,
153 smzt: '',
154 ys: 0,
155 sjlx: data.cllx,
156 sfxjcl: "1", // 是否必选
157 };
158 saveClml(obj).then(async (res) => {
159 if (res.code == 200) {
160 let res = await this.clmlInitList(2)
161 if (res == 200) this.$message({
162 message: "新增成功",
163 type: "success",
164 })
165 }
166 });
167 },
168 // 材料目录点击选中
169 treeClick (item, index) {
170 this.previewImg.index = 0
171 this.treeCheckId = item?.bsmSj
172 this.treeCheckIndex = index
173 this.previewImg.imgList = item?.children
174 this.previewImg.bsmSj = item?.bsmSj
175 },
176 // 小图片点击
177 imgClick (item, index) {
178 this.showImg = item;
179 this.titleYs = index + 1;
180 },
181 // 字典
182 dicStatus (val, code) {
183 let data = this.$store.getters.dictData[code],
184 name = "暂无";
185 if (data) {
186 data.map((item) => {
187 if (item.dcode == val) {
188 name = item.dname
189 }
190 });
191 return name
192 }
193 },
194 //查看明细
195 viewDetail () {
196 this.$popupDialog("查看明细", "workflow/components/dialog/clxxDetailDialog", {
197 data: this.tableData
198 }, "60%")
199 },
200 //设置tableData
201 setTableData (tableData) {
202 this.$nextTick(res => {
203 this.tableData = tableData;
204 })
205 },
206 },
207 };
208 </script>
209 <style scoped lang='scss'>
210 @import "~@/styles/mixin.scss";
211
212 .active {
213 background: $light-blue !important;
214 color: #fff;
215 }
216
217 .required {
218 font-size: 12px;
219 color: $pink;
220 float: left;
221 }
222
223 .cl_number {
224 float: right;
225 }
226
227 .clxx {
228 width: 100%;
229 display: flex;
230 padding-left: 5px;
231 height: calc(100vh - 125px);
232
233 .left {
234 display: flex;
235 flex-direction: column;
236 justify-content: space-between;
237
238 .item {
239 width: 28px;
240 height: 49%;
241 @include flex-center;
242 background-color: #e4e7ed;
243 border-bottom-right-radius: 10px;
244 padding: 5px;
245 cursor: pointer;
246 transition: all 0.3s;
247
248 &:hover {
249 @extend .active;
250 }
251 }
252 }
253
254 .right {
255 width: 100%;
256 height: 100%;
257
258 .clmlmx-box {
259 margin: 0 auto;
260
261 .title {
262 text-align: center;
263 height: 60px;
264 line-height: 60px;
265 border: 1px solid #dfe6ec;
266 font-size: 20px;
267 background: #81d3f81a;
268 margin-bottom: -1px;
269 }
270 }
271
272 .clyl-box {
273 width: 100%;
274 height: 100%;
275 display: flex;
276
277 .menu-tree {
278 width: 20%;
279 min-width: 160px;
280 height: 100%;
281 margin-right: 10px;
282 border-right: 1px dotted #d9d9d9;
283 padding: 0 15px;
284
285 .item {
286 line-height: 30px;
287 padding-top: 5px;
288 border-bottom: 1px solid #e8e8e8;
289 font-size: 16px;
290 text-align: center;
291 color: $light-blue;
292
293 .itemIcon {
294 float: right;
295 line-height: 60px;
296 cursor: pointer;
297 }
298
299 .child {
300 line-height: 32px;
301 border-bottom: 1px solid #e8e8e8;
302 padding-left: 10px;
303 color: #6b6b6b;
304 cursor: pointer;
305 box-sizing: border-box;
306 border-radius: 6px;
307 line-height: 20px;
308 transition: all 0.3s;
309 padding: 8px 0;
310 }
311
312 .child:hover {
313 color: $light-blue;
314 transform: scale(1.1);
315 }
316
317 .checked {
318 border: 1px solid $light-blue;
319 color: $light-blue;
320 }
321 }
322 }
323
324 .clyl-img {
325 width: 75%;
326 height: 100%;
327 background: #f3f4f7;
328 margin: 0 auto;
329 position: relative;
330 }
331 }
332 }
333 }
334 </style>
1 <!--
2 * @Description: 功能：审批意见
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:41:24
5 -->
6 <template>
7 <div class='spyj loadingtext'>
8 <div class="box">
9 <b class="spyj_title">审批表</b>
10 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
11 <div class="spyj_form" v-for="(item, index) in tableData" :key="index">
12 <div class="item_left">
13 {{ item.jdmc }}意见
14 </div>
15 <div class="item_right">
16 <el-row>
17 <el-col :span="24">
18 <el-form-item label-width="0" class="opinion_item" prop="shyj">
19 <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见"
20 v-if="item.stepShjy == '1' && ableOperation" v-model="ruleForm.shyj"></el-input>
21 <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true">
22 </el-input>
23 <el-button class="opinion_btn" @click="commonOpinion"
24 v-if="item.stepShjy == '1' && ableOperation">常用意见</el-button>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row>
29 <el-col :span="16">
30 <el-form-item label="审查人" prop="shryxm">
31 {{ item.shryxm }}
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="审核时间" prop="shjssj" :key="refresh">
36 {{ item.shjssj }}
37 </el-form-item>
38 </el-col>
39 </el-row>
40 </div>
41 </div>
42 <div class="submit_button" v-if="ableOperation">
43 <el-button type="primary" @click="onSubmit">保存</el-button>
44 </div>
45 </el-form>
46 </div>
47 <el-empty v-if="isNoData" description="暂无数据"></el-empty>
48 </div>
49 </template>
50 <script>
51 import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js";
52 import { mapGetters } from 'vuex'
53 export default {
54 computed: {
55 ...mapGetters(['userData', 'yjsqOptions'])
56 },
57 data () {
58 return {
59 isNoData: false,
60 bsmSlsq: '',
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.bsmBusiness);
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 this.tableData = res.result ? res.result : []
105 if (res.result.length == 0) {
106 that.isNoData = true
107 }
108 this.ruleForm = res.result[res.result.length - 1]
109 }
110 })
111 },
112 onSubmit () {
113 this.ruleForm.bsmSlsq = this.bsmSlsq
114 this.ruleForm.bestepid = this.bestepid
115 saveSpyjBySlsq(this.ruleForm).then(res => {
116 if (res.code === 200) {
117 this.$message.success("保存成功")
118 this.refresh += 1
119 } else {
120 this.$message.error(res.message)
121 }
122 })
123 },
124 //打开常用意见列表弹窗
125 commonOpinion () {
126 this.$popupDialog("常用意见", "workflow/components/dialog/commonOpinion", {}, "70%", true)
127 },
128 //使用常用意见
129 useOpinion (opinion) {
130 this.ruleForm.shyj = opinion
131 }
132 }
133 }
134 </script>
135 <style scoped lang='scss'>
136 @import "~@/styles/mixin.scss";
137
138 .spyj {
139 width: 100%;
140 height: 100%;
141 background-color: #f5f5f5;
142 padding: 5px;
143 .box {
144 overflow-x: auto;
145 width: 100%;
146 height: 95%;
147 background: #fff;
148 text-align: center;
149 padding: 4px;
150 overflow-y: scroll;
151 padding-top: 20px;
152 padding: 20px 40px;
153 }
154 .spyj_title {
155 line-height: 68px;
156 border: 1px solid $borderColor;
157 text-align: center;
158 font-size: 22px;
159 font-weight: 400;
160 background-color: #eceef2;
161 display: block;
162 border-bottom: none;
163 }
164
165 /deep/.el-form-item {
166 margin-bottom: 0;
167 }
168
169 .bottom10 {
170 margin-bottom: 15px;
171 }
172
173 .spyj_form {
174 display: flex;
175 border: 1px solid $borderColor;
176
177 .item_left {
178 width: 150px;
179 background-color: #f8f8fa;
180 color: #606266;
181 display: flex;
182 font-size: 14px;
183 text-indent: 80px;
184 align-items: center;
185 border-right: 1px solid $borderColor;
186 }
187
188 .item_right {
189 flex: 1;
190 width: 100%;
191
192 /deep/.el-form-item__label {
193 background-color: #f8f8fa;
194 }
195 /deep/.el-form-item__content {
196 display: block;
197 text-align: left;
198 text-indent: 10px;
199 }
200 .opinion_item {
201 /deep/.el-form-item__error {
202 margin-top: -16px !important;
203 left: 3px;
204 }
205
206 border-bottom: 1px solid $borderColor;
207 }
208
209 .opinion {
210 position: relative;
211 font-size: 14px;
212
213 /deep/.el-textarea__inner {
214 border: none;
215 }
216 }
217
218 .opinion_btn {
219 position: absolute;
220 right: 15px;
221 bottom: 10px;
222 }
223 }
224 }
225
226 .submit_button {
227 text-align: center;
228 margin: 15px 0;
229 }
230 }
231 </style>
1 <!--
2 * @Description :抵押权登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:41:50
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -20,6 +25,11 @@ ...@@ -20,6 +25,11 @@
20 row.qszt == '0' ? 'linshi' : '', 25 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
22 ]"> 27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <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="AddDialog(row)">新增</el-button>
31 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
32 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 33 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 34 正在办理
25 </div> 35 </div>
...@@ -95,6 +105,48 @@ export default { ...@@ -95,6 +105,48 @@ export default {
95 } 105 }
96 return name; 106 return name;
97 }, 107 },
108 AddDialog(row){
109 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
110 data: ''
111 })
112 },
113 editDialog(row){
114 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
115 datalist:this.columns,
116 data: row,
117
118 })
119 },
120 // 删除
121 deleteDialog(row){
122 let that = this
123 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
124 confirmButtonText: '确定',
125 cancelButtonText: '取消',
126 type: 'warning'
127 }).then(async () => {
128 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
129 // deleteClmx(bsmClmx).then(res => {
130 // if (res.code == 200) {
131 // that.$emit('updateList', res.result)
132 // that.$message({
133 // message: '删除成功!',
134 // type: 'success'
135 // })
136 // }
137 // })
138 that.$message({
139 message: '删除成功!',
140 type: 'success'
141 })
142 }).catch(() => {
143 this.$message({
144 type: 'info',
145 message: '已取消删除'
146 })
147 })
148
149 }
98 }, 150 },
99 }; 151 };
100 </script> 152 </script>
......
1 <!--
2 * @Description : 地役权登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:45:17
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -20,6 +25,11 @@ ...@@ -20,6 +25,11 @@
20 row.qszt == '0' ? 'linshi' : '', 25 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
22 ]"> 27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <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="AddDialog(row)">新增</el-button>
31 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
32 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 33 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 34 正在办理
25 </div> 35 </div>
...@@ -95,6 +105,49 @@ export default { ...@@ -95,6 +105,49 @@ export default {
95 } 105 }
96 return name; 106 return name;
97 }, 107 },
108 AddDialog(row){
109 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
110 data: ''
111 })
112 },
113 editDialog(row){
114 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
115 datalist:this.columns,
116 data: row,
117
118 })
119 },
120 // 删除
121 deleteDialog(row){
122 let that = this
123 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
124 confirmButtonText: '确定',
125 cancelButtonText: '取消',
126 type: 'warning'
127 }).then(async () => {
128
129 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
130 // deleteClmx(bsmClmx).then(res => {
131 // if (res.code == 200) {
132 // that.$emit('updateList', res.result)
133 // that.$message({
134 // message: '删除成功!',
135 // type: 'success'
136 // })
137 // }
138 // })
139 that.$message({
140 message: '删除成功!',
141 type: 'success'
142 })
143 }).catch(() => {
144 this.$message({
145 type: 'info',
146 message: '已取消删除'
147 })
148 })
149
150 }
98 }, 151 },
99 }; 152 };
100 </script> 153 </script>
......
1 <!--
2 * @Description : 房地产权1
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:45:00
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -22,6 +27,11 @@ ...@@ -22,6 +27,11 @@
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
24 ]"> 29 ]">
30 <div class="setbut" v-if="item.prop == 'cz'">
31 <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="AddDialog(row)">新增</el-button>
33 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
34 </div>
25 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 35 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
26 正在办理 36 正在办理
27 </div> 37 </div>
...@@ -100,6 +110,49 @@ ...@@ -100,6 +110,49 @@
100 } 110 }
101 return name; 111 return name;
102 }, 112 },
113 AddDialog(row){
114 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
115 data: ''
116 })
117 },
118 editDialog(row){
119 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
120 datalist:this.columns,
121 data: row,
122
123 })
124 },
125 // 删除
126 deleteDialog(row){
127 let that = this
128 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
129 confirmButtonText: '确定',
130 cancelButtonText: '取消',
131 type: 'warning'
132 }).then(async () => {
133
134 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
135 // deleteClmx(bsmClmx).then(res => {
136 // if (res.code == 200) {
137 // that.$emit('updateList', res.result)
138 // that.$message({
139 // message: '删除成功!',
140 // type: 'success'
141 // })
142 // }
143 // })
144 that.$message({
145 message: '删除成功!',
146 type: 'success'
147 })
148 }).catch(() => {
149 this.$message({
150 type: 'info',
151 message: '已取消删除'
152 })
153 })
154
155 }
103 }, 156 },
104 }; 157 };
105 </script> 158 </script>
......
1 <!--
2 * @Description : 房地产权2
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:42:33
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -20,6 +25,11 @@ ...@@ -20,6 +25,11 @@
20 row.qszt == '0' ? 'linshi' : '', 25 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
22 ]"> 27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <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="AddDialog(row)">新增</el-button>
31 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
32 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 33 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 34 正在办理
25 </div> 35 </div>
...@@ -95,6 +105,49 @@ export default { ...@@ -95,6 +105,49 @@ export default {
95 } 105 }
96 return name; 106 return name;
97 }, 107 },
108 AddDialog(row){
109 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
110 data: ''
111 })
112 },
113 editDialog(row){
114 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
115 datalist:this.columns,
116 data: row,
117
118 })
119 },
120 // 删除
121 deleteDialog(row){
122 let that = this
123 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
124 confirmButtonText: '确定',
125 cancelButtonText: '取消',
126 type: 'warning'
127 }).then(async () => {
128
129 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
130 // deleteClmx(bsmClmx).then(res => {
131 // if (res.code == 200) {
132 // that.$emit('updateList', res.result)
133 // that.$message({
134 // message: '删除成功!',
135 // type: 'success'
136 // })
137 // }
138 // })
139 that.$message({
140 message: '删除成功!',
141 type: 'success'
142 })
143 }).catch(() => {
144 this.$message({
145 type: 'info',
146 message: '已取消删除'
147 })
148 })
149
150 }
98 }, 151 },
99 }; 152 };
100 </script> 153 </script>
......
1 <!--
2 * @Description :国有建设用地使用权
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-05 15:40:51
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -73,6 +78,7 @@ ...@@ -73,6 +78,7 @@
73 }, 78 },
74 methods: { 79 methods: {
75 loadData () { 80 loadData () {
81 console.log(" this.propsParam", this.propsParam);
76 getJsydsyqList({ 82 getJsydsyqList({
77 bdcdyid: this.propsParam.bdcdyid, 83 bdcdyid: this.propsParam.bdcdyid,
78 qllx: this.propsParam.qllx, 84 qllx: this.propsParam.qllx,
...@@ -80,7 +86,6 @@ ...@@ -80,7 +86,6 @@
80 }).then((res) => { 86 }).then((res) => {
81 if (res.code === 200) { 87 if (res.code === 200) {
82 this.tableData = res.result; 88 this.tableData = res.result;
83 console.log("this.tableData",this.tableData);
84 if (this.tableData.length < datas.columns().emptycolNum) { 89 if (this.tableData.length < datas.columns().emptycolNum) {
85 this.emptycolNum = 90 this.emptycolNum =
86 datas.columns().emptycolNum - this.tableData.length; 91 datas.columns().emptycolNum - this.tableData.length;
...@@ -110,17 +115,20 @@ ...@@ -110,17 +115,20 @@
110 }, 115 },
111 AddDialog(row){ 116 AddDialog(row){
112 this.$popupDialog("新增", "djbBook/components/djbeditDialog", { 117 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
118 datalist:this.columns,
113 data: '' 119 data: ''
120
114 }) 121 })
115 }, 122 },
116 editDialog(row){ 123 editDialog(row){
117 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", { 124 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
118 data: row 125 datalist:this.columns,
126 data: row,
127
119 }) 128 })
120 }, 129 },
121 // 删除 130 // 删除
122 deleteDialog(row){ 131 deleteDialog(row){
123 console.log("row",row);
124 let that = this 132 let that = this
125 this.$confirm('此操作将永久删除, 是否继续?', '提示', { 133 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
126 confirmButtonText: '确定', 134 confirmButtonText: '确定',
......
1 <!--
2 * @Description :用地
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:43:11
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -22,6 +27,11 @@ ...@@ -22,6 +27,11 @@
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
24 ]"> 29 ]">
30 <div class="setbut" v-if="item.prop == 'cz'">
31 <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="AddDialog(row)">新增</el-button>
33 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
34 </div>
25 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 35 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
26 正在办理 36 正在办理
27 </div> 37 </div>
...@@ -129,6 +139,49 @@ ...@@ -129,6 +139,49 @@
129 } 139 }
130 return name; 140 return name;
131 }, 141 },
142 AddDialog(row){
143 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
144 data: ''
145 })
146 },
147 editDialog(row){
148 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
149 datalist:this.columns,
150 data: row,
151
152 })
153 },
154 // 删除
155 deleteDialog(row){
156 let that = this
157 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
158 confirmButtonText: '确定',
159 cancelButtonText: '取消',
160 type: 'warning'
161 }).then(async () => {
162
163 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
164 // deleteClmx(bsmClmx).then(res => {
165 // if (res.code == 200) {
166 // that.$emit('updateList', res.result)
167 // that.$message({
168 // message: '删除成功!',
169 // type: 'success'
170 // })
171 // }
172 // })
173 that.$message({
174 message: '删除成功!',
175 type: 'success'
176 })
177 }).catch(() => {
178 this.$message({
179 type: 'info',
180 message: '已取消删除'
181 })
182 })
183
184 }
132 }, 185 },
133 }; 186 };
134 </script> 187 </script>
......
1 <!--
2 * @Description :预告登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:44:18
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -20,6 +25,11 @@ ...@@ -20,6 +25,11 @@
20 row.qszt == '0' ? 'linshi' : '', 25 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
22 ]"> 27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <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="AddDialog(row)">新增</el-button>
31 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
32 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 33 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 34 正在办理
25 </div> 35 </div>
...@@ -95,6 +105,49 @@ export default { ...@@ -95,6 +105,49 @@ export default {
95 } 105 }
96 return name; 106 return name;
97 }, 107 },
108 AddDialog(row){
109 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
110 data: ''
111 })
112 },
113 editDialog(row){
114 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
115 datalist:this.columns,
116 data: row,
117
118 })
119 },
120 // 删除
121 deleteDialog(row){
122 let that = this
123 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
124 confirmButtonText: '确定',
125 cancelButtonText: '取消',
126 type: 'warning'
127 }).then(async () => {
128
129 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
130 // deleteClmx(bsmClmx).then(res => {
131 // if (res.code == 200) {
132 // that.$emit('updateList', res.result)
133 // that.$message({
134 // message: '删除成功!',
135 // type: 'success'
136 // })
137 // }
138 // })
139 that.$message({
140 message: '删除成功!',
141 type: 'success'
142 })
143 }).catch(() => {
144 this.$message({
145 type: 'info',
146 message: '已取消删除'
147 })
148 })
149
150 }
98 }, 151 },
99 }; 152 };
100 </script> 153 </script>
......
1 <!--
2 * @Description :异议登记信息
3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:41:03
5 -->
1 <template> 6 <template>
2 <div class="djxxTable"> 7 <div class="djxxTable">
3 <div class="tableBox"> 8 <div class="tableBox">
...@@ -20,6 +25,11 @@ ...@@ -20,6 +25,11 @@
20 row.qszt == '0' ? 'linshi' : '', 25 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
22 ]"> 27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'">
29 <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="AddDialog(row)">新增</el-button>
31 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
32 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 33 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 34 正在办理
25 </div> 35 </div>
...@@ -95,6 +105,49 @@ export default { ...@@ -95,6 +105,49 @@ export default {
95 } 105 }
96 return name; 106 return name;
97 }, 107 },
108 AddDialog(row){
109 this.$popupDialog("新增", "djbBook/components/djbeditDialog", {
110 data: ''
111 })
112 },
113 editDialog(row){
114 this.$popupDialog("编辑", "djbBook/components/djbeditDialog", {
115 datalist:this.columns,
116 data: row,
117
118 })
119 },
120 // 删除
121 deleteDialog(row){
122 let that = this
123 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
124 confirmButtonText: '确定',
125 cancelButtonText: '取消',
126 type: 'warning'
127 }).then(async () => {
128
129 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
130 // deleteClmx(bsmClmx).then(res => {
131 // if (res.code == 200) {
132 // that.$emit('updateList', res.result)
133 // that.$message({
134 // message: '删除成功!',
135 // type: 'success'
136 // })
137 // }
138 // })
139 that.$message({
140 message: '删除成功!',
141 type: 'success'
142 })
143 }).catch(() => {
144 this.$message({
145 type: 'info',
146 message: '已取消删除'
147 })
148 })
149
150 }
98 }, 151 },
99 }; 152 };
100 </script> 153 </script>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:40:38 4 * @LastEditTime: 2023-05-17 10:40:38
5 --> 5 -->
...@@ -335,4 +335,4 @@ ...@@ -335,4 +335,4 @@
335 } 335 }
336 } 336 }
337 } 337 }
338 </style>
...\ No newline at end of file ...\ No newline at end of file
338 </style>
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
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 <div class="title"> 9 <div class="title">
10 登记簿列表 10 登记簿补录业务列表
11 </div> 11 </div>
12 <el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick" 12 <el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick"
13 :default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]"> 13 :default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]">
...@@ -92,9 +92,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; ...@@ -92,9 +92,7 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
92 bdcdyh: this.bdcdyh, 92 bdcdyh: this.bdcdyh,
93 }).then((res) => { 93 }).then((res) => {
94 if (res.code === 200) { 94 if (res.code === 200) {
95 console.log("res.result","res.result",res.result);
96 this.treedata = loadTreeData(res.result, this.bdcdyh); 95 this.treedata = loadTreeData(res.result, this.bdcdyh);
97 console.log("this.treedata","this.treedata",this.treedata);
98 this.$nextTick(function () { 96 this.$nextTick(function () {
99 this.defaultNode = getNode(this.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); 97 this.defaultNode = getNode(this.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
100 this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 98 this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
...@@ -107,11 +105,15 @@ import { loadTreeData, getNode } from "./djbFrameData.js"; ...@@ -107,11 +105,15 @@ import { loadTreeData, getNode } from "./djbFrameData.js";
107 bdcdyh: this.bdcdyh, 105 bdcdyh: this.bdcdyh,
108 qllx: this.qllx, 106 qllx: this.qllx,
109 bsmQlxx: this.bsmQlxx, 107 bsmQlxx: this.bsmQlxx,
108 bestepid:this.bestepid
110 }; 109 };
111 // this.$parent.stepForm(); 110 // this.$parent.stepForm();
112 }, 111 },
113 handleNodeClick (data, node, elem) { 112 handleNodeClick (data, node, elem) {
113 console.log("this.currentSelectProps",this.currentSelectProps);
114 console.log("data",data);
114 this.$parent.loadComponent(this.currentSelectProps,data); 115 this.$parent.loadComponent(this.currentSelectProps,data);
116 this.$parent.tabset();
115 }, 117 },
116 118
117 } 119 }
......
...@@ -33,13 +33,7 @@ export function getForm (tabName, djywbm) { ...@@ -33,13 +33,7 @@ export function getForm (tabName, djywbm) {
33 break; 33 break;
34 case "diyaqSlxx": 34 case "diyaqSlxx":
35 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); 35 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue");
36 break; 36 break;
37 case "diyaqSlxx200":
38 form = require("@/views/ywbl/slsqxx/diyaq/slxx200.vue");
39 break;
40 case "diyaqSlxx300":
41 form = require("@/views/ywbl/slsqxx/diyaq/slxx200.vue");
42 break;
43 case "clxx": 37 case "clxx":
44 form = require("@/views/djbworkflow/components/clxxUnify.vue"); 38 form = require("@/views/djbworkflow/components/clxxUnify.vue");
45 break; 39 break;
......
...@@ -41,21 +41,19 @@ export default { ...@@ -41,21 +41,19 @@ export default {
41 methods: { 41 methods: {
42 //加载流程初始参数 42 //加载流程初始参数
43 flowInitParam () { 43 flowInitParam () {
44 this.bsmSlsq='dd7176d47d79abc17739a1ca06172e96'
45 this.bestepid='cs'
46 var formdata = new FormData();
47 formdata.append("bsmSlsq", this.bsmSlsq);
48 formdata.append("bestepid", this.bestepid);
49 stepExpandInfo(formdata).then((res) => {
50 if (res.code === 200) {
51 this.leftButtonList = res.result.button;
52 this.rightButtonList = res.result.operation;
53 this.slsq = res.result.slsq
54 }
55 })
44 56
45 // var formdata = new FormData();
46 // formdata.append("bsmSlsq", this.bsmSlsq);
47 // formdata.append("bestepid", this.bestepid);
48 // console.log("加载流程初始参数",formdata)
49 // stepExpandInfo(formdata).then((res) => {
50 // if (res.code === 200) {
51 // this.leftButtonList = res.result.button;
52 // this.rightButtonList = res.result.operation;
53 // this.slsq = res.result.slsq
54 // }
55 // })
56 this.leftButtonList = ["1111","222222"]
57 this.rightButtonList = ["333333","444444"]
58 // this.slsq = res.result.slsq
59 }, 57 },
60 //流程环节操作按钮 58 //流程环节操作按钮
61 operation (item) { 59 operation (item) {
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
5 */ 5 */
6 import { getForm } from "../flowform"; 6 import { getForm } from "../flowform";
7 import { getHomeNoticeList } from "@/api/user.js" 7 import { getHomeNoticeList } from "@/api/user.js"
8 import { log } from "bpmn-js-token-simulation";
8 export default { 9 export default {
9 data () { 10 data () {
10 return { 11 return {
...@@ -42,7 +43,6 @@ export default { ...@@ -42,7 +43,6 @@ export default {
42 } 43 }
43 } 44 }
44 this.componentTag = getForm(tabname, this.$route.query.sqywbm); 45 this.componentTag = getForm(tabname, this.$route.query.sqywbm);
45 console.log(tabname);
46 } 46 }
47 } 47 }
48 } 48 }
......
...@@ -8,19 +8,31 @@ ...@@ -8,19 +8,31 @@
8 <!-- 顶部内容框 --> 8 <!-- 顶部内容框 -->
9 <div class="topButton"> 9 <div class="topButton">
10 <!-- 左侧业务功能按钮 --> 10 <!-- 左侧业务功能按钮 -->
11 <!-- <ul> 11 <ul>
12 <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index"> 12 <li
13 @click="operation(item)"
14 v-for="(item, index) in leftButtonList"
15 :key="index"
16 >
13 <svg-icon class="icon" :icon-class="item.icon" /> 17 <svg-icon class="icon" :icon-class="item.icon" />
14 <span class="iconName">{{ item.name }}</span> 18 <span class="iconName">{{ item.name }}</span>
15 </li> 19 </li>
16 </ul> 20 </ul>
17 <ul> 21 <ul>
18 <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> 22 <li
23 @click="operation(item)"
24 v-for="(item, index) in rightButtonList"
25 :key="index"
26 >
19 <svg-icon class="icon" :icon-class="item.icon" /> 27 <svg-icon class="icon" :icon-class="item.icon" />
20 <span class="iconName">{{ item.name }}</span> 28 <span class="iconName">{{ item.name }}</span>
21 </li> 29 </li>
22 </ul> 30 </ul>
23 <NoticeBar class="NoticeBar" :noticeList="noticeList" v-if="noticeList.length > 0" /> --> 31 <NoticeBar
32 class="NoticeBar"
33 :noticeList="noticeList"
34 v-if="noticeList.length > 0"
35 />
24 </div> 36 </div>
25 <!-- 内容框架 --> 37 <!-- 内容框架 -->
26 <div class="containerFrame"> 38 <div class="containerFrame">
...@@ -34,153 +46,182 @@ ...@@ -34,153 +46,182 @@
34 <!-- 表单内容区域 --> 46 <!-- 表单内容区域 -->
35 <div class="rightContainer"> 47 <div class="rightContainer">
36 <el-tabs v-model="tabName" :before-leave="beforeLeave"> 48 <el-tabs v-model="tabName" :before-leave="beforeLeave">
37 <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> 49 <el-tab-pane
50 :label="item.name"
51 :name="item.value"
52 v-for="item in tabList"
53 :key="item.value"
54 >
38 </el-tab-pane> 55 </el-tab-pane>
39 </el-tabs> 56 </el-tabs>
40 <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" /> 57 <component
58 :key="fresh"
59 :is="componentTag"
60 v-bind="currentSelectProps"
61 />
41 </div> 62 </div>
42 </div> 63 </div>
43 </div> 64 </div>
44 <!-- 打印模板需要此模块 -->
45 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
46 <embed id="LODOP_EM" type="application/x-print-lodop" width="820" height="450" pluginspage="install_lodop32.exe" />
47 </object>
48 <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false"
49 :on-change="handleChange" :before-upload="beforeUpload">
50 <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button>
51 </el-upload>
52 </div> 65 </div>
53 </template> 66 </template>
54 <style scoped lang="scss"> 67 <style scoped lang="scss">
55 @import "~@/styles/mixin.scss"; 68 @import "~@/styles/mixin.scss";
56 @import "./workFrame.scss"; 69 @import "./workFrame.scss";
57 </style> 70 </style>
58 <script> 71 <script>
59 import WorkFlow from "./mixin/index" 72 import WorkFlow from "./mixin/index";
60 import publicFlow from "./mixin/public.js" 73 import publicFlow from "./mixin/public.js";
61 // import { getStepFormInfo } from "@/api/fqsq.js" 74 // import { getStepFormInfo } from "@/api/fqsq.js"
62 // import { getForm } from "./flowform" 75 // import { getForm } from "./flowform"
63 import NoticeBar from "@/components/NoticeBar/index" 76 import NoticeBar from "@/components/NoticeBar/index";
64 import { unClaimTask } from "@/api/ywbl.js" 77 import { unClaimTask } from "@/api/ywbl.js";
65 import ProcessViewer from "./components/processViewer.vue" 78 import ProcessViewer from "./components/processViewer.vue";
66 // 引入左侧菜单 79 // 引入左侧菜单
67 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue" 80 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
68 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue" 81 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
69 import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData"; 82 import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData";
70 // 登记簿数据信息 83 // 登记簿数据信息
71 84
72 import { getBdcqljqtsx } from "@/api/registerBook.js"; 85 import { getBdcqljqtsx } from "@/api/registerBook.js";
73 export default { 86 export default {
74 components: { 87 components: {
75 selectBdc, 88 selectBdc,
76 NoticeBar, 89 NoticeBar,
77 ProcessViewer, 90 ProcessViewer,
78 ordinaryMenu, 91 ordinaryMenu,
92 },
93 mixins: [WorkFlow, publicFlow],
94 data() {
95 return {
96 isDialog: false,
97 bsmSlsq: this.$route.query.bsmSlsq,
98 //当前流程所在环节
99 bestepid: this.$route.query.bestepid,
100 //受理申请标识码
101 bdcdyid: this.$route.query.bdcdyid,
102 //当前流程所在环节
103 bdcdyh: this.$route.query.bdcdyh,
104 qllx: this.$route.query.qllx,
105 //设置那个表单选中
106 tabName: "",
107 //设置那个表单选择
108 currentSelectTab: {},
109 //表单集合
110 tabList: [],
111 //选择加载哪一个组件
112 componentTag: "",
113 //设置表单传递数据
114 currentSelectProps: {},
115 //材料分屏表单
116 clxxForm: "",
117 //材料信息选择卡索引
118 clxxIndex: "",
119 //材料信息选项卡对象
120 clxxTab: {},
121 //页面监听时间
122 _beforeUnload_time: "",
123 };
124 },
125 mounted() {
126 this.$store.dispatch("user/refreshPage", false);
127 //添加页面监听事件
128 window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
129 window.addEventListener("unload", (e) => this.unloadHandler(e));
130 this.tabset()
131 },
132 destroyed() {
133
134 window.removeEventListener("beforeunload", (e) =>
135 this.beforeunloadHandler(e)
136 );
137 window.removeEventListener("unload", (e) => this.unloadHandler(e));
138 },
139 methods: {
140 getCurrentSelectProps(val) {
141 // this.loadData();
79 }, 142 },
80 mixins: [WorkFlow, publicFlow], 143
81 data () { 144 beforeunloadHandler() {
82 return { 145 this._beforeUnload_time = new Date().getTime();
83 isDialog: false,
84 bsmSlsq: this.$route.query.bsmSlsq,
85 //当前流程所在环节
86 bestepid: this.$route.query.bestepid,
87 //受理申请标识码
88 bdcdyid: this.$route.query.bdcdyid,
89 //当前流程所在环节
90 bdcdyh: this.$route.query.bdcdyh,
91 qllx:this.$route.query.qllx,
92 //设置那个表单选中
93 tabName: "",
94 //设置那个表单选择
95 currentSelectTab: {},
96 //表单集合
97 tabList: [],
98 //选择加载哪一个组件
99 componentTag: "",
100 //设置表单传递数据
101 currentSelectProps: {},
102 //材料分屏表单
103 clxxForm: "",
104 //材料信息选择卡索引
105 clxxIndex: "",
106 //材料信息选项卡对象
107 clxxTab: {},
108 //页面监听时间
109 _beforeUnload_time: ""
110 }
111 }, 146 },
112 mounted () { 147 unloadHandler(e) {
113 this.$store.dispatch('user/refreshPage', false); 148 this._gap_time = new Date().getTime() - this._beforeUnload_time;
114 //添加页面监听事件 149 //判断是窗口关闭还是刷新
115 window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); 150 if (this._gap_time <= 10) {
116 window.addEventListener("unload", (e) => this.unloadHandler(e)); 151 //取消认领
152 unClaimTask(this.bsmSlsq, this.bestepid);
153 }
117 }, 154 },
118 destroyed () { 155 tabset(){
119 window.removeEventListener("beforeunload", (e) => 156 this.tabList = [
120 this.beforeunloadHandler(e) 157 {
121 ); 158 name: "受理情况",
122 window.removeEventListener("unload", (e) => this.unloadHandler(e)); 159 value: "plfdcq2",
160 sort: 1,
161 },
162 {
163 name: "材料信息",
164 value: "clxx",
165 sort: 2,
166 },
167 ];
168 this.tabName = 'plfdcq2';
123 }, 169 },
124 methods: {
125 getCurrentSelectProps (val) {
126 this.loadData()
127 },
128 170
129 beforeunloadHandler () { 171 // 获取登记簿菜单
130 this._beforeUnload_time = new Date().getTime(); 172 // loadData() {
131 }, 173 // getBdcqljqtsx({
132 unloadHandler (e) { 174 // bdcdyid: this.bdcdyid,
133 this._gap_time = new Date().getTime() - this._beforeUnload_time; 175 // bdcdyh: this.bdcdyh,
134 //判断是窗口关闭还是刷新 176 // }).then((res) => {
135 if (this._gap_time <= 10) { 177 // if (res.code === 200) {
136 //取消认领 178 // this.treedata = loadTreeData(res.result, this.bdcdyh);
137 unClaimTask(this.bsmSlsq, this.bestepid); 179 // this.$nextTick(function () {
138 } 180 // this.defaultNode = getNode(
139 }, 181 // this.qllx,
140 // 获取登记簿菜单 182 // { linShi: 0, xianShi: 0, liShi: 0 },
141 loadData () { 183 // ""
142 getBdcqljqtsx({ 184 // );
143 bdcdyid: this.bdcdyid, 185 // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
144 bdcdyh: this.bdcdyh, 186 // // this.$parent.loadComponent(this.currentSelectProps,this.defaultNode);
145 }).then((res) => { 187 // });
146 if (res.code === 200) { 188 // }
147 console.log("res.result","res.result",res.result); 189
148 this.treedata = loadTreeData(res.result, this.bdcdyh); 190 // });
149 console.log("this.treedata","this.treedata",this.treedata); 191 // this.currentSelectProps = {
150 this.$nextTick(function () { 192 // bdcdyid: this.bdcdyid,
151 this.defaultNode = getNode(this.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); 193 // bdcdyh: this.bdcdyh,
152 this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 194 // qllx: this.qllx,
153 // this.$parent.loadComponent(this.currentSelectProps,this.defaultNode); 195 // bsmQlxx: this.bsmQlxx,
154 }); 196 // };
155 } 197 // // this.$parent.stepForm();
156 }); 198 // },
157 this.currentSelectProps = {
158 bdcdyid: this.bdcdyid,
159 bdcdyh: this.bdcdyh,
160 qllx: this.qllx,
161 bsmQlxx: this.bsmQlxx,
162 };
163 // this.$parent.stepForm();
164 },
165 199
166 loadComponent (currentSelectProps,data) { 200 loadComponent(currentSelectProps, data) {
167 this.currentSelectProps=currentSelectProps 201 this.tabset()
168 this.componentTag = (r) => 202 this.currentSelectProps = currentSelectProps;
203 this.componentTag = (r) =>
169 require.ensure([], () => r(require("@/views/djbBook/" + data.form))); 204 require.ensure([], () => r(require("@/views/djbBook/" + data.form)));
205
170 }, 206 },
171 openDialog () { 207 // openDialog() {
172 this.$store.dispatch('user/refreshPage', false) 208 // this.$store.dispatch("user/refreshPage", false);
173 let data = JSON.parse(localStorage.getItem('ywbl')) 209 // let data = JSON.parse(localStorage.getItem("ywbl"));
174 let title 210 // let title;
175 if (data?.sqywmc) { 211 // if (data?.sqywmc) {
176 title = "申请业务：" + data?.sqywmc 212 // title = "申请业务：" + data?.sqywmc;
177 } else { 213 // } else {
178 title = "申请业务：" + data?.djywmc 214 // title = "申请业务：" + data?.djywmc;
179 } 215 // }
180 216
181 this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) 217 // this.$popupDialog(
182 } 218 // title,
183 } 219 // "ywbl/ywsq/selectBdc",
184 } 220 // { djywbm: this.$route.query.sqywbm, isJump: true, sqywInfo: data },
221 // "80%",
222 // true
223 // );
224 // },
225 },
226 };
185 </script> 227 </script>
186
......
...@@ -424,6 +424,18 @@ class data extends filter { ...@@ -424,6 +424,18 @@ class data extends filter {
424 prop: "zl", 424 prop: "zl",
425 label: "在建建筑物坐落", 425 label: "在建建筑物坐落",
426 }, 426 },
427 {
428 prop: "dyfs",
429 label: "抵押方式",
430 render: (h, scope) => {
431 return (
432 <div>
433 <span v-show={scope.row.dyfs == '1'}>一般抵押权</span>
434 <span v-show={scope.row.dyfs == '2'}>最高额抵押权</span>
435 </div>
436 )
437 }
438 },
427 { 439 {
428 prop: "qlrmc", 440 prop: "qlrmc",
429 label: "抵押权人", 441 label: "抵押权人",
...@@ -437,6 +449,10 @@ class data extends filter { ...@@ -437,6 +449,10 @@ class data extends filter {
437 label: "抵押权人证件号", 449 label: "抵押权人证件号",
438 }, 450 },
439 { 451 {
452 prop: "dyrlx",
453 label: "抵押人类型",
454 },
455 {
440 prop: "ywrmc", 456 prop: "ywrmc",
441 label: "抵押人", 457 label: "抵押人",
442 }, 458 },
...@@ -448,18 +464,7 @@ class data extends filter { ...@@ -448,18 +464,7 @@ class data extends filter {
448 prop: "ywrzjhm", 464 prop: "ywrzjhm",
449 label: "抵押人证件号", 465 label: "抵押人证件号",
450 }, 466 },
451 { 467
452 prop: "dyfs",
453 label: "抵押方式",
454 render: (h, scope) => {
455 return (
456 <div>
457 <span v-show={scope.row.dyfs == '1'}>一般抵押权</span>
458 <span v-show={scope.row.dyfs == '2'}>最高额抵押权</span>
459 </div>
460 )
461 }
462 },
463 { 468 {
464 prop: "sfygdj", 469 prop: "sfygdj",
465 label: "是否预告登记", 470 label: "是否预告登记",
...@@ -511,11 +516,7 @@ class data extends filter { ...@@ -511,11 +516,7 @@ class data extends filter {
511 { 516 {
512 prop: "fj", 517 prop: "fj",
513 label: "附记", 518 label: "附记",
514 }, 519 },
515 {
516 prop: "qlqtzk",
517 label: "权利其他状况",
518 },
519 { 520 {
520 prop: "djsj", 521 prop: "djsj",
521 label: "登记时间", 522 label: "登记时间",
...@@ -542,7 +543,7 @@ class data extends filter { ...@@ -542,7 +543,7 @@ class data extends filter {
542 }, 543 },
543 { 544 {
544 prop: "zxdbr", 545 prop: "zxdbr",
545 label: "登簿人", 546 label: "注销登簿人",
546 }, 547 },
547 548
548 ], 549 ],
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:39:47 4 * @LastEditTime: 2023-05-17 10:39:47
5 --> 5 -->
...@@ -58,12 +58,12 @@ ...@@ -58,12 +58,12 @@
58 </el-col> 58 </el-col>
59 <el-col :span="8"> 59 <el-col :span="8">
60 <el-form-item label="国家/地区"> 60 <el-form-item label="国家/地区">
61 <el-input v-model="ruleForm.gjdq"></el-input> 61 <el-input v-model="ruleForm.gj"></el-input>
62 </el-form-item> 62 </el-form-item>
63 </el-col> 63 </el-col>
64 <el-col :span="8"> 64 <el-col :span="8">
65 <el-form-item label="户籍所在省市"> 65 <el-form-item label="户籍所在省市">
66 <el-input v-model="ruleForm.szss"></el-input> 66 <el-input v-model="ruleForm.hjszss"></el-input>
67 </el-form-item> 67 </el-form-item>
68 </el-col> 68 </el-col>
69 </el-row> 69 </el-row>
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
107 </el-col> 107 </el-col>
108 <el-col :span="16"> 108 <el-col :span="16">
109 <el-form-item label="代理机构"> 109 <el-form-item label="代理机构">
110 <el-input v-model="ruleForm.dljg"></el-input> 110 <el-input v-model="ruleForm.dlrjg"></el-input>
111 </el-form-item> 111 </el-form-item>
112 </el-col> 112 </el-col>
113 </el-row> 113 </el-row>
...@@ -115,12 +115,12 @@ ...@@ -115,12 +115,12 @@
115 <el-row> 115 <el-row>
116 <el-col :span="8"> 116 <el-col :span="8">
117 <el-form-item label="联系电话"> 117 <el-form-item label="联系电话">
118 <el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input> 118 <el-input v-model="ruleForm.dlrdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
119 </el-form-item> 119 </el-form-item>
120 </el-col> 120 </el-col>
121 <el-col :span="8"> 121 <el-col :span="8">
122 <el-form-item label="代理人姓名"> 122 <el-form-item label="代理人姓名">
123 <el-input v-model="ruleForm.dlrxm"></el-input> 123 <el-input v-model="ruleForm.dlrmc"></el-input>
124 </el-form-item> 124 </el-form-item>
125 </el-col> 125 </el-col>
126 <el-col :span="8"> 126 <el-col :span="8">
...@@ -164,18 +164,19 @@ ...@@ -164,18 +164,19 @@
164 dh: "", 164 dh: "",
165 xb: "", 165 xb: "",
166 frmc: "", 166 frmc: "",
167 gjdq: "", 167 gj: "",
168 szss: "", 168 hjszss: "",
169 txdz: "", 169 txdz: "",
170 yb: "", 170 yb: "",
171 fzjg: "", 171 fzjg: "",
172 dzyj: "", 172 dzyj: "",
173 qlbl: "", 173 qlbl: "",
174 gzdw: "", 174 gzdw: "",
175 dljg: "", 175 dlrjg: "",
176 dlrxm: "", 176 dlrmc: "",
177 dlrzjlx: "", 177 dlrzjlx: "",
178 dlrzjh: "", 178 dlrzjh: "",
179 dlrdh:"",
179 }, 180 },
180 rules: { 181 rules: {
181 sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }], 182 sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-29 14:39:11 4 * @LastEditTime: 2023-06-07 13:32:24
5 */ 5 */
6 //流程环节操作按钮 6 //流程环节操作按钮
7 export function getForm(tabName, djywbm) { 7 export function getForm (tabName, djywbm) {
8 let form; 8 let form;
9 switch (tabName) { 9 switch (tabName) {
10 case "jsydsyqslxx100": 10 case "jsydsyqslxx100":
...@@ -13,18 +13,22 @@ export function getForm(tabName, djywbm) { ...@@ -13,18 +13,22 @@ export function getForm(tabName, djywbm) {
13 case "jsydsyqslxx300": 13 case "jsydsyqslxx300":
14 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue"); 14 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue");
15 break; 15 break;
16 //国有建设用地使用权/房屋所有权
16 case "fwsyqslxx100": 17 case "fwsyqslxx100":
18 case "fwsyqslxx200":
19 case "fwsyqslxx400":
17 form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue"); 20 form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue");
18 break; 21 break;
19 case "fwsyqslxx300": 22 case "fwsyqslxx300":
20 form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue"); 23 form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue");
21 break; 24 break;
22 case "nydsyqslxx100":
23 form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
24 break;
25 case "plfdcq2": 25 case "plfdcq2":
26 form = require("@/views/ywbl/slsqxx/fdcq2/slxxOverview.vue"); 26 form = require("@/views/ywbl/slsqxx/fdcq2/slxxOverview.vue");
27 break; 27 break;
28 case "nydsyqslxx100":
29 form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
30 break;
31
28 case "nydsyqslxx200": 32 case "nydsyqslxx200":
29 form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); 33 form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue");
30 break; 34 break;
...@@ -37,12 +41,6 @@ export function getForm(tabName, djywbm) { ...@@ -37,12 +41,6 @@ export function getForm(tabName, djywbm) {
37 case "diyaqSlxx": 41 case "diyaqSlxx":
38 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); 42 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue");
39 break; 43 break;
40 case "diyaqSlxx200":
41 form = require("@/views/ywbl/slsqxx/diyaq/slxx200.vue");
42 break;
43 case "diyaqSlxx300":
44 form = require("@/views/ywbl/slsqxx/diyaq/slxx200.vue");
45 break;
46 case "clxx": 44 case "clxx":
47 form = require("@/views/workflow/components/clxxUnify.vue"); 45 form = require("@/views/workflow/components/clxxUnify.vue");
48 break; 46 break;
...@@ -89,7 +87,7 @@ export function getForm(tabName, djywbm) { ...@@ -89,7 +87,7 @@ export function getForm(tabName, djywbm) {
89 case "fzxx": 87 case "fzxx":
90 form = require("@/views/workflow/components/fzxx.vue"); 88 form = require("@/views/workflow/components/fzxx.vue");
91 break; 89 break;
92 case "zdt": 90 case "zdjbxxImg":
93 form = require("@/views/workflow/components/zdt.vue"); 91 form = require("@/views/workflow/components/zdt.vue");
94 break; 92 break;
95 default: 93 default:
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-18 15:01:31 4 * @LastEditTime: 2023-05-18 15:01:31
5 */ 5 */
...@@ -16,6 +16,7 @@ import { ...@@ -16,6 +16,7 @@ import {
16 getNextLinkInfo, 16 getNextLinkInfo,
17 } from "@/api/fqsq.js"; 17 } from "@/api/fqsq.js";
18 import { mapGetters } from 'vuex' 18 import { mapGetters } from 'vuex'
19 import { log } from "bpmn-js-token-simulation";
19 export default { 20 export default {
20 data () { 21 data () {
21 return { 22 return {
......
...@@ -5,8 +5,14 @@ ...@@ -5,8 +5,14 @@
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flagTop" :inline="flag" 8 <el-form
9 label-width="120px"> 9 :model="ruleForm"
10 :rules="rules"
11 ref="ruleForm"
12 :label-position="flagTop"
13 :inline="flag"
14 label-width="120px"
15 >
10 <div class="slxx_con"> 16 <div class="slxx_con">
11 <div class="slxx_title title-block"> 17 <div class="slxx_title title-block">
12 受理信息 18 受理信息
...@@ -32,17 +38,37 @@ ...@@ -32,17 +38,37 @@
32 <el-row :gutter="10"> 38 <el-row :gutter="10">
33 <el-col :span="8"> 39 <el-col :span="8">
34 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slsq.qllx"> 40 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slsq.qllx">
35 <el-select disabled v-model="ruleForm.slsq.qllx" filterable clearable placeholder="请选择权利类型"> 41 <el-select
36 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 42 disabled
37 </el-option> 43 v-model="ruleForm.slsq.qllx"
44 filterable
45 clearable
46 placeholder="请选择权利类型"
47 >
48 <el-option
49 v-for="item in dictData['A8']"
50 :key="item.dcode"
51 :label="item.dname"
52 :value="item.dcode"
53 ></el-option>
38 </el-select> 54 </el-select>
39 </el-form-item> 55 </el-form-item>
40 </el-col> 56 </el-col>
41 <el-col :span="8"> 57 <el-col :span="8">
42 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slsq.djlx"> 58 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slsq.djlx">
43 <el-select disabled v-model="ruleForm.slsq.djlx" filterable clearable placeholder="请选择登记类型"> 59 <el-select
44 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 60 disabled
45 </el-option> 61 v-model="ruleForm.slsq.djlx"
62 filterable
63 clearable
64 placeholder="请选择登记类型"
65 >
66 <el-option
67 v-for="item in dictData['A21']"
68 :key="item.dcode"
69 :label="item.dname"
70 :value="item.dcode"
71 ></el-option>
46 </el-select> 72 </el-select>
47 </el-form-item> 73 </el-form-item>
48 </el-col> 74 </el-col>
...@@ -56,13 +82,32 @@ ...@@ -56,13 +82,32 @@
56 查封不动产情况 82 查封不动产情况
57 <div class="triangle"></div> 83 <div class="triangle"></div>
58 </div> 84 </div>
85
59 <el-row :gutter="10"> 86 <el-row :gutter="10">
60 <el-col :span="8"> 87 <el-col :span="8">
61 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利人：" prop="qlxx.qlrmc"> 88 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
89 <el-input disabled v-model="ruleForm.ssQlxx.qllxmc"></el-input>
90 </el-form-item>
91 </el-col>
92
93 <el-col :span="8">
94 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh">
95 <el-input disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input>
96 </el-form-item>
97 </el-col>
98 <el-col :span="8">
99 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有情况：">
100 <el-input disabled v-model="ruleForm.ssQlxx.gyqk"></el-input>
101 </el-form-item>
102 </el-col>
103 </el-row>
104 <el-row :gutter="10">
105 <el-col :span="8">
106 <el-form-item :class="flag ? 'marginBot0' : ''" label="被执行人：" prop="qlxx.qlrmc">
62 <el-input disabled v-model="ruleForm.ssQlxx.qlrmc"></el-input> 107 <el-input disabled v-model="ruleForm.ssQlxx.qlrmc"></el-input>
63 </el-form-item> 108 </el-form-item>
64 </el-col> 109 </el-col>
65 <el-col :span="8"> 110 <el-col :span="8">
66 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类："> 111 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类：">
67 <el-input disabled v-model="ruleForm.ssQlxx.qlrzjzl"></el-input> 112 <el-input disabled v-model="ruleForm.ssQlxx.qlrzjzl"></el-input>
68 </el-form-item> 113 </el-form-item>
...@@ -71,42 +116,38 @@ ...@@ -71,42 +116,38 @@
71 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号："> 116 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号：">
72 <el-input disabled v-model="ruleForm.ssQlxx.qlrzjhm"></el-input> 117 <el-input disabled v-model="ruleForm.ssQlxx.qlrzjhm"></el-input>
73 </el-form-item> 118 </el-form-item>
74 </el-col> 119 </el-col>
75 </el-row> 120 </el-row>
76 <el-row :gutter="10"> 121 <el-row :gutter="10">
77 <el-col :span="8"> 122 <el-col :span="8">
78 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh">
79 <el-input disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input>
80 </el-form-item>
81 </el-col>
82 <el-col :span="8">
83 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="qlxx.bdcdyh"> 123 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="qlxx.bdcdyh">
84 <el-input disabled v-model="ruleForm.ssQlxx.bdcdyh"></el-input> 124 <el-input disabled v-model="ruleForm.ssQlxx.bdcdyh"></el-input>
85 </el-form-item> 125 </el-form-item>
86 </el-col> 126 </el-col>
87 <el-col :span="8"> 127 <el-col :span="16">
88 <el-form-item :class="flag ? 'marginBot0' : ''" label="用途："> 128 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
89 <el-input disabled v-model="ruleForm.ssQlxx.ytmc"></el-input> 129 <el-input disabled v-model="ruleForm.ssQlxx.zl"></el-input>
90 </el-form-item> 130 </el-form-item>
91 </el-col> 131 </el-col>
92 </el-row> 132 </el-row>
93 <el-row :gutter="10"> 133 <el-row :gutter="10">
94 <el-col :span="8"> 134 <el-col :span="8">
95 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落："> 135 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质：">
96 <el-input disabled v-model="ruleForm.ssQlxx.zl"></el-input> 136 <el-input disabled v-model="ruleForm.ssQlxx.qlxzmc"></el-input>
97 </el-form-item> 137 </el-form-item>
98 </el-col> 138 </el-col>
99 <el-col :span="8"> 139 <el-col :span="8">
100 <el-form-item :class="flag ? 'marginBot0' : ''" label="面积："> 140 <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
101 <el-input disabled v-model="ruleForm.ssQlxx.mjmc"></el-input> 141 <el-input disabled v-model="ruleForm.ssQlxx.ytmc"></el-input>
102 </el-form-item> 142 </el-form-item>
103 </el-col> 143 </el-col>
104 <el-col :span="8"> 144 <el-col :span="8">
105 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质："> 145 <el-form-item :class="flag ? 'marginBot0' : ''" label="面积：">
106 <el-input disabled v-model="ruleForm.ssQlxx.qlxzmc"></el-input> 146 <el-input disabled v-model="ruleForm.ssQlxx.mjmc"></el-input>
107 </el-form-item> 147 </el-form-item>
108 </el-col> 148 </el-col>
109 </el-row> 149 </el-row>
150
110 <div class="slxx_title title-block"> 151 <div class="slxx_title title-block">
111 查封信息 152 查封信息
112 <div class="triangle"></div> 153 <div class="triangle"></div>
...@@ -114,12 +155,18 @@ ...@@ -114,12 +155,18 @@
114 <el-row :gutter="10"> 155 <el-row :gutter="10">
115 <el-col :span="8"> 156 <el-col :span="8">
116 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关：" prop="cfdj.cfjg"> 157 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关：" prop="cfdj.cfjg">
117 <el-input v-model="ruleForm.cfdj.cfjg" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> 158 <el-input
159 v-model="ruleForm.cfdj.cfjg"
160 :disabled="$route.query.viewtype || ableEdit || isJfOperation"
161 ></el-input>
118 </el-form-item> 162 </el-form-item>
119 </el-col> 163 </el-col>
120 <el-col :span="8"> 164 <el-col :span="8">
121 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号：" prop="cfdj.cfwh"> 165 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号：" prop="cfdj.cfwh">
122 <el-input v-model="ruleForm.cfdj.cfwh" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> 166 <el-input
167 v-model="ruleForm.cfdj.cfwh"
168 :disabled="$route.query.viewtype || ableEdit || isJfOperation"
169 ></el-input>
123 </el-form-item> 170 </el-form-item>
124 </el-col> 171 </el-col>
125 <el-col :span="8"> 172 <el-col :span="8">
...@@ -131,48 +178,75 @@ ...@@ -131,48 +178,75 @@
131 <el-row :gutter="10"> 178 <el-row :gutter="10">
132 <el-col :span="8"> 179 <el-col :span="8">
133 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限：" prop="cfdj.cfqx"> 180 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封期限：" prop="cfdj.cfqx">
134 <el-input v-model="ruleForm.cfdj.cfqx" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> 181 <el-input
182 v-model="ruleForm.cfdj.cfqx"
183 :disabled="$route.query.viewtype || ableEdit || isJfOperation"
184 ></el-input>
135 </el-form-item> 185 </el-form-item>
136 </el-col> 186 </el-col>
137 <el-col :span="8"> 187 <el-col :span="8">
138 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间：" prop="cfdj.cfqssj"> 188 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间：" prop="cfdj.cfqssj">
139 <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" type="date" placeholder="选择日期" 189 <el-date-picker
140 value-format="yyyy-MM-dd" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-date-picker> 190 v-model="ruleForm.cfdj.cfqssj"
191 class="width100"
192 type="date"
193 placeholder="选择日期"
194 value-format="yyyy-MM-dd"
195 :disabled="$route.query.viewtype || ableEdit || isJfOperation"
196 ></el-date-picker>
141 </el-form-item> 197 </el-form-item>
142 </el-col> 198 </el-col>
143 <el-col :span="8"> 199 <el-col :span="8">
144 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间：" prop="cfdj.cfjssj"> 200 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间：" prop="cfdj.cfjssj">
145 <el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100" 201 <el-date-picker
146 :disabled="$route.query.viewtype || ableEdit || isJfOperation" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"> 202 v-model="ruleForm.cfdj.cfjssj"
147 </el-date-picker> 203 class="width100"
204 :disabled="$route.query.viewtype || ableEdit || isJfOperation"
205 type="date"
206 placeholder="选择日期"
207 value-format="yyyy-MM-dd"
208 ></el-date-picker>
148 </el-form-item> 209 </el-form-item>
149 </el-col> 210 </el-col>
150 </el-row> 211 </el-row>
151 <el-row :gutter="10"> 212 <el-row :gutter="10">
152 <el-col :span="8"> 213 <el-col :span="8">
153 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件：" prop="cfdj.cfwj"> 214 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文件：" prop="cfdj.cfwj">
154 <el-input v-model="ruleForm.cfdj.cfwj" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> 215 <el-input
216 v-model="ruleForm.cfdj.cfwj"
217 :disabled="$route.query.viewtype || ableEdit || isJfOperation"
218 ></el-input>
155 </el-form-item> 219 </el-form-item>
156 </el-col> 220 </el-col>
157 <el-col :span="16"> 221 <el-col :span="16">
158 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围：" prop="cfdj.cffw"> 222 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封范围：" prop="cfdj.cffw">
159 <el-input v-model="ruleForm.cfdj.cffw" :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> 223 <el-input
224 v-model="ruleForm.cfdj.cffw"
225 :disabled="$route.query.viewtype || ableEdit || isJfOperation"
226 ></el-input>
160 </el-form-item> 227 </el-form-item>
161 </el-col> 228 </el-col>
162 </el-row> 229 </el-row>
163 <el-row :gutter="10"> 230 <el-row :gutter="10">
164 <el-col :span="24"> 231 <el-col :span="24">
165 <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="cfdj.fj"> 232 <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="cfdj.fj">
166 <el-input v-model="ruleForm.cfdj.fj" type="textarea" :disabled="$route.query.viewtype || ableEdit || isJfOperation"> 233 <el-input
167 </el-input> 234 v-model="ruleForm.cfdj.fj"
235 type="textarea"
236 :disabled="$route.query.viewtype || ableEdit || isJfOperation"
237 ></el-input>
168 </el-form-item> 238 </el-form-item>
169 </el-col> 239 </el-col>
170 </el-row> 240 </el-row>
171 <el-row :gutter="10"> 241 <el-row :gutter="10">
172 <el-col> 242 <el-col>
173 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy"> 243 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="cfdj.djyy">
174 <el-input class="textArea" type="textarea" v-model="ruleForm.cfdj.djyy" 244 <el-input
175 :disabled="$route.query.viewtype || ableEdit || isJfOperation"></el-input> 245 class="textArea"
246 type="textarea"
247 v-model="ruleForm.cfdj.djyy"
248 :disabled="$route.query.viewtype || ableEdit || isJfOperation"
249 ></el-input>
176 </el-form-item> 250 </el-form-item>
177 </el-col> 251 </el-col>
178 </el-row> 252 </el-row>
...@@ -184,17 +258,26 @@ ...@@ -184,17 +258,26 @@
184 <el-row :gutter="10"> 258 <el-row :gutter="10">
185 <el-col :span="8"> 259 <el-col :span="8">
186 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关：" prop="cfdj.jfjg"> 260 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关：" prop="cfdj.jfjg">
187 <el-input v-model="ruleForm.cfdj.jfjg" :disabled="$route.query.viewtype || ableEdit"></el-input> 261 <el-input
262 v-model="ruleForm.cfdj.jfjg"
263 :disabled="$route.query.viewtype || ableEdit"
264 ></el-input>
188 </el-form-item> 265 </el-form-item>
189 </el-col> 266 </el-col>
190 <el-col :span="8"> 267 <el-col :span="8">
191 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件：" prop="cfdj.jfwj"> 268 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件：" prop="cfdj.jfwj">
192 <el-input v-model="ruleForm.cfdj.jfwj" :disabled="$route.query.viewtype || ableEdit"></el-input> 269 <el-input
270 v-model="ruleForm.cfdj.jfwj"
271 :disabled="$route.query.viewtype || ableEdit"
272 ></el-input>
193 </el-form-item> 273 </el-form-item>
194 </el-col> 274 </el-col>
195 <el-col :span="8"> 275 <el-col :span="8">
196 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号：" prop="cfdj.jfwh"> 276 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号：" prop="cfdj.jfwh">
197 <el-input v-model="ruleForm.cfdj.jfwh" :disabled="$route.query.viewtype || ableEdit"></el-input> 277 <el-input
278 v-model="ruleForm.cfdj.jfwh"
279 :disabled="$route.query.viewtype || ableEdit"
280 ></el-input>
198 </el-form-item> 281 </el-form-item>
199 </el-col> 282 </el-col>
200 </el-row> 283 </el-row>
...@@ -209,77 +292,75 @@ ...@@ -209,77 +292,75 @@
209 </div> 292 </div>
210 </template> 293 </template>
211 <script> 294 <script>
212 import sqrViewTable from "@/views/workflow/components/sqrViewTable"; 295 import sqrViewTable from "@/views/workflow/components/sqrViewTable";
213 import { Init, saveData } from "@/api/workflow/cfdjFlow.js"; 296 import { Init, saveData } from "@/api/workflow/cfdjFlow.js";
214 import { mapGetters } from "vuex"; 297 import { mapGetters } from "vuex";
215 export default { 298 export default {
216 data () { 299 data() {
217 return { 300 return {
218 disabled: true, 301 disabled: true,
219 flagTop: this.flag ? "top" : "", 302 flagTop: this.flag ? "top" : "",
220 rules: {}, 303 rules: {},
221 //传递参数 304 //传递参数
222 propsParam: {}, 305 propsParam: {},
223 //页面数据 306 //页面数据
224 ruleForm: {}, 307 ruleForm: {},
225 //是否可编辑 308 //是否可编辑
226 ableEdit: false, 309 ableEdit: false,
227 //是否为解封 310 //是否为解封
228 isJfOperation: false, 311 isJfOperation: false,
229 }; 312 };
230 }, 313 },
231 async created () { 314 async created() {
232 this.propsParam = this.$attrs; 315 this.propsParam = this.$attrs;
233 this.ableEdit = this.$parent.showBatch; 316 this.ableEdit = this.$parent.showBatch;
234 if (this.propsParam.djlx == '400') { 317 if (this.propsParam.djlx == "400") {
235 this.isJfOperation = true; 318 this.isJfOperation = true;
319 }
320 var formdata = new FormData();
321 formdata.append("bsmSldy", this.propsParam.bsmSldy);
322 formdata.append("djlx", this.propsParam.djlx);
323 Init(formdata).then((res) => {
324 if (res.code === 200 && res.result) {
325 this.ruleForm = res.result;
236 } 326 }
237 var formdata = new FormData(); 327 });
238 formdata.append("bsmSldy", this.propsParam.bsmSldy); 328 },
239 formdata.append("djlx", this.propsParam.djlx); 329 watch: {},
240 Init(formdata).then((res) => { 330 components: { sqrViewTable },
241 if (res.code === 200 && res.result) { 331 props: {
242 this.ruleForm = res.result 332 flag: {
243 } 333 type: Boolean,
244 }); 334 default: false,
245 },
246 watch: {
247
248 }, 335 },
249 components: { sqrViewTable }, 336 fetch: {
250 props: { 337 type: Boolean,
251 flag: { 338 default: false,
252 type: Boolean,
253 default: false,
254 },
255 fetch: {
256 type: Boolean,
257 default: false,
258 },
259 },
260 computed: {
261 ...mapGetters(["dictData"]),
262 }, 339 },
340 },
341 computed: {
342 ...mapGetters(["dictData"]),
343 },
263 344
264 methods: { 345 methods: {
265 onSubmit () { 346 onSubmit() {
266 saveData(this.ruleForm).then((res) => { 347 saveData(this.ruleForm).then((res) => {
267 if (res.code === 200) { 348 if (res.code === 200) {
268 this.$message.success('保存成功'); 349 this.$message.success("保存成功");
269 } 350 }
270 }); 351 });
271 }, 352 },
272 changeCflx (e) { 353 changeCflx(e) {
273 let cflxItem = {} 354 let cflxItem = {};
274 cflxItem = this.dictData['A32'].find((item) => { 355 cflxItem = this.dictData["A32"].find((item) => {
275 return item.dcode == e 356 return item.dcode == e;
276 }) 357 });
277 this.ruleForm.cfdj.cflxmc = cflxItem.dname; 358 this.ruleForm.cfdj.cflxmc = cflxItem.dname;
278 }
279 }, 359 },
280 }; 360 },
361 };
281 </script> 362 </script>
282 <style scoped lang='scss'> 363 <style scoped lang='scss'>
283 @import "~@/styles/public.scss"; 364 @import "~@/styles/public.scss";
284 @import "~@/styles/slxx/slxx.scss"; 365 @import "~@/styles/slxx/slxx.scss";
285 </style> 366 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -16,34 +16,34 @@ ...@@ -16,34 +16,34 @@
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="业务号：">
19 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> 19 <el-input disabled v-model="ruleForm.slsq.ywh"></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="8">
23 <el-form-item label="受理人员："> 23 <el-form-item label="受理人员：">
24 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> 24 <el-input disabled v-model="ruleForm.slsq.slry"></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="8">
28 <el-form-item label="受理时间："> 28 <el-form-item label="受理时间：">
29 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> 29 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
30 </el-form-item> 30 </el-form-item>
31 </el-col> 31 </el-col>
32 </el-row> 32 </el-row>
33 <el-row :gutter="10"> 33 <el-row :gutter="10">
34 <el-col :span="8"> 34 <el-col :span="8">
35 <el-form-item label="权利类型：" prop="qllx"> 35 <el-form-item label="权利类型：" prop="qllx">
36 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> 36 <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input>
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 <el-col :span="8"> 39 <el-col :span="8">
40 <el-form-item label="登记类型：" prop="djlx"> 40 <el-form-item label="登记类型：" prop="djlx">
41 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> 41 <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input>
42 </el-form-item> 42 </el-form-item>
43 </el-col> 43 </el-col>
44 <el-col :span="8"> 44 <el-col :span="8">
45 <el-form-item label="登记情形：" prop="djqx"> 45 <el-form-item label="登记情形：" prop="djqx">
46 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> 46 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
47 </el-form-item> 47 </el-form-item>
48 </el-col> 48 </el-col>
49 </el-row> 49 </el-row>
...@@ -55,51 +55,51 @@ ...@@ -55,51 +55,51 @@
55 <el-row :gutter="10"> 55 <el-row :gutter="10">
56 <el-col :span="8"> 56 <el-col :span="8">
57 <el-form-item label="权利人："> 57 <el-form-item label="权利人：">
58 <el-input disabled v-model="ruleForm.qlxxold.qlrmc"></el-input> 58 <el-input disabled v-model="ruleForm.ssQlxx.qlrmc"></el-input>
59 </el-form-item> 59 </el-form-item>
60 </el-col> 60 </el-col>
61 <el-col :span="8"> 61 <el-col :span="8">
62 <el-form-item label="证件号："> 62 <el-form-item label="证件号：">
63 <el-input disabled v-model="ruleForm.qlxxold.qlrzjhm"></el-input> 63 <el-input disabled v-model="ruleForm.ssQlxx.qlrzjhm"></el-input>
64 </el-form-item> 64 </el-form-item>
65 </el-col> 65 </el-col>
66 <el-col :span="8"> 66 <el-col :span="8">
67 <el-form-item label="证件种类："> 67 <el-form-item label="证件种类：">
68 <el-input disabled v-model="ruleForm.qlxxold.qlrzjzl"></el-input> 68 <el-input disabled v-model="ruleForm.ssQlxx.qlrzjzl"></el-input>
69 </el-form-item> 69 </el-form-item>
70 </el-col> 70 </el-col>
71 </el-row> 71 </el-row>
72 <el-row :gutter="10"> 72 <el-row :gutter="10">
73 <el-col :span="8"> 73 <el-col :span="8">
74 <el-form-item label="权利类型："> 74 <el-form-item label="权利类型：">
75 <el-input disabled v-model="ruleForm.qlxxold.qllxmc"></el-input> 75 <el-input disabled v-model="ruleForm.ssQlxx.qllxmc"></el-input>
76 </el-form-item> 76 </el-form-item>
77 </el-col> 77 </el-col>
78 <el-col :span="8"> 78 <el-col :span="8">
79 <el-form-item label="不动产权证号："> 79 <el-form-item label="不动产权证号：">
80 <el-input disabled v-model="ruleForm.qlxxold.bdcqzh"></el-input> 80 <el-input disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input>
81 </el-form-item> 81 </el-form-item>
82 </el-col> 82 </el-col>
83 <el-col :span="8"> 83 <el-col :span="8">
84 <el-form-item label="坐落："> 84 <el-form-item label="坐落：">
85 <el-input disabled v-model="ruleForm.qlxxold.zl"></el-input> 85 <el-input disabled v-model="ruleForm.ssQlxx.zl"></el-input>
86 </el-form-item> 86 </el-form-item>
87 </el-col> 87 </el-col>
88 </el-row> 88 </el-row>
89 <el-row :gutter="10"> 89 <el-row :gutter="10">
90 <el-col :span="8"> 90 <el-col :span="8">
91 <el-form-item label="不动产单元号："> 91 <el-form-item label="不动产单元号：">
92 <el-input disabled v-model="ruleForm.qlxxold.bdcdyh"></el-input> 92 <el-input disabled v-model="ruleForm.ssQlxx.bdcdyh"></el-input>
93 </el-form-item> 93 </el-form-item>
94 </el-col> 94 </el-col>
95 <el-col :span="8"> 95 <el-col :span="8">
96 <el-form-item label="面积："> 96 <el-form-item label="面积：">
97 <el-input disabled v-model="ruleForm.qlxxold.mj"></el-input> 97 <el-input disabled v-model="ruleForm.ssQlxx.mj"></el-input>
98 </el-form-item> 98 </el-form-item>
99 </el-col> 99 </el-col>
100 <el-col :span="8"> 100 <el-col :span="8">
101 <el-form-item label="用途："> 101 <el-form-item label="用途：">
102 <el-input disabled v-model="ruleForm.qlxxold.ytmc"></el-input> 102 <el-input disabled v-model="ruleForm.ssQlxx.ytmc"></el-input>
103 </el-form-item> 103 </el-form-item>
104 </el-col> 104 </el-col>
105 </el-row> 105 </el-row>
...@@ -113,8 +113,8 @@ ...@@ -113,8 +113,8 @@
113 <el-col :span="8"> 113 <el-col :span="8">
114 <el-form-item label="抵押方式："> 114 <el-form-item label="抵押方式：">
115 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs"> 115 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
116 <el-radio label="1">一般抵押</el-radio> 116 <el-radio label="1">一般抵押权</el-radio>
117 <el-radio label="2">最高额抵押</el-radio> 117 <el-radio label="2">最高额抵押权</el-radio>
118 </el-radio-group> 118 </el-radio-group>
119 </el-form-item> 119 </el-form-item>
120 </el-col> 120 </el-col>
...@@ -131,8 +131,14 @@ ...@@ -131,8 +131,14 @@
131 <el-row :gutter="10"> 131 <el-row :gutter="10">
132 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> 132 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
133 <el-form-item label="被担保主债权数额："> 133 <el-form-item label="被担保主债权数额：">
134 <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input> 134 <div style="display:flex">
135 </el-form-item> 135 <el-input v-model="ruleForm.diyaq.bdbzzqse" style="width:500%"></el-input>
136 <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1'">
137 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
138 </el-option>
139 </el-select>
140 </div>
141 </el-form-item>
136 </el-col> 142 </el-col>
137 143
138 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> 144 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
...@@ -158,7 +164,7 @@ ...@@ -158,7 +164,7 @@
158 <el-col :span="24"> 164 <el-col :span="24">
159 <el-form-item label="担保范围："> 165 <el-form-item label="担保范围：">
160 <el-input v-model="ruleForm.diyaq.dbfw" 166 <el-input v-model="ruleForm.diyaq.dbfw"
161 :disabled="$route.query.viewtype == 1 || ruleForm.slywxx.djlx == '300'"></el-input> 167 :disabled="$route.query.viewtype == 1 || ruleForm.slsq.djlx == '300'"></el-input>
162 </el-form-item> 168 </el-form-item>
163 </el-col> 169 </el-col>
164 </el-row> 170 </el-row>
...@@ -184,7 +190,7 @@ ...@@ -184,7 +190,7 @@
184 <el-row :gutter="10"> 190 <el-row :gutter="10">
185 <el-col :span="14"> 191 <el-col :span="14">
186 <el-form-item label="共有方式："> 192 <el-form-item label="共有方式：">
187 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs"> 193 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs">
188 <el-radio label="0">单独所有</el-radio> 194 <el-radio label="0">单独所有</el-radio>
189 <el-radio label="1">共同共有</el-radio> 195 <el-radio label="1">共同共有</el-radio>
190 <el-radio label="2">按份所有</el-radio> 196 <el-radio label="2">按份所有</el-radio>
...@@ -192,15 +198,15 @@ ...@@ -192,15 +198,15 @@
192 </el-radio-group> 198 </el-radio-group>
193 </el-form-item> 199 </el-form-item>
194 </el-col> 200 </el-col>
195 <el-col :span="5" v-show="ruleForm.gyfs == '2'"> 201 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
196 <el-form-item label="是否分别持证："> 202 <el-form-item label="是否分别持证：">
197 <el-radio-group v-model="ruleForm.slywxx.sqfbcz"> 203 <el-radio-group v-model="ruleForm.sldy.sqfbcz">
198 <el-radio label="1">是</el-radio> 204 <el-radio label="1">是</el-radio>
199 <el-radio label="0">否</el-radio> 205 <el-radio label="0">否</el-radio>
200 </el-radio-group> 206 </el-radio-group>
201 </el-form-item> 207 </el-form-item>
202 </el-col> 208 </el-col>
203 <el-col :span="5" v-show="ruleForm.gyfs == '2'"> 209 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
204 <el-form-item label="持证人："> 210 <el-form-item label="持证人：">
205 <el-select v-model="ruleForm.czr" placeholder="持证人"> 211 <el-select v-model="ruleForm.czr" placeholder="持证人">
206 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 212 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
...@@ -210,7 +216,7 @@ ...@@ -210,7 +216,7 @@
210 </el-col> 216 </el-col>
211 </el-row> 217 </el-row>
212 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" 218 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
213 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" /> 219 :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" />
214 <div class="slxx_title title-block"> 220 <div class="slxx_title title-block">
215 抵押人信息 221 抵押人信息
216 <div class="triangle"></div> 222 <div class="triangle"></div>
...@@ -224,7 +230,7 @@ ...@@ -224,7 +230,7 @@
224 </div> 230 </div>
225 <el-row :gutter="10"> 231 <el-row :gutter="10">
226 <el-col> 232 <el-col>
227 <el-form-item v-if="ruleForm.slywxx.djlx == '400'" label="注销抵押原因：" prop="djyy"> 233 <el-form-item v-if="ruleForm.slsq.djlx == '400'" label="注销抵押原因：" prop="djyy">
228 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" 234 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
229 v-model="ruleForm.diyaq.zxdyyy"> 235 v-model="ruleForm.diyaq.zxdyyy">
230 </el-input> 236 </el-input>
...@@ -278,8 +284,8 @@ ...@@ -278,8 +284,8 @@
278 disabled: true, 284 disabled: true,
279 czrOptions: [], 285 czrOptions: [],
280 ruleForm: { 286 ruleForm: {
281 slywxx: {}, 287 slsq: {},
282 qlxxold: {}, 288 ssQlxx: {},
283 diyaq: {}, 289 diyaq: {},
284 gyfs: "", 290 gyfs: "",
285 }, 291 },
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:56:17
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
10 :inline="flag" label-width="140px">
11 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
12 <div class="slxx_title title-block">
13 受理信息
14 <div class="triangle"></div>
15 </div>
16 <el-row :gutter="10">
17 <el-col :span="8">
18 <el-form-item label="业务号：">
19 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item label="受理人员：">
24 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="8">
28 <el-form-item label="受理时间：">
29 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
30 </el-form-item>
31 </el-col>
32 </el-row>
33 <el-row :gutter="10">
34 <el-col :span="8">
35 <el-form-item label="权利类型：" prop="qllx">
36 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="登记类型：" prop="djlx">
41 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item label="登记情形：" prop="djqx">
46 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
47 </el-form-item>
48 </el-col>
49 </el-row>
50 <div class="slxx_title title-block">
51 抵押不动产情况
52 <div class="triangle"></div>
53 </div>
54
55 <el-row :gutter="10">
56 <el-col :span="8">
57 <el-form-item label="权利人：">
58 <el-input disabled v-model="ruleForm.qlxxold.qlrmc"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item label="证件号：">
63 <el-input disabled v-model="ruleForm.qlxxold.qlrzjhm"></el-input>
64 </el-form-item>
65 </el-col>
66 <el-col :span="8">
67 <el-form-item label="证件种类：">
68 <el-input disabled v-model="ruleForm.qlxxold.qlrzjzl"></el-input>
69 </el-form-item>
70 </el-col>
71 </el-row>
72 <el-row :gutter="10">
73 <el-col :span="8">
74 <el-form-item label="不动产权证号：">
75 <el-input disabled v-model="ruleForm.qlxxold.bdcqzh"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="16">
79 <el-form-item label="坐落：">
80 <el-input disabled v-model="ruleForm.qlxxold.zl"></el-input>
81 </el-form-item>
82 </el-col>
83 </el-row>
84 <el-row :gutter="10">
85 <el-col :span="8">
86 <el-form-item label="用途：">
87 <el-input disabled v-model="ruleForm.qlxxold.ytmc"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="不动产单元号：">
92 <el-input disabled v-model="ruleForm.qlxxold.bdcdyh"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="面积：">
97 <el-input disabled v-model="ruleForm.qlxxold.mj"></el-input>
98 </el-form-item>
99 </el-col>
100 </el-row>
101
102 <div class="slxx_title title-block">
103 抵押信息
104 <div class="triangle"></div>
105 </div>
106
107 <el-row :gutter="10">
108 <el-col :span="8">
109 <el-form-item label="抵押方式：">
110 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
111 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
112 <el-radio label="1">一般抵押</el-radio>
113 <el-radio label="2">最高额抵押</el-radio>
114 </el-radio-group>
115 </el-form-item>
116 </el-col>
117 <el-col :span="16">
118 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px">
119 <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz">
120 <el-radio label="1">启用</el-radio>
121 <el-radio label="0">禁用</el-radio>
122 </el-radio-group>
123 </el-form-item>
124 </el-col>
125 </el-row>
126
127 <el-row :gutter="10">
128 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
129 <el-form-item label="被担保主债权数额：">
130 <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input>
131 </el-form-item>
132 </el-col>
133
134 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
135 <el-form-item label="最高债权额：">
136 <el-input v-model="ruleForm.diyaq.zgzqse"></el-input>
137 </el-form-item>
138 </el-col>
139
140 <el-col :span="8">
141 <el-form-item label="债务履行起始时间：">
142 <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" type="date">
143 </el-date-picker>
144 </el-form-item>
145 </el-col>
146 <el-col :span="8">
147 <el-form-item label="债务履行结束时间：">
148 <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" type="date">
149 </el-date-picker>
150 </el-form-item>
151 </el-col>
152 </el-row>
153
154 <el-row>
155 <el-col :span="24">
156 <el-form-item label="担保范围：">
157 <el-input v-model="ruleForm.diyaq.dbfw"></el-input>
158 </el-form-item>
159 </el-col>
160 </el-row>
161 <el-row>
162 <el-col :span="24">
163 <el-form-item label="最高债权确定事实和数额：" label-width="200px">
164 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
165 </el-form-item>
166 </el-col>
167 </el-row>
168 <el-row>
169 <el-col>
170 <el-form-item label="附记：" prop="fj">
171 <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="$route.query.viewtype == 1"></el-input>
172 </el-form-item>
173 </el-col>
174 </el-row>
175
176 <div class="slxx_title title-block">
177 抵押权人信息
178 <div class="triangle"></div>
179 </div>
180 <el-row :gutter="10">
181 <el-col :span="14">
182 <el-form-item label="共有方式：">
183 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs">
184 <el-radio label="0">单独所有</el-radio>
185 <el-radio label="1">共同共有</el-radio>
186 <el-radio label="2">按份所有</el-radio>
187 <el-radio label="3">其它共有</el-radio>
188 </el-radio-group>
189 </el-form-item>
190 </el-col>
191 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
192 <el-form-item label="是否分别持证：">
193 <el-radio-group v-model="ruleForm.slywxx.sqfbcz">
194 <el-radio label="1">是</el-radio>
195 <el-radio label="0">否</el-radio>
196 </el-radio-group>
197 </el-form-item>
198 </el-col>
199 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
200 <el-form-item label="持证人：">
201 <el-select v-model="ruleForm.czr" placeholder="持证人">
202 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
203 </el-option>
204 </el-select>
205 </el-form-item>
206 </el-col>
207 </el-row>
208 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
209 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
210 <div class="slxx_title title-block">
211 抵押人信息
212 <div class="triangle"></div>
213 </div>
214 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
215 :viewtype="$route.query.viewtype" />
216
217 <div class="slxx_title title-block">
218 登记原因
219 <div class="triangle"></div>
220 </div>
221 <el-row :gutter="10">
222 <el-col>
223 <el-form-item v-if="ruleForm.slywxx.djlx == '400'" label="注销抵押原因：" prop="djyy">
224 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
225 v-model="ruleForm.diyaq.zxdyyy">
226 </el-input>
227 </el-form-item>
228 <el-form-item v-else label="登记原因：" prop="djyy">
229 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
230 v-model="ruleForm.diyaq.djyy">
231 </el-input>
232 </el-form-item>
233 </el-col>
234 </el-row>
235
236 </div>
237 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
238 <el-form-item>
239 <el-button type="primary" @click="onSubmitClick()">保存</el-button>
240 </el-form-item>
241 </el-row>
242 </el-form>
243 </div>
244 </template>
245 <script>
246 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
247 import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
248 import { mapGetters } from "vuex";
249 export default {
250 mounted () {
251 this.ableOperation = this.$parent.currentSelectTab.ableOperation
252 this.propsParam = this.$attrs;
253 var formdata = new FormData();
254 this.$startLoading();
255 formdata.append("bsmSldy", this.propsParam.bsmSldy);
256 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
257 formdata.append("djlx", this.propsParam.djlx);
258 Init(formdata).then((res) => {
259 if (res.code === 200 && res.result) {
260 this.ruleForm = res.result;
261 this.$endLoading();
262 this.ruleForm.diyaq.sfczjzhxz = "0";
263 }
264 });
265 },
266 components: { qlrCommonTable },
267 computed: {
268 ...mapGetters(["dictData", "flag"]),
269 },
270 data () {
271 return {
272 //表单是否可操作
273 ableOperation: true,
274 disabled: true,
275 czrOptions: [],
276 ruleForm: {
277 slywxx: {},
278 qlxxold: {},
279 diyaq: {},
280 gyfs: "",
281 },
282 //传递参数
283 propsParam: {},
284 rules: {},
285 };
286 },
287 methods: {
288 onSubmitClick () {
289 saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
290 if (res.code === 200) {
291 this.$message({
292 showClose: true,
293 message: "保存成功！",
294 type: "success",
295 });
296 this.$store.dispatch('user/refreshPage', true);
297 } else {
298 this.$message({
299 showClose: true,
300 message: res.message,
301 type: "error",
302 });
303 }
304 });
305 },
306 // 更新权利人信息
307 upDateQlrxxList (val) {
308 this.ruleForm.qlrList = _.cloneDeep(val);
309 },
310 // 更新义务人信息
311 upDateYwrxxList (val) {
312 this.ruleForm.ywrList = _.cloneDeep(val);
313 }
314 }
315 }
316 </script>
317 <style scoped lang='scss'>
318 @import "~@/styles/public.scss";
319 @import "~@/styles/slxx/slxx.scss";
320 </style>
...@@ -12,37 +12,37 @@ ...@@ -12,37 +12,37 @@
12 受理信息 12 受理信息
13 <div class="triangle"></div> 13 <div class="triangle"></div>
14 </div> 14 </div>
15 <el-row :gutter="10" v-if="ruleForm.slywxx"> 15 <el-row :gutter="10" v-if="ruleForm.slsq">
16 <el-col :span="8"> 16 <el-col :span="8">
17 <el-form-item label="业务号："> 17 <el-form-item label="业务号：">
18 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> 18 <el-input disabled v-model="ruleForm.slsq.ywh"></el-input>
19 </el-form-item> 19 </el-form-item>
20 </el-col> 20 </el-col>
21 <el-col :span="8"> 21 <el-col :span="8">
22 <el-form-item label="受理人员："> 22 <el-form-item label="受理人员：">
23 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> 23 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
24 </el-form-item> 24 </el-form-item>
25 </el-col> 25 </el-col>
26 <el-col :span="8"> 26 <el-col :span="8">
27 <el-form-item label="受理时间："> 27 <el-form-item label="受理时间：">
28 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> 28 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
29 </el-form-item> 29 </el-form-item>
30 </el-col> 30 </el-col>
31 </el-row> 31 </el-row>
32 <el-row :gutter="10" v-if="ruleForm.slywxx"> 32 <el-row :gutter="10" v-if="ruleForm.slsq">
33 <el-col :span="8"> 33 <el-col :span="8">
34 <el-form-item label="权利类型："> 34 <el-form-item label="权利类型：">
35 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> 35 <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input>
36 </el-form-item> 36 </el-form-item>
37 </el-col> 37 </el-col>
38 <el-col :span="8"> 38 <el-col :span="8">
39 <el-form-item label="登记类型："> 39 <el-form-item label="登记类型：">
40 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> 40 <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input>
41 </el-form-item> 41 </el-form-item>
42 </el-col> 42 </el-col>
43 <el-col :span="8"> 43 <el-col :span="8">
44 <el-form-item label="登记情形："> 44 <el-form-item label="登记情形：">
45 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> 45 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
46 </el-form-item> 46 </el-form-item>
47 </el-col> 47 </el-col>
48 </el-row> 48 </el-row>
...@@ -138,7 +138,7 @@ ...@@ -138,7 +138,7 @@
138 <el-col :span="14" v-if="ruleForm.qlxx"> 138 <el-col :span="14" v-if="ruleForm.qlxx">
139 <el-form-item label="共有方式："> 139 <el-form-item label="共有方式：">
140 <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" 140 <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo"
141 v-model="ruleForm.slywxx.gyfs"> 141 v-model="ruleForm.slsq.gyfs">
142 <el-radio label="0">单独所有</el-radio> 142 <el-radio label="0">单独所有</el-radio>
143 <el-radio label="1">共同共有</el-radio> 143 <el-radio label="1">共同共有</el-radio>
144 <el-radio label="2">按份所有</el-radio> 144 <el-radio label="2">按份所有</el-radio>
...@@ -148,7 +148,7 @@ ...@@ -148,7 +148,7 @@
148 </el-col> 148 </el-col>
149 <el-col :span="5"> 149 <el-col :span="5">
150 <el-form-item label="发证方式："> 150 <el-form-item label="发证方式：">
151 <el-radio-group v-model="ruleForm.slywxx.fzfs"> 151 <el-radio-group v-model="ruleForm.slsq.fzfs">
152 <el-radio label="1">小证</el-radio> 152 <el-radio label="1">小证</el-radio>
153 <el-radio label="2">大证</el-radio> 153 <el-radio label="2">大证</el-radio>
154 </el-radio-group> 154 </el-radio-group>
...@@ -157,7 +157,7 @@ ...@@ -157,7 +157,7 @@
157 157
158 <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'"> 158 <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'">
159 <el-form-item label="是否分别持证："> 159 <el-form-item label="是否分别持证：">
160 <el-radio-group v-model="ruleForm.slywxx.sqfbcz"> 160 <el-radio-group v-model="ruleForm.slsq.sqfbcz">
161 <el-radio label="1">是</el-radio> 161 <el-radio label="1">是</el-radio>
162 <el-radio label="0">否</el-radio> 162 <el-radio label="0">否</el-radio>
163 </el-radio-group> 163 </el-radio-group>
...@@ -165,7 +165,7 @@ ...@@ -165,7 +165,7 @@
165 </el-col> 165 </el-col>
166 <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'"> 166 <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'">
167 <el-form-item label="持证人："> 167 <el-form-item label="持证人：">
168 <el-select v-model="ruleForm.slywxx.czr" placeholder="持证人"> 168 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人">
169 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 169 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
170 </el-option> 170 </el-option>
171 </el-select> 171 </el-select>
...@@ -175,7 +175,7 @@ ...@@ -175,7 +175,7 @@
175 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 175 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
176 :gyfs="ruleForm.qlxx.gyfs" /> 176 :gyfs="ruleForm.qlxx.gyfs" />
177 177
178 <div v-if="ruleForm.ywrList"> 178 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
179 <div class="slxx_title title-block"> 179 <div class="slxx_title title-block">
180 义务人信息 180 义务人信息
181 <div class="triangle"></div> 181 <div class="triangle"></div>
...@@ -189,9 +189,9 @@ ...@@ -189,9 +189,9 @@
189 </div> 189 </div>
190 <el-row :gutter="10"> 190 <el-row :gutter="10">
191 <el-col> 191 <el-col>
192 <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="djyy"> 192 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy">
193 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" 193 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
194 v-model="ruleForm.fdcq2.djyy"> 194 v-model="ruleForm.sldy.djyy">
195 </el-input> 195 </el-input>
196 </el-form-item> 196 </el-form-item>
197 </el-col> 197 </el-col>
...@@ -222,6 +222,8 @@ ...@@ -222,6 +222,8 @@
222 ...res.result, 222 ...res.result,
223 ...res.result.qlxxdatas, 223 ...res.result.qlxxdatas,
224 } 224 }
225 //初始化发证方式，1：小证，2：大正
226 this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs='1' : this.ruleForm.slsq.fzfs;
225 } 227 }
226 }); 228 });
227 }, 229 },
...@@ -248,7 +250,7 @@ ...@@ -248,7 +250,7 @@
248 this.ruleForm.qlrList = _.cloneDeep(val); 250 this.ruleForm.qlrList = _.cloneDeep(val);
249 }, 251 },
250 showCZInfo () { 252 showCZInfo () {
251 console.log(this.ruleForm.slywxx.gyfs); 253 console.log(this.ruleForm.slsq.gyfs);
252 }, 254 },
253 // 更新权利人信息 255 // 更新权利人信息
254 upDateYwrxxList (val) { 256 upDateYwrxxList (val) {
......
...@@ -12,37 +12,37 @@ ...@@ -12,37 +12,37 @@
12 受理信息 12 受理信息
13 <div class="triangle"></div> 13 <div class="triangle"></div>
14 </div> 14 </div>
15 <el-row :gutter="10" v-if="ruleForm.slywxx"> 15 <el-row :gutter="10" v-if="ruleForm.slsq">
16 <el-col :span="8"> 16 <el-col :span="8">
17 <el-form-item label="业务号："> 17 <el-form-item label="业务号：">
18 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> 18 <el-input disabled v-model="ruleForm.slsq.ywh"></el-input>
19 </el-form-item> 19 </el-form-item>
20 </el-col> 20 </el-col>
21 <el-col :span="8"> 21 <el-col :span="8">
22 <el-form-item label="受理人员："> 22 <el-form-item label="受理人员：">
23 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> 23 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
24 </el-form-item> 24 </el-form-item>
25 </el-col> 25 </el-col>
26 <el-col :span="8"> 26 <el-col :span="8">
27 <el-form-item label="受理时间："> 27 <el-form-item label="受理时间：">
28 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> 28 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
29 </el-form-item> 29 </el-form-item>
30 </el-col> 30 </el-col>
31 </el-row> 31 </el-row>
32 <el-row :gutter="10" v-if="ruleForm.slywxx"> 32 <el-row :gutter="10" v-if="ruleForm.slsq">
33 <el-col :span="8"> 33 <el-col :span="8">
34 <el-form-item label="权利类型："> 34 <el-form-item label="权利类型：">
35 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> 35 <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input>
36 </el-form-item> 36 </el-form-item>
37 </el-col> 37 </el-col>
38 <el-col :span="8"> 38 <el-col :span="8">
39 <el-form-item label="登记类型："> 39 <el-form-item label="登记类型：">
40 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> 40 <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input>
41 </el-form-item> 41 </el-form-item>
42 </el-col> 42 </el-col>
43 <el-col :span="8"> 43 <el-col :span="8">
44 <el-form-item label="登记情形："> 44 <el-form-item label="登记情形：">
45 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> 45 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
46 </el-form-item> 46 </el-form-item>
47 </el-col> 47 </el-col>
48 </el-row> 48 </el-row>
...@@ -140,7 +140,7 @@ ...@@ -140,7 +140,7 @@
140 <el-row :gutter="10"> 140 <el-row :gutter="10">
141 <el-col :span="14" v-if="ruleForm.qlxx"> 141 <el-col :span="14" v-if="ruleForm.qlxx">
142 <el-form-item label="共有方式："> 142 <el-form-item label="共有方式：">
143 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs"> 143 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slsq.gyfs">
144 <el-radio label="0">单独所有</el-radio> 144 <el-radio label="0">单独所有</el-radio>
145 <el-radio label="1">共同共有</el-radio> 145 <el-radio label="1">共同共有</el-radio>
146 <el-radio label="2">按份所有</el-radio> 146 <el-radio label="2">按份所有</el-radio>
...@@ -208,6 +208,8 @@ ...@@ -208,6 +208,8 @@
208 ...res.result.qlxxdatas, 208 ...res.result.qlxxdatas,
209 ...res.result.jsydsyqdatas, 209 ...res.result.jsydsyqdatas,
210 }; 210 };
211 //初始化发证方式，1：小证，2：大正
212 this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs='1' : this.ruleForm.slsq.fzfs;
211 } 213 }
212 }); 214 });
213 }, 215 },
......
...@@ -84,12 +84,22 @@ ...@@ -84,12 +84,22 @@
84 </el-form-item> 84 </el-form-item>
85 </el-col> 85 </el-col>
86 </el-row> 86 </el-row>
87 <el-row :gutter="10" v-if="ruleForm.slsq">
88 <el-col :span="5">
89 <el-form-item label="发证方式：">
90 <el-radio-group v-model="ruleForm.slsq.fzfs">
91 <el-radio label="1">小证</el-radio>
92 <el-radio label="2">大证</el-radio>
93 </el-radio-group>
94 </el-form-item>
95 </el-col>
96 </el-row>
87 <div class="slxx_title title-block"> 97 <div class="slxx_title title-block">
88 权利人信息 98 权利人信息
89 <div class="triangle"></div> 99 <div class="triangle"></div>
90 </div> 100 </div>
91 <el-row :gutter="10"> 101 <el-row :gutter="10">
92 <el-col :span="14" v-if="ruleForm.qlxx"> 102 <el-col :span="14" v-if="ruleForm.qlxxList[0]">
93 <el-form-item label="共有方式："> 103 <el-form-item label="共有方式：">
94 <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" 104 <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo"
95 v-model="ruleForm.slsq.gyfs"> 105 v-model="ruleForm.slsq.gyfs">
...@@ -100,16 +110,9 @@ ...@@ -100,16 +110,9 @@
100 </el-radio-group> 110 </el-radio-group>
101 </el-form-item> 111 </el-form-item>
102 </el-col> 112 </el-col>
103 <el-col :span="5">
104 <el-form-item label="发证方式：">
105 <el-radio-group v-model="ruleForm.slsq.fzfs">
106 <el-radio label="1">小证</el-radio>
107 <el-radio label="2">大证</el-radio>
108 </el-radio-group>
109 </el-form-item>
110 </el-col>
111 113
112 <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'"> 114
115 <el-col :span="5" v-show="ruleForm.qlxxList[0] && ruleForm.slsq.gyfs == '2'">
113 <el-form-item label="是否分别持证："> 116 <el-form-item label="是否分别持证：">
114 <el-radio-group v-model="ruleForm.slsq.sqfbcz"> 117 <el-radio-group v-model="ruleForm.slsq.sqfbcz">
115 <el-radio label="1">是</el-radio> 118 <el-radio label="1">是</el-radio>
...@@ -117,7 +120,7 @@ ...@@ -117,7 +120,7 @@
117 </el-radio-group> 120 </el-radio-group>
118 </el-form-item> 121 </el-form-item>
119 </el-col> 122 </el-col>
120 <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'"> 123 <el-col :span="5" v-show="ruleForm.qlxxList[0] && ruleForm.slsq.gyfs == '2'">
121 <el-form-item label="持证人："> 124 <el-form-item label="持证人：">
122 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人"> 125 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人">
123 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 126 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
...@@ -126,26 +129,17 @@ ...@@ -126,26 +129,17 @@
126 </el-form-item> 129 </el-form-item>
127 </el-col> 130 </el-col>
128 </el-row> 131 </el-row>
129 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 132 <qlrCommonTable v-if="ruleForm.qlxxList[0]" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
130 :gyfs="ruleForm.qlxx.gyfs" /> 133 :gyfs="ruleForm.qlxxList[0].gyfs" />
131
132 <!-- <div v-if="ruleForm.ywrList">
133 <div class="slxx_title title-block">
134 义务人信息
135 <div class="triangle"></div>
136 </div>
137 <qlrCommonTable v-if="ruleForm.qlxxList" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
138 :gyfs="ruleForm.qlxx.gyfs" />
139 </div>-->
140 <div class="slxx_title title-block"> 134 <div class="slxx_title title-block">
141 登记原因 135 登记原因
142 <div class="triangle"></div> 136 <div class="triangle"></div>
143 </div> 137 </div>
144 <el-row :gutter="10"> 138 <el-row :gutter="10">
145 <el-col> 139 <el-col>
146 <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="djyy"> 140 <el-form-item v-if="ruleForm.slsq" label="登记原因：" prop="djyy">
147 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" 141 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
148 v-model="ruleForm.fdcq2.djyy"> 142 v-model="ruleForm.slsq.djyy">
149 </el-input> 143 </el-input>
150 </el-form-item> 144 </el-form-item>
151 </el-col> 145 </el-col>
...@@ -174,7 +168,6 @@ export default { ...@@ -174,7 +168,6 @@ export default {
174 BatchInit(formdata).then((res) => { 168 BatchInit(formdata).then((res) => {
175 if (res.code === 200 && res.result) { 169 if (res.code === 200 && res.result) {
176 this.ruleForm = res.result; 170 this.ruleForm = res.result;
177 this.ruleForm.qlxx = this.ruleForm.qlxxList[0]
178 this.splicingFdcq2Info(); 171 this.splicingFdcq2Info();
179 } 172 }
180 }); 173 });
...@@ -190,11 +183,18 @@ export default { ...@@ -190,11 +183,18 @@ export default {
190 tdytOption: [], 183 tdytOption: [],
191 czrOptions: [], 184 czrOptions: [],
192 ruleForm: { 185 ruleForm: {
193 slsq: {}, 186 cfdjList:[]//查封登记
194 zdjbxx: {}, 187 ,diyaqList:[]//抵押权
195 sldyList: [], 188 ,fdcq2List:[]//房屋信息集合
196 qlxxList: [], 189 ,qlrList:[]//权利人
197 fdcq2List:[] 190 ,ywrList:[]//义务人
191 ,qlxxList:[]//权利信息集合
192 ,sldyList:[]//受理不动产单元集合
193 ,slsq: {}//受理申请流程明细
194 ,sqrList:[]//申请人
195 ,ssQlxxList:[]//上手权利信息
196 ,user:{}//用户
197 ,zdjbxx: {}//宗地基本信息
198 }, 198 },
199 //传递参数 199 //传递参数
200 propsParam: this.$attrs, 200 propsParam: this.$attrs,
...@@ -229,8 +229,9 @@ export default { ...@@ -229,8 +229,9 @@ export default {
229 let fwjg = Array.from(new Set(fwjgArr)).join(","); 229 let fwjg = Array.from(new Set(fwjgArr)).join(",");
230 this.splicingFdcq2.fwxz = fwxz; 230 this.splicingFdcq2.fwxz = fwxz;
231 this.splicingFdcq2.fwjg = fwjg; 231 this.splicingFdcq2.fwjg = fwjg;
232 this.splicingFdcq2.jzmj = jzmj; 232 this.splicingFdcq2.jzmj = jzmj==null ? 0 : jzmj;
233 this.splicingFdcq2.zts = fdcq2List.length; 233 this.splicingFdcq2.zts = fdcq2List.length;
234
234 }, 235 },
235 236
236 // 更新权利人信息 237 // 更新权利人信息
......
...@@ -4,13 +4,19 @@ ...@@ -4,13 +4,19 @@
4 <div class="from-clues-header"> 4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm"> 5 <el-form :model="queryForm" ref="queryForm">
6 <el-row> 6 <el-row>
7 <el-col :span="8">
8 <el-form-item label="宗地代码">
9 <el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width300px">
10 </el-input>
11 </el-form-item>
12 </el-col>
7 <el-col :span="8"> 13 <el-col :span="8">
8 <el-form-item label="不动产单元号"> 14 <el-form-item label="不动产单元号">
9 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width300px"> 15 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width300px">
10 </el-input> 16 </el-input>
11 </el-form-item> 17 </el-form-item>
12 </el-col> 18 </el-col>
13 <el-col :span="10"> 19 <el-col :span="8">
14 <el-form-item label="坐落"> 20 <el-form-item label="坐落">
15 <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width300px"> 21 <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width300px">
16 </el-input> 22 </el-input>
......