疯狂的狮子Li
2022-11-03 cd9c3c3f4f7a55b8d52a36ff0559931610aa43ae
ruoyi-ui/src/views/system/oss/config.vue
@@ -80,6 +80,7 @@
      <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="status">
        <template slot-scope="scope">
          <el-switch
@@ -149,6 +150,13 @@
              :key="dict.value"
              :label="dict.value"
            >{{dict.label}}</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="桶权限类型">
          <el-radio-group v-model="form.accessPolicy">
            <el-radio label="0">private</el-radio>
            <el-radio label="1">public</el-radio>
            <el-radio label="2">custom</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="域" prop="region">
@@ -259,6 +267,9 @@
            trigger: "blur",
          },
        ],
        accessPolicy:[
          { required: true, message: "accessPolicy不能为空", trigger: "blur" }
        ]
      },
    };
  },
@@ -292,6 +303,7 @@
        endpoint: undefined,
        domain: undefined,
        isHttps: "N",
        accessPolicy: "1",
        region: undefined,
        status: "1",
        remark: undefined,
@@ -382,7 +394,17 @@
      }).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>