证书预览
Showing
4 changed files
with
139 additions
and
10 deletions
| 1 | <template> | 1 | <template> |
| 2 | <dialogBox title="退回" @submitForm="submitForm" :saveloding="saveloding" saveButton="确认退回" width="80%" | 2 | <dialogBox title="退回" @submitForm="submitForm" saveButton="确认退回" width="80%" |
| 3 | @closeDialog="closeDialog" v-model="value"> | 3 | @closeDialog="closeDialog" v-model="value"> |
| 4 | <div class="from-clues"> | 4 | <div class="from-clues"> |
| 5 | <!-- 表单部分 --> | 5 | <!-- 表单部分 --> |
| ... | @@ -68,7 +68,6 @@ export default { | ... | @@ -68,7 +68,6 @@ export default { |
| 68 | 68 | ||
| 69 | ]; | 69 | ]; |
| 70 | return { | 70 | return { |
| 71 | saveloding:false, | ||
| 72 | columns, | 71 | columns, |
| 73 | radioVal:"", | 72 | radioVal:"", |
| 74 | outstepopinion:"", | 73 | outstepopinion:"", | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <dialogBox title="转出" @submitForm="submitForm" :saveloding="saveloding" saveButton="确认转出" width="45%" | 2 | <dialogBox title="转出" @submitForm="submitForm" saveButton="确认转出" width="45%" |
| 3 | height='30%' @closeDialog="closeDialog" v-model="value"> | 3 | height='30%' @closeDialog="closeDialog" v-model="value"> |
| 4 | <div class="from-clues"> | 4 | <div class="from-clues"> |
| 5 | <!-- 表单部分 --> | 5 | <!-- 表单部分 --> |
| ... | @@ -29,7 +29,6 @@ export default { | ... | @@ -29,7 +29,6 @@ export default { |
| 29 | }, | 29 | }, |
| 30 | data () { | 30 | data () { |
| 31 | return { | 31 | return { |
| 32 | saveloding:false, | ||
| 33 | } | 32 | } |
| 34 | }, | 33 | }, |
| 35 | methods: { | 34 | methods: { | ... | ... |
src/views/ywbl/fqsq/components/zsyl.vue
0 → 100644
| 1 | <template> | ||
| 2 | <dialogBox title="证书预览" :isReset='false' :isSave='false' width="80%" | ||
| 3 | @closeDialog="closeDialog" v-model="value"> | ||
| 4 | <div class="from-clues"> | ||
| 5 | <!-- 表单部分 --> | ||
| 6 | <div class="zsyl-box"> | ||
| 7 | <div class="zsyl-left"> | ||
| 8 | <div class="zsyl-title">____()_______不动产权第 号</div> | ||
| 9 | <lb-table :show-header="false" :column="columns" border :heightNum="390" :pagination="false" heightNumSetting | ||
| 10 | :data="tableData"> | ||
| 11 | </lb-table> | ||
| 12 | </div> | ||
| 13 | <div class="zsyl-right"> | ||
| 14 | <div class="zsyl-title">附记</div> | ||
| 15 | <div></div> | ||
| 16 | </div> | ||
| 17 | </div> | ||
| 18 | </div> | ||
| 19 | </dialogBox> | ||
| 20 | </template> | ||
| 21 | |||
| 22 | <script> | ||
| 23 | import { getTaskBackNode,sendBackTask } from "@/api/fqsq.js" | ||
| 24 | export default { | ||
| 25 | components: { | ||
| 26 | }, | ||
| 27 | props: { | ||
| 28 | value: { type: Boolean, default: false }, | ||
| 29 | queryForm:{type:Object}, | ||
| 30 | bsmBusiness:{type:String} | ||
| 31 | }, | ||
| 32 | data () { | ||
| 33 | const columns=[ | ||
| 34 | // { | ||
| 35 | // label: '', | ||
| 36 | // align: 'center', | ||
| 37 | // render: (h, scope) => { | ||
| 38 | // return <el-radio label={scope.row.taskid} v-model={this.radioVal} >{''}</el-radio> | ||
| 39 | // } | ||
| 40 | // }, | ||
| 41 | { | ||
| 42 | prop: "activityName", | ||
| 43 | label: "", | ||
| 44 | width:'120px' | ||
| 45 | }, | ||
| 46 | { | ||
| 47 | prop: "assignee", | ||
| 48 | label: "", | ||
| 49 | }, | ||
| 50 | |||
| 51 | ]; | ||
| 52 | return { | ||
| 53 | columns, | ||
| 54 | tableData:[{ | ||
| 55 | activityName:'权利人', | ||
| 56 | assignee:'张三' | ||
| 57 | },{ | ||
| 58 | activityName:'共有情况', | ||
| 59 | assignee:'一人持有' | ||
| 60 | },{ | ||
| 61 | activityName:'坐落', | ||
| 62 | assignee:'陕西省西安市莲湖区' | ||
| 63 | },{ | ||
| 64 | activityName:'不动产单元号', | ||
| 65 | assignee:'3-1-3003' | ||
| 66 | },{ | ||
| 67 | activityName:'权利类型', | ||
| 68 | assignee:'非常大' | ||
| 69 | },{ | ||
| 70 | activityName:'权利性质', | ||
| 71 | assignee:'非常大' | ||
| 72 | },{ | ||
| 73 | activityName:'用途', | ||
| 74 | assignee:'非常大' | ||
| 75 | },{ | ||
| 76 | activityName:'面积', | ||
| 77 | assignee:'124平方米' | ||
| 78 | },{ | ||
| 79 | activityName:'使用期限', | ||
| 80 | assignee:'99年' | ||
| 81 | },{ | ||
| 82 | activityName:'权利其他状况', | ||
| 83 | assignee:'良好' | ||
| 84 | }], | ||
| 85 | } | ||
| 86 | }, | ||
| 87 | mounted(){ | ||
| 88 | // if(this.$route.query.bsmSlsq){ | ||
| 89 | // this.list.bsmSlsq = this.$route.query.bsmSlsq | ||
| 90 | // } | ||
| 91 | }, | ||
| 92 | methods: { | ||
| 93 | |||
| 94 | tablelistFn(){ | ||
| 95 | // getTaskBackNode({taskId:this.taskId}).then(res => { | ||
| 96 | // if (res.code === 200) { | ||
| 97 | // this.tableData = res.result | ||
| 98 | // } | ||
| 99 | // }) | ||
| 100 | }, | ||
| 101 | |||
| 102 | |||
| 103 | closeDialog () { | ||
| 104 | this.$emit("input", false); | ||
| 105 | }, | ||
| 106 | |||
| 107 | } | ||
| 108 | } | ||
| 109 | </script> | ||
| 110 | <style scoped lang="scss"> | ||
| 111 | @import "~@/styles/mixin.scss"; | ||
| 112 | .zsyl-box{ | ||
| 113 | display: flex; | ||
| 114 | justify-content: space-between; | ||
| 115 | .zsyl-left{ | ||
| 116 | width: 45%; | ||
| 117 | } | ||
| 118 | .zsyl-right{ | ||
| 119 | width: 45%; | ||
| 120 | } | ||
| 121 | } | ||
| 122 | </style> |
| ... | @@ -28,9 +28,9 @@ | ... | @@ -28,9 +28,9 @@ |
| 28 | this.isShowdrawer = !this.isShowdrawer;}"> | 28 | this.isShowdrawer = !this.isShowdrawer;}"> |
| 29 | </div> | 29 | </div> |
| 30 | <ul v-if='this.isShowdrawer'> | 30 | <ul v-if='this.isShowdrawer'> |
| 31 | <p>受理单元列表({{unitData.length}})</p> | 31 | <p class="title">受理单元列表({{unitData.length}})</p> |
| 32 | <div v-for='(item,index) in unitData' :key='index'> | 32 | <div v-for='(item,index) in unitData' :key='index'> |
| 33 | <li @click='unitClick(item)'>{{item.bdcdyh}}</li> | 33 | <li @click='unitClick(item)'><p>{{item.bdcdyh}}</p><p>{{item.zl}}</p></li> |
| 34 | <div class="xian"></div> | 34 | <div class="xian"></div> |
| 35 | </div> | 35 | </div> |
| 36 | </ul> | 36 | </ul> |
| ... | @@ -51,17 +51,20 @@ | ... | @@ -51,17 +51,20 @@ |
| 51 | </div> | 51 | </div> |
| 52 | <zc v-model="zcDialog" :queryForm='queryForm' /> | 52 | <zc v-model="zcDialog" :queryForm='queryForm' /> |
| 53 | <thDialog ref='thdialogRef' v-model="thflag" :taskId='taskId' :bsmBusiness='bsmBusiness' :queryForm='queryForm' /> | 53 | <thDialog ref='thdialogRef' v-model="thflag" :taskId='taskId' :bsmBusiness='bsmBusiness' :queryForm='queryForm' /> |
| 54 | <zsylDialog v-model='zsylFlag' /> | ||
| 54 | </div> | 55 | </div> |
| 55 | </template> | 56 | </template> |
| 56 | <script> | 57 | <script> |
| 57 | import { leftMenu } from "@/api/fqsq.js" | 58 | import { leftMenu } from "@/api/fqsq.js" |
| 58 | import zc from "./components/zc.vue" | 59 | import zc from "./components/zc.vue" |
| 59 | import thDialog from "./components/th.vue" | 60 | import thDialog from "./components/th.vue" |
| 61 | import zsylDialog from './components/zsyl' | ||
| 60 | export default { | 62 | export default { |
| 61 | /**注册组件*/ | 63 | /**注册组件*/ |
| 62 | components: { zc, thDialog }, | 64 | components: { zc, thDialog, zsylDialog }, |
| 63 | data () { | 65 | data () { |
| 64 | return { | 66 | return { |
| 67 | zsylFlag:false, | ||
| 65 | zcDialog:false, | 68 | zcDialog:false, |
| 66 | thflag:false, | 69 | thflag:false, |
| 67 | queryForm:{ | 70 | queryForm:{ |
| ... | @@ -141,6 +144,7 @@ export default { | ... | @@ -141,6 +144,7 @@ export default { |
| 141 | unitData: [], | 144 | unitData: [], |
| 142 | taskId:"", | 145 | taskId:"", |
| 143 | bsmBusiness:"", | 146 | bsmBusiness:"", |
| 147 | id:"", | ||
| 144 | }; | 148 | }; |
| 145 | }, | 149 | }, |
| 146 | watch: { | 150 | watch: { |
| ... | @@ -148,6 +152,7 @@ export default { | ... | @@ -148,6 +152,7 @@ export default { |
| 148 | handler (newName, oldName) { | 152 | handler (newName, oldName) { |
| 149 | let itemObj = { '1': 'slxx', '2': 'clxx' } | 153 | let itemObj = { '1': 'slxx', '2': 'clxx' } |
| 150 | this.editItem = this.loadView(itemObj[newName]) | 154 | this.editItem = this.loadView(itemObj[newName]) |
| 155 | this.list(this.id) | ||
| 151 | }, | 156 | }, |
| 152 | immediate: true | 157 | immediate: true |
| 153 | } | 158 | } |
| ... | @@ -168,6 +173,7 @@ export default { | ... | @@ -168,6 +173,7 @@ export default { |
| 168 | // 获取左侧列表 | 173 | // 获取左侧列表 |
| 169 | list (id) { | 174 | list (id) { |
| 170 | let that = this | 175 | let that = this |
| 176 | that.id = id | ||
| 171 | var formdata = new FormData(); | 177 | var formdata = new FormData(); |
| 172 | formdata.append("bsmSlsq", id); | 178 | formdata.append("bsmSlsq", id); |
| 173 | leftMenu(formdata).then(res => { | 179 | leftMenu(formdata).then(res => { |
| ... | @@ -190,7 +196,10 @@ export default { | ... | @@ -190,7 +196,10 @@ export default { |
| 190 | }) | 196 | }) |
| 191 | }, | 197 | }, |
| 192 | operation (index, item) { | 198 | operation (index, item) { |
| 193 | if (item.icon == 'fqsq5') { | 199 | if(item.icon == 'fqsq3'){ |
| 200 | this.zsylFlag = true | ||
| 201 | |||
| 202 | } else if (item.icon == 'fqsq5') { | ||
| 194 | this.key++ | 203 | this.key++ |
| 195 | this.issplitScreen = !this.issplitScreen | 204 | this.issplitScreen = !this.issplitScreen |
| 196 | this.flag = !this.flag | 205 | this.flag = !this.flag |
| ... | @@ -338,7 +347,7 @@ export default { | ... | @@ -338,7 +347,7 @@ export default { |
| 338 | padding: 2px; | 347 | padding: 2px; |
| 339 | } | 348 | } |
| 340 | 349 | ||
| 341 | p { | 350 | .title { |
| 342 | padding: 20px; | 351 | padding: 20px; |
| 343 | text-align: center; | 352 | text-align: center; |
| 344 | } | 353 | } |
| ... | @@ -347,7 +356,7 @@ export default { | ... | @@ -347,7 +356,7 @@ export default { |
| 347 | padding: 10px; | 356 | padding: 10px; |
| 348 | font-size: 14px; | 357 | font-size: 14px; |
| 349 | color: #606266; | 358 | color: #606266; |
| 350 | 359 | line-height: 20px; | |
| 351 | } | 360 | } |
| 352 | 361 | ||
| 353 | li:hover { | 362 | li:hover { | ... | ... |
-
Please register or sign in to post a comment