| | |
| | | <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)"></text> |
| | |
| | | <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]" |
| | |
| | | <!-- 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> |
| | |
| | | <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':'200px','height':check_list.height?check_list.height+'px':'88%'}"> |
| | | <view class="popup-cont" :style="{'height':check_list.height?check_list.height-45+'px':'415px'}"> |
| | | :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'}"> |
| | |
| | | </view> |
| | | </view> |
| | | <view class="popup-footer"> |
| | | <button type="default" @tap="popup_sava" class="btn_popup_add">{{translateSys('ok')}}</button> |
| | | <button type="primary" @tap="popup_sava" class="btn_popup_add">{{translateSys('ok')}}</button> |
| | | <button type="default" @tap="popup_cancel" |
| | | class="btn_popup_cancel">{{translateSys('cancel')}}</button> |
| | | </view> |
| | |
| | | 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 { |
| | |
| | | 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 |
| | |
| | | title: this.translateSys("error"), |
| | | content: this.translate("tip_no_master_class"), |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | } |
| | | }, |
| | |
| | | title: $this.translateSys('tip') + "1", |
| | | content: exStr, |
| | | showCancel: false, |
| | | confirmText: $this.translateSys("cancel") |
| | | confirmText: $this.translateSys('close') |
| | | }); |
| | | |
| | | } |
| | |
| | | title: this.translateSys("error") + "3", |
| | | content: ex.errMsg, |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | } |
| | | |
| | | }, |
| | | async loadFormData(objAttr) { |
| | | let attrs = [] |
| | | |
| | | |
| | | if (this.objId) { |
| | | let info = await dataObjInfo({ |
| | | class_id: this.clsId, |
| | |
| | | content: tip, |
| | | showCancel: false, |
| | | confirmText: this.translateSys( |
| | | "cancel") |
| | | 'close') |
| | | }); |
| | | } else uni.showModal({ |
| | | title: this.translateSys('tip'), |
| | |
| | | .ret, |
| | | showCancel: false, |
| | | confirmText: this.translateSys( |
| | | "cancel") |
| | | 'close') |
| | | }); |
| | | return false; |
| | | } else { |
| | |
| | | content: tip, |
| | | showCancel: false, |
| | | confirmText: this.translateSys( |
| | | "cancel") |
| | | 'close') |
| | | }); |
| | | |
| | | if (result.result_type == 0 && result.action) { |
| | |
| | | content: result.info, |
| | | showCancel: false, |
| | | confirmText: this |
| | | .translateSys("cancel") |
| | | .translateSys('close') |
| | | }); |
| | | } |
| | | } |
| | |
| | | title: $this.translateSys('tip') + "2", |
| | | content: exStr, |
| | | showCancel: false, |
| | | confirmText: $this.translateSys("cancel") |
| | | confirmText: $this.translateSys('close') |
| | | }); |
| | | } |
| | | }, |
| | |
| | | } |
| | | |
| | | }, |
| | | onDatetimePickerChange(e) { |
| | | var attr = item.fieldId; |
| | | this.head_styledef.form.model[attr] = item.value; |
| | | |
| | | }, |
| | | classAttr_extButton(item) { |
| | | var onSuffixClickCallbackEvent = item.bind.onSuffixClickCallbackEvent; //后图标点击事件 |
| | | var onSuffixClickEvent = item.bind.onSuffixClickEvent; //后图标点击回调 |
| | |
| | | title: this.translateSys("tip"), |
| | | content: this.translate('icon_click_callback_empty'), |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | return; |
| | | } |
| | |
| | | title: this.translateSys("tip"), |
| | | content: this.translate('icon_click_event_empty'), |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | return; |
| | | } |
| | |
| | | content: tip, |
| | | showCancel: false, |
| | | confirmText: this.translateSys( |
| | | "cancel") |
| | | 'close') |
| | | }); |
| | | } else uni.showModal({ |
| | | title: this.translateSys('tip'), |
| | |
| | | .ret, |
| | | showCancel: false, |
| | | confirmText: this.translateSys( |
| | | "cancel") |
| | | 'close') |
| | | }); |
| | | return false; |
| | | } else { |
| | |
| | | content: tip, |
| | | showCancel: false, |
| | | confirmText: this.translateSys( |
| | | "cancel") |
| | | 'close') |
| | | }); |
| | | |
| | | if (result.result_type == 0 && result.action) { |
| | |
| | | content: result.info, |
| | | showCancel: false, |
| | | confirmText: this |
| | | .translateSys("cancel") |
| | | .translateSys('close') |
| | | }); |
| | | } |
| | | } |
| | |
| | | title: this.translateSys("error") + "4.1", |
| | | content: tip, |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | }); |
| | | } |
| | |
| | | this.translate('reason') + this.translateSys("colon") + |
| | | tip, |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | } |
| | | }, |
| | |
| | | title: this.translateSys("tip"), |
| | | content: "popupParam为空!", |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | return; |
| | | } |
| | |
| | | title: this.translateSys("tip"), |
| | | content: this.translate("tip_no_select_data"), |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | return; |
| | | } |
| | |
| | | title: this.translateSys("tip"), |
| | | content: tip, |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | } else uni.showModal({ |
| | | title: this.translateSys("tip"), |
| | | content: tip + ',' + this.translateSys('tip') + ':' + data |
| | | .ret, |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | return false |
| | | } else { |
| | |
| | | title: this.translateSys("tip"), |
| | | content: tip, |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | |
| | | var actionlist = data.action; |
| | |
| | | .translate( |
| | | "tip_action_unprocessed"), |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | } |
| | | } |
| | |
| | | title: this.translateSys("error") + "3.1", |
| | | content: exStr, |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | }); |
| | | }, |
| | |
| | | title: $this.translateSys("tip"), |
| | | content: tip, |
| | | showCancel: false, |
| | | confirmText: $this.translateSys("cancel") |
| | | confirmText: $this.translateSys('close') |
| | | }); |
| | | } else uni.showModal({ |
| | | title: $this.translateSys("tip"), |
| | | content: tip + ',' + $this.translateSys('tip') + ':' + data |
| | | .ret, |
| | | showCancel: false, |
| | | confirmText: $this.translateSys("cancel") |
| | | confirmText: $this.translateSys('close') |
| | | }); |
| | | return false |
| | | } else { |
| | |
| | | title: $this.translateSys("tip"), |
| | | content: tip, |
| | | showCancel: false, |
| | | confirmText: $this.translateSys("cancel") |
| | | confirmText: $this.translateSys('close') |
| | | }); |
| | | |
| | | if (data != "") { |
| | |
| | | .translate( |
| | | "tip_action_unprocessed"), |
| | | showCancel: false, |
| | | confirmText: $this.translateSys("cancel") |
| | | confirmText: $this.translateSys('close') |
| | | }); |
| | | } |
| | | } |
| | |
| | | "quotation_mark_right") + $this.translateSys( |
| | | "comma") + 'event_id' + eventid, |
| | | showCancel: false, |
| | | confirmText: $this.translateSys("cancel") |
| | | confirmText: $this.translateSys('close') |
| | | }); |
| | | } |
| | | } |
| | |
| | | title: $this.translateSys('tip') + "5.1", |
| | | content: exStr, |
| | | showCancel: false, |
| | | confirmText: $this.translateSys("cancel") |
| | | confirmText: $this.translateSys('close') |
| | | }); |
| | | }); |
| | | }, |
| | |
| | | title: this.translateSys('tip') + "7.1", |
| | | content: tip, |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | return false |
| | | } |
| | |
| | | title: this.translateSys("tip") + "6.1", |
| | | content: tip, |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | return false |
| | | } |
| | |
| | | title: this.translateSys("tip") + "6.2", |
| | | content: tip, |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | return false |
| | | } |
| | |
| | | title: this.translateSys('tip') + "7.2", |
| | | content: tip, |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | return false |
| | | } |
| | |
| | | title: this.translateSys("tip") + "8.1", |
| | | content: tip, |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | return false |
| | | } |
| | |
| | | title: this.translateSys("tip") + "8.2", |
| | | content: tip, |
| | | showCancel: false, |
| | | confirmText: this.translateSys("cancel") |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | return false |
| | | } |
| | |
| | | } |
| | | |
| | | .uni-icon { |
| | | padding: 8rpx; |
| | | |
| | | padding: 10rpx 5rpx; |
| | | font-size: 32rpx; |
| | | color: rgb(192, 196, 204); |
| | | } |
| | |
| | | .btn_cancel { |
| | | width: 45%; |
| | | margin: 0 10rpx; |
| | | // background: #fff; |
| | | // border: none; |
| | | // color: #000; |
| | | background: #fff; |
| | | border: none; |
| | | color: #000; |
| | | font-size: 38rpx; |
| | | float: right; |
| | |
| | | |
| | | .uni-icon { |
| | | /* border: 1px solid red; */ |
| | | width: 8%; |
| | | width: 30rpx; |
| | | font-family: uniicons; |
| | | font-size: 40rpx; |
| | | font-weight: 400; |
| | |
| | | .popup-footer { |
| | | float: right; |
| | | position: absolute; |
| | | bottom: 0; |
| | | bottom: 10rpx; |
| | | right: 20rpx; |
| | | } |
| | | |
| | |
| | | margin-top: 50rpx; |
| | | padding: 15rpx; |
| | | line-height: 1.5; |
| | | background: #27A6E1; |
| | | border: none; |
| | | color: #fff; |
| | | // background: #27A6E1; |
| | | // border: none; |
| | | // color: #fff; |
| | | background: #fff; |
| | | color: #000; |
| | | font-size: 38rpx; |
| | | font-weight: bold; |
| | | /* float: right; */ |