jt
2024-07-20 ab9d6c46fe78f005ff1efb5cbef1be763a69e4a2
pages/modal/5600.vue
@@ -18,7 +18,7 @@
                  :type="item.name=='Input'?'text':'number'" v-model="item.value" :disabled="item.disabled"
                  :placeholder="item.placeholder"
                  :style="{'width':item.setting.prefix && item.setting.suffix?'78%':item.setting.prefix || item.setting.suffix?'87%':'96%'}"
                  :focus="focusFieldId == item.fieldId" @focus="ontap(index,item)"
                  :focus="focusFieldId == item.fieldId" @focus="ontap(index,item)" @click="onClick(item)"
                  @keyup.enter="onEnterChange(item)" @blur="onEnterChange(item)" />
               <text v-if="item.setting.suffix" class="uni-icon" :class="[item.setting.suffix]"
                  @click="onEnterChange(item)">&#xe568;</text>
@@ -43,51 +43,53 @@
                        <image class="logo" v-if="detail1StyleDefList.length==0"
                           src="../../images/mobox_log_200x40.png">
                        </image>
                        <div class="dv-panel" v-for="(style,ii) in detail1StyleDefList" @tap="onPanelClick(ii)"
                           :id="'tabpanel'+style.form.htmlobjId"
                           :class="style.form.htmlobjId==active_id?'bk-active':activelist[ii].active==true?'bk-active':''">
                           <div class="dv-panel-input">
                              <div class="dv-input" v-for="(item,index) in style.form.items">
                                 <!-- 普通布局 -->
                                 <view v-if="item.name!='Layout'">
                                    <text class="txt_title"
                                       :style="{'width':item.labelWidth+'px'}">{{item.label}}:</text>
                                    <span class="form-item-span" v-if="item.disabled">{{item.value}}</span>
                                    <input class="uni-input" v-if="!item.disabled"
                                       :type="item.name=='InputNumber'?'number':'text'" :value="item.value"
                                       :disabled="item.disabled" :placeholder="item.placeholder" />
                                 </view>
                                 <!-- 栅格布局 -->
                                 <uni-row class="demo-uni-row" v-if="item.name=='Layout'">
                                    <uni-col :span="24 / item.setting.col"
                                       v-for="(cols,key) in item.setting.colList">
                                       <view v-if="cols!=null">
                                          <text class="txt_title"
                                             :style="{'width':cols.labelWidth+'px'}">{{cols.label}}:</text>
                                          <span class="form-item-span"
                                             v-if="cols.disabled">{{cols.value}}</span>
                                          <input class="uni-input" v-if="!cols.disabled"
                                             :type="cols.name=='InputNumber'?'number':'text'"
                                             :value="cols.value" :disabled="cols.disabled"
                                             :placeholder="cols.placeholder" />
                                       </view>
                                    </uni-col>
                                 </uni-row>
                        <checkbox-group @change="checkboxChange">
                           <div class="dv-panel" v-for="(style,ii) in detail1StyleDefList"
                              @tap="onPanelClick(ii)" :id="'tabpanel'+style.form.htmlobjId"
                              :class="style.form.htmlobjId==active_id?'bk-active':activelist[ii].active==true?'bk-active':''">
                              <div class="dv-panel-input">
                                 <div class="dv-input" v-for="(item,index) in style.form.items">
                                    <!-- 普通布局 -->
                                    <view v-if="item.name!='Layout'">
                                       <text class="txt_title"
                                          :style="{'width':item.labelWidth+'px'}">{{item.label}}:</text>
                                       <span class="form-item-span"
                                          v-if="item.disabled">{{item.value}}</span>
                                       <input class="uni-input" v-if="!item.disabled"
                                          :type="item.name=='InputNumber'?'number':'text'"
                                          v-model="item.value" :disabled="item.disabled"
                                          :placeholder="item.placeholder" />
                                    </view>
                                    <!-- 栅格布局 -->
                                    <uni-row class="demo-uni-row" v-if="item.name=='Layout'">
                                       <uni-col :span="24 / item.setting.col"
                                          v-for="(cols,key) in item.setting.colList">
                                          <view v-if="cols!=null">
                                             <text class="txt_title"
                                                :style="{'width':cols.labelWidth+'px'}">{{cols.label}}:</text>
                                             <span class="form-item-span"
                                                v-if="cols.disabled">{{cols.value}}</span>
                                             <input class="uni-input" v-if="!cols.disabled"
                                                :type="cols.name=='InputNumber'?'number':'text'"
                                                v-model="cols.value" :disabled="cols.disabled"
                                                :placeholder="cols.placeholder" />
                                          </view>
                                       </uni-col>
                                    </uni-row>
                                 </div>
                              </div>
                              <div class="dv-panel-button">
                                 <checkbox v-if="param.Sub_Page[0].Select_Button==true" :value="ii"
                                    :checked="style.SelBut_Checked" />
                                 <!-- <text></text> -->
                                 <!-- <button type="primary" @click="savaItem(ii)" v-if="param.Sub_Page[0].OK_Button==true">保存</Button> -->
                                 <button type="warn" @tap="delItem(ii)"
                                    v-if="param.Sub_Page[0].Del_Button==true">{{translateSys('delete')}}</button>
                              </div>
                           </div>
                           <div class="dv-panel-button">
                              <checkbox-group v-if="param.Sub_Page[0].Select_Button==true">
                                 <label>
                                    <checkbox :value="style.SelBut_Checked"
                                       :checked="style.SelBut_Checked" />
                                    <!-- <text></text> -->
                                 </label>
                              </checkbox-group>
                              <!-- <button type="primary" @click="savaItem(ii)" v-if="param.Sub_Page[0].OK_Button==true">保存</Button> -->
                              <button type="warn" @tap="delItem(ii)"
                                 v-if="param.Sub_Page[0].Del_Button==true">删除</button>
                           </div>
                        </div>
                        </checkbox-group>
                     </view>
                     <view class="view-bottom" v-if="param.Sub_Page[0].OK_Button==true">
                        <button type="default" @tap="cancel"
