Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
a76cf122 by 田浩浩
Options

修改对应的文件及功能

1 parent a0be2501
Inline Side-by-side
Showing 5 changed files with 3 additions and 325 deletions
...@@ -88,7 +88,7 @@ export const asyncRoutes = [ ...@@ -88,7 +88,7 @@ export const asyncRoutes = [
88 path: 'ywsq', 88 path: 'ywsq',
89 id: '21', 89 id: '21',
90 parentId: '2', 90 parentId: '2',
91 component: () => import('@/views/ywbl/ywsq/ywsq.vue'), 91 component: () => import('@/views/ywbl/ywsq/guidePage.vue'),
92 name: 'ywsq', 92 name: 'ywsq',
93 meta: { title: '业务申请' } 93 meta: { title: '业务申请' }
94 }, 94 },
......
...@@ -87,7 +87,7 @@ import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; ...@@ -87,7 +87,7 @@ import { deleteFlow, unClaimTask } from "@/api/ywbl.js";
87 import ProcessViewer from './components/processViewer.vue' 87 import ProcessViewer from './components/processViewer.vue'
88 import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; 88 import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
89 import { getForm } from "./flowform.js"; 89 import { getForm } from "./flowform.js";
90 import fqsqDialog from "@/views/ywbl/ywsq/slectBdc.vue"; 90 import fqsqDialog from "@/views/ywbl/ywsq/selectBdc.vue";
91 import { queueDjywmc } from "@/views/ywbl/ywsq/slectBdcdata.js"; 91 import { queueDjywmc } from "@/views/ywbl/ywsq/slectBdcdata.js";
92 export default { 92 export default {
93 components: { 93 components: {
......
...@@ -79,7 +79,7 @@ import { getForm } from './flowform' ...@@ -79,7 +79,7 @@ import { getForm } from './flowform'
79 import NoticeBar from '@/components/NoticeBar/index' 79 import NoticeBar from '@/components/NoticeBar/index'
80 import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; 80 import { deleteFlow, unClaimTask } from "@/api/ywbl.js";
81 import ProcessViewer from './components/processViewer.vue' 81 import ProcessViewer from './components/processViewer.vue'
82 import fqsqDialog from "@/views/ywbl/ywsq/slectBdc.vue"; 82 import fqsqDialog from "@/views/ywbl/ywsq/selectBdc.vue";
83 export default { 83 export default {
84 components: { 84 components: {
85 fqsqDialog, 85 fqsqDialog,
......
1 <template>
2 <dialogBox :title="title" width="85%" :isButton="false" :isMain="true" @closeDialog="closeDialog" v-model="myValue">
3 <component :is="editItem" @closeDialog="closeDialog" v-bind="$attrs" :isJump="isJump" id="slectBdc"
4 @updateDialog="updateDialog" :djywbm="djywbm" :key="key" :djqxObj="djqxObj" />
5 </dialogBox>
6 </template>
7 <script>
8 import { queueDjywmc } from './slectBdcdata.js'
9 export default {
10 props: {
11 isJump: { type: Boolean, default: false },
12 value: { type: Boolean, default: true },
13 djywbm: { type: String, default: '' },
14 djqxObj: { type: Object, default: () => { } }
15 },
16 data () {
17 return {
18 title: "",
19 key: 0,
20 editItem: '',
21 myValue: this.value
22 }
23 },
24 watch: {
25 value (val) {
26 this.myValue = val
27 this.key++
28 if (this.$route.query.sqywbm) {
29 let dd = queueDjywmc(this.$route.query.sqywbm)
30 this.editItem = this.loadView(dd)
31 }
32 },
33 'djywbm' (val) {
34 let dd = queueDjywmc(val)
35 this.editItem = this.loadView(dd)
36 }
37 },
38 methods: {
39 loadView (view) {
40 this.title = "申请业务：" + this.djqxObj.djywmc;
41 return r => require.ensure([], () => r(require(`./components/${view}.vue`)))
42 },
43 closeDialog () {
44 this.$emit("input", false)
45 },
46 updateDialog () {
47 this.$emit("input", false)
48 this.$emit("updateDialog", true)
49 }
50 }
51 }
52 </script>
53 <style scoped lang="scss">
54 @import "~@/styles/mixin.scss";
55 @import "~@/styles/public.scss";
56
57 /deep/.submit_button {
58 text-align: center;
59 padding: 10px;
60 margin: 10px;
61 }
62 </style>
1 <template>
2 <div class="ywsq" id="ywsq">
3 <div class="ywsq-left">
4 <p v-for="(item, index) in leftList" @click="handleleftTitle(index)" :key="index"
5 :class="{ 'active': n == index }">{{ item }}</p>
6 <el-collapse disabled v-model="activeNames">
7 <el-collapse-item title="业务申请" name="1">
8 <ul class="item-list">
9 <li v-for="(obj, key) in list" :key="key" @click="handleList(list, obj)" :class="obj.check ? 'active' : ''">
10 {{ obj.nodename }}</li>
11 </ul>
12 </el-collapse-item>
13 </el-collapse>
14 </div>
15
16 <!-- right -->
17 <div class="ywsq-right">
18 <div class="right-type el-card box-card is-always-shadow" v-if="n == -1">
19 <div class="right-title">登记类型</div>
20 <ul class="type-content">
21 <li :class="item.cselect ? 'cactive' : ''" @dblclick="handleDjqxItem(item)" @click="handleDjlxSelect(item)"
22 v-for="(item, index) in djlxList" :key="index">
23 <p>
24 {{ item.nodename }}
25 </p>
26 <p v-if="item.sffqlc == 1" :class="item.userCollect == 1 ? 'active' : ''"
27 @click.stop="handleCollection(item)">
28 <i class="el-icon-star-off" :class="item.userCollect == 1 ? 'active' : ''"></i>
29 </p>
30 </li>
31 </ul>
32 </div>
33 <div class="right-situation el-card box-card is-always-shadow">
34 <div class="right-title">{{ obj[n] }}</div>
35 <ul>
36 <li v-for="(item, index) in itemList" :key="index" @dblclick="handleSelectItem(item, itemList)"
37 @click="handleSelectYw(item, itemList)" :class="item.cselect ? 'cactive' : ''">
38 <p v-if="n == 0">
39 {{ item.djywmc }}<br>
40 {{ item.nodename }}
41 </p>
42 <dt v-else>{{ item.nodename }}</dt>
43
44 <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
45 <i class="el-icon-star-off" :class="item.userCollect == 1 ? 'active' : ''"></i>
46 </p>
47 </li>
48 </ul>
49 </div>
50 <div class="submit-button">
51 <el-button type="primary" :disabled="btnDisabled" @click="bthSelectClick">选择不动产</el-button>
52 </div>
53 </div>
54 <fqsqDialog v-model="isDialog" :djqxObj="djqxObj" :bsmSqyw="bsmSqyw" :djywbm="djywbm" />
55 </div>
56 </template>
57 <script>
58 import fqsqDialog from "./slectBdc.vue"
59 import { getCollectBiz, getleftMenu, getNextNode, addCollectBiz, deleteCollectBiz } from "@/api/ywbl"
60 export default {
61 data () {
62 return {
63 n: 0,
64 activeNames: ['1'],
65 leftList: [
66 '常办业务', '一并申请', '登记簿补录',
67 ],
68 // 左侧列表
69 list: [],
70 djlxList: [],
71
72 itemList: [],
73 ywList: [],
74 djqxList: [],
75 obj: {
76 '0': '常办业务列表',
77 '-1': '登记情形'
78 },
79 isDialog: false,
80 btnDisabled: true,
81 djywbm: '',
82 djqxObj: {},
83 bsmSqyw: ''
84 }
85 },
86 components: {
87 fqsqDialog
88 },
89 created () {
90 this.getDataList()
91 },
92 methods: {
93 getDataList () {
94 getCollectBiz().then(res => {
95 let { result } = res
96 this.ywList = result
97 this.ywList.forEach(item => {
98 this.$set(item, 'cselect', false)
99 item.userCollect = 1
100 })
101 if (this.n == 0) {
102 this.itemList = this.ywList
103 }
104 })
105 getleftMenu().then(res => {
106 let { result } = res
107 this.list = result
108 })
109 },
110 handleleftTitle (index) {
111 this.n = index
112 let obj = {
113 '0': this.ywList
114 }
115 this.itemList = obj[this.n]
116 this.list.forEach(item => {
117 if (item.check) item.check = false
118 })
119
120 },
121 // 业务-登记情形选择
122 handleSelectYw (item, list) {
123 list.forEach(item => {
124 this.$set(item, 'cselect', false)
125 })
126 item.cselect = true;
127 this.djqxObj = item;
128 if (item.sffqlc == '1') {
129 this.btnDisabled = false
130 this.bsmSqyw = item.bsmSqyw
131 this.djywbm = item.djywbm
132 }
133 },
134 handleList (list, obj) {
135 this.btnDisabled = true
136 list.forEach(item => {
137 if (item.check) item.check = false
138 })
139 this.n = -1
140 this.$set(obj, 'check', true)
141 this.getNextNode(obj.bsmSqyw)
142 this.djqxList = []
143 this.djlxList = []
144 this.itemList = []
145 },
146 // 获取下个节点类型
147 getNextNode (bsmSqyw, type = true) {
148 getNextNode(bsmSqyw).then(res => {
149 if (res.result.djqx) this.djqxList = res.result.djqx
150 if (res.result.djlx) this.djlxList = res.result.djlx
151 if (type) {
152 this.djqxList.forEach(item => {
153 this.$set(item, 'cselect', false)
154 })
155 this.djlxList.forEach(item => {
156 this.$set(item, 'cselect', false)
157 })
158 }
159 this.itemList = this.djqxList
160 })
161 },
162 handleCollection (item) {
163 let that = this
164 if (item.userCollect == '2') {
165 addCollectBiz(item.bsmSqyw).then(res => {
166 if (res.code == 200) {
167 item.userCollect = '1'
168 that.$message({
169 message: '收藏成功！',
170 type: 'success'
171 })
172 that.getDataList()
173 }
174 })
175 } else {
176 this.$confirm('此操作将取消收藏, 是否继续?', '提示', {
177 confirmButtonText: '确定',
178 cancelButtonText: '取消',
179 type: 'warning'
180 }).then(() => {
181 deleteCollectBiz(item.bsmSqyw).then(res => {
182 if (res.code == 200) {
183 item.userCollect = '2'
184 that.$message({
185 message: '取消收藏成功！',
186 type: 'success'
187 })
188 that.getDataList()
189 }
190 })
191 }).catch(() => {
192 this.$message({
193 type: 'info',
194 message: '已取消收藏'
195 })
196 })
197 }
198 },
199 handleSelect (item) {
200 this.busList.forEach(item => {
201 item.cselect = false
202 })
203 item.cselect = !item.cselect
204 },
205 // 登记类型
206 handleDjlxSelect (item) {
207 this.djlxList.forEach(item => {
208 item.cselect = false
209 })
210 this.btnDisabled = true
211 item.cselect = true;
212 this.djqxObj = item;
213 if (item.sffqlc == '1') {
214 this.btnDisabled = false
215 this.bsmSqyw = item.bsmSqyw
216 this.djywbm = item.djywbm;
217 } else {
218 this.getNextNode(item.bsmSqyw, false)
219 }
220 this.djqxList = []
221 },
222 handleDjqxItem (item) {
223 this.djlxList.forEach(item => {
224 item.cselect = false
225 })
226 console.log(item);
227 if (item.sffqlc == 1) {
228 this.djywbm = item.djywbm
229 this.bsmSqyw = item.bsmSqyw
230 item.cselect = true
231 this.isDialog = true
232 this.btnDisabled = true
233 }
234 },
235 handleSelectItem (item, list) {
236 this.handleSelectYw(item, list)
237 this.isDialog = true
238 },
239 // 选择不动产信息
240 bthSelectClick () {
241 this.isDialog = true
242 },
243 loadView (view) {
244 return r => require.ensure([], () => r(require(`./components/${view}/${view}.vue`)))
245 }
246 }
247 }
248 </script>
249 <style scoped lang='scss'>
250 @import "~@/styles/mixin.scss";
251 @import './ywsq.scss';
252
253 /deep/.el-collapse-item__content {
254 padding-bottom: 0;
255 }
256
257 /deep/.el-collapse-item__wrap {
258 border-bottom: none;
259 }
260 </style>
...\ No newline at end of file ...\ No newline at end of file