ibsp-fg-page 4.0.2

package/src/views/builtins/my/mobile/problem/Index.vue

@@ -0,0 +1,573 @@
+<script lang="ts" setup>
+import { reactive, ref, onMounted } from 'vue';
+import svgData from './svgData';
+import Message from '../../../components/message/Index.vue';
+import type { FormInstance, FormRules } from 'element-plus';
+import { DeleteFilled } from '@element-plus/icons-vue';
+import 'element-plus/dist/index.css';
+const props = defineProps<{
+  app:IBSP.IbspAPP.APP
+}>();
+import { save } from '@/api/ibsp-bg-problem';
+import { updateFile } from '@/api/ibsp-bg-oss';
+interface RuleForm {
+  PROBLEM_NAME: string,
+  SYSTEM_TYPE: string,
+  PROBLEM_PICTURE: Array<any>,
+  NAME: string,
+  PHONE: string,
+  REMARK: string
+}
+const userInfo = props.app?.userInfo;
+const VUE_APP_OSS_WEB_ARR = props.app?.envList.filter(item => item.configCode === 'VUE_APP_OSS_WEB')
+const VUE_APP_OSS_WEB = VUE_APP_OSS_WEB_ARR.length && VUE_APP_OSS_WEB_ARR[0].configValue || ''
+const loginFormRef = ref<FormInstance>();
+const formData = reactive<RuleForm>({
+  PROBLEM_NAME: '',
+  SYSTEM_TYPE: '',
+  PROBLEM_PICTURE: [],
+  NAME: userInfo.username,
+  PHONE: userInfo.phone,
+  REMARK: ''
+})
+
+const rules = reactive<FormRules<RuleForm>>({
+  PROBLEM_NAME: [
+    { required: true, message: '请输入问题名称', trigger: 'blur' }
+  ],
+  SYSTEM_TYPE: [
+    {
+      required: true,
+      message: '请选择系统类型',
+      trigger: 'change'
+    }
+  ],
+  PROBLEM_PICTURE: [
+    {
+      required: true,
+      message: '请上传图片',
+      trigger: 'change'
+    }
+  ],
+  NAME: [
+    {
+      required: true,
+      message: '请输入姓名',
+      trigger: 'change'
+    }
+  ],
+  PHONE: [
+    {
+      required: true,
+      message: '请输入手机号或微信号',
+      trigger: 'change'
+    }
+  ],
+  REMARK: [
+    {
+      required: true,
+      message: '请输入备注',
+      trigger: 'change'
+    }
+  ]
+})
+
+const showErrorMessage = ref(false);
+const showMessage = ref(false);
+const errorInfo = ref('');
+const passwordError = ref('');
+const messageInfo = ref('');
+const currentFoucs = ref('')
+const fileUrls = ref([])
+const enlargedImage = ref()
+
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  // 校验
+  if (!formData.NAME) {
+    errorInfo.value = '姓名不能为空';
+    showErrorMessage.value = true;
+    return;
+  }
+  if (!formData.PHONE) {
+    errorInfo.value = '手机不能为空';
+    showErrorMessage.value = true;
+    return;
+  }
+  if (!formData.PROBLEM_NAME) {
+    errorInfo.value = '问题名称不能为空';
+    showErrorMessage.value = true;
+    return;
+  }
+  if (!formData.PROBLEM_PICTURE.length) {
+    errorInfo.value = '图片不能为空';
+    showErrorMessage.value = true;
+    return;
+  }
+  if (!formData.REMARK) {
+    errorInfo.value = '备注信息不能为空';
+    showErrorMessage.value = true;
+    return;
+  }
+  if (!formData.SYSTEM_TYPE) {
+    errorInfo.value = '系统类型不能为空';
+    showErrorMessage.value = true;
+    return;
+  }
+  // 上传图片，将图片路径以逗号拼接
+  let PROBLEM_PICTURE = ''
+  for await (let file of formData.PROBLEM_PICTURE) {
+    console.log(file)
+    const res = await updateFile({
+      file,
+      cover: 1,
+      sign: 'experimental_images_v2'
+    })
+    if (res.code === 20000) {
+      PROBLEM_PICTURE += (VUE_APP_OSS_WEB + (res.data.url || '').replace('//', '/') + ',')
+    }
+  }
+  PROBLEM_PICTURE = PROBLEM_PICTURE && PROBLEM_PICTURE.substring(0, PROBLEM_PICTURE.length - 1)
+
+  // 保存问题反馈
+  const res = await save({...formData, PROBLEM_PICTURE, STATUS: 'WTZT-NO'}).catch((res) => {
+    if (res.code !== 20000) {
+      errorInfo.value = '问题反馈失败，请联系系统管理员';
+      showErrorMessage.value = true;
+    }
+  });
+  if (res.code === 20000) {
+    // 修改成功
+    messageInfo.value = '问题反馈成功';
+    showMessage.value = true;
+    formEl.resetFields()
+    fileUrls.value = []
+  }
+
+};
+
+
+const onUpload = (e: any) => {
+  if (fileUrls.value.length > 8) {
+    errorInfo.value = '最多支持上传9张图片';
+    showErrorMessage.value = true;
+    return;
+  }
+  const files = e.target.files;
+  fileUrls.value.push(URL.createObjectURL(files[0]))
+  formData.PROBLEM_PICTURE.push(files[0])
+}
+
+const enlargeImage = (url: string) => {
+  console.log(url)
+  enlargedImage.value = url;
+}
+
+const removeImage = (index: number) => {
+  fileUrls.value.splice(index, 1)
+  formData.PROBLEM_PICTURE.splice(index, 1)
+}
+
+onMounted(() => {
+  //   init()
+});
+
+</script>
+
+<template>
+  <div class="mobile-login">
+    <Message
+      @ok="showMessage = !showMessage"
+      :show="showMessage"
+      :message="messageInfo"
+    ></Message>
+    <Message
+      @ok="showErrorMessage = !showErrorMessage"
+      :show="showErrorMessage"
+      :message="errorInfo"
+    ></Message>
+    <div v-if="enlargedImage"
+         class="enlarged-background"
+         @click="enlargedImage = null">
+      <img :src="enlargedImage"
+           class="enlarged"
+      />
+    </div>
+    <div class="content">
+      <el-form
+        ref="loginFormRef"
+        :model="formData"
+        label-position="left"
+        label-width="auto"
+        :rules="rules"
+      >
+        <div  class="content-form">
+          <el-form-item label="问题名称" prop="PROBLEM_NAME">
+            <el-input
+              v-model="formData.PROBLEM_NAME"
+              :class="passwordError && 'animation'"
+              size="large"
+              type='text'
+              autocomplete="off"
+              @focus="currentFoucs = 'PROBLEM_NAME'"
+              @blur="currentFoucs = ''"
+              placeholder="请输入"
+            >
+              <template #suffix>
+                <span v-if="formData.PROBLEM_NAME && currentFoucs === 'PROBLEM_NAME'"
+                      class=""
+                ><i
+                  @click.stop="formData.PROBLEM_NAME = ''"
+                  class="login-input-icon el-icon el-input__icon"
+                  v-html="svgData['删除']"
+                >
+                </i
+                ></span>
+              </template>
+            </el-input>
+          </el-form-item>
+          <el-form-item label="系统类型" prop="SYSTEM_TYPE">
+            <el-radio-group v-model="formData.SYSTEM_TYPE">
+              <el-radio value="SYS-TYPE-Android">Android</el-radio>
+              <el-radio value="SYS-TYPE-HarmonyOS">HarmonyOS</el-radio>
+              <el-radio value="SYS-TYPE-IOS">IOS</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="截图上传"
+                        prop="PROBLEM_PICTURE"
+                        style="height: max-content !important; min-height: 54px !important;">
+            <div class="image-input">
+              <div v-for="(url, index) in fileUrls"
+                   :key="index"
+                   class="image-item"
+              >
+                <img
+                  :src="url"
+                  class="preview"
+                  @click="enlargeImage(url)" />
+                <i class="preview-close"
+                   @click="removeImage(index)"
+                   v-html="svgData['删除']"></i>
+              </div>
+              <div class="image-item">
+                <label for="PROBLEM_PICTURE"  ><div class="image-plus"><i
+                  v-html="svgData['upload']"></i></div></label>
+                <input type="file"
+                       accept="image/*"
+                       style="display: none;"
+                       id="PROBLEM_PICTURE"
+                       @change="onUpload" />
+              </div>
+            </div>
+          </el-form-item>
+          <el-form-item label="备注信息" prop="REMARK">
+            <el-input
+              v-model="formData.REMARK"
+              :class="passwordError && 'animation'"
+              :textareaStyle="{color: '#fff'}"
+              size="large"
+              type='textarea'
+              autocomplete="off"
+              :autosize="{ minRows: 1, maxRows: 2 }"
+              @focus="currentFoucs = 'REMARK'"
+              @blur="currentFoucs = ''"
+              placeholder="请输入"
+            >
+              <template #suffix>
+                <span v-if="formData.REMARK && currentFoucs === 'REMARK'"
+                      class=""
+                ><i
+                  @click.stop="formData.REMARK = ''"
+                  class="login-input-icon el-icon el-input__icon"
+                  v-html="svgData['删除']"
+                >
+                </i
+                ></span>
+              </template>
+            </el-input>
+          </el-form-item>
+        </div>
+        <div  class="content-form" style="margin-top: 20px;">
+          <el-form-item label="姓名" prop="NAME">
+            <el-input
+              v-model="formData.NAME"
+              :class="passwordError && 'animation'"
+              size="large"
+              type='text'
+              autocomplete="off"
+              @focus="currentFoucs = 'NAME'"
+              @blur="currentFoucs = ''"
+              placeholder="请输入"
+            >
+              <template #suffix>
+                <span v-if="formData.NAME && currentFoucs === 'NAME'"
+                      class=""
+                ><i
+                  @click.stop="formData.NAME = ''"
+                  class="login-input-icon el-icon el-input__icon"
+                  v-html="svgData['删除']"
+                >
+                </i
+                ></span>
+              </template>
+            </el-input>
+          </el-form-item>
+          <el-form-item label="手机号/微信号" prop="PHONE">
+            <el-input
+              v-model="formData.PHONE"
+              :class="passwordError && 'animation'"
+              size="large"
+              type='text'
+              autocomplete="off"
+              @focus="currentFoucs = 'PHONE'"
+              @blur="currentFoucs = ''"
+              placeholder="请输入"
+            >
+              <template #suffix>
+                <span v-if="formData.PHONE && currentFoucs === 'PHONE'"
+                      class=""
+                ><i
+                  @click.stop="formData.PHONE = ''"
+                  class="login-input-icon el-icon el-input__icon"
+                  v-html="svgData['删除']"
+                >
+                </i
+                ></span>
+              </template>
+            </el-input>
+          </el-form-item>
+        </div>
+      </el-form>
+      <div class="action-section action-section-login">
+        <button class="action-button"
+                native-type="submit"
+                @click="submitForm(loginFormRef)">
+          确&nbsp;&nbsp;定
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+.image-input {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 16px 0 7px 0;
+  .image-item {
+    height: 68px;
+    width: 68px;
+    display: inline-block;
+    margin-right: 9px;
+    margin-bottom: 9px;
+    position: relative;
+    .preview {
+      width: 68px;
+      height: 68px;
+      object-fit: cover; /* 确保图片内容适应指定的尺寸 */
+      border: 1px solid #ddd;
+    }
+    .preview-close {
+      position: absolute;
+      line-height: 12px;
+      top:0px;
+      right: 0px;
+      font-size: 15px;
+    }
+  }
+  .image-plus {
+      width: 68px;
+      height: 68px;
+      line-height: 78px;
+      text-align: center;
+      border: 1px solid #e0e0e9;
+      border-radius: 10px;
+    }
+}
+
+.enlarged-background {
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(255, 255, 255, 0.2);
+  .enlarged {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    max-width: 80vw; /* 视口宽度的80% */
+    max-height: 80vh; /* 视口高度的80% */
+    z-index: 10;
+    cursor: pointer; /* 显示可点击的指针 */
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+    border: 3px solid white;
+    background: #fff;
+  }
+}
+
+/* Scoped CSS 中使用深度选择器 */
+:deep(.el-textarea__inner) {
+  background-color: transparent;
+  border-style: none;
+  outline: none;
+  box-shadow: none;
+  padding-left: 0;
+  &::placeholder {
+    color: #e0e0e9 !important;
+    opacity: 1;
+    font-weight: 400;
+    font-size: 15px;
+  }
+}
+:deep(.el-form-item) {
+  margin: 0 2px !important;
+  padding: 12px 4px;
+}
+:deep(.el-form-item__label-wrap) {
+  align-items: center;
+  padding-left: 12px;
+  line-height: 21px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  .el-form-item__label {
+    font-weight: 400;
+    color: #1d2129;
+    font-size: 15px;
+  }
+}
+.mobile-login {
+  .content-form {
+    background-color: #fff;
+    border-radius: 8px;
+  }
+  width: 100%;
+  .login-error {
+    position: fixed;
+    top: 168px;
+    text-align: center;
+    width: 100%;
+    .login-error-content {
+      background: rgba(245, 63, 63, 0.6);
+      border-radius: 8px 8px 8px 8px;
+      height: 32px;
+      padding: 0px 12px;
+      display: flex;
+      align-items: center;
+      color: #fff;
+      .login-error-icon {
+        margin-right: 2px;
+        height: 20px;
+        line-height: 20px;
+      }
+    }
+    .error-info {
+      height: 20px;
+    }
+  }
+
+  .login-input-icon {
+    font-size: 20px;
+  }
+
+  .fullscreenVideo {
+    width: -webkit-fill-available;
+  }
+
+  height: 100%;
+  .logo {
+    text-align: center;
+    padding-top: 88px;
+  }
+  .content {
+    padding: 12px;
+    :deep(.el-input__wrapper) {
+      margin-top: 4px;
+      border: 0;
+      padding-right: 20px;
+      .el-input__inner {
+        color: #1d2129 !important;
+      }
+      input::placeholder {
+        color: #e0e0e9 !important;
+        opacity: 1;
+        font-weight: 400;
+        font-size: 15px;
+      }
+    }
+    :deep(.el-form-item__content) {
+      border: 0;
+    }
+    .el-input__icon {
+      margin-left: 20px;
+    }
+  }
+
+  .flex-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 10px;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  .flex-row > div > label {
+    font-size: 14px;
+    color: black;
+    font-weight: 400;
+  }
+
+  .server {
+    padding: 15px 0;
+    text-align: center;
+    color: #0066ff;
+  }
+
+  .action-section-login {
+    // margin: 20px 0;
+  }
+
+  .action-section {
+    display: flex;
+    flex-direction: column;
+    .action-button {
+      border: none;
+      margin: 24px 0 12px 0;
+      background: #ffffff;
+      border-radius: 800px 800px 800px 800px;
+      height: 48px;
+      font-weight: 400;
+      font-size: 15px;
+      color: #ffffff;
+      text-align: center;
+      font-style: normal;
+      text-transform: none;
+      background-color: #1989fa;
+    }
+    /* 按钮被点击时的样式 */
+    .action-button:active {
+      background-color: #2191fc;
+    }
+  }
+}
+
+:deep(.el-input__wrapper) {
+  box-shadow: none;
+  padding: 0;
+  margin-top: 0 !important;
+}
+:deep(.el-form-item__content) {
+  border-bottom: 1px solid #ddd;
+}
+:deep(.el-form-item) {
+  margin-bottom: 0;
+  margin-top: 20px;
+  &:last-child {
+    .el-form-item__content {
+      border: none;
+    }
+  }
+  .el-radio {
+    margin-right: 10px;
+  }
+}
+</style>

