@utogether/udp-core 1.0.1-beta.9 → 1.0.2

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

@@ -1,208 +1,208 @@
-<!--
- * @Author: wei.li
- * @Date: 2021-12-23 11:22:51
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2025-08-16 18:01:55
- * @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="420"
-      :height="450"
-      :title="$t('message.title.appAdd')"
-      :url="url"
-      class="ut-app-form"
-      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 '../../../utils/udp/useRender';
-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: 'appVersion', title: 'message.udp.appVersion', width: 110 },
-  { field: 'buildNo', title: 'message.udp.buildNo', width: 130 },
-  {
-    field: 'isForceUpdate',
-    title: 'message.udp.isForceUpdate',
-    width: 130,
-    formatter: ({ row }) => (row.isForceUpdate === 'Y' ? t('message.udp.forceUpdate') : t('message.udp.freeUpdate'))
-  },
-  { field: 'versionInfo', title: 'message.udp.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', title: 'message.udp.appVersion', required: true },
-  { field: 'buildNo', title: 'message.udp.buildNo', required: true },
-  {
-    field: 'isForceUpdate',
-    title: 'message.udp.isForceUpdate',
-    required: true,
-    itemRender: renderHook.renderSwitch({
-      openLabel: t('message.udp.forceUpdate'),
-      closeLabel: t('message.udp.freeUpdate'),
-      openValue: 'Y',
-      closeValue: 'N'
-    })
-  },
-  {
-    field: 'versionInfo',
-    title: 'message.udp.versionInfo',
-    required: true,
-    itemRender: renderHook.renderTextarea()
-  },
-  {
-    field: 'downloadUrl',
-    required: false,
-    title: 'message.udp.downloadUrl',
-    itemRender: renderHook.renderUpload()
-  }
-];
-
-const showModalForm = ref(false);
-
-/**
- * @description: 添加
- */
-const handleAdd = () => {
-  record.value = {
-    // downloadUrl: 'https://vxeui.com/resource/img/fj577.jpg'
-    // downloadUrl: '/resource/image/20250817/15806d21e3f445dcae0e2e0825c76a79.jpg'
-  };
-  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>
-<style lang="scss" scoped>
-.ut-app-form {
-  ::v-deep(.vxe-switch--label) {
-    width: 100%;
-  }
-}
-</style>
+<!--
+ * @Author: wei.li
+ * @Date: 2021-12-23 11:22:51
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-08-16 18:01:55
+ * @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="420"
+      :height="450"
+      :title="$t('message.title.appAdd')"
+      :url="url"
+      class="ut-app-form"
+      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 '../../../utils/udp/useRender';
+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: 'appVersion', title: 'message.udp.appVersion', width: 110 },
+  { field: 'buildNo', title: 'message.udp.buildNo', width: 130 },
+  {
+    field: 'isForceUpdate',
+    title: 'message.udp.isForceUpdate',
+    width: 130,
+    formatter: ({ row }) => (row.isForceUpdate === 'Y' ? t('message.udp.forceUpdate') : t('message.udp.freeUpdate'))
+  },
+  { field: 'versionInfo', title: 'message.udp.versionInfo', miWidth: 200 },
+  {
+    field: 'enabled',
+    title: 'message.status',
+    width: 90,
+    formatter: ({ row }) => (row.enabled === '1' ? t('message.udp.appupper') : t('message.udp.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', title: 'message.udp.appVersion', required: true },
+  { field: 'buildNo', title: 'message.udp.buildNo', required: true },
+  {
+    field: 'isForceUpdate',
+    title: 'message.udp.isForceUpdate',
+    required: true,
+    itemRender: renderHook.renderSwitch({
+      openLabel: t('message.udp.forceUpdate'),
+      closeLabel: t('message.udp.freeUpdate'),
+      openValue: 'Y',
+      closeValue: 'N'
+    })
+  },
+  {
+    field: 'versionInfo',
+    title: 'message.udp.versionInfo',
+    required: true,
+    itemRender: renderHook.renderTextarea()
+  },
+  {
+    field: 'downloadUrl',
+    required: false,
+    title: 'message.udp.downloadUrl',
+    itemRender: renderHook.renderUpload()
+  }
+];
+
+const showModalForm = ref(false);
+
+/**
+ * @description: 添加
+ */
+const handleAdd = () => {
+  record.value = {
+    // downloadUrl: 'https://vxeui.com/resource/img/fj577.jpg'
+    // downloadUrl: '/resource/image/20250817/15806d21e3f445dcae0e2e0825c76a79.jpg'
+  };
+  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>
+<style lang="scss" scoped>
+.ut-app-form {
+  ::v-deep(.vxe-switch--label) {
+    width: 100%;
+  }
+}
+</style>