@utogether/udp-core 1.0.0

package/src/views/uapp/pda/pda-app.vue

@@ -0,0 +1,176 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2021-12-23 11:22:51
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-29 17:11:13
+ * @Description: 托盘管理
+-->
+
+<template>
+  <div>
+    <ut-grid ref="xgrid" :columns="columns" :url="url" mode="form" @buttonClick="onButtonClick" />
+    <ut-modal-form
+      v-if="showModalForm"
+      :record="record"
+      :items="items"
+      :width="360"
+      :height="340"
+      :title="$t('message.title.appAdd')"
+      :url="url"
+      data-status="add"
+      @close="showModalForm = false"
+      @confirm="onConfirm"
+    />
+  </div>
+</template>
+<script lang="tsx">
+export default { name: 'PdaApp' };
+</script>
+<script setup lang="tsx">
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import to from 'await-to-js';
+import { getBaseURL, getServiceApi } from '../../../api';
+import { useRender } from '@utogether/utils';
+import { clone } from 'xe-utils';
+import SuQrcode from '../../../components/SuQrcode';
+
+const baseURL = getBaseURL();
+
+const renderHook = useRender();
+
+const { t } = useI18n();
+const url = '/upms/v1/app-manage';
+const xgrid = ref(null);
+const record = ref({});
+
+// const formItems = [
+//   { field: 'organizationName', itemRender: renderHook.renderInvOrg() },
+//   { field: 'trayTypeCode', itemRender: renderHook.renderDict('SU.TRAY.TYPE') },
+//   { field: 'trayCode' },
+//   { field: 'materialCode' },
+//   { field: 'materialName' },
+//   { field: 'packCode', title: 'message.boxSignCode' }
+// ];
+
+// 列字段
+const columns = [
+  { type: 'checkbox', width: 45, align: 'center' },
+  // { field: 'trayTypeCode', width: 110, formatter: ['formatDict', 'SU.TRAY.TYPE'] },
+  { field: 'appVersion', width: 110 },
+  { field: 'buildNo', width: 130 },
+  { field: 'versionInfo', miWidth: 200 },
+  {
+    field: 'enabled',
+    title: 'message.status',
+    width: 90,
+    formatter: ({ row }) => (row.enabled === '1' ? t('message.appupper') : t('message.applower'))
+  },
+  { field: 'creationDate', width: 140 },
+  {
+    field: 'operate',
+    width: 260,
+    fixed: 'right',
+    slots: {
+      default: ({ row }) => {
+        const content = row.enabled === '1' ? 'applower' : 'appupper';
+        const status = row.enabled === '1' ? 'warning' : 'primary';
+        const icon = row.enabled === '1' ? 'ri-inbox-archive-line' : 'ri-inbox-unarchive-line';
+        if (row.enabled !== '1') {
+          return [
+            <ut-button content={content} icon={icon} status={status} onTap={() => handleChild(row)} />
+          ];
+        }
+        return [
+          <>
+            <div style="display: flex; justify-content: space-between;">
+              <ut-button content={content} icon={icon} status={status} onTap={() => handleChild(row)} />
+              <el-popover
+                placement="left"
+                v-slots={{
+                  reference: () => <el-button type="success">{t('message.btn.scan')}</el-button>
+                }}
+              >
+                <>
+                  <SuQrcode text={baseURL + '/ufil/' + row.downloadUrl} />
+                </>
+              </el-popover>
+            </div>
+          </>
+          // <el-popover
+          //   placement="left"
+          //   v-slots={{
+          //     reference: () => <el-button type="primary">外网下载</el-button>
+          //   }}
+          // >
+          //   <>
+          //     <SuQrcode text={'http://jemes.uzuo.cn/gateway/ufil/' + row.downloadUrl} />
+          //   </>
+          // </el-popover>
+        ];
+      }
+    }
+  }
+];
+
+// 启用/禁用
+// async function handleClick({ row }) {
+//   await to(getServiceApi().put(url, row));
+//   xgrid.value.refreshData();
+// }
+
+/**
+ * @param {*} row 数据源
+ */
+const handleChild = async row => {
+  const body = clone(row, true);
+  body.enabled = row.enabled === '1' ? '0' : '1';
+  await to(getServiceApi().put(url, body));
+  xgrid.value.refreshData();
+};
+
+/**
+ * @description:监听grid事件
+ * @return {*}
+ */
+const onButtonClick = code => {
+  code === 'add' && handleAdd();
+  code === 'del' && handleDel();
+};
+
+const items = [
+  { field: 'appVersion', required: true },
+  { field: 'buildNo', required: true },
+  { field: 'versionInfo', required: true, itemRender: renderHook.renderTextarea() },
+  {
+    field: 'downloadUrl',
+    required: false,
+    itemRender: { name: '#upload', props: { baseUrl: baseURL } }
+  }
+];
+
+const showModalForm = ref(false);
+
+/**
+ * @description: 添加
+ */
+const handleAdd = () => {
+  record.value = {};
+  showModalForm.value = true;
+};
+
+const handleDel = () => {
+  xgrid.value.getInstance().commitProxy('delete');
+};
+
+// const handleDownFile = row => {
+//   clipboardRef.value = baseURL + '/ufil/' + row.downloadUrl;
+//   successMessage('复制成功,快试试右键粘贴吧');
+// };
+
+// const buttons = [{ code: 'del', status: 'danger', icon: 'ri-delete-bin-line', auth: 'del' }];
+
+const onConfirm = () => {
+  xgrid.value.refreshData();
+};
+</script>