@@ -103,41 +105,40 @@
                        <image class="logo" v-if="detail2StyleDefList.length==0"
                           src="../../images/mobox_log_200x40.png">
                        </image>
                        <div class="dv-panel" v-for="(style,ii) in detail2StyleDefList">
                           <div class="dv-panel-input">
                              <div v-for="(item,index) in style.form.items">
                                 <!-- 普通布局 -->
                                 <view v-if="item.name!='Layout'">
                                    <text class="txt_title"
                                       :style="{'width':item.labelWidth+'px'}">{{item.label}}:</text>
                                    <span class="form-item-span">{{item.value}}</span>
                                 </view>
                                 <!-- 栅格布局 -->
                                 <uni-row class="demo-uni-row" v-if="item.name=='Layout'">
                                    <uni-col v-for="(cols,key) in item.setting.colList"
                                       :span="item.setting.spanList?item.setting.spanList[key]:24 / item.setting.col">
                                       <view v-if="cols!=null">
                                          <text class="txt_title"
                                             :style="{'width':cols.labelWidth+'px'}">{{cols.label}}:</text>
                                          <span class="form-item-span">{{cols.value}}</span>
                                       </view>
                                    </uni-col>
                                 </uni-row>
                        <checkbox-group @change="checkboxChange2">
                           <div class="dv-panel" v-for="(style,ii) in detail2StyleDefList" :key="ii">
                              <div class="dv-panel-input">
                                 <div v-for="(item,index) in style.form.items">
                                    <!-- 普通布局 -->
                                    <view v-if="item.name!='Layout'">
                                       <text class="txt_title"
                                          :style="{'width':item.labelWidth+'px'}">{{item.label}}:</text>
                                       <span class="form-item-span">{{item.value}}</span>
                                    </view>
                                    <!-- 栅格布局 -->
                                    <uni-row class="demo-uni-row" v-if="item.name=='Layout'">
                                       <uni-col v-for="(cols,key) in item.setting.colList"
                                          :span="item.setting.spanList?item.setting.spanList[key]:24 / item.setting.col">
                                          <view v-if="cols!=null">
                                             <text class="txt_title"
                                                :style="{'width':cols.labelWidth+'px'}">{{cols.label}}:</text>
                                             <span class="form-item-span">{{cols.value}}</span>
                                          </view>
                                       </uni-col>
                                    </uni-row>
                                 </div>
                              </div>
                              <div class="dv-panel-button">
                                 <checkbox v-if="param.Sub_Page[1].Select_Button==true" :value="ii"
                                    v-model:checked="style.SelBut_Checked" />
                                 <!-- <text></text> -->
                                 <!-- <button type="primary" @click="savaDataObj(style,ii)" v-if="param.Sub_Page[1].OK_Button==true">保存</Button> -->
                                 <button type="warn" @tap="delDataObj(style,ii)"
                                    v-if="param.Sub_Page[1].Del_Button==true">{{translateSys('delete')}}</button>
                              </div>
                           </div>
                           <div class="dv-panel-button">
                              <checkbox-group v-if="param.Sub_Page[1].Select_Button==true">
                                 <label>
                                    <checkbox :value="style.SelBut_Checked"
                                       :checked="style.SelBut_Checked" />
                                    <!-- <text></text> -->
                                 </label>
                              </checkbox-group>
                              <!-- <button type="primary" @click="savaDataObj(style,ii)" v-if="param.Sub_Page[1].OK_Button==true">保存</Button> -->
                              <button type="warn" @tap="delDataObj(style,ii)"
                                 v-if="param.Sub_Page[1].Del_Button==true">{{translateSys('delete')}}</button>
                           </div>
                        </div>
                        </checkbox-group>
                     </view>
                     <view class="view-bottom" v-if="param.Sub_Page[1].OK_Button==true"> <!--  -->
                        <button type="default" @tap="cancel"
