文本框控件只读模式显示优化

 <!--
  * @Date: 2022-08-29 14:31:20
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-07 18:15:28
+ * @LastEditTime: 2024-08-12 17:23:34
  * @FilePath: /data-table/src/components/TextField/index.vue
  * @Description: 单行文本输入框(微信扫描功能)
 -->
@@ -13,7 +13,10 @@
       <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
     <div class="note-wrapper" v-if="item.component_props.note" v-html="item.component_props.note" />
-    <van-field v-model="item.value" :name="item.name" :type="item.type"
+    <div v-if="item.component_props.readonly || (item.component_props.is_camera_scan && !item.component_props.is_edit_camera_scan_result)" style="padding: 0.5rem 1rem; font-size: 0.9rem;">
+      {{ item.value }}
+    </div>
+    <van-field v-else v-model="item.value" :name="item.name" :type="item.type"
       :placeholder="item.component_props.placeholder ? item.component_props.placeholder : '请输入'" :rules="item.rules"
       :required="item.required"
       :readonly="item.component_props.readonly || (item.component_props.is_camera_scan && !item.component_props.is_edit_camera_scan_result)"