| | |
|---|
| | | </div> |
|---|
| | | <div class="dv-panel-input" v-if="!ListHtml_Panel" |
|---|
| | | :style="param.ListPage.CheckBox==true && param.ListPage.Click_View==true?'width:85%;':param.ListPage.CheckBox==false && param.ListPage.Click_View==true?'width:91%;':param.ListPage.CheckBox==true && param.ListPage.Click_View==false?'width:88%;':'width:100%;'"> |
|---|
| | | <uni-forms class="v-area dv-panel" label-align="right"> |
|---|
| | | <view v-for="(item,index) in style.form.items" :key="index"> |
|---|
| | | <!-- 栅格布局 --> |
|---|
| | | <uni-row v-if="item.name == 'Layout'" :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" :key="key"> |
|---|
| | | <uni-forms-item v-if="col != null" |
|---|
| | | :label="col.labelWidth === 0 ? '' : col.label? col.label+'：':''" |
|---|
| | | :label-width="col.labelWidth || col.labelWidth === 0 ? col.labelWidth : 100+'px'"> |
|---|
| | | <view v-if="col.disabled">{{col.value}}</view> |
|---|
| | | <input class="uni-input" |
|---|
| | | v-else-if="col.name=='Input' || col.name=='InputNumber'" |
|---|
| | | :type="col.name=='InputNumber'?'number':'text'" |
|---|
| | | v-model="col.value" :placeholder="col.placeholder" |
|---|
| | | :maxlength="-1" /> |
|---|
| | | <view v-else>{{col.value}}</view> |
|---|
| | | <OIForm class="v-area dv-panel" :form="style.form.items" viewMode></OIForm> |
|---|
| | | |
|---|
| | | </uni-forms-item> |
|---|
| | | <uni-forms-item v-else label=""></uni-forms-item> |
|---|
| | | </uni-col> |
|---|
| | | </uni-row> |
|---|
| | | <uni-forms-item v-else |
|---|
| | | :label="item.labelWidth === 0 ? '' : item.label? item.label+'：':''" |
|---|
| | | :label-width="item.labelWidth || item.labelWidth === 0 ? item.labelWidth : 100+'px'" |
|---|
| | | :style="{ textAlign: item.setting.align }"> |
|---|
| | | <view v-if="item.disabled">{{item.value}}</view> |
|---|
| | | <input v-else-if="item.name=='Input' || item.name=='InputNumber' " |
|---|
| | | class="uni-input" :type="item.name=='InputNumber'?'number':'text'" |
|---|
| | | v-model="item.value" :disabled="item.disabled" |
|---|
| | | :placeholder="item.placeholder" :maxlength="-1" /> |
|---|
| | | <view v-else>{{item.value}}</view> |
|---|
| | | |
|---|
| | | </uni-forms-item> |
|---|
| | | </view> |
|---|
| | | </uni-forms> |
|---|
| | | </div> |
|---|
| | | <div class="dv-panel-button" v-if="param.ListPage.Click_View==true"> |
|---|
| | | <a @click="onViewPageClick(style)"><i class="mobox-normal-right-arrow" /></a> |
|---|
| | |
|---|
| | | .dv-panel { |
|---|
| | | background-color: #efefef; |
|---|
| | | padding: 20rpx 20rpx 20rpx 0px; |
|---|
| | | |
|---|
| | | .uni-forms-item { |
|---|
| | | padding-bottom: 5rpx; |
|---|
| | | margin-bottom: 0; |
|---|
| | | |
|---|
| | | .uni-forms-item__label { |
|---|
| | | height: 20px !important; |
|---|
| | | padding: 0 10rpx 0 0 !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .uni-input { |
|---|
| | | width: calc(100% - 12rpx); |
|---|
| | | padding: 5rpx; |
|---|
| | | border: 1px solid #d5d5d5; |
|---|
| | | color: #2d8cf0; |
|---|
| | | height: 20px; |
|---|
| | | background: #FFF; |
|---|
| | | line-height: 20px; |
|---|
| | | border-radius: 6px !important; |
|---|
| | | font-size: 14px; |
|---|
| | | font-family: inherit; |
|---|
| | | box-shadow: none !important; |
|---|
| | | transition-duration: 0.1s; |
|---|
| | | vertical-align: middle; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .uni-input:hover { |
|---|
| | | border: 1px solid rgb(41, 121, 255); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | border-radius: 12rpx; |
|---|
| | | margin-bottom: 20rpx; |
|---|
| | | text-align: right; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .dv-listHtml-Panel, |
|---|