@@ -215,22 +216,7 @@
         this.$data.title = options.titlename;
         this.$data.param = JSON.parse(options.param);
         // console.log(this.$data.param);
         //获取数据类的自定义表单参数
         this.Head_UIStyleGetInfo(this.$data.ClsID, this.$data.param.Input_UI_Style.ID);
         //加载初始界面
         if (this.$data.param.Show_Welcom_Page) {
            this.$data.param.Welcome_Page.Img = this.$data.param.Welcome_Page.Img.replace(/ /g, '+');
            this.$data.param.Welcome_Page.Width = parseInt(this.$data.param.Welcome_Page.Width);
            this.$data.param.Welcome_Page.Height = parseInt(this.$data.param.Welcome_Page.Height);
         }
         //加载Tab页签
         this.$data.items.push(this.$data.param.Sub_Page[0].Name);
         this.$data.items.push(this.$data.param.Sub_Page[1].Name);
         this.Detail1_UIstyleGetInfo(this.ClsID, this.$data.param.Sub_Page[0].UI_Style.ID);
         this.Detail2_UIstyleGetInfo(this.ClsID, this.$data.param.Sub_Page[1].UI_Style.ID);
         console.log(this.$data.param);
         this.loadData(options.paramValue)
      },
      //页面初始化获取焦点
      methods: {
@@ -255,11 +241,76 @@
               });
            });
         },
         async loadData(paramValue) {
            //获取数据类的自定义表单参数
            await this.Head_UIStyleGetInfo(this.$data.ClsID, this.$data.param.Input_UI_Style.ID);
            //传入参数值
            if (paramValue) {
               const attrs = paramValue.attrs || [];
               (this.$data.head_styledef?.form?.items || []).forEach(async (ele, index) => {
                  if (ele.name != "Layout") {
                     attrs.forEach(async (ele2, index2) => {
                        if (ele.fieldId == ele2.name) {
                           ele.value = ele2.value;
                        }
                     });
                  } else {
                     ele.setting.colList.forEach(async (col) => {
                        if (col) {
                           attrs.forEach(async (ele2,
                              index2) => {
                              if (col.fieldId == ele2.name) {
                                 col.value = ele2.value;
                              }
                           });
                        }
                     });
                  }
               })
            }
            //加载初始界面
            if (this.$data.param.Show_Welcom_Page) {
               this.$data.param.Welcome_Page.Img = this.$data.param.Welcome_Page.Img.replace(/ /g, '+');
               this.$data.param.Welcome_Page.Width = parseInt(this.$data.param.Welcome_Page.Width);
               this.$data.param.Welcome_Page.Height = parseInt(this.$data.param.Welcome_Page.Height);
            }
            //加载Tab页签
            this.$data.items.push(this.$data.param.Sub_Page[0].Name);
            this.$data.items.push(this.$data.param.Sub_Page[1].Name);
            await this.Detail1_UIstyleGetInfo(this.ClsID, this.$data.param.Sub_Page[0].UI_Style.ID);
            await this.Detail2_UIstyleGetInfo(this.ClsID, this.$data.param.Sub_Page[1].UI_Style.ID);
            console.log(this.$data.param);
         },
         changeSwiper(evt) {
            let index = evt.target.current || evt.detail.current;
            this.setData({
               current: index
            })
         },
         checkboxChange(e) {
            var items = this.detail1StyleDefList
            var values = e.detail.value;
            for (var i = 0, lenI = items.length; i < lenI; ++i) {
               const item = items[i]
               if (values.includes(i)) {
                  item.SelBut_Checked = true
               } else {
                  item.SelBut_Checked = false
               }
            }
         },
         checkboxChange2(e) {
            var items = this.detail2StyleDefList
            var values = e.detail.value;
            for (var i = 0, lenI = items.length; i < lenI; ++i) {
               const item = items[i]
               if (values.includes(i)) {
                  item.SelBut_Checked = true
               } else {
                  item.SelBut_Checked = false
               }
            }
         },
         async Head_UIStyleGetInfo(class_id, style_id) { //获取自定义表单样式
            var $this = this;
@@ -465,7 +516,9 @@
               });
            });
         },
         onClick(item) {
            this.focusFieldId = item.fieldId
         },
         ontap(index, item) { //扫码功能
            // var $ele = e;
            //console.log(e.target)
@@ -508,19 +561,62 @@
                  }
                  if (item.value) { //第一个输入框不为空
                     //初始化,下个输入框focus属性
                     const curIndex = $this.head_styledef.form.items.findIndex((ele, index2, arr) => {
                        return (ele.name == 'Input' || ele.name == 'InputNumber') && index2 >
                        index;
                     })
                     if (curIndex > -1) {
                        $this.setData({
                           focusFieldId: $this.head_styledef.form.items[curIndex].fieldId
                        })
                     }
                     // setTimeout(function() {
                     //    uni.hideKeyboard();
                     // }, 1000);
                     var findd = false
                     for (let i in $this.head_styledef.form.items) {
                        const ele = $this.head_styledef.form.items[i]
                        if (ele.name != "Layout") {
                           if (ele.name == 'Input' || ele.name == 'InputNumber') {
                              if (attr == ele.fieldId) {
                                 findd = true
                              } else {
                                 if (findd) {
                                    $this.setData({
                                       focusFieldId: ele.fieldId
                                    })
                                    break
                                 }
                              }
                           }
                        } else {
                           if (findd) {
                              let curIndex = ele.setting.colList.findIndex((col, index2, arr) => {
                                 return (col.name == 'Input' || col.name == 'InputNumber');
                              })
                              if (curIndex > -1) {
                                 $this.setData({
                                    focusFieldId: ele.setting.colList[curIndex]
                                       .fieldId
                                 })
                                 break
                              }
                           } else {
                              let curIndex = ele.setting.colList.findIndex((col, index2, arr) => {
                                 return attr == col.fieldId;
                              })
                              if (curIndex > -1) {
                                 findd = true
                                 let curIndex2 = ele.setting.colList.findIndex((col, index2, arr) => {
                                    return (col.name == 'Input' || col.name ==
                                          'InputNumber') &&
                                       index2 >
                                       curIndex;
                                 })
                                 if (curIndex2 > -1) {
                                    $this.setData({
                                       focusFieldId: ele.setting.colList[curIndex]
                                          .fieldId
                                    })
                                    break
                                 }
                              }
                           }
                        }
                     }
                  }
                  // if(onSuffixClickCallbackEvent.id){   //后图标点击事件
                  //   this.onSuffixClick(onSuffixClickCallbackEvent);
