日期

cuiqian2004

2025-03-14 00814401bba75825126baa6675e542ea3c82a5bb

 pages/modal/form/index.vue

@@ -8,8 +8,9 @@
               <uni-forms-item v-if="item.name != 'Layout'" :label="item.label ?item.label +'：':'' "
                  :label-width="item.labelWidth+'px'">
                  <uni-data-picker v-if="item.name=='Select'" :class="item.disabled?'input-disabled':''"
                     v-model="item.value" :localdata="item.useDict ? item.dict : item.selections" @change="onEnterChange(item)"
                     :readonly="item.disabled" :clear-icon="false" :popup-title="item.label"></uni-data-picker>
                     v-model="item.value" :localdata="item.useDict ? item.dict : item.selections"
                     @change="onEnterChange(item)" :readonly="item.disabled" :clear-icon="false"
                     :popup-title="item.label"></uni-data-picker>
                  <view class="input-wrapper" v-if="item.name=='Input' || item.name=='InputNumber'">
                     <text v-if="item.setting.prefix" class="uni-icon" :class="[item.setting.prefix]"
                        @click="classAttr_extButton(item)">&#xe568;</text>
@@ -44,16 +45,28 @@
                  <switch class="input-switch" v-if="item.name=='Switch'"
                     :class="item.disabled?'input-disabled':''" :disabled="item.disabled" v-model="item.value"
                     @change="onEnterChange(item)" />
                  <OIDatePicker v-if="item.name=='DatePicker'" :class="item.disabled?'input-disabled':''"
                     :disabled="item.disabled" v-model="item.value" :placeholder="item.placeholder"
                     :defaultToday="item.setting.defaultToday" :format="item.setting.format"
                     @change="onDatetimePickerChange(item)" />
                  <OIDatePickerRange v-if="item.name=='DatePickerRange'" :rangeSeparator="item.setting.separator"
                     :format="item.setting.format" :class="item.disabled?'input-disabled':''"
                     :disabled="item.disabled" v-model="item.value" :placeholder="item.placeholder"
                     @change="onDatetimePickerChange(item)" />
                  <OITimePicker v-if="item.name=='TimePicker'" :class="item.disabled?'input-disabled':''"
                     :disabled="item.disabled" v-model="item.value" :placeholder="item.placeholder"
                     @change="onDatetimePickerChange(item)" />
               </uni-forms-item>
               <!-- 栅格布局 -->
               <uni-row v-else :gutter="item.setting.gutter">
                  <uni-col
                     :span=" item.setting.spanList && item.setting.spanList[key]? item.setting.spanList[key] : 24 / item.setting.col"
                     v-for="(col,key) in item.setting.colList">
                     <uni-forms-item v-if="col!=null" :label="col.label ? col.label +'：':''" :label-width="col.labelWidth+'px'">
                     <uni-forms-item v-if="col!=null" :label="col.label ? col.label +'：':''"
                        :label-width="col.labelWidth+'px'">
                        <uni-data-picker v-if="col.name=='Select'" :class="col.disabled?'input-disabled':''"
                           v-model="col.value" :localdata="col.useDict ? col.dict : col.selections" @change="onEnterChange(col)"
                           :readonly="col.disabled" :clear-icon="false"
                           v-model="col.value" :localdata="col.useDict ? col.dict : col.selections"
                           @change="onEnterChange(col)" :readonly="col.disabled" :clear-icon="false"
                           :popup-title="col.label"></uni-data-picker>
                        <view class="input-wrapper" v-if="col.name=='Input' || col.name=='InputNumber'">
                           <text v-if="col.setting.prefix" class="uni-icon" :class="[col.setting.prefix]"
