<template>
|
<div
|
class="authorityManagement_box"
|
v-loading.fullscreen.lock="fullscreenLoading"
|
element-loading-spinner="el-icon-loading"
|
element-loading-background="rgba(0, 0, 0, 0.8)"
|
>
|
<My-bread :list="[
|
`${$t('dataManage.dataManage')}`,
|
`${$t('dataManage.dataUpdata')}`,
|
]"></My-bread>
|
<el-divider />
|
<div class="updateContent">
|
<el-tabs
|
v-model="activeTabName"
|
@tab-click="handleTabClick"
|
>
|
<el-tab-pane
|
:label="$t('dataManage.dataUpObj.uploaddata')"
|
name="first"
|
>
|
<div class="contentIquery">
|
<el-form
|
:inline="true"
|
:model="formInline"
|
class="demo-form-inline"
|
>
|
<el-form-item :label="$t('dataManage.dataUpObj.catalogue')">
|
<el-cascader
|
v-model="formInline.dirid"
|
:options="catalogOption"
|
@change="catalogChange"
|
:props="cascader"
|
></el-cascader>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.dataUpObj.company')">
|
<el-cascader
|
v-model="formInline.depid"
|
:options="companyOption"
|
@change="companyChange"
|
:props="cascader"
|
></el-cascader>
|
</el-form-item>
|
<el-form-item :label="$t('dataManage.dataUpObj.versionNo')">
|
<el-select
|
v-model="formInline.verid"
|
:placeholder="$t('common.choose')"
|
>
|
<el-option
|
v-for="item in verOption"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<!-- <el-form-item :label="$t('dataManage.dataUpObj.entryTime')">
|
<el-date-picker
|
v-model.trim="formInline.gather"
|
:picker-options="pickerOptions"
|
type="datetime"
|
placeholder="请选择"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
/>
|
</el-form-item> -->
|
<el-form-item>
|
<el-input
|
<el-input
|
type="textarea"
|
v-model="formInline.fileName"
|
class="nm-skin-pretty"
|
show-word-limit
|
:rows="2"
|
resize='none'
|
style="width: 600px;"
|
></el-input>
|
></el-input>
|
</el-form-item>
|
<el-form-item>
|
<input
|
id="uploadfile"
|
@change="handleFileChange"
|
type="file"
|
name="file"
|
multiple="multiple"
|
style="display: none"
|
></input>
|
|
<el-button
|
v-if="formInline.fileName == '未选择文件'"
|
type="info"
|
@click="fileSelect"
|
>
|
选择文件
|
</el-button>
|
<el-button
|
v-else
|
type="info"
|
@click="clearFileSelect"
|
>
|
重置
|
</el-button>
|
|
</el-form-item>
|
<br />
|
<el-form-item :label="$t('dataManage.dataUpObj.describe')">
|
<el-input
|
type="textarea"
|
v-model="formInline.descr"
|
maxlength="50"
|
class="nm-skin-pretty"
|
show-word-limit
|
:rows="2"
|
resize='none'
|
style="width: 460px"
|
></el-input>
|
</el-form-item>
|
<el-form-item>
|
<el-button
|
icon="el-icon-upload"
|
@click="setFileUpload"
|
type="success"
|
>{{
|
$t('common.upload')
|
}}</el-button>
|
|
<el-button
|
icon="el-icon-delete"
|
type="danger"
|
@click="setFileDelete"
|
:disabled="tableData.length == 0 ? true : false"
|
>{{ $t('common.delete') }}</el-button>
|
<el-button
|
icon="el-icon-data-line"
|
type="info"
|
disabled
|
>{{ $t('common.quayTest') }}</el-button>
|
<el-button
|
icon="el-icon-folder-add"
|
type="warning"
|
@click="setFileWare"
|
:disabled="tableData.length == 0 ? true : false"
|
>{{ $t('common.Warehousin') }}</el-button>
|
</el-form-item>
|
</el-form>
|
</div>
|
<div class="contentTable">
|
|
<el-table
|
:data="tableData"
|
style="width: width:99%"
|
height="99%"
|
@selection-change="handleSelectionChange"
|
>
|
<el-table-column
|
type="selection"
|
width="55"
|
/>
|
<el-table-column
|
align="center"
|
type="index"
|
:label="$t('common.index')"
|
width="70px"
|
fixed
|
/>
|
<el-table-column
|
align="center"
|
prop="name"
|
:label="$t('common.name')"
|
fixed
|
/>
|
<el-table-column
|
align="center"
|
prop="sizes"
|
:label="$t('common.size')"
|
fixed
|
:formatter="changeSizeFile"
|
/>
|
<!-- <el-table-column
|
align="center"
|
prop="guid"
|
:label="$t('common.md5')"
|
fixed
|
/> -->
|
</el-table>
|
</div>
|
|
</el-tab-pane>
|
<el-tab-pane
|
:label="$t('dataManage.dataUpObj.receiptdata')"
|
name="second"
|
>
|
<div
|
class="contentIquery"
|
style="padding-bottom: 0% !important;"
|
>
|
<el-form
|
:inline="true"
|
:model="formWarehousing"
|
class="demo-form-inline"
|
>
|
<el-form-item :label="$t('dataManage.dataUpObj.describe')">
|
<el-input
|
v-model="formWarehousing.name"
|
placeholder="请输入内容"
|
></el-input>
|
</el-form-item>
|
<el-form-item>
|
<el-button
|
icon="el-icon-upload"
|
@click="setWarehouseSearch"
|
class="primary"
|
>{{
|
$t('common.iquery')
|
}}</el-button>
|
<el-button
|
@click="setWarehouseReset"
|
icon="el-icon-folder-add"
|
type="info"
|
>{{ $t('common.reset') }}</el-button>
|
<el-button
|
@click="setWarehouseDel"
|
icon="el-icon-folder-delete"
|
type="danger"
|
>{{ $t('common.delete') }}</el-button>
|
</el-form-item>
|
</el-form>
|
</div>
|
<div
|
class="contentTable"
|
style="height:500px"
|
>
|
<el-table
|
:data="waretableData"
|
@selection-change="handleDelteChange"
|
style="width:99%"
|
height="92%"
|
>
|
<el-table-column
|
type="selection"
|
width="55"
|
/>
|
<el-table-column
|
align="center"
|
type="index"
|
:label="$t('common.index')"
|
width="70px"
|
fixed
|
/>
|
<el-table-column
|
align="center"
|
prop="name"
|
:label="$t('common.name')"
|
fixed
|
/>
|
<el-table-column
|
align="center"
|
prop="dirName"
|
:label="$t('dataManage.dataUpObj.catalogue')"
|
fixed
|
/>
|
<el-table-column
|
align="center"
|
prop="depName"
|
:label="$t('dataManage.dataUpObj.company')"
|
fixed
|
/>
|
<el-table-column
|
align="center"
|
prop="verName"
|
:label="$t('dataManage.dataUpObj.versionNo')"
|
fixed
|
/>
|
<el-table-column
|
align="center"
|
prop="type"
|
:label="$t('common.type')"
|
fixed
|
/>
|
<el-table-column
|
align="center"
|
prop="sizes"
|
:label="$t('common.size')"
|
fixed
|
:formatter="changeSizeFile"
|
/>
|
<el-table-column
|
align="center"
|
prop="tab"
|
:label="$t('dataManage.dataUpObj.tableName')"
|
fixed
|
/>
|
<el-table-column
|
align="center"
|
prop="rows"
|
:label="$t('common.lineNuber')"
|
fixed
|
/>
|
<el-table-column
|
align="center"
|
prop="desc"
|
:label="$t('dataManage.dataUpObj.describe')"
|
fixed
|
/>
|
<el-table-column
|
align="center"
|
prop="uname"
|
:label="$t('dataManage.vmobj.createonuser')"
|
fixed
|
/>
|
<el-table-column
|
align="center"
|
prop="createTime"
|
:label="$t('dataManage.vmobj.createontime')"
|
fixed
|
:formatter="changetimeFile"
|
/>
|
</el-table>
|
|
<div
|
style="margin-top: 10px"
|
class="pagination_box"
|
>
|
<el-pagination
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
:current-page="listData.pageIndex"
|
:page-sizes="[10, 20, 30, 40]"
|
:page-size="listData.pageSize"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="count"
|
>
|
</el-pagination>
|
</div>
|
</div>
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import $ from 'jquery';
|
import MyBread from '../../components/MyBread.vue';
|
import { getToken } from '@/utils/auth';
|
import {
|
selectdirTab, queryDepTree, dataUploadSelectVerByDirid, dataUploadSelectPath, dataUploadSelectFiles, dataUploadDeleteFiles, dataUploadInsertFiles,
|
dataUpload_selectByPageForUpload, dataUpload_deleteMetas
|
} from '../../api/api';
|
export default {
|
name: 'dataUpdata',
|
components: {
|
MyBread,
|
},
|
data() {
|
return {
|
activeTabName: 'first',
|
btnStatus: 0,
|
count: 0,
|
formInline: {
|
verid: '',
|
gather: '',
|
fileName: '未选择文件'
|
},
|
formWarehousing: {
|
name: ''
|
},
|
catalogOption: [],
|
companyOption: [],
|
tableData: [],
|
waretableData: [],
|
listTable: [],
|
multipleSelection: [],
|
fullscreenLoading: false,
|
listData: {
|
pageIndex: 1,
|
pageSize: 10,
|
name: null,
|
},
|
pickerOptions: {
|
disabledDate(time) {
|
return time.getTime() > Date.now();
|
},
|
selectableRange: '00:00:00 - 23:59:59',
|
},
|
verOption: [],
|
cascader: {
|
label: 'name',
|
value: 'id',
|
children: 'children',
|
checkStrictly: true,
|
emitPath: false,
|
},
|
};
|
},
|
|
mounted() {
|
this.getSelectdirTab();
|
this.getQueryDepTree();
|
this.timeDefault();
|
this.getFilePath();
|
|
},
|
watch: {
|
'detailData.gather': {
|
handler(newValue, oldValue) {
|
if (newValue) {
|
let date = new Date();
|
let min = date.getMinutes();
|
date.setMinutes(min + 1); //这里加1分钟，是为了解决值改变后，系统秒数就过期限制了，无法点击“此刻”按钮， 如果监听 “系统时间”的改变，则会影响性能。
|
let nowDate = moment(date).format('HH:mm:ss');
|
let st = '';
|
if (
|
moment(date).format('yyyy-MM-DD') ===
|
moment(newValue).format('yyyy-MM-DD')
|
) {
|
let hh1 = moment(newValue).format('HH:mm:ss');
|
if (hh1 > nowDate) {
|
this.detailData.gather = new Date();
|
}
|
st = nowDate;
|
} else {
|
st = '23:59:59';
|
}
|
this.pickerOptions.selectableRange = '00:00:00 - ' + st;
|
this.pickerOptions = this.pickerOptions;
|
}
|
},
|
deep: true,
|
immediate: true,
|
multipleDelete: []
|
},
|
},
|
|
methods: {
|
|
async setWarehouseDel() {
|
var std = [];
|
for (var i in this.multipleDelete) {
|
std.push(this.multipleDelete[i].id);
|
}
|
const res = await dataUpload_deleteMetas({ ids: std.toString() })
|
if (res.code != 200) {
|
this.$message.error('删除失败');
|
} else {
|
this.$message({
|
message: '删除成功',
|
type: 'success'
|
});
|
this.listData.pageIndex = 1;
|
this.listData.pageSize = 10;
|
this.getAllWareTable();
|
}
|
},
|
handleDelteChange(val) {
|
this.multipleDelete = val;
|
},
|
|
changetimeFile(res) {
|
|
//shijianchuo是整数，否则要parseInt转换
|
var time = new Date(res.createTime);
|
var y = time.getFullYear();
|
var m = time.getMonth() + 1;
|
var d = time.getDate();
|
var h = time.getHours();
|
var mm = time.getMinutes();
|
var s = time.getSeconds();
|
return (
|
y +
|
'-' +
|
this.add0(m) +
|
'-' +
|
this.add0(d) +
|
' ' +
|
h +
|
':' +
|
mm +
|
':' +
|
s
|
);
|
},
|
//格式化时间
|
add0(m) {
|
return m < 10 ? '0' + m : m;
|
},
|
setWarehouseSearch() {
|
|
this.listData = {
|
pageIndex: 1,
|
pageSize: 10,
|
name: this.formWarehousing.name,
|
}
|
this.getAllWareTable();
|
},
|
setWarehouseReset() {
|
this.formWarehousing.name = '';
|
this.listData = {
|
pageIndex: 1,
|
pageSize: 10,
|
name: null,
|
}
|
this.getAllWareTable();
|
},
|
handleTabClick(tab, event) {
|
if (this.activeTabName == 'second') {
|
this.setWarehouseReset();
|
}
|
},
|
handleSizeChange(val) {
|
this.listData.pageIndex = 1;
|
this.listData.pageSize = val;
|
this.getAllWareTable();
|
},
|
handleCurrentChange(val) {
|
this.listData.pageIndex = val;
|
this.getAllWareTable();
|
},
|
//获取入库数据列表
|
async getAllWareTable() {
|
|
const res = await dataUpload_selectByPageForUpload(this.listData);
|
if (res.code != 200) {
|
this.$message.error('列表数据获取失败');
|
return;
|
}
|
|
this.count = res.count;
|
this.waretableData = res.result;
|
},
|
//大小值改變
|
changeSizeFile(row, column, cellValue, index) {
|
|
if (cellValue >= 1024) {
|
return parseFloat(cellValue / 1204).toFixed(3) + "GB"
|
} else {
|
return cellValue + "MB"
|
}
|
},
|
//数据删除
|
async setFileDelete() {
|
|
var data = JSON.stringify(this.multipleSelection);
|
const res = await dataUploadDeleteFiles(data);
|
if (res.code != 200) {
|
this.$message.error('删除失败');
|
return;
|
}
|
this.getFileLength();
|
},
|
//数据入库
|
async setFileWare() {
|
if (this.multipleSelection.length == 0) {
|
this.$message.error('请选择要入库的数据');
|
return
|
}
|
|
var obj = {
|
metaEntity: this.formInline,
|
fileEntities: this.multipleSelection
|
};
|
|
const res = await dataUploadInsertFiles(JSON.stringify(obj));
|
if (res.code != 200) {
|
this.$message.error('文件上传数据获取失败');
|
return;
|
}
|
this.getFileLength();
|
|
},
|
|
//显示表格数据
|
setViewTable() {
|
var index = this.listData.pageIndex - 1;
|
var start = index * this.listData.pageSize;
|
var size = (this.listData.pageSize) + (index * this.listData.pageSize);
|
var std = [];
|
for (var i = start; i < size; i++) {
|
if (this.listTable[i] != null) {
|
std.push(this.listTable[i])
|
}
|
}
|
this.tableData = std;
|
},
|
//文件上传
|
setFileUpload() {
|
this.fullscreenLoading = true;
|
var token = getToken();
|
var formData = new FormData();
|
|
var fs = document.getElementById("uploadfile");
|
if (fs.files.length == 0) {
|
|
return this.$message.error('请选择需要上传的文件');
|
}
|
for (var i = 0, c = fs.files.length; i < c; i++) {
|
formData.append(fs.files[i].name, fs.files[i]); // fs.files[i].name,file
|
}
|
$.ajax(BASE_URL + "/dataUpload/uploadFiles?token=" + token + "&path=" + this.formInline.path, {
|
type: "post",
|
data: formData,
|
async: true,
|
cache: false,
|
processData: false,
|
contentType: false,
|
success: (rs) => {
|
this.getFileLength();
|
this.fullscreenLoading = false;
|
this.$message({
|
message: '上传成功',
|
type: 'success'
|
});
|
this.clearFileSelect();
|
},
|
|
error: (rs) => {
|
this.fullscreenLoading = false;
|
this.$message.error('数据上传失败');
|
this.clearFileSelect();
|
}
|
});
|
|
|
},
|
progressHandle(e) {
|
var percent = (e.loaded / e.total * 100).toFixed(2);
|
console.log(percent)
|
},
|
//获取文件上传数据
|
async getFileLength() {
|
const res = await dataUploadSelectFiles(this.formInline.path);
|
if (res.code != 200) {
|
this.$message.error('文件上传数据获取失败');
|
return;
|
}
|
|
if (res.result == null) {
|
this.count = 0;
|
this.setClearTableData();
|
} else {
|
this.count = res.result.length;
|
this.tableData = res.result;
|
}
|
},
|
//清除表格信息
|
setClearTableData() {
|
this.tableData = [];
|
this.listTable = [];
|
},
|
// //分页控制
|
// handleSizeChange(res) {
|
// this.listData.pageIndex = 1;
|
// this.listData.pageSize = res;
|
// this.setViewTable();
|
// },
|
// handleCurrentChange(res) {
|
// this.listData.pageIndex = res;
|
// this.setViewTable();
|
// },
|
//表格选中事件
|
handleSelectionChange(res) {
|
this.multipleSelection = res;
|
},
|
//文件获取
|
fileSelect() {
|
$("#uploadfile").click();
|
},
|
handleFileChange(event) {
|
var std = [];
|
var len = event.currentTarget.files.length;
|
for (var i = 0; i < len; i++) {
|
var f = event.currentTarget.files[i];
|
std.push(f.name)
|
}
|
|
this.formInline.fileName = std.toString();
|
|
},
|
clearFileSelect() {
|
this.formInline.fileName = "未选择文件";
|
document.getElementById("uploadfile").value = "";
|
},
|
//当前时间获取
|
timeDefault() {
|
var date = new Date();
|
var hour = date.getHours(); // 时
|
var minutes = date.getMinutes(); // 分
|
var seconds = date.getSeconds(); //秒
|
var sign2 = ':';
|
var s1 =
|
date.getFullYear() +
|
'-' +
|
(date.getMonth() + 1) +
|
'-' +
|
date.getDate() +
|
' ' +
|
hour +
|
sign2 +
|
minutes +
|
sign2 +
|
seconds;
|
this.formInline.gather = s1;
|
},
|
|
//Loading显隐
|
handlerLoading(res) {
|
this.fullscreenLoading = res;
|
},
|
//目录切换
|
catalogChange(value) {
|
this.formInline.dirid = value;
|
this.getselectVerByDirid();
|
},
|
//单位切换
|
companyChange(value) {
|
this.formInline.depid = value;
|
},
|
//获取文件上传路径
|
async getFilePath() {
|
const res = await dataUploadSelectPath();
|
if (res.code != 200) {
|
this.$message.error('单位列表获取失败');
|
return;
|
}
|
this.formInline.path = res.result;
|
},
|
//单位列表获取
|
async getQueryDepTree() {
|
const res = await queryDepTree();
|
if (res.code != 200) {
|
this.$message.error('单位列表获取失败');
|
return;
|
}
|
this.formInline.depid = 1;
|
this.companyOption = this.treeData(res.result);
|
},
|
//版本号获取
|
async getselectVerByDirid() {
|
this.verOption = [];
|
this.formInline.verid = "";
|
const res = await dataUploadSelectVerByDirid({ dirid: this.formInline.dirid });
|
if (res.code != 200) {
|
this.$message.error('版本列表获取失败');
|
return;
|
}
|
this.verOption = res.result;
|
this.formInline.verid = res.result[0].id;
|
},
|
//目录列表获取
|
async getSelectdirTab() {
|
const res = await selectdirTab();
|
if (res.code != 200) {
|
this.$message.error('目录列表获取失败');
|
return;
|
}
|
this.formInline.dirid = 1;
|
this.catalogOption = this.treeData(res.result);
|
this.getselectVerByDirid()
|
},
|
//树列表生成
|
treeData(source) {
|
let cloneData = JSON.parse(JSON.stringify(source)); // 对源数据深度克隆
|
return cloneData.filter((father) => {
|
// 循环所有项
|
let branchArr = cloneData.filter((child) => father.id == child.pid); // 对比ID，分别上下级菜单，并返回数据
|
branchArr.length > 0 ? (father.children = branchArr) : ''; // 给父级添加一个children属性，并赋值
|
return father.pid == 0; // 返回一级菜单
|
});
|
},
|
},
|
};
|
</script>
|
<style lang="less" scoped>
|
//@import url(); 引入公共css类
|
.authorityManagement_box {
|
width: calc(100% - 20px);
|
height: calc(100% - 20px);
|
padding: 10px;
|
position: absolute;
|
|
.updateContent {
|
width: 100%;
|
height: 670px;
|
|
position: relative;
|
.contentIquery {
|
width: 97%;
|
height: 16%;
|
border: 1px solid white;
|
padding: 1%;
|
border-radius: 5px;
|
}
|
.contentTable {
|
width: 97%;
|
height: 400px;
|
border: 1px solid white;
|
padding: 1%;
|
border-radius: 5px;
|
margin-top: 1%;
|
/*修改table 表体的背景颜色和文字颜色*/
|
/deep/ .el-table {
|
background-color: transparent;
|
|
th,
|
td {
|
background-color: transparent;
|
}
|
.el-table__expanded-cell {
|
background-color: transparent !important;
|
}
|
|
// 表头背景色
|
th.el-table__cell {
|
background-color: #303030;
|
color: #fff;
|
}
|
tr > td {
|
background-color: #303030;
|
color: #fff;
|
}
|
|
// hover效果
|
tr:hover > td {
|
background-color: rgba(255, 255, 255, 0.3) !important;
|
}
|
|
tbody tr:hover {
|
background-color: rgba(255, 255, 255, 0.3) !important;
|
// text-align: center;
|
}
|
|
// 滚动条宽高
|
.el-table__body-wrapper::-webkit-scrollbar {
|
width: 5px;
|
height: 5px;
|
}
|
|
.el-table__body-wrapper::-webkit-scrollbar {
|
width: 5px;
|
/*滚动条宽度*/
|
height: 5px;
|
/*滚动条高度*/
|
}
|
/*定义滚动条轨道 内阴影+圆角*/
|
.el-table__body-wrapper::-webkit-scrollbar-track {
|
box-shadow: 0px 1px 3px #216fe6 inset;
|
/*滚动条的背景区域的内阴影*/
|
border-radius: 10px;
|
}
|
|
/*定义滑块 内阴影+圆角*/
|
.el-table__body-wrapper::-webkit-scrollbar-thumb {
|
box-shadow: 0px 1px 3px #216fe6 inset;
|
border-radius: 6px;
|
background-color: #216fe6;
|
}
|
}
|
.pagination_box {
|
margin-top: 20px;
|
/deep/.el-input__inner {
|
background-color: transparent !important;
|
border: 1px solid;
|
color: white;
|
}
|
/deep/.el-pagination__total {
|
color: white;
|
}
|
/deep/.el-pagination__jump {
|
color: white;
|
}
|
/deep/.el-pager li.active {
|
color: #409eff;
|
}
|
/deep/.el-pager li {
|
color: white;
|
background: transparent;
|
}
|
/deep/.el-pager li {
|
color: white;
|
}
|
/deep/.btn-prev {
|
background: transparent;
|
}
|
/deep/.btn-next {
|
background: transparent;
|
}
|
/deep/.btn-next i {
|
color: white;
|
}
|
/deep/.btn-prev i {
|
color: white;
|
}
|
}
|
}
|
.primary {
|
background: #409eff;
|
border: #409eff;
|
color: white;
|
}
|
}
|
|
/deep/.el-form-item__label {
|
color: white;
|
}
|
// 设置输入框的背景色、字体颜色、边框属性设置；
|
/deep/.el-input__inner {
|
background-color: transparent !important ;
|
color: #fff;
|
border: 1px solid;
|
}
|
/deep/ .popper__arrow::after {
|
border-top-color: rgba(43, 45, 55, 0.8);
|
}
|
/deep/ .el-select .el-input__inner {
|
border-color: #fff !important;
|
}
|
/deep/.el-cascader .el-input__inner {
|
border-color: #fff !important;
|
}
|
/deep/.el-textarea__inner {
|
background: transparent;
|
border-color: #fff !important;
|
color: white;
|
}
|
/deep/.el-textarea .el-input__count {
|
background: transparent;
|
color: #fff !important;
|
}
|
/deep/.el-loading-spinner i {
|
color: #1890ff !important;
|
}
|
/deep/.el-tabs__active-bar {
|
background: #409eff;
|
}
|
/deep/ .el-tabs__item {
|
color: #409eff;
|
}
|
}
|
</style>
|
<style>
|
.el-loading-spinner i {
|
color: #1890ff !important;
|
}
|
</style>
|
