界面大模式

cuiqian2004

2025-05-23 df481aebfb7a19eea5d6c02f93c6f5776b0fdc19

 pages/modal/form/index.vue

@@ -1,5 +1,5 @@
<template>
   <view class="uni-page-modal-form">
   <view class="uni-page-modal-form" :class="largeMode?'large-mode':''">
      <view class="view-content">
         <!-- 表头样式 -->
         <OIForm ref="refBaseForm" class="v-head-style" :form="head_styledef.form" :focusId="focusFieldId"
@@ -43,7 +43,7 @@
<script>
   import {
      Base64
   } from  '@/js/Base64.js';
   } from '@/js/Base64.js';
   import {
      dictGetInfo
   } from "@/api/mobox.js"
@@ -64,6 +64,7 @@
      },
      data() {
         return {
               largeMode: getApp().globalData.largeMode || false,
            okLoading: false,
            title: this.translateSys('add2'),
            type: '',
@@ -292,6 +293,25 @@
                           }
                        }
                     }
                  }
                  const app = getApp()
                  if (app.globalData.bindClasses) {
                     styledefHead.form.items.push({
                        name: "Input",
                        label: this.translate("classes"),
                        labelWidth: 100,
                        disabled: true,
                        value: app.globalData.classes,
                        setting: {
                           width: 100,
                           height: 50,
                        },
                        bind: {
                           attr: "",
                        },
                        fieldId: "S_CLASSES",
                     })
                     styledefHead.form.model["S_CLASSES"] = app.globalData.classes
                  }

               }
@@ -900,7 +920,6 @@

               //判断表单里是否有返回字段，没有就装载到model里，点击确定提交的时候带上这些数据
            })
            console.log(head_styledef)
            this.setData({
               head_styledef: head_styledef
            })
@@ -1838,39 +1857,6 @@
         flex-direction: column;
      }

      .v-head-style {
         width: 98%;

         .uni-forms-item {
            margin-bottom: 11rpx;
         }

         .input-wrapper {
            border: 1px solid #d5d5d5;
            width: 100%;
            display: flex;
            flex-direction: row;

            .uni-input {
               flex: 1;
               padding: 12rpx 8rpx;
               color: #2d8cf0;
               // height: 40rpx;
               // line-height: 40rpx;
            }

            .uni-icon {

               padding: 10rpx 5rpx;
               font-size: 32rpx;
               color: rgb(192, 196, 204);
            }
         }

         .input-wrapper:hover {
            border: 1px solid rgb(41, 121, 255);
         }
      }

      .view-content {
         display: flex;