update 优化 桶权限类型字段 写法与vue3版本不兼容问题

疯狂的狮子li

2022-11-03 9d99afd159b09ae5252f0aa8e11424246958dac4

update 优化 桶权限类型字段 写法与vue3版本不兼容问题

 ruoyi-ui/src/views/system/oss/config.vue

@@ -80,7 +80,13 @@
      <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">
          <span class="el-tag el-tag--warning el-tag--medium el-tag--light" v-if="scope.row.accessPolicy === '0'">private</span>
          <span class="el-tag el-tag--success el-tag--medium el-tag--light" v-if="scope.row.accessPolicy === '1'">public</span>
          <span class="el-tag el-tag--medium el-tag--light" v-if="scope.row.accessPolicy === '2'">custom</span>
        </template>
      </el-table-column>
      <el-table-column label="状态" align="center" prop="status">
        <template slot-scope="scope">
          <el-switch
@@ -394,17 +400,7 @@
      }).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>