From 70d55554658938b38786bc8c81779fcda4f3921b Mon Sep 17 00:00:00 2001
From: yangjun <1173114630@qq.com>
Date: Tue, 26 Aug 2025 09:07:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0MP3=EF=BC=8CMP4=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/upload/mp3.png                     | Bin 0 -> 3583 bytes
 src/assets/upload/mp4.png                     | Bin 0 -> 3432 bytes
 src/assets/upload/picture.png                 | Bin 0 -> 3303 bytes
 .../src/jeecg/components/JImageUploadtz.vue   | 443 +++++++++++++
 .../jeecg/components/JUpload/JUploadMP3.vue   | 583 +++++++++++++++++
 .../jeecg/components/JUpload/JUploadMP4.vue   | 593 ++++++++++++++++++
 .../components/ConfigServiceDirectiveForm.vue | 133 +---
 .../serviceDirective/components/mp3type.png   | Bin 6310 -> 0 bytes
 .../serviceDirective/components/mp4type.png   | Bin 9231 -> 0 bytes
 .../serviceDirective/components/pictype.png   | Bin 7063 -> 0 bytes
 10 files changed, 1635 insertions(+), 117 deletions(-)
 create mode 100644 src/assets/upload/mp3.png
 create mode 100644 src/assets/upload/mp4.png
 create mode 100644 src/assets/upload/picture.png
 create mode 100644 src/components/Form/src/jeecg/components/JImageUploadtz.vue
 create mode 100644 src/components/Form/src/jeecg/components/JUpload/JUploadMP3.vue
 create mode 100644 src/components/Form/src/jeecg/components/JUpload/JUploadMP4.vue
 delete mode 100644 src/views/services/serviceDirective/components/mp3type.png
 delete mode 100644 src/views/services/serviceDirective/components/mp4type.png
 delete mode 100644 src/views/services/serviceDirective/components/pictype.png

