Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
5c2c673b by 任超
Options

style:业务办理

1 parent 5b013af4
Inline Side-by-side
Showing 6 changed files with 88 additions and 33 deletions
...@@ -43,7 +43,8 @@ export function searchTaskToDo (data) { ...@@ -43,7 +43,8 @@ export function searchTaskToDo (data) {
43 return request({ 43 return request({
44 url: '/workBox/search/searchTaskToDo', 44 url: '/workBox/search/searchTaskToDo',
45 method: 'post', 45 method: 'post',
46 data 46 data,
47 showLoading: true
47 }) 48 })
48 } 49 }
49 // 待办箱删除接口 50 // 待办箱删除接口
...@@ -71,7 +72,8 @@ export function searchTaskDone (data) { ...@@ -71,7 +72,8 @@ export function searchTaskDone (data) {
71 return request({ 72 return request({
72 url: '/workBox/search/searchTaskDone', 73 url: '/workBox/search/searchTaskDone',
73 method: 'post', 74 method: 'post',
74 data 75 data,
76 showLoading: true
75 }) 77 })
76 } 78 }
77 /* 79 /*
......
...@@ -7,13 +7,45 @@ ...@@ -7,13 +7,45 @@
7 7
8 &-header { 8 &-header {
9 width: 100%; 9 width: 100%;
10 padding: 15px 15px 0 15px; 10 padding: 10px 10px 3px 10px;
11 box-sizing: border-box; 11 box-sizing: border-box;
12 background: #FFFFFF; 12 background: #FFFFFF;
13 border-radius: 2px; 13 border-radius: 2px;
14 border: 1px solid #e8edf3; 14 border: 1px solid #e8edf3;
15 } 15 }
16 16
17 .advanced-search {
18 display: flex;
19 font-size: 12px;
20 flex-wrap: wrap;
21
22 span {
23 display: flex;
24 align-items: center;
25 }
26
27 i {
28 color: $light-blue;
29 margin-left: 5px;
30 cursor: pointer;
31 }
32
33 ul {
34 display: flex;
35 align-items: center;
36
37 li {
38 color: $light-blue;
39 border: 1px solid $light-blue;
40 border-radius: 10px;
41 padding: 2px 8px;
42 }
43 }
44
45 .clean-btn {
46 margin-left: 10px;
47 }
48 }
17 49
18 &-content { 50 &-content {
19 width: 100%; 51 width: 100%;
...@@ -35,8 +67,7 @@ ...@@ -35,8 +67,7 @@
35 } 67 }
36 68
37 .el-form-item--small.el-form-item { 69 .el-form-item--small.el-form-item {
38 margin-bottom: 15px; 70 margin-bottom: 0px;
39
40 } 71 }
41 } 72 }
42 73
......
...@@ -42,12 +42,19 @@ ...@@ -42,12 +42,19 @@
42 </el-form-item> 42 </el-form-item>
43 </el-col> 43 </el-col>
44 </el-row> 44 </el-row>
45 <el-row class="advanced-search">
46 <span>高级搜索条件：</span>
47 <ul>
48 <li>不动产单元号:201252222<i class="el-icon-circle-close"></i></li>
49 </ul>
50 <el-button class="clean-btn" type="text">清除全部</el-button>
51 </el-row>
45 </el-form> 52 </el-form>
46 </div> 53 </div>
47 <div class="from-clues-content"> 54 <div class="from-clues-content">
48 <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :total="tableData.total" 55 <lb-table :page-size="pageData.size" border @sort-change="handleSort" :current-page.sync="pageData.currentPage"
49 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" 56 :heightNum="300" :total="tableData.total" @size-change="handleSizeChange"
50 :data="tableData.data"> 57 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
51 </lb-table> 58 </lb-table>
52 </div> 59 </div>
53 </div> 60 </div>
...@@ -95,7 +102,6 @@ export default { ...@@ -95,7 +102,6 @@ export default {
95 //页面切换时，处理逻辑 102 //页面切换时，处理逻辑
96 } else {//切换到该页面时执行 103 } else {//切换到该页面时执行
97 if (window.location.hash == '#/ywbl/dbx') { 104 if (window.location.hash == '#/ywbl/dbx') {
98 console.log('让我看看', window.location)
99 this.fetchData() 105 this.fetchData()
100 } 106 }
101 } 107 }
...@@ -107,10 +113,14 @@ export default { ...@@ -107,10 +113,14 @@ export default {
107 let { total, records } = res.result 113 let { total, records } = res.result
108 let str = '' 114 let str = ''
109 records.forEach(item => { 115 records.forEach(item => {
110 console.log(item); 116 item.qlrmc = item.qlrmc.join(',')
117 item.ywh = item.ywh.join(',')
118 item.zl = item.zl.join(',')
119 item.fromstepdate = item.fromstepdate[0]
111 item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : '' 120 item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : ''
112 item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : '' 121 item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : ''
113 }) 122 })
123 console.log(records);
114 this.tableData.total = total; 124 this.tableData.total = total;
115 this.tableData.data = records ? records : [] 125 this.tableData.data = records ? records : []
116 } 126 }
...@@ -119,8 +129,10 @@ export default { ...@@ -119,8 +129,10 @@ export default {
119 queryClick () { 129 queryClick () {
120 this.fetchData() 130 this.fetchData()
121 }, 131 },
122 handleSort (name, sort) { 132 handleSort (val) {
123 console.log(name, sort); 133 this.queryForm.sortField = val.prop
134 this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc'
135 this.fetchData()
124 }, 136 },
125 del (item) { 137 del (item) {
126 let formdata = new FormData(); 138 let formdata = new FormData();
...@@ -138,7 +150,7 @@ export default { ...@@ -138,7 +150,7 @@ export default {
138 message: '删除成功!' 150 message: '删除成功!'
139 }); 151 });
140 this.fetchData() 152 this.fetchData()
141 }else { 153 } else {
142 this.$message.error(res.message); 154 this.$message.error(res.message);
143 } 155 }
144 }) 156 })
......
...@@ -13,7 +13,14 @@ class data extends filter { ...@@ -13,7 +13,14 @@ class data extends filter {
13 { 13 {
14 label: '序号', 14 label: '序号',
15 type: 'index', 15 type: 'index',
16 width: '50' 16 width: '50',
17 render: (h, scope) => {
18 return (
19 <div>
20 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
21 </div>
22 )
23 }
17 }, 24 },
18 { 25 {
19 prop: "ywlymc", 26 prop: "ywlymc",
...@@ -37,7 +44,7 @@ class data extends filter { ...@@ -37,7 +44,7 @@ class data extends filter {
37 { 44 {
38 prop: "zbhj", 45 prop: "zbhj",
39 label: "在办环节", 46 label: "在办环节",
40 width: '80' 47 width: '70'
41 }, 48 },
42 { 49 {
43 label: '业务号', 50 label: '业务号',
...@@ -91,14 +98,8 @@ class data extends filter { ...@@ -91,14 +98,8 @@ class data extends filter {
91 { 98 {
92 label: "转入时间", 99 label: "转入时间",
93 sortable: 'custom', 100 sortable: 'custom',
94 width: '160', 101 prop: 'fromstepdate',
95 render: (h, scope) => { 102 width: '160'
96 return (
97 <div>
98 <span>{scope.row.zrsj[0]}</span>
99 </div>
100 )
101 }
102 } 103 }
103 ] 104 ]
104 } 105 }
......
...@@ -98,6 +98,12 @@ export default { ...@@ -98,6 +98,12 @@ export default {
98 if (res.code === 200) { 98 if (res.code === 200) {
99 let { total, records } = res.result 99 let { total, records } = res.result
100 this.pageData.total = total; 100 this.pageData.total = total;
101 records.forEach(item => {
102 item.qlrmc = item.qlrmc.join(',')
103 item.ywh = item.ywh.join(',')
104 item.zl = item.zl.join(',')
105 item.outstepdate = item.outstepdate[0]
106 })
101 this.tableData.data = records 107 this.tableData.data = records
102 } 108 }
103 }) 109 })
...@@ -105,8 +111,10 @@ export default { ...@@ -105,8 +111,10 @@ export default {
105 queryClick () { 111 queryClick () {
106 this.fetchData() 112 this.fetchData()
107 }, 113 },
108 handleSort (name, sort) { 114 handleSort (val) {
109 console.log(name, sort); 115 this.queryForm.sortField = val.prop
116 this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc'
117 this.fetchData()
110 }, 118 },
111 ywhClick (item) { 119 ywhClick (item) {
112 const { href } = this.$router.resolve('/workFrame?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1'); 120 const { href } = this.$router.resolve('/workFrame?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1');
......
...@@ -13,7 +13,14 @@ class data extends filter { ...@@ -13,7 +13,14 @@ class data extends filter {
13 { 13 {
14 label: '序号', 14 label: '序号',
15 type: 'index', 15 type: 'index',
16 width: '50' 16 width: '50',
17 render: (h, scope) => {
18 return (
19 <div>
20 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
21 </div>
22 )
23 }
17 }, 24 },
18 { 25 {
19 prop: "ywlymc", 26 prop: "ywlymc",
...@@ -68,13 +75,7 @@ class data extends filter { ...@@ -68,13 +75,7 @@ class data extends filter {
68 label: "转出时间", 75 label: "转出时间",
69 width: '140', 76 width: '140',
70 sortable: 'custom', 77 sortable: 'custom',
71 render: (h, scope) => { 78 prop: 'outstepdate'
72 return (
73 <div>
74 <span>{scope.row.zcsj[0]}</span>
75 </div>
76 )
77 }
78 } 79 }
79 ] 80 ]
80 } 81 }
......