src/views/iot/thingmodel/ThingModelForm.vue

@@ -23,7 +23,7 @@
       <el-form-item label="标识符" prop="identifier">
         <el-input v-model="formData.identifier" placeholder="请输入标识符" />
       </el-form-item>
-      <!-- 属性配置 -->
+      <!-- 属性配�?-->
       <ThingModelProperty
         v-if="formData.type === IoTThingModelTypeEnum.PROPERTY"
         v-model="formData.property" />
@@ -46,8 +46,8 @@
     </el-form>
 
     <template #footer>
-      <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
-      <el-button @click="dialogVisible = false">取 消</el-button>
+      <el-button :disabled="formLoading" type="primary" @click="submitForm">确定</el-button>
+      <el-button @click="dialogVisible = false">取消</el-button>
     </template>
   </Dialog>
 </template>
@@ -67,17 +67,17 @@ import { cloneDeep } from 'lodash-es'
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { isEmpty } from '@/utils/is'
 
-/** IoT 物模型数据表单 */
+/** IoT 物模型数据表�?*/
 defineOptions({ name: 'IoTThingModelForm' })
 
-const product = inject<Ref<ProductVO>>(IOT_PROVIDE_KEY.PRODUCT) // 注入产品信息
+const product = inject<Ref<ProductVO> | undefined>(IOT_PROVIDE_KEY.PRODUCT) // 注入产品信息
 
-const { t } = useI18n() // 国际化
+const { t } = useI18n() // 国际�?
 const message = useMessage() // 消息弹窗
 
-const dialogVisible = ref(false) // 弹窗的是否展示
-const dialogTitle = ref('') // 弹窗的标题
-const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const dialogVisible = ref(false) // 弹窗的是否展�?
+const dialogTitle = ref('') // 弹窗的标�?
+const formLoading = ref(false) // 表单的加载中�?）修改时的数据加载；2）提交的按钮禁用
 const formType = ref('') // 表单的类型：create - 新增；update - 修改
 const formData = ref<ThingModelData>({
   type: IoTThingModelTypeEnum.PROPERTY,
@@ -114,11 +114,11 @@ const open = async (type: string, id?: number) => {
           }
         }
       }
-      // 情况二：服务初始化
+      // 情况二：服务初始�?
       if (isEmpty(formData.value.service)) {
         formData.value.service = {}
       }
-      // 情况三：事件初始化
+      // 情况三：事件初始�?
       if (isEmpty(formData.value.event)) {
         formData.value.event = {}
       }