package/src/views/udev/coderule/code-rule.vue

@@ -0,0 +1,121 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2021-12-15 17:45:07
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-08 15:29:48
+ * @Description: 编码规则
+-->
+<template>
+  <div>
+    <ut-grid ref="xgrid" :items="formItems" :columns="columns" :url="url" />
+
+    <ut-modal-grid
+      v-if="showModal"
+      ref="xmgrid"
+      :default-value="subParam"
+      :default-params="subParam"
+      :columns="subColumns"
+      :url="url + 'Detail'"
+      :editable="!haveBeenUsed"
+      :show-footer="false"
+      width="80%"
+      title="编码段设置"
+      @close="showModal = false"
+    />
+  </div>
+</template>
+
+<script lang="tsx">
+export default { name: 'CodeRule' };
+</script>
+<script setup lang="tsx">
+import { ref } from 'vue';
+import to from 'await-to-js';
+import { useRender } from '@utogether/utils';
+import { getServiceApi } from '../../../api';
+
+const renderHook = useRender();
+
+const xgrid = ref(null);
+const showModal = ref(false);
+const haveBeenUsed = ref(false);
+const subParam = ref({});
+
+const url = '/upfm/v1/codingRule';
+
+const formItems = [
+  { field: 'ruleCode', title: 'message.udp.ruleCode' },
+  { field: 'ruleName', title: 'message.udp.ruleName' }
+];
+// 列字段
+const columns = [
+  { type: 'checkbox', width: 40, align: 'center' },
+  {
+    field: 'ruleCode',
+    title: 'message.udp.ruleCode',
+    required: true,
+    editRender: renderHook.renderInput()
+  },
+  {
+    field: 'ruleName',
+    title: 'message.udp.ruleName',
+    required: true,
+    editRender: renderHook.renderInput()
+  },
+  { field: 'remark', editRender: renderHook.renderInput() },
+  { field: 'haveBeenUsed', title: 'message.udp.haveBeenUsed', formatter: ['formatDict', 'SU.WHETHER'] },
+  { field: 'enabled', width: 80, cellRender: renderHook.renderEnabled(handleClick) },
+  {
+    field: 'operate',
+    width: 80,
+    fixed: 'right',
+    slots: {
+      default: ({ row }) => {
+        const content = row.haveBeenUsed === 'Y' ? 'look' : 'encode';
+        const status = row.haveBeenUsed === 'Y' ? 'info' : 'primary';
+        return [<ut-button content={content} status={status} onTap={() => handleEdit(row)} />];
+      }
+    }
+  }
+];
+
+const subColumns = [
+  { type: 'checkbox', width: 40, align: 'center' },
+  { field: 'orderSeq', title: 'message.seqNo', required: true, editRender: renderHook.renderNumber() },
+  {
+    field: 'fieldType',
+    title: 'message.udp.xxx',
+    required: true,
+    editRender: renderHook.renderDict('SU.CODE.RULE.TYPE')
+  },
+  { field: 'fieldValue', title: 'message.udp.fieldValue', editRender: renderHook.renderInput() },
+  {
+    field: 'dateMask',
+    title: 'message.udp.dateMask',
+    editRender: renderHook.renderDict('SU.DATE.MASK')
+  },
+  {
+    field: 'resetFrequency',
+    title: 'message.udp.resetFrequency',
+    editRender: renderHook.renderDict('SU.RESET.FREQUENCY')
+  },
+  { field: 'seqLength', title: 'message.udp.seqLength', editRender: renderHook.renderInput() },
+  { field: 'startValue', title: 'message.udp.startValue', editRender: renderHook.renderInput() },
+  { field: 'currentValue', title: 'message.udp.currentValue' },
+  { field: 'remark', editRender: renderHook.renderInput() }
+  // { field: 'enabled', width: 80, cellRender: renderHook.renderEnabled(handleClick) }
+];
+
+const handleEdit = row => {
+  haveBeenUsed.value = row.haveBeenUsed === 'Y';
+  subParam.value = { codingRuleId: row.id };
+  showModal.value = true;
+};
+
+// 启用/禁用
+async function handleClick({ row }) {
+  console.log(row);
+  const [err] = await to(getServiceApi().put(url, row));
+  !err && xgrid.value.refreshData();
+}
+</script>

