受理单元
Showing
4 changed files
with
26 additions
and
18 deletions
| ... | @@ -47,7 +47,7 @@ | ... | @@ -47,7 +47,7 @@ |
| 47 | <!-- 表格 --> | 47 | <!-- 表格 --> |
| 48 | <!-- 表格 --> | 48 | <!-- 表格 --> |
| 49 | <div class="from-clues-content"> | 49 | <div class="from-clues-content"> |
| 50 | <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total" | 50 | <lb-table :page-size="pageData.size" :current-page.sync="pageData.currentPage" :total="tableData.total" |
| 51 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 51 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" |
| 52 | :data="tableData.data"> | 52 | :data="tableData.data"> |
| 53 | </lb-table> | 53 | </lb-table> |
| ... | @@ -74,12 +74,8 @@ export default { | ... | @@ -74,12 +74,8 @@ export default { |
| 74 | djlx: "", | 74 | djlx: "", |
| 75 | ywh: "", | 75 | ywh: "", |
| 76 | }, | 76 | }, |
| 77 | pageData: { | ||
| 78 | current: 1, | ||
| 79 | size: 10, | ||
| 80 | total: 0, | ||
| 81 | }, | ||
| 82 | tableData: { | 77 | tableData: { |
| 78 | total: 0, | ||
| 83 | columns: datas.columns(), | 79 | columns: datas.columns(), |
| 84 | data: [], | 80 | data: [], |
| 85 | }, | 81 | }, |
| ... | @@ -111,7 +107,7 @@ export default { | ... | @@ -111,7 +107,7 @@ export default { |
| 111 | searchTaskToDo({ ...this.queryForm, ...this.pageData }).then(res => { | 107 | searchTaskToDo({ ...this.queryForm, ...this.pageData }).then(res => { |
| 112 | if (res.code === 200) { | 108 | if (res.code === 200) { |
| 113 | let { total, records } = res.result | 109 | let { total, records } = res.result |
| 114 | this.pageData.total = total; | 110 | this.tableData.total = total; |
| 115 | this.tableData.data = records | 111 | this.tableData.data = records |
| 116 | } | 112 | } |
| 117 | }) | 113 | }) | ... | ... |
| ... | @@ -13,14 +13,16 @@ class data extends filter { | ... | @@ -13,14 +13,16 @@ class data extends filter { |
| 13 | { | 13 | { |
| 14 | label: '序号', | 14 | label: '序号', |
| 15 | type: 'index', | 15 | type: 'index', |
| 16 | width: '50' | 16 | width: '60' |
| 17 | }, | 17 | }, |
| 18 | { | 18 | { |
| 19 | prop: "ywlymc", | 19 | prop: "ywlymc", |
| 20 | label: "业务来源", | 20 | label: "业务来源", |
| 21 | width:'100' | ||
| 21 | }, | 22 | }, |
| 22 | { | 23 | { |
| 23 | label: "流程状态", | 24 | label: "流程状态", |
| 25 | width:'80', | ||
| 24 | render: (h, scope) => { | 26 | render: (h, scope) => { |
| 25 | switch (scope.row.lczt) { | 27 | switch (scope.row.lczt) { |
| 26 | case '1': | 28 | case '1': |
| ... | @@ -35,10 +37,12 @@ class data extends filter { | ... | @@ -35,10 +37,12 @@ class data extends filter { |
| 35 | { | 37 | { |
| 36 | prop: "zbhj", | 38 | prop: "zbhj", |
| 37 | label: "在办环节", | 39 | label: "在办环节", |
| 40 | width:'80' | ||
| 38 | }, | 41 | }, |
| 39 | { | 42 | { |
| 40 | label: '业务号', | 43 | label: '业务号', |
| 41 | align: 'center', | 44 | align: 'center', |
| 45 | width:'100', | ||
| 42 | render: (h, scope) => { | 46 | render: (h, scope) => { |
| 43 | return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button> | 47 | return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button> |
| 44 | } | 48 | } |
| ... | @@ -46,14 +50,17 @@ class data extends filter { | ... | @@ -46,14 +50,17 @@ class data extends filter { |
| 46 | { | 50 | { |
| 47 | prop: "sqywmc", | 51 | prop: "sqywmc", |
| 48 | label: "申请业务名称", | 52 | label: "申请业务名称", |
| 53 | width:'210' | ||
| 49 | }, | 54 | }, |
| 50 | { | 55 | { |
| 51 | prop: "qlr", | 56 | prop: "qlr", |
| 52 | label: "权利人", | 57 | label: "权利人", |
| 58 | width:'70' | ||
| 53 | }, | 59 | }, |
| 54 | { | 60 | { |
| 55 | prop: "ywr", | 61 | prop: "ywr", |
| 56 | label: "义务人", | 62 | label: "义务人", |
| 63 | width:'70' | ||
| 57 | }, | 64 | }, |
| 58 | { | 65 | { |
| 59 | prop: "zl", | 66 | prop: "zl", |
| ... | @@ -62,11 +69,12 @@ class data extends filter { | ... | @@ -62,11 +69,12 @@ class data extends filter { |
| 62 | { | 69 | { |
| 63 | prop: "slsj", | 70 | prop: "slsj", |
| 64 | label: "受理时间", | 71 | label: "受理时间", |
| 65 | sortable: 'custom' | 72 | sortable: 'custom', |
| 66 | }, | 73 | }, |
| 67 | { | 74 | { |
| 68 | prop: "slry", | 75 | prop: "slry", |
| 69 | label: "受理人员", | 76 | label: "受理人员", |
| 77 | width:'80' | ||
| 70 | }, | 78 | }, |
| 71 | { | 79 | { |
| 72 | prop: "zrsj", | 80 | prop: "zrsj", | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <dialogBox title="证书预览" :isReset='false' :isSave='false' width="75%" | 2 | <dialogBox title="证书预览" :isReset='false' :isSave='false' width="865px" |
| 3 | @closeDialog="closeDialog" v-model="value"> | 3 | @closeDialog="closeDialog" v-model="value"> |
| 4 | <div class="from-clues"> | 4 | <div class="from-clues"> |
| 5 | <!-- 表单部分 --> | 5 | <!-- 表单部分 --> |
| 6 | <div class="zsyl-box"> | 6 | <div class="zsyl-box"> |
| 7 | <div class="zsyl-left"> | 7 | <div class="zsyl-left"> |
| 8 | <div class="zsyl-title"> | 8 | <div class="zsyl-title"> |
| 9 | <span>_________</span> | 9 | <span>____</span> |
| 10 | <span>(</span> | 10 | <span>(</span> |
| 11 | <span>)</span> | 11 | <span>)</span> |
| 12 | <span>_________________</span> | 12 | <span>____________</span> |
| 13 | <span>不动产权第</span> | 13 | <span>不动产权第</span> |
| 14 | <span>号</span> | 14 | <span>号</span> |
| 15 | </div> | 15 | </div> |
| ... | @@ -123,7 +123,7 @@ export default { | ... | @@ -123,7 +123,7 @@ export default { |
| 123 | padding: 20px; | 123 | padding: 20px; |
| 124 | background: #FAFBE5; | 124 | background: #FAFBE5; |
| 125 | .zsyl-left{ | 125 | .zsyl-left{ |
| 126 | width: 45%; | 126 | width: 330px; |
| 127 | .zsyl-title span:nth-child(3){ | 127 | .zsyl-title span:nth-child(3){ |
| 128 | margin-left: 75px; | 128 | margin-left: 75px; |
| 129 | } | 129 | } |
| ... | @@ -132,11 +132,11 @@ export default { | ... | @@ -132,11 +132,11 @@ export default { |
| 132 | } | 132 | } |
| 133 | } | 133 | } |
| 134 | .zsyl-right{ | 134 | .zsyl-right{ |
| 135 | width: 45%; | 135 | width: 330px; |
| 136 | .zsyl-title{ | 136 | .zsyl-title{ |
| 137 | letter-spacing: 60px; | 137 | letter-spacing: 50px; |
| 138 | text-align: center; | 138 | text-align: center; |
| 139 | text-indent: 60px; | 139 | text-indent: 50px; |
| 140 | } | 140 | } |
| 141 | .zsyl-text{ | 141 | .zsyl-text{ |
| 142 | border: 1px solid #E4EBF4; | 142 | border: 1px solid #E4EBF4; | ... | ... |
| ... | @@ -38,7 +38,7 @@ | ... | @@ -38,7 +38,7 @@ |
| 38 | <p class="splitScreen tabsList-title">材料信息</p> | 38 | <p class="splitScreen tabsList-title">材料信息</p> |
| 39 | <div class="splitScreen"></div> | 39 | <div class="splitScreen"></div> |
| 40 | </div> | 40 | </div> |
| 41 | <el-tabs v-model="activeName"> | 41 | <el-tabs v-model="activeName" @tab-click='activeClick'> |
| 42 | <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index"> | 42 | <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index"> |
| 43 | <div class="splitScreen-con" v-if='index == 0'> | 43 | <div class="splitScreen-con" v-if='index == 0'> |
| 44 | <component ref='slxx' :is="editItem" :flag="flag" :key="key" /> | 44 | <component ref='slxx' :is="editItem" :flag="flag" :key="key" /> |
| ... | @@ -152,7 +152,6 @@ export default { | ... | @@ -152,7 +152,6 @@ export default { |
| 152 | console.log(newName, 'newName'); | 152 | console.log(newName, 'newName'); |
| 153 | let itemObj = { '1': 'slxx', '2': 'clxx', '3': 'spyj' } | 153 | let itemObj = { '1': 'slxx', '2': 'clxx', '3': 'spyj' } |
| 154 | this.editItem = this.loadView(itemObj[newName]) | 154 | this.editItem = this.loadView(itemObj[newName]) |
| 155 | this.list(this.id) | ||
| 156 | }, | 155 | }, |
| 157 | immediate: true | 156 | immediate: true |
| 158 | } | 157 | } |
| ... | @@ -187,6 +186,11 @@ export default { | ... | @@ -187,6 +186,11 @@ export default { |
| 187 | } | 186 | } |
| 188 | }) | 187 | }) |
| 189 | }, | 188 | }, |
| 189 | activeClick(tab,event){ | ||
| 190 | if(tab.name=='1'){ | ||
| 191 | this.list(this.id) | ||
| 192 | } | ||
| 193 | }, | ||
| 190 | // 左侧列表点击调用接口 | 194 | // 左侧列表点击调用接口 |
| 191 | unitClick (item) { | 195 | unitClick (item) { |
| 192 | this.taskId = item.taskId | 196 | this.taskId = item.taskId | ... | ... |
-
Please register or sign in to post a comment