| | |
|---|
| | | <el-table-column label="桶名称" align="center" prop="bucketName" /> |
|---|
| | | <el-table-column label="前缀" align="center" prop="prefix" /> |
|---|
| | | <el-table-column label="域" align="center" prop="region" /> |
|---|
| | | <el-table-column label="桶权限类型" align="center" prop="accessPolicy" :formatter="accessPolicyStateFormat" /> |
|---|
| | | <el-table-column label="桶权限类型" align="center" prop="accessPolicy"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-tag type="warning" v-if="scope.row.accessPolicy === '0'">private</el-tag> |
|---|
| | | <el-tag type="success" v-if="scope.row.accessPolicy === '1'">public</el-tag> |
|---|
| | | <el-tag type="info" v-if="scope.row.accessPolicy === '2'">custom</el-tag> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column label="状态" align="center" prop="status"> |
|---|
| | | <template slot-scope="scope"> |
|---|
| | | <el-switch |
|---|
| | |
|---|
| | | }).catch(() => { |
|---|
| | | row.status = row.status === "0" ? "1" : "0"; |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | accessPolicyStateFormat(row) { |
|---|
| | | if (row.accessPolicy === "0") { |
|---|
| | | return <span class="el-tag el-tag--warning el-tag--medium el-tag--light">private</span> |
|---|
| | | } else if (row.accessPolicy === "1") { |
|---|
| | | return <span class="el-tag el-tag--success el-tag--medium el-tag--light">public</span> |
|---|
| | | } else if (row.accessPolicy === "2") { |
|---|
| | | return <span class="el-tag el-tag--medium el-tag--light">custom</span> |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | </script> |
|---|
