<template>
  <div :class="$style.content">
    <div :class="$style.doc">
      <div :class="$style.bold">自定义条件-数值填写规范：</div>
      <p>自定义数据权限，即筛选出符合指定条件的数据范围。</p>
      <p
        >条件表达式由左表达式、运算符和右表达式三部分组成，左表达式可选表单字段，右表达式可输入数值，不同类型数值的填写规范示例如下：</p
      >
      <div v-for="(item, index) in contents" :key="index">
        <p>{{ item.title }}</p>
        <ul v-for="(inner, i) in item.content" :key="i">
          <li>
            <div>{{ inner.first }}</div>
            <div>{{ inner.second }}</div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
import components from './_import-components/sd-perm-custom-explain-import'

export default {
  name: 'SdPermCustomExplain',
  metaInfo: {
    title: 'SdPermCustomExplain',
  },
  components,
  data() {
    return {
      contents: [
        {
          title: '1、左表达式选择字段为字符类型时:',
          content: [
            {
              first: `当运算符选项选择“等于”、“不等于”时，右表达式输入字符需要加英文双引号（‘’）。`,
              second: `例如 标题 等于 '2022发文' ：权限范围为标题等于 ”2022发文“的所有记录；`,
            },
            {
              first: `当运算符选项选择“包含”时，右表达式输入字符需要加英文百分号（%）。`,
              second: ` 例如 标题 包含 '%发文%' 权限范围为 标题字段 包含"发文"的所有记录 ，
                          '发文%' 权限范围为 标题字段 以"发文"开头的所有记录 ，
                          '%发文' 权限范围为 标题字段 以"发文"结尾的所有记录 ，
`,
            },
            {
              first: `当运算符选项选择“属于”、“不属于”时，右表达式输入字符需要加英文双引号（’’），多个数值间以英文逗号（,）分隔。`,
              second: `例如 标题 属于 ('2021发文','2022发文' )：权限范围为标题等于 ”2021发文“，”2022发文“的所有记录； `,
            },
          ],
        },
        {
          title: `2、左表达式选择字段为数值类型时：`,
          content: [
            {
              first: `当运算符选项选择“等于”、“不等于”、“大于”、“小于”时，直接输入数字。`,
              second: `例如 数值框 等于 2021 ：权限范围为数值框的值等于 2021的所有记录；`,
            },
            {
              first: `当运算符选项选择“属于”、“不属于”时，多个数值间以英文逗号（，）间隔。`,
              second: `例如 数值框 属于 2021,2022 ：权限范围为数值框的值等于 2021，2022的所有记录；`,
            },
          ],
        },
        {
          title: `3、左表达式选择字段为日期类型时：`,
          content: [
            {
              first: `运算符选项可选择等于、不等于、大于、小于，所录入自定义数值需为数字，此数字为待比较日期的时间戳毫秒数，可查找在线时间戳转换工具转换。`,
              second: `例如 ”2022-11-21 10:59:50“，对应时间戳为1668999590608。`,
            },
          ],
        },
        {
          title: `4、左表达式所选字段为长数值类型时：`,
          content: [
            {
              first: `操作符选项可选属于、不属于， 所录入自定义数值，每个数值间用,分隔。`,
              second: `例如 长数值框 属于 2021,2022 ：权限范围为长数值框中值等于 2021，2022的所有记录；`,
            },
          ],
        },
      ],
    }
  },
  methods: {},
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
.content {
  background: #f0f2f5;
  .doc {
    width: 210mm;
    height: 100%;
    padding: 17mm;
    margin: auto;
    background: $white;
    .bold {
      font-weight: bold;
    }
    p {
      margin-bottom: 0;
      text-indent: 1.5em;
    }
    p + p {
      margin-top: 0;
    }
    ul {
      margin: 0 0 5px 15px;
    }
  }
}
</style>
