界面大模式

cuiqian2004

2025-05-23 df481aebfb7a19eea5d6c02f93c6f5776b0fdc19

 pages/modal/3200_view.vue

@@ -1,15 +1,11 @@
<template>
   <view class="uni-page-modal-3200-view">
   <view class="uni-page-modal-3200-view" :class="largeMode?'large-mode':''">
      <view class="v-content">
         <view class="dv-panel dv-panel-bkcolor">
            <div class="dv-panel-input">
               <!-- HTML页面类型显示 -->
               <div class="dv-viewHtml-Panel" v-if="ViewHtml_Panel" v-html="ViewHtml_Panel">
                  <!-- <div>
                    <label class="item-label">任务编码:</label>
                    <span class="item-span">TA240318-00005</span>
                  </div> -->
               </div>
               <view class="dv-viewHtml-Panel" v-if="ViewHtml_Panel" v-html="ViewHtml_Panel"></view>

               <!-- 自定义表单类型显示 -->
               <div v-if="!ViewHtml_Panel">
                  <OIForm :form="detail2_styledef.form" viewMode></OIForm>
@@ -29,7 +25,7 @@
         <view class="uni-padding-wrap" v-if="param.ViewPage.Page_Button.length>2">
            <view class="uni-btn-v">
               <a @tap="actionSheetTap">
                  <Icon class="mobox-normal-more" />
                  <text class="mobox-normal-more" />
               </a>
            </view>
         </view>
@@ -38,7 +34,9 @@
</template>

<script>
   import Base64 from '../../components/js-base64/base64.js'
   import {
      Base64
   } from '@/js/Base64.js';
   import classUtils from "@/js/utils.js"
   import {
      appGetInfo,
@@ -50,17 +48,16 @@
      dataObjQuery
   } from "@/api/data.js"
   import OIForm from '@/components/oi-form/index.vue'
   import buttonClickMixin from '@/mixins/button-click.js';

   export default {
      modules: {
         Base64,
      },
      mixins: [buttonClickMixin],
      components: {
         OIForm
      },
      onBackPress(e) {
         // console.log("监听返回按钮事件",e);
         var eventChannel = this.$scope.eventChannel;
         const eventChannel = this.getOpenerEventChannel();
         // const eventChannel = this.getOpenerEventChannel();
         eventChannel.emit('ExitViewEvent', "");
         // uni.navigateBack({
@@ -70,6 +67,7 @@
      },
      data() {
         return {
               largeMode: getApp().globalData.largeMode || false,
            title: this.translateSys('add2'),
            param: {},
            styleDef: {
@@ -99,11 +97,11 @@
         uni.setNavigationBarTitle({
            title: options.titlename
         }); //设置顶部标题 
         this.$data.title = options.titlename;
         this.$data.param = JSON.parse(options.param);
         console.log(this.$data.param);
         this.$data.styleDef = JSON.parse(options.style);
         // console.log(this.$data.styleDef);
         this.title = options.titlename;
         this.param = JSON.parse(options.param);
         console.log(this.param);
         this.styleDef = JSON.parse(options.style);
         // console.log(this.styleDef);
         if (this.param.ViewPage.View_UIDef.ui_type == "HTML页面") {
            // HTML页面
            //获取数据类的HTML页面
@@ -184,9 +182,9 @@
                  if (!result.style_def.includes('"')) styledef = Base64.decode(result
                     .style_def);
               }
               $this.$data.detail2_styledef = result.style_def ? JSON.parse(styledef) : {};
               $this.$data.detail2_styledef.SelBut_Checked = false;
               // console.log($this.$data.detail2_styledef);
               $this.detail2_styledef = result.style_def ? JSON.parse(styledef) : {};
               $this.detail2_styledef.SelBut_Checked = false;
               // console.log($this.detail2_styledef);
               if ($this.detail2_styledef.form?.items) {
                  $this.styleDef.form.attrs.forEach((attr) => {
                     // info[attr.name]=attr.value;
@@ -353,7 +351,15 @@
                     }
                  }
               });
            } else that.onButtonClicked(btn);
            } else {
               this.handleButtonClick((done) => {
                  that.onButtonClicked(btn);
                  setTimeout(() => {
                     done(); // 重置状态
                  }, 1000);
               });

            }
         },
         //点击按钮列表
         actionSheetTap() {
@@ -490,7 +496,7 @@
                     result.action.forEach(item => {
                        if (item.action_type == "goback_to_pre_page") { //返回上一页
                           var value = item.value;
                           // const eventChannel = this.$scope.eventChannel;
                           // const eventChannel = this.getOpenerEventChannel();
                           // // const eventChannel = this.getOpenerEventChannel();
                           // eventChannel.emit('ExitViewEvent',"");
                           uni.navigateBack({
@@ -700,7 +706,7 @@
         },

         cancel(e) { //取消
            var eventChannel = this.$scope.eventChannel;
            const eventChannel = this.getOpenerEventChannel();
            // const eventChannel = this.getOpenerEventChannel();
            eventChannel.emit('ExitViewEvent', "");
            uni.navigateBack({
@@ -807,6 +813,16 @@
         width: 100%;
         display: inline-block;
         text-align: left;

         .uni-forms-item {
            padding-bottom: 5rpx;
            margin-bottom: 0;

            .uni-forms-item__label {
               height: 20px !important;
               padding: 0 10rpx 0 0 !important;
            }
         }
      }

      .dv-panel-buticon {