只读字段显示优化

 <!--
  * @Date: 2022-08-31 16:16:49
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-07-29 14:10:48
+ * @LastEditTime: 2024-08-12 18:12:00
  * @FilePath: /data-table/src/components/FileUploaderField/index.vue
  * @Description: 文件上传控件
 -->
 <template>
   <div v-if="HideShow" class="file-uploader-field">
     <div class="label">
-      <span v-if="item.component_props.required">&nbsp;*</span>
-      {{ item.component_props.label }}
+      <span v-if="item.component_props.disabled_show"><van-icon name="closed-eye" /></span>
+      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
     <div
       v-if="item.component_props.note"
@@ -105,6 +106,10 @@ const props = defineProps({
 const HideShow = computed(() => {
   return !props.item.component_props.disabled
 })
+// 只读显示-流程模式
+const ReadonlyShow = computed(() => {
+  return $route.query.page_type === 'flow' && !props.item.component_props.readonly;
+});
 const emit = defineEmits(["active"]);
 const show_empty = ref(false);
 const default_file = ref(props.item.component_props.default);
@@ -435,10 +440,6 @@ defineExpose({ validFileUploader });
     padding: 1rem 1rem 0 1rem;
     font-size: 0.9rem;
     font-weight: bold;
-
-    span {
-      color: red;
-    }
   }
 
   .type-text {