Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
6b2f5c56 by 任超
Options

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

2 parents b17bda2f f054066c
Inline Side-by-side
Showing 22 changed files with 954 additions and 224 deletions
...@@ -24,3 +24,20 @@ export function getHomeDoneList () { ...@@ -24,3 +24,20 @@ export function getHomeDoneList () {
24 method: 'get' 24 method: 'get'
25 }) 25 })
26 } 26 }
27
28 //获取首页常办项目
29 export function getHomeFrequentProjects () {
30 return request({
31 url: SERVER.SERVERAPI + '/rest/workBench/getHomeFrequentProjects',
32 method: 'get'
33 })
34 }
35
36 //保存常办项目
37 export function saveFrequentProjectsList (data) {
38 return request({
39 url: SERVER.SERVERAPI + '/rest/workBench/saveFrequentProjectsList',
40 method: 'post',
41 data
42 })
43 }
......
...@@ -72,3 +72,11 @@ export function setReadStatus (params) { ...@@ -72,3 +72,11 @@ export function setReadStatus (params) {
72 params: params 72 params: params
73 }) 73 })
74 } 74 }
75
76 //一键设置已读
77 export function setAllRead () {
78 return request({
79 url: SERVER.SERVERAPI + '/rest/system/sysNotice/setAllRead',
80 method: 'get'
81 })
82 }
......
...@@ -8,22 +8,22 @@ export function Init(data) { ...@@ -8,22 +8,22 @@ 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({
...@@ -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',
......
1 <template>
2 <dialogBox title="配置常办项目" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%"
3 @closeDialog="closeDialog" v-model="value">
4 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" >
5 <el-tree
6 :data="projectList"
7 show-checkbox
8 node-key="id"
9 ref="tree"
10 check-strictly
11 :highlight-current='true'
12 :check-on-click-node="true"
13 :accordion="true"
14 :props="defaultProps"
15 :default-expand-all="true"
16 @check-change="handleClick"
17 ></el-tree>
18 </el-form>
19 </dialogBox>
20 </template>
21 <script>
22 import { getMenuInfo} from "@/api/user.js";
23 import { saveFrequentProjectsList } from "@/api/home.js";
24 export default {
25 props: {
26 value: { type: Boolean, default: false },
27 bindItem: {type:Array, default: []}
28 },
29 data () {
30 return {
31 projectList: [],
32 ruleForm: {
33
34 },
35 checkedItem: [],
36 defaultProps: {
37 children: "children",
38 label: "name",
39 disabled:function(data,node){
40 if(data.children && data.children.length > 0){
41 return true
42 }else{
43 return false
44 }
45 }
46 },
47 uniqueValue:''//最后拿到的唯一选择的moduldCode值,相当于id
48 }
49 },
50 mounted () {
51 this.queryClick()
52 this.dealCheckedItem();
53 },
54 methods: {
55 submitForm () {
56 var checkedNodes = this.$refs.tree.getCheckedNodes();
57 if(checkedNodes.length > 6){
58 this.$message.error("最多选择6个项目！");
59 return
60 }
61 saveFrequentProjectsList(checkedNodes).then(res => {
62 if(res.code == 200){
63 this.$parent.queryProjectList();
64 this.$message.success("保存成功");
65 this.$emit("input", false);
66 }else{
67 this.$message.error(res.message);
68 }
69 })
70 },
71 queryClick(){
72 getMenuInfo().then(res => {
73 this.projectList = res.result
74 })
75 },
76 dealCheckedItem(){
77 },
78 //关闭窗口
79 closeDialog () {
80 this.$emit("input", false);
81 },
82 //节点选择状态发生改变时
83 handleClick(data,checked, node){
84 var checkedNodes = this.$refs.tree.getCheckedNodes();
85 if(checked){
86 checkedNodes.push(data);
87 }
88 this.$refs.tree.setCheckedNodes(checkedNodes);
89 console.log(this.$refs.tree.getCheckedNodes());
90 },
91 }
92 }
93 </script>
94 <style scoped lang='scss'>
95 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -3,28 +3,37 @@ ...@@ -3,28 +3,37 @@
3 <div class="home-left"> 3 <div class="home-left">
4 <el-row :gutter="8"> 4 <el-row :gutter="8">
5 <el-col :span="12"> 5 <el-col :span="12">
6 <el-card shadow="hover" :body-style="{ padding: '0' }"> 6 <el-card shadow="hover" :body-style="{ padding: '0' }" style="height:302px">
7 <div slot="header" class="flexst">
8 <h5 class="title">常办项目</h5>
9 <el-button type="primary" @click="setFrequencyProject()">配置常办</el-button>
10 </div>
7 <ul class="workbench flexst"> 11 <ul class="workbench flexst">
8 <li v-for="(item, index) in newsListData" class="pointer" :key="index" 12 <li v-for="(item, index) in projectList" class="pointer" :key="index"
9 :style="{ backgroundColor: item.color }"> 13 :style="{ backgroundColor: newsListData[index] }">
10 <i class="el-icon-s-claim"></i> 14 <i class="el-icon-s-claim"></i>
11 {{ item.title }} 15 {{ item.name }}
12 </li> 16 </li>
13 </ul> 17 </ul>
14 </el-card> 18 </el-card>
15 </el-col> 19 </el-col>
16 <el-col :span="12"> 20 <el-col :span="12">
17 <el-card shadow="hover" style="height:247px"> 21 <el-card shadow="hover" style="height:302px">
18 <div slot="header" class="flexst"> 22 <div slot="header" class="flexst">
19 <h5 class="title">系统通知</h5> 23 <h5 class="title">系统通知</h5>
20 <i class="el-icon-s-unfold pointer"></i> 24 <el-popover placement="right" width="50" trigger="hover">
25 <ul class="pointer">
26 <li @click="$store.dispatch('tagsView/addView', moreNotice)">查看更多</li>
27 </ul>
28 <i class="el-icon-s-unfold pointer" slot="reference"></i>
29 </el-popover>
21 </div> 30 </div>
22 <ul> 31 <ul>
23 <li v-for="(item, index) in noticeList" :key="index" @click="handleNotice(item)" class="flexst pointer"> 32 <li v-for="(item, index) in noticeList" :key="index" @click="handleNotice(item)" class="flexst pointer">
24 <p class="list-title">{{ item.noticeTitle }}</p> 33 <p class="list-title">{{ item.noticeTitle }}</p>
25 <p class="marginZL15">{{ item.noticePublishTime.substring(0, 10) }}</p> 34 <p class="marginZL15">{{ item.noticePublishTime.substring(0, 10) }}</p>
26 <p v-if="item.userBrowse == '1'" style="color:red">未读</p> 35 <p v-if="item.userBrowse == '1'" style="color:red">未读</p>
27 <p v-else>已读</p> 36 <p v-else style="color:green">已读</p>
28 </li> 37 </li>
29 </ul> 38 </ul>
30 </el-card> 39 </el-card>
...@@ -49,7 +58,12 @@ ...@@ -49,7 +58,12 @@
49 <el-card shadow="hover" style="height:215px"> 58 <el-card shadow="hover" style="height:215px">
50 <div slot="header" class="flexst"> 59 <div slot="header" class="flexst">
51 <h5 class="title">政策法规</h5> 60 <h5 class="title">政策法规</h5>
52 <i class="el-icon-s-unfold pointer"></i> 61 <el-popover placement="right" width="50" trigger="hover">
62 <ul class="pointer">
63 <li @click="$store.dispatch('tagsView/addView', moreNotice)">查看更多</li>
64 </ul>
65 <i class="el-icon-s-unfold pointer" slot="reference"></i>
66 </el-popover>
53 </div> 67 </div>
54 <ul> 68 <ul>
55 <li v-for="(item, index) in policyList" @click="handleView(item.noticeFileUrl)" :key="index" 69 <li v-for="(item, index) in policyList" @click="handleView(item.noticeFileUrl)" :key="index"
...@@ -81,51 +95,22 @@ ...@@ -81,51 +95,22 @@
81 </ul> 95 </ul>
82 </el-card> 96 </el-card>
83 </div> 97 </div>
98 <addDialog ref="addProject" v-model="projectDialog" :bindItem="projectList"/>
84 </div> 99 </div>
85 </template> 100 </template>
86 <script> 101 <script>
87 import * as G2 from '@antv/g2' 102 import * as G2 from '@antv/g2'
88 import calendar from '@/components/Calendar/index' 103 import calendar from '@/components/Calendar/index'
89 import vueSeamlessScroll from "vue-seamless-scroll" 104 import vueSeamlessScroll from "vue-seamless-scroll"
90 import { getHomeNoticeList, getHomeTodoList, getHomeDoneList } from "@/api/home.js"; 105 import { getHomeNoticeList, getHomeTodoList, getHomeDoneList,getHomeFrequentProjects } from "@/api/home.js";
91 import { setReadStatus } from "@/api/notice.js"; 106 import { setReadStatus } from "@/api/notice.js";
107 import addDialog from "./components/addProject.vue";
92 export default { 108 export default {
93 name: 'home', 109 name: 'home',
94 components: { calendar, vueSeamlessScroll }, 110 components: { calendar, vueSeamlessScroll,addDialog },
95 data () { 111 data () {
96 return { 112 return {
97 newsListData: [ 113 newsListData: ['#61AEFF','#43DEB3','#F3C143','#F09936','#9C92FF','#589FFF',],
98 {
99 icon: '',
100 title: '任务',
101 color: '#61AEFF'
102 },
103 {
104 icon: '',
105 title: '邮件',
106 color: '#43DEB3'
107 },
108 {
109 icon: '',
110 title: '消息',
111 color: '#F3C143'
112 },
113 {
114 icon: '',
115 title: '日历',
116 color: '#F09936'
117 },
118 {
119 icon: '',
120 title: '常用功能',
121 color: '#9C92FF'
122 },
123 {
124 icon: '',
125 title: '申请',
126 color: '#589FFF'
127 }
128 ],
129 chartData: [{ 114 chartData: [{
130 year: '1991', 115 year: '1991',
131 value: 15468 116 value: 15468
...@@ -149,21 +134,27 @@ export default { ...@@ -149,21 +134,27 @@ export default {
149 value: 31056 134 value: 31056
150 }], 135 }],
151 // 系统通知 136 // 系统通知
152 noticeData: { 137 noticeData: {},
153 138 noticeList: [],//通知列表
139 todoList: [],//待办列表
140 doneList: [],//已办列表
141 policyList: [],//法律法规列表
142 projectList: [],//常办项目列表
143 projectDialog: false,
144 moreNotice: {
145 fullPath: '/system/xttz/xttzview',
146 name: '系统通知',
147 path: '/system/xttz/xttzview',
148 meta: { title: '系统通知' }
154 }, 149 },
155 noticeList: [],
156 todoList: [],
157 doneList: [],
158 policyList: [],
159
160 } 150 }
161 }, 151 },
162 mounted () { 152 mounted () {
163 this.buildChart(); 153 this.buildChart();//构建图标
164 this.queryTodoList(); 154 this.queryTodoList();//获取待办列表
165 this.queryDoneList(); 155 this.queryDoneList();//获取已办列表
166 this.queryNoticeList(); 156 this.queryNoticeList();//获取通知、法律法规列表
157 this.queryProjectList();//获取常办项目列表
167 }, 158 },
168 methods: { 159 methods: {
169 handleView (pdfUrl) { 160 handleView (pdfUrl) {
...@@ -198,6 +189,14 @@ export default { ...@@ -198,6 +189,14 @@ export default {
198 } 189 }
199 }) 190 })
200 }, 191 },
192 //获取常办项目列表
193 queryProjectList(){
194 getHomeFrequentProjects().then(res => {
195 if(res.result){
196 this.projectList = res.result
197 }
198 })
199 },
201 _timedate (d) { 200 _timedate (d) {
202 var td = new Date(); 201 var td = new Date();
203 td = new Date(td.getFullYear(), td.getMonth(), td.getDate()); 202 td = new Date(td.getFullYear(), td.getMonth(), td.getDate());
...@@ -242,6 +241,15 @@ export default { ...@@ -242,6 +241,15 @@ export default {
242 chart.line().position('year*value').size(2).shape('smooth'); 241 chart.line().position('year*value').size(2).shape('smooth');
243 chart.render(); 242 chart.render();
244 }, 243 },
244 //跳转到更多通知列表页面
245 jumpToMoreNotice(){
246 console.log(this.$route);
247
248 },
249 //配置常办项目
250 setFrequencyProject(){
251 this.projectDialog = true;
252 },
245 handleNotice (item) { 253 handleNotice (item) {
246 this.$alertMes(item.noticeTitle, item.noticeContent) 254 this.$alertMes(item.noticeTitle, item.noticeContent)
247 } 255 }
......
...@@ -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 {
......
1 <template>
2 <div class="from-clues">
3 <!-- 表单部分 -->
4 <div class="from-clues-header">
5 <el-form :model="ruleForm" @submit.native.prevent label-width="80px">
6 <el-row>
7 <el-col :span="5">
8 <el-form-item label="通知标题">
9 <el-input v-model="ruleForm.noticeTitle" @clear="queryClick()" clearable placeholder="通知标题"></el-input>
10 </el-form-item>
11 </el-col>
12 <el-col :span="19" class="btnColRight">
13 <el-form-item>
14 <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button>
15 <el-button type="primary" native-type="submit" @click="toReadAll()">一键已读</el-button>
16 </el-form-item>
17 </el-col>
18 </el-row>
19 </el-form>
20 </div>
21 <!-- 表格 -->
22 <div class="from-clues-content">
23 <lb-table :page-size="pageData.size" border :current-page.sync="pageData.current" :total="tableData.total"
24 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
25 :data="tableData.data">
26 </lb-table>
27 </div>
28 <addDialog ref="addDialog" v-model="isDialog" :isButtonFlag="isButtonFlag" :title="dialogTitle"/>
29 </div>
30 </template>
31 <script>
32 import table from "@/utils/mixin/table";
33 import { datas, sendThis } from "./xttzviewdata";
34 import { getSysNoticeList,setReadStatus,setAllRead} from "@/api/notice.js"
35 import addDialog from "./components/addDialog.vue";
36 export default {
37 name: "xttzview",
38 components: { addDialog },
39 mixins: [table],
40 mounted () {
41 sendThis(this);
42 this.queryClick()
43 },
44 data () {
45 return {
46 isDialog: false,
47 isButtonFlag: true,
48 dialogTitle: '',
49 ruleForm: {
50 noticeTitle: '',
51 noticeStatus: '2'
52 },
53 tableData: {
54 total: 0,
55 columns: datas.columns(),
56 data: [],
57 },
58 isDiglog: false
59 }
60 },
61 methods: {
62 // 列表渲染接口
63 queryClick () {
64 this.$startLoading()
65 getSysNoticeList({ ...this.ruleForm, ...this.pageData }, { 'target': '#xttzLoading' }).then(res => {
66 if (res.code === 200) {
67 this.$endLoading()
68 let { total, records } = res.result
69 this.tableData.total = total;
70 this.tableData.data = records
71 }
72 })
73 },
74 //打开新增弹窗
75 openDialog (item) {
76 this.$nextTick(() => {
77 this.isButtonFlag = false;
78 this.$refs.addDialog.getDetailInfo(item);
79 this.dialogTitle = '系统通知详情'
80 this.isDialog = true;
81 })
82 let that = this;
83 if(item.isRead == 1){
84 setReadStatus({bsmNotice: item.bsmNotice}).then(res => {
85 if(res.code == 200){
86 that.$nextTick(()=> {
87 item.isRead = 2
88 })
89 }
90 })
91 }
92 },
93 //一键已读
94 toReadAll(){
95 setAllRead().then(res => {
96 if(res.code == 200){
97 this.$message.success('设置成功')
98 this.queryClick();
99 }else{
100 this.$message.error("设置失败")
101 }
102 })
103 },
104 downloadFile (item) {
105 const href = item.noticeFileUrl
106 window.open(href, '_blank');
107 }
108 },
109 };
110 </script>
111 <style scoped lang="scss">
112 @import "~@/styles/public.scss";
113 </style>
1 import filter from '@/utils/filter.js'
2 let vm = null
3 const sendThis = (_this) => {
4 vm = _this
5 }
6 class data extends filter {
7 constructor() {
8 super()
9 }
10 columns () {
11 return [
12 {
13 label: '序号',
14 type: 'index',
15 width: '50',
16 render: (h, scope) => {
17 return (
18 <div>
19 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
20 </div>
21 )
22 }
23 },
24 {
25 prop: "noticeTitle",
26 label: "通知标题",
27 },
28 {
29 prop: "noticeSource",
30 label: "通知来源",
31 },
32 {
33 label: "通知内容",
34 render: (h, scope) => {
35 return <div class="item-cwnr" domPropsInnerHTML={scope.row.noticeContent}></div>
36 }
37 },
38 {
39 prop: "noticeFileName",
40 label: "通知附件",
41 render: (h, scope) => {
42 return <div class="pointer" onClick={() => { vm.downloadFile(scope.row) }}>{scope.row.noticeFileName}</div>
43 }
44 },
45 {
46 prop: "noticePublishTime",
47 label: "发布时间",
48 },
49 {
50 prop: "creater",
51 width: '120',
52 label: "发布人",
53 },
54 {
55 prop: "noticePublishTime",
56 label: "发布时间",
57 },
58 {
59 label: "是否已读",
60 width: '80',
61 render: (h, scope) => {
62 switch (scope.row.isRead) {
63 case '1':
64 return <div class='prohibit'>未读</div>
65 case '2':
66 return <div class='allow'>已读</div>
67 }
68 }
69 },
70 {
71 label: '操作',
72 align: 'center',
73 fixed: 'right',
74 render: (h, scope) => {
75 return <div>
76 <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog(scope.row) }}>查看</el-button>
77 </div>
78 }
79 }
80 ]
81 }
82
83 ywlys () {
84 return [
85 { value: 1, label: "办事大厅" },
86 { value: 2, label: "微信小程序" },
87 { value: 3, label: "法院端" },
88 { value: 4, label: "银行端" },
89 ]
90 }
91
92 }
93 let datas = new data()
94 export {
95 datas,
96 sendThis
97 }
...@@ -9,49 +9,48 @@ ...@@ -9,49 +9,48 @@
9 </div> 9 </div>
10 <div class="szxx_body card_padding"> 10 <div class="szxx_body card_padding">
11 <div class="text color_iray"> 11 <div class="text color_iray">
12 <span>{{ item.qllxmc }}</span> 12 <span>{{ item.qllx }}</span>
13 </div> 13 </div>
14 <div class="text color_red"> 14 <div class="text color_red">
15 <span>{{ item.qlr }}</span> 15 <span>{{ item.qlr }}</span>
16 </div> 16 </div>
17 <div class="text color_iray"> 17 <div class="text color_iray">
18 <span>{{ 18 <span>{{ item.gyqk }}</span>
19 item.gyqk
20 }}</span>
21 </div> 19 </div>
22 <div class="text color_red"> 20 <div class="text color_red">
23 <span>{{ item.bdcdyh }}</span> 21 <span>{{ item.bdcdyh }}</span>
24 </div> 22 </div>
25 <div class="text color_iray"> 23 <div class="text color_iray">
26 <span>{{ item.yt }}</span> 24 <span>{{ item.zl }}</span>
27 </div> 25 </div>
28 <div class="text color_red"> 26 <div class="text color_red">
29 <span>{{ item.mj }}</span> 27 <span>{{ item.yt }}</span>
30 </div> 28 </div>
31 <div class="text color_iray"> 29 <div class="text color_iray">
30 <span>{{ item.mj }}</span>
31 </div>
32 <div class="text color_red">
32 <span>{{ item.syqx }}</span> 33 <span>{{ item.syqx }}</span>
33 </div> 34 </div>
34 <div v-if="item.ysxlh">
35 <div class="top_line middle_margin"></div> 35 <div class="top_line middle_margin"></div>
36 <div class="text color_iray"> 36 <div class="text color_iray">
37 <span>印刷序列号：{{ item.ysxlh }}</span> 37 <span>印刷序列号：{{ item.ysxlh }}</span>
38 </div> 38 </div>
39 </div> 39 </div>
40 </div>
41 <div class="card_padding"> 40 <div class="card_padding">
42 <div class="top_line middle_margin"></div> 41 <div class="top_line middle_margin"></div>
43 <div class="text" v-if="item.ysxlh"> 42 <div class="text" v-if="item.ysxlh">
44 <el-button 43 <el-button
45 class="operation_button" 44 class="operation_button"
46 type="text" 45 type="text"
47 @click="openZsylDialog(item, 1)" 46 @click="openInvalidDiglog(item)"
48 >证书预览</el-button 47 >再次打印（{{ item.szcs }})</el-button
49 > 48 >
50 <el-button 49 <el-button
51 class="operation_button" 50 class="operation_button"
52 type="text" 51 type="text"
53 @click="openInvalidDiglog(item)" 52 @click="openZsylDialog(item, 1)"
54 >再次打印（{{ item.szcs }})</el-button 53 >缮证记录</el-button
55 > 54 >
56 </div> 55 </div>
57 <div class="text" v-else> 56 <div class="text" v-else>
...@@ -87,10 +86,9 @@ ...@@ -87,10 +86,9 @@
87 <el-button @click="closeInvalidDiglog()">取 消</el-button> 86 <el-button @click="closeInvalidDiglog()">取 消</el-button>
88 <el-button type="primary" @click="confirmInvalid()">确 定</el-button> 87 <el-button type="primary" @click="confirmInvalid()">确 定</el-button>
89 </div> 88 </div>
90
91 <bdcqzPrint v-model="bdcqz" />
92 </div> 89 </div>
93 </el-dialog> 90 </el-dialog>
91 <bdcqzPrint v-model="dialog" :bdcqz="bdcqz" />
94 <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty> 92 <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty>
95 </div> 93 </div>
96 </template> 94 </template>
...@@ -98,10 +96,11 @@ ...@@ -98,10 +96,11 @@
98 import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js"; 96 import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js";
99 import bdcqzPrint from "./zsdy.vue"; 97 import bdcqzPrint from "./zsdy.vue";
100 export default { 98 export default {
101 components: {}, 99 components: { bdcqzPrint },
102 props: {}, 100 props: {},
103 data() { 101 data() {
104 return { 102 return {
103 dialog: false,
105 tableData: [], 104 tableData: [],
106 bdcqzlx: 1, 105 bdcqzlx: 1,
107 bdcqz: {}, 106 bdcqz: {},
...@@ -146,6 +145,8 @@ export default { ...@@ -146,6 +145,8 @@ export default {
146 }, 145 },
147 }); 146 });
148 } else { 147 } else {
148 this.dialog = true;
149 this.bdcqz = item;
149 //证书打印 150 //证书打印
150 // this.$popup("证书打印", "workflow/components/zsdy", { 151 // this.$popup("证书打印", "workflow/components/zsdy", {
151 // height: "700px", 152 // height: "700px",
......
1 <template> 1 <template>
2 <div class="from-clues"> 2 <dialogBox
3 title="不动产权证书"
4 width="60%"
5 isMain
6 v-model="myValue"
7 @closeDialog="closeDialog"
8 @submitForm="handleSubmit"
9 >
10 <div>
3 <div class="middle_padding"> 11 <div class="middle_padding">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> 12 <el-form
13 :model="ruleForm"
14 :rules="rules"
15 ref="ruleForm"
16 label-width="120px"
17 >
5 <el-form-item label="印刷序列号：" prop="ysxlh"> 18 <el-form-item label="印刷序列号：" prop="ysxlh">
6 <el-select v-model="ruleForm.ysxlh" placeholder="请选择"> 19 <el-select v-model="ruleForm.ysxlh" placeholder="请选择">
7 <el-option 20 <el-option
8 v-for="item in ysxlh" 21 v-for="item in ysxlh"
9 :key="item.ysxlh" 22 :key="item.ysxlh"
10 :label="item.ysxlh" 23 :label="item.ysxlh"
11 :value="item.ysxlh"> 24 :value="item.ysxlh"
25 >
12 </el-option> 26 </el-option>
13 </el-select> 27 </el-select>
14 </el-form-item> 28 </el-form-item>
15 </el-form> 29 </el-form>
16 </div> 30 </div>
17 <div class="aaaa">{{bdcqz.bdcqzlx == '1' ? '不动产权证书' : '不动产权证明'}}</div> 31 <div
32 class="aaaa"
33 :style="{
34 backgroundImage: 'url(' + require('@/image/bdcqz/bdcqzs2.jpg') + ')',
35 }"
36 >
37 <div class="bdcqzh">
38 <span>{{ bdcqz.sjjc }}</span> <span>{{ bdcqz.djnd }}</span>
39 <span>{{ bdcqz.sxqc }}</span> <span>{{ bdcqz.sxh }}</span>
40 </div>
18 <div class="zsyl-box"> 41 <div class="zsyl-box">
19 <div class="zsyl-left"> 42 <div class="zsyl-left">
20 <div class="zsyl-title"> 43 <div class="qlr">
21 <span v-if="bdcqz.bdcqzh">{{bdcqz.bdcqzh}}</span> 44 {{ bdcqz.qlr }}
22 <span v-else>____( )________不动产权第 号</span> 45 </div>
23 </div> 46 <div class="gyqk">
24 <table class="table-column"> 47 {{ bdcqz.gyqk }}
25 <tr v-for="(item, colindex) in columns" :key="colindex"> 48 </div>
26 <td> 49 <div class="zl">
27 <span>{{ item.label }}</span> 50 {{ bdcqz.zl }}
28 </td> 51 </div>
29 <td> 52 <div class="bdcdyh">
30 <span> 53 {{ bdcqz.bdcdyh }}
31 {{ getRowValue(item.prop) }} 54 </div>
32 </span> 55 <div class="qllx">
33 </td> 56 {{ bdcqz.qllx }}
34 </tr> 57 </div>
35 </table> 58 <div class="qlxz">
59 {{ bdcqz.qlxz }}
60 </div>
61 <div class="yt">
62 {{ bdcqz.yt }}
63 </div>
64 <div class="mj">
65 {{ bdcqz.mj }}
66 </div>
67 <div class="syqx">
68 {{ bdcqz.syqx }}
69 </div>
70 <div class="qt">
71 {{ bdcqz.qlqtzk }}
72 </div>
36 </div> 73 </div>
37 <div class="zsyl-right"> 74 <div class="zsyl-right">
38 <div class="zsyl-title">附记</div> 75 <div class="fj">{{ bdcqz.fj }}</div>
39 <div class="zsyl-text"> {{ bdcqz.fj }}</div>
40 </div> 76 </div>
41 </div> 77 </div>
42 </div> 78 </div>
79 </div>
80 </dialogBox>
43 </template> 81 </template>
44 82
45 <script> 83 <script>
46 import { datas } from "../javascript/zsyl.js"; 84 import { datas } from "../javascript/zsyl.js";
47 import { readYsxlh,certificate,getSlsqBdcqzList} from "@/api/bdcqz.js" 85 import { readYsxlh, certificate, getSlsqBdcqzList } from "@/api/bdcqz.js";
48 export default { 86 export default {
49 components: { 87 components: {},
50 },
51 props: { 88 props: {
52 formData: { 89 value: { type: Boolean, default: false },
53 type: Object, 90 bdcqz: { type: Object, default: {} },
54 default: {}
55 }
56 }, 91 },
57 data () { 92 data() {
58 return { 93 return {
94 myValue: this.value,
59 //印刷序列号集合 95 //印刷序列号集合
60 ysxlh: [], 96 ysxlh: [],
61 //列名称对象 97 //列名称对象
62 columns: [], 98 columns: [],
63 //选择的不动产权证文件 99 //选择的不动产权证文件
64 bdcqz: '', 100 bdcqz: this.bdcqz,
65 ruleForm: { 101 ruleForm: {
66 bsmBdcqz: '', 102 bsmBdcqz: "",
67 szmc: '不动产权证书', 103 szmc: "不动产权证书",
68 bdcqzlx: '', 104 bdcqzlx: "",
69 szzh: '', 105 szzh: "",
70 ysxlh: '', 106 ysxlh: "",
71 }, 107 },
72 rules: { 108 rules: {
73 ysxlh: [ 109 ysxlh: [
74 { required: true, message: '请选择印刷序列号', trigger: 'change' } 110 { required: true, message: "请选择印刷序列号", trigger: "change" },
75 ], 111 ],
76 }, 112 },
77 } 113 };
78 },
79 mounted(){
80 }, 114 },
81 created() { 115 watch: {
116 value(val) {
117 this.myValue = val;
82 this.columns = datas.columns(); 118 this.columns = datas.columns();
83 this.bdcqz = this.formData.bdcqz
84 this.ysxlhList();
85 }, 119 },
120 },
121 created() {},
86 methods: { 122 methods: {
87 //获取印刷序列号列表 123 //获取印刷序列号列表
88 ysxlhList() { 124 ysxlhList() {
89 readYsxlh({zslx:this.bdcqz.bdcqzlx}).then(res => { 125 readYsxlh({ zslx: this.bdcqz.bdcqzlx }).then((res) => {
90 if (res.code === 200) { 126 if (res.code === 200) {
91 this.ysxlh = res.result 127 this.ysxlh = res.result;
92 } 128 }
93 }) 129 });
130 },
131 closeDialog() {
132 this.$emit("input", false);
133 },
134 handleSubmit() {
135 this.$emit("input", false);
94 }, 136 },
95 //获取证书内容 137 //获取证书内容
96 getRowValue(code){ 138 getRowValue(code) {
97 var value = this.bdcqz[code]; 139 var value = this.bdcqz[code];
98 return value; 140 return value;
99 }, 141 },
100 //打印证书 142 //打印证书
101 childFn() { 143 childFn() {
102 this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz 144 this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz;
103 this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx 145 this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx;
104 this.ruleForm.szzh = this.bdcqz.bdcqzh 146 this.ruleForm.szzh = this.bdcqz.bdcqzh;
105 certificate(this.ruleForm).then(res => { 147 certificate(this.ruleForm).then((res) => {
106 if (res.code === 200) { 148 if (res.code === 200) {
107 this.$message.success('打印成功'); 149 this.$message.success("打印成功");
108 }else{ 150 } else {
109 this.$message.error(res.message); 151 this.$message.error(res.message);
110 } 152 }
111 }) 153 });
112 }, 154 },
113 } 155 },
114 } 156 };
115 </script> 157 </script>
116 <style scoped lang="scss"> 158 <style scoped lang="scss">
117 @import "~@/styles/mixin.scss"; 159 @import "~@/styles/mixin.scss";
118 .zsyl-box{ 160
161 .aaaa {
162 width: 1024px;
163 height: 739px;
164 font-family: KaiTi;
165 font-weight: 700;
166 }
167 .bdcqzh {
168 height: 70px;
169 left: 0;
170 bottom: 0;
171 font-size: 18px;
172 }
173 .zsyl-box {
119 display: flex; 174 display: flex;
120 justify-content: space-between; 175 justify-content: space-between;
121 padding: 20px; 176 // padding: 20px;
122 background: #FAFBE5; 177 font-size: 16px;
123 .zsyl-left{ 178 height: 100%;
124 width: 330px; 179 $left: 131px;
125 .zsyl-title{ 180
126 font-size: 18px; 181 .zsyl-left {
127 text-align: center; 182 width: 460px;
183 position: relative;
184 .qlr {
185 position: absolute;
186 top: 40px;
187 left: $left;
128 } 188 }
189 .gyqk {
190 position: absolute;
191 top: 80px;
192 left: $left;
129 } 193 }
130 .zsyl-right{ 194 .zl {
131 width: 330px; 195 position: absolute;
132 .zsyl-title{ 196 top: 120px;
133 letter-spacing: 50px; 197 left: $left;
134 text-align: center; 198 }
135 text-indent: 50px; 199 .bdcdyh {
200 position: absolute;
201 top: 160px;
202 left: $left;
203 }
204 .qllx {
205 position: absolute;
206 top: 205px;
207 left: $left;
208 }
209 .qlxz {
210 position: absolute;
211 top: 250px;
212 left: $left;
136 } 213 }
137 .zsyl-text{ 214 .yt {
138 border: 1px solid #ccc; 215 position: absolute;
139 height: 90%; 216 top: 290px;
217 left: $left;
140 } 218 }
219 .mj {
220 position: absolute;
221 top: 330px;
222 left: $left;
141 } 223 }
142 .zsyl-title{ 224 .syqx {
225 position: absolute;
226 top: 370px;
227 left: $left;
228 }
229 .qt {
230 position: absolute;
231 top: 420px;
232 left: $left;
233 }
234 }
235 .zsyl-right {
236 flex: 1;
237 text-align: left;
238 position: relative;
239 .fj {
240 position: absolute;
241 left: 115px;
242 top: 5px;
243 }
244 }
245 .zsyl-title {
143 margin-bottom: 12px; 246 margin-bottom: 12px;
144 } 247 }
145 /deep/.el-table__row{ 248 /deep/.el-table__row {
146 background: #FAFBE5!important; 249 background: #fafbe5 !important;
147 } 250 }
148 } 251 }
149 .middle_padding { 252 .middle_padding {
150 padding-bottom: 10px; 253 padding-bottom: 10px;
151 } 254 }
152 .zsyl-button{ 255 .zsyl-button {
153 text-align: center; 256 text-align: center;
154 margin-top: 20px; 257 margin-top: 20px;
155 .operation_button{ 258 .operation_button {
156 width: 100px; 259 width: 100px;
157 border: 1px solid rgb(0,121,254); 260 border: 1px solid rgb(0, 121, 254);
158 } 261 }
159 .dy-button { 262 .dy-button {
160 color: white; 263 color: white;
161 background-color: rgb(0,121,254); 264 background-color: rgb(0, 121, 254);
162 } 265 }
163 } 266 }
164 .table-column {
165 border-spacing: 1px;
166 width: 100%;
167 tr td {
168 border: 1px solid #ccc;
169 text-align: center;
170 height: 40px;
171 padding: 4px;
172 font-size: 13px;
173 background: rgb(251,249,229);
174 }
175 }
176 .aaaa{
177 background: #FAFBE5;
178 text-align: center;
179 padding-top: 10px;
180 font-size: 20px;
181 }
182 </style> 267 </style>
......
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":
...@@ -41,6 +42,10 @@ export function getForm(tabName, djywbm) { ...@@ -41,6 +42,10 @@ export function getForm(tabName, djywbm) {
41 case "diyaqSlxx200": 42 case "diyaqSlxx200":
42 form = require("@/views/ywbl/diyaq/slxx200.vue"); 43 form = require("@/views/ywbl/diyaq/slxx200.vue");
43 break; 44 break;
45 case "diyaqSlxx300":
46 form = require("@/views/ywbl/diyaq/slxx200.vue");
47 break;
48
44 case "clxx": 49 case "clxx":
45 form = require("@/views/workflow/components/clxx.vue"); 50 form = require("@/views/workflow/components/clxx.vue");
46 break; 51 break;
...@@ -54,7 +59,7 @@ export function getForm(tabName, djywbm) { ...@@ -54,7 +59,7 @@ export function getForm(tabName, djywbm) {
54 form = require("@/views/ywbl/ygdj/slxx.vue"); 59 form = require("@/views/ywbl/ygdj/slxx.vue");
55 break; 60 break;
56 case "ygmm300": 61 case "ygmm300":
57 form = require("@/views/ywbl/fdcq2/slxx.vue"); 62 form = require("@/views/ywbl/ygdj/slxx300.vue");
58 break; 63 break;
59 case "cfdjxx": 64 case "cfdjxx":
60 form = require("@/views/registerBook/cfdj.vue"); 65 form = require("@/views/registerBook/cfdj.vue");
......
...@@ -20,13 +20,13 @@ class data extends filter { ...@@ -20,13 +20,13 @@ class data extends filter {
20 { 20 {
21 prop: "bdcqzlx", 21 prop: "bdcqzlx",
22 label: "不动产权证类型", 22 label: "不动产权证类型",
23 render: (h, scope) => { 23 // render: (h, scope) => {
24 if (scope.row.bdcqzlx == "1") { 24 // if (scope.row.bdcqzlx == "1") {
25 return (<div>不动产权证书</div>) 25 // return (<div>不动产权证书</div>)
26 } else { 26 // } else {
27 return (<div>不动产登记证明</div>) 27 // return (<div>不动产登记证明</div>)
28 } 28 // }
29 } 29 // }
30 }, 30 },
31 { 31 {
32 prop: "qllxmc", 32 prop: "qllxmc",
...@@ -82,13 +82,13 @@ class data extends filter { ...@@ -82,13 +82,13 @@ class data extends filter {
82 prop: "bdcqzlx", 82 prop: "bdcqzlx",
83 label: "不动产权证类型", 83 label: "不动产权证类型",
84 width: '120', 84 width: '120',
85 render: (h, scope) => { 85 // render: (h, scope) => {
86 if (scope.row.bdcqzlx == "1") { 86 // if (scope.row.bdcqzlx == "1") {
87 return (<div>不动产权证书</div>) 87 // return (<div>不动产权证书</div>)
88 } else { 88 // } else {
89 return (<div>不动产登记证明</div>) 89 // return (<div>不动产登记证明</div>)
90 } 90 // }
91 } 91 // }
92 }, 92 },
93 { 93 {
94 prop: "qllx", 94 prop: "qllx",
......
...@@ -196,7 +196,7 @@ ...@@ -196,7 +196,7 @@
196 </el-row> 196 </el-row>
197 <el-row> 197 <el-row>
198 <el-col :span="24"> 198 <el-col :span="24">
199 <el-form-item :class="flag ? 'marginBot0' : ''" label="最高债权确定事实和数额：" label-width="200px"> 199 <el-form-item :class="flag ? 'marginBot0' : ''" label="最高债权确定事实和数额：" >
200 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input> 200 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
201 </el-form-item> 201 </el-form-item>
202 </el-col> 202 </el-col>
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 > 11 >
12 <div class="slxx_con"> 12 <div class="slxx_con">
13 <div class="slxx_title title-block"> 13 <div class="slxx_title title-block">
14 受理信息200 14 受理信息
15 <div class="triangle"></div> 15 <div class="triangle"></div>
16 </div> 16 </div>
17 <el-row :gutter="10"> 17 <el-row :gutter="10">
......
...@@ -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" />
......
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>
...@@ -166,7 +166,6 @@ export default { ...@@ -166,7 +166,6 @@ export default {
166 }); 166 });
167 }, 167 },
168 handleSelectionChange(val) { 168 handleSelectionChange(val) {
169 debugger;
170 val.forEach((item, index) => { 169 val.forEach((item, index) => {
171 item.bsmSsql = item.bsmQlxx; 170 item.bsmSsql = item.bsmQlxx;
172 item.ybdcqzsh = item.bdcqzh; 171 item.ybdcqzsh = item.bdcqzh;
......
...@@ -157,7 +157,6 @@ export default { ...@@ -157,7 +157,6 @@ export default {
157 message: "发起申请成功", 157 message: "发起申请成功",
158 type: "success", 158 type: "success",
159 }); 159 });
160 debugger;
161 if (!this.isJump) { 160 if (!this.isJump) {
162 this.jump(res.result, this.djywbm); 161 this.jump(res.result, this.djywbm);
163 } else { 162 } else {
...@@ -169,7 +168,6 @@ export default { ...@@ -169,7 +168,6 @@ export default {
169 }); 168 });
170 }, 169 },
171 handleSelectionChange(val) { 170 handleSelectionChange(val) {
172 debugger;
173 val.forEach((item, index) => { 171 val.forEach((item, index) => {
174 item.bsmSsql = item.bsmQlxx; 172 item.bsmSsql = item.bsmQlxx;
175 item.ybdcqzsh = item.bdcqzh; 173 item.ybdcqzsh = item.bdcqzh;
......