fix page_type默认add，预览模式下不设置minWidth

 <!--
 <!--
  * @Date: 2022-07-18 10:22:22
  * @Date: 2022-07-18 10:22:22
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-07-27 16:09:51
+ * @LastEditTime: 2024-07-28 18:58:31
  * @FilePath: /data-table/src/views/index.vue
  * @FilePath: /data-table/src/views/index.vue
  * @Description: 首页
  * @Description: 首页
 -->
 -->
 <template>
 <template>
   <van-notice-bar v-if="formSetting.sjsj_is_count_down" left-icon="volume-o" :text="notice_text" scrollable
   <van-notice-bar v-if="formSetting.sjsj_is_count_down" left-icon="volume-o" :text="notice_text" scrollable
     mode="closeable" />
     mode="closeable" />
-  <div class="table-box" :style="{ margin: is_pc ? '1rem 0' : '1rem', overflow: 'auto', minWidth: is_pc ? '40rem' : '' }">
+  <div class="table-box" :style="{ margin: is_pc ? '1rem 0' : '1rem', overflow: 'auto', minWidth: (is_pc && model !== 'preview') ? '40rem' : '' }">
     <template v-if="PHeader.visible && page_type === 'add'">
     <template v-if="PHeader.visible && page_type === 'add'">
       <van-image v-if="PHeader.type === 'image' && PHeader.cover" width="100%" :src="PHeader.cover + '?imageView2/0/w/2000'" fit="cover" />
       <van-image v-if="PHeader.type === 'image' && PHeader.cover" width="100%" :src="PHeader.cover + '?imageView2/0/w/2000'" fit="cover" />
       <template v-if="PHeader.type === 'carousel'">
       <template v-if="PHeader.type === 'carousel'">
@@ -219,7 +219,7 @@ const model = $route.query.model;
  * edit 编辑页
  * edit 编辑页
  * flow 流程页
  * flow 流程页
  */
  */
-const page_type = $route.query.page_type ? $route.query.page_type : null;
+const page_type = $route.query.page_type ? $route.query.page_type : 'add';
 //
 //
 const data_id = $route.query.data_id ? $route.query.data_id : null;
 const data_id = $route.query.data_id ? $route.query.data_id : null;
 // 模仿金数据的扩展参数
 // 模仿金数据的扩展参数
@@ -596,17 +596,31 @@ onMounted(async () => {
   if (data_id) { // 如果有data_id，则获取历史数据 否则获取表单默认值
   if (data_id) { // 如果有data_id，则获取历史数据 否则获取表单默认值
     const history_data = await queryFormDataAPI({ form_code: $route.query.code, data_id, openid: iframe_openid });
     const history_data = await queryFormDataAPI({ form_code: $route.query.code, data_id, openid: iframe_openid });
     if (history_data.code) {
     if (history_data.code) {
-      let object = history_data.data; // 表单数据
-      formData.value.forEach((item) => { // 把对应数据赋值到表单
-        for (const key in object) {
-          const element = object[key];
-          if (item.key === key) {
-            item.component_props.default = element;
-            // 设置读写权限 read_only read_write
-            if (page_type === 'info') {
-              item.component_props.readonly = true;
-              PCommit.value.visible = false; // 只读模式下，提交按钮隐藏
-            }
+      // let object = history_data.data; // 表单数据
+      // formData.value.forEach((item) => { // 把对应数据赋值到表单
+      //   for (const key in object) {
+      //     const element = object[key];
+      //     if (item.key === key) {
+      //       item.component_props.default = element;
+      //       // 设置读写权限 read_only read_write
+      //       if (page_type === 'info') {
+      //         item.component_props.readonly = true;
+      //         PCommit.value.visible = false; // 只读模式下，提交按钮隐藏
+      //       }
+      //     }
+      //   }
+      // });
+      // 结构优化一下
+      let object = history_data.data;
+      const isInfoPage = page_type === 'info';
+      const objectMap = new Map(Object.entries(object)); // 将 object 转换为 Map
+      formData.value.forEach((item) => {
+        if (objectMap.has(item.key)) {
+          item.component_props.default = objectMap.get(item.key);
+          // 设置读写权限 read_only read_write
+          if (isInfoPage) {
+            item.component_props.readonly = true;
+            PCommit.value.visible = false; // 只读模式下，提交按钮隐藏
           }
           }
         }
         }
       });
       });