From 31955a0abbad99b1731770ad44e43c8388841c86 Mon Sep 17 00:00:00 2001
From: liwenxuan <1298531568@qq.com>
Date: Fri, 12 Sep 2025 14:32:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6,=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E6=97=A0=E6=B3=95=E6=98=BE=E7=A4=BA=E6=97=A0?=
 =?UTF-8?q?=E6=B3=95=E4=BF=AE=E6=94=B9bug=E4=BF=AE=E5=A4=8D,=E6=97=A0?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E6=97=B6=E6=98=BE=E7=A4=BA"=E6=97=A0"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/formTable/index.vue            |  1 +
 .../lowCode/assistant/uploadPage.vue          | 63 +++++++++++++++++++
 2 files changed, 64 insertions(+)

diff --git a/src/components/formTable/index.vue b/src/components/formTable/index.vue
index 47c9b8a..f3b8d2c 100644
--- a/src/components/formTable/index.vue
+++ b/src/components/formTable/index.vue
@@ -137,6 +137,7 @@ const unWatch2 = watch(
 )
 // 从表单数据里提取表单所需的model
 const forEachGetFormModel = (list: FormList[], obj: any) => {
+	//console.log(list)
 	list.forEach((item: any) => {
 		if (['table', 'flex'].includes(item.type)) {
 			obj[item.name] = jsonParseStringify(item.tableData)
diff --git a/src/components/lowCode/assistant/uploadPage.vue b/src/components/lowCode/assistant/uploadPage.vue
index f688832..8240320 100644
--- a/src/components/lowCode/assistant/uploadPage.vue
+++ b/src/components/lowCode/assistant/uploadPage.vue
@@ -15,6 +15,8 @@ import {
     constGetControlByName
 } from '@/api/lowCode/utils';
 
+import { computed } from 'vue';
+
 const props = withDefaults(
     defineProps<{
 		modelValue?: string
@@ -137,11 +139,37 @@ const uploadSuccess = (response: any, uploadFile: any, uploadFiles: any) => {
 	// console.log("uploadSuccess===>",control.value)
 	// console.log("uploadSuccess=fileList==>",fileList)
 }
+
+const imgAry = computed({
+  get: () => {
+    if (
+      props.imgList != "" &&
+      props.imgList != null &&
+      props.imgList != undefined &&
+      props.imgList != "undefined"
+    ) {
+      // let zj = props.imgList
+      // let img = zj.Split(",");
+      let arr = props.imgList.match(/[^,]+/g);
+      console.log("文件列表", arr);
+      return arr;
+    } else {
+      return [];
+    }
+  },
+});
+
+function openUrl1(url:string) {
+
+		window.open(url, '_blank')
+
+}
 </script>
 <template><!-- {'{types}} -->
     <div style="width: 100%;
     display: inline;">
 		<el-upload
+			v-if="props.types!=3"
 			v-bind="props.control"
 			:action="uploadUrl"
 			:name="props.name"
@@ -172,6 +200,19 @@ const uploadSuccess = (response: any, uploadFile: any, uploadFiles: any) => {
 				</div>
 			</template>
 		</el-upload>
+		<div v-else>
+			<span v-if="fileList.length==0">无</span>
+			<div v-for="item in fileList">
+				<!-- <el-link :underline="false" :href="item.url" target="_blank" style="color: blue;">{{ item.url }}</el-link> -->
+				<!-- <br /> -->
+
+				<div v-if="types==3" class="url-container" @click="openUrl1(item.url)">
+					<span class="url-content">
+						{{ item.url }}
+					</span>
+				</div>
+			</div>
+		</div>
 	</div>
 </template>
 <style  lang='scss' >
@@ -185,4 +226,26 @@ const uploadSuccess = (response: any, uploadFile: any, uploadFiles: any) => {
     transition: all .5s cubic-bezier(.55,0,.1,1);
 
 }
+
+
+.url-container {
+  /* 容器样式（保持点击和下划线等特性） */
+  cursor: pointer;
+  color: #0000EE;
+  text-decoration: underline;
+  /* 可选：限制容器最大宽度，避免span无限拉伸 */
+  max-width: 100%; 
+}
+
+.url-content {
+  /* 1. 自定义触发溢出的宽度（例如300px） */
+  width: 100%; 
+  /* 2. 块级显示，确保width生效 */
+  display: inline-block; 
+  /* 3. 超出宽度后自动换行（默认行为，可省略） */
+  white-space: normal; 
+  /* 4. 处理长英文/数字不换行问题（可选） */
+  word-wrap: break-word; 
+  text-decoration:underline;
+}
 </style>
\ No newline at end of file