@@ -88,6 +101,18 @@
                        <!-- Switch开关 -->
                        <switch v-if="col.name=='Switch'" :class="col.disabled?'input-disabled':''"
                           :disabled="col.disabled" v-model="col.value" @change="onEnterChange(col)" />
                        <OIDatePicker v-if="col.name=='DatePicker'" :class="col.disabled?'input-disabled':''"
                           :disabled="col.disabled" v-model="col.value" :placeholder="col.placeholder"
                           :defaultToday="col.setting.defaultToday" :format="col.setting.format"
                           @change="onDatetimePickerChange(col)" />
                        <OIDatePickerRange v-if="col.name=='DatePickerRange'"
                           :rangeSeparator="col.setting.separator" :format="col.setting.format"
                           :class="col.disabled?'input-disabled':''" :disabled="col.disabled"
                           v-model="col.value" :placeholder="col.placeholder"
                           @change="onDatetimePickerChange(col)" />
                        <OITimePicker v-if="col.name=='TimePicker'" :class="col.disabled?'input-disabled':''"
                           :disabled="col.disabled" v-model="col.value" :placeholder="col.placeholder"
                           @change="onDatetimePickerChange(col)" />
                     </uni-forms-item>
                  </uni-col>
               </uni-row>
@@ -104,9 +129,9 @@
         <uni-popup class="view-popup" ref="popup" background-color="#fff" @change="popupChange">
            <view class="popup-header">{{check_list.title}}</view>
            <view class="popup-content" :class="{ 'popup-height': popupType === 'left' || popupType === 'right' }"
            :style="{'width':check_list.width?check_list.width+'px':'375rpx','height':check_list.height?check_list.height+'px':popupType =='center'?'60vh':'88vh'}">
            <view class="popup-cont"
               :style="{'height':check_list.height?check_list.height-45+'px':popupType =='center'?'50vh':'80vh'}">
               :style="{'width':check_list.width?check_list.width+'px':'375rpx','height':check_list.height?check_list.height+'px':popupType =='center'?'60vh':'88vh'}">
               <view class="popup-cont"
                  :style="{'height':check_list.height?check_list.height-45+'px':popupType =='center'?'50vh':'80vh'}">
                  <view class="view_popup_CheckList" v-for="(item,index) in check_list.items">
                     <checkbox-group class="check_list" @change="checkChange" :data-ischeck="item.check"
                        :data-index="index" :style="{'margin-left': '10rpx'}">
@@ -140,11 +165,19 @@
      updateDataObj,
      dataObjInfo
   } from "@/api/data.js"

   import dayjs from "dayjs";
   import OIDatePicker from '@/components/oi-date-time-picker/oi-date-picker.vue'
   import OIDatePickerRange from '@/components/oi-date-time-picker/oi-date-picker-range.vue'
   import OITimePicker from '@/components/oi-date-time-picker/oi-time-picker.vue'
   export default {
      name: "PageModalForm",
      modules: {
         Base64,
      },
      components: {
         OIDatePicker,
         OIDatePickerRange,
         OITimePicker
      },
      data() {
         return {
@@ -232,7 +265,7 @@
            this.ext_info = JSON.parse(options.extInfo);
         if (options.dataJson)
            this.data_json = JSON.parse(options.dataJson);
         this.title =  options.titlename ?  options.titlename : this.param.ShowName; //设置按钮文字
         this.title = options.titlename ? options.titlename : this.param.ShowName; //设置按钮文字
         // console.log(options)
         uni.setNavigationBarTitle({
            title: this.title
@@ -440,7 +473,7 @@
         },
         async loadFormData(objAttr) {
            let attrs = []
				

            if (this.objId) {
               let info = await dataObjInfo({
                  class_id: this.clsId,
@@ -772,6 +805,11 @@
               }

            }

         },
         onDatetimePickerChange(e) {
            var attr = item.fieldId;
            this.head_styledef.form.model[attr] = item.value;

         },
         classAttr_extButton(item) {
@@ -2048,7 +2086,8 @@
            }

            .uni-icon {
               padding: 8rpx;

               padding: 10rpx 5rpx;
               font-size: 32rpx;
               color: rgb(192, 196, 204);
            }
@@ -2119,7 +2158,7 @@

      .uni-icon {
         /* border: 1px solid red; */
         width: 8%;
         width: 30rpx;
         font-family: uniicons;
         font-size: 40rpx;
         font-weight: 400;
@@ -2157,7 +2196,7 @@
      .popup-footer {
         float: right;
         position: absolute;
         bottom:10rpx;
         bottom: 10rpx;
         right: 20rpx;
      }