界面大模式

cuiqian2004

2025-05-23 df481aebfb7a19eea5d6c02f93c6f5776b0fdc19

 pages/modal/5601.vue

@@ -1,5 +1,5 @@
<template>
   <view class="uni-page-modal-5601">
   <view class="uni-page-modal-5601" :class="largeMode?'large-mode':''">
      <!-- 表头样式 -->
      <OIForm ref="refBaseForm" class="v-headStyle" :form="head_styledef.form" :focusId="focusFieldId"
         @on-click="onClick" @on-focus="ontap" @on-change="onEnterChange" @on-click-prefix="classAttr_extButton"
@@ -17,7 +17,7 @@
            <swiper class="view-tabpage" :current="current" @change="changeSwiper">
               <!-- 子界面 -->
               <swiper-item v-for="(pageData, pageIndex) in pageDetail" :key="pageIndex">
                  <view class="uni-panel-content">
                  <view class="tab-content">
                     <view class="view-tab-content" :id="'tabpanel' + pageData.Name">
                        <image class="logo" v-if="pageData.DefList.length==0"
                           src="../../images/mobox_log_200x40.png">
@@ -139,6 +139,7 @@

      data() {
         return {
            largeMode: getApp().globalData.largeMode || false,
            title: this.translateSys("inventory"),
            ClsID: '',
            param: {},
@@ -490,7 +491,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
                  }
               }
               this.setData({
                  head_styledef: styledefHead
@@ -624,7 +643,7 @@
            // var $ele = e;
            //console.log(e.target)
            this.focusOldFieldId = item.fieldId
            getApp().onScan((result) => {
            getApp().onScan(async (result) => {
               console.log(result.decodedata);
               item.value = result.decodedata;
               var $this = this;
@@ -634,16 +653,14 @@
                  var attr = item.fieldId;
                  this.head_styledef.form.model[attr] = newVal;
                  var onChangeEvent = item.bind.onChangeEvent; //内容变化后事件
                  var onSuffixClickCallbackEvent = item.bind
                     .onSuffixClickCallbackEvent; //后图标点击事件
                  var onSuffixClickEvent = item.bind
                     .onSuffixClickEvent; //后图标点击回调
                  var isflag = false;

                  if (item.changeEventRunding)
                     return
                  item.changeEventRunding = true
                  if (onChangeEvent?.id) { //内容变化后事件
                     $this.onChange(onChangeEvent);
                     await this.onChange(onChangeEvent);
                  }

                  item.changeEventRunding = false
                  //初始化，下个输入框focus属性
                  var findd = false
                  for (let i in $this.head_styledef.form.items) {
@@ -713,7 +730,7 @@
            })
         },

         onEnterChange(item) { //回车，点击按钮，取消节点事件
         async onEnterChange(item) { //回车，点击按钮，取消节点事件
            console.log(item);
            let newVal = item.value
            if (typeof item.value == "string") {
@@ -732,7 +749,7 @@
               this.head_styledef.form.model[attr] = newVal;
               var onChangeEvent = item.bind.onChangeEvent; //内容变化后事件
               if (onChangeEvent?.id) { //内容变化后事件
                  this.onChange(onChangeEvent);
                  await this.onChange(onChangeEvent);
               }

            }
@@ -888,186 +905,176 @@
                     global_attr: '',
                     input_param: input_param,
                  };
                  runCustomEvent(dataInfo).then(result => {
                     console.log(result);
                     if (result.ret != 0) {
                        var tip = result.err_info ? typeof result
                           .err_info == 'string' ? result
                           .err_info : result.err_info.join('<br/>') :
                           '';
                        if (result.ret == 801) {
                           if (this.param.Only_Script_Error) {
                              let pos = tip.indexOf("：");
                              if (pos > -1) tip = tip.substring(pos +
                                 1);
                           }
                           uni.showModal({
                              title: this.translateSys(
                                 "tip"),
                              content: tip,
                              showCancel: false,
                              confirmText: this.translateSys(
                                 'close')
                           });
                        } else uni.showModal({
                           title: this.translateSys('tip'),
                           content: tip + ',' + this
                              .translateSys('tip') + ':' +
                              result
                              .ret,
                           showCancel: false,
                           confirmText: this.translateSys(
                              'close')
                        });
                        return false;
                     } else {
                        var tip = result.info ? typeof result.info ==
                           'string' ? result.info :
                           result.info.join('<br/>') : '';
                        if (tip) uni.showModal({
                           title: this.translateSys('tip'),
                  const result = await runCustomEvent(dataInfo)
                  console.log(result);
                  if (result.ret != 0) {
                     var tip = result.err_info ? typeof result
                        .err_info == 'string' ? result
                        .err_info : result.err_info.join('<br/>') :
                        '';
                     if (result.ret == 801) {
                        if (this.param.Only_Script_Error) {
                           let pos = tip.indexOf("：");
                           if (pos > -1) tip = tip.substring(pos +
                              1);
                        }
                        uni.showModal({
                           title: this.translateSys(
                              "tip"),
                           content: tip,
                           showCancel: false,
                           confirmText: this.translateSys(
                              'close')
                        });

                        if (result.result_type == 0 && result.action) {
                           result.action.forEach(item => {
                              if (item.action_type == "insert_subtable_page_row") { //码盘中
                                 $this.param.Show_Welcom_Page = false;
                                 var value = item.value;
                                 $this.viewAceionRow(value);
                              } else if (item.action_type ==
                                 "set_subtable_page_content") { //已码盘
                                 $this.param.Show_Welcom_Page = false;
                                 var value = item.value;
                                 const pageData = $this.pageDetail.find((page) => {
                                    return value.page_name == page.Name;
                                 });
                                 if (value.clear_confirm != false && value.clear == true &&
                                    pageData && pageData.DefList.length > 0
                                 ) { //判断是否清空页签内容,正在码盘是否有数据
                                    uni.showModal({
                                       title: this.translateSys('tip'),
                                       content: this.translate(
                                             "are_you_sure_clear_first") +
                                          this.translateSys(
                                             "quotation_mark_left") +
                                          value.page_name +
                                          this.translateSys(
                                             "quotation_mark_right") +
                                          this.translate(
                                             "are_you_sure_clear_last"),
                                       cancelText: $this.translateSys('ok'),
                                       confirmText: $this.translateSys('cancel'),
                                       success: function(res) {
                                          if (res.cancel) {
                                             if (pageData)
                                                pageData.DefList = [];
                                             $this.viewAceionContent(value);
                                          } else if (res.confirm) {
                                             if (pageData)
                                                pageData.DefList = [];
                                             $this.viewAceionContent(value);
                                          }
                                       }
                                    });
                                 } else {
                                    if (pageData)
                                       pageData.DefList = [];
                                    $this.viewAceionContent(value);
                                 }
                              } else if (item.action_type == "select_subtable_page") {
                                 var value = item.value;
                                 const pageIndex = $this.pageDetail.findIndex((page) => {
                                    return value.page_name == page.Name;
                                 });
                                 if (pageIndex > -1) {
                                    $this.setData({
                                       current: pageIndex
                                    })
                                 }
                              } else if (item.action_type == "select_subtable_page_row") {
                                 // value = {"page_name":"码盘中", "row":{"id":"xx"}}
                                 var value = item.value;
                                 $this.viewActionSelectRow(value)
                              } else if (item.action_type ==
                                 "remove_subtable_page_row") { //清除面板中指定id的数据
                                 var value = item.value;
                                 $this.viewActionRemoveRow(value)
                              } else if (item.action_type == "set_subtable_page_row") {
                                 $this.viewActionSetRow(item.value)

                              } else if (item.action_type == "set_subtable_page_ext_data") {
                                 var value = item.value;
                                 const pageData = $this.pageDetail.find((page) => {
                                    return value.page_name == page.Name;
                                 });
                                 if (pageData)
                                    pageData.ExtData = value.ext_data

                              } else if (item.action_type == "clear_subpage_rows") {
                                 var value = item.value;
                                 const pageIndex = $this.pageDetail.findIndex((page) => {
                                    return value.page_name == page.Name;
                                 });
                                 if (pageIndex > -1) {
                                    const pageData = $this.pageDetail[pageIndex]
                                    pageData.DefList = []
                                    pageData.ExtData = {}

                                    $this.$set(this.pageDetail, pageIndex, pageData)
                                 }

                              } else if (item.action_type == "set_dlg_current_edit_attr") {

                                 if ($this.focusOldFieldId == item.value) {
                                    $this.setData({
                                       focusFieldId: ""
                                    })
                                 } else {
                                    $this.setData({
                                       focusFieldId: $this.focusOldFieldId
                                    })
                                 }
                                 $this.$nextTick(() => {
                                    $this.setData({
                                       focusFieldId: item.value
                                    })
                                 });
                              } else if (item.action_type == "set_dlg_attr") {
                                 // value = {"attr":"xxx", "value":"xxx"}
                                 var data = item.value;
                                 $this.setFormValues(data)
                              }
                           });
                        } else {

                           if (result.info) {
                              uni.showModal({
                                 title: this.translateSys(
                                    "error") + "4.3",
                                 content: result.info,
                                 showCancel: false,
                                 confirmText: this
                                    .translateSys('close')
                              });
                           }
                        }

                     }

                  }).catch(ex => {
                     // console.log(ex);
                     let tip = typeof ex.errMsg == "string" ? ex.errMsg : ex
                     uni.showModal({
                        title: this.translateSys("error") + "4.1",
                     } else uni.showModal({
                        title: this.translateSys('tip'),
                        content: tip + ',' + this
                           .translateSys('tip') + ':' +
                           result
                           .ret,
                        showCancel: false,
                        confirmText: this.translateSys(
                           'close')
                     });
                     return false;
                  } else {
                     var tip = result.info ? typeof result.info ==
                        'string' ? result.info :
                        result.info.join('<br/>') : '';
                     if (tip) uni.showModal({
                        title: this.translateSys('tip'),
                        content: tip,
                        showCancel: false,
                        confirmText: this.translateSys('close')
                        confirmText: this.translateSys(
                           'close')
                     });
                  });

                     if (result.result_type == 0 && result.action) {
                        result.action.forEach(item => {
                           if (item.action_type == "insert_subtable_page_row") { //码盘中
                              $this.param.Show_Welcom_Page = false;
                              var value = item.value;
                              $this.viewAceionRow(value);
                           } else if (item.action_type ==
                              "set_subtable_page_content") { //已码盘
                              $this.param.Show_Welcom_Page = false;
                              var value = item.value;
                              const pageData = $this.pageDetail.find((page) => {
                                 return value.page_name == page.Name;
                              });
                              if (value.clear_confirm != false && value.clear == true &&
                                 pageData && pageData.DefList.length > 0
                              ) { //判断是否清空页签内容,正在码盘是否有数据
                                 uni.showModal({
                                    title: this.translateSys('tip'),
                                    content: this.translate(
                                          "are_you_sure_clear_first") +
                                       this.translateSys(
                                          "quotation_mark_left") +
                                       value.page_name +
                                       this.translateSys(
                                          "quotation_mark_right") +
                                       this.translate(
                                          "are_you_sure_clear_last"),
                                    cancelText: $this.translateSys('ok'),
                                    confirmText: $this.translateSys('cancel'),
                                    success: function(res) {
                                       if (res.cancel) {
                                          if (pageData)
                                             pageData.DefList = [];
                                          $this.viewAceionContent(value);
                                       } else if (res.confirm) {
                                          if (pageData)
                                             pageData.DefList = [];
                                          $this.viewAceionContent(value);
                                       }
                                    }
                                 });
                              } else {
                                 if (pageData)
                                    pageData.DefList = [];
                                 $this.viewAceionContent(value);
                              }
                           } else if (item.action_type == "select_subtable_page") {
                              var value = item.value;
                              const pageIndex = $this.pageDetail.findIndex((page) => {
                                 return value.page_name == page.Name;
                              });
                              if (pageIndex > -1) {
                                 $this.setData({
                                    current: pageIndex
                                 })
                              }
                           } else if (item.action_type == "select_subtable_page_row") {
                              // value = {"page_name":"码盘中", "row":{"id":"xx"}}
                              var value = item.value;
                              $this.viewActionSelectRow(value)
                           } else if (item.action_type ==
                              "remove_subtable_page_row") { //清除面板中指定id的数据
                              var value = item.value;
                              $this.viewActionRemoveRow(value)
                           } else if (item.action_type == "set_subtable_page_row") {
                              $this.viewActionSetRow(item.value)

                           } else if (item.action_type == "set_subtable_page_ext_data") {
                              var value = item.value;
                              const pageData = $this.pageDetail.find((page) => {
                                 return value.page_name == page.Name;
                              });
                              if (pageData)
                                 pageData.ExtData = value.ext_data

                           } else if (item.action_type == "clear_subpage_rows") {
                              var value = item.value;
                              const pageIndex = $this.pageDetail.findIndex((page) => {
                                 return value.page_name == page.Name;
                              });
                              if (pageIndex > -1) {
                                 const pageData = $this.pageDetail[pageIndex]
                                 pageData.DefList = []
                                 pageData.ExtData = {}

                                 $this.$set(this.pageDetail, pageIndex, pageData)
                              }

                           } else if (item.action_type == "set_dlg_current_edit_attr") {

                              if ($this.focusOldFieldId == item.value) {
                                 $this.setData({
                                    focusFieldId: ""
                                 })
                              } else {
                                 $this.setData({
                                    focusFieldId: $this.focusOldFieldId
                                 })
                              }
                              $this.$nextTick(() => {
                                 $this.setData({
                                    focusFieldId: item.value
                                 })
                              });
                           } else if (item.action_type == "set_dlg_attr") {
                              // value = {"attr":"xxx", "value":"xxx"}
                              var data = item.value;
                              $this.setFormValues(data)
                           }
                        });
                     } else {

                        if (result.info) {
                           uni.showModal({
                              title: this.translateSys(
                                 "error") + "4.3",
                              content: result.info,
                              showCancel: false,
                              confirmText: this
                                 .translateSys('close')
                           });
                        }
                     }

                  }

               }
            } catch (ex) {
               var tip = typeof ex == "string" ? ex : ex.message;
@@ -2495,22 +2502,22 @@
         },
         sava(pageData, event) {
            var $this = this;
            if (pageData.DefList.length == 0) {
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: this.translate(
                        "tip_no_data_first") +
                     this.translateSys(
                        "quotation_mark_left") + pageData.Name + this
                     .translateSys(
                        "quotation_mark_right") +
                     this.translate(
                        "tip_no_data_last"),
                  showCancel: false,
                  confirmText: this.translateSys('close')
               });
               return false;
            }
            // if (pageData.DefList.length == 0) {
            //    uni.showModal({
            //       title: this.translateSys("tip"),
            //       content: this.translate(
            //             "tip_no_data_first") +
            //          this.translateSys(
            //             "quotation_mark_left") + pageData.Name + this
            //          .translateSys(
            //             "quotation_mark_right") +
            //          this.translate(
            //             "tip_no_data_last"),
            //       showCancel: false,
            //       confirmText: this.translateSys('close')
            //    });
            //    return false;
            // }
            //获取表头属性
            var head_attr = {};
            this.head_styledef.form.items.forEach(item => {
@@ -2951,6 +2958,12 @@
         flex-direction: column !important;
      }

      .tab-content {
         display: flex;
         width: 100%;
         height: 100%;
         flex-direction: column !important;
      }

      .view-bottom {
         display: flex;
@@ -2966,7 +2979,6 @@
         .btn-left {
            padding: 20rpx;
            line-height: 1.5;
            font-size: 38rpx;
            font-weight: bold;
            float: left;
            display: inline-block;
@@ -2976,7 +2988,6 @@
         .btn-one {
            padding: 20rpx;
            line-height: 1.5;
            font-size: 38rpx;
            font-weight: bold;
            float: left;
            display: inline-block;
@@ -2987,7 +2998,6 @@
         .btn-right {
            padding: 20rpx;
            line-height: 1.5;
            font-size: 38rpx;
            font-weight: bold;
            float: right;
            display: inline-block;
@@ -3072,7 +3082,7 @@
         .dv-panel-button {
            width: 100%;
            text-align: left;
            min-height: 30rpx;
            min-height: 16px;
            padding-bottom: 10rpx;

            checkbox {
@@ -3084,7 +3094,7 @@
               text-align: left;
               line-height: 1.5;
               border: none;
               font-size: 30rpx;

               margin-right: 10rpx;
               display: inline-block;
               float: right;
@@ -3144,7 +3154,6 @@
         background: #94D5EF;
         display: block;
         width: 100%;
         font-size: 36rpx;
         line-height: 80rpx;
         font-weight: 500;
      }
@@ -3163,8 +3172,6 @@
         background: #FFF;
         border-radius: 0 !important;
         color: #2d8cf0;
         /* padding: 10rpx 8rpx 12rpx; */
         font-size: 34rpx;
         font-family: inherit;
         box-shadow: none !important;
         transition-duration: 0.1s;
@@ -3218,7 +3225,6 @@
      }

      .popup-header {
         font-size: 42rpx;
         font-weight: bold;
         margin: 20rpx 20rpx 0px 20rpx;
      }
@@ -3243,7 +3249,6 @@
         background: #27A6E1;
         border: none;
         color: #fff;
         font-size: 38rpx;
         font-weight: bold;
         /* float: left; */
         display: inline-block;
@@ -3259,7 +3264,6 @@
         // color: #fff;
         background: #fff;
         color: #000;
         font-size: 38rpx;
         font-weight: bold;
         /* float: right; */
         display: inline-block;
@@ -3267,4 +3271,10 @@


   }

   .uni-page-modal-5601.large-mode {
      .dv-panel-button {
         min-height: 32px !important;
      }
   }
</style>