|
@@ -58,29 +58,39 @@
|
|
|
size="small"
|
|
|
@click="download(1, 1)"
|
|
|
class="xl_d_button"
|
|
|
- :disabled="(multipleSelection.length === 0)&&disableFlag"
|
|
|
+ :disabled="multipleSelection.length === 0 && disableFlag"
|
|
|
>
|
|
|
批量下载(原始数据)</el-button
|
|
|
>
|
|
|
- <el-button size="small" :disabled="(tableData.length === 0)&&disableFlag" @click="download(1, 2)" class="xl_d_button">
|
|
|
+ <el-button
|
|
|
+ size="small"
|
|
|
+ :disabled="tableData.length === 0 && disableFlag"
|
|
|
+ @click="download(1, 2)"
|
|
|
+ class="xl_d_button"
|
|
|
+ >
|
|
|
全部下载(原始数据)</el-button
|
|
|
>
|
|
|
<el-button
|
|
|
size="small"
|
|
|
@click="download(2, 1)"
|
|
|
class="xl_d_button"
|
|
|
- :disabled="(multipleSelection.length === 0)&&disableFlag"
|
|
|
+ :disabled="multipleSelection.length === 0 && disableFlag"
|
|
|
>
|
|
|
批量下载</el-button
|
|
|
>
|
|
|
- <el-button size="small" :disabled="(tableData.length === 0)&&disableFlag" class="xl_d_button" @click="download(2, 2)">
|
|
|
+ <el-button
|
|
|
+ size="small"
|
|
|
+ :disabled="tableData.length === 0 && disableFlag"
|
|
|
+ class="xl_d_button"
|
|
|
+ @click="download(2, 2)"
|
|
|
+ >
|
|
|
全部下载</el-button
|
|
|
>
|
|
|
</el-col>
|
|
|
<el-col :span="1"> </el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
- <div>
|
|
|
+ <div style="margin-top: 16px;">
|
|
|
<el-row>
|
|
|
<el-col :span="1"> </el-col>
|
|
|
<el-col :span="22">
|
|
@@ -88,8 +98,12 @@
|
|
|
:data="tableData"
|
|
|
style="width: 100%"
|
|
|
@selection-change="handleSelectionChange"
|
|
|
- border
|
|
|
- :header-cell-style="{ background: head_style }"
|
|
|
+ :header-cell-style="{
|
|
|
+ background: '#66B497',
|
|
|
+ color: '#FFFFFF',
|
|
|
+ 'letter-spacing': '4px',
|
|
|
+ }"
|
|
|
+ :row-class-name="tableRowClassName"
|
|
|
>
|
|
|
<el-table-column type="selection" align="center" width="55">
|
|
|
</el-table-column>
|
|
@@ -116,7 +130,7 @@
|
|
|
<el-col :span="1"> </el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
- <p align="center" style='margin-bottom:40px'>
|
|
|
+ <p align="center" style="margin-bottom: 40px">
|
|
|
<el-pagination
|
|
|
@size-change="handleSizeChange"
|
|
|
@current-change="handleCurrentChange"
|
|
@@ -148,7 +162,7 @@ export default {
|
|
|
tableData: [],
|
|
|
multipleSelection: [],
|
|
|
flag: "",
|
|
|
- disableFlag:true
|
|
|
+ disableFlag: true,
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
@@ -160,7 +174,7 @@ export default {
|
|
|
goBack() {
|
|
|
this.$router.go(-1);
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
//批量下载
|
|
|
download(val, value) {
|
|
|
//获取数组集合
|
|
@@ -218,7 +232,7 @@ export default {
|
|
|
this.startDate = this.fomatterDate(this.value1[0]);
|
|
|
this.endDate = this.fomatterDate(this.value1[1]);
|
|
|
}
|
|
|
- this.pageNum=1;
|
|
|
+ this.pageNum = 1;
|
|
|
this.queryEle();
|
|
|
},
|
|
|
//格式化时间格式
|
|
@@ -341,6 +355,14 @@ export default {
|
|
|
// });
|
|
|
},
|
|
|
handleDelete(index, row) {},
|
|
|
+ tableRowClassName({ rowIndex }) {
|
|
|
+ if (rowIndex % 2 === 0) {
|
|
|
+ return "warning-row";
|
|
|
+ } else if (rowIndex % 2 === 1) {
|
|
|
+ return "success-row";
|
|
|
+ }
|
|
|
+ return "success-row";
|
|
|
+ }
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
@@ -357,25 +379,4 @@ export default {
|
|
|
border-collapse: separate;
|
|
|
border-spacing: 0;
|
|
|
}
|
|
|
-.xl_d_button,
|
|
|
-.xl_d_button:hover,
|
|
|
-.xl_d_button:focus {
|
|
|
- background: rgb(87, 172, 187);
|
|
|
- opacity: 1;
|
|
|
- /* border-radius: 18px; */
|
|
|
- /* font-size: 14px; */
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- color: #ffffff;
|
|
|
- margin-bottom: 20px;
|
|
|
-}
|
|
|
-.xl_d_button.is-disabled,
|
|
|
-.xl_d_button.is-disabled:focus,
|
|
|
-.xl_d_button.is-disabled:hover {
|
|
|
- color: #c0c4cc;
|
|
|
- cursor: not-allowed;
|
|
|
- background-image: none;
|
|
|
- background-color: rgb(87, 172, 187);
|
|
|
- border-color: #ebeef5;
|
|
|
-}
|
|
|
</style>
|