@@ -591,7 +687,6 @@
                  }
               });
            });
            const jsonlist = [];
            detailAttrList.forEach(attr => {
               jsonlist.push({
@@ -672,13 +767,18 @@
                        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) uni.showModal({
                              title: this.translateSys("tip"),
                              content: tip,
                              showCancel: false,
                              confirmText: this.translateSys("cancel")
                           });
                           else uni.showModal({
                           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("cancel")
                              });
                           } else uni.showModal({
                              title: this.translateSys("tip"),
                              content: tip + ',' + this.translateSys('tip') + ':' + result
                                 .ret,
@@ -1275,6 +1375,15 @@
                  })
               });
            });
            if (jsonlist.length == 0) {
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: this.translate("tip_no_select_data"),
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
               return;
            }
            // console.log(jsonlist);
            const list = []
            list.push({
@@ -1347,6 +1456,15 @@
                  })
               });
            });
            if (jsonlist.length == 0) {
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: this.translate("tip_no_select_data"),
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
               return;
            }
            const list = []
            list.push({
               page_name: $this.param.Sub_Page[1].Name,
@@ -1460,11 +1578,21 @@
               });
            });
            const list = []
            if (jsonlist.length == 0) {
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: this.translate("tip_no_select_data"),
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
               return;
            }
            list.push({
               page_name: $this.param.Sub_Page[0].Name,
               item_list: jsonlist,
               ext_data: $this.detail1ExtData
            })
            // console.log(jsonlist);
            $this.runCustomEvent(event, input_param, list, '1');
            // jsonlist.forEach(async (json,key)=>{