package/src/views/udev/dict/DictView.vue

@@ -0,0 +1,106 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2021-12-23 17:33:21
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-08 15:22:57
+ * @Description: 数据字典
+-->
+<template>
+  <div>
+    <ut-grid
+      ref="xgrid"
+      :items="formItems"
+      :columns="columns"
+      url="/upfm/v1/lov"
+      :events="onGridEvents"
+    />
+    <child-view v-if="shouDrawer" :show="shouDrawer" :record="record" @onClose="handleClose" />
+  </div>
+</template>
+
+<script lang="tsx">
+export default { name: 'DictView' };
+</script>
+<script setup lang="tsx">
+import { ref, nextTick } from 'vue';
+import childView from './childView.vue';
+import { useRender } from '@utogether/utils';
+
+const xgrid = ref(null);
+// const renderOption = useRenderOption();
+
+const formItems = [
+  { field: 'dictCode', title: 'message.udp.dictCode' },
+  { field: 'dictName', title: 'message.udp.dictName' },
+  { field: 'dictType', title: 'message.udp.dictType' }
+];
+
+const renderHook = useRender();
+// 列字段
+const columns = [
+  { type: 'checkbox', width: 40, align: 'center' },
+  {
+    field: 'dictCode',
+    title: 'message.udp.dictCode',
+    required: true,
+    editRender: renderHook.renderInput()
+  },
+  {
+    field: 'dictName',
+    title: 'message.udp.dictCode',
+    required: true,
+    editRender: renderHook.renderInput()
+  },
+  {
+    field: 'dictType',
+    title: 'message.udp.dictType',
+    required: true,
+    editRender: renderHook.renderDict('SU.DICT.TYPE'),
+    formatter: ['formatDict', 'SU.DICT.TYPE']
+  },
+  { field: 'dictDesc', title: 'message.remark', editRender: renderHook.renderInput() },
+  {
+    field: 'enabled',
+    width: 90,
+    editRender: renderHook.renderDict({ code: 'SU.ENABLE', defaultValue: '1' }),
+    formatter: ['formatDict', 'SU.ENABLE']
+  },
+  {
+    field: 'operate',
+    width: 80,
+    slots: {
+      default: ({ row }) => {
+        if (!row.id) return null;
+        return [<ut-button content="lov" onClick={() => 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;
+};
+
+const onGridEvents = {
+  editActived({ row }) {
+    columns[1].editRender.props.disabled = !!row.id;
+  }
+};
+
+// function onChange(e) {
+//   console.log('onChange', e);
+// }
+// function onFocus(e) {
+//   console.log('onFocus', e);
+// }
+</script>

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

@@ -0,0 +1,222 @@
+<!--
+ * @Author: wei.li
+ * @Date: 2022-07-15 17:02:56
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-04-08 15:29:30
+ * @Description: file contentu
+-->
+<template>
+  <div class="u-dict-config_wrapper">
+    <el-drawer
+      :model-value="show"
+      :before-close="handleClose"
+      :title="$t('message.title.dictList', { name: record.dictName })"
+      direction="rtl"
+      destroy-on-close
+      size="76%"
+    >
+      <div style="margin: 10px">
+        <vxe-toolbar>
+          <template #buttons>
+            <vxe-button status="primary" icon="vxe-icon-add" @click="onAdd">
+              {{ $t('message.btn.add') }}
+            </vxe-button>
+          </template>
+          <template #tools>
+            <vxe-button icon="vxe-icon-refresh" @click="getDict" />
+          </template>
+        </vxe-toolbar>
+        <vxe-table
+          border
+          row-id="id"
+          :data="tableData"
+          :loading="loading"
+          :tree-config="{ childrenField: 'children', expandAll: true }"
+        >
+          <vxe-table-column type="seq" width="130" :title="$t('message.seqNo')" tree-node />
+          <vxe-table-column field="dictCode" :title="$t('message.udp.dictCode')" />
+          <vxe-table-column field="dictName" :title="$t('message.udp.dictName')" />
+          <vxe-table-column field="dictDesc" :title="$t('message.remark')" />
+          <vxe-table-column field="enabled" :title="$t('message.enabled')" width="100">
+            <template #default="{ row }">
+              <span>{{ row.enabled === '1' ? $t('message.enabled') : $t('message.disabled') }}</span>
+            </template>
+          </vxe-table-column>
+          <vxe-table-column field="" :title="$t('message.operate')" width="200">
+            <template #default="{ row }">
+              <ut-button status="primary" content="edit" @tap="onEdit(row)" />
+              <ut-button status="warning" content="delete" @tap="onDel(row)" />
+              <ut-button
+                status="success"
+                content="add"
+                :disabled="row.enabled !== '1'"
+                @tap="onChildren(row)"
+              />
+            </template>
+          </vxe-table-column>
+        </vxe-table>
+      </div>
+      <!-- <ut-grid
+        ref="gridRef"
+        :columns="columns"
+        url="/upfm/v1/lov"
+        :default-params="{ parentId: record.id }"
+        :default-value="{ parentId: record.id }"
+        :events="onEvents"
+      /> -->
+      <ut-modal-form
+        v-if="showModal"
+        ref="xmodal"
+        :record="subRecord"
+        :items="subItems"
+        width="400"
+        height="280"
+        :data-status="modalType"
+        :title="$t('message.title.dictInfo', { name: record.dictName })"
+        @close="showModal = false"
+        @confirm="onConfirm"
+      />
+    </el-drawer>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+import to from 'await-to-js';
+import { VxeUI } from 'vxe-pc-ui';
+import { successMessage, useRender } from '@utogether/utils';
+import { getServiceApi } from '../../../api';
+import { useSystemStoreHook } from '../../../store/modules/system';
+
+interface IProps {
+  record: IRecord;
+  show: boolean;
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+  record: (): IRecord => {
+    return {};
+  },
+  show: false
+});
+const renderHook = useRender();
+const { t } = useI18n();
+
+const URL = '/upfm/v1/lov';
+const tableData = ref([]);
+const loading = ref(false);
+const showModal = ref(false);
+const subRecord = ref<IRecord>({});
+const temp = ref<IRecord>({});
+const modalType = ref('add');
+const subItems = [
+  { field: 'dictCode', title: 'message.udp.dictCode', required: true },
+  { field: 'dictName', title: 'message.udp.dictName', required: true },
+  { field: 'dictDesc', title: 'message.remark' },
+  {
+    field: 'enabled',
+    itemRender: renderHook.renderSwitch({ openValue: '1', closeValue: '0', defaultValue: '1' })
+    // itemRender: renderHook.renderDict({ code: 'SU.ENABLE', defaultValue: '1' })
+    // formatter: ['formatDict', 'SU.ENABLE']
+  }
+];
+
+const onAdd = () => {
+  showModal.value = true;
+  modalType.value = 'add';
+  subRecord.value = {
+    dictCode: '',
+    dictName: '',
+    dictDesc: '',
+    enabled: '1'
+  };
+  temp.value = props.record;
+};
+const onChildren = row => {
+  showModal.value = true;
+  modalType.value = 'child';
+  subRecord.value = {
+    dictCode: '',
+    dictName: '',
+    dictDesc: '',
+    enabled: '1'
+  };
+  temp.value = JSON.parse(JSON.stringify(row));
+};
+const onDel = async row => {
+  const type = await VxeUI.modal.confirm(t('message.deleteRecord'));
+  if (type === 'confirm') {
+    await getServiceApi().delete(URL, [row]);
+    successMessage();
+    getDict();
+  }
+};
+const onEdit = async row => {
+  // const type = await VXETable.modal.confirm('此删除操作不可逆,确定继续?');
+  showModal.value = true;
+  modalType.value = 'edit';
+  temp.value = props.record;
+  subRecord.value = JSON.parse(JSON.stringify(row));
+  console.log({ subRecord });
+};
+
+const onConfirm = async () => {
+  const query = {
+    ...subRecord.value,
+    orgId: useSystemStoreHook().getOrgId,
+    organizationId: useSystemStoreHook().getOrganizationId,
+    parentId: subRecord.value.parentId || temp.value.id
+  };
+  let type = 'post';
+  if (['add', 'child'].includes(modalType.value)) {
+    type = 'post';
+  } else {
+    type = 'put';
+  }
+  loading.value = true;
+  const [err, res]: [Error, any] = await to(getServiceApi()[type](URL, [query]));
+  loading.value = false;
+  if (!err) {
+    console.log({ res });
+    showModal.value = false;
+    successMessage();
+    getDict();
+  }
+};
+
+const getDict = async () => {
+  const query = {
+    parentId: props.record.id
+  };
+  loading.value = true;
+  const [err, res]: [Error, any] = await to(getServiceApi().get(URL + '/children', query));
+  loading.value = false;
+  if (!err) {
+    tableData.value = res.list;
+    // status.value = 'update';
+    // successMessage();
+  }
+};
+
+const emit = defineEmits<{
+  (e: 'onClose'): void;
+}>();
+
+// 抽屉关闭
+function handleClose() {
+  emit('onClose');
+}
+
+onMounted(() => {
+  getDict();
+});
+</script>
+
+<style lang="scss">
+.u-dict-config_wrapper {
+  .el-drawer__header {
+    margin-bottom: 0;
+  }
+}
+</style>