package/src/views/builtins/my/mobile/problem/svgData.js

@@ -0,0 +1,26 @@
+export default {
+  'upload': `<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6152 2.2666C12.9941 2.2666 13.348 2.45598 13.5581 2.77127L14.7328 4.53327H18.1328C18.7587 4.53327 19.2661 5.04068 19.2661 5.6666V16.9999C19.2661 17.6259 18.7587 18.1333 18.1328 18.1333H2.26615C1.64022 18.1333 1.13281 17.6259 1.13281 16.9999V5.6666C1.13281 5.04068 1.64022 4.53327 2.26615 4.53327H5.66615L6.84081 2.77127C7.051 2.45598 7.40487 2.2666 7.7838 2.2666H12.6152ZM10.1995 6.79993C7.69579 6.79993 5.66615 8.82958 5.66615 11.3333C5.66615 13.837 7.69579 15.8666 10.1995 15.8666C12.7032 15.8666 14.7328 13.837 14.7328 11.3333C14.7328 8.82958 12.7032 6.79993 10.1995 6.79993ZM10.1995 9.0666C11.4513 9.0666 12.4661 10.0814 12.4661 11.3333C12.4661 12.5851 11.4513 13.5999 10.1995 13.5999C8.94763 13.5999 7.93281 12.5851 7.93281 11.3333C7.93281 10.0814 8.94763 9.0666 10.1995 9.0666Z" fill="#C8C9CC"/>
+</svg>
+`,
+  '账号': `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.75 6C6.75 4.20507 8.20507 2.75 10 2.75C11.7949 2.75 13.25 4.20507 13.25 6C13.25 7.79493 11.7949 9.25 10 9.25C8.20507 9.25 6.75 7.79493 6.75 6ZM10 1.25C7.37665 1.25 5.25 3.37665 5.25 6C5.25 8.62335 7.37665 10.75 10 10.75C12.6234 10.75 14.75 8.62335 14.75 6C14.75 3.37665 12.6234 1.25 10 1.25ZM7.08333 12.25C4.52659 12.25 2.25 14.0485 2.25 16.5V18C2.25 18.4142 2.58579 18.75 3 18.75C3.41421 18.75 3.75 18.4142 3.75 18V16.5C3.75 15.0855 5.12975 13.75 7.08333 13.75H12.9167C14.8702 13.75 16.25 15.0855 16.25 16.5V18C16.25 18.4142 16.5858 18.75 17 18.75C17.4142 18.75 17.75 18.4142 17.75 18V16.5C17.75 14.0485 15.4734 12.25 12.9167 12.25H7.08333Z" fill="white"/>
+</svg>
+  `,
+  '密码': `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 2.75C8.20521 2.75 6.75 4.20521 6.75 6V6.25H13.25V6C13.25 4.20521 11.7948 2.75 10 2.75ZM5.25 6V6.25H5C3.48079 6.25 2.25 7.48079 2.25 9V16C2.25 17.5192 3.48079 18.75 5 18.75H15C16.5192 18.75 17.75 17.5192 17.75 16V9C17.75 7.48079 16.5192 6.25 15 6.25H14.75V6C14.75 3.37679 12.6232 1.25 10 1.25C7.37679 1.25 5.25 3.37679 5.25 6ZM5 7.75H6H14H15C15.6908 7.75 16.25 8.30921 16.25 9V16C16.25 16.6908 15.6908 17.25 15 17.25H5C4.30921 17.25 3.75 16.6908 3.75 16V9C3.75 8.30921 4.30921 7.75 5 7.75ZM7 11.791C7.07728 11.791 7.15183 11.8027 7.22198 11.8244C7.33059 11.8576 7.43941 11.9175 7.53395 12.012C7.69441 12.1725 7.755 12.3741 7.755 12.546C7.755 12.7179 7.69441 12.9195 7.53395 13.08C7.37349 13.2404 7.17193 13.301 7 13.301C6.82806 13.301 6.6265 13.2404 6.46604 13.08C6.30558 12.9195 6.245 12.7179 6.245 12.546C6.245 12.3741 6.30558 12.1725 6.46604 12.012C6.56058 11.9175 6.6694 11.8576 6.77801 11.8244C6.84816 11.8027 6.92271 11.791 7 11.791ZM10.227 11.8244C10.1568 11.8027 10.0823 11.791 10.005 11.791C9.92772 11.791 9.85317 11.8027 9.78302 11.8244C9.6744 11.8576 9.56559 11.9175 9.47105 12.012C9.31059 12.1725 9.25 12.3741 9.25 12.546C9.25 12.8135 9.38574 13.0072 9.50787 13.1141C9.61582 13.2085 9.78633 13.301 10.005 13.301C10.1769 13.301 10.3785 13.2404 10.539 13.08C10.6994 12.9195 10.76 12.7179 10.76 12.546C10.76 12.3741 10.6994 12.1725 10.539 12.012C10.4444 11.9175 10.3356 11.8576 10.227 11.8244ZM13 11.791C13.0773 11.791 13.1518 11.8027 13.222 11.8244C13.3306 11.8576 13.4394 11.9175 13.5339 12.012C13.6944 12.1725 13.755 12.3741 13.755 12.546C13.755 12.7179 13.6944 12.9195 13.5339 13.08C13.3735 13.2404 13.1719 13.301 13 13.301C12.8281 13.301 12.6265 13.2404 12.466 13.08C12.3056 12.9195 12.245 12.7179 12.245 12.546C12.245 12.3741 12.3056 12.1725 12.466 12.012C12.5606 11.9175 12.6694 11.8576 12.778 11.8244C12.8482 11.8027 12.9227 11.791 13 11.791Z" fill="white"/>
+</svg>
+  `,
+  '隐藏': `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.75407 6.08363C3.08999 5.89521 3.50407 6.03589 3.67894 6.39785C3.87274 6.79899 4.17743 7.19314 4.59171 7.55897L4.59173 7.55898C5.76389 8.59411 7.7212 9.31762 9.99815 9.31762C12.2751 9.31762 14.2324 8.5941 15.4046 7.55899L15.4046 7.55897C15.8189 7.19313 16.1236 6.79898 16.3174 6.39785C16.4922 6.0359 16.9063 5.89521 17.2422 6.08363C17.5782 6.27204 17.7087 6.71821 17.5339 7.08017C17.2391 7.69028 16.8035 8.23422 16.2739 8.70189C16.2001 8.76708 16.1242 8.83099 16.0464 8.89358L17.7994 10.7824C18.0672 11.071 18.0672 11.5388 17.7994 11.8273C17.5316 12.1159 17.0974 12.1159 16.8296 11.8273L14.8366 9.67985C14.1992 10.0139 13.4881 10.2807 12.7261 10.4695L13.3727 13.0697C13.4707 13.4639 13.2536 13.869 12.8878 13.9746C12.522 14.0802 12.146 13.8463 12.048 13.4521L11.3675 10.7156C10.9212 10.7682 10.4635 10.7953 9.99815 10.7953C9.52958 10.7953 9.06871 10.7678 8.61941 10.7145L7.93863 13.4522C7.84062 13.8463 7.46462 14.0803 7.09881 13.9746C6.733 13.869 6.51591 13.4639 6.61393 13.0697L7.26109 10.4672C6.50362 10.2788 5.79655 10.0133 5.16235 9.68125L3.1706 11.8274C2.90281 12.1159 2.46863 12.1159 2.20084 11.8274C1.93305 11.5388 1.93305 11.071 2.20084 10.7825L3.95217 8.8954C3.87355 8.83223 3.79694 8.76772 3.72241 8.7019C3.19279 8.23422 2.75721 7.69027 2.46246 7.08017C2.28759 6.71822 2.41815 6.27205 2.75407 6.08363Z" fill="black"/>
+</svg>
+`,
+  '显示': `<svg t="1716514814483" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2604" width="200" height="200"><path d="M512 768c-183.466667 0-328.533333-85.333333-426.666667-256 98.133333-170.666667 243.2-256 426.666667-256s328.533333 85.333333 426.666667 256c-98.133333 170.666667-243.2 256-426.666667 256z m8.533333-426.666667c-128 0-256 55.466667-328.533333 170.666667 72.533333 115.2 200.533333 170.666667 328.533333 170.666667s238.933333-55.466667 311.466667-170.666667c-72.533333-115.2-183.466667-170.666667-311.466667-170.666667z m-8.533333 298.666667c-72.533333 0-128-55.466667-128-128s55.466667-128 128-128 128 55.466667 128 128-55.466667 128-128 128z m0-85.333333c25.6 0 42.666667-17.066667 42.666667-42.666667s-17.066667-42.666667-42.666667-42.666667-42.666667 17.066667-42.666667 42.666667 17.066667 42.666667 42.666667 42.666667z" fill="black" p-id="2605"></path></svg>
+  `,
+  '提示': `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 3.25C6.27171 3.25 3.25 6.27171 3.25 10C3.25 13.7283 6.27171 16.75 10 16.75C13.7283 16.75 16.75 13.7283 16.75 10C16.75 6.27171 13.7283 3.25 10 3.25ZM10 18.25C5.44329 18.25 1.75 14.5567 1.75 10C1.75 5.44329 5.44329 1.75 10 1.75C14.5567 1.75 18.25 5.44329 18.25 10C18.25 14.5567 14.5567 18.25 10 18.25ZM10 5.5C10.4142 5.5 10.75 5.83579 10.75 6.25V10.4167C10.75 10.8309 10.4142 11.1667 10 11.1667C9.58579 11.1667 9.25 10.8309 9.25 10.4167V6.25C9.25 5.83579 9.58579 5.5 10 5.5ZM9.00003 13.5415C8.99603 12.9895 9.44402 12.5415 9.99601 12.5415C10.552 12.5415 11 12.9895 11 13.5415C11 14.0935 10.552 14.5415 10 14.5415C9.44802 14.5415 9.00003 14.0935 9.00003 13.5415Z" fill="white"/>
+</svg>
+`,
+  '删除': `<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1728454199160" class="icon" viewBox="0 0 1117 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1188" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12"><path d="M255.86996525-45.64114581h862.92613629v791.015625h-71.91051128C610.02923351 745.37447919 255.86996525 391.21521094 255.86996525-45.64114581z m609.65731513 496.93758857a22.00461633 22.00461633 0 0 0 31.10129603-31.06534035L772.3312578 295.93378303l124.26136371-124.29731861a21.93270575 21.93270575 0 1 0-31.06534113-31.06534112L741.26591668 264.832487 616.96859807 140.60707897a22.00461633 22.00461633 0 0 0-31.06534114 31.06534034L710.20057634 295.93378303l-124.29731941 124.29731938a21.96866144 21.96866144 0 1 0 31.06534114 31.06534035l124.29731861-124.29731861 124.2613637 124.29731861z" fill="#000000" p-id="1189"></path></svg>
+`
+}