张若晨
2 years ago
13 changed files with 4777 additions and 4389 deletions
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -0,0 +1,49 @@ |
|||||
|
<template> |
||||
|
<div class="g-main"> |
||||
|
<div class="title-small title_postion">基础信息</div> |
||||
|
<el-row type="flex" class="f-m-top29"> |
||||
|
<el-col :span="12" class="f-flex"> |
||||
|
<div class="f-label">所属网格:</div> |
||||
|
<div class="f-left8 f-font-color">{{ gridName }}</div> |
||||
|
</el-col> |
||||
|
<el-col :span="12" class="f-flex"> |
||||
|
<div class="f-label">所属房屋:</div> |
||||
|
<div class="f-left8 f-font-color">{{ homeName }}</div> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: "eventInspces", |
||||
|
props: { |
||||
|
resiId: { |
||||
|
type: String, |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return {} |
||||
|
}, |
||||
|
async created() { |
||||
|
this.loadEvent(); |
||||
|
}, |
||||
|
mounted() { }, |
||||
|
methods: { |
||||
|
//加载事件列表 |
||||
|
async loadEvent() { |
||||
|
const url = "/governance/eventInspect/getEventByResiId"; |
||||
|
const { data, code, msg } = await requestPost(url, { |
||||
|
resiId: row.resiId |
||||
|
}); |
||||
|
if (code === 0) { |
||||
|
// this.getTableData(); |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/modules/management/list-main.scss"; |
||||
|
</style> |
||||
@ -0,0 +1,530 @@ |
|||||
|
<template> |
||||
|
<div class="g-main"> |
||||
|
<div> |
||||
|
<div class="m-search"> |
||||
|
<div> |
||||
|
<el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'100px'"> |
||||
|
<el-form-item prop="gridId" label="所属组织"> |
||||
|
<div class="resi-cell-value"> |
||||
|
<el-cascader class="customer_cascader" ref="myCascader" clearable v-model="agencyIdArray" |
||||
|
:options="orgOptions" :props="orgOptionProps" :show-all-levels="false" |
||||
|
@change="handleChangeAgency"></el-cascader> |
||||
|
</div> |
||||
|
</el-form-item> |
||||
|
<el-form-item prop="villageId" label="所属房屋"> |
||||
|
<el-select v-model.trim="formData.villageId" placeholder="请选择小区" size="small" clearable |
||||
|
class="resi-cell-select" @change="handleChangeV"> |
||||
|
<el-option v-for="item in optionsV" :key="item.value" :label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item prop="buildId"> |
||||
|
<el-select v-model.trim="formData.buildId" placeholder="楼号" size="small" clearable |
||||
|
:disabled="changeVDisabled" class="resi-cell-select resi-cell-select-middle" |
||||
|
@change="handleChangeB"> |
||||
|
<el-option v-for="item in optionsB" :key="item.value" :label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item prop="unitId"> |
||||
|
<el-select v-model.trim="formData.unitId" placeholder="单元" size="small" clearable |
||||
|
:disabled="changeBDisabled" class="resi-cell-select resi-cell-select-middle" |
||||
|
@change="handleChangeD"> |
||||
|
<el-option v-for="item in optionsD" :key="item.value" :label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item prop="homeId"> |
||||
|
<el-select v-model.trim="formData.homeId" placeholder="房号" size="small" clearable |
||||
|
:disabled="changeDDisabled" class="resi-cell-select resi-cell-select-middle"> |
||||
|
<el-option v-for="item in optionsH" :key="item.value" :label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<br> |
||||
|
<el-form-item label="姓名" prop="name"> |
||||
|
<el-input v-model="formData.name" class="u-item-width-normal" size="small" clearable |
||||
|
placeholder="请输入联系人姓名" style="width: 200px;"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系电话" prop="mobile"> |
||||
|
<el-input v-model="formData.mobile" class="u-item-width-normal" size="small" clearable |
||||
|
placeholder="请输入联系电话" style="width: 200px;"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="证件号" prop="idCard"> |
||||
|
<el-input v-model="formData.idCard" class="u-item-width-normal" size="small" clearable |
||||
|
placeholder="请输入证件号" style="width: 200px;"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-row> |
||||
|
<el-col :span="24" align="right"> |
||||
|
<el-button style="margin-left: 30px" size="small" type="primary" |
||||
|
@click="handleSearch">查询</el-button> |
||||
|
<el-button style="margin-left: 10px" size="small" class="diy-button--white" |
||||
|
@click="resetSearch">重置</el-button> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="m-table"> |
||||
|
<div class="div_btn"> |
||||
|
<el-button @click="handleExport" class="diy-button--white" size="small">导出</el-button> |
||||
|
<el-button @click="handleCancalDiffcult" class="diy-button--red" size="small">批量取消风险</el-button> |
||||
|
</div> |
||||
|
<el-table :data="tableData" class="m-table-item" style="width: 100%" |
||||
|
@selection-change="handleSelectionChange" :height="maxTableHeight"> |
||||
|
<el-table-column label="" fixed="left" type="selection" align="center" width="50" /> |
||||
|
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> |
||||
|
<el-table-column prop="name" align="center" label="姓名" /> |
||||
|
<el-table-column prop="mobile" align="center" label="联系电话" /> |
||||
|
<el-table-column prop="orgName" align="center" label="所属组织" :show-overflow-tooltip="true" /> |
||||
|
<el-table-column prop="eventInspect" align="center" label="12345投诉" /> |
||||
|
<el-table-column prop="provinceInspect" label="省满意度调查" align="center" /> |
||||
|
<el-table-column prop="communitySelfAss" align="center" label="社区自评" /> |
||||
|
<el-table-column prop="unresolvedDemand" label="未解决需求" align="center" /> |
||||
|
<el-table-column prop="unresolvedEvent" align="center" label="未解决事件" /> |
||||
|
<el-table-column prop="notEnjoyedService" align="center" label="应享未享服务" /> |
||||
|
<el-table-column fixed="right" label="操作" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button @click="handleWatch(scope.row)" type="text" size="small">查看</el-button> |
||||
|
<template v-if="scope.row.riskyFlag === 1"> |
||||
|
<el-button @click="handleDispose(scope.row)" type="text" size="small" |
||||
|
class="">取消风险</el-button> |
||||
|
</template> |
||||
|
<template v-else> |
||||
|
<el-button @click="handleDispose(scope.row)" type="text" size="small" |
||||
|
class="">标记风险</el-button> |
||||
|
</template> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div> |
||||
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
||||
|
:current-page.sync="pageNo" :page-sizes="[20, 50, 100, 200]" :page-size="parseInt(pageSize)" |
||||
|
layout="sizes, prev, pager, next, total" :total="total"> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<el-dialog title="不满意人群详情" :visible.sync="showView" width="986px" top="5vh" append-to-body class="dialog-h" |
||||
|
:close-on-click-modal="false" :before-close="() => {this.showView = false}"> |
||||
|
<div class="dialog-h-content scroll-h"> |
||||
|
<event-info v-if="showView" ref="eventInfo" :fixed="true" :resi-id="resiId" /> |
||||
|
</div> |
||||
|
<div class="resi-btns"> |
||||
|
<el-button size="small" class="diy-button--white" plain @click="showView = false">关闭</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
import { mapGetters } from "vuex"; |
||||
|
import axios from "axios"; |
||||
|
import eventInfo from "./eventInfo.vue"; |
||||
|
|
||||
|
export default { |
||||
|
components: { |
||||
|
eventInfo |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
user: {}, |
||||
|
gridId: "", |
||||
|
tableData: [], |
||||
|
formData: { |
||||
|
agencyId: "", |
||||
|
orgIdPath: "", |
||||
|
gridId: "", |
||||
|
name: "", |
||||
|
mobile: "", |
||||
|
idCard: "", |
||||
|
homeId: "", |
||||
|
unitId: "", |
||||
|
buildId: "", |
||||
|
villageId: "" |
||||
|
}, |
||||
|
orgOptions: [], |
||||
|
orgOptionProps: { |
||||
|
multiple: false, |
||||
|
value: 'agencyId', |
||||
|
label: 'agencyName', |
||||
|
children: 'subAgencyList', |
||||
|
checkStrictly: true |
||||
|
}, |
||||
|
agencyIdArray: [], |
||||
|
pageNo: 1, |
||||
|
pageSize: window.localStorage.getItem("pageSize") || 20, |
||||
|
total: 1, |
||||
|
eventId: "", |
||||
|
resiId: "", |
||||
|
searchH: 180, |
||||
|
eventDetailData: {}, |
||||
|
showVoice: false, |
||||
|
selVoiceUrl: "", |
||||
|
multipleSelection: [], |
||||
|
optionsV: [], |
||||
|
optionsB: [], |
||||
|
optionsH: [], |
||||
|
optionsD: [], |
||||
|
showView: false, |
||||
|
}; |
||||
|
}, |
||||
|
props: { |
||||
|
resiId: { |
||||
|
type: String, |
||||
|
}, |
||||
|
}, |
||||
|
computed: { |
||||
|
maxTableHeight() { |
||||
|
const h = this.clientHeight - this.searchH - 275 + this.iframeHeight; |
||||
|
const _h = this.clientHeight - 275 - this.searchH; |
||||
|
return this.$store.state.inIframe ? h : _h; |
||||
|
}, |
||||
|
...mapGetters(["clientHeight", "iframeHeight"]), |
||||
|
|
||||
|
changeVDisabled() { |
||||
|
return !this.formData.villageId; |
||||
|
}, |
||||
|
changeBDisabled() { |
||||
|
return !this.formData.buildId; |
||||
|
}, |
||||
|
changeDDisabled() { |
||||
|
return !this.formData.unitId; |
||||
|
}, |
||||
|
eventInfo, |
||||
|
}, |
||||
|
watch: {}, |
||||
|
mounted() { |
||||
|
this.user = this.$store.state.user; |
||||
|
this.agencyId = this.user.agencyId; |
||||
|
this.loadAgency(); |
||||
|
this.getTableData(); |
||||
|
}, |
||||
|
methods: { |
||||
|
handleEventType(val) { |
||||
|
const nodes = this.$refs.cascaderEvent.getCheckedNodes(); |
||||
|
this.formData.firstIdList = []; |
||||
|
this.formData.secondIdList = []; |
||||
|
let level1 = nodes.filter((item) => item.level === 1); |
||||
|
let level2 = nodes.filter((item) => item.level === 2); |
||||
|
level1.forEach((item) => { |
||||
|
if (item.hasChildren) { |
||||
|
for (let i = level2.length - 1; i >= 0; i--) { |
||||
|
if (level2[i].parent.value === item.value) level2.splice(i, 1); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
this.formData.firstIdList = level1.map((item) => item.value); |
||||
|
this.formData.secondIdList = level2.map((item) => item.value); |
||||
|
}, |
||||
|
handleSelectionChange(val) { |
||||
|
this.multipleSelection = []; |
||||
|
val.forEach((element) => { |
||||
|
this.multipleSelection.push(element); |
||||
|
}); |
||||
|
}, |
||||
|
async handleCancalDiffcult() { |
||||
|
const url = "/governance/eventInspect/updateBatchByIds"; |
||||
|
if (this.multipleSelection.length == 0) { |
||||
|
this.$message.warning('请选择取消的风险') |
||||
|
return |
||||
|
} |
||||
|
let ids = [] |
||||
|
if (this.multipleSelection.length > 0) { |
||||
|
this.multipleSelection.forEach(item => { |
||||
|
if (item.riskyFlag == 1) { |
||||
|
ids.push(item.id) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
const { data, code, msg } = await requestPost(url, ids); |
||||
|
if (code === 0) { |
||||
|
this.$message.success("取消风险成功！"); |
||||
|
this.getTableData(); |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
handleSearch(val) { |
||||
|
this.pageNo = 1; |
||||
|
this.getTableData(); |
||||
|
}, |
||||
|
|
||||
|
handleChangeAgency(val) { |
||||
|
let obj = this.$refs["myCascader"].getCheckedNodes()[0].data |
||||
|
if (obj) { |
||||
|
if (obj.level === 'grid') { |
||||
|
this.formData.gridId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; |
||||
|
this.formData.agencyId = '' |
||||
|
} else { |
||||
|
this.formData.agencyId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; |
||||
|
this.formData.gridId = '' |
||||
|
} |
||||
|
this.formData.orgIdPath = this.agencyIdArray.toString(); |
||||
|
} else { |
||||
|
this.formData.agencyId = '' |
||||
|
this.formData.gridId = '' |
||||
|
} |
||||
|
this.formData.villageId = '' |
||||
|
this.formData.buildId = '' |
||||
|
this.formData.unitId = '' |
||||
|
this.formData.homeId = '' |
||||
|
this.getValiheList() |
||||
|
}, |
||||
|
|
||||
|
//获取组织树 |
||||
|
async loadAgency() { |
||||
|
const { user } = this.$store.state |
||||
|
this.$http.post('/gov/org/customeragency/agencygridtree', {}).then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} else { |
||||
|
this.orgOptions = [] |
||||
|
this.orgOptions.push(res.data) |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
return this.$message.error('网络错误') |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
async handleExport() { |
||||
|
const url = "/governance/icEvent/export"; |
||||
|
const { pageSize, pageNo, formData } = this; |
||||
|
axios({ |
||||
|
url: window.SITE_CONFIG["apiURL"] + url, |
||||
|
method: "post", |
||||
|
data: { |
||||
|
pageSize, |
||||
|
pageNo, |
||||
|
...formData, |
||||
|
}, |
||||
|
responseType: "blob", |
||||
|
}).then((res) => { |
||||
|
let fileName = window.decodeURI( |
||||
|
res.headers["content-disposition"].split(";")[1].split("=")[1] |
||||
|
); |
||||
|
let blob = new Blob([res.data], { type: "application/vnd.ms-excel" }); |
||||
|
var url = window.URL.createObjectURL(blob); |
||||
|
var aLink = document.createElement("a"); |
||||
|
aLink.style.display = "none"; |
||||
|
aLink.href = url; |
||||
|
aLink.setAttribute("download", fileName); |
||||
|
document.body.appendChild(aLink); |
||||
|
aLink.click(); |
||||
|
document.body.removeChild(aLink); //下载完成移除元素 |
||||
|
window.URL.revokeObjectURL(url); //释放掉blob对象 |
||||
|
}).catch((err) => { |
||||
|
return this.$message.error("网络错误"); |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
//查看 |
||||
|
async handleWatch(row) { |
||||
|
this.showView = true; |
||||
|
}, |
||||
|
|
||||
|
//标记风险 |
||||
|
async handleDispose(row) { |
||||
|
const url = "/governance/eventInspect/saveOrUpdate"; |
||||
|
const { data, code, msg } = await requestPost(url, { |
||||
|
id: row.id, |
||||
|
resiId: row.resiId, |
||||
|
riskyFlag: row.riskyFlag === 0 ? 1 : 0 |
||||
|
}); |
||||
|
if (code === 0) { |
||||
|
this.getTableData(); |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
//关闭 |
||||
|
handleClose() { |
||||
|
this.getTableData(); |
||||
|
}, |
||||
|
//确定 |
||||
|
handleOk() { |
||||
|
this.pageNo = 1; |
||||
|
this.getTableData(); |
||||
|
}, |
||||
|
//加载数据列表 |
||||
|
async getTableData() { |
||||
|
const url = "/governance/eventInspect/list"; |
||||
|
const { pageSize, pageNo, formData } = this; |
||||
|
const { data, code, msg } = await requestPost(url, { |
||||
|
pageSize, |
||||
|
pageNo, |
||||
|
...formData, |
||||
|
}); |
||||
|
if (code === 0) { |
||||
|
this.total = data.total || 0; |
||||
|
this.tableData = data.list ? data.list.map((item) => { return item; }) : []; |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
//加载小区 |
||||
|
async getValiheList() { |
||||
|
const { user } = this.$store.state; |
||||
|
this.$http |
||||
|
.post("/actual/base/communityQuarters/listQuartersOptions", { |
||||
|
gridId: this.formData.gridId, |
||||
|
agencyId: this.formData.agencyId, |
||||
|
}) |
||||
|
.then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg); |
||||
|
} else { |
||||
|
this.optionsV = res.data; |
||||
|
} |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
return this.$message.error("网络错误"); |
||||
|
}); |
||||
|
}, |
||||
|
//加载楼栋 |
||||
|
async getBuildList() { |
||||
|
this.$http |
||||
|
.post("/actual/base/communityBuilding/buildingoption", { |
||||
|
quartersId: this.formData.villageId, |
||||
|
}) |
||||
|
.then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg); |
||||
|
} else { |
||||
|
this.optionsB = res.data; |
||||
|
} |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
return this.$message.error("网络错误"); |
||||
|
}); |
||||
|
}, |
||||
|
//加载楼栋的单元 |
||||
|
async getUniList() { |
||||
|
this.$http |
||||
|
.post("/actual/base/communityBuildingUnit/unitoption", { |
||||
|
buildingId: this.formData.buildId, |
||||
|
}) |
||||
|
.then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg); |
||||
|
} else { |
||||
|
this.optionsD = res.data; |
||||
|
} |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
return this.$message.error("网络错误"); |
||||
|
}); |
||||
|
}, |
||||
|
//获取房屋 |
||||
|
async getHouseList() { |
||||
|
this.$http.post("/actual/base/communityHouse/houseoption", { unitId: this.formData.unitId }) |
||||
|
.then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg); |
||||
|
} else { |
||||
|
this.optionsH = res.data; |
||||
|
} |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
return this.$message.error("网络错误"); |
||||
|
}); |
||||
|
}, |
||||
|
handleClearVillage() { |
||||
|
this.formData.buildId = ""; |
||||
|
this.formData.homeId = ""; |
||||
|
}, |
||||
|
handleClearBuild() { |
||||
|
this.formData.buildId = ""; |
||||
|
this.formData.unitId = ""; |
||||
|
this.formData.homeId = ""; |
||||
|
}, |
||||
|
handleClearDan() { |
||||
|
this.formData.unitId = ""; |
||||
|
this.formData.homeId = ""; |
||||
|
}, |
||||
|
handleChangeGrid(val) { |
||||
|
this.formData.villageId = ""; |
||||
|
this.formData.buildId = ""; |
||||
|
this.formData.unitId = ""; |
||||
|
this.formData.homeId = ""; |
||||
|
this.getValiheList(); |
||||
|
}, |
||||
|
handleChangeV(val) { |
||||
|
this.formData.buildId = ""; |
||||
|
this.formData.unitId = ""; |
||||
|
this.formData.homeId = ""; |
||||
|
this.getBuildList(); |
||||
|
}, |
||||
|
handleChangeB(val) { |
||||
|
this.formData.unitId = ""; |
||||
|
this.formData.homeId = ""; |
||||
|
this.getUniList(); |
||||
|
}, |
||||
|
handleChangeD(val) { |
||||
|
this.formData.homeId = ""; |
||||
|
this.getHouseList(); |
||||
|
}, |
||||
|
handleSizeChange(val) { |
||||
|
this.pageSize = val; |
||||
|
window.localStorage.setItem("pageSize", val); |
||||
|
this.getTableData(); |
||||
|
}, |
||||
|
handleCurrentChange(val) { |
||||
|
this.pageNo = val; |
||||
|
this.getTableData(); |
||||
|
}, |
||||
|
//重置 |
||||
|
resetSearch() { |
||||
|
this.formData = { |
||||
|
gridId: "", |
||||
|
sourceType: "", |
||||
|
eventContent: "", |
||||
|
name: "", |
||||
|
mobile: "", |
||||
|
idCard: "", |
||||
|
firstIdList: [], |
||||
|
secondIdList: [], |
||||
|
}; |
||||
|
this.agencyIdArray = []; |
||||
|
this.optionsV = []; |
||||
|
this.optionsB = []; |
||||
|
this.optionsH = []; |
||||
|
this.optionsD = []; |
||||
|
this.pageNo = 1; |
||||
|
this.getTableData(); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/modules/management/list-main.scss"; |
||||
|
|
||||
|
.m-search { |
||||
|
.u-item-width-normal { |
||||
|
width: 200px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
::v-deep .el-dropdown__caret-button { |
||||
|
height: 30px; |
||||
|
} |
||||
|
|
||||
|
::v-deep .el-image-viewer__close { |
||||
|
top: 129px; |
||||
|
right: 129px; |
||||
|
width: 40px; |
||||
|
height: 40px; |
||||
|
font-size: 40px; |
||||
|
color: #fff; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue