| | |
| | | <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" |
| | |
| | | <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"> |
| | |
| | | |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: this.translateSys("inventory"), |
| | | ClsID: '', |
| | | param: {}, |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | 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 |
| | |
| | | flex-direction: column !important; |
| | | } |
| | | |
| | | .tab-content { |
| | | display: flex; |
| | | width: 100%; |
| | | height: 100%; |
| | | flex-direction: column !important; |
| | | } |
| | | |
| | | .view-bottom { |
| | | display: flex; |
| | |
| | | .btn-left { |
| | | padding: 20rpx; |
| | | line-height: 1.5; |
| | | font-size: 38rpx; |
| | | font-weight: bold; |
| | | float: left; |
| | | display: inline-block; |
| | |
| | | .btn-one { |
| | | padding: 20rpx; |
| | | line-height: 1.5; |
| | | font-size: 38rpx; |
| | | font-weight: bold; |
| | | float: left; |
| | | display: inline-block; |
| | |
| | | .btn-right { |
| | | padding: 20rpx; |
| | | line-height: 1.5; |
| | | font-size: 38rpx; |
| | | font-weight: bold; |
| | | float: right; |
| | | display: inline-block; |
| | |
| | | .dv-panel-button { |
| | | width: 100%; |
| | | text-align: left; |
| | | min-height: 30rpx; |
| | | min-height: 16px; |
| | | padding-bottom: 10rpx; |
| | | |
| | | checkbox { |
| | |
| | | text-align: left; |
| | | line-height: 1.5; |
| | | border: none; |
| | | font-size: 30rpx; |
| | | |
| | | margin-right: 10rpx; |
| | | display: inline-block; |
| | | float: right; |
| | |
| | | background: #94D5EF; |
| | | display: block; |
| | | width: 100%; |
| | | font-size: 36rpx; |
| | | line-height: 80rpx; |
| | | font-weight: 500; |
| | | } |
| | |
| | | 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; |
| | |
| | | } |
| | | |
| | | .popup-header { |
| | | font-size: 42rpx; |
| | | font-weight: bold; |
| | | margin: 20rpx 20rpx 0px 20rpx; |
| | | } |
| | |
| | | background: #27A6E1; |
| | | border: none; |
| | | color: #fff; |
| | | font-size: 38rpx; |
| | | font-weight: bold; |
| | | /* float: left; */ |
| | | display: inline-block; |
| | |
| | | // color: #fff; |
| | | background: #fff; |
| | | color: #000; |
| | | font-size: 38rpx; |
| | | font-weight: bold; |
| | | /* float: right; */ |
| | | display: inline-block; |
| | |
| | | |
| | | |
| | | } |
| | | |
| | | .uni-page-modal-5601.large-mode { |
| | | .dv-panel-button { |
| | | min-height: 32px !important; |
| | | } |
| | | } |
| | | </style> |