Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
22 changed files
with
631 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', | ... | ... |
src/image/bdcqz/bdcdjzm.jpg
0 → 100644
592 KB
src/image/bdcqz/bdcqzs1.jpg
0 → 100644
240 KB
src/image/bdcqz/bdcqzs2.jpg
0 → 100644
201 KB
src/image/bdcqz/bdcqzs3.jpg
0 → 100644
183 KB
src/views/home/components/addProject.vue
0 → 100644
| 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 | { | ... | ... |
src/views/system/xttz/xttzview.vue
0 → 100644
| 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> |
src/views/system/xttz/xttzviewdata.js
0 → 100644
| 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" /> | ... | ... |
src/views/ywbl/ygdj/slxx300.vue
0 → 100644
This diff is collapsed.
Click to expand it.
| ... | @@ -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; | ... | ... |
-
Please register or sign in to post a comment