5601 modify form smallwmd

cyy

2025-03-01 303d480e7569a0c0a476b462e843ea76658faac5

 pages/modal/3018_2.vue

@@ -5,7 +5,7 @@
         <uni-forms ref="baseForm" label-align="right">
            <view class="v-headStyle" v-for="(item,index) in head_styledef.form.items">
               <!-- 普通布局 -->
               <uni-forms-item v-if="item.name != 'Layout'&& item.show==true" :label="item.label +'：' "
               <uni-forms-item v-if="item.name != 'Layout'&& item.show==true" :label="item.label ? item.label +'：':'' "
                  :label-width="item.labelWidth+'px'">
                  <!-- <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}：</text> -->
                  <!-- 下拉框-单选 item.useDict?item.dict:item.selections-->
@@ -36,17 +36,17 @@
                  </view>
                  <!-- 复选框 -->
                  <checkbox-group class="check_rememberPwd" v-if="item.name=='Checkbox'"
                     :class="item.disabled?'input-disabled':''" @change="onModelValue(item)"
                     :disabled="item.disabled" :data-ischeck="item.value">
                     <label>
                        <checkbox :value="item.value" :checked="item.value" />
                        <text>{{item.label}}</text>
                     :class="item.disabled?'input-disabled':''" :disabled="item.disabled"
                     @change="onCheckBoxValue" :data-attr="item.fieldId">
                     <label v-for="(item2) in item.selections" :key="item2.value">
                        <checkbox :value="item2.value" :checked="item.value.includes(item2.value)" />
                        <text>{{item2.label}}</text>
                     </label>
                  </checkbox-group>
                  <!-- 单选框 -->
                  <radio-group class="check_rememberPwd" v-if="item.name=='Radio'"
                     :class="item.disabled?'input-disabled':''" :disabled="item.disabled"
                     @change="onModelValue(item)">
                     @change="onRadioBoxValue" :data-attr="item.fieldId">
                     <label v-for="(item2) in item.selections" :key="item2.value">
                        <radio :value="item2.value" :checked="item2.value === item.value" />
                        <text>{{item2.label}}</text>
@@ -68,7 +68,7 @@
               <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">
                     <uni-forms-item v-if="cols!=null  && cols.show==true" :label="cols.label +'：'"
                     <uni-forms-item v-if="cols!=null  && cols.show==true" :label="cols.label? cols.label +'：':''"
                        :label-width="cols.labelWidth+'px'">
                        <view class="input-wrapper" v-if="(cols.name=='Input' || cols.name=='InputNumber') ">
                           <text v-if="cols.setting.prefix" class="uni-icon" :class="[cols.setting.prefix]"
@@ -98,17 +98,16 @@
                        <!-- 复选框 -->
                        <checkbox-group class="check_rememberPwd" v-if="cols.name=='Checkbox'"
                           :class="cols.disabled?'input-disabled':''" :disabled="cols.disabled"
                           @change="onModelValue(cols)" :data-ischeck="cols.value"
                           :style="{'margin-left':'10rpx'}">
                           <label>
                              <checkbox :value="cols.value" :checked="cols.value" />
                              <text>{{cols.label}}</text>
                           @change="onCheckBoxValue" :data-attr="cols.fieldId">
                           <label v-for="(cols2) in cols.selections" :key="cols2.value">
                              <checkbox :value="cols2.value" :checked="cols.value.includes(cols2.value)" />
                              <text>{{cols2.label}}</text>
                           </label>
                        </checkbox-group>
                        <!-- 单选框 -->
                        <radio-group class="check_rememberPwd" v-if="cols.name=='Radio'"
                           :class="cols.disabled?'input-disabled':''" :disabled="cols.disabled"
                           @change="onModelValue(cols)">
                           @change="onRadioBoxValue" :data-attr="cols.fieldId">
                           <label v-for="(cols2) in cols.selections" :key="cols2.value">
                              <radio :value="cols2.value" :checked="cols2.value === cols.value" />
                              <text>{{cols2.label}}</text>
@@ -388,6 +387,24 @@
                           await $this.DictGetInfo(ele.bind.dict,
                              styledefHead.form.model,
                              ele);
                        } else {
                           if (ele?.name === "Select") {
                              const selections = ele?.selections || []
                              //有默认值，显示默认值
                              let itemName = ele.value || "";
                              if (itemName) {
                                 styledefHead.form
                                    .model[ele.fieldId] = itemName;
                              }
                              ele.dict = selections.map((a) => {
                                 return {
                                    value: a.value,
                                    text: a.label
                                 }
                              })

                           }

                        }
                        if ($this.focusFieldId == "") {
                           if (ele.name == 'Input' || ele.name ==
@@ -408,6 +425,25 @@
                                    .dict,
                                    styledefHead.form
                                    .model, col);
                              } else {
                                 if (col?.name === "Select") {
                                    const selections = col?.selections || []
                                    //有默认值，显示默认值
                                    let itemName = col.value || "";
                                    if (itemName) {
                                       styledefHead.form
                                          .model[col.fieldId] = itemName;
                                    }
                                    col.dict = selections.map((a) => {
                                       return {
                                          value: a.value,
                                          text: a.label
                                       }
                                    })


                                 }

                              }
                              if ($this.focusFieldId == "") {
                                 if (col.name == 'Input' || col
@@ -695,6 +731,66 @@
                  }
                  this.DataObjRunCustomEvent(info, '');
               }
               if (item.value) { //第一个输入框不为空
                  //初始化，下个输入框focus属性
                  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
                              }
                           }
                        }

                     }
                  }
               }

            }
         },
         onClick(item) {
@@ -734,7 +830,7 @@

         },
         onchange(item) {
            // console.log("onchange",item);
            console.log("onchange", item);
            if (item.oldvalue != item.value && item.value.trim() != "") {
               item.oldvalue = item.value;
               var attr = item.fieldId;
@@ -768,6 +864,17 @@
         onModelValue(item) { //绑定Model值
            var attr = item.fieldId;
            this.head_styledef.form.model[attr] = item.value;
            console.log(item.value)
         },
         onCheckBoxValue(e) { //绑定Model值
            let values = e.detail.value || []
            let attr = e.currentTarget?.dataset?.attr || ""
            this.head_styledef.form.model[attr] = values;
         },
         onRadioBoxValue(e) { //绑定Model值
            let value = e.detail.value || ""
            let attr = e.currentTarget?.dataset?.attr || ""
            this.head_styledef.form.model[attr] = value;
         },
         classAttr_extButton(item) {
            var onSuffixClickCallbackEvent = item.bind.onSuffixClickCallbackEvent; //后图标点击事件