<template>
  <section class="px-64 h-b100 overflow-y-auto pb-20 min-w-800">
    <section class="mt-36">
      <div class="fs-18">去除水印管理</div>
      <div v-if="isShowtip" class="hint flex-between-center px-16 py-16 mt-18">
        <div class="flex gap-10">
          <el-icon color="#5252ff" size="18" class="mt-2">
            <WarningFilled />
          </el-icon>
          <span class="ml-4 line-h22"
            style="font-size: 13px;">根据法律法规要求，火山剧创平台（“平台”）提供AI生成合成服务，可能导致公众混淆或者误认的，平台应当在AI生成合成内容上添加显式标识（即“AI生成”明水印），向公众进行提示。经过您的申请，平台可以向您提供未添加显式标识的AI生成合成内容。如您后续使用网络信息内容传播服务发布AI生成合成内容，请注意您还需主动声明并使用传播平台提供的标识功能进行标识。您理解并承诺，如您未按照法律法规要求在AI生成合成内容上添加显式标识，导致公众混淆或者误认，因此所发生的后果和责任均由您自行承担。</span>
        </div>
      </div>
      <div class="card1 rounded-16 p-16 mt-16 bg-fff">
        <div class="">子账号余量</div>
        <div class="flex-between-center">
          <div class="text-666 fs-12 mt-10">
            <div>打开去除水印开关后，您使用火山剧创平台前述账号所创作、生成的AI生成合成内容将不再添加“Al生成”明水印。</div>
            <div class="mt-2">打开开关，代表您已确认充分了解上述情况并同意</div>
          </div>
          <el-switch v-model="switchVal" class="ml-2" @change="change"
            style="--el-switch-on-color: #5272ff; --el-switch-off-color: #ddd" />
        </div>
      </div>
    </section>
  </section>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import { WarningFilled } from '@element-plus/icons-vue'
import { ElMessage } from 'element-plus'

const isShowtip = ref(true)
const switchVal = ref(false)

const change = () => {
  ElMessage.success('设置成功')
}

</script>
<style lang="scss" scoped>
.hint {
  background-color: #edf1ff;
  border-radius: 12px;
}

.card1 {
  border: 1px solid #eaebee;
}
</style>