syntec3-0-ui-components-test 1.0.0

package/src/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/src/components/Layout/modules/fullPageGlobal.vue

@@ -0,0 +1,113 @@
+<template>
+  <div
+    v-show="visibleShow"
+    v-loading="loading"
+    :value="visibleShow"
+    class="full_page"
+    :style="{ height: height ? height : 'calc(100% + 1rem)', top: top ? top : '-1rem' }"
+    :data-test-id="`${dataTestId}-DIV-NjXo0`"
+  >
+    <div v-if="globalProps" class="title_name" :data-test-id="`${dataTestId}-DIV-VCvcCd`">
+      {{ globalProps }}
+    </div>
+    <div style="height: 2rem; float: right; line-height: 2rem" :data-test-id="`${dataTestId}-DIV-E2CzeU`">
+      <slot name="head_button" />
+      <el-button
+        v-if="isShowSave"
+        class="button_item"
+        type="primary"
+        link
+        :data-test-id="`${dataTestId}-EL-BUTTON-w4qzUN`"
+        @click="dialogEvent('submit')"
+      >
+        <i
+          :class="`mdi mdi-content-save-check-outline`"
+          style="margin-right: 0.5rem"
+          :data-test-id="`${dataTestId}-I-oIdZaY`"
+        />
+        {{ $t('save') }}
+      </el-button>
+      <el-button
+        class="button_item"
+        type="primary"
+        style="padding-right: 10px"
+        link
+        :data-test-id="`${dataTestId}-EL-BUTTON-SM1nlI`"
+        @click="dialogEvent('close')"
+      >
+        <i :class="`mdi mdi-close`" style="margin-right: 0.5rem" :data-test-id="`${dataTestId}-I-kreuD8`" />
+        {{ $t('cancel') }}
+      </el-button>
+    </div>
+    <div style="height: calc(100% - 2rem)" :data-test-id="`${dataTestId}-DIV-2oISpK`">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed, ref } from 'vue';
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false,
+  },
+  globalProps: {
+    title: {
+      type: String,
+      default: '',
+    },
+  },
+  height: {
+    type: String,
+    default: '100%',
+  },
+  top: {
+    type: String,
+    default: '0rem',
+  },
+  isShowSave: {
+    type: Boolean,
+    default: true,
+  },
+  dataTestId: {
+    type: String,
+    default: '',
+  },
+});
+const loading = ref(false);
+const emit = defineEmits(['update:modelValue', 'update:address', 'submit', 'close']);
+const visibleShow = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(value) {
+    emit('update:modelValue', value);
+  },
+});
+
+function dialogEvent(type) {
+  emit(type);
+}
+defineExpose({ closed, open });
+</script>
+
+<style lang="scss" scoped>
+.full_page {
+  width: 100%;
+  height: calc(100% + 1rem);
+  position: absolute;
+  top: -3rem;
+  z-index: 300;
+  background: white;
+}
+.title_name {
+  float: left;
+  height: 1.5rem;
+  text-align: center;
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.5rem;
+  border-left: 5px solid rgb(3, 3, 151);
+}
+</style>

package/src/components/Layout/modules/viewFile/config.js

@@ -0,0 +1,65 @@
+/* 动态筛选 */
+const dynamicFilteringOptions = [
+  { value: 2, label: 'today', sql: 'today' }, // 今天需要处理
+  { value: 3, label: 'yesterday', sql: 'yesterday' }, // 昨天需要处理
+  { value: 4, label: 'thisWeek', sql: 'thisweek' },
+  { value: 5, label: 'lastWeek', sql: 'lastweek' },
+  { value: 6, label: 'thisMonth', sql: 'thismonth' },
+  { value: 7, label: 'lastMonth', sql: 'lastmonth' },
+  { value: 8, label: 'lastThreeMonths', sql: 'lastthreemonths' },
+  { value: 0, label: 'custom', sql: 'custom' },
+  { value: 1, label: 'customRange' }, // 自定义范围
+];
+/* 动态筛选自定义筛选 */
+const pastOrFutureOptions = [
+  { value: 0, label: 'past' },
+  { value: 2, label: 'current' },
+  { value: 1, label: 'future' },
+];
+/* 动态筛选自定义筛选时间类型 */
+const dayTypeOptions = [
+  { value: 1, label: 'daily' },
+  { value: 2, label: 'week' },
+  { value: 3, label: 'month' },
+  { value: 4, label: 'quarter' },
+  { value: 5, label: 'year' },
+];
+/* 筛选条件内容的字段类型为4时，判断逻辑选项 */
+const startOrEndOptions = [
+  { value: 0, label: 'intervalStart' },
+  { value: 1, label: 'intervalEnd' },
+];
+/* 判断逻辑 */
+const operatorOptions = [
+  { value: 1, label: 'greaterThan', sql: '>' }, // 大于
+  { value: 2, label: 'greaterThanOrEqualTo', sql: '>=' }, // 大于等于
+  { value: 3, label: 'lessThan', sql: '<' }, // 小于
+  { value: 4, label: 'lessThanOrEqualTo', sql: '<=' }, // 小于等于
+  { value: 5, label: 'equalTo', sql: '=' }, // 等于
+  { value: 6, label: 'notEqualTo', sql: '!=' }, // 不等于
+  { value: 7, label: 'contains', sql: 'LIKE' }, // 包含
+  { value: 8, label: 'notContains', sql: 'NOT LIKE' }, // 不包含
+  { value: 9, label: 'yesEmpty', sql: 'is' }, // 为空
+  { value: 10, label: 'notEmpty', sql: 'is not' }, // 不为空
+  { value: 11, label: 'selectRange', sql: 'BETWEEN' }, // 选择范围
+  { value: 12, label: 'dynamicFiltering', sql: 'BETWEEN' }, // 动态筛选
+  { value: 13, label: 'inRange', sql: 'BETWEEN' }, // 在范围内
+  { value: 14, label: 'notInRange', sql: 'NOT BETWEEN' }, // 不在范围内
+  { value: 15, label: 'isOneOf', sql: 'IN' }, // 是其中一个
+  { value: 16, label: 'notAnyOf', sql: 'NOT IN' }, // 不是任何一个
+];
+/* 时间精度 */
+const timePrecisionOptions = [
+  { value: 0, label: 'daily', timeFormat: 'YYYY-MM-DD' },
+  { value: 1, label: 'hour', timeFormat: 'YYYY-MM-DD HH' },
+  { value: 2, label: 'minute', timeFormat: 'YYYY-MM-DD HH:mm' },
+  { value: 3, label: 'second', timeFormat: 'YYYY-MM-DD HH:mm:ss' },
+];
+export default {
+  dynamicFilteringOptions,
+  pastOrFutureOptions,
+  dayTypeOptions,
+  startOrEndOptions,
+  operatorOptions,
+  timePrecisionOptions,
+};