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