diff --git a/src/assets/upload/mp3.png b/src/assets/upload/mp3.png
new file mode 100644
index 0000000000000000000000000000000000000000..dcf9f5a5ec582a31f527aacf6b84974adc90e086
GIT binary patch
literal 3583
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
Vn59H=cAEc^N&JGvyM5*_`48|zMdSbg

literal 0
HcmV?d00001

diff --git a/src/assets/upload/mp4.png b/src/assets/upload/mp4.png
new file mode 100644
index 0000000000000000000000000000000000000000..577adfb9e27be2f059548fe0a95d84e3c067c67a
GIT binary patch
literal 3432
zcmb_f2~-nj9uGp1V(r#r7nSZhMi;O$nVHNab7;Uoh=xay0&-|qGMSkim}FvRlz?Cn
zwg@Ux@n~(O^;N4BbuG9mJZ#mKRaA7@Znx{Pb*t86-Sv4E>%(Iw5I|cf?!L`?$$T^4
z@Atp||M^mpl00L0=(tdsOg7vwQ<o}TqkP|xVCi?|<3^`+87n4aiD|q=%%eS=Ow00S
z4lp=rE0@aAZ2p2{+%%c&MWa1EOUyDRQ4H@?&_0a9>vT(OnQU6D*G)6?IT0{(R=Z0h
zzuA014%k_ZJX2+ajqZ5PW}jK$;nE6{)0u+#49Uu4V}NO1N)q7YL>llq9WH_LYUEvV
zDQWF{49S5mh&W#(?=~vSm;%J}9u6QC2*|)N0^rgLQ!5FQ#Bn?tP{K+Sg4K{x1u9WW
zg;NLy_&;(<qldLnsXD!1pLC~@+eFb#K~P>^o+1xb@E$9KkR%DgN=T^$B?KtsyF}Ux
zx`c^65_Fuvc<gS`&bt7gMB2<R6g6_m+HN<T?q0Dj!5=CqXpon7Lx=+Qxzz=9+jx-|
zZ2SQ5-tA{dEYmC8z0l+6vY2Hc&cQi3mncYBq*s9yUZb%W-mfiAXD?b16BbEs_yf`}
zT1d}#b5JTL@C!W*m#|3EII+hYK}_ZP;`tnO3Eo9^Q}G^-7I{xP&pUcDozfE<K#3`E
zAS%=DV);B_vQL|z!0Bj_)5xWit3a3l5mh>(rcjcCl~Z7Xg5hqcQ7R;s7U>^@aSB#T
z_3;dtXYH2!L7^-|S$L0=mZD|%wF%^QS-Z3ujg-M9h_s903_6WmGF4%>vlK#Ls6H+s
z0Vm^d1kuB!TBXxrdR<&x9HP||>K?9+XBPUh*u!P}xcb4kvpjaG^=L<bGGLg*EQpx^
zaR%c+wFOgyB#N3rj$qBO)I2arqQ2tptvD*3^NLAyKIakqT@y!J{VRtZ=)-kkl4+-u
z2V)8<|KW~LO!p2nC>tA)jmZaNYcmW3uzfp&u``Vs1F(HNgRudvL9Yh}5a8eR$$)&L
zqC1RGUjUy8bl>BiENZ1n5~SAXFAXui^754ksUlDsRVzW9RTCg<#t4vRaRfxoG^SFk
z5RAl_ZuJiPfQIy^v1@)%GwnVL^8E=+;}-O#vTI~eG~*kE8ad-@V~&*r-H+}4bi#90
zqMx5<<0PR!(cax^1pj+WYn3`@(DCt9HlH<KpcnnL>6i*eNyLJIj7mj-B#kLSf<{pg
zBVjdbp%ILMdtL9(bPS<TqG#CrFQ)s$!q{k+m6P7B(9@;)Upj*;5!QkeD$v5JP>^6S
z79`BlEsUrU!UD4_+ZT)<J0nd_jKc8$zcXDu(p_QD4~wt+UdMUtQlj)8-YLaHdWBH^
zmD%&U=i{^e4Bh7{)83|j>O9cXUeY1Mx9mOPNH@J_B+exz&m*0H;K=Q2nJlp0pwp&%
z&;C0rdsdou^yAQ=sJUU2cRF62kP?)1FsNK#dB=RQ+H`C7_?5Boquwm9C~GaP(2vX+
zo?FtOd3R=Zoi6=gL)e*NH$MBIN#Mf@&Yd^^bLSC5vZZMonsY!n)wTgC|EN4kk==T$
zTJV~_1S`K@|M6Qb)fZK7uKxWV@^-?Ch6#UfndmxQdwuulOB<U)TK^Q-kk)qlwL^Dz
zm`mQXo~t?C{*s$bG`kL3v@<qb_MY6^7`$W0rC+O>&xHfI-yK@~RrRHzN0)yc+CB&W
zBtJ)Z`<2ysiJ>1;U~2CA>&p(WY1}#-Xg^+<tSgu_HN4gXtT_8w{F>TX4)cfy!9Y=n
zVR>co;m}cgI?EzzlTGH|{I+mJWD=2ZBeL`o+=AA-fNay8#P)=fL&qL9!M3Dnw)4$y
zje7dE$Y@*L4M)zAzbr)vbd@&ZExo-8d%YRD9-XoFo+8>dZHlctxV%kPYcec9gx@SK
z4cyc;A_}_79NxTkefy!Dx$&vtU%Z~E4M@qEF(P+ZWzmy>#@Mv!Ylm3pT$GJov(l{n
zM)_#n{jhgryE1<jyCp4K+c~ag&)m5O-(69fapktR@#Vmp*70kGjJYM8+48N;QdXS2
z?8xbo3)IhB+*9fqD6nJE(lgnQi>%91cg~*E{`RZWjS;^XQn(=F4aK~xSB7+UK77B$
z1dMbq7;&?+a6(7chxI4+uJt}%!Uk{Oo`14BYgv4a_A-86m7N)k;wL&Yw(kWaCkH<o
z`bOPr6&3k+cGtBx{$bNccPk%?i^H?BzM)nkU**iJ7PM1O-X1k(+_xrZUSdG$k^?W5
zovkz$?_L_XLKgL}#%;vhY)n`@bi;ccdmfOFD-(A8xi#DR$bIBV`Jv*rRWnCTO+Fs6
zE+CjKUVdub_Tpo&9t&n_ir(MsypqjlU7r=*91~#N#-L+@qHJ*eMZWs;SIDhfM?EZ6
zHrM^__(ogN1bcAc>MJ2tjz6~KQi)A&vLSYs;#P;sw0URksj)jh++VRSMANb<cl5A|
zs-(;NmM?A@R=q`5)~t;#E-Bj*KU#jKYAEc5mZ)U)O%Z7I3t=@G_^G@1p8TWL^2N(3
z55ogS?pi#gIXwK{3r9;<ed?(D<-+lKMeX;m=o<Dx^w`Yiu=`&8y90z_Ovs9HrBxX?
zy#Lx?tETT&A3peLZH(#jYd_PN=0sg+J7IhjX!&x&^q8v?cNgrN)DhF3l9?B|es(~^
zo&B-j2Nk}vWkXA0+k*O29hT~&lQjFN3snz-9zI$3B;@iwS)eR}*zeew@_nT5zmFjy
LS@*j*Q^|h-*z(cu

literal 0
HcmV?d00001

diff --git a/src/assets/upload/picture.png b/src/assets/upload/picture.png
new file mode 100644
index 0000000000000000000000000000000000000000..2e855c8f4d224484d00a385136ec6865783989eb
GIT binary patch
literal 3303
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

literal 0
HcmV?d00001

diff --git a/src/components/Form/src/jeecg/components/JImageUploadtz.vue b/src/components/Form/src/jeecg/components/JImageUploadtz.vue
new file mode 100644
index 0000000..8ef45a9
--- /dev/null
+++ b/src/components/Form/src/jeecg/components/JImageUploadtz.vue
@@ -0,0 +1,443 @@
+<template>
+  <div class="clearfix">
+    <a-upload-dragger
+      :listType="listType"
+      accept="image/*"
+      :multiple="multiple"
+      :action="uploadUrl"
+      :headers="headers"
+      :data="{ biz: bizPath }"
+      v-model:fileList="uploadFileList"
+      :beforeUpload="beforeUpload"
+      :disabled="disabled"
+      :showUploadList="false"
+      @change="handleChange"
+      @preview="handlePreview"
+    >
+      <div v-if="uploadVisible">
+        <div v-if="listType == 'picture-card'">
+          <div class="upload-area" style="padding: 20px;">
+            <p class="upload-text">点击或者拖拽上传</p>
+            <p class="upload-hint">
+              <div class="upload-icon">
+                <img src="../../../../../assets/upload/picture.png"style="width: 40px; height: 40px;" />
+              </div>
+              <span class="divider">文件大小不超过10MB</span>
+              <span class="divider">|</span>
+              <a-tooltip placement="top">
+                <template #title>
+                  这里是格式说明的具体内容
+                </template>
+                <span class="divider">
+                  <QuestionCircleOutlined style="margin-right: 0px;" />
+                  格式说明
+                </span>
+              </a-tooltip>
+            </p>
+          </div>
+        </div>
+        <a-button v-if="listType == 'picture'" :disabled="disabled">
+          <UploadOutlined></UploadOutlined>
+          {{ text }}
+        </a-button>
+      </div>
+    </a-upload-dragger>
+<div class="custom-upload-list" v-if="uploadFileList.length > 0">
+      <div v-for="(file, index) in uploadFileList" :key="file.uid" >
+        <div style="margin-top: 20px;">
+          <img :src="file.url?file.url:file.r" style="width: 200px; height: 200px;" >
+        </div>
+        <div style="margin-top: 20px;">
+          {{ file.name }}
+        </div>
+        <div style="margin-top: 20px;">
+          <a-button type="link" @click="handlePreview(file)">预览</a-button>
+          <a-button type="link" danger @click="removeFile(index)"  v-if="!props.disabled">删除</a-button>
+        </div>
+      </div>
+    </div>
+    <a-modal
+    :open="previewVisible"
+    :width="modalWidth"
+    :bodyStyle="{ padding: 0, display: 'flex', justifyContent: 'center', alignItems: 'center' }"
+    :footer="null"
+    @cancel="handleCancel"
+  >
+    <img
+      ref="previewImgRef"
+      class="preview-img"
+      :src="previewImage"
+      @load="handleImageLoad"
+    />
+  </a-modal>
+  </div>
+</template>
+<script lang="ts">
+  import { defineComponent, PropType, ref, reactive, watchEffect, computed, unref, watch, onMounted, nextTick } from 'vue';
+  import { LoadingOutlined, UploadOutlined } from '@ant-design/icons-vue';
+  import { useRuleFormItem } from '/@/hooks/component/useFormItem';
+  import { propTypes } from '/@/utils/propTypes';
+  import { useAttrs } from '/@/hooks/core/useAttrs';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { getFileAccessHttpUrl, getHeaders, getRandom } from '/@/utils/common/compUtils';
+  import { uploadUrl } from '/@/api/common/api';
+  import { getToken } from '/@/utils/auth';
+
+  const { createMessage, createErrorModal } = useMessage();
+  export default defineComponent({
+    name: 'JImageUpload',
+    components: { LoadingOutlined, UploadOutlined },
+    inheritAttrs: false,
+    props: {
+      //绑定值
+      value: propTypes.oneOfType([propTypes.string, propTypes.array]),
+      //按钮文本
+      listType: {
+        type: String,
+        required: false,
+        default: 'picture-card',
+      },
+      //按钮文本
+      text: {
+        type: String,
+        required: false,
+        default: '上传',
+      },
+      //这个属性用于控制文件上传的业务路径
+      bizPath: {
+        type: String,
+        required: false,
+        default: 'temp',
+      },
+      //是否禁用
+      disabled: {
+        type: Boolean,
+        required: false,
+        default: false,
+      },
+      //上传数量
+      fileMax: {
+        type: Number,
+        required: false,
+        default: 1,
+      },
+    },
+    emits: ['options-change', 'change', 'update:value'],
+    setup(props, { emit, refs }) {
+      const emitData = ref<any[]>([]);
+      const attrs = useAttrs();
+      const [state] = useRuleFormItem(props, 'value', 'change', emitData);
+      //获取文件名
+      const getFileName = (path) => {
+        if (path.lastIndexOf('\\') >= 0) {
+          let reg = new RegExp('\\\\', 'g');
+          path = path.replace(reg, '/');
+        }
+        return path.substring(path.lastIndexOf('/') + 1);
+      };
+      //token
+      const headers = getHeaders();
+      //上传状态
+      const loading = ref<boolean>(false);
+      //是否是初始化加载
+      const initTag = ref<boolean>(true);
+      //文件列表
+      let uploadFileList = ref<any[]>([]);
+      //预览图
+      const previewImage = ref<string | undefined>('');
+      //预览框状态
+      const previewVisible = ref<boolean>(false);
+
+
+      //计算是否开启多图上传
+      const multiple = computed(() => {
+        return props['fileMax'] > 1 || props['fileMax'] === 0;
+      });
+
+      //计算是否可以继续上传
+      const uploadVisible = computed(() => {
+        if (props['fileMax'] === 0) {
+          return true;
+        }
+        return uploadFileList.value.length < props['fileMax'];
+      });
+
+  function removeFile(index) {
+      uploadFileList.value.splice(index, 1);
+    }
+      /**
+       * 监听value变化
+       */
+      watch(
+        () => props.value,
+        (val, prevCount) => {
+         //update-begin---author:liusq ---date:20230601  for：【issues/556】JImageUpload组件value赋初始值没显示图片------------
+            if (val && val instanceof Array) {
+            val = val.join(',');
+          }
+          if (initTag.value == true) {
+            initFileList(val);
+          }
+        },
+        { immediate: true }
+        //update-end---author:liusq ---date:20230601  for：【issues/556】JImageUpload组件value赋初始值没显示图片------------
+      );
+
+      /**
+       * 初始化文件列表
+       */
+      function initFileList(paths) {
+        if (!paths || paths.length == 0) {
+          uploadFileList.value = [];
+          return;
+        }
+        let files = [];
+        let arr = paths.split(',');
+        arr.forEach((value) => {
+          let url = getFileAccessHttpUrl(value);
+          files.push({
+            uid: getRandom(10),
+            name: getFileName(value),
+            status: 'done',
+            url: url,
+            response: {
+              status: 'history',
+              message: value,
+            },
+          });
+        });
+        uploadFileList.value = files;
+      }
+
+      /**
+       * 上传前校验
+       */
+      function beforeUpload(file) {
+        let fileType = file.type;
+        console.log("🚀 ~ beforeUpload ~ fileType:", fileType)
+        if (fileType.indexOf('image') < 0) {
+          createMessage.info('请上传图片');
+          uploadFileList.value = [];
+          return false;
+        }
+      }
+      /**
+       * 文件上传结果回调
+       */
+      function handleChange({ file, fileList, event }) {
+        console.log("🚀 ~ handleChange ~ file:", file)
+        let fileType = file.type;
+        if (fileType.indexOf('image') < 0) {
+          uploadFileList.value = [];
+          return false;
+        }
+        initTag.value = false;
+        // update-begin--author:liaozhiyang---date:20231116---for：【issues/846】上传多个列表只显示一个
+        // uploadFileList.value = fileList;
+        if (file.status === 'error') {
+          createMessage.error(`${file.name} 上传失败.`);
+        }
+        // update-begin--author:liaozhiyang---date:20240704---for：【TV360X-1640】上传图片大小超出限制显示优化
+        if (file.status === 'done' && file.response.success === false) {
+          const failIndex = uploadFileList.value.findIndex((item) => item.uid === file.uid);
+          if (failIndex != -1) {
+            uploadFileList.value.splice(failIndex, 1);
+          }
+          createMessage.warning(file.response.message);
+          return;
+        }
+        // update-end--author:liaozhiyang---date:20240704---for：【TV360X-1640】上传图片大小超出限制显示优化
+        let fileUrls = [];
+        let noUploadingFileCount = 0;
+        if (file.status != 'uploading') {
+          fileList.forEach((file) => {
+            if (file.status === 'done') {
+              fileUrls.push(file.response.message);
+            }
+            if (file.status != 'uploading') {
+              noUploadingFileCount++;
+            }
+          });
+          if (file.status === 'removed') {
+            handleDelete(file);
+          }
+          if (noUploadingFileCount == fileList.length) {
+            state.value = fileUrls.join(',');
+            emit('update:value', fileUrls.join(','));
+            // update-begin---author:wangshuai ---date:20221121  for：[issues/248]原生表单内使用图片组件,关闭弹窗图片组件值不会被清空------------
+            nextTick(() => {
+              initTag.value = true;
+            });
+            // update-end---author:wangshuai ---date:20221121  for：[issues/248]原生表单内使用图片组件,关闭弹窗图片组件值不会被清空------------
+          }
+        }
+        for (let i = 0; i < uploadFileList.value.length; i++) { 
+          if (uploadFileList.value[i].status === 'done') { 
+            uploadFileList.value[i].url = getFileAccessHttpUrl(uploadFileList.value[i].response.message);
+          }
+        }
+
+        // update-end--author:liaozhiyang---date:20231116---for：【issues/846】上传多个列表只显示一个
+      }
+
+      /**
+       * 删除图片
+       */
+      function handleDelete(file) {
+        //如有需要新增 删除逻辑
+        console.log(file);
+      }
+      const previewImgRef = ref<HTMLImageElement | null>(null);
+      const modalWidth = ref('auto');
+      /**
+       * 预览图片
+       */
+      async function handlePreview(file) {
+        if (!file.url && !file.preview) {
+          file.preview = (await getBase64(file.originFileObj)) as string;
+        }
+        previewImage.value = file.url || file.preview;
+        previewVisible.value = true;
+      }
+      function getBase64(file: File) {
+        return new Promise((resolve, reject) => {
+          const reader = new FileReader();
+          reader.readAsDataURL(file);
+          reader.onload = () => resolve(reader.result);
+          reader.onerror = error => reject(error);
+        });
+      }
+
+      function getAvatarView() {
+        if (uploadFileList.length > 0) {
+          let url = uploadFileList[0].url;
+          return getFileAccessHttpUrl(url, null);
+        }
+      }
+
+      function handleCancel() {
+        previewVisible.value = false;
+      }
+
+// 图片加载完成后计算宽高
+const handleImageLoad = () => {
+  if (!previewImgRef.value) return;
+
+  const img = previewImgRef.value;
+  const maxWidth = window.innerWidth * 0.9; // 最大宽度为屏幕90%
+  const maxHeight = window.innerHeight * 0.8; // 最大高度为屏幕80%
+
+  // 计算适应比例
+  const ratio = Math.min(maxWidth / img.naturalWidth, maxHeight / img.naturalHeight, 1);
+  modalWidth.value = `${img.naturalWidth * ratio}px`;
+};
+
+
+      return {
+        state,
+        attrs,
+        previewImage,
+        previewVisible,
+        uploadFileList,
+        multiple,
+        headers,
+        loading,
+        uploadUrl,
+        beforeUpload,
+        uploadVisible,
+        handlePreview,
+        handleCancel,
+        handleChange,
+        handleImageLoad,
+        previewImgRef,
+        modalWidth,
+        props,
+        removeFile
+      };
+    },
+  });
+</script>
+<style scoped>
+  .ant-upload-select-picture-card i {
+    font-size: 32px;
+    color: #999;
+  }
+
+  .ant-upload-select-picture-card .ant-upload-text {
+    margin-top: 8px;
+    color: #666;
+  }
+/* 确保 Modal 内容区域填满 */
+.imgView .ant-modal-body {
+  height: 80vh; /* 限制模态框高度，避免超出屏幕 */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* 图片容器 */
+.img-container {
+  max-width: 100%;
+  max-height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* 图片自适应 */
+.preview-img {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain; /* 保持比例，不拉伸 */
+}
+
+:deep(.ant-upload-wrapper .ant-upload-drag .ant-upload) {
+  padding: 0px !important;
+}
+:deep(.ant-upload-drag ) {
+  border: 0px !important;
+}
+.upload-text {
+  font-size: 16px;
+  color: rgba(74, 69, 69, 0.85);
+  margin-bottom: 8px;
+}
+.upload-icon {
+  margin: 16px;
+}
+.divider{
+  font-size:12px;color:rgb(189, 189, 189);
+}
+
+:deep(.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item){
+  position: relative;
+  height: 240px !important;
+  padding: 8px;
+  border: 0px solid #d9d9d9;
+  border-radius: 4px;
+  text-align: center;
+  background: #f1f7ff;  
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+}
+:deep(.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-thumbnail){
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  width: 200px !important;
+  height: 200px !important;
+  line-height: 60px;
+  text-align: center;
+  flex: none;
+}
+:deep(.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-name) {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  line-height: 1.5714285714285714;
+  transition: all 0.3s;
+  margin-top: -20px;
+}
+
+</style>
diff --git a/src/components/Form/src/jeecg/components/JUpload/JUploadMP3.vue b/src/components/Form/src/jeecg/components/JUpload/JUploadMP3.vue
new file mode 100644
index 0000000..dcb9466
--- /dev/null
+++ b/src/components/Form/src/jeecg/components/JUpload/JUploadMP3.vue
@@ -0,0 +1,583 @@
+<template>
+  <div ref="containerRef" :class="`${prefixCls}-container`">
+    <a-upload-dragger
+      accept="audio/mp3"
+      :headers="headers"
+      :multiple="multiple"
+      :action="uploadUrl"
+      :fileList="fileList"
+      :disabled="disabled"
+      v-bind="bindProps"
+      :beforeUpload="beforeUpload"
+      :showUploadList="false"
+      @remove="onRemove"
+      @change="onFileChange"
+      @preview="onFilePreview"
+    >
+      <template v-if="isImageMode">
+        <div v-if="!isMaxCount">
+          <Icon icon="ant-design:plus-outlined" />
+          <div class="ant-upload-text">{{ text }}123</div>
+        </div>
+      </template>
+      <div class="upload-area" style="padding: 20px;"  v-else-if="uploadVisible" :disabled="buttonDisabled">
+            <p class="upload-text">点击或者拖拽上传</p>
+            <p class="upload-hint">
+              <div class="upload-icon">
+                <img src="../../../../../../assets/upload/mp3.png" style="width: 40px; height: 40px;" />
+              </div>
+              <span class="divider">文件大小不超过10MB</span>
+              <span class="divider">|</span>
+              <a-tooltip placement="top">
+                <template #title>
+                  这里是格式说明的具体内容
+                </template>
+                <span class="divider">
+                  <QuestionCircleOutlined style="margin-right: 0px;" />
+                  格式说明
+                </span>
+              </a-tooltip>
+            </p>
+          </div>
+    </a-upload-dragger>
+    <!-- 文件回显 -->
+    <div class="custom-upload-list" v-if="fileList.length > 0">
+      <div v-for="(file, index) in fileList" :key="file.uid" >
+        <div style="margin-top: 20px;">
+          <audio ref="audioPlayer" controls :src="file.url"></audio>
+        </div>
+        <div style="margin-top: 20px;">
+          {{ file.name }}
+        </div>
+        <div style="margin-top: 20px;" v-if="!props.disabled">
+          <a-button type="link" danger @click="removeFile(index)">删除</a-button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, computed, watch, nextTick, createApp,unref } from 'vue';
+  import { Icon } from '/@/components/Icon';
+  import { getToken } from '/@/utils/auth';
+  import { uploadUrl } from '/@/api/common/api';
+  import { propTypes } from '/@/utils/propTypes';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { createImgPreview } from '/@/components/Preview/index';
+  import { useAttrs } from '/@/hooks/core/useAttrs';
+  import { useDesign } from '/@/hooks/web/useDesign';
+  import { UploadTypeEnum } from './upload.data';
+  import { getFileAccessHttpUrl, getHeaders } from '/@/utils/common/compUtils';
+  import UploadItemActions from './components/UploadItemActions.vue';
+  import { InboxOutlined } from '@ant-design/icons-vue';
+
+  const { createMessage, createConfirm } = useMessage();
+  const { prefixCls } = useDesign('j-upload');
+  const attrs = useAttrs();
+  const emit = defineEmits(['change', 'update:value']);
+  const props = defineProps({
+    value: propTypes.oneOfType([propTypes.string, propTypes.array]),
+    text: propTypes.string.def('上传'),
+    fileType: propTypes.string.def(UploadTypeEnum.all),
+    /*这个属性用于控制文件上传的业务路径*/
+    bizPath: propTypes.string.def('temp'),
+    /**
+     * 是否返回url，
+     * true：仅返回url
+     * false：返回fileName filePath fileSize
+     */
+    returnUrl: propTypes.bool.def(true),
+    // 最大上传数量
+    maxCount: propTypes.number.def(0),
+    buttonVisible: propTypes.bool.def(true),
+    multiple: propTypes.bool.def(true),
+    // 是否显示左右移动按钮
+    mover: propTypes.bool.def(true),
+    // 是否显示下载按钮
+    download: propTypes.bool.def(true),
+    // 删除时是否显示确认框
+    removeConfirm: propTypes.bool.def(false),
+    beforeUpload: propTypes.func,
+    disabled: propTypes.bool.def(false),
+    // 替换前一个文件，用于超出最大数量依然允许上传
+    replaceLastOne: propTypes.bool.def(false),
+  });
+
+  const headers = getHeaders();
+  const fileList = ref<any[]>([]);
+  const uploadGoOn = ref<boolean>(true);
+  // refs
+  const containerRef = ref();
+  // 是否达到了最大上传数量
+  const isMaxCount = computed(() => props.maxCount > 0 && fileList.value.length >= props.maxCount);
+  // 当前是否是上传图片模式
+  const isImageMode = computed(() => props.fileType === UploadTypeEnum.image);
+  // 上传按钮是否禁用
+  const buttonDisabled = computed(()=>{
+    if(props.disabled === true){
+      return true;
+    }
+    if(isMaxCount.value === true){
+      if(props.replaceLastOne === true){
+        return false
+      }else{
+        return true;
+      }
+    }
+    return false
+  });
+  // 合并 props 和 attrs
+  const bindProps = computed(() => {
+    //update-begin-author:liusq date:20220411 for: [issue/455]上传组件传入accept限制上传文件类型无效
+    const bind: any = Object.assign({}, props, unref(attrs));
+    //update-end-author:liusq date:20220411 for: [issue/455]上传组件传入accept限制上传文件类型无效
+
+    bind.name = 'file';
+    bind.listType = isImageMode.value ? 'picture-card' : 'text';
+    bind.class = [bind.class, { 'upload-disabled': props.disabled }];
+    bind.data = { biz: props.bizPath, ...bind.data };
+    //update-begin-author:taoyan date:20220407 for: 自定义beforeUpload return false，并不能中断上传过程
+    if (!bind.beforeUpload) {
+      bind.beforeUpload = onBeforeUpload;
+    }
+    //update-end-author:taoyan date:20220407 for: 自定义beforeUpload return false，并不能中断上传过程
+    // 如果当前是图片上传模式，就只能上传图片
+    if (isImageMode.value && !bind.accept) {
+      bind.accept = 'image/*';
+    }
+    return bind;
+  });
+  function removeFile(index) {
+      fileList.value.splice(index, 1);
+    }
+
+  watch(
+    () => props.value,
+    (val) => {
+      if (Array.isArray(val)) {
+        if (props.returnUrl) {
+          parsePathsValue(val.join(','));
+        } else {
+          parseArrayValue(val);
+        }
+      } else {
+        //update-begin---author:liusq ---date:20230914  for：[issues/5327]Upload组件returnUrl为false时上传的字段值返回了一个'[object Object]' ------------
+        if (props.returnUrl) {
+          parsePathsValue(val);
+        } else {
+          val && parseArrayValue(JSON.parse(val));
+        }
+        //update-end---author:liusq ---date:20230914  for：[issues/5327]Upload组件returnUrl为false时上传的字段值返回了一个'[object Object]' ------------
+      }
+    },
+    { immediate: true }
+  );
+
+  watch(fileList, () => nextTick(() => addActionsListener()), { immediate: true });
+
+  const antUploadItemCls = 'ant-upload-list-item';
+
+  // Listener
+  function addActionsListener() {
+    if (!isImageMode.value) {
+      return;
+    }
+    const uploadItems = containerRef.value ? containerRef.value.getElementsByClassName(antUploadItemCls) : null;
+    if (!uploadItems || uploadItems.length === 0) {
+      return;
+    }
+    for (const uploadItem of uploadItems) {
+      let hasActions = uploadItem.getAttribute('data-has-actions') === 'true';
+      if (!hasActions) {
+        uploadItem.addEventListener('mouseover', onAddActionsButton);
+      }
+    }
+  }
+
+  // 添加可左右移动的按钮
+  function onAddActionsButton(event) {
+    const getUploadItem = () => {
+      for (const path of event.path) {
+        if (path.classList.contains(antUploadItemCls)) {
+          return path;
+        } else if (path.classList.contains(`${prefixCls}-container`)) {
+          return null;
+        }
+      }
+      return null;
+    };
+    const uploadItem = getUploadItem();
+    if (!uploadItem) {
+      return;
+    }
+    const actions = uploadItem.getElementsByClassName('ant-upload-list-item-actions');
+    if (!actions || actions.length === 0) {
+      return;
+    }
+    // 添加操作按钮
+    const div = document.createElement('div');
+    div.className = 'upload-actions-container';
+    createApp(UploadItemActions, {
+      element: uploadItem,
+      fileList: fileList,
+      mover: props.mover,
+      download: props.download,
+      emitValue: emitValue,
+    }).mount(div);
+    actions[0].appendChild(div);
+    uploadItem.setAttribute('data-has-actions', 'true');
+    uploadItem.removeEventListener('mouseover', onAddActionsButton);
+  }
+
+  // 解析数据库存储的逗号分割
+  function parsePathsValue(paths) {
+    if (!paths || paths.length == 0) {
+      fileList.value = [];
+      return;
+    }
+    let list: any[] = [];
+    for (const item of paths.split(',')) {
+      let url = getFileAccessHttpUrl(item);
+      list.push({
+        uid: uidGenerator(),
+        name: getFileName(item),
+        status: 'done',
+        url: url,
+        response: { status: 'history', message: item },
+      });
+    }
+    fileList.value = list;
+  }
+
+  // 解析数组值
+  function parseArrayValue(array) {
+    if (!array || array.length == 0) {
+      fileList.value = [];
+      return;
+    }
+    let list: any[] = [];
+    for (const item of array) {
+      let url = getFileAccessHttpUrl(item.filePath);
+      list.push({
+        uid: uidGenerator(),
+        name: item.fileName,
+        url: url,
+        status: 'done',
+        response: { status: 'history', message: item.filePath },
+      });
+    }
+    fileList.value = list;
+  }
+
+  /**
+   * 上传前校验
+   */
+  function beforeUpload(file) {
+    let fileType = file.type;
+    console.log("🚀 ~ beforeUpload ~ fileType:", fileType)
+    if (fileType.indexOf('audio') < 0) {
+      createMessage.info('请上传MP3文件');
+      fileList.value = [];
+      return false;
+    }
+  }
+  // 文件上传之前的操作
+  function onBeforeUpload(file) {
+    uploadGoOn.value = true;
+    if (isImageMode.value) {
+      if (file.type.indexOf('image') < 0) {
+        createMessage.warning('请上传图片');
+        uploadGoOn.value = false;
+        return false;
+      }
+    }
+    // 扩展 beforeUpload 验证
+    if (typeof props.beforeUpload === 'function') {
+      return props.beforeUpload(file);
+    }
+    return true;
+  }
+
+  // 删除处理事件
+  function onRemove() {
+    if (props.removeConfirm) {
+      return new Promise((resolve) => {
+        createConfirm({
+          title: '删除',
+          content: `确定要删除这${isImageMode.value ? '张图片' : '个文件'}吗？`,
+          iconType: 'warning',
+          onOk: () => resolve(true),
+          onCancel: () => resolve(false),
+        });
+      });
+    }
+    return true;
+  }
+
+  // upload组件change事件
+  function onFileChange(info) {
+    console.log("🚀 ~ onFileChange ~ info:", info.file)
+    var file = info.file;
+    let fileType = file.type;
+    if (fileType.indexOf('audio') < 0) {
+      fileList.value = [];
+      return false;
+    }
+    if (!info.file.status && uploadGoOn.value === false) {
+      info.fileList.pop();
+    }
+    let fileListTemp = info.fileList;
+    // 限制最大上传数
+    if (props.maxCount > 0) {
+      let count = fileListTemp.length;
+      if (count >= props.maxCount) {
+        let diffNum = props.maxCount - fileListTemp.length;
+        if (diffNum >= 0) {
+          fileListTemp = fileListTemp.slice(-props.maxCount);
+        } else {
+          return;
+        }
+      }
+    }
+    if (info.file.status === 'done') {
+      let successFileList = [];
+      if (info.file.response.success) {
+        successFileList = fileListTemp.map((file) => {
+          if (file.response) {
+            let reUrl = file.response.message;
+            file.url = getFileAccessHttpUrl(reUrl);
+          }
+          return file;
+        });
+      }else{
+        successFileList = fileListTemp.filter(item=>{
+          return item.uid!=info.file.uid;
+        });
+        createMessage.error(`${info.file.name} 上传失败.`);
+      }
+      fileListTemp = successFileList;
+    } else if (info.file.status === 'error') {
+      createMessage.error(`${info.file.name} 上传失败.`);
+    }
+    // update-begin--author:liaozhiyang---date:20240628---for：【issues/1273】上传组件JUpload配置beforeUpload阻止了上传，前端页面中还是显示缩略图
+    // beforeUpload 返回false，则没有status
+    info.file.status && (fileList.value = fileListTemp);
+    // update-end--author:liaozhiyang---date:20240628---for：【issues/1273】上传组件JUpload配置beforeUpload阻止了上传，前端页面中还是显示缩略图
+    if (info.file.status === 'done' || info.file.status === 'removed') {
+      //returnUrl为true时仅返回文件路径
+      if (props.returnUrl) {
+        handlePathChange();
+      } else {
+        //returnUrl为false时返回文件名称、文件路径及文件大小
+        let newFileList: any[] = [];
+        for (const item of fileListTemp) {
+          if (item.status === 'done') {
+            let fileJson = {
+              fileName: item.name,
+              filePath: item.response.message,
+              fileSize: item.size,
+            };
+            newFileList.push(fileJson);
+          }else{
+            return;
+          }
+        }
+        //update-begin---author:liusq ---date:20230914  for：[issues/5327]Upload组件returnUrl为false时上传的字段值返回了一个'[object Object]' ------------
+        emitValue(JSON.stringify(newFileList));
+        //update-end---author:liusq ---date:20230914  for：[issues/5327]Upload组件returnUrl为false时上传的字段值返回了一个'[object Object]' ------------
+      }
+    }
+  }
+
+  function handlePathChange() {
+    let uploadFiles = fileList.value;
+    let path = '';
+    if (!uploadFiles || uploadFiles.length == 0) {
+      path = '';
+    }
+    let pathList: string[] = [];
+    for (const item of uploadFiles) {
+      if (item.status === 'done') {
+        pathList.push(item.response.message);
+      } else {
+        return;
+      }
+    }
+    if (pathList.length > 0) {
+      path = pathList.join(',');
+    }
+    emitValue(path);
+  }
+
+  // 预览文件、图片
+  function onFilePreview(file) {
+    if (isImageMode.value) {
+      createImgPreview({ imageList: [file.url], maskClosable: true });
+    } else {
+      window.open(file.url);
+    }
+  }
+
+  function emitValue(value) {
+    emit('change', value);
+    emit('update:value', value);
+  }
+
+  function uidGenerator() {
+    return '-' + parseInt(Math.random() * 10000 + 1, 10);
+  }
+
+  function getFileName(path) {
+    if (path.lastIndexOf('\\') >= 0) {
+      let reg = new RegExp('\\\\', 'g');
+      path = path.replace(reg, '/');
+    }
+    return path.substring(path.lastIndexOf('/') + 1);
+  }
+      //计算是否可以继续上传
+      const uploadVisible = computed(() => {
+        if (props['maxCount'] === 0) {
+          return true;
+        }
+        return fileList.value.length < props['maxCount'];
+      });
+
+  defineExpose({
+    addActionsListener,
+  });
+</script>
+
+<style lang="less">
+  //noinspection LessUnresolvedVariable
+  @prefix-cls: ~'@{namespace}-j-upload';
+
+  .@{prefix-cls} {
+    &-container {
+      position: relative;
+
+      .upload-disabled {
+        .ant-upload-list-item {
+          .anticon-close {
+            display: none;
+          }
+
+          .anticon-delete {
+            display: none;
+          }
+        }
+
+        /* update-begin-author:taoyan date:2022-5-24 for:VUEN-1093详情界面 图片下载按钮显示不全*/
+        .upload-download-handler {
+          right: 6px !important;
+        }
+        /* update-end-author:taoyan date:2022-5-24 for:VUEN-1093详情界面 图片下载按钮显示不全*/
+      }
+      .ant-upload-text-icon {
+        color: @primary-color;
+      }
+      .ant-upload-list-item {
+        .upload-actions-container {
+          position: absolute;
+          top: -31px;
+          left: -18px;
+          z-index: 11;
+          width: 84px;
+          height: 84px;
+          line-height: 28px;
+          text-align: center;
+          pointer-events: none;
+
+          a {
+            opacity: 0.9;
+            margin: 0 5px;
+            cursor: pointer;
+            transition: opacity 0.3s;
+
+            .anticon {
+              color: #fff;
+              font-size: 16px;
+            }
+
+            &:hover {
+              opacity: 1;
+            }
+          }
+
+          .upload-mover-handler,
+          .upload-download-handler {
+            position: absolute;
+            pointer-events: auto;
+          }
+
+          .upload-mover-handler {
+            width: 100%;
+            bottom: 0;
+          }
+
+          .upload-download-handler {
+            top: -4px;
+            right: -4px;
+          }
+        }
+      }
+    }
+  }
+.ant-upload-wrapper .ant-upload-drag .ant-upload {
+  padding: 0px !important;
+}
+.ant-upload-drag {
+  border: 0px !important;
+}
+.upload-text {
+  font-size: 16px;
+  color: rgba(74, 69, 69, 0.85);
+  margin-bottom: 8px;
+}
+.upload-icon {
+  margin: 16px;
+}
+.divider{
+  font-size:12px;color:rgb(189, 189, 189);
+}
+
+:deep(.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item){
+  position: relative;
+  height: 240px !important;
+  padding: 8px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  text-align: center;
+  background: #f1f7ff;  
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+}
+:deep(.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-thumbnail){
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  width: 200px !important;
+  height: 200px !important;
+  line-height: 60px;
+  text-align: center;
+  flex: none;
+}
+:deep(.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-name) {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  line-height: 1.5714285714285714;
+  transition: all 0.3s;
+  margin-top: -20px;
+}
+
+.custom-upload-list {
+  border: 0px dashed #d9d9d9;
+  border-radius: 6px;
+  padding: 10px;
+  background: #f1f7ff;
+  text-align: center;
+}
+
+</style>
diff --git a/src/components/Form/src/jeecg/components/JUpload/JUploadMP4.vue b/src/components/Form/src/jeecg/components/JUpload/JUploadMP4.vue
new file mode 100644
index 0000000..4844828
--- /dev/null
+++ b/src/components/Form/src/jeecg/components/JUpload/JUploadMP4.vue
@@ -0,0 +1,593 @@
+<template>
+  <div ref="containerRef" :class="`${prefixCls}-container`">
+    <a-upload-dragger
+      accept="video/mp4"
+      :headers="headers"
+      :multiple="multiple"
+      :action="uploadUrl"
+      :fileList="fileList"
+      :disabled="disabled"
+      v-bind="bindProps"
+      :beforeUpload="beforeUpload"
+      :showUploadList="false"
+      @remove="onRemove"
+      @change="onFileChange"
+      @preview="onFilePreview"
+    >
+      <template v-if="isImageMode">
+        <div v-if="!isMaxCount">
+          <Icon icon="ant-design:plus-outlined" />
+          <div class="ant-upload-text">{{ text }}123</div>
+        </div>
+      </template>
+      <div class="upload-area" style="padding: 20px;"  v-else-if="uploadVisible" :disabled="buttonDisabled">
+            <p class="upload-text">点击或者拖拽上传</p>
+            <p class="upload-hint">
+              <div class="upload-icon">
+                <img src="../../../../../../assets/upload/mp4.png" style="width: 40px; height: 40px;" />
+              </div>
+              <span class="divider">文件大小不超过10MB</span>
+              <span class="divider">|</span>
+              <a-tooltip placement="top">
+                <template #title>
+                  这里是格式说明的具体内容
+                </template>
+                <span class="divider">
+                  <QuestionCircleOutlined style="margin-right: 0px;" />
+                  格式说明
+                </span>
+              </a-tooltip>
+            </p>
+          </div>
+    </a-upload-dragger>
+    <!-- 文件回显 -->
+    <div class="custom-upload-list" v-if="fileList.length > 0">
+      <div v-for="(file, index) in fileList" :key="file.uid" >
+        <div style="margin-top: 20px;">
+                    <video controls style="max-width: 100%; max-height: 300px;">
+                      <source :src="transUrl(file.url)" type="video/mp4">
+                      您的浏览器不支持视频播放
+                    </video>
+        </div>
+        <div style="margin-top: 20px;">
+          {{ file.name }}
+        </div>
+        <div style="margin-top: 20px;" v-if="!props.disabled">
+          <a-button type="link" danger @click="removeFile(index)">删除</a-button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, computed, watch, nextTick, createApp,unref } from 'vue';
+  import { Icon } from '/@/components/Icon';
+  import { getToken } from '/@/utils/auth';
+  import { uploadUrl } from '/@/api/common/api';
+  import { propTypes } from '/@/utils/propTypes';
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import { createImgPreview } from '/@/components/Preview/index';
+  import { useAttrs } from '/@/hooks/core/useAttrs';
+  import { useDesign } from '/@/hooks/web/useDesign';
+  import { UploadTypeEnum } from './upload.data';
+  import { getFileAccessHttpUrl, getHeaders } from '/@/utils/common/compUtils';
+  import UploadItemActions from './components/UploadItemActions.vue';
+  import { InboxOutlined } from '@ant-design/icons-vue';
+
+  const { createMessage, createConfirm } = useMessage();
+  const { prefixCls } = useDesign('j-upload');
+  const attrs = useAttrs();
+  const emit = defineEmits(['change', 'update:value']);
+  const props = defineProps({
+    value: propTypes.oneOfType([propTypes.string, propTypes.array]),
+    text: propTypes.string.def('上传'),
+    fileType: propTypes.string.def(UploadTypeEnum.all),
+    /*这个属性用于控制文件上传的业务路径*/
+    bizPath: propTypes.string.def('temp'),
+    /**
+     * 是否返回url，
+     * true：仅返回url
+     * false：返回fileName filePath fileSize
+     */
+    returnUrl: propTypes.bool.def(true),
+    // 最大上传数量
+    maxCount: propTypes.number.def(0),
+    buttonVisible: propTypes.bool.def(true),
+    multiple: propTypes.bool.def(true),
+    // 是否显示左右移动按钮
+    mover: propTypes.bool.def(true),
+    // 是否显示下载按钮
+    download: propTypes.bool.def(true),
+    // 删除时是否显示确认框
+    removeConfirm: propTypes.bool.def(false),
+    beforeUpload: propTypes.func,
+    disabled: propTypes.bool.def(false),
+    // 替换前一个文件，用于超出最大数量依然允许上传
+    replaceLastOne: propTypes.bool.def(false),
+  });
+
+  const headers = getHeaders();
+  const fileList = ref<any[]>([]);
+  const uploadGoOn = ref<boolean>(true);
+  // refs
+  const containerRef = ref();
+  // 是否达到了最大上传数量
+  const isMaxCount = computed(() => props.maxCount > 0 && fileList.value.length >= props.maxCount);
+  // 当前是否是上传图片模式
+  const isImageMode = computed(() => props.fileType === UploadTypeEnum.image);
+  // 上传按钮是否禁用
+  const buttonDisabled = computed(()=>{
+    if(props.disabled === true){
+      return true;
+    }
+    if(isMaxCount.value === true){
+      if(props.replaceLastOne === true){
+        return false
+      }else{
+        return true;
+      }
+    }
+    return false
+  });
+  // 合并 props 和 attrs
+  const bindProps = computed(() => {
+    //update-begin-author:liusq date:20220411 for: [issue/455]上传组件传入accept限制上传文件类型无效
+    const bind: any = Object.assign({}, props, unref(attrs));
+    //update-end-author:liusq date:20220411 for: [issue/455]上传组件传入accept限制上传文件类型无效
+
+    bind.name = 'file';
+    bind.listType = isImageMode.value ? 'picture-card' : 'text';
+    bind.class = [bind.class, { 'upload-disabled': props.disabled }];
+    bind.data = { biz: props.bizPath, ...bind.data };
+    //update-begin-author:taoyan date:20220407 for: 自定义beforeUpload return false，并不能中断上传过程
+    if (!bind.beforeUpload) {
+      bind.beforeUpload = onBeforeUpload;
+    }
+    //update-end-author:taoyan date:20220407 for: 自定义beforeUpload return false，并不能中断上传过程
+    // 如果当前是图片上传模式，就只能上传图片
+    if (isImageMode.value && !bind.accept) {
+      bind.accept = 'image/*';
+    }
+    return bind;
+  });
+  function removeFile(index) {
+      fileList.value.splice(index, 1);
+    }
+
+  watch(
+    () => props.value,
+    (val) => {
+      if (Array.isArray(val)) {
+        if (props.returnUrl) {
+          parsePathsValue(val.join(','));
+        } else {
+          parseArrayValue(val);
+        }
+      } else {
+        //update-begin---author:liusq ---date:20230914  for：[issues/5327]Upload组件returnUrl为false时上传的字段值返回了一个'[object Object]' ------------
+        if (props.returnUrl) {
+          parsePathsValue(val);
+        } else {
+          val && parseArrayValue(JSON.parse(val));
+        }
+        //update-end---author:liusq ---date:20230914  for：[issues/5327]Upload组件returnUrl为false时上传的字段值返回了一个'[object Object]' ------------
+      }
+    },
+    { immediate: true }
+  );
+
+  watch(fileList, () => nextTick(() => addActionsListener()), { immediate: true });
+
+  const antUploadItemCls = 'ant-upload-list-item';
+
+  // Listener
+  function addActionsListener() {
+    if (!isImageMode.value) {
+      return;
+    }
+    const uploadItems = containerRef.value ? containerRef.value.getElementsByClassName(antUploadItemCls) : null;
+    if (!uploadItems || uploadItems.length === 0) {
+      return;
+    }
+    for (const uploadItem of uploadItems) {
+      let hasActions = uploadItem.getAttribute('data-has-actions') === 'true';
+      if (!hasActions) {
+        uploadItem.addEventListener('mouseover', onAddActionsButton);
+      }
+    }
+  }
+
+  /**
+   * 上传前校验
+   */
+  function beforeUpload(file) {
+    let fileType = file.type;
+    console.log("🚀 ~ beforeUpload ~ fileType:", fileType)
+    if (fileType.indexOf('video') < 0) {
+      createMessage.info('请上传MP4文件');
+      fileList.value = [];
+      return false;
+    }
+  }
+  // 添加可左右移动的按钮
+  function onAddActionsButton(event) {
+    const getUploadItem = () => {
+      for (const path of event.path) {
+        if (path.classList.contains(antUploadItemCls)) {
+          return path;
+        } else if (path.classList.contains(`${prefixCls}-container`)) {
+          return null;
+        }
+      }
+      return null;
+    };
+    const uploadItem = getUploadItem();
+    if (!uploadItem) {
+      return;
+    }
+    const actions = uploadItem.getElementsByClassName('ant-upload-list-item-actions');
+    if (!actions || actions.length === 0) {
+      return;
+    }
+    // 添加操作按钮
+    const div = document.createElement('div');
+    div.className = 'upload-actions-container';
+    createApp(UploadItemActions, {
+      element: uploadItem,
+      fileList: fileList,
+      mover: props.mover,
+      download: props.download,
+      emitValue: emitValue,
+    }).mount(div);
+    actions[0].appendChild(div);
+    uploadItem.setAttribute('data-has-actions', 'true');
+    uploadItem.removeEventListener('mouseover', onAddActionsButton);
+  }
+
+  // 解析数据库存储的逗号分割
+  function parsePathsValue(paths) {
+    if (!paths || paths.length == 0) {
+      fileList.value = [];
+      return;
+    }
+    let list: any[] = [];
+    for (const item of paths.split(',')) {
+      let url = getFileAccessHttpUrl(item);
+      list.push({
+        uid: uidGenerator(),
+        name: getFileName(item),
+        status: 'done',
+        url: url,
+        response: { status: 'history', message: item },
+      });
+    }
+    fileList.value = list;
+  }
+
+function transUrl(record) {
+  console.log("🚀 ~ transUrl ~ record:", record)
+  if (record == 'local') {
+    return getFileAccessHttpUrl(record)
+  } else {
+    return record
+  }
+}
+  // 解析数组值
+  function parseArrayValue(array) {
+    if (!array || array.length == 0) {
+      fileList.value = [];
+      return;
+    }
+    let list: any[] = [];
+    for (const item of array) {
+      let url = getFileAccessHttpUrl(item.filePath);
+      list.push({
+        uid: uidGenerator(),
+        name: item.fileName,
+        url: url,
+        status: 'done',
+        response: { status: 'history', message: item.filePath },
+      });
+    }
+    fileList.value = list;
+  }
+
+  // 文件上传之前的操作
+  function onBeforeUpload(file) {
+    uploadGoOn.value = true;
+    if (isImageMode.value) {
+      if (file.type.indexOf('image') < 0) {
+        createMessage.warning('请上传图片');
+        uploadGoOn.value = false;
+        return false;
+      }
+    }
+    // 扩展 beforeUpload 验证
+    if (typeof props.beforeUpload === 'function') {
+      return props.beforeUpload(file);
+    }
+    return true;
+  }
+
+  // 删除处理事件
+  function onRemove() {
+    if (props.removeConfirm) {
+      return new Promise((resolve) => {
+        createConfirm({
+          title: '删除',
+          content: `确定要删除这${isImageMode.value ? '张图片' : '个文件'}吗？`,
+          iconType: 'warning',
+          onOk: () => resolve(true),
+          onCancel: () => resolve(false),
+        });
+      });
+    }
+    return true;
+  }
+
+  // upload组件change事件
+  function onFileChange(info) {
+    var file = info.file;
+    let fileType = file.type;
+    if (fileType.indexOf('video') < 0) {
+      fileList.value = [];
+      return false;
+    }
+    if (!info.file.status && uploadGoOn.value === false) {
+      info.fileList.pop();
+    }
+    let fileListTemp = info.fileList;
+    // 限制最大上传数
+    if (props.maxCount > 0) {
+      let count = fileListTemp.length;
+      if (count >= props.maxCount) {
+        let diffNum = props.maxCount - fileListTemp.length;
+        if (diffNum >= 0) {
+          fileListTemp = fileListTemp.slice(-props.maxCount);
+        } else {
+          return;
+        }
+      }
+    }
+    if (info.file.status === 'done') {
+      let successFileList = [];
+      if (info.file.response.success) {
+        successFileList = fileListTemp.map((file) => {
+          if (file.response) {
+            let reUrl = file.response.message;
+            file.url = getFileAccessHttpUrl(reUrl);
+          }
+          return file;
+        });
+      }else{
+        successFileList = fileListTemp.filter(item=>{
+          return item.uid!=info.file.uid;
+        });
+        createMessage.error(`${info.file.name} 上传失败.`);
+      }
+      fileListTemp = successFileList;
+    } else if (info.file.status === 'error') {
+      createMessage.error(`${info.file.name} 上传失败.`);
+    }
+    // update-begin--author:liaozhiyang---date:20240628---for：【issues/1273】上传组件JUpload配置beforeUpload阻止了上传，前端页面中还是显示缩略图
+    // beforeUpload 返回false，则没有status
+    info.file.status && (fileList.value = fileListTemp);
+    // update-end--author:liaozhiyang---date:20240628---for：【issues/1273】上传组件JUpload配置beforeUpload阻止了上传，前端页面中还是显示缩略图
+    if (info.file.status === 'done' || info.file.status === 'removed') {
+      //returnUrl为true时仅返回文件路径
+      if (props.returnUrl) {
+        handlePathChange();
+      } else {
+        //returnUrl为false时返回文件名称、文件路径及文件大小
+        let newFileList: any[] = [];
+        for (const item of fileListTemp) {
+          if (item.status === 'done') {
+            let fileJson = {
+              fileName: item.name,
+              filePath: item.response.message,
+              fileSize: item.size,
+            };
+            newFileList.push(fileJson);
+          }else{
+            return;
+          }
+        }
+        //update-begin---author:liusq ---date:20230914  for：[issues/5327]Upload组件returnUrl为false时上传的字段值返回了一个'[object Object]' ------------
+        emitValue(JSON.stringify(newFileList));
+        //update-end---author:liusq ---date:20230914  for：[issues/5327]Upload组件returnUrl为false时上传的字段值返回了一个'[object Object]' ------------
+      }
+    }
+  }
+
+  function handlePathChange() {
+    let uploadFiles = fileList.value;
+    let path = '';
+    if (!uploadFiles || uploadFiles.length == 0) {
+      path = '';
+    }
+    let pathList: string[] = [];
+    for (const item of uploadFiles) {
+      if (item.status === 'done') {
+        pathList.push(item.response.message);
+      } else {
+        return;
+      }
+    }
+    if (pathList.length > 0) {
+      path = pathList.join(',');
+    }
+    emitValue(path);
+  }
+
+  // 预览文件、图片
+  function onFilePreview(file) {
+    if (isImageMode.value) {
+      createImgPreview({ imageList: [file.url], maskClosable: true });
+    } else {
+      window.open(file.url);
+    }
+  }
+
+  function emitValue(value) {
+    emit('change', value);
+    emit('update:value', value);
+  }
+
+  function uidGenerator() {
+    return '-' + parseInt(Math.random() * 10000 + 1, 10);
+  }
+
+  function getFileName(path) {
+    if (path.lastIndexOf('\\') >= 0) {
+      let reg = new RegExp('\\\\', 'g');
+      path = path.replace(reg, '/');
+    }
+    return path.substring(path.lastIndexOf('/') + 1);
+  }
+      //计算是否可以继续上传
+      const uploadVisible = computed(() => {
+        if (props['maxCount'] === 0) {
+          return true;
+        }
+        return fileList.value.length < props['maxCount'];
+      });
+
+  defineExpose({
+    addActionsListener,
+  });
+</script>
+
+<style lang="less">
+  //noinspection LessUnresolvedVariable
+  @prefix-cls: ~'@{namespace}-j-upload';
+
+  .@{prefix-cls} {
+    &-container {
+      position: relative;
+
+      .upload-disabled {
+        .ant-upload-list-item {
+          .anticon-close {
+            display: none;
+          }
+
+          .anticon-delete {
+            display: none;
+          }
+        }
+
+        /* update-begin-author:taoyan date:2022-5-24 for:VUEN-1093详情界面 图片下载按钮显示不全*/
+        .upload-download-handler {
+          right: 6px !important;
+        }
+        /* update-end-author:taoyan date:2022-5-24 for:VUEN-1093详情界面 图片下载按钮显示不全*/
+      }
+      .ant-upload-text-icon {
+        color: @primary-color;
+      }
+      .ant-upload-list-item {
+        .upload-actions-container {
+          position: absolute;
+          top: -31px;
+          left: -18px;
+          z-index: 11;
+          width: 84px;
+          height: 84px;
+          line-height: 28px;
+          text-align: center;
+          pointer-events: none;
+
+          a {
+            opacity: 0.9;
+            margin: 0 5px;
+            cursor: pointer;
+            transition: opacity 0.3s;
+
+            .anticon {
+              color: #fff;
+              font-size: 16px;
+            }
+
+            &:hover {
+              opacity: 1;
+            }
+          }
+
+          .upload-mover-handler,
+          .upload-download-handler {
+            position: absolute;
+            pointer-events: auto;
+          }
+
+          .upload-mover-handler {
+            width: 100%;
+            bottom: 0;
+          }
+
+          .upload-download-handler {
+            top: -4px;
+            right: -4px;
+          }
+        }
+      }
+    }
+  }
+.ant-upload-wrapper .ant-upload-drag .ant-upload {
+  padding: 0px !important;
+}
+.ant-upload-drag {
+  border: 0px !important;
+}
+.upload-text {
+  font-size: 16px;
+  color: rgba(74, 69, 69, 0.85);
+  margin-bottom: 8px;
+}
+.upload-icon {
+  margin: 16px;
+}
+.divider{
+  font-size:12px;color:rgb(189, 189, 189);
+}
+
+:deep(.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item){
+  position: relative;
+  height: 240px !important;
+  padding: 8px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  text-align: center;
+  background: #f1f7ff;  
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+}
+:deep(.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-thumbnail){
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  width: 200px !important;
+  height: 200px !important;
+  line-height: 60px;
+  text-align: center;
+  flex: none;
+}
+:deep(.ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-name) {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  line-height: 1.5714285714285714;
+  transition: all 0.3s;
+  margin-top: -20px;
+}
+
+.custom-upload-list {
+  border: 0px dashed #d9d9d9;
+  border-radius: 6px;
+  padding: 10px;
+  background: #f1f7ff;
+  text-align: center;
+}
+
+</style>
diff --git a/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue b/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue
index 3a30f7f..d723a3f 100644
--- a/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue
+++ b/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue
@@ -35,7 +35,7 @@
       </JFormContainer>
     </div>
     <div style="padding: 14px;background-color: #fff;border-radius: 10px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);">
-      <JFormContainer :disabled="disabled">
+      <JFormContainer >
         <template #detail>
           <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" :colon="false"
             name="ConfigService2DirectiveForm" style="padding: 20px 0px;">
@@ -75,7 +75,7 @@
                 <a-form-item label="收费价格(元)" v-bind="validateInfos.tollPrice" id="ConfigServiceDirectiveForm-tollPrice"
                   name="tollPrice">
                   <a-input-number v-model:value="formData.tollPrice" placeholder="请输入收费价格" style="width: 100%" :min="0"
-                    :max="99999.99" :precision="2" @keydown="onPriceKeydown" />
+                    :max="99999.99" :precision="2" @keydown="onPriceKeydown" :disabled="disabled" />
                 </a-form-item>
               </a-col>
               <a-col :span="12">
@@ -89,21 +89,21 @@
                 <a-form-item label="提成价格(元)" v-bind="validateInfos.comPrice" id="ConfigServiceDirectiveForm-comPrice"
                   name="comPrice">
                   <a-input-number v-model:value="formData.comPrice" placeholder="请输入提成价格" style="width: 100%" :min="0"
-                    :max="99999.99" :precision="2" @keydown="onPriceKeydown" />
+                    :max="99999.99" :precision="2" @keydown="onPriceKeydown" :disabled="disabled" />
                 </a-form-item>
               </a-col>
               <a-col :span="12">
                 <a-form-item label="是否启用" v-bind="validateInfos.izEnabled" id="ConfigServiceDirectiveForm-izEnabled"
                   name="izEnabled">
                   <j-dict-select-tag type='radio' v-model:value="formData.izEnabled" dictCode="iz_enabled"
-                    placeholder="请选择是否启用"  allowClear />
+                    placeholder="请选择是否启用"  allowClear  :disabled="disabled"/>
                 </a-form-item>
               </a-col>
               <a-col :span="12">
                 <a-form-item label="服务时长" v-bind="validateInfos.serviceDuration"
                   id="ConfigServiceDirectiveForm-serviceDuration" name="serviceDuration">
                   <a-input-number v-model:value="formData.serviceDuration" :min="5" :max="55" :step="5" addon-after="分钟"
-                    placeholder="请输入服务时长（分钟）" allow-clear @keydown="onDurationKeydown" />
+                    placeholder="请输入服务时长（分钟）" allow-clear @keydown="onDurationKeydown" :disabled="disabled" />
                 </a-form-item>
               </a-col>
             </a-row>
@@ -115,124 +115,19 @@
             </a-row>
             <a-row style="padding: 0px 20px;">
               <a-col :span="24" v-show="directiveMediaBtnValue == 0">
-                <a-upload-dragger name="file" v-model:fileList="fileList" :multiple="false" :show-upload-list="false"
-                  :before-upload="beforeUpload" style="background-color: #F6FAFF;">
-                  <div class="upload-area">
-                    <p class="upload-text">点击或者拖拽上传</p>
-                    <div class="upload-icon">
-                      <img src="./pictype.png" alt="MP3 icon" style="width: 40px; height: 40px;" />
-                    </div>
-                    <p class="upload-hint">
-                      <span>文件大小不超过10MB</span>
-                      <span class="divider">|</span>
-                      <a-tooltip placement="top">
-                        <template #title>
-                          这里是格式说明的具体内容
-                        </template>
-                        <span>
-                          <QuestionCircleOutlined style="margin-right: 0px;" />
-                          格式说明
-                        </span>
-                      </a-tooltip>
-                    </p>
-                  </div>
-                </a-upload-dragger>
+                <JImageUploadtz v-model:value="formData.previewFile" maxCount="1"  :disabled="disabled"/>
               </a-col>
               <a-col :span="24" v-show="directiveMediaBtnValue == 1">
-                <a-upload-dragger name="file" v-model:fileList="fileList" :multiple="false" :show-upload-list="false"
-                  :before-upload="beforeUpload" style="background-color: #F6FAFF;">
-                  <div class="upload-area">
-                    <p class="upload-text">点击或者拖拽上传</p>
-                    <div class="upload-icon">
-                      <img src="./pictype.png" alt="MP3 icon" style="width: 40px; height: 40px;" />
-                    </div>
-                    <p class="upload-hint">
-                      <span>文件大小不超过10MB</span>
-                      <span class="divider">|</span>
-                      <a-tooltip placement="top">
-                        <template #title>
-                          这里是格式说明的具体内容
-                        </template>
-                        <span>
-                          <QuestionCircleOutlined style="margin-right: 0px;" />
-                          格式说明
-                        </span>
-                      </a-tooltip>
-                    </p>
-                  </div>
-                </a-upload-dragger>
+                <JImageUploadtz v-model:value="formData.previewFileSmall" maxCount="1"  :disabled="disabled"/>
               </a-col>
               <a-col :span="24" v-show="directiveMediaBtnValue == 2">
-                <a-upload-dragger name="file" v-model:fileList="fileList" :multiple="false" :show-upload-list="false"
-                  :before-upload="beforeUpload" style="background-color: #F6FAFF;">
-                  <div class="upload-area">
-                    <p class="upload-text">点击或者拖拽上传</p>
-                    <div class="upload-icon">
-                      <img src="./mp3type.png" alt="MP3 icon" style="width: 40px; height: 40px;" />
-                    </div>
-                    <p class="upload-hint">
-                      <span>文件大小不超过10MB</span>
-                      <span class="divider">|</span>
-                      <a-tooltip placement="top">
-                        <template #title>
-                          这里是格式说明的具体内容
-                        </template>
-                        <span>
-                          <QuestionCircleOutlined style="margin-right: 0px;" />
-                          格式说明
-                        </span>
-                      </a-tooltip>
-                    </p>
-                  </div>
-                </a-upload-dragger>
+                <JUploadMP3 v-model:value="formData.mp3File" maxCount="1"  :disabled="disabled"/>
               </a-col>
               <a-col :span="24" v-show="directiveMediaBtnValue == 3">
-                <a-upload-dragger name="file" v-model:fileList="fileList" :multiple="false" :show-upload-list="false"
-                  :before-upload="beforeUpload" style="background-color: #F6FAFF;">
-                  <div class="upload-area">
-                    <p class="upload-text">点击或者拖拽上传</p>
-                    <div class="upload-icon">
-                      <img src="./mp4type.png" alt="MP3 icon" style="width: 40px; height: 40px;" />
-                    </div>
-                    <p class="upload-hint">
-                      <span>文件大小不超过10MB</span>
-                      <span class="divider">|</span>
-                      <a-tooltip placement="top">
-                        <template #title>
-                          这里是格式说明的具体内容
-                        </template>
-                        <span>
-                          <QuestionCircleOutlined style="margin-right: 0px;" />
-                          格式说明
-                        </span>
-                      </a-tooltip>
-                    </p>
-                  </div>
-                </a-upload-dragger>
+                <JUploadMP4 v-model:value="formData.mp4File" maxCount="1" fileType="mp4" :disabled="disabled"/>
               </a-col>
               <a-col :span="24" v-show="directiveMediaBtnValue == 4">
-                <a-upload-dragger name="file" v-model:fileList="fileList" :multiple="false" :show-upload-list="false"
-                  :before-upload="beforeUpload" style="background-color: #F6FAFF;">
-                  <div class="upload-area">
-                    <p class="upload-text">点击或者拖拽上传</p>
-                    <div class="upload-icon">
-                      <img src="./pictype.png" alt="MP3 icon" style="width: 40px; height: 40px;" />
-                    </div>
-                    <p class="upload-hint">
-                      <span>文件大小不超过10MB</span>
-                      <span class="divider">|</span>
-                      <a-tooltip placement="top">
-                        <template #title>
-                          这里是格式说明的具体内容
-                        </template>
-                        <span>
-                          <QuestionCircleOutlined style="margin-right: 0px;" />
-                          格式说明
-                        </span>
-                      </a-tooltip>
-                    </p>
-                  </div>
-                </a-upload-dragger>
+                <JImageUploadtz v-model:value="formData.immediateFile" maxCount="1"  :disabled="disabled"/>
               </a-col>
             </a-row>
             <a-row style="padding: 20px;">
@@ -248,7 +143,7 @@
                     </div>
                     <div>
                       <a-textarea v-model:value="formData.serviceContent" placeholder="请输入服务指令描述" :maxlength="200"
-                        :rows="3" :autosize="{ minRows: 3 }" :showCount="true" />
+                        :rows="3" :autosize="{ minRows: 3 }" :showCount="true"  :disabled="disabled"/>
                     </div>
                   </div>
                 </div>
@@ -267,7 +162,9 @@ import { defHttp } from '/@/utils/http/axios';
 import { useMessage } from '/@/hooks/web/useMessage';
 import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
 import { JCheckbox } from '/@/components/Form';
-import JUpload from '/@/components/Form/src/jeecg/components/JUpload/JUpload.vue';
+import JUploadMP3 from '../../../../components/Form/src/jeecg/components/JUpload/JUploadMP3.vue';
+import JUploadMP4 from '../../../../components/Form/src/jeecg/components/JUpload/JUploadMP4.vue';
+import JImageUploadtz from '/@/components/Form/src/jeecg/components/JImageUploadtz.vue';
 import JImageUpload from '/@/components/Form/src/jeecg/components/JImageUpload.vue';
 import { getValueType } from '/@/utils';
 import { saveOrUpdate, syncMediaForBiz, syncMediaForAllBiz } from '../ConfigServiceDirective.api';
@@ -278,6 +175,7 @@ import { env } from 'process';
 import DirectiveRadioCom from './DirectiveRadioCom.vue'
 import { QuestionCircleOutlined } from '@ant-design/icons-vue';
 import { DownOutlined } from '@ant-design/icons-vue';
+  import { uploadUrl } from '/@/api/common/api';
 
 const showDescription = ref(false);
 
@@ -376,6 +274,7 @@ const formData = reactive<Record<string, any>>({
   mp4File: '',
   previewFile: '',
   immediateFile: '',
+  previewFileSmall:'',
 });
 const { createMessage } = useMessage();
 const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 4 } });
diff --git a/src/views/services/serviceDirective/components/mp3type.png b/src/views/services/serviceDirective/components/mp3type.png
deleted file mode 100644
index 523037843fe236dfdbf8e0285a9270f32ae7b664..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6310
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

diff --git a/src/views/services/serviceDirective/components/mp4type.png b/src/views/services/serviceDirective/components/mp4type.png
deleted file mode 100644
index 8970b41ef206567df8367668065c5fefa4a8d1c6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 9231
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
H_}Kpf&BK=B

diff --git a/src/views/services/serviceDirective/components/pictype.png b/src/views/services/serviceDirective/components/pictype.png
deleted file mode 100644
index 2667330db84aca65f748224399962bff1507b630..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7063
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