365018b6 by 任超

style:table样式修改完成

1 parent 5c4fe127
...@@ -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 () { },
......