style:table样式修改完成
Showing
3 changed files
with
20 additions
and
18 deletions
... | @@ -4,7 +4,7 @@ import SERVER from './config' | ... | @@ -4,7 +4,7 @@ import SERVER from './config' |
4 | // 数据上报分页 | 4 | // 数据上报分页 |
5 | export function getDataReportPage (data) { | 5 | export function getDataReportPage (data) { |
6 | return request({ | 6 | return request({ |
7 | url: SERVER.SERVERAPI + '/sjsb/DataReport/getDataReportPage', | 7 | url: SERVER.SERVERAPI + '/rest/sjsb/DataReport/getDataReportPage', |
8 | method: 'post', | 8 | method: 'post', |
9 | data | 9 | data |
10 | }) | 10 | }) | ... | ... |
1 | .tableClass { | 1 | .tableClass { |
2 | /deep/.el-table { | 2 | /deep/.el-table { |
3 | border: none !important; | 3 | border: none !important; |
4 | border-radius: 0 !important; | ||
5 | |||
6 | .el-table__header-wrapper { | ||
7 | border-right: 1px solid #103E99; | ||
8 | } | ||
4 | 9 | ||
5 | .cell { | 10 | .cell { |
6 | color: #FFFFFF !important; | 11 | color: #FFFFFF !important; |
... | @@ -108,6 +113,11 @@ | ... | @@ -108,6 +113,11 @@ |
108 | color: #FFFFFF; | 113 | color: #FFFFFF; |
109 | border: none; | 114 | border: none; |
110 | } | 115 | } |
116 | |||
117 | .el-pager li { | ||
118 | background: #1F357A; | ||
119 | color: #FFFFFF; | ||
120 | } | ||
111 | } | 121 | } |
112 | 122 | ||
113 | /deep/.btn-next, | 123 | /deep/.btn-next, | ... | ... |
... | @@ -51,7 +51,7 @@ | ... | @@ -51,7 +51,7 @@ |
51 | <!-- 操作按钮 --> | 51 | <!-- 操作按钮 --> |
52 | <el-col :span="12" class="btnColRight"> | 52 | <el-col :span="12" class="btnColRight"> |
53 | <btn nativeType="cz" @click="resetForm('ruleForm')">重置</btn> | 53 | <btn nativeType="cz" @click="resetForm('ruleForm')">重置</btn> |
54 | <btn nativeType="cx" @click="featchData">查询</btn> | 54 | <btn nativeType="cx" @click="queryClick">查询</btn> |
55 | <btn nativeType="sb" @click="handleEscalation">上报</btn> | 55 | <btn nativeType="sb" @click="handleEscalation">上报</btn> |
56 | </el-col> | 56 | </el-col> |
57 | </el-row> | 57 | </el-row> |
... | @@ -59,13 +59,12 @@ | ... | @@ -59,13 +59,12 @@ |
59 | </div> | 59 | </div> |
60 | <!-- 列表 --> | 60 | <!-- 列表 --> |
61 | <div class="from-clues-content"> | 61 | <div class="from-clues-content"> |
62 | <lb-table ref="table" @selection-change="handleSelectionChange" :page-size="pageData.size" | 62 | <lb-table :page-size="pageData.pageSize" :current-page.sync="pageData.currentPage" :total="tableData.total" |
63 | :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" | 63 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" |
64 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> | 64 | :data="tableData.data"> |
65 | </lb-table> | 65 | </lb-table> |
66 | </div> | 66 | </div> |
67 | <!-- 引入详情组件 --> | 67 | <!-- 引入详情组件 --> |
68 | <!-- <detailDialog v-model="isShow" /> --> | ||
69 | <!-- 编辑 --> | 68 | <!-- 编辑 --> |
70 | <dataDetails ref="editLog" /> | 69 | <dataDetails ref="editLog" /> |
71 | </div> | 70 | </div> |
... | @@ -75,14 +74,14 @@ | ... | @@ -75,14 +74,14 @@ |
75 | // 引入表头数据 | 74 | // 引入表头数据 |
76 | import data from "./data" | 75 | import data from "./data" |
77 | // 引入表格混入方法 | 76 | // 引入表格混入方法 |
78 | import tableMixin from '@/mixins/tableMixin.js' | 77 | import table from "@/utils/mixin/table" |
79 | // 引入详情弹框 | 78 | // 引入详情弹框 |
80 | import dataDetails from '@/components/dataDetails/edit-dialog' | 79 | import dataDetails from '@/components/dataDetails/edit-dialog' |
81 | import { getDataReportPage } from "@/api/sbbwcx.js"; | 80 | import { getDataReportPage } from "@/api/sbbwcx.js"; |
82 | 81 | ||
83 | export default { | 82 | export default { |
84 | name: "sbbwcx", | 83 | name: "sbbwcx", |
85 | mixins: [tableMixin], | 84 | mixins: [table], |
86 | // 注册组件 | 85 | // 注册组件 |
87 | components: { | 86 | components: { |
88 | dataDetails | 87 | dataDetails |
... | @@ -130,8 +129,8 @@ export default { | ... | @@ -130,8 +129,8 @@ export default { |
130 | return ( | 129 | return ( |
131 | <div> | 130 | <div> |
132 | <el-button | 131 | <el-button |
133 | type="text" | ||
134 | size="mini" | 132 | size="mini" |
133 | type="primary" | ||
135 | onClick={() => { this.handleDetail(scope.row) }} | 134 | onClick={() => { this.handleDetail(scope.row) }} |
136 | > | 135 | > |
137 | 详情 | 136 | 详情 |
... | @@ -142,13 +141,7 @@ export default { | ... | @@ -142,13 +141,7 @@ export default { |
142 | } | 141 | } |
143 | ]), | 142 | ]), |
144 | total: 0, | 143 | total: 0, |
145 | data: [], | 144 | data: [{}], |
146 | }, | ||
147 | // 分页 | ||
148 | pageData: { | ||
149 | total: 0, | ||
150 | pageSize: 15, | ||
151 | current: 1, | ||
152 | }, | 145 | }, |
153 | // 行政区 | 146 | // 行政区 |
154 | xzqOptions: [ | 147 | xzqOptions: [ |
... | @@ -177,7 +170,7 @@ export default { | ... | @@ -177,7 +170,7 @@ export default { |
177 | this.$refs.ruleForm.resetFields(); | 170 | this.$refs.ruleForm.resetFields(); |
178 | }, | 171 | }, |
179 | // 初始化数据 | 172 | // 初始化数据 |
180 | featchData () { | 173 | queryClick () { |
181 | getDataReportPage({ ...this.form, ...this.pageData }).then(res => { | 174 | getDataReportPage({ ...this.form, ...this.pageData }).then(res => { |
182 | if (res.code === 200) { | 175 | if (res.code === 200) { |
183 | let { total, records } = res.result | 176 | let { total, records } = res.result |
... | @@ -188,7 +181,6 @@ export default { | ... | @@ -188,7 +181,6 @@ export default { |
188 | }, | 181 | }, |
189 | // 多选 | 182 | // 多选 |
190 | handleSelectionChange (val) { | 183 | handleSelectionChange (val) { |
191 | |||
192 | }, | 184 | }, |
193 | // 上报 | 185 | // 上报 |
194 | handleEscalation () { }, | 186 | handleEscalation () { }, | ... | ... |
-
Please register or sign in to post a comment