| | |
| | | <script> |
| | | export default { |
| | | globalData: { |
| | | largeMode: false, |
| | | isMobox3: true, |
| | | deviceId: "", |
| | | cname: "", |
| | |
| | | @import '@/fonts/mobox-plm/style.css'; |
| | | @import '@/fonts/mobox-sys/style.css'; |
| | | @import '@/fonts/mobox-wms/style.css'; |
| | | |
| | | .large-mode { |
| | | font-size: 24px !important; |
| | | |
| | | uni-input { |
| | | height: 36px; |
| | | |
| | | .uni-input-placeholder, |
| | | .uni-input-input { |
| | | font-size: 24px !important; |
| | | } |
| | | } |
| | | |
| | | uni-button, |
| | | .uni-forms-item__label, |
| | | .uni-section__content-title { |
| | | font-size: 24px !important; |
| | | } |
| | | |
| | | uni-checkbox { |
| | | .uni-checkbox-input { |
| | | height: 32px; |
| | | width: 32px; |
| | | } |
| | | |
| | | .uni-checkbox-input-checked:before { |
| | | font-size: 30px; |
| | | } |
| | | } |
| | | |
| | | uni-radio { |
| | | .uni-radio-input { |
| | | height: 32px; |
| | | width: 32px; |
| | | } |
| | | |
| | | .uni-radio-input-checked:before { |
| | | font-size: 30px; |
| | | } |
| | | } |
| | | |
| | | .uni-date__x-input { |
| | | font-size: 24px !important; |
| | | height: 40px !important; |
| | | |
| | | .uniui-clear { |
| | | font-size: 30px !important; |
| | | } |
| | | } |
| | | |
| | | .uni-data-tree { |
| | | font-size: 24px !important; |
| | | .input-value { |
| | | height: 45px !important; |
| | | font-size: 24px !important; |
| | | } |
| | | .placeholder { |
| | | font-size: 24px !important; |
| | | } |
| | | } |
| | | .segmented-control__text { |
| | | font-size: 24px !important; |
| | | height: 45px; |
| | | |
| | | } |
| | | |
| | | |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <uni-forms class="oi-form" ref="baseForm" label-align="right"> |
| | | <uni-forms class="oi-form" ref="baseForm" :label-align="largeMode?'left':'right'" :label-position="largeMode?'top':'left'" > |
| | | <view v-for="(item,index) in form.items" :key="index"> |
| | | <!-- 栅格布局 --> |
| | | <uni-row v-if="item.name == 'Layout'" v-show="!item.isHidden" :gutter="item.setting.gutter"> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | |
| | | largeMode: getApp().globalData?.largeMode || false, |
| | | } |
| | | }, |
| | | methods: { |
| | |
| | | </script> |
| | | |
| | | <style lang="less"> |
| | | .oi-form {} |
| | | .oi-form { |
| | | |
| | | } |
| | | |
| | | |
| | | </style> |
| | |
| | | <template> |
| | | <uni-datetime-picker v-if="model" type="daterange" :value="toDate(model[data.fieldId])" |
| | | :placeholder="data.placeholder" :rangeSeparator="data.setting.separator" border :disabled="data.disabled" |
| | | @change="onChange" /> |
| | | <uni-datetime-picker v-else type="daterange" :value="data.value" :placeholder="data.placeholder" |
| | | :rangeSeparator="data.setting.separator" border :disabled="data.disabled" @change="onChange" /> |
| | | <view class="oi-form-date-picker-range"> |
| | | <uni-datetime-picker v-if="model" type="daterange" :value="toDate(model[data.fieldId])" |
| | | :placeholder="data.placeholder" :rangeSeparator="data.setting.separator" border :disabled="data.disabled" |
| | | @change="onChange" /> |
| | | <uni-datetime-picker v-else type="daterange" :value="data.value" :placeholder="data.placeholder" |
| | | :rangeSeparator="data.setting.separator" border :disabled="data.disabled" @change="onChange" /> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | <style lang="scss"> |
| | | .oi-form-date-picker-range { |
| | | width: 100%; |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <uni-datetime-picker v-if="model" type="date" :value="model[data.fieldId]" :placeholder="data.placeholder" border |
| | | :disabled="data.disabled" clearIcon @change="onChange" /> |
| | | <uni-datetime-picker v-else type="date" :value="data.value" :placeholder="data.placeholder" border |
| | | :disabled="data.disabled" clearIcon @change="onChange" /> |
| | | <view class="oi-form-date-picker"> |
| | | <uni-datetime-picker v-if="model" type="date" :value="model[data.fieldId]" :placeholder="data.placeholder" |
| | | border :disabled="data.disabled" clearIcon @change="onChange" /> |
| | | <uni-datetime-picker v-else type="date" :value="data.value" :placeholder="data.placeholder" border |
| | | :disabled="data.disabled" clearIcon @change="onChange" /> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | data() { |
| | | return {} |
| | | }, |
| | | computed: { |
| | | }, |
| | | computed: {}, |
| | | methods: { |
| | | onChange(date) { |
| | | let format = "YYYY-MM-DD"; |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | <style lang="scss"> |
| | | .oi-form-date-picker { |
| | | width: 100%; |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <view class="oi-form-item"> |
| | | <view class="oi-form-item" :class="largeMode?'large-mode':''"> |
| | | <uni-forms-item v-show="!hiddenIds.includes(data.fieldId)" |
| | | :label="data.labelWidth === 0 ? '' : data.label? data.label+':':''" |
| | | :label-width="data.labelWidth || data.labelWidth === 0 ? data.labelWidth : 100+'px'" |
| | | :label-width="largeMode?'100%': data.labelWidth || data.labelWidth === 0 ? data.labelWidth : 100+'px'" |
| | | :style="{ textAlign: data.setting.align }"> |
| | | <OIFormText v-if="viewMode && data.disabled" :data="data" :model="model"> |
| | | </OIFormText> |
| | |
| | | default: () => [], |
| | | }, |
| | | }, |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData?.largeMode || false, |
| | | } |
| | | }, |
| | | methods: { |
| | | onChange(e) { |
| | | this.$emit("on-change", this.data) |
| | |
| | | } |
| | | } |
| | | |
| | | |
| | | .oi-form-item.large-mode { |
| | | .uni-forms-item { |
| | | margin-left: 10rpx; |
| | | margin-right: 10rpx; |
| | | } |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <view class="oi-form-input-number"> |
| | | <input v-if="model" type="number" class="oi-input-number" :class="data.disabled?'input-disabled':''" v-model="model[data.fieldId]" :focus="focus" |
| | | :placeholder="data.placeholder" @blur="onChange" @confirm="onConfirm" @click="onClick" |
| | | :disabled="data.disabled"></input> |
| | | <input v-else type="number" class="oi-input-number" :class="data.disabled?'input-disabled':''" v-model="data.value" |
| | | :focus="focus" :placeholder="data.placeholder" @blur="onChange" @confirm="onConfirm" @click="onClick" |
| | | :disabled="data.disabled"></input> |
| | | <input v-if="model" type="number" class="oi-input-number" :class="data.disabled?'input-disabled':''" |
| | | v-model="model[data.fieldId]" :focus="focus" :placeholder="data.placeholder" @blur="onChange" |
| | | @confirm="onConfirm" @click="onClick" :disabled="data.disabled"></input> |
| | | <input v-else type="number" class="oi-input-number" :class="data.disabled?'input-disabled':''" |
| | | v-model="data.value" :focus="focus" :placeholder="data.placeholder" @blur="onChange" @confirm="onConfirm" |
| | | @click="onClick" :disabled="data.disabled"></input> |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | type: Boolean, |
| | | default: false |
| | | }, |
| | | }, |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData?.largeMode || false, |
| | | } |
| | | }, |
| | | methods: { |
| | | onChange(e) { |
| | |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | <style lang="less"> |
| | | .oi-form-input-number { |
| | | width: 100%; |
| | | |
| | |
| | | background: #FFF; |
| | | line-height: 20px; |
| | | border-radius: 6px !important; |
| | | font-size: 14px; |
| | | font-size: 15px; |
| | | font-family: inherit; |
| | | box-shadow: none !important; |
| | | transition-duration: 0.1s; |
| | |
| | | border: 1px solid rgb(41, 121, 255); |
| | | } |
| | | } |
| | | |
| | | .large-mode { |
| | | .oi-form-input-number { |
| | | .oi-input-number { |
| | | font-size: 24px; |
| | | height: 36px; |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | |
| | | default: false |
| | | }, |
| | | }, |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData?.largeMode || false, |
| | | } |
| | | }, |
| | | methods: { |
| | | onChange(e) { |
| | | this.$emit("on-change", e) |
| | |
| | | .oi-form-input:hover { |
| | | border: 1px solid rgb(41, 121, 255); |
| | | } |
| | | |
| | | .large-mode { |
| | | .oi-form-input { |
| | | .oi-input { |
| | | font-size: 24px; |
| | | height: 36px; |
| | | } |
| | | |
| | | .form-input-icon { |
| | | font-size: 30px; |
| | | height: 36px; |
| | | width: 36px; |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | <style lang="less"> |
| | | .oi-form-select { |
| | | width: 100%; |
| | | |
| | | .data-picker { |
| | | width: 100%; |
| | | background: #FFF; |
| | |
| | | background-color: #f3f3f3 !important; |
| | | } |
| | | } |
| | | |
| | | |
| | | </style> |
| | |
| | | <style lang="scss" scoped> |
| | | .oi-form-text { |
| | | word-break: break-all; |
| | | |
| | | color: #2db7f5; |
| | | .align-fixed { |
| | | line-height: 1; |
| | | padding: 10px 12px 10px 0; |
| | | } |
| | | |
| | | } |
| | | |
| | | .large-mode { |
| | | .oi-form-text { |
| | | font-size: 24px !important; |
| | | } |
| | | } |
| | | </style> |
| | |
| | | border: 1px solid #e5e5e5; |
| | | } |
| | | } |
| | | .large-mode { |
| | | .oi-time-picker-x { |
| | | font-size: 24px !important; |
| | | } |
| | | .oi-time-picker-input { |
| | | font-size: 24px !important; |
| | | height: 40px !important; |
| | | } |
| | | |
| | | } |
| | | </style> |
| | |
| | | "page.mobox3_port": "Mobox3 service port", |
| | | "page.mobox3_bind_classes_when_logging_in": "Bind classes when logging in to mobox3", |
| | | "page.bind_class": "Bind classes", |
| | | "page.interface_large_mode": "Large mode interface", |
| | | "page.classes": "Classes", |
| | | "page.input_server": "Please enter the server", |
| | | "page.set_server": "Set up services", |
| | |
| | | "page.mobox3_port": "Puerto de servicio mobox3", |
| | | "mobox3_bind_classes_when_logging_in": "Mobox3 se une a los turnos al iniciar sesión", |
| | | "page.bind_classes": "Turnos vinculados", |
| | | "page.interface_large_mode": "Interfaz de gran modo", |
| | | "page.classes": "Turnos", |
| | | "page.input_server": "Por favor, introduzca el servidor", |
| | | "page.set_server": "Establecer servicio", |
| | |
| | | "page.mobox3_port": "mobox3服务端口", |
| | | "page.mobox3_bind_classes_when_logging_in": "mobox3 登录时绑定班次", |
| | | "page.bind_classes": "绑定班次", |
| | | "page.interface_large_mode": "大模式界面", |
| | | "page.classes": "班次", |
| | | "page.input_server": "请输入服务地址", |
| | | "page.set_server": "设置服务", |
| | |
| | | "page.update_fail": "更新失败", |
| | | "page.get_classes_fail": "获取班次失败", |
| | | "page.please_login_after_admin_add_classes": "班次列表为空,请联系管理员添加班次后再登录!", |
| | | |
| | | |
| | | |
| | | |
| | | "page.tip_no_app_param": "该功能点未配置参数,请重新配置参数", |
| | |
| | | "page.mobox3_port": "mobox3服務埠", |
| | | "page.mobox3_bind_classes_when_logging_in": "mobox3登入時綁定班次", |
| | | "page.bind_classes": "綁定班次", |
| | | "page.interface_large_mode": "大模式介面", |
| | | "page.classes": "班次", |
| | | "page.input_server": "請輸入服務地址", |
| | | "page.set_server": "設定服務", |
| | |
| | | "name" : "MoboxPDA", |
| | | "appid" : "__UNI__56D451E", |
| | | "description" : "", |
| | | "versionName" : "1.1.58", |
| | | "versionCode" : 1158, |
| | | "versionName" : "1.1.59", |
| | | "versionCode" : 1159, |
| | | "transformPx" : false, |
| | | /* 5+App特有相关 */ |
| | | "app-plus" : { |
| | |
| | | <template> |
| | | <view class="uni-page-index"> |
| | | <view class="uni-page-index" :class="largeMode?'large-mode':''"> |
| | | <view class="area-list" v-if="isMobox3"> |
| | | <view class="v-area" v-for="(area,index) in data"> |
| | | <view class="area-name">{{ area.name }}</view> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: 'Hello', |
| | | data: [], |
| | | isMobox3: getApp().globalData.isMobox3, |
| | |
| | | width: calc(100% - 40rpx); |
| | | |
| | | .area-name { |
| | | font-size: 40rpx; |
| | | width: 100%; |
| | | padding: 10rpx; |
| | | } |
| | |
| | | .app { |
| | | padding: 20rpx 25rpx 15rpx 25rpx; |
| | | text-align: center; |
| | | font-size: 14px; |
| | | width: 125rpx; |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | |
| | | .ico { |
| | | color: #000000; |
| | | font-size: 40px; |
| | | line-height: 105rpx; |
| | | font-size: 24px; |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | |
| | | .areaList li { |
| | | /* border: 1px solid #0062CC; */ |
| | | list-style: none; |
| | | /* width: 120rpx; */ |
| | | display: inline-block; |
| | | padding: 30rpx 10rpx 16rpx 10rpx; |
| | | text-align: center; |
| | | font-size: 14px; |
| | | width: 140rpx; |
| | | vertical-align: text-top; |
| | | } |
| | | |
| | | .logo { |
| | | height: 120rpx; |
| | |
| | | border: 0px solid rgb(221, 221, 221); |
| | | } |
| | | |
| | | .logo i { |
| | | color: #000000; |
| | | font-size: 40px; |
| | | line-height: 120rpx; |
| | | } |
| | | |
| | | .uni-page-index.large-mode { |
| | | .area-name { |
| | | font-size: 30px; |
| | | } |
| | | |
| | | .app { |
| | | padding: 20rpx 25rpx 15rpx 25rpx; |
| | | width: 175rpx !important; |
| | | |
| | | .logo { |
| | | height: 150rpx !important; |
| | | width: 150rpx !important; |
| | | |
| | | .ico { |
| | | line-height: 150rpx !important; |
| | | font-size: 30px !important; |
| | | } |
| | | } |
| | | |
| | | .app-name { |
| | | padding-top: 10rpx !important; |
| | | } |
| | | } |
| | | |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <view class="uni-page-login" style="width: 100vw;height: 64vh;"> |
| | | <view class="uni-page-login " :class="largeMode?'large-mode':''" style="width: 100vw;height: 64vh;"> |
| | | <div id="headr" class="mui-bar mui-bar-nav"> |
| | | <image class="logo" src="../../images/login/mobox_log_200.png"></image> |
| | | </div> |
| | |
| | | <image class="logo_input" src="../../images/login/person_30.png"></image> |
| | | </label> |
| | | <input type="text" class="mui-input" v-model="userName" :placeholder="translateSys('input_login')"> |
| | | <!-- <label class="mui-navigate-right" id="namsel"><image class="logo_icon" src="../../images/login/user-photo.png</image></label> --> |
| | | </div> |
| | | <div class="mui-input-row"> |
| | | <label class="la_icon"> |
| | |
| | | showBtns: true, |
| | | selectedClasses: "", |
| | | classesLst: [], |
| | | largeMode: false, |
| | | |
| | | |
| | | } |
| | | }, |
| | | onShow() { |
| | |
| | | inputDialogToggle() { |
| | | // this.$refs.inputDialog.open() |
| | | const $this = this |
| | | |
| | | uni.navigateTo({ |
| | | url: "./set", |
| | | events: { |
| | | exitSetEvent(val) { |
| | | $this.userServer = val; |
| | | $this.query(); //版本升级 |
| | | $this.largeMode = getApp().globalData.largeMode |
| | | |
| | | } |
| | | } |
| | | }) |
| | |
| | | showCancel: false, |
| | | confirmText: this.translateSys('close') |
| | | }); |
| | | |
| | | |
| | | this.selectedClasses = "" |
| | | this.classesLst = [] |
| | | // { |
| | |
| | | var url = utils.session.getValue('server'); |
| | | var username = utils.session.getValue('account'); |
| | | var userpwd = utils.session.getValue('password'); |
| | | |
| | | this.largeMode = utils.session.getValue('large_mode') ? true : false |
| | | getApp().globalData.largeMode = this.largeMode |
| | | var ischecked = false; |
| | | if (!this.userServer) |
| | | this.userServer = url; |
| | |
| | | |
| | | .mui-input-row input { |
| | | font-family: 'Helvetica Neue', Helvetica, sans-serif; |
| | | font-size: 15px; |
| | | width: 480rpx; |
| | | /* float: right; */ |
| | | margin-bottom: 0; |
| | | padding-left: 20rpx; |
| | | /* padding-right: 10rpx; */ |
| | | /* line-height: 30rpx; */ |
| | | height: 85rpx; |
| | | /* padding: 7px 40px 7px 0px; */ |
| | | -webkit-user-select: text; |
| | | /* border: 0; */ |
| | | /* border-radius: 0; */ |
| | | box-shadow: none; |
| | | outline: 0; |
| | | background: 0 0; |
| | | -webkit-appearance: none; |
| | | } |
| | | |
| | | .mui-input-group label.mui-navigate-right { |
| | | font-size: 25px; |
| | | float: right; |
| | | padding: 0; |
| | | width: 80rpx; |
| | | margin-right: 5rpx; |
| | | margin-top: -88rpx; |
| | | display: inline-block; |
| | | } |
| | | |
| | | button.btn_login { |
| | |
| | | |
| | | } |
| | | } |
| | | |
| | | .uni-page-login.large-mode{ |
| | | .logo_input { |
| | | height: 54rpx; |
| | | width: 54rpx; |
| | | } |
| | | } |
| | | |
| | | </style> |
| | |
| | | <template> |
| | | <view class="uni-page-login-language"> |
| | | <view class="uni-page-login-language" :class="largeMode?'large-mode':''"> |
| | | <view class="uni-line" v-for="item in langList" :key='item.value' @click="clickLanguage(item.value)"><text |
| | | class="name">{{item.name }}</text> <uni-icons v-if="curLang==item.value " type="checkmarkempty" |
| | | :size="20"></uni-icons> </view> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode|| false, |
| | | langList: [{ |
| | | value: "zh-Hans", |
| | | name: "中文简体" |
| | |
| | | }, |
| | | }, |
| | | onLoad() { |
| | | |
| | | |
| | | this.curLang = uni.getLocale() |
| | | this.oldLang = this.curLang |
| | | }, |
| | |
| | | <template> |
| | | <view class="uni-page-login-set"> |
| | | <uni-forms class="form" label-align="right" label-width="100px" :form="form"> |
| | | <view class="uni-page-login-set" :class="form.largeMode?'large-mode':''"> |
| | | <uni-forms class="form" label-align="right" label-width="150px" :form="form"> |
| | | <uni-section :title="translateSys('page.server')" type="line"> |
| | | <input type="text" class="input-wrapper" v-model="form.server" |
| | | :placeholder="translateSys('page.input_server')"> |
| | |
| | | <input type="number" class="input-wrapper" v-model="form.mongodbSPort"> |
| | | </uni-forms-item> |
| | | </uni-section> |
| | | |
| | | <view> {{translateSys('page.interface_large_mode')}} |
| | | <switch :checked="form.largeMode" :style="form.largeMode? '':'transform:scale(0.7)'" |
| | | @change="switchLargeMode" /> |
| | | </view> |
| | | |
| | | <view> {{translateSys('page.mobox3_bind_classes_when_logging_in')}} |
| | | <switch :checked="form.bindClasses" style="transform:scale(0.7)" @change="switchBindClasses" /> |
| | | <switch :checked="form.bindClasses" :style="form.largeMode? '':'transform:scale(0.7)'" |
| | | @change="switchBindClasses" /> |
| | | </view> |
| | | </uni-forms> |
| | | <button id='ok' type="default" @tap="onOk" class="btn_ok">{{translateSys("sys.ok")}}</button> |
| | | |
| | | <button class="btn_ok" type="default" @tap="onOk">{{translateSys("sys.ok")}}</button> |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | moboxSPort: "", |
| | | dataSPort: "", |
| | | mongodbSPort: "", |
| | | bindClasses: false |
| | | bindClasses: false, |
| | | largeMode: false |
| | | }, |
| | | |
| | | } |
| | |
| | | |
| | | utils.session.setValue('server', this.form.server); |
| | | utils.session.setValue('app_type', this.form.appType); |
| | | utils.session.setValue('large_mode', this.form.largeMode); |
| | | let bindInfo = utils.session.getValue('bind_classes') |
| | | utils.session.setValue('bind_classes', { |
| | | checked: this.form.bindClasses, |
| | | classes: bindInfo?.classes ||"" |
| | | classes: bindInfo?.classes || "" |
| | | }); |
| | | utils.session.setValue('mobox3_port', { |
| | | org: this.form.orgSPort, |
| | |
| | | mongodb: this.form.mongodbSPort |
| | | }); |
| | | |
| | | getApp().globalData.largeMode = this.form.largeMode |
| | | const eventChannel = this.getOpenerEventChannel(); |
| | | eventChannel.emit('exitSetEvent', this.form.server); |
| | | |
| | |
| | | switchBindClasses(e) { |
| | | this.form.bindClasses = e.detail.value |
| | | }, |
| | | switchLargeMode(e) { |
| | | this.form.largeMode = e.detail.value |
| | | }, |
| | | |
| | | translateSys(t) { |
| | | if (typeof this.$t == "function") return this.$t(`${t}`) |
| | | else return t; |
| | |
| | | this.form.server = utils.session.getValue('server') || ""; |
| | | this.form.appType = utils.session.getValue('app_type') || "MES"; |
| | | this.form.bindClasses = utils.session.getValue('bind_classes')?.checked || false |
| | | this.form.largeMode = utils.session.getValue('large_mode') ? true : false |
| | | console.log(this.form.largeMode) |
| | | const mobox3Port = utils.session.getValue('mobox3_port'); |
| | | this.form.orgSPort = mobox3Port?.org || 5101 |
| | | this.form.moboxSPort = mobox3Port?.mobox || 5102 |
| | |
| | | .form { |
| | | padding: 10rpx 20rpx; |
| | | |
| | | } |
| | | .input-wrapper { |
| | | border: 1px solid #d5d5d5; |
| | | width: calc(100% - 16rpx); |
| | | padding: 12rpx 8rpx; |
| | | } |
| | | |
| | | .input-wrapper { |
| | | border: 1px solid #d5d5d5; |
| | | width: calc(100% - 16rpx); |
| | | padding: 12rpx 8rpx; |
| | | } |
| | | |
| | | .uni-forms-item { |
| | | margin: 20rpx; |
| | | .uni-forms-item { |
| | | margin: 20rpx; |
| | | } |
| | | } |
| | | |
| | | button.btn_ok { |
| | |
| | | border: none; |
| | | color: #fff; |
| | | } |
| | | |
| | | |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <view class="uni-page-modal-3018"> |
| | | <view class="uni-page-modal-3018" :class="largeMode?'large-mode':''"> |
| | | <view class="v-area" v-for="(classattr,index) in classAttrList"> |
| | | <div class="class_attr_title" style="display: none;"> |
| | | <div class="title_line"></div> |
| | |
| | | <script> |
| | | import { |
| | | Base64 |
| | | } from '@/js/Base64.js'; |
| | | } from '@/js/Base64.js'; |
| | | import pickerAddress from '../../js/pickerAddress/pickerAddress.vue' |
| | | import utils from "@/js/utils.js" |
| | | import { |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: this.translateSys('ok'), |
| | | editMode: false, |
| | | objAttr: {}, |
| | |
| | | transform: translateX(0); |
| | | } |
| | | } |
| | | |
| | | .uni-page-modal-3018.large-mode { |
| | | font-size: 24px; |
| | | |
| | | .tx_title, |
| | | .tx_title2 { |
| | | font-size: 24px; |
| | | } |
| | | |
| | | .class_attr_title { |
| | | font-size: 24px; |
| | | } |
| | | |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <view class="uni-page-modal-3018-2"> |
| | | <view class="uni-page-modal-3018-2" :class="largeMode?'large-mode':''"> |
| | | <view class="view-content"> |
| | | <!-- 表头样式 --> |
| | | <OIForm ref="refBaseForm" class="v-headStyle" :form="head_styledef.form" :focusId="focusFieldId" |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: this.translateSys('add2'), |
| | | btnName: "", |
| | | param: {}, |
| | |
| | | <template> |
| | | <view class="content"> |
| | | <view class="content" :class="largeMode?'large-mode':''"> |
| | | <!-- 主数据 --> |
| | | <view class="v-area" v-for="(classattr,index) in classAttrList"> |
| | | <div class="class_attr_title" style="display: none;"> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: '新增', |
| | | param: {}, |
| | | classAttrList: [], |
| | |
| | | <template> |
| | | <view class="uni-page-modal-3017-2"> |
| | | <view class="uni-page-modal-3017-2" :class="largeMode?'large-mode':''"> |
| | | <!-- 表头样式 --> |
| | | <OIForm ref="refBaseForm" class="v-headStyle" :form="head_styledef.form" @on-focus="ontap" |
| | | @on-change="onEnterChange" @on-click-prefix="classAttr_extButton" @on-click-suffix="classAttr_extButton"> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: this.translateSys('add2'), |
| | | param: {}, |
| | | edit_inital_event: "", //弹窗初始化事件ID |
| | |
| | | <template> |
| | | <view class="uni-page-modal-3200"> |
| | | <view class="uni-page-modal-3200" :class="largeMode?'large-mode':''"> |
| | | <view class="v-content"> |
| | | <!-- 表头样式 --> |
| | | <OIForm ref="refBaseForm" class="v-headStyle" :form="head_styledef.form" @on-focus="ontap" |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: this.translateSys('add2'), |
| | | isFilter: true, |
| | | param: {}, |
| | |
| | | <template> |
| | | <view class="uni-page-modal-3200-view"> |
| | | <view class="uni-page-modal-3200-view" :class="largeMode?'large-mode':''"> |
| | | <view class="v-content"> |
| | | <view class="dv-panel dv-panel-bkcolor"> |
| | | <div class="dv-panel-input"> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: this.translateSys('add2'), |
| | | param: {}, |
| | | styleDef: { |
| | |
| | | <template> |
| | | <view class="uni-page-modal-3201"> |
| | | <view class="uni-page-modal-3201" :class="largeMode?'large-mode':''"> |
| | | <view class="dv_head"> |
| | | <uni-section :title="title"> |
| | | <view class="example" |
| | |
| | | mixins: [buttonClickMixin], |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: '3201首页', |
| | | param: {}, |
| | | show: true, |
| | |
| | | <template> |
| | | <view class="uni-page-modal-3202"> |
| | | <view class="uni-page-modal-3202" :class="largeMode?'large-mode':''"> |
| | | <view class="v-content"> |
| | | <!-- 表头样式 --> |
| | | <OIForm ref="refBaseForm" class="v-headStyle" :form="head_styledef.form" @on-focus="ontap" |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: this.translateSys('add2'), |
| | | isFilter: true, |
| | | param: {}, |
| | |
| | | <template> |
| | | <view class="uni-page-modal-3202-view"> |
| | | <view class="uni-page-modal-3202-view" :class="largeMode?'large-mode':''"> |
| | | <view class="v-content"> |
| | | <!-- 表头样式 --> |
| | | <OIForm ref="refBaseForm" class="v-headStyle" :form="head_styledef.form" viewMode></OIForm> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: this.translateSys('add2'), |
| | | param: {}, |
| | | styledef: {}, |
| | |
| | | <template> |
| | | <view class="uni-page-modal-5600"> |
| | | <view class="uni-page-modal-5600" :class="largeMode?'large-mode':''"> |
| | | <!-- 表头样式 --> |
| | | <view class="view-header"> |
| | | <view class="v-headStyle" v-for="(item,index) in head_styledef.form.items"> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: this.translateSys("coding_disk"), |
| | | ClsID: 'CG_Detail', |
| | | param: {}, |
| | |
| | | <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: {}, |
| | |
| | | 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> |
| | |
| | | <template> |
| | | <view class="uni-page-modal-5602"> |
| | | <view class="uni-page-modal-5602" :class="largeMode?'large-mode':''"> |
| | | <!-- 表头样式 --> |
| | | <view class="view-header"> |
| | | <view class="v-headStyle" v-for="(item,index) in head_styledef.form.items"> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: this.translateSys("sorting"), |
| | | ClsID: "Distribution_CNTR_Detail", |
| | | ClsID2: "Picking_Result", |
| | |
| | | <template> |
| | | <view class="content"> |
| | | <view class="content" :class="largeMode?'large-mode':''"> |
| | | <view class="v-area" v-for="(classattr,index) in classAttrList"> |
| | | <div class="class_attr_title" style="display: none;"> |
| | | <div class="title_line"></div> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: '新增', |
| | | param: {}, |
| | | focusField: "", |
| | |
| | | <template> |
| | | <view class="uni-page-modal-form"> |
| | | <view class="uni-page-modal-form" :class="largeMode?'large-mode':''"> |
| | | <view class="view-content"> |
| | | <!-- 表头样式 --> |
| | | <OIForm ref="refBaseForm" class="v-head-style" :form="head_styledef.form" :focusId="focusFieldId" |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | okLoading: false, |
| | | title: this.translateSys('add2'), |
| | | type: '', |
| | |
| | | <template> |
| | | <view class="content"> |
| | | <view class="content" :class="largeMode?'large-mode':''"> |
| | | <!-- 主数据 --> |
| | | <view class="v-area" v-for="(classattr,index) in classAttrList"> |
| | | <div class="class_attr_title" style="display: none;"> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: '新增', |
| | | param: {}, |
| | | focusField: "", |
| | |
| | | <template> |
| | | <view class="uni-page-selprj"> |
| | | <view class="uni-page-selprj" :class="largeMode?'large-mode':''"> |
| | | <view style="height:90%;"> |
| | | <input type="text" class="txt_search" v-model="searchVal" @keyup="onkeyup" |
| | | :placeholder="translate('input_project_name_query')"> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: this.translate('select_project'), |
| | | relation: '-1', |
| | | param: {}, |
| | |
| | | <template> |
| | | <view class="uni-page-selpsn"> |
| | | <view class="uni-page-selpsn" :class="largeMode?'large-mode':''"> |
| | | <view style="height:90%;"> |
| | | <input type="text" class="txt_search" v-model="searchVal" @input="onkeyup" |
| | | :placeholder="translate('input_user_name_jp_query')"> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | largeMode: getApp().globalData.largeMode || false, |
| | | title: this.translate('select_user'), |
| | | mulit: '', |
| | | param: {}, |