0e8e3cb7 by liangyifan

证书预览

1 parent 3cb00463
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: {
......
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 {
......