@@ -1562,6 +1690,15 @@
                  }))
               });
            });
            if (jsonlist.length == 0) {
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: this.translate("tip_no_select_data"),
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
               return;
            }
            const list = []
            list.push({
               page_name: $this.param.Sub_Page[1].Name,
@@ -1609,13 +1746,18 @@
                  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) uni.showModal({
                        title: this.translateSys("tip"),
                        content: tip,
                        showCancel: false,
                        confirmText: this.translateSys("cancel")
                     });
                     else uni.showModal({
                     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("cancel")
                        });
                     } else uni.showModal({
                        title: this.translateSys("tip"),
                        content: tip + ',' + this.translateSys('tip') + ':' + result.ret,
                        showCancel: false,
@@ -1660,7 +1802,8 @@
                                 // this.detail2StyleDefList=[];
                                 uni.showModal({
                                    title: this.translateSys("tip"),
                                    content:this.translate('execute_event_success'),
                                    content: this.translate(
                                       'execute_event_success'),
                                    showCancel: false,
                                    confirmText: this.translateSys("cancel")
                                 });
@@ -1776,7 +1919,8 @@
               var tip = typeof ex == "string" ? ex : ex.errMsg;
               uni.showModal({
                  title: this.translateSys("error") + "8.1",
                  content: this.translate("execute_after_ok_event_failed") + this.translateSys("comma") +
                  content: this.translate("execute_after_ok_event_failed") + this.translateSys(
                        "comma") +
                     tip,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
@@ -1986,7 +2130,7 @@
         padding-bottom: 20rpx;
      }
      .dv-panel-button checkbox-group {
      .dv-panel-button checkbox {
         padding-left: 20px;
         display: inline-block;
      }