|
|
|
@ -55,7 +55,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
<div class="flex-warp"> |
|
|
|
<div class="flex-warp"> |
|
|
|
<el-table ref="tableRef" :data="tableData.data" :span-method="objectSpanMethod" border @selection-change="handleSelectionChange"> |
|
|
|
<el-table ref="tableRef" :data="tableData.data" :span-method="objectSpanMethod" border @selection-change="handleSelectionChange"> |
|
|
|
<el-table-column prop="platform" label="平台" width="80"> |
|
|
|
<el-table-column prop="platform" label="平台" width="75"> |
|
|
|
<template #default="scope"> |
|
|
|
<template #default="scope"> |
|
|
|
<div v-if="scope.row.sort == 0">其他</div> |
|
|
|
<div v-if="scope.row.sort == 0">其他</div> |
|
|
|
<div v-else-if="scope.row.sort == 1">ios</div> |
|
|
|
<div v-else-if="scope.row.sort == 1">ios</div> |
|
|
|
@ -64,7 +64,7 @@ |
|
|
|
<div v-else>其他</div> |
|
|
|
<div v-else>其他</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="area" label="区服编号" width="85"> |
|
|
|
<el-table-column prop="area" label="区服编号" width="95"> |
|
|
|
<template #default="scope"> {{ scope.row.area }}区</template> |
|
|
|
<template #default="scope"> {{ scope.row.area }}区</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" label="服务器名称" width="200"> |
|
|
|
<el-table-column prop="name" label="服务器名称" width="200"> |
|
|
|
@ -72,7 +72,7 @@ |
|
|
|
<el-button type="text" style="color: #5f6165" @click="openDialog(scope.row)">{{ scope.row.name }}</el-button> |
|
|
|
<el-button type="text" style="color: #5f6165" @click="openDialog(scope.row)">{{ scope.row.name }}</el-button> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="PeriodId" label="当前期数" width="85"> |
|
|
|
<el-table-column prop="PeriodId" label="当前期数" width="95"> |
|
|
|
<template #default="scope"> |
|
|
|
<template #default="scope"> |
|
|
|
<div v-if="scope.row.PeriodId">{{ scope.row.PeriodId }}期</div> |
|
|
|
<div v-if="scope.row.PeriodId">{{ scope.row.PeriodId }}期</div> |
|
|
|
<div v-else-if="ignoreSelectList.includes(scope.row.id) && query.periodId">{{ query.periodId }}期</div> |
|
|
|
<div v-else-if="ignoreSelectList.includes(scope.row.id) && query.periodId">{{ query.periodId }}期</div> |
|
|
|
@ -128,7 +128,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column type="selection" width="40" :selectable="selectable" /> |
|
|
|
<el-table-column type="selection" width="50" :selectable="selectable" /> |
|
|
|
<el-table-column prop="" label="开关" width="200"> |
|
|
|
<el-table-column prop="" label="开关" width="200"> |
|
|
|
<template #default="scope"> |
|
|
|
<template #default="scope"> |
|
|
|
<div v-if="!!listVisible && scope.row.id == tableData.edit.id"> |
|
|
|
<div v-if="!!listVisible && scope.row.id == tableData.edit.id"> |
|
|
|
@ -563,50 +563,9 @@ export default defineComponent({ |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
<style scoped lang="scss"> |
|
|
|
::v-deep .el-table { |
|
|
|
|
|
|
|
--el-table-border-color: var(--el-border-color-lighter); |
|
|
|
|
|
|
|
--el-table-border: 2px solid var(--el-table-border-color); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.table-item { |
|
|
|
|
|
|
|
margin-top: 10px; |
|
|
|
|
|
|
|
margin-bottom: -10px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.box-card .el-card__header { |
|
|
|
|
|
|
|
background-color: #062ce6; |
|
|
|
|
|
|
|
color: #fff; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//::v-deep .el-checkbox__inner { |
|
|
|
|
|
|
|
// border-color: rgb(63, 157, 253); |
|
|
|
|
|
|
|
//} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//::v-deep .el-checkbox { |
|
|
|
|
|
|
|
// --el-checkbox-disabled-input-fill: var(--el-checkbox-disabled-input-fill); |
|
|
|
|
|
|
|
//} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td { |
|
|
|
|
|
|
|
background: #f0ffd5; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.warning-row { |
|
|
|
|
|
|
|
background: #f0ffd5ff; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.white-row { |
|
|
|
|
|
|
|
background: #ffffff; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
::v-deep .warning-row .el-table__body tr { |
|
|
|
|
|
|
|
background-color: #f0ffd5ff; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
::v-deep .warning-row .el-table--enable-row-hover .el-table__body tr:hover > td { |
|
|
|
::v-deep .el-table .el-table__cell { |
|
|
|
background-color: inherit; |
|
|
|
padding: 5px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
::v-deep .warning-row .el-table__cell { |
|
|
|
|
|
|
|
background-color: #f0ffd5ff; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
</style> |
|
|
|
|