@@ -137,8 +137,13 @@ const submitForm = async () => {
   try {
     const data = cloneDeep(formData.value) as ThingModelData
     // 信息补全
-    data.productId = product!.value.id
-    data.productKey = product!.value.productKey
+    if (product?.value?.id) {
+      data.productId = product.value.id
+      data.productKey = product.value.productKey
+    } else {
+      delete data.productId
+      delete data.productKey
+    }
     fillExtraAttributes(data)
     if (formType.value === 'create') {
       await ThingModelApi.createThingModel(data)
@@ -157,7 +162,7 @@ const submitForm = async () => {
 
 /** 填写额外的属性（处理不同类型的情况） */
 const fillExtraAttributes = (data: any) => {
-  // 属性
+  // 属�?
   if (data.type === IoTThingModelTypeEnum.PROPERTY) {
     removeDataSpecs(data.property)
     data.dataType = data.property.dataType
@@ -186,7 +191,7 @@ const fillExtraAttributes = (data: any) => {
   }
 }
 
-/** 处理 dataSpecs 为空的情况 */
+/** 处理 dataSpecs 为空的情�?*/
 const removeDataSpecs = (val: any) => {
   if (isEmpty(val.dataSpecs)) {
     delete val.dataSpecs

src/views/pms/iotprojectinfo/index.vue

@@ -819,11 +819,14 @@ const openForm = (type: string, id?: number) => {
 const assignTask = (row: IotProjectInfoVO) => {
   push({
     name: 'IotProjectTaskInfo',
-    query: {
+    params: {
+      type: 'create',
       projectId: row.id,
-      contractName: row.contractName
+      deptId: row.deptId
     },
-    params: { type: 'create' }
+    query: {
+      contractName: row.contractName
+    }
   })
 }
 

src/views/pms/qhse/certificate.vue

@@ -382,25 +382,25 @@
     </template>
   </Dialog>
 
-  <Dialog v-model="dialogFileView" title="证书附件">
+  <Dialog v-model="dialogFileView" title="附件">
     <div
       v-for="(file, index) in fileList"
       :key="index"
-      class="flex items-center justify-between mt-5">
-      <span class="file-name-text text-ellipsis!">{{ extractFileName(file) }}</span>
-      <div>
+      class="mt-5 flex min-w-0 items-center justify-between gap-5">
+      <span class="file-name-text flex-1 min-w-0">{{ extractFileName(file) }}</span>
+      <div class="flex shrink-0 items-center gap-5 flex-nowrap">
         <el-button link type="primary" @click="viewFileInfo(file)">
-          <Icon icon="ep:view" class="mr-2px" />查看</el-button
-        >
+          <Icon icon="ep:view" class="mr-2px" />查看
+        </el-button>
         <el-button link type="primary" @click="handleDownload(file)">
-          <Icon icon="ep:download" class="mr-2px" />下载</el-button
-        >
+          <Icon icon="ep:download" class="mr-2px" />下载
+        </el-button>
       </div>
     </div>
 
     <template #footer>
       <div class="dialog-footer mt-10">
-        <el-button type="primary" @click="dialogFileView = false"> 确认 </el-button>
+        <el-button type="primary" @click="dialogFileView = false">确认</el-button>
       </div>
     </template>
   </Dialog>
@@ -862,6 +862,12 @@ onMounted(async () => {
 </script>
 
 <style scoped>
+.file-name-text {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 ::deep(.el-tree--highlight-current) {
   height: 200px !important;
 }

src/views/pms/qhse/credential/index.vue

@@ -328,25 +328,25 @@
     </template>
   </Dialog>
 
-  <Dialog v-model="dialogFileView" title="证书附件">
+  <Dialog v-model="dialogFileView" title="附件">
     <div
       v-for="(file, index) in fileList"
       :key="index"
-      class="flex items-center justify-between mt-5">
-      <span class="file-name-text text-ellipsis!">{{ extractFileName(file) }}</span>
-      <div>
+      class="mt-5 flex min-w-0 items-center justify-between gap-5">
+      <span class="file-name-text flex-1 min-w-0">{{ extractFileName(file) }}</span>
+      <div class="flex shrink-0 items-center gap-5 flex-nowrap">
         <el-button link type="primary" @click="viewFileInfo(file)">
-          <Icon icon="ep:view" class="mr-2px" />查看</el-button
-        >
+          <Icon icon="ep:view" class="mr-2px" />查看
+        </el-button>
         <el-button link type="primary" @click="handleDownload(file)">
-          <Icon icon="ep:download" class="mr-2px" />下载</el-button
-        >
+          <Icon icon="ep:download" class="mr-2px" />下载
+        </el-button>
       </div>
     </div>
 
     <template #footer>
       <div class="dialog-footer mt-10">
-        <el-button type="primary" @click="dialogFileView = false"> 确认 </el-button>
+        <el-button type="primary" @click="dialogFileView = false">确认</el-button>
       </div>
     </template>
   </Dialog>
@@ -782,7 +782,12 @@ onMounted(async () => {
 ::deep(.el-transfer-panel__body) {
   height: 700px !important;
 }
-
+.file-name-text {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .stats-cards {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));

src/views/pms/qhse/deviceCert/index.vue

@@ -244,25 +244,25 @@
     </div>
   </div>
 
-  <Dialog v-model="dialogFileView" title="附件" width="500">
+  <Dialog v-model="dialogFileView" title="附件">
     <div
       v-for="(file, index) in fileList"
       :key="index"
-      class="flex items-center justify-between mt-5">
-      <span class="file-name-text">{{ extractFileName(file) }}</span>
-      <div>
+      class="mt-5 flex min-w-0 items-center justify-between gap-5">
+      <span class="file-name-text flex-1 min-w-0">{{ extractFileName(file) }}</span>
+      <div class="flex shrink-0 items-center gap-5 flex-nowrap">
         <el-button link type="primary" @click="viewFileInfo(file)">
-          <Icon icon="ep:view" class="mr-2px" />查看</el-button
-        >
+          <Icon icon="ep:view" class="mr-2px" />查看
+        </el-button>
         <el-button link type="primary" @click="handleDownload(file)">
-          <Icon icon="ep:download" class="mr-2px" />下载</el-button
-        >
+          <Icon icon="ep:download" class="mr-2px" />下载
+        </el-button>
       </div>
     </div>
 
     <template #footer>
       <div class="dialog-footer mt-10">
-        <el-button type="primary" @click="dialogFileView = false"> 确认 </el-button>
+        <el-button type="primary" @click="dialogFileView = false">确认</el-button>
       </div>
     </template>
   </Dialog>
@@ -521,12 +521,10 @@ onMounted(() => {
 
 <style scoped>
 .file-name-text {
-  flex: 1;
+  display: block;
+  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
-  margin-right: 12px;
-  color: var(--el-text-color-primary);
 }
 
 .stats-cards {

src/views/pms/qhse/emergencyDrill/bookCheck/index.vue

@@ -132,13 +132,13 @@
     </div>
   </div>
 
-  <Dialog v-model="dialogFileView" title="附件" width="500">
+  <Dialog v-model="dialogFileView" title="附件">
     <div
       v-for="(file, index) in fileList"
       :key="index"
-      class="flex items-center justify-between mt-5">
-      <span class="file-name-text">{{ extractFileName(file) }}</span>
-      <div>
+      class="mt-5 flex min-w-0 items-center justify-between gap-5">
+      <span class="file-name-text flex-1 min-w-0">{{ extractFileName(file) }}</span>
+      <div class="flex shrink-0 items-center gap-5 flex-nowrap">
         <el-button link type="primary" @click="viewFileInfo(file)">
           <Icon icon="ep:view" class="mr-2px" />查看
         </el-button>
@@ -316,11 +316,9 @@ onMounted(async () => {
 
 <style scoped>
 .file-name-text {
-  flex: 1;
+  display: block;
+  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
-  margin-right: 12px;
-  color: var(--el-text-color-primary);
 }
 </style>

src/views/pms/qhse/emergencyDrill/index.vue

@@ -157,13 +157,13 @@
     </div>
   </div>
 
-  <Dialog v-model="dialogFileView" title="附件" width="500">
+  <Dialog v-model="dialogFileView" title="附件">
     <div
       v-for="(file, index) in fileList"
       :key="index"
-      class="flex items-center justify-between mt-5">
-      <span class="file-name-text">{{ extractFileName(file) }}</span>
-      <div>
+      class="mt-5 flex min-w-0 items-center justify-between gap-5">
+      <span class="file-name-text flex-1 min-w-0">{{ extractFileName(file) }}</span>
+      <div class="flex shrink-0 items-center gap-5 flex-nowrap">
         <el-button link type="primary" @click="viewFileInfo(file)">
           <Icon icon="ep:view" class="mr-2px" />查看
         </el-button>
@@ -321,11 +321,9 @@ onMounted(async () => {
 
 <style scoped>
 .file-name-text {
-  flex: 1;
+  display: block;
+  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
-  margin-right: 12px;
-  color: var(--el-text-color-primary);
 }
 </style>

src/views/pms/qhse/hazard/index.vue

@@ -118,18 +118,17 @@
           <zm-table-column prop="charge" label="责任人" align="center" />
           <zm-table-column label="操作" width="150" align="center" fixed="right" action>
             <template #default="{ row }">
-              <div class="flex gap-3 justify-center">
-                <el-link
-                  :underline="false"
-                  size="small"
-                  type="primary"
-                  @click="openForm('edit', row)">
-                  编辑
-                </el-link>
-                <el-link :underline="false" size="small" type="danger" @click="deleteRow(row)">
-                  删除
-                </el-link>
-              </div>
+              <el-button
+                text
+                :underline="false"
+                size="small"
+                type="primary"
+                @click="openForm('edit', row)">
+                编辑
+              </el-button>
+              <el-button text :underline="false" size="small" type="danger" @click="deleteRow(row)">
+                删除
+              </el-button>
             </template>
           </zm-table-column>
         </zm-table>

src/views/pms/qhse/index.vue

@@ -432,25 +432,25 @@
     </div>
   </el-drawer>
 
-  <Dialog v-model="dialogFileView" title="附件" width="500">
+  <Dialog v-model="dialogFileView" title="附件">
     <div
       v-for="(file, index) in fileList"
       :key="index"
-      class="flex items-center justify-between mt-5">
-      <span class="file-name-text">{{ extractFileName(file) }}</span>
-      <div>
+      class="mt-5 flex min-w-0 items-center justify-between gap-5">
+      <span class="file-name-text flex-1 min-w-0">{{ extractFileName(file) }}</span>
+      <div class="flex shrink-0 items-center gap-5 flex-nowrap">
         <el-button link type="primary" @click="viewFileInfo(file)">
-          <Icon icon="ep:view" class="mr-2px" />查看</el-button
-        >
+          <Icon icon="ep:view" class="mr-2px" />查看
+        </el-button>
         <el-button link type="primary" @click="handleDownload(file)">
-          <Icon icon="ep:download" class="mr-2px" />下载</el-button
-        >
+          <Icon icon="ep:download" class="mr-2px" />下载
+        </el-button>
       </div>
     </div>
 
     <template #footer>
       <div class="dialog-footer mt-10">
-        <el-button type="primary" @click="dialogFileView = false"> 确认 </el-button>
+        <el-button type="primary" @click="dialogFileView = false">确认</el-button>
       </div>
     </template>
   </Dialog>
@@ -1030,6 +1030,12 @@ onUnmounted(() => {
 </script>
 
 <style scoped>
+.file-name-text {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 ::deep(.el-tree--highlight-current) {
   height: 200px !important;
 }

src/views/pms/qhse/iotmeasuredetect/index.vue

@@ -162,7 +162,7 @@
     </div>
   </div>
 
-  <Dialog v-model="dialogFileView" title="附件" width="500">
+  <Dialog v-model="dialogFileView" title="附件">
     <div
       v-for="(file, index) in fileList"
       :key="index"

src/views/pms/qhse/jsa/index.vue

@@ -13,8 +13,7 @@
               placeholder="请输入序号"
               clearable
               @keyup.enter="handleQuery"
-              class="!w-150px"
-            />
+              class="!w-150px" />
           </el-form-item>
 
           <el-form-item label="工作负责人" prop="jobDuty">
@@ -23,8 +22,7 @@
               placeholder="请输入工作负责人"
               clearable
               @keyup.enter="handleQuery"
-              class="!w-150px"
-            />
+              class="!w-150px" />
           </el-form-item>
 
           <!-- <el-form-item label="工作地点" prop="jobAddress">
@@ -47,8 +45,7 @@
               type="primary"
               plain
               @click="openForm('create')"
-              v-hasPermi="['rq:qhse-jsa:create']"
-            >
+              v-hasPermi="['rq:qhse-jsa:create']">
               <Icon icon="ep:plus" class="mr-5px" /> 新增
             </el-button>
             <el-button
@@ -56,8 +53,7 @@
               plain
               @click="handleExport"
               :loading="exportLoading"
-              v-hasPermi="['rq:qhse-jsa:export']"
-            >
+              v-hasPermi="['rq:qhse-jsa:export']">
               <Icon icon="ep:download" class="mr-5px" /> 导出
             </el-button>
           </el-form-item>
@@ -89,13 +85,14 @@
 
           <zm-table-column label="附件" align="center" prop="jsaFile" min-width="90">
             <template #default="{ row }">
-              <el-link
+              <el-button
+                text
                 v-if="row.jsaFile"
                 :underline="false"
                 type="primary"
                 size="small"
                 @click="viewFile(row.jsaFile)"
-                >查看</el-link
+                >查看</el-button
               >
               <span v-else>-</span>
             </template>
@@ -116,16 +113,14 @@
                 link
                 type="primary"
                 @click="openForm('update', scope.row.id)"
-                v-hasPermi="['rq:qhse-jsa:update']"
-              >
+                v-hasPermi="['rq:qhse-jsa:update']">
                 编辑
               </el-button>
               <el-button
                 link
                 type="danger"
                 @click="handleDelete(scope.row.id)"
-                v-hasPermi="['rq:qhse-jsa:delete']"
-              >
+                v-hasPermi="['rq:qhse-jsa:delete']">
                 删除
               </el-button>
             </template>
@@ -136,33 +131,31 @@
           :total="total"
           v-model:page="queryParams.pageNo"
           v-model:limit="queryParams.pageSize"
-          @pagination="getList"
-        />
+          @pagination="getList" />
       </ContentWrap>
 
-      <el-dialog v-model="dialogFileView" title="附件" width="500">
+      <Dialog v-model="dialogFileView" title="附件">
         <div
           v-for="(file, index) in fileList"
           :key="index"
-          class="flex items-center justify-between mt-5"
-        >
-          <span class="file-name-text">{{ extractFileName(file) }}</span>
-          <div>
+          class="mt-5 flex min-w-0 items-center justify-between gap-5">
+          <span class="file-name-text flex-1 min-w-0">{{ extractFileName(file) }}</span>
+          <div class="flex shrink-0 items-center gap-5 flex-nowrap">
             <el-button link type="primary" @click="viewFileInfo(file)">
-              <Icon icon="ep:view" class="mr-2px" />查看</el-button
-            >
+              <Icon icon="ep:view" class="mr-2px" />查看
+            </el-button>
             <el-button link type="primary" @click="handleDownload(file)">
-              <Icon icon="ep:download" class="mr-2px" />下载</el-button
-            >
+              <Icon icon="ep:download" class="mr-2px" />下载
+            </el-button>
           </div>
         </div>
 
         <template #footer>
           <div class="dialog-footer mt-10">
-            <el-button type="primary" @click="dialogFileView = false"> 确认 </el-button>
+            <el-button type="primary" @click="dialogFileView = false">确认</el-button>
           </div>
         </template>
-      </el-dialog>
+      </Dialog>
     </el-col>
   </el-row>
 
@@ -311,3 +304,12 @@ onMounted(() => {
   getList()
 })
 </script>
+
+<style scoped>
+.file-name-text {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+</style>

src/views/pms/qhse/kanban/index.vue

@@ -1607,25 +1607,25 @@ onUnmounted(() => {
     </div>
   </div>
 
-  <Dialog v-model="dialogFileView" title="附件" width="500">
+  <Dialog v-model="dialogFileView" title="附件">
     <div
       v-for="(file, index) in fileList"
       :key="index"
-      class="flex items-center justify-between mt-5">
-      <span class="file-name-text">{{ extractFileName(file) }}</span>
-      <div>
+      class="mt-5 flex min-w-0 items-center justify-between gap-5">
+      <span class="file-name-text flex-1 min-w-0">{{ extractFileName(file) }}</span>
+      <div class="flex shrink-0 items-center gap-5 flex-nowrap">
         <el-button link type="primary" @click="viewFileInfo(file)">
-          <Icon icon="ep:view" class="mr-2px" />查看</el-button
-        >
+          <Icon icon="ep:view" class="mr-2px" />查看
+        </el-button>
         <el-button link type="primary" @click="handleDownload(file)">
-          <Icon icon="ep:download" class="mr-2px" />下载</el-button
-        >
+          <Icon icon="ep:download" class="mr-2px" />下载
+        </el-button>
       </div>
     </div>
 
     <template #footer>
       <div class="dialog-footer mt-10">
-        <el-button type="primary" @click="dialogFileView = false"> 确认 </el-button>
+        <el-button type="primary" @click="dialogFileView = false">确认</el-button>
       </div>
     </template>
   </Dialog>
@@ -2411,6 +2411,13 @@ onUnmounted(() => {
   flex: 1;
 }
 
+.file-name-text {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 // :deep(.el-input__inner) {
 //   font-size: 14px !important;
 //   border: none !important;

src/views/pms/qhse/ptw/index.vue

@@ -98,13 +98,14 @@
 
           <zm-table-column label="附件" align="center" min-width="90">
             <template #default="{ row }">
-              <el-link
+              <el-button
+                text
                 v-if="row.file"
                 :underline="false"
                 type="primary"
                 size="small"
                 @click="viewFile(row.file)"
-                >查看</el-link
+                >查看</el-button
               >
               <span v-else>-</span>
             </template>
@@ -303,25 +304,25 @@
   </Dialog>
 
   <!-- 文件查看对话框 -->
-  <Dialog v-model="dialogFileView" title="附件" width="500">
+  <Dialog v-model="dialogFileView" title="附件">
     <div
       v-for="(file, index) in fileList"
       :key="index"
-      class="flex items-center justify-between mt-5">
-      <span class="file-name-text">{{ extractFileName(file) }}</span>
-      <div>
+      class="mt-5 flex min-w-0 items-center justify-between gap-5">
+      <span class="file-name-text flex-1 min-w-0">{{ extractFileName(file) }}</span>
+      <div class="flex shrink-0 items-center gap-5 flex-nowrap">
         <el-button link type="primary" @click="viewFileInfo(file)">
-          <Icon icon="ep:view" class="mr-2px" />查看</el-button
-        >
+          <Icon icon="ep:view" class="mr-2px" />查看
+        </el-button>
         <el-button link type="primary" @click="handleDownload(file)">
-          <Icon icon="ep:download" class="mr-2px" />下载</el-button
-        >
+          <Icon icon="ep:download" class="mr-2px" />下载
+        </el-button>
       </div>
     </div>
 
     <template #footer>
       <div class="dialog-footer mt-10">
-        <el-button type="primary" @click="dialogFileView = false"> 确认 </el-button>
+        <el-button type="primary" @click="dialogFileView = false">确认</el-button>
       </div>
     </template>
   </Dialog>
@@ -485,13 +486,14 @@
 
         <el-table-column label="附件" align="center" prop="jsaFile">
           <template #default="{ row }">
-            <el-link
+            <el-button
+              text
               v-if="row.jsaFile"
               :underline="false"
               type="primary"
               size="small"
               @click="viewFile(row.jsaFile)"
-              >查看</el-link
+              >查看</el-button
             >
             <span v-else>-</span>
           </template>
@@ -1025,6 +1027,12 @@ const handleRadioChange2 = (row: any) => {
 </script>
 
 <style scoped>
+.file-name-text {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 ::deep(.el-tree--highlight-current) {
   height: 200px !important;
 }

src/views/pms/qhse/safety/index.vue

@@ -148,13 +148,14 @@
 
           <zm-table-column label="附件" align="center" prop="hazardFile" min-width="90">
             <template #default="{ row }">
-              <el-link
+              <el-button
+                text
                 v-if="row.hazardFile"
                 :underline="false"
                 type="primary"
                 size="small"
                 @click="viewFile(row.hazardFile)"
-                >查看</el-link
+                >查看</el-button
               >
               <span v-else>-</span>
             </template>
@@ -166,13 +167,14 @@
 
           <zm-table-column label="整改附件" align="center" prop="rectifyFile" min-width="90">
             <template #default="{ row }">
-              <el-link
+              <el-button
+                text
                 v-if="row.rectifyFile"
                 :underline="false"
                 type="primary"
                 size="small"
                 @click="viewFile(row.rectifyFile)"
-                >查看</el-link
+                >查看</el-button
               >
               <span v-else>-</span>
             </template>
@@ -355,7 +357,7 @@
   </Dialog>
 
   <!-- 整改 -->
-  <el-dialog
+  <Dialog
     title="整改"
     v-model="fixdDialogVisible"
     width="600px"
@@ -389,15 +391,15 @@
       <el-button @click="closeDialog2">取 消</el-button>
       <el-button type="primary" @click="submitFix" :loading="submitLoading">确 定</el-button>
     </template>
-  </el-dialog>
+  </Dialog>
 
-  <el-dialog v-model="dialogFileView" title="附件" width="500">
+  <Dialog v-model="dialogFileView" title="附件">
     <div
       v-for="(file, index) in fileList"
       :key="index"
-      class="flex items-center justify-between mt-5">
+      class="flex items-center justify-between mt-5 gap-5">
       <span class="file-name-text">{{ extractFileName(file) }}</span>
-      <div>
+      <div class="flex gap-5 no-wrap">
         <el-button link type="primary" @click="viewFileInfo(file)">
           <Icon icon="ep:view" class="mr-2px" />查看</el-button
         >
@@ -412,7 +414,7 @@
         <el-button type="primary" @click="dialogFileView = false"> 确认 </el-button>
       </div>
     </template>
-  </el-dialog>
+  </Dialog>
 
   <FilePreviewDialog
     v-model="filePreviewVisible"
@@ -1129,4 +1131,10 @@ watch(
     min-height: 220px;
   }
 }
+
+.file-name-text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 </style>