@utogether/udp-core 1.0.0

package/src/views/udev/lov/childView.vue

@@ -0,0 +1,180 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2022-07-15 17:02:56
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-29 11:22:03
+ * @Description: file contentu
+-->
+<template>
+  <div class="ut-loview-wrapper">
+    <el-drawer
+      :model-value="show"
+      :with-header="false"
+      :show-close="false"
+      :close-on-click-modal="false"
+      size="90%"
+    >
+      <div v-spinning="loading">
+        <ut-content :title="$t('message.title.lovView')" @close="handleClose">
+          <template v-slot:header>
+            <ut-button icon="ri-save-3-fill" content="save" @tap="handleSave()" />
+          </template>
+          <template v-slot:body>
+            <ut-form ref="formRef" :record="record" :items="items" data-status="update" />
+            <ut-divider :title="$t('message.title.lovColConfig')" />
+            <ut-grid
+              ref="xgrid"
+              :columns="columns"
+              :url="subUrl"
+              :default-value="{ headerId: record.id }"
+              :default-params="{ headerId: record.id }"
+              :height="height"
+              :events="onEvents"
+            />
+          </template>
+        </ut-content>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import to from 'await-to-js';
+import { useRender } from '@utogether/utils';
+import { useSystemStoreHook } from '../../../store/modules/system';
+import { getServiceApi } from '../../../api';
+
+interface IProps {
+  record: IRecord;
+  show: boolean;
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+  record: (): IRecord => {
+    return {};
+  },
+  show: false
+});
+
+const renderHook = useRender();
+const dictData = useSystemStoreHook().dicts;
+const loading = ref(false);
+const optionProps = { value: 'dictCode', label: 'dictName' };
+
+const formRef = ref(null);
+
+const url = '/upfm/v1/lovViewHeader';
+const subUrl = '/upfm/v1/lovViewLine';
+
+const items = [
+  { field: 'lovCode', disabled: true },
+  { field: 'lovName', required: true },
+  { field: 'valueField', required: true },
+  // { field: 'displayField', required: true },
+  { field: 'lovTitle' },
+  { field: 'lovType', code: 'SU.LOV.TYPE', required: true },
+  { field: 'lovUrl', required: true, visible: props.record.lovType === 'url' },
+  {
+    field: 'sqlStatement',
+    span: 24,
+    visible: props.record.lovType === 'sql',
+    itemRender: { name: '$textarea', props: { rows: 5 } },
+    required: true
+  }
+];
+
+// 列字段
+const columns: ITableColProps[] = [
+  { type: 'checkbox', width: 50, align: 'center' },
+  { field: 'seqNo', required: true, width: 100, editRender: renderHook.renderNumber() },
+  { field: 'colField', required: true, editRender: renderHook.renderInput() },
+  { field: 'colTitle', required: true, editRender: renderHook.renderInput() },
+  { field: 'colWidth', required: true, width: 120, editRender: renderHook.renderNumber() },
+  {
+    field: 'fieldType',
+    width: 120,
+    editRender: renderHook.renderDict('SU.FIELD.TYPE', onChange),
+    formatter: ['formatDict', 'SU.FIELD.TYPE']
+  },
+  {
+    field: 'dictCode',
+    title: 'message.dictName',
+    width: 120,
+    editRender: renderHook.renderSelectLocal({ options: dictData, optionProps }),
+    formatter: ['formatSelectLocal', [dictData, 'dictCode', 'dictName']]
+  },
+  {
+    field: 'isSearch',
+    width: 120,
+    required: true,
+    editRender: renderHook.renderDict('SU.WHETHER'),
+    formatter: ['formatDict', 'SU.WHETHER']
+  },
+  {
+    field: 'isCol',
+    width: 120,
+    required: true,
+    editRender: renderHook.renderDict('SU.WHETHER'),
+    formatter: ['formatDict', 'SU.WHETHER']
+  }
+];
+
+const xgrid = ref(null);
+const height = window.innerHeight - 300;
+
+//激活事件
+const onEvents = {
+  editActived({ row }) {
+    columns[6].editRender.props.disabled = row.fieldType !== 'dictCode';
+  }
+};
+
+// change事件
+function onChange(item) {
+  item.row.dictName = '';
+  columns[6].editRender.props.disabled = item.row.fieldType !== 'dictCode';
+  columns[6].required = item.row.fieldType !== 'dictCode';
+}
+
+/**
+ * @description: 保存值集视图
+ * @return {*}
+ */
+const handleSave = () => {
+  formRef.value.validateForm(async valid => {
+    if (!valid) {
+      loading.value = true;
+      const [err] = await to(getServiceApi().put(url, [props.record]));
+      if (!err) {
+        const data = xgrid.value.getInstance().getRecordset();
+        data.insertRecords.length && (await to(getServiceApi().post(subUrl, data.insertRecords)));
+        data.updateRecords.length && (await to(getServiceApi().put(subUrl, data.updateRecords)));
+      }
+      loading.value = false;
+    }
+  });
+};
+
+const emit = defineEmits<{ (e: 'onClose'): void }>();
+// 抽屉关闭
+function handleClose() {
+  emit('onClose');
+}
+</script>
+
+<style lang="scss">
+.ut-loview-wrapper {
+  .el-drawer__header {
+    margin-bottom: 0;
+  }
+
+  .el-drawer__body {
+    padding: 5px 0;
+  }
+
+  .ut-content-body {
+    height: 90%;
+  }
+}
+</style>

package/src/views/udev/lov/lov-view.vue

@@ -0,0 +1,91 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2022-08-10 09:10:39
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-08 15:31:20
+ * @Description: 值集视图
+-->
+<template>
+  <div>
+    <ut-grid ref="xgrid" :items="formItems" :columns="columns" :url="url" :events="onEvents" />
+    <child-view v-if="shouDrawer" :show="shouDrawer" :record="record" @onClose="handleClose" />
+  </div>
+</template>
+
+<script setup lang="tsx">
+import { ref, nextTick } from 'vue';
+// import { VxeGridInstance } from 'vxe-table';
+import to from 'await-to-js';
+import { getServiceApi } from '../../../api';
+import childView from './childView.vue';
+import { useRender } from '@utogether/utils';
+
+defineOptions({ name: 'LovView' });
+
+const xgrid = ref(null);
+
+const formItems = [{ field: 'lovCode' }, { field: 'lovName' }];
+
+const renderHook = useRender();
+
+const url = '/upfm/v1/lovViewHeader';
+
+// 列字段
+const columns = [
+  { type: 'checkbox', width: 50, align: 'center' },
+  {
+    field: 'lovCode',
+    required: true,
+    editRender: renderHook.renderInput()
+  },
+  { field: 'lovName', required: true, editRender: renderHook.renderInput() },
+  { field: 'valueField', required: true, editRender: renderHook.renderInput() },
+  { field: 'lovTitle', editRender: renderHook.renderInput() },
+  {
+    field: 'lovType',
+    editRender: renderHook.renderDict('SU.LOV.TYPE'),
+    required: true,
+    formatter: ['formatDict', 'SU.LOV.TYPE']
+  },
+  { field: 'remarks', title: 'message.remark', editRender: renderHook.renderInput() },
+  { field: 'enabled', width: 80, cellRender: renderHook.renderEnabled(handleClick) },
+  {
+    field: 'operate',
+    width: 100,
+    fixed: 'right',
+    slots: {
+      default: ({ row }) => {
+        if (!row.id) return null;
+        return [<ut-button content="config" icon="ri-edit-box-line" onTap={() => hanldeDipose(row)} />];
+      }
+    }
+  }
+];
+
+const shouDrawer = ref(false);
+const record = ref(null);
+const hanldeDipose = row => {
+  nextTick(() => {
+    shouDrawer.value = true;
+    record.value = row;
+    // record.value.total = row.children.length;
+  });
+};
+const handleClose = () => {
+  xgrid.value.refreshData();
+  shouDrawer.value = false;
+};
+
+// 启用/禁用
+async function handleClick(row) {
+  const [err] = await to(getServiceApi().put(url, [row]));
+  !err && xgrid.value.refreshData();
+}
+
+const onEvents = {
+  editActived({ row }) {
+    columns[1].editRender.props.disabled = !!row.id;
+    xgrid.value.refreshColumn();
+  }
+};
+</script>

package/src/views/ufile/aggregation/File.vue

@@ -0,0 +1,87 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2022-08-10 09:10:39
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-08 15:33:48
+ * @Description: 文件汇总查询
+-->
+<template>
+  <div>
+    <ut-grid ref="xgrid" :items="formItems" :columns="columns" :url="url" />
+  </div>
+</template>
+
+<script lang="tsx">
+export default { name: 'AggregationFile' };
+</script>
+<script setup lang="tsx">
+import { ref } from 'vue';
+import { getBaseURL } from '../../../api';
+import { api as viewerApi } from 'v-viewer';
+
+const xgrid = ref(null);
+
+const url = '/ufil/v1/attachment';
+
+const formItems = [
+  { field: 'fileName', title: 'message.file.fileName' },
+  { field: 'creationDate', itemRender: { name: '#SuDateRange', props: { type: 'daterange' } } },
+  { field: 'createdByName' }
+];
+
+// 列字段
+const columns = [
+  { field: 'fileName', title: 'message.file.fileName', width: 240 },
+  { field: 'fileSize', title: 'message.file.fileSize', width: 110 },
+  { field: 'fileExtend', title: 'message.file.fileExtend', width: 100 },
+  { field: 'realpath', title: 'message.file.filePath' },
+  { field: 'createdByName', width: 120 },
+  { field: 'creationDate', width: 160 },
+  {
+    field: 'operate',
+    width: 70,
+    fixed: 'right',
+    slots: {
+      default: ({ row }) => {
+        if (['png', 'jpeg', 'jpg'].includes(row.fileExtend)) {
+          return [
+            <ut-button content="review" icon="ri-search-line-plus" onTap={() => handlePreview(row)} />
+          ];
+        } else {
+          return [
+            <ut-button
+              content="download"
+              icon="ri-download-2-fill"
+              status="warning"
+              onTap={() => handleDownload(row)}
+            />
+          ];
+        }
+      }
+    }
+  }
+];
+
+/**
+ * @description: 预览文件
+ * @param {*}
+ */
+const handlePreview = row => {
+  const realPath = `${getBaseURL()}/ufil${row.realpath}`;
+  const images = [{ src: realPath, 'data-source': realPath }];
+  viewerApi({ options: { toolbar: true, url: 'data-source' }, images });
+};
+
+// 附件下载
+const handleDownload = row => {
+  const url = getBaseURL() + '/ufil' + row.realpath;
+  const link = document.createElement('a');
+  link.style.display = 'none';
+  const fileName = row.fileName.split('.');
+  link.href = url;
+  link.setAttribute('download', fileName[0]);
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+};
+</script>

package/src/views/ufile/file/water-mark.vue

@@ -0,0 +1,103 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2021-11-30 13:57:17
+ * @LastEditors: wei.li
+ * @LastEditTime: 2024-06-28 09:36:43
+ * @Description: 图片水印设置
+-->
+<template>
+  <div>
+    <ut-grid ref="xgrid" :items="formItems" :columns="columns" :url="url" />
+  </div>
+</template>
+
+<script lang="tsx">
+export default { name: 'FileWaterMark' };
+</script>
+<script setup lang="tsx">
+import { ref } from 'vue';
+import { useRender } from '@utogether/utils';
+
+const xgrid = ref(null);
+
+const renderHook = useRender();
+
+const url = '/ufil/v1/watermark';
+
+const formItems = [
+  { field: 'watermarkCode', title: 'message.file.watermarkContent' },
+  {
+    field: 'watermarkType',
+    title: 'message.file.watermarkType',
+    itemRender: renderHook.renderDict('SU.WATERMARK.TYPE')
+  },
+  {
+    field: 'textAlign',
+    title: 'message.file.textAlign',
+    itemRender: renderHook.renderDict('SU.ALIGN.TYPE')
+  }
+];
+
+// 列字段
+const columns = [
+  { type: 'checkbox', width: 40, align: 'center' },
+  {
+    field: 'watermarkCode',
+    title: 'message.file.watermarkContent',
+    required: true,
+    minWidth: 110,
+    editRender: renderHook.renderInput()
+  },
+  {
+    field: 'watermarkType',
+    title: 'message.file.watermarkType',
+    width: 120,
+    required: true,
+    editRender: renderHook.renderDict({ code: 'SU.WATERMARK.TYPE', defaultValue: 'text' }),
+    formatter: ['formatDict', 'SU.WATERMARK.TYPE']
+  },
+  {
+    field: 'content',
+    title: 'message.file.watermarkContent',
+    width: 110,
+    editRender: renderHook.renderInput()
+  },
+  {
+    field: 'textAlign',
+    title: 'message.file.textAlign',
+    width: 120,
+    required: true,
+    editRender: renderHook.renderDict('SU.ALIGN.TYPE'),
+    formatter: ['formatDict', 'SU.ALIGN.TYPE']
+  },
+  {
+    field: 'watermarkTrigger',
+    title: 'message.file.watermarkTrigger',
+    width: 120,
+    required: true,
+    editRender: renderHook.renderDict('SU.WATERMARK.TRIGGER'),
+    formatter: ['formatDict', 'SU.WATERMARK.TRIGGER']
+  },
+  { field: 'color', title: 'message.file.color', width: 90, editRender: renderHook.renderInput() },
+  {
+    field: 'fillOpacity',
+    title: 'message.file.fillOpacity',
+    width: 100,
+    editRender: renderHook.renderNumber()
+  },
+  {
+    field: 'fontSize',
+    title: 'message.file.fontSize',
+    width: 110,
+    editRender: renderHook.renderNumber()
+  },
+  {
+    field: 'rotation',
+    title: 'message.file.rotation',
+    width: 110,
+    editRender: renderHook.renderNumber()
+  },
+  { field: 'xAxis', title: 'message.file.xAxis', width: 100, editRender: renderHook.renderNumber() },
+  { field: 'yAxis', title: 'message.file.yAxis', width: 100, editRender: renderHook.renderNumber() }
+];
+</script>