Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
16 changed files
with
518 additions
and
177 deletions
... | @@ -10,6 +10,15 @@ export function addSysNotice (data) { | ... | @@ -10,6 +10,15 @@ export function addSysNotice (data) { |
10 | }) | 10 | }) |
11 | } | 11 | } |
12 | 12 | ||
13 | //编辑系统通知 | ||
14 | export function updateSysNotice (data) { | ||
15 | return request({ | ||
16 | url: SERVER.SERVERAPI + '/rest/system/sysNotice/updateSysNotice', | ||
17 | method: 'post', | ||
18 | data | ||
19 | }) | ||
20 | } | ||
21 | |||
13 | // 获取通知列表 | 22 | // 获取通知列表 |
14 | export function getSysNoticeList (data) { | 23 | export function getSysNoticeList (data) { |
15 | return request({ | 24 | return request({ | ... | ... |
... | @@ -8,23 +8,23 @@ export function Init(data) { | ... | @@ -8,23 +8,23 @@ export function Init(data) { |
8 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/fristInit"; | 8 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/fristInit"; |
9 | break; | 9 | break; |
10 | case "200": | 10 | case "200": |
11 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/transferInit"; | 11 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/transferInit"; |
12 | break; | 12 | break; |
13 | case "300": | 13 | case "300": |
14 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/changeInit"; | 14 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/changeInit"; |
15 | break; | 15 | break; |
16 | case "400": | 16 | case "400": |
17 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/logoutInit"; | 17 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/logoutInit"; |
18 | break; | 18 | break; |
19 | case "500": | 19 | case "500": |
20 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/riviseInit"; | 20 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/riviseInit"; |
21 | break; | 21 | break; |
22 | case "901": | 22 | case "901": |
23 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/renewalInit"; | 23 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/renewalInit"; |
24 | break; | 24 | break; |
25 | case "902": | 25 | case "902": |
26 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/replaceInit"; | 26 | apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/replaceInit"; |
27 | break; | 27 | break; |
28 | } | 28 | } |
29 | return request({ | 29 | return request({ |
30 | url: apiUrl, | 30 | url: apiUrl, |
... | @@ -34,7 +34,7 @@ export function Init(data) { | ... | @@ -34,7 +34,7 @@ export function Init(data) { |
34 | } | 34 | } |
35 | // 初始化内容 | 35 | // 初始化内容 |
36 | export function saveData (data) { | 36 | export function saveData (data) { |
37 | console.log("222222222222222"); | 37 | console.log("222222222222222"+data); |
38 | return request({ | 38 | return request({ |
39 | url: SERVER.SERVERAPI + '/rest/ywbl/ygdj/saveData', | 39 | url: SERVER.SERVERAPI + '/rest/ywbl/ygdj/saveData', |
40 | method: 'post', | 40 | method: 'post', | ... | ... |
... | @@ -90,6 +90,14 @@ export default { | ... | @@ -90,6 +90,14 @@ export default { |
90 | padding: 3px !important; | 90 | padding: 3px !important; |
91 | } | 91 | } |
92 | 92 | ||
93 | /deep/.el-calendar-table td.is-today { | ||
94 | font-weight: 700; | ||
95 | } | ||
96 | |||
97 | /deep/.el-calendar-table td.is-selected { | ||
98 | background-color: rgb(179, 216, 255); | ||
99 | } | ||
100 | |||
93 | /deep/.el-calendar__header { | 101 | /deep/.el-calendar__header { |
94 | padding: 8px 15px; | 102 | padding: 8px 15px; |
95 | } | 103 | } |
... | @@ -141,9 +149,9 @@ export default { | ... | @@ -141,9 +149,9 @@ export default { |
141 | } | 149 | } |
142 | 150 | ||
143 | /**本月周末设置为红色*/ | 151 | /**本月周末设置为红色*/ |
144 | .el-calendar-table .current:nth-last-child(-n+2) .solar { | 152 | /* .el-calendar-table .current:nth-last-child(-n+2) .solar { |
145 | color: red; | 153 | color: red; |
146 | } | 154 | } */ |
147 | 155 | ||
148 | /**本月农历设置为灰色*/ | 156 | /**本月农历设置为灰色*/ |
149 | .el-calendar-table .current .lunar { | 157 | .el-calendar-table .current .lunar { | ... | ... |
... | @@ -268,6 +268,11 @@ export default { | ... | @@ -268,6 +268,11 @@ export default { |
268 | }; | 268 | }; |
269 | </script> | 269 | </script> |
270 | <style scoped> | 270 | <style scoped> |
271 | /deep/.el-message-box { | ||
272 | width: 500px; | ||
273 | max-height: 95%; | ||
274 | } | ||
275 | |||
271 | /deep/.message-title { | 276 | /deep/.message-title { |
272 | font-size: 18px; | 277 | font-size: 18px; |
273 | font-weight: 700; | 278 | font-weight: 700; | ... | ... |
... | @@ -8,7 +8,9 @@ | ... | @@ -8,7 +8,9 @@ |
8 | <div ref="back" class="back"> | 8 | <div ref="back" class="back"> |
9 | <div ref="text" class="text" @mouseover="mouseOver" @mouseleave="mouseLeave"> | 9 | <div ref="text" class="text" @mouseover="mouseOver" @mouseleave="mouseLeave"> |
10 | <p v-for="(item, index) in noticeList" :key="index"> | 10 | <p v-for="(item, index) in noticeList" :key="index"> |
11 | {{ item.title }} | 11 | <span> {{ item.noticeTitle }}</span> |
12 | <span class="noticePublishTime">{{ item.noticePublishTime }}</span> | ||
13 | <el-button type="text" @click="handleNotice(item)" style="color:#F56C6C;font-size: 14px;">[点击查看]</el-button> | ||
12 | </p> | 14 | </p> |
13 | </div> | 15 | </div> |
14 | </div> | 16 | </div> |
... | @@ -34,7 +36,22 @@ export default { | ... | @@ -34,7 +36,22 @@ export default { |
34 | secondAnimationTime: '', // 状态二动画效果 | 36 | secondAnimationTime: '', // 状态二动画效果 |
35 | }; | 37 | }; |
36 | }, | 38 | }, |
39 | watch: { | ||
40 | noticeList: { | ||
41 | handler (newName, oldName) { | ||
42 | let that = this | ||
43 | this.Listener(); | ||
44 | setTimeout(res => { | ||
45 | that.getData(); | ||
46 | }, 100); | ||
47 | }, | ||
48 | deep: true | ||
49 | } | ||
50 | }, | ||
37 | methods: { | 51 | methods: { |
52 | handleNotice (item) { | ||
53 | this.$alertMes(item.noticeTitle, item.noticeContent) | ||
54 | }, | ||
38 | // 获取数据 | 55 | // 获取数据 |
39 | getData () { | 56 | getData () { |
40 | let style = document.styleSheets[0]; | 57 | let style = document.styleSheets[0]; |
... | @@ -53,7 +70,7 @@ export default { | ... | @@ -53,7 +70,7 @@ export default { |
53 | ); | 70 | ); |
54 | setTimeout(res => { | 71 | setTimeout(res => { |
55 | this.changeState(); | 72 | this.changeState(); |
56 | }, 1000); | 73 | }, 300); |
57 | }, | 74 | }, |
58 | // 用速度计算时间(想要保持速度一样,2种状态时间不同需算出) | 75 | // 用速度计算时间(想要保持速度一样,2种状态时间不同需算出) |
59 | ComputationTime () { | 76 | ComputationTime () { |
... | @@ -89,12 +106,6 @@ export default { | ... | @@ -89,12 +106,6 @@ export default { |
89 | let text = this.$refs.text; | 106 | let text = this.$refs.text; |
90 | text.style.animationPlayState = '' | 107 | text.style.animationPlayState = '' |
91 | } | 108 | } |
92 | }, | ||
93 | mounted () { | ||
94 | this.Listener(); | ||
95 | setTimeout(res => { | ||
96 | this.getData(); | ||
97 | }, 100); | ||
98 | } | 109 | } |
99 | }; | 110 | }; |
100 | </script> | 111 | </script> |
... | @@ -104,7 +115,6 @@ export default { | ... | @@ -104,7 +115,6 @@ export default { |
104 | align-items: center; | 115 | align-items: center; |
105 | width: 100%; | 116 | width: 100%; |
106 | height: 28px; | 117 | height: 28px; |
107 | line-height: 28px; | ||
108 | background: rgba(0, 0, 0, 0.1); | 118 | background: rgba(0, 0, 0, 0.1); |
109 | 119 | ||
110 | .icon { | 120 | .icon { |
... | @@ -132,7 +142,11 @@ export default { | ... | @@ -132,7 +142,11 @@ export default { |
132 | display: flex; | 142 | display: flex; |
133 | 143 | ||
134 | p { | 144 | p { |
135 | margin-right: 10px; | 145 | margin-right: 80px; |
146 | display: flex; | ||
147 | align-items: center; | ||
148 | height: 28px; | ||
149 | line-height: 28px; | ||
136 | } | 150 | } |
137 | } | 151 | } |
138 | } | 152 | } | ... | ... |
... | @@ -90,6 +90,14 @@ export default { | ... | @@ -90,6 +90,14 @@ export default { |
90 | padding: 3px !important; | 90 | padding: 3px !important; |
91 | } | 91 | } |
92 | 92 | ||
93 | /deep/.el-calendar-table td.is-today { | ||
94 | font-weight: 700; | ||
95 | } | ||
96 | |||
97 | /deep/.el-calendar-table td.is-selected { | ||
98 | background-color: rgb(179, 216, 255); | ||
99 | } | ||
100 | |||
93 | /deep/.el-calendar__header { | 101 | /deep/.el-calendar__header { |
94 | padding: 8px 15px; | 102 | padding: 8px 15px; |
95 | } | 103 | } |
... | @@ -141,9 +149,9 @@ export default { | ... | @@ -141,9 +149,9 @@ export default { |
141 | } | 149 | } |
142 | 150 | ||
143 | /**本月周末设置为红色*/ | 151 | /**本月周末设置为红色*/ |
144 | .el-calendar-table .current:nth-last-child(-n+2) .solar { | 152 | /* .el-calendar-table .current:nth-last-child(-n+2) .solar { |
145 | color: red; | 153 | color: red; |
146 | } | 154 | } */ |
147 | 155 | ||
148 | /**本月农历设置为灰色*/ | 156 | /**本月农历设置为灰色*/ |
149 | .el-calendar-table .current .lunar { | 157 | .el-calendar-table .current .lunar { | ... | ... |
... | @@ -21,8 +21,11 @@ | ... | @@ -21,8 +21,11 @@ |
21 | </div> | 21 | </div> |
22 | </template> | 22 | </template> |
23 | <script> | 23 | <script> |
24 | import NoticeBar from '@/components/NoticeBar/index' | ||
25 | import { mapGetters } from 'vuex' | 24 | import { mapGetters } from 'vuex' |
25 | import NoticeBar from '@/components/NoticeBar/index' | ||
26 | import { | ||
27 | getHomeNoticeList | ||
28 | } from "@/api/home.js" | ||
26 | export default { | 29 | export default { |
27 | components: { | 30 | components: { |
28 | NoticeBar | 31 | NoticeBar |
... | @@ -33,20 +36,20 @@ export default { | ... | @@ -33,20 +36,20 @@ export default { |
33 | data () { | 36 | data () { |
34 | return { | 37 | return { |
35 | logo: require('../../image/logo.png'), | 38 | logo: require('../../image/logo.png'), |
36 | noticeList: [ | 39 | noticeList: [] |
37 | { | ||
38 | title: '6666666666666666666' | ||
39 | }, | ||
40 | { | ||
41 | title: '3333333333333333333' | ||
42 | }, | ||
43 | { | ||
44 | title: '6666666666666666666' | ||
45 | } | ||
46 | ] | ||
47 | } | 40 | } |
48 | }, | 41 | }, |
42 | created () { | ||
43 | this.queryNoticeList() | ||
44 | }, | ||
49 | methods: { | 45 | methods: { |
46 | queryNoticeList () { | ||
47 | getHomeNoticeList().then(res => { | ||
48 | if (res.result) { | ||
49 | this.noticeList = res.result.noticeList | ||
50 | } | ||
51 | }) | ||
52 | }, | ||
50 | themeChange (val) { | 53 | themeChange (val) { |
51 | this.$store.dispatch('app/updateTheme', val) | 54 | this.$store.dispatch('app/updateTheme', val) |
52 | }, | 55 | }, | ... | ... |
... | @@ -22,7 +22,7 @@ | ... | @@ -22,7 +22,7 @@ |
22 | <ul> | 22 | <ul> |
23 | <li v-for="(item, index) in noticeList" :key="index" @click="handleNotice(item)" class="flexst pointer"> | 23 | <li v-for="(item, index) in noticeList" :key="index" @click="handleNotice(item)" class="flexst pointer"> |
24 | <p class="list-title">{{ item.noticeTitle }}</p> | 24 | <p class="list-title">{{ item.noticeTitle }}</p> |
25 | <p class="marginZL15">{{ item.createtime.substring(0, 10) }}</p> | 25 | <p class="marginZL15">{{ item.noticePublishTime.substring(0, 10) }}</p> |
26 | <p v-if="item.userBrowse == '1'" style="color:red">未读</p> | 26 | <p v-if="item.userBrowse == '1'" style="color:red">未读</p> |
27 | <p v-else>已读</p> | 27 | <p v-else>已读</p> |
28 | </li> | 28 | </li> |
... | @@ -192,7 +192,7 @@ export default { | ... | @@ -192,7 +192,7 @@ export default { |
192 | if (res.result) { | 192 | if (res.result) { |
193 | this.noticeList = res.result.noticeList | 193 | this.noticeList = res.result.noticeList |
194 | this.noticeList.forEach(item => { | 194 | this.noticeList.forEach(item => { |
195 | item.createtime = this._timedate(item.createtime) | 195 | item.noticePublishTime = this._timedate(item.noticePublishTime) |
196 | }) | 196 | }) |
197 | this.policyList = res.result.policyList | 197 | this.policyList = res.result.policyList |
198 | } | 198 | } | ... | ... |
... | @@ -76,7 +76,7 @@ class data extends filter { | ... | @@ -76,7 +76,7 @@ class data extends filter { |
76 | { | 76 | { |
77 | prop: "qlrzjhm", | 77 | prop: "qlrzjhm", |
78 | label: "证件号", | 78 | label: "证件号", |
79 | }, | 79 | }, |
80 | { | 80 | { |
81 | prop: "mj", | 81 | prop: "mj", |
82 | label: "使用权面积(m²)", | 82 | label: "使用权面积(m²)", |
... | @@ -198,7 +198,7 @@ class data extends filter { | ... | @@ -198,7 +198,7 @@ class data extends filter { |
198 | { | 198 | { |
199 | prop: "tdsyqzsj", | 199 | prop: "tdsyqzsj", |
200 | label: "土地使用期限", | 200 | label: "土地使用期限", |
201 | }, | 201 | }, |
202 | { | 202 | { |
203 | prop: "syqqzsj", | 203 | prop: "syqqzsj", |
204 | label: "使用权起止时间", | 204 | label: "使用权起止时间", |
... | @@ -235,7 +235,7 @@ class data extends filter { | ... | @@ -235,7 +235,7 @@ class data extends filter { |
235 | prop: "zyjzmj", | 235 | prop: "zyjzmj", |
236 | label: "专有建筑面积(m2)", | 236 | label: "专有建筑面积(m2)", |
237 | }, | 237 | }, |
238 | 238 | ||
239 | { | 239 | { |
240 | prop: "ftjzmj", | 240 | prop: "ftjzmj", |
241 | label: "分摊建筑面积(m2)", | 241 | label: "分摊建筑面积(m2)", |
... | @@ -317,7 +317,7 @@ class data extends filter { | ... | @@ -317,7 +317,7 @@ class data extends filter { |
317 | { | 317 | { |
318 | prop: "qlrzjhm", | 318 | prop: "qlrzjhm", |
319 | label: "证件号", | 319 | label: "证件号", |
320 | }, | 320 | }, |
321 | { | 321 | { |
322 | prop: "mj", | 322 | prop: "mj", |
323 | label: "使用权面积(m²)", | 323 | label: "使用权面积(m²)", |
... | @@ -424,7 +424,7 @@ class data extends filter { | ... | @@ -424,7 +424,7 @@ class data extends filter { |
424 | prop: "zjjzwzl", | 424 | prop: "zjjzwzl", |
425 | label: "在建建筑物坐落", | 425 | label: "在建建筑物坐落", |
426 | }, | 426 | }, |
427 | 427 | ||
428 | { | 428 | { |
429 | prop: "dyqr", | 429 | prop: "dyqr", |
430 | label: "抵押权人", | 430 | label: "抵押权人", |
... | @@ -646,7 +646,7 @@ class data extends filter { | ... | @@ -646,7 +646,7 @@ class data extends filter { |
646 | label: "坐落", | 646 | label: "坐落", |
647 | }, | 647 | }, |
648 | { | 648 | { |
649 | prop: "qlr", | 649 | prop: "qlrmc", |
650 | label: "权利人", | 650 | label: "权利人", |
651 | }, | 651 | }, |
652 | { | 652 | { |
... | @@ -654,11 +654,11 @@ class data extends filter { | ... | @@ -654,11 +654,11 @@ class data extends filter { |
654 | label: "证件种类", | 654 | label: "证件种类", |
655 | }, | 655 | }, |
656 | { | 656 | { |
657 | prop: "qlrzjh", | 657 | prop: "qlrzjhm", |
658 | label: "证件号", | 658 | label: "证件号", |
659 | }, | 659 | }, |
660 | { | 660 | { |
661 | prop: "ywr", | 661 | prop: "ywrmc", |
662 | label: "义务人", | 662 | label: "义务人", |
663 | }, | 663 | }, |
664 | { | 664 | { |
... | @@ -666,7 +666,7 @@ class data extends filter { | ... | @@ -666,7 +666,7 @@ class data extends filter { |
666 | label: "证件种类", | 666 | label: "证件种类", |
667 | }, | 667 | }, |
668 | { | 668 | { |
669 | prop: "ywrzjh", | 669 | prop: "ywrzjhm", |
670 | label: "证件号", | 670 | label: "证件号", |
671 | }, | 671 | }, |
672 | { | 672 | { |
... | @@ -714,7 +714,7 @@ class data extends filter { | ... | @@ -714,7 +714,7 @@ class data extends filter { |
714 | label: "登记时间", | 714 | label: "登记时间", |
715 | }, | 715 | }, |
716 | { | 716 | { |
717 | prop: "bdcdjzmh", | 717 | prop: "bdcqzh", |
718 | label: "不动产登记证明号", | 718 | label: "不动产登记证明号", |
719 | }, | 719 | }, |
720 | { | 720 | { |
... | @@ -722,21 +722,17 @@ class data extends filter { | ... | @@ -722,21 +722,17 @@ class data extends filter { |
722 | label: "登簿人", | 722 | label: "登簿人", |
723 | }, | 723 | }, |
724 | { | 724 | { |
725 | prop: "zxygywh", | 725 | prop: "zxywh", |
726 | label: "注销预告业务号", | 726 | label: "注销预告业务号", |
727 | }, | 727 | }, |
728 | { | 728 | { |
729 | prop: "zxygyy", | 729 | prop: "zxyy", |
730 | label: "注销预告原因", | 730 | label: "注销预告原因", |
731 | }, | 731 | }, |
732 | { | 732 | { |
733 | prop: "zxsj", | 733 | prop: "zxsj", |
734 | label: "注销时间", | 734 | label: "注销时间", |
735 | }, | 735 | } |
736 | { | ||
737 | prop: "qszt", | ||
738 | label: "权属状态", | ||
739 | }, | ||
740 | ], | 736 | ], |
741 | CFDJ: [ | 737 | CFDJ: [ |
742 | { | 738 | { |
... | @@ -782,8 +778,8 @@ class data extends filter { | ... | @@ -782,8 +778,8 @@ class data extends filter { |
782 | { | 778 | { |
783 | prop: "qlrzjhm", | 779 | prop: "qlrzjhm", |
784 | label: "证件号", | 780 | label: "证件号", |
785 | }, | 781 | }, |
786 | 782 | ||
787 | { | 783 | { |
788 | prop: "cfwh", | 784 | prop: "cfwh", |
789 | label: "查封文号", | 785 | label: "查封文号", |
... | @@ -937,4 +933,4 @@ let datas = new data() | ... | @@ -937,4 +933,4 @@ let datas = new data() |
937 | 933 | ||
938 | export { | 934 | export { |
939 | datas | 935 | datas |
940 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
936 | } | ... | ... |
1 | <template> | 1 | <template> |
2 | <dialogBox title="新增系统通知" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%" | 2 | <dialogBox :title="title" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%" |
3 | @closeDialog="closeDialog" v-model="value"> | 3 | @closeDialog="closeDialog" v-model="value" :isButton="isButtonFlag"> |
4 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> | 4 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> |
5 | <el-row> | 5 | <el-row> |
6 | <el-col :span="24"> | 6 | <el-col :span="24"> |
... | @@ -23,7 +23,7 @@ | ... | @@ -23,7 +23,7 @@ |
23 | @change="onEditorChange($event)" @ready="onEditorReady($event)"></quill-editor> | 23 | @change="onEditorChange($event)" @ready="onEditorReady($event)"></quill-editor> |
24 | </el-form-item> | 24 | </el-form-item> |
25 | </el-row> | 25 | </el-row> |
26 | <el-row> | 26 | <!-- <el-row> |
27 | <el-col :span="8"> | 27 | <el-col :span="8"> |
28 | <el-form-item label="附件:" prop="noticeFileUrl"> | 28 | <el-form-item label="附件:" prop="noticeFileUrl"> |
29 | <el-upload action multiple :auto-upload="false" :limit="1" :on-change="handleChange" | 29 | <el-upload action multiple :auto-upload="false" :limit="1" :on-change="handleChange" |
... | @@ -33,7 +33,8 @@ | ... | @@ -33,7 +33,8 @@ |
33 | </el-upload> | 33 | </el-upload> |
34 | </el-form-item> | 34 | </el-form-item> |
35 | </el-col> | 35 | </el-col> |
36 | </el-row> | 36 | </el-row> --> |
37 | <!-- 隐藏上传按钮 用于代替触发富文本上传事件 --> | ||
37 | <div v-show="false"> | 38 | <div v-show="false"> |
38 | <el-upload action multiple :auto-upload="false" :on-change="RichTexthandleChange" :before-upload="beforeUpload" | 39 | <el-upload action multiple :auto-upload="false" :on-change="RichTexthandleChange" :before-upload="beforeUpload" |
39 | class="richUpload"> | 40 | class="richUpload"> |
... | @@ -46,12 +47,14 @@ | ... | @@ -46,12 +47,14 @@ |
46 | </template> | 47 | </template> |
47 | 48 | ||
48 | <script> | 49 | <script> |
49 | import { addSysNotice } from "@/api/notice.js"; | 50 | import { addSysNotice,updateSysNotice } from "@/api/notice.js"; |
50 | import { upload } from "@/api/system.js"; | 51 | import { upload } from "@/api/system.js"; |
51 | import { quillEditor } from "vue-quill-editor"; | 52 | import { quillEditor } from "vue-quill-editor"; |
52 | export default { | 53 | export default { |
53 | props: { | 54 | props: { |
54 | value: { type: Boolean, default: false } | 55 | value: { type: Boolean, default: false }, |
56 | isButtonFlag: { type: Boolean, default: true }, | ||
57 | title: {type:String, default: '新增系统通知'} | ||
55 | }, | 58 | }, |
56 | components: { quillEditor }, | 59 | components: { quillEditor }, |
57 | data () { | 60 | data () { |
... | @@ -142,22 +145,17 @@ export default { | ... | @@ -142,22 +145,17 @@ export default { |
142 | } | 145 | } |
143 | } | 146 | } |
144 | }, | 147 | }, |
145 | mounted () { }, | 148 | mounted () {}, |
146 | methods: { | 149 | methods: { |
147 | submitForm () { | 150 | submitForm () { |
148 | let that = this; | 151 | let that = this; |
149 | that.$refs.ruleForm.validate(valid => { | 152 | that.$refs.ruleForm.validate(valid => { |
150 | if (valid) { | 153 | if (valid) { |
151 | addSysNotice(this.ruleForm).then(res => { | 154 | if(that.ruleForm.bsmNotice){ |
152 | if (res.code == 200) { | 155 | that.editNotice(); |
153 | this.$message.success("保存成功"); | 156 | }else{ |
154 | this.$emit("input", false); | 157 | that.addNotice(); |
155 | this.resetRuleForm(); | 158 | } |
156 | this.$parent.queryClick(); | ||
157 | } else { | ||
158 | this.$message.error(res.message); | ||
159 | } | ||
160 | }); | ||
161 | } else { | 159 | } else { |
162 | // console.log('error submit!!'); | 160 | // console.log('error submit!!'); |
163 | return false; | 161 | return false; |
... | @@ -169,10 +167,42 @@ export default { | ... | @@ -169,10 +167,42 @@ export default { |
169 | this.$emit("input", false); | 167 | this.$emit("input", false); |
170 | this.resetRuleForm(); | 168 | this.resetRuleForm(); |
171 | }, | 169 | }, |
172 | // | 170 | //新增通知 |
171 | addNotice(){ | ||
172 | addSysNotice(this.ruleForm).then(res => { | ||
173 | if (res.code == 200) { | ||
174 | this.$message.success("保存成功"); | ||
175 | this.$emit("input", false); | ||
176 | this.resetRuleForm(); | ||
177 | this.$parent.queryClick(); | ||
178 | } else { | ||
179 | this.$message.error(res.message); | ||
180 | } | ||
181 | }); | ||
182 | }, | ||
183 | //编辑通知 | ||
184 | editNotice(){ | ||
185 | updateSysNotice(this.ruleForm).then(res => { | ||
186 | if (res.code == 200) { | ||
187 | this.$message.success("编辑成功"); | ||
188 | this.$emit("input", false); | ||
189 | this.resetRuleForm(); | ||
190 | this.$parent.queryClick(); | ||
191 | } else { | ||
192 | this.$message.error(res.message); | ||
193 | } | ||
194 | }); | ||
195 | }, | ||
196 | //重置表单 | ||
173 | resetRuleForm () { | 197 | resetRuleForm () { |
174 | this.$refs["ruleForm"].resetFields(); | 198 | this.ruleForm = { |
175 | this.ruleForm.noticeType = "1"; | 199 | noticeTitle: "", |
200 | noticeContent: "", | ||
201 | noticeFileUrl: "", | ||
202 | noticeSource: "", | ||
203 | noticeType: "1" | ||
204 | } | ||
205 | this.isButtonFlag = true; | ||
176 | }, | 206 | }, |
177 | beforeUpload (file) { | 207 | beforeUpload (file) { |
178 | return true; | 208 | return true; |
... | @@ -193,6 +223,9 @@ export default { | ... | @@ -193,6 +223,9 @@ export default { |
193 | clipboardPictureChange (file) { | 223 | clipboardPictureChange (file) { |
194 | this.uploadPicture(file) | 224 | this.uploadPicture(file) |
195 | }, | 225 | }, |
226 | getDetailInfo(item){ | ||
227 | this.ruleForm = item | ||
228 | }, | ||
196 | uploadPicture (file) { | 229 | uploadPicture (file) { |
197 | let that = this; | 230 | let that = this; |
198 | var formdata = new FormData(); | 231 | var formdata = new FormData(); | ... | ... |
1 | <template> | ||
2 | <div> | ||
3 | <el-row :gutter="8"> | ||
4 | <el-col :span="16"> | ||
5 | 通知标题: | ||
6 | <el-input v-model="formData.item.noticeTitle"></el-input> | ||
7 | </el-col> | ||
8 | </el-row> | ||
9 | <el-row :gutter="8"> | ||
10 | <el-col :span="24" class="margin-top-middle"> | ||
11 | 通知内容: | ||
12 | <quill-editor class="ql-editor" v-model="formData.item.noticeContent" ref="myQuillEditor" | ||
13 | :options="editorOption"> | ||
14 | </quill-editor> | ||
15 | </el-col> | ||
16 | </el-row> | ||
17 | <el-row :gutter="8"> | ||
18 | <el-col :span="24" class="margin-top-middle"> | ||
19 | 附件: | ||
20 | <div @click="handleView(formData.item.noticeFileUrl)" class="pointer">{{ formData.item.noticeFileName }}</div> | ||
21 | </el-col> | ||
22 | </el-row> | ||
23 | </div> | ||
24 | </template> | ||
25 | <script> | ||
26 | import { quillEditor } from "vue-quill-editor"; | ||
27 | export default { | ||
28 | components: { quillEditor }, | ||
29 | data () { | ||
30 | return { | ||
31 | // 富文本编辑器配置 | ||
32 | editorOption: { | ||
33 | theme: "snow", // or 'bubble' | ||
34 | placeholder: "请输入正文", | ||
35 | }, | ||
36 | }; | ||
37 | }, | ||
38 | components: {}, | ||
39 | props: { | ||
40 | formData: { | ||
41 | type: Object, | ||
42 | default: () => { } | ||
43 | }, | ||
44 | }, | ||
45 | created () { | ||
46 | console.log(this.formData); | ||
47 | }, | ||
48 | computed: { | ||
49 | |||
50 | }, | ||
51 | |||
52 | methods: { | ||
53 | |||
54 | }, | ||
55 | }; | ||
56 | </script> | ||
57 | <style scoped lang='scss'> | ||
58 | .margin-top-middle { | ||
59 | margin-top: 10px | ||
60 | } | ||
61 | |||
62 | /deep/.ql-editor { | ||
63 | padding: 0px; | ||
64 | } | ||
65 | </style> | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
... | @@ -33,7 +33,7 @@ | ... | @@ -33,7 +33,7 @@ |
33 | :data="tableData.data"> | 33 | :data="tableData.data"> |
34 | </lb-table> | 34 | </lb-table> |
35 | </div> | 35 | </div> |
36 | <addDialog ref="addDialog" v-model="isDialog" /> | 36 | <addDialog ref="addDialog" v-model="isDialog" :isButtonFlag="isButtonFlag" :title="dialogTitle"/> |
37 | </div> | 37 | </div> |
38 | </template> | 38 | </template> |
39 | <script> | 39 | <script> |
... | @@ -52,8 +52,8 @@ export default { | ... | @@ -52,8 +52,8 @@ export default { |
52 | data () { | 52 | data () { |
53 | return { | 53 | return { |
54 | isDialog: false, | 54 | isDialog: false, |
55 | viewDialog: false, | 55 | isButtonFlag: true, |
56 | 56 | dialogTitle: '', | |
57 | ruleForm: { | 57 | ruleForm: { |
58 | noticeTitle: '', | 58 | noticeTitle: '', |
59 | noticeStatus: '' | 59 | noticeStatus: '' |
... | @@ -84,7 +84,17 @@ export default { | ... | @@ -84,7 +84,17 @@ export default { |
84 | }) | 84 | }) |
85 | }, | 85 | }, |
86 | //打开新增弹窗 | 86 | //打开新增弹窗 |
87 | openDialog () { | 87 | openDialog (item) { |
88 | if (item) { | ||
89 | this.$nextTick(() => { | ||
90 | this.isButtonFlag = false; | ||
91 | this.$refs.addDialog.getDetailInfo(item); | ||
92 | this.dialogTitle = '系统通知详情' | ||
93 | }) | ||
94 | }else{ | ||
95 | this.isButtonFlag = true; | ||
96 | this.dialogTitle = '新增系统通知' | ||
97 | } | ||
88 | this.isDialog = true; | 98 | this.isDialog = true; |
89 | }, | 99 | }, |
90 | //删除 | 100 | //删除 |
... | @@ -153,16 +163,18 @@ export default { | ... | @@ -153,16 +163,18 @@ export default { |
153 | }); | 163 | }); |
154 | }); | 164 | }); |
155 | }, | 165 | }, |
166 | //编辑通知 | ||
167 | editNotice(item) { | ||
168 | this.$nextTick(() => { | ||
169 | this.isButtonFlag = true; | ||
170 | this.$refs.addDialog.getDetailInfo(item); | ||
171 | this.dialogTitle = '编辑系统通知' | ||
172 | this.isDialog = true; | ||
173 | }) | ||
174 | }, | ||
156 | downloadFile (item) { | 175 | downloadFile (item) { |
157 | const href = item.noticeFileUrl | 176 | const href = item.noticeFileUrl |
158 | window.open(href, '_blank'); | 177 | window.open(href, '_blank'); |
159 | }, | ||
160 | viewDetail (e) { | ||
161 | this.$popup("错误日志", "system/xttz/components/viewDialog", { | ||
162 | formData: { | ||
163 | item: e | ||
164 | } | ||
165 | }) | ||
166 | } | 178 | } |
167 | }, | 179 | }, |
168 | }; | 180 | }; | ... | ... |
... | @@ -26,6 +26,10 @@ class data extends filter { | ... | @@ -26,6 +26,10 @@ class data extends filter { |
26 | label: "通知标题", | 26 | label: "通知标题", |
27 | }, | 27 | }, |
28 | { | 28 | { |
29 | prop: "noticeSource", | ||
30 | label: "通知来源", | ||
31 | }, | ||
32 | { | ||
29 | label: "通知内容", | 33 | label: "通知内容", |
30 | render: (h, scope) => { | 34 | render: (h, scope) => { |
31 | return <div class="item-cwnr" domPropsInnerHTML={scope.row.noticeContent}></div> | 35 | return <div class="item-cwnr" domPropsInnerHTML={scope.row.noticeContent}></div> |
... | @@ -51,6 +55,10 @@ class data extends filter { | ... | @@ -51,6 +55,10 @@ class data extends filter { |
51 | } | 55 | } |
52 | }, | 56 | }, |
53 | { | 57 | { |
58 | prop: "noticePublishTime", | ||
59 | label: "发布时间", | ||
60 | }, | ||
61 | { | ||
54 | prop: "creater", | 62 | prop: "creater", |
55 | width: '120', | 63 | width: '120', |
56 | label: "创建人", | 64 | label: "创建人", |
... | @@ -67,13 +75,14 @@ class data extends filter { | ... | @@ -67,13 +75,14 @@ class data extends filter { |
67 | switch (scope.row.noticeStatus) { | 75 | switch (scope.row.noticeStatus) { |
68 | case '1': | 76 | case '1': |
69 | return <div> | 77 | return <div> |
78 | <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog(scope.row) }}>查看</el-button> | ||
79 | <el-button type="text" icon="el-icon-edit" onClick={() => { vm.editNotice(scope.row) }}>编辑</el-button> | ||
70 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.toPublish(scope.row) }}>发布</el-button> | 80 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.toPublish(scope.row) }}>发布</el-button> |
71 | <el-button type="text" onClick={() => { vm.viewDetail(scope.row) }}>查看</el-button> | ||
72 | <el-button type="text" icon="el-icon-delete" onClick={() => { vm.delNotice(scope.row) }}>删除</el-button> | 81 | <el-button type="text" icon="el-icon-delete" onClick={() => { vm.delNotice(scope.row) }}>删除</el-button> |
73 | </div> | 82 | </div> |
74 | case '2': | 83 | case '2': |
75 | return <div> | 84 | return <div> |
76 | <el-button type="text" onClick={() => { vm.viewDetail(scope.row) }}>查看</el-button> | 85 | <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog(scope.row) }}>查看</el-button> |
77 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.toUnPublish(scope.row) }}>撤销通知</el-button> | 86 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.toUnPublish(scope.row) }}>撤销通知</el-button> |
78 | </div> | 87 | </div> |
79 | } | 88 | } | ... | ... |
1 | //流程环节操作按钮 | 1 | //流程环节操作按钮 |
2 | export function getForm(tabName, djywbm) { | 2 | export function getForm(tabName, djywbm) { |
3 | console.log("88888888"+tabName); | ||
3 | let form; | 4 | let form; |
4 | switch (tabName) { | 5 | switch (tabName) { |
5 | case "jsydsyqslxx100": | 6 | case "jsydsyqslxx100": |
... | @@ -51,10 +52,10 @@ export function getForm(tabName, djywbm) { | ... | @@ -51,10 +52,10 @@ export function getForm(tabName, djywbm) { |
51 | form = require("@/views/registerBook/zdjbxx.vue"); | 52 | form = require("@/views/registerBook/zdjbxx.vue"); |
52 | break; | 53 | break; |
53 | case "ygmm100": | 54 | case "ygmm100": |
54 | form = require("@/views/ywbl/ygdj/slxx.vue"); | 55 | form=require("@/views/ywbl/ygdj/slxx.vue"); |
55 | break; | 56 | break; |
56 | case "ygmm300": | 57 | case "ygmm300": |
57 | form = require("@/views/ywbl/fdcq2/slxx.vue"); | 58 | form=require("@/views/ywbl/ygdj/slxx300.vue"); |
58 | break; | 59 | break; |
59 | case "cfdjxx": | 60 | case "cfdjxx": |
60 | form = require("@/views/registerBook/cfdj.vue"); | 61 | form = require("@/views/registerBook/cfdj.vue"); | ... | ... |
... | @@ -134,28 +134,13 @@ | ... | @@ -134,28 +134,13 @@ |
134 | <el-col :span="14" v-if="ruleForm.qlxx"> | 134 | <el-col :span="14" v-if="ruleForm.qlxx"> |
135 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> | 135 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> |
136 | <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs"> | 136 | <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs"> |
137 | <el-radio label="1">单独所有</el-radio> | 137 | <el-radio label="0">单独所有</el-radio> |
138 | <el-radio label="2">共同共有</el-radio> | 138 | <el-radio label="1">共同共有</el-radio> |
139 | <el-radio label="3">按份所有</el-radio> | 139 | <el-radio label="2">按份所有</el-radio> |
140 | <el-radio label="3">其它共有</el-radio> | ||
140 | </el-radio-group> | 141 | </el-radio-group> |
141 | </el-form-item> | 142 | </el-form-item> |
142 | </el-col> | 143 | </el-col> |
143 | <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'"> | ||
144 | <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证:"> | ||
145 | <el-radio-group v-model="ruleForm.sffbcz"> | ||
146 | <el-radio label="1">是</el-radio> | ||
147 | <el-radio label="0">否</el-radio> | ||
148 | </el-radio-group> | ||
149 | </el-form-item> | ||
150 | </el-col> | ||
151 | <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'"> | ||
152 | <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人:"> | ||
153 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | ||
154 | <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> | ||
155 | </el-option> | ||
156 | </el-select> | ||
157 | </el-form-item> | ||
158 | </el-col> | ||
159 | </el-row> | 144 | </el-row> |
160 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | 145 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" |
161 | :gyfs="ruleForm.qlxx.gyfs" /> | 146 | :gyfs="ruleForm.qlxx.gyfs" /> | ... | ... |
src/views/ywbl/ygdj/slxx300.vue
0 → 100644
1 | <template> | ||
2 | <!-- 受理信息 --> | ||
3 | <div class="slxx"> | ||
4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag" | ||
5 | label-width="120px"> | ||
6 | <div class="slxx_con"> | ||
7 | <div class="slxx_title title-block"> | ||
8 | 受理信息 | ||
9 | <div class="triangle"></div> | ||
10 | </div> | ||
11 | <el-row :gutter="10" v-if="ruleForm.slywxx"> | ||
12 | <el-col :span="8"> | ||
13 | <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号:"> | ||
14 | <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input> | ||
15 | </el-form-item> | ||
16 | </el-col> | ||
17 | <el-col :span="8"> | ||
18 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员:"> | ||
19 | <el-input disabled v-model="ruleForm.slywxx.slry"></el-input> | ||
20 | </el-form-item> | ||
21 | </el-col> | ||
22 | <el-col :span="8"> | ||
23 | <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间:"> | ||
24 | <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input> | ||
25 | </el-form-item> | ||
26 | </el-col> | ||
27 | </el-row> | ||
28 | <el-row :gutter="10" v-if="ruleForm.slywxx"> | ||
29 | <el-col :span="8"> | ||
30 | <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:"> | ||
31 | <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input> | ||
32 | </el-form-item> | ||
33 | </el-col> | ||
34 | <el-col :span="8"> | ||
35 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型:"> | ||
36 | <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input> | ||
37 | </el-form-item> | ||
38 | </el-col> | ||
39 | <el-col :span="8"> | ||
40 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形:"> | ||
41 | <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> | ||
42 | </el-form-item> | ||
43 | </el-col> | ||
44 | </el-row> | ||
45 | <div class="slxx_title title-block"> | ||
46 | 不动产单元情况 | ||
47 | <div class="triangle"></div> | ||
48 | </div> | ||
49 | |||
50 | <!-- <el-button type="primary" style="float: right;margin-right: 20px; " @click="onClick">数据查看</el-button>--> | ||
51 | |||
52 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | ||
53 | <el-col :span="8"> | ||
54 | <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:"> | ||
55 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | ||
56 | </el-form-item> | ||
57 | </el-col> | ||
58 | <el-col :span="16"> | ||
59 | <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:"> | ||
60 | <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> | ||
61 | </el-form-item> | ||
62 | </el-col> | ||
63 | </el-row> | ||
64 | <el-row :gutter="10"> | ||
65 | <el-col :span="8"> | ||
66 | <el-form-item :class="flag ? 'marginBot0' : ''" label="规划用途:"> | ||
67 | <el-input disabled v-model="ruleForm.ygdj.ghyt"></el-input> | ||
68 | </el-form-item> | ||
69 | </el-col> | ||
70 | <el-col :span="8"> | ||
71 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间:"> | ||
72 | <el-input disabled v-model="ruleForm.ygdj.ghyt"></el-input> | ||
73 | </el-form-item> | ||
74 | </el-col> | ||
75 | <el-col :span="8"> | ||
76 | <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限:"> | ||
77 | <el-input disabled v-model="ruleForm.ygdj.ghyt"></el-input> | ||
78 | </el-form-item> | ||
79 | </el-col> | ||
80 | </el-row> | ||
81 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | ||
82 | <el-col :span="8"> | ||
83 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途:"> | ||
84 | <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input> | ||
85 | </el-form-item> | ||
86 | </el-col> | ||
87 | <el-col :span="8"> | ||
88 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质:"> | ||
89 | <el-input disabled v-model="ruleForm.ygdj.fwxzmc"></el-input> | ||
90 | </el-form-item> | ||
91 | </el-col> | ||
92 | <el-col :span="8"> | ||
93 | <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构:"> | ||
94 | <el-input disabled v-model="ruleForm.ygdj.fwjgmc"></el-input> | ||
95 | </el-form-item> | ||
96 | </el-col> | ||
97 | </el-row> | ||
98 | <el-row :gutter="10" > | ||
99 | <el-col :span="8"> | ||
100 | <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层:"> | ||
101 | <el-input disabled v-model="ruleForm.ygdj.szc"></el-input> | ||
102 | </el-form-item> | ||
103 | </el-col> | ||
104 | <el-col :span="8"> | ||
105 | <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数:"> | ||
106 | <el-input disabled v-model="ruleForm.ygdj.zcs"></el-input> | ||
107 | </el-form-item> | ||
108 | </el-col> | ||
109 | <el-col :span="8"> | ||
110 | <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间:"> | ||
111 | <el-input disabled v-model="ruleForm.ygdj.jgsj"></el-input> | ||
112 | </el-form-item> | ||
113 | </el-col> | ||
114 | </el-row> | ||
115 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | ||
116 | <el-col :span="8"> | ||
117 | <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积:"> | ||
118 | <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> | ||
119 | </el-form-item> | ||
120 | </el-col> | ||
121 | <el-col :span="8"> | ||
122 | <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积:"> | ||
123 | <el-input disabled v-model="ruleForm.ygdj.zyjzmj"></el-input> | ||
124 | </el-form-item> | ||
125 | </el-col> | ||
126 | <el-col :span="8"> | ||
127 | <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积:"> | ||
128 | <el-input disabled v-model="ruleForm.ygdj.ftjzmj"></el-input> | ||
129 | </el-form-item> | ||
130 | </el-col> | ||
131 | </el-row> | ||
132 | <div class="slxx_title title-block"> | ||
133 | 权利人信息 | ||
134 | <div class="triangle"></div> | ||
135 | </div> | ||
136 | <el-row :gutter="10"> | ||
137 | <el-col :span="14" v-if="ruleForm.qlxx"> | ||
138 | <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式:"> | ||
139 | <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs"> | ||
140 | <el-radio label="0">单独所有</el-radio> | ||
141 | <el-radio label="1">共同共有</el-radio> | ||
142 | <el-radio label="2">按份所有</el-radio> | ||
143 | <el-radio label="3">其它共有</el-radio> | ||
144 | </el-radio-group> | ||
145 | </el-form-item> | ||
146 | </el-col> | ||
147 | </el-row> | ||
148 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" | ||
149 | :gyfs="ruleForm.qlxx.gyfs" /> | ||
150 | <div class="slxx_title title-block"> | ||
151 | 义务人信息 | ||
152 | <div class="triangle"></div> | ||
153 | </div> | ||
154 | <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" | ||
155 | :gyfs="ruleForm.qlxx.gyfs" /> | ||
156 | <div class="slxx_title title-block"> | ||
157 | 登记原因 | ||
158 | <div class="triangle"></div> | ||
159 | </div> | ||
160 | <el-row :gutter="10"> | ||
161 | <el-col> | ||
162 | <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因:" prop="djyy"> | ||
163 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" | ||
164 | v-model="ruleForm.ygdj.djyy"> | ||
165 | </el-input> | ||
166 | </el-form-item> | ||
167 | </el-col> | ||
168 | </el-row> | ||
169 | </div> | ||
170 | <el-row class="btn" v-if="!$route.query.viewtype"> | ||
171 | <el-form-item :class="flag ? 'marginBot0' : ''"> | ||
172 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
173 | </el-form-item> | ||
174 | </el-row> | ||
175 | </el-form> | ||
176 | </div> | ||
177 | </template> | ||
178 | <script> | ||
179 | import InformationTable from "@/views/workflow/components/InformationTable"; | ||
180 | import { Init, saveData } from "@/api/ygdjFlow.js"; | ||
181 | import { mapGetters } from "vuex"; | ||
182 | export default { | ||
183 | async created () { | ||
184 | this.propsParam = this.$attrs; | ||
185 | var formdata = new FormData(); | ||
186 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
187 | formdata.append("djlx", this.propsParam.djlx); | ||
188 | Init(formdata).then((res) => { | ||
189 | if (res.code === 200 && res.result) { | ||
190 | this.ruleForm = res.result; | ||
191 | } | ||
192 | }); | ||
193 | }, | ||
194 | components: { InformationTable }, | ||
195 | computed: { | ||
196 | ...mapGetters(["dictData", "flag"]), | ||
197 | }, | ||
198 | data () { | ||
199 | return { | ||
200 | disabled: true, | ||
201 | tdytOption: [], | ||
202 | czrOptions: [], | ||
203 | ruleForm: {}, | ||
204 | //传递参数 | ||
205 | propsParam: this.$attrs, | ||
206 | rules: {}, | ||
207 | }; | ||
208 | }, | ||
209 | methods: { | ||
210 | onClick(){ | ||
211 | this.$popup("房屋信息比对","ywbl/ygdj/slxxCompareDetai", | ||
212 | { | ||
213 | formData: { | ||
214 | bsmSldy: this.propsParam.bsmSldy, | ||
215 | qllx: this.propsParam.qllx | ||
216 | } | ||
217 | }); | ||
218 | }, | ||
219 | // 更新权利人信息 | ||
220 | upDateQlrxxList (val) { | ||
221 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
222 | }, | ||
223 | // 更新权利人信息 | ||
224 | upDateYwrxxList (val) { | ||
225 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
226 | }, | ||
227 | |||
228 | onSubmit () { | ||
229 | saveData(this.ruleForm).then((res) => { | ||
230 | if (res.code === 200) { | ||
231 | this.$message({ | ||
232 | showClose: true, | ||
233 | message: "保存成功!", | ||
234 | type: "success", | ||
235 | }); | ||
236 | } else { | ||
237 | this.$message({ | ||
238 | showClose: true, | ||
239 | message: res.message, | ||
240 | type: "error", | ||
241 | }); | ||
242 | } | ||
243 | }); | ||
244 | }, | ||
245 | }, | ||
246 | }; | ||
247 | </script> | ||
248 | <style scoped lang='scss'> | ||
249 | @import "~@/styles/public.scss"; | ||
250 | |||
251 | /deep/.el-form { | ||
252 | display: flex; | ||
253 | flex-direction: column; | ||
254 | height: calc(100vh - 130px); | ||
255 | background-color: aqua; | ||
256 | } | ||
257 | |||
258 | /deep/.el-form-item__label { | ||
259 | padding: 0; | ||
260 | } | ||
261 | |||
262 | /deep/.el-radio { | ||
263 | margin-right: 10px; | ||
264 | } | ||
265 | |||
266 | /deep/.el-select { | ||
267 | width: 100%; | ||
268 | } | ||
269 | |||
270 | /deep/.el-form-item { | ||
271 | margin-bottom: 8px; | ||
272 | } | ||
273 | |||
274 | .marginBot0 { | ||
275 | margin-bottom: 0 !important; | ||
276 | } | ||
277 | |||
278 | .slxx { | ||
279 | box-sizing: border-box; | ||
280 | } | ||
281 | |||
282 | .slxx_con { | ||
283 | flex: 1; | ||
284 | height: 100%; | ||
285 | background-color: #ffffff; | ||
286 | overflow-y: auto; | ||
287 | padding-right: 3px; | ||
288 | overflow-x: hidden; | ||
289 | } | ||
290 | |||
291 | .submit_btn { | ||
292 | height: 50px; | ||
293 | } | ||
294 | |||
295 | .slxx_title { | ||
296 | border-bottom: 1px solid $borderColor; | ||
297 | padding-left: 10px; | ||
298 | padding-bottom: 5px; | ||
299 | margin-bottom: 10px; | ||
300 | margin-top: 5px; | ||
301 | font-size: 16px; | ||
302 | font-weight: 500; | ||
303 | color: #4a4a4a; | ||
304 | } | ||
305 | |||
306 | .btn { | ||
307 | text-align: center; | ||
308 | padding-top: 10px; | ||
309 | height: 36px; | ||
310 | background-color: #ffffff; | ||
311 | padding: 5px 0; | ||
312 | } | ||
313 | |||
314 | .textArea { | ||
315 | /deep/.el-textarea__inner { | ||
316 | min-height: 90px !important; | ||
317 | } | ||
318 | } | ||
319 | |||
320 | /deep/.el-form-item__label { | ||
321 | padding-bottom: 0px; | ||
322 | } | ||
323 | </style> |
-
Please register or sign in to post a comment