Browse Source

后台日期样式修改

yjt
ting 5 months ago
parent
commit
0bfebc821a
  1. 27
      src/views/BackView.vue

27
src/views/BackView.vue

@ -13,38 +13,45 @@ function getToken() {
if (parts.length > 1) { if (parts.length > 1) {
token = parts[1].split("&")[0]; // & token = parts[1].split("&")[0]; // &
} }
console.log("token字符串:",token); // token
console.log("token字符串:", token); // token
} }
getToken(); getToken();
const candidates = ref([]) const candidates = ref([])
function loadCandidates() { function loadCandidates() {
CanApi.getCandidates(token).then(result =>{
CanApi.getCandidates(token).then(result => {
candidates.value = result.data; candidates.value = result.data;
}) })
} }
loadCandidates(); loadCandidates();
// //
const detailVisible = ref(false); const detailVisible = ref(false);
const details = ref([]) const details = ref([])
function searchDetail(scope){
function searchDetail(scope) {
console.log(scope); console.log(scope);
detailVisible.value = true; detailVisible.value = true;
CanApi.Detail(scope).then(result =>{
CanApi.Detail(scope).then(result => {
details.value = result.data; details.value = result.data;
for (let i = 0; i < details.value.length; i++) {
if (details.value[i] && details.value[i].voteTime) {
details.value[i].voteTime = details.value[i].voteTime.replace('T', ' ');
}
}
}) })
} }
// //
const indexMethod = function(index) {
return index +1;
const indexMethod = function (index) {
return index + 1;
} }
</script> </script>
<template> <template>
<el-table class="table" :data="candidates" style="width: 100%"> <el-table class="table" :data="candidates" style="width: 100%">
<el-table-column type="index" :index="indexMethod" label="序号" width="180" /> <el-table-column type="index" :index="indexMethod" label="序号" width="180" />
<el-table-column prop="name" label="候选人姓名" width="180" />
<el-table-column prop="name" label="候选国家" width="180" />
<el-table-column prop="votes" label="获得票数" /> <el-table-column prop="votes" label="获得票数" />
<el-table-column label="操作"> <el-table-column label="操作">
<template #default="scope"> <template #default="scope">
@ -56,8 +63,7 @@ const indexMethod = function(index) {
</el-table> </el-table>
<!-- 对话框 --> <!-- 对话框 -->
<el-dialog v-model="detailVisible" title="投票详情" width="520" center> <el-dialog v-model="detailVisible" title="投票详情" width="520" center>
<el-table
:data="details" class="table-detail" >
<el-table :data="details" class="table-detail">
<el-table-column prop="jwCode" label="投票人精网号" width="150" /> <el-table-column prop="jwCode" label="投票人精网号" width="150" />
<el-table-column prop="voteTime" label="投票时间" width="200" /> <el-table-column prop="voteTime" label="投票时间" width="200" />
</el-table> </el-table>
@ -84,7 +90,8 @@ const indexMethod = function(index) {
.button:hover { .button:hover {
cursor: pointer; cursor: pointer;
} }
.el-dialog__body{
.el-dialog__body {
margin: 0 auto; margin: 0 auto;
} }
</style> </style>
Loading…
Cancel
Save