From dc4e312fde92237060bc23c35016f4d6b7a9187e Mon Sep 17 00:00:00 2001
From: cuiqian2004 <cuiqian2004@163.com>
Date: 星期一, 24 六月 2024 11:11:37 +0800
Subject: [PATCH] 属性类型多语言
---
pages/modal/5602.vue | 1297 +++++++++++++++++++++++++++++++++++++---------------------
1 files changed, 826 insertions(+), 471 deletions(-)
diff --git a/pages/modal/5602.vue b/pages/modal/5602.vue
index a79daba..3c9fe26 100644
--- a/pages/modal/5602.vue
+++ b/pages/modal/5602.vue
@@ -1,278 +1,167 @@
-<style>
-.v-headStyle:first-child{
- margin-top: 15rpx;
-}
-.v-headStyle .txt_title{
- font-size: 34rpx;
- text-align: right;
- display: inline-block;
- vertical-align: 12px;
-}
-.v-headStyle input{
- display: inline-block;
- /* border: 1px solid #d5d5d5; */
- /* width: 65%; */
- width: 85%;
- height: 52rpx;
- line-height: 34rpx;
- 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;
- margin-top: 4rpx;
-}
-.v-headStyle input::-webkit-input-placeholder {
- font-size: 12rpx;
-}
-.input-wrapper{
- border: 1px solid #d5d5d5;
- display: inline-block;
- width: 65%;
- line-height: 22rpx;
-}
-[nvue] uni-view {
- position: relative;
- border: 0 solid #000;
- box-sizing: border-box;
-}
-.uni-input {
- /* border: none; */
-}
-.uni-icon{
- /* border: 1px solid red; */
- width: 8%;
- font-family: uniicons;
- font-size: 40rpx;
- font-weight: 400;
- font-style: normal;
- /* width: 48rpx; */
- height: 48rpx;
- line-height: 48rpx;
- color: #2d8cf0;
- cursor: pointer;
- display: inline-block;
- vertical-align: 18rpx;
-}
-.view-content{
- min-height: 700rpx;
- /* border:1px solid red; */
-}
-.dv-panel{
- background-color:#efefef;
- padding: 20rpx 20rpx 4rpx 0px;
- border-radius: 12rpx;
- margin: 10rpx 0 20rpx 0;
- text-align: right;
-}
-.dv-panel-input{
- width: 100%;
- display: inline-block;
- text-align: left;
-}
-.dv-panel-input .dv-input{
- margin-bottom: 2rpx;
-}
-.dv-panel .txt_title{
- font-size: 34rpx;
- text-align: right;
- display: inline-block;
-}
-
-.dv-panel input{
- vertical-align: middle;
- display: inline-block;
- border: 1px solid #d5d5d5;
- width: 68%;
- height: 52rpx;
- line-height: 34rpx;
- background: #FFF;
- border-radius: 7px !important;
- color: #2d8cf0;
- padding: 6rpx 8rpx 8rpx;
- font-size: 32rpx;
- font-family: inherit;
- box-shadow: none !important;
- transition-duration: 0.1s;
- margin-top: 0rpx;
-}
-.dv-panel input::-webkit-input-placeholder {
- font-size: 10rpx;
-}
-.dv-panel .form-item-span{
- vertical-align: text-top;
- color: #2d8cf0;
- white-space: normal;
- word-break: break-all;
- display: inline-block;
- width: calc(100% - 100px);
-}
-
-.dv-panel-button{
- /* display: inline-block;
- margin-right: 20rpx; */
- width: 100%;
- text-align: left;
- padding-bottom: 20rpx;
-}
-.dv-panel-button checkbox-group {
- /* float: left; */
- padding-left: 20px;
- display: inline-block;
-}
-.dv-panel-button button {
- text-align: left;
- line-height: 1.8;
- border: none;
- font-size: 34rpx;
- width: 180rpx;
- display: inline-block;
- float: right;
- text-align: center;
-}
-button.btn_cancel {
- width:49.5%;
- margin-top: 50rpx;
- padding: 20rpx;
- line-height: 1.5;
- border: none;
- font-size: 38rpx;
- font-weight: bold;
- float: left;
- display: inline-block;
-}
-button.btn_add {
- width:49.5%;
- margin-top: 50rpx;
- padding: 20rpx;
- line-height: 1.5;
- border: none;
- font-size: 38rpx;
- font-weight: bold;
- float: right;
- display: inline-block;
-}
-.logo {
- height: 100rpx;
- width: 460rpx;
- display: flex;
- margin: 38% auto;
-}
-.dv-border{
- border: 1px solid red;
-}
-.view-imagetext{
- text-align: center;
- width: 88%;
- padding: 20rpx 40rpx 0px 40rpx;
- /* border:1px solid red; */
-}
-.view-imagetext .view-imagetext-uploadlist {
- padding: 30rpx 0px 10rpx 0px;
- vertical-align: middle;
- display: inline-block;
- width: 100%;
- height: 100%;
- text-align: center;
- line-height: 100%;
- border: 2rpx solid transparent;
- border-radius: 8rpx;
- overflow: hidden;
- background: #fff;
- position: relative;
- /* box-shadow: 0 2rpx 2rpx rgba(0, 0, 0, 0.2);
- margin-right: 8rpx; */
-}
-.view-imagetext .txt-text{
- display: block;
- margin: 20rpx;
- font-weight: bold;
-}
-.view-detalist-centen{
- text-align: center;
- width: 100%;
-}
-
-.view-detalist-centen .txt-detalist{
- background: #94D5EF;
- display: block;
- width: 100%;
- font-size: 36rpx;
- line-height: 80rpx;
- font-weight: 500;
-}
-.panel-active{
- border:2px solid red;
-}
-.bk-active{
- background-color: #D6FCB2;
-}
-</style>
-<style lang="scss">
- .demo-uni-row {
- margin-bottom: 0px;
- display: block;
- }
- ::v-deep .uni-row {
- margin-bottom: 0px;
- }
- .view-tabpage ::v-deep .uni-row {
- margin-bottom: 5px;
- }
- .demo-uni-col {
- height: 36px;
- border-radius: 5px;
- }
- .demo-uni-row .uni-input{
- width: calc(100% - 120px);
- }
-
-</style>
-
-
<template>
- <view class="content">
+ <view class="uni-page-modal-5602">
<!-- 琛ㄥご鏍峰紡 -->
- <view class="v-headStyle" v-for="(item,index) in head_styledef.form.items" >
- <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}锛�/text>
- <!-- 涓嬫媺妗�鍗曢� item.useDict?item.dict:item.selections-->
- <uni-data-select id="dv_select" v-if="item.name=='Select'"
- :class="item.disabled?'input-disabled':''"
- v-model="item.value"
- :localdata="item.dict"
- @change="onEnterChange(item)"
- :disabled="item.disabled"
- :clear="false"
- ></uni-data-select>
- <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="onEnterChange(item)"></text>
- <input
- class="uni-input"
+ <view class="view-header">
+ <view class="v-headStyle" v-for="(item,index) in head_styledef.form.items" >
+ <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}锛�/text>
+ <!-- 涓嬫媺妗�鍗曢� item.useDict?item.dict:item.selections-->
+ <!-- <uni-data-select id="dv_select" v-if="item.name=='Select'"
:class="item.disabled?'input-disabled':''"
- :type="item.name=='Input'?'text':'number'"
v-model="item.value"
+ :localdata="item.dict"
+ @change="onEnterChange(item)"
:disabled="item.disabled"
- :placeholder="item.placeholder"
- :style="{'width':item.setting.prefix && item.setting.suffix?'78%':item.setting.prefix || item.setting.suffix?'87%':'96%'}"
- :focus="focusMateria"
- @focus="ontap(item)"
- @keyup.enter="onEnterChange(item)"
- @blur="onEnterChange(item)"
- />
- <text v-if="item.setting.suffix"
- class="uni-icon"
- :class="[item.setting.suffix]"
- @click="onEnterChange(item)"></text>
- </view>
+ :clear="false"
+ ></uni-data-select> -->
+ <uni-data-picker class="dv_select" v-if="item.name=='Select'" :class="item.disabled?'input-disabled':''"
+ v-model="item.value" :localdata="item.dict" @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="onEnterChange(item)"></text>
+ <input
+ class="uni-input"
+ :class="item.disabled?'input-disabled':''"
+ :type="item.name=='Input'?'text':'number'"
+ v-model="item.value"
+ :disabled="item.disabled"
+ :placeholder="item.placeholder"
+ :style="{'width':item.setting.prefix && item.setting.suffix?'78%':item.setting.prefix || item.setting.suffix?'87%':'96%'}"
+ :focus="focusFieldId == item.fieldId"
+ @focus="ontap(index,item)"
+ @keyup.enter="onEnterChange(item)"
+ @blur="onEnterChange(item)"
+ />
+ <text v-if="item.setting.suffix"
+ class="uni-icon"
+ :class="[item.setting.suffix]"
+ @click="onEnterChange(item)"></text>
+ </view>
+ </view>
</view>
<view class="view-content">
+ <!-- 鍒嗘嫞鐣岄潰 -->
+ <view v-if="param.Show_Welcom_Page==false" class="uni-panel-content">
+ <!-- 椤电 -->
+ <view class="dv-tab">
+ <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem"
+ styvarype="button">
+ </uni-segmented-control>
+ </view>
+ <swiper class="view-tabpage" :current="current" @change="changeSwiper">
+ <!-- 寰呭垎鎷ｇ晫闈�-->
+ <swiper-item >
+ <view class="uni-panel-content">
+ <view class="view-tab-content" id="tabpanel" >
+ <image class="logo" v-if="detail1StyleDefList.length==0" src="../../images/mobox_log_200x40.png"></image>
+ <div class="dv-panel" v-for="(style,ii) in detail1StyleDefList"
+ @tap="onPanelClick(ii)"
+ :id="'tabpanel'+style.form.htmlobjId"
+ :class="style.form.htmlobjId==active_id?'bk-active':activelist[ii].active==true?'bk-active':''">
+ <div class="dv-panel-input">
+ <div class="dv-input" v-for="(item,index) in style.form.items">
+ <!-- 鏅�甯冨眬 -->
+ <view v-if="item.name!='Layout'">
+ <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}锛�/text>
+ <span class="form-item-span" v-if="item.disabled">{{item.value}}</span>
+ <input
+ class="uni-input"
+ v-if="!item.disabled"
+ :type="item.name=='InputNumber'?'number':'text'"
+ :value="item.value"
+ :disabled="item.disabled"
+ :placeholder="item.placeholder"
+ />
+ </view>
+ <!-- 鏍呮牸甯冨眬 -->
+ <uni-row class="demo-uni-row" v-if="item.name=='Layout'">
+ <uni-col
+ v-for="(cols,key) in item.setting.colList"
+ :span="item.setting.spanList?item.setting.spanList[key]:24 / item.setting.col"
+ >
+ <view v-if="cols!=null" >
+ <text class="txt_title" :style="{'width':cols.labelWidth+'px'}">{{cols.label}}锛�/text>
+ <span class="form-item-span" v-if="cols.disabled">{{cols.value}}</span>
+ <input
+ class="uni-input"
+ v-if="!cols.disabled"
+ :type="cols.name=='InputNumber'?'number':'text'"
+ :value="cols.value"
+ :disabled="cols.disabled"
+ :placeholder="cols.placeholder"
+ />
+ </view>
+ </uni-col>
+ </uni-row>
+ </div>
+ </div>
+ <div class="dv-panel-button">
+ <checkbox-group v-if="param.Sub_Page[0].Select_Button==true">
+ <label>
+ <checkbox :value="style.SelBut_Checked" :checked="style.SelBut_Checked" />
+ <!-- <text></text> -->
+ </label>
+ </checkbox-group>
+ <!-- <button type="primary" @click="savaItem(ii)" v-if="param.Sub_Page[0].OK_Button==true">淇濆瓨</Button> -->
+ <button type="warn" @tap="delItem(ii)" v-if="param.Sub_Page[0].Del_Button==true">鍒犻櫎</button>
+ </div>
+ </div>
+ </view>
+ <view v-if="param.Sub_Page[0].OK_Button==true">
+ <button type="default" @tap="cancel" class="btn_cancel">鍙栨秷</button>
+ <button type="primary" @tap="ok" class="btn_add">纭畾</button>
+ </view>
+ </view></swiper-item>
+ <!-- 宸插垎鎷ｇ晫闈�-->
+ <swiper-item >
+ <view class="uni-panel-content">
+ <view class="view-tab-content" >
+ <image class="logo" v-if="detail2StyleDefList.length==0" src="../../images/mobox_log_200x40.png"></image>
+ <div class="dv-panel" v-for="(style,ii) in detail2StyleDefList">
+ <div class="dv-panel-input">
+ <div v-for="(item,index) in style.form.items">
+ <!-- 鏅�甯冨眬 -->
+ <view v-if="item.name!='Layout'">
+ <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}锛�/text>
+ <span class="form-item-span">{{item.value}}</span>
+ </view>
+ <!-- 鏍呮牸甯冨眬 -->
+ <uni-row class="demo-uni-row" v-if="item.name=='Layout'">
+ <uni-col
+ :span="24 / item.setting.col"
+ v-for="(cols,key) in item.setting.colList"
+ >
+ <view v-if="cols!=null" >
+ <text class="txt_title" :style="{'width':cols.labelWidth+'px'}">{{cols.label}}锛�/text>
+ <span class="form-item-span">{{cols.value}}</span>
+ </view>
+ </uni-col>
+ </uni-row>
+ </div>
+ </div>
+ <div class="dv-panel-button">
+ <checkbox-group v-if="param.Sub_Page[1].Select_Button==true">
+ <label>
+ <checkbox :value="style.SelBut_Checked" :checked="style.SelBut_Checked" />
+ <!-- <text></text> -->
+ </label>
+ </checkbox-group>
+ <!-- <button type="primary" @click="savaDataObj(style,ii)" v-if="param.Sub_Page[1].OK_Button==true">淇濆瓨</Button> -->
+ <button type="warn" @tap="delDataObj(style,ii)" v-if="param.Sub_Page[1].Del_Button==true">鍒犻櫎</button>
+ </div>
+ </div>
+ </view>
+ <view v-if=" param.Sub_Page[1].OK_Button==true">
+ <button type="default" @tap="cancel" class="btn_cancel">鍙栨秷</button>
+ <button type="primary" @tap="ok2" class="btn_add">纭畾</button>
+ </view>
+ </view>
+ </swiper-item>
+ </swiper>
+ </view>
<!-- 鍥炬枃/鏂囨湰 -->
<view class="view-imagetext" v-if="param.Show_Welcom_Page==true">
<div class="view-imagetext-uploadlist">
@@ -283,117 +172,16 @@
>{{param.Welcome_Page.Text}}</Text>
</div>
</view>
- <!-- 鍒嗘嫞鐣岄潰 -->
- <view v-if="param.Show_Welcom_Page==false">
- <!-- 椤电 -->
- <view class="dv-tab">
- <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem"
- styvarype="button">
- </uni-segmented-control>
- </view>
- <!-- 寰呭垎鎷ｇ晫闈�-->
- <view class="view-tabpage" id="tabpanel" v-if="current==0">
- <image class="logo" v-if="detail1StyleDefList.length==0" src="../../images/mobox_log_200x40.png"></image>
- <div class="dv-panel" v-for="(style,ii) in detail1StyleDefList"
- @tap="onPanelClick(ii)"
- :id="'tabpanel'+style.form.htmlobjId"
- :class="style.form.htmlobjId==active_id?'bk-active':activelist[ii].active==true?'bk-active':''">
- <div class="dv-panel-input">
- <div class="dv-input" v-for="(item,index) in style.form.items">
- <!-- 鏅�甯冨眬 -->
- <view v-if="item.name!='Layout'">
- <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}锛�/text>
- <span class="form-item-span" v-if="item.disabled">{{item.value}}</span>
- <input
- class="uni-input"
- v-if="!item.disabled"
- :type="item.name=='InputNumber'?'number':'text'"
- :value="item.value"
- :disabled="item.disabled"
- :placeholder="item.placeholder"
- />
- </view>
- <!-- 鏍呮牸甯冨眬 -->
- <uni-row class="demo-uni-row" v-if="item.name=='Layout'">
- <uni-col
- v-for="(cols,key) in item.setting.colList"
- :span="item.setting.spanList?item.setting.spanList[key]:24 / item.setting.col"
- >
- <view v-if="cols!=null" >
- <text class="txt_title" :style="{'width':cols.labelWidth+'px'}">{{cols.label}}锛�/text>
- <span class="form-item-span" v-if="cols.disabled">{{cols.value}}</span>
- <input
- class="uni-input"
- v-if="!cols.disabled"
- :type="cols.name=='InputNumber'?'number':'text'"
- :value="cols.value"
- :disabled="cols.disabled"
- :placeholder="cols.placeholder"
- />
- </view>
- </uni-col>
- </uni-row>
- </div>
- </div>
- <div class="dv-panel-button">
- <checkbox-group v-if="param.Sub_Page[0].Select_Button==true">
- <label>
- <checkbox :value="style.SelBut_Checked" :checked="style.SelBut_Checked" />
- <!-- <text></text> -->
- </label>
- </checkbox-group>
- <!-- <button type="primary" @click="savaItem(ii)" v-if="param.Sub_Page[0].OK_Button==true">淇濆瓨</Button> -->
- <button type="warn" @tap="delItem(ii)" v-if="param.Sub_Page[0].Del_Button==true">鍒犻櫎</button>
- </div>
- </div>
- </view>
- <!-- 宸插垎鎷ｇ晫闈�-->
- <view class="view-tabpage2" v-if="current==1">
- <image class="logo" v-if="detail2StyleDefList.length==0" src="../../images/mobox_log_200x40.png"></image>
- <div class="dv-panel" v-for="(style,ii) in detail2StyleDefList">
- <div class="dv-panel-input">
- <div v-for="(item,index) in style.form.items">
- <!-- 鏅�甯冨眬 -->
- <view v-if="item.name!='Layout'">
- <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}锛�/text>
- <span class="form-item-span">{{item.value}}</span>
- </view>
- <!-- 鏍呮牸甯冨眬 -->
- <uni-row class="demo-uni-row" v-if="item.name=='Layout'">
- <uni-col
- :span="24 / item.setting.col"
- v-for="(cols,key) in item.setting.colList"
- >
- <view v-if="cols!=null" >
- <text class="txt_title" :style="{'width':cols.labelWidth+'px'}">{{cols.label}}锛�/text>
- <span class="form-item-span">{{cols.value}}</span>
- </view>
- </uni-col>
- </uni-row>
- </div>
- </div>
- <div class="dv-panel-button">
- <checkbox-group v-if="param.Sub_Page[1].Select_Button==true">
- <label>
- <checkbox :value="style.SelBut_Checked" :checked="style.SelBut_Checked" />
- <!-- <text></text> -->
- </label>
- </checkbox-group>
- <!-- <button type="primary" @click="savaDataObj(style,ii)" v-if="param.Sub_Page[1].OK_Button==true">淇濆瓨</Button> -->
- <button type="warn" @tap="delDataObj(style,ii)" v-if="param.Sub_Page[1].Del_Button==true">鍒犻櫎</button>
- </div>
- </div>
- </view>
- </view>
+
</view>
- <view v-if="current==0 && param.Sub_Page[0].OK_Button==true">
+ <!-- <view v-if="current==0 && param.Sub_Page[0].OK_Button==true">
<button type="default" @tap="cancel" class="btn_cancel">鍙栨秷</button>
<button type="primary" @tap="ok" class="btn_add">纭畾</button>
</view>
<view v-if="current==1 && param.Sub_Page[1].OK_Button==true">
<button type="default" @tap="cancel" class="btn_cancel">鍙栨秷</button>
<button type="primary" @tap="ok2" class="btn_add">纭畾</button>
- </view>
+ </view> -->
</view>
</template>
@@ -409,7 +197,8 @@
ClsID: "Sorting_Detail",
ClsID2: "Sorting_Result",
param: {},
- focusMateria:false,
+ focusFieldId:"",
+ focusOldFieldId:"",
head_styledef:{
form:{
items:[]
@@ -418,11 +207,15 @@
detail1_styledef:{},
detail1StyleDefList:[],
detail2_styledef:{},
- detail2StyleDefList:[],
+ detail2StyleDefList:[],//鍒嗛〉鏁版嵁
+ detail1ExtData: {},
+ detail2ExtData: {}, //鍒嗛〉鎵╁睍鏁版嵁
// 鍒嗘鍣ㄦ暟鎹� current: 0,
Before_OK_Event:{},
After_OK_Event:{},
+ Before_Del_Event: {},
+ After_Del_Event: {},
items: [],
active_id:'',
activelist:[],
@@ -450,8 +243,6 @@
this.Detail2_UIstyleGetInfo(this.ClsID2,this.$data.param.Sub_Page[1].UI_Style.ID);
console.log(this.$data.param);
- //椤甸潰鍒濆鍖栬幏鍙栫劍鐐�- // this.focusMateria=true;
},
methods: {
setData: function(obj) {
@@ -475,7 +266,12 @@
});
});
},
-
+ changeSwiper(evt) {
+ let index = evt.target.current || evt.detail.current;
+ this.setData({
+ current: index
+ })
+ },
async Head_UIStyleGetInfo(class_id,style_id){ //鑾峰彇鑷畾涔夎〃鍗曟牱寮� var $this = this;
var dataInfo={
@@ -499,6 +295,13 @@
if(ele.useDict==true){ //鍒ゆ柇useDict鏄惁浣跨敤瀛楀吀
await this.DictGetInfo(ele.bind.dict,index,'mast');
}
+ if($this.focusFieldId == "")
+ {
+ if(ele.name=='Input' || ele.name=='InputNumber')
+ {
+ $this.setData({focusFieldId:ele.fieldId})
+ }
+ }
});
}else{
uni.showModal({title:"閿欒1",content:ret.err_msg,showCancel:false,confirmText:"鍙栨秷"});
@@ -631,12 +434,13 @@
});
},
- ontap(item){ //鎵爜鍔熻兘
+ ontap(index,item){ //鎵爜鍔熻兘
// var $ele = e;
+ this.focusOldFieldId = item.fieldId
getApp().onScan((result)=>{
console.log(result.decodedata);
item.value = result.decodedata;
- uni.hideKeyboard();
+ //uni.hideKeyboard();
var $this = this;
console.log(item);
@@ -648,18 +452,21 @@
var onSuffixClickCallbackEvent = item.bind.onSuffixClickCallbackEvent; //鍚庡浘鏍囩偣鍑讳簨浠� var onSuffixClickEvent = item.bind.onSuffixClickEvent; //鍚庡浘鏍囩偣鍑诲洖璋� var isflag = false;
-
+
if(onChangeEvent.id){ //鍐呭鍙樺寲鍚庝簨浠� $this.onChange(onChangeEvent);
}
- if(item.value){ //绗竴涓緭鍏ユ涓嶄负绌�- $this.focusMateria = true; //鍒濆鍖栵紝绗簩涓緭鍏ユfocus灞炴�
- // setTimeout(function(){
- // $this.focusMateria=true; //绗簩涓緭鍏ユ鑾峰彇鐒︾偣
- setTimeout(function(){
- uni.hideKeyboard();
- },1000);
- // },500);
+ if(item.value){ //杈撳叆妗嗕笉涓虹┖
+ //鍒濆鍖栵紝涓嬩釜杈撳叆妗唂ocus灞炴�
+ const curIndex = $this.head_styledef.form.items.findIndex((ele, index2, arr) => {
+ return (ele.name=='Input' || ele.name=='InputNumber') && index2 > index;
+ })
+ if(curIndex > -1){
+ $this.setData({focusFieldId: $this.head_styledef.form.items[curIndex].fieldId})
+ }
+ // setTimeout(function(){
+ // uni.hideKeyboard();
+ // },1000);
}
// if(onSuffixClickCallbackEvent.id){ //鍚庡浘鏍囩偣鍑讳簨浠� // this.onSuffixClick(onSuffixClickCallbackEvent);
@@ -734,11 +541,11 @@
const jsonlist=[];
detailAttrList.forEach(attr=>{
jsonlist.push({
- id:'',
+ id:attr["id"]|| "",
attrs: Object.keys(attr).map((a) => ({
attr: a,
value: attr[a] || "",
- }))
+ })).filter((a)=>{return a.attr != "id"})
});
});
return jsonlist;
@@ -749,22 +556,29 @@
try {
if (event.id) {
+ //鑾峰彇琛ㄥご灞炴�
+ var head_attr = {};
+ this.head_styledef.form.items.forEach(item => {
+ head_attr[item.fieldId] = item.value;
+ });
var obj_attr = this.head_styledef.form.model;
// console.log(obj_attr);
var input_param = Base64.encode(
JSON.stringify(
- Object.keys(obj_attr).map((a) => ({
+ Object.keys(head_attr).map((a) => ({
attr: a,
- value: obj_attr[a] || "",
+ value: head_attr[a] || "",
}))
)
);
var $this = this;
const jsonList = []
- jsonList.push({page_name:$this.param.Sub_Page[0].Name,item_list:[]})
- jsonList.push({page_name:$this.param.Sub_Page[1].Name,item_list:[]})
- jsonList[0].item_list= $this.getDetailAttrList($this.detail1StyleDefList,$this.param.Sub_Page[0].Select_Button)
- jsonList[1].item_list= $this.getDetailAttrList($this.detail2StyleDefList,$this.param.Sub_Page[1].Select_Button)
+ const itemlist1= $this.getDetailAttrList($this.detail1StyleDefList,$this.param.Sub_Page[0].Select_Button)
+ const itemlist2= $this.getDetailAttrList($this.detail2StyleDefList,$this.param.Sub_Page[1].Select_Button)
+
+ jsonList.push({page_name:$this.param.Sub_Page[0].Name,item_list:itemlist1,ext_data:$this.detail1ExtData})
+ jsonList.push({page_name:$this.param.Sub_Page[1].Name,item_list:itemlist2,ext_data:$this.detail2ExtData})
+
const data_json = Base64.encode(
JSON.stringify(jsonList)
);
@@ -783,7 +597,7 @@
user_login: '',
data_json: data_json,
compose_info: '',
- ext_info: '',
+ ext_info: "",
global_attr: '',
input_param: input_param,
};
@@ -810,7 +624,7 @@
else if(item.action_type == "set_subtable_page_content"){ //宸插垎鎷� $this.$data.param.Show_Welcom_Page=false;
var value = item.value;
- if(value.clear == true && $this.$data.detail1StyleDefList.length>0 && value.page_name == $this.$data.param.Sub_Page[0].Name){ //鍒ゆ柇鏄惁娓呯┖椤电鍐呭,姝ｅ湪鍒嗘嫞鏄惁鏈夋暟鎹�+ if( value.clear_confirm != false && value.clear == true && $this.$data.detail1StyleDefList.length>0 && value.page_name == $this.$data.param.Sub_Page[0].Name){ //鍒ゆ柇鏄惁娓呯┖椤电鍐呭,姝ｅ湪鍒嗘嫞鏄惁鏈夋暟鎹� uni.showModal({
title: '鎻愮ず',
content: '绯荤粺妫�祴鍒版湁寰呭垎鎷ｄ腑鐨勬暟鎹紝缁х画鎿嶄綔浼氭竻绌猴紝鏄惁缁х画锛�,
@@ -858,51 +672,47 @@
}
});
}
- else if(item.action_type == "set_subtable_page_row"){
- // value = {"page_name":"鐮佺洏涓�, "row":[{"id":"xx"}]}
+ else if(item.action_type == "remove_subtable_page_row"){ //娓呴櫎闈㈡澘涓寚瀹歩d鐨勬暟鎹�+ var value = item.value;
+ if(value.page_name == $this.param.Sub_Page[0].Name){ //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_name鏄惁鏄緟鍒嗘嫞
+ //娓呴櫎闈㈡澘涓寚瀹歩d鐨勬暟鎹�+ value.row.forEach(row=>{
+ $this.$data.detail1StyleDefList.forEach((ele,index)=>{
+ if(ele.form.objId == row.id){
+ $this.$data.detail1StyleDefList.splice(index,1);
+ }
+ });
+ });
+ }
+ }
+ else if (item.action_type == "set_subtable_page_row") {
+ $this.viewActionSetRow( item.value)
+
+ } else if (item.action_type == "set_subtable_page_ext_data") {
var value = item.value;
- var detailStyleDefList = []
- if(value.page_name == $this.$data.param.Sub_Page[1].Name)
- {
- detailStyleDefList = $this.$data.detail2StyleDefList
+ if (value.page_name == $this.$data.param.Sub_Page[0].Name) { //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_name鏄惁鏄緟鍒嗘嫞
+ $this.setData({detail1ExtData:value.ext_data})
+ } else if (value.page_name == $this.$data.param.Sub_Page[1].Name) {
+ $this.setData({detail2ExtData:value.ext_data})
}
- else if(value.page_name == $this.$data.param.Sub_Page[0].Name)
- {
- detailStyleDefList =$this.$data.detail1StyleDefList
+ }
+ else if (item.action_type == "clear_subpage_rows") {
+ var value = item.value;
+ if (value.page_name == $this.$data.param.Sub_Page[0].Name) { //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_name鏄惁鏄緟鍒嗘嫞
+ $this.setData({detail1StyleDefList:[],detail1ExtData:{}})
+ } else if (value.page_name == $this.$data.param.Sub_Page[1].Name) {
+ $this.setData({detail2StyleDefList:[],detail2ExtData:{}})
}
- detailStyleDefList.forEach(ele=>{
- value.row.forEach((rowData) => {
- if(ele.form.objId == rowData.id){
- rowData.attrs.forEach(attr=>{
- ele.form.items.forEach(ele2=>{
- if(ele2.name!='Layout'){
- if(ele2.fieldId == attr.attr){
- ele2.value =$this.operationNumber(ele2.value,attr.value,attr.operation)
- }
- } else if(ele2.name=='Layout'){
- ele2.setting.colList.forEach(col=>{
- if(col)
- {
- if(col.fieldId == attr.attr)
- {
- col.value =$this.operationNumber(col.value,attr.value,attr.operation)
- }
- }
- })
- }
- });
- });
- }
- })
+ }
+ else if (item.action_type == "set_dlg_current_edit_attr") {
+ if($this.focusOldFieldId == item.value)
+ $this.setData({focusFieldId: ""})
+ else{
+ $this.setData({focusFieldId:$this.focusOldFieldId})
+ }
+ $this.$nextTick(()=> {
+ $this.setData({focusFieldId:item.value})
});
- if(value.page_name == $this.$data.param.Sub_Page[1].Name)
- {
- $this.setData({detail2StyleDefList:detailStyleDefList})
- }
- else if(value.page_name == $this.$data.param.Sub_Page[0].Name)
- {
- $this.setData({detail1StyleDefList:detailStyleDefList})
- }
}
else if(item.action_type == "set_dlg_attr"){
// value = {"attr":"xxx", "value":"xxx"}
@@ -939,27 +749,81 @@
}
},
operationNumber(value1, value2,operation){
+ var number1 = 0
+ var number2 =0
+ if(value1)
+ number1 = parseInt(value1)
+ if(value2)
+ number2 = parseInt(value2)
if(operation == "+")
{
- return value1 + value2
+ return number1 + number2
}
else if(operation == "-")
{
- return value1 - value2
+ return number1 - number2
}
else if(operation == "*")
{
- return value1 * value2
+ return number1 * number2
}
else if(operation == "/")
{
- if(value2)
- return value1 / value2
+ if(number2)
+ return number1 / number2
else
- return value1
+ return number1
}
- else return value2
+ else return number2
},
+ //鏇存柊鍒嗛〉绛句腑鐨勫垪琛ㄩ」鍐呭
+ viewActionSetRow(value) {
+ const $this = this
+ var detailStyleDefList = []
+ if(value.page_name == $this.$data.param.Sub_Page[1].Name)
+ {
+ detailStyleDefList = $this.$data.detail2StyleDefList
+ }
+ else if(value.page_name == $this.$data.param.Sub_Page[0].Name)
+ {
+ detailStyleDefList =$this.$data.detail1StyleDefList
+ }
+ detailStyleDefList.forEach(ele=>{
+ value.row.forEach((rowData) => {
+ if(ele.form.objId == rowData.id){
+ rowData.attrs.forEach(attr=>{
+ ele.form.items.forEach(ele2=>{
+ if(ele2.name!='Layout'){
+ if(ele2.fieldId == attr.attr){
+ ele2.value =$this.operationNumber(ele2.value,attr.value,attr.operation)
+ }
+ } else if(ele2.name=='Layout'){
+ ele2.setting.colList.forEach(col=>{
+ if(col)
+ {
+ if(col.fieldId == attr.attr)
+ {
+ col.value =$this.operationNumber(col.value,attr.value,attr.operation)
+ }
+ }
+ })
+ }
+ });
+ });
+ }
+ })
+ });
+ if(value.page_name == $this.$data.param.Sub_Page[1].Name)
+ {
+ $this.setData({detail2StyleDefList:detailStyleDefList})
+ }
+ else if(value.page_name == $this.$data.param.Sub_Page[0].Name)
+ {
+ $this.setData({detail1StyleDefList:detailStyleDefList})
+ }
+
+ },
+
//鍔犺浇姝ｅ湪鍒嗘嫞鍐呭
viewAceionRow(data,type){
// console.log(data);
@@ -1011,6 +875,13 @@
//鍔犺浇宸插垎鎷ｅ唴瀹� viewAceionContent(data){
var $this = this;
+
+ if (data.page_name == $this.param.Sub_Page[0].Name) {
+ $this.detail1ExtData = data.ext_data || {}
+ }
+ else if (data.page_name == $this.param.Sub_Page[1].Name) {
+ $this.detail2ExtData = data.ext_data || {}
+ }
if(JSON.stringify(data.content) =='{}'){
return;
}
@@ -1104,11 +975,24 @@
console.log(item);
},
delItem(index){ //鍒犻櫎鍒嗘嫞涓牱寮忛潰鏉�- this.detail1StyleDefList.splice(index,1);
+ //鍒犻櫎鐮佺洏涓牱寮忛潰鏉�+ this.Before_Del_Event = this.param.Sub_Page[0].Before_Delete;
+ this.After_Del_Event = this.param.Sub_Page[0].After_Delete;
+ const style = this.detail1StyleDefList[index];
+ //鍒犻櫎鐮佺洏涓牱寮忛潰鏉�+ this.detail1StyleDefList.splice(index, 1);
+ if (this.Before_Del_Event?.ID)
+ //鏄惁鏈夊垹闄ゅ墠浜嬩欢
+ this.del(style, this.Before_Del_Event);
+ else if (this.After_Del_Event?.ID)
+ //鏄惁鏈夊垹闄ゅ悗浜嬩欢
+ this.del(style, this.After_Del_Event);
},
delDataObj(style,index){ //鍒犻櫎宸插垎鎷ｆ暟
// console.log(style);
var $this = this;
+ $this.Before_Del_Event = $this.param.Sub_Page[0].Before_Delete;
+ $this.After_Del_Event = $this.param.Sub_Page[0].After_Delete;
uni.showModal({
title: '鎻愮ず',
content: '纭畾鍒犻櫎璇ュ凡鍒嗘嫞鏁版嵁锛�,
@@ -1126,9 +1010,16 @@
$this.$store.dispatch('dataObjDel',dataInfo).then(ret=>{
// console.log(ret);
if (ret.err_code == 0) {
- $this.detail2StyleDefList.splice(index,1);
+
+ const style = $this.detail2StyleDefList[index];
+ $this.detail2StyleDefList.splice(index, 1);
+ if ($this.Before_Del_Event?.ID)
+ //鏄惁鏈夊垹闄ゅ墠浜嬩欢
+ $this.del2(style, $this.Before_Del_Event);
+ else if ($this.After_Del_Event?.ID)
+ //鏄惁鏈夊垹闄ゅ悗浜嬩欢
+ $this.del2(style, $this.After_Del_Event);
uni.showModal({title:"鎻愮ず",content:"鍒犻櫎鎴愬姛锛�,showCancel:false,confirmText:"鍙栨秷"});
-
}else{
uni.showModal({title:"閿欒5",content:ret.err_msg,showCancel:false,confirmText:"鍙栨秷"});
}
@@ -1143,6 +1034,139 @@
});
},
+ async del(style, event) {
+ //鑾峰彇琛ㄥご灞炴�
+ var head_attr = {};
+ this.$data.head_styledef.form.items.forEach(item => {
+ head_attr[item.fieldId] = item.value;
+ });
+ // console.log(head_attr);
+ //鑾峰彇姝ｅ湪鍒嗘嫞灞炴�
+ var detailAttrList = [];
+ var detail_attr={};
+ style.form.items.forEach(item => {
+ if(item.name == "Layout"){ //鍒ゆ柇鏄惁鏄爡鏍忔牸寮�+ item.setting.colList.forEach(cols => {
+ if(cols!=null) detail_attr[cols.fieldId] = cols.value;
+ });
+ }else
+ detail_attr[item.fieldId] = item.value;
+ });
+
+ detail_attr['id'] = style.form.objId;
+ if($this.param.Sub_Page[0].Select_Button==true){ //鍒ゆ柇閫夋嫨鎸夐挳鏄惁涓簍rue
+ if(style.SelBut_Checked==true)
+ detailAttrList.push(detail_attr);
+ } else
+ detailAttrList.push(detail_attr);
+
+ // console.log(detailAttrList);
+ //鑾峰彇姝ｅ湪鍒嗘嫞閲屾病鏈夋樉绀虹殑瀛楁
+ style.form.attrs.forEach(attr => {
+ for(var key in detailAttrList){
+ if(style.form.objId == detailAttrList[key]['id']){
+ var keys = Object.keys(detailAttrList[key]);
+ var isflag = true;
+ keys.forEach((ele) => {
+ if(ele == attr.attr) isflag = false;
+ });
+ if(isflag) {
+ detailAttrList[attr.attr] = attr.value;
+ }
+ }
+ }
+ });
+ var input_param = Base64.encode(
+ JSON.stringify(
+ Object.keys(head_attr).map((a) => ({
+ attr: a,
+ value: head_attr[a] || "",
+ }))
+ )
+ );
+ var jsonlist=[];
+ detailAttrList.forEach(attr=>{
+ jsonlist.push({
+ id:attr["id"]|| "",
+ attrs: Object.keys(attr).map((a) => ({
+ attr: a,
+ value: attr[a] || "",
+ })).filter((a)=>{return a.attr != "id"})
+ });
+ });
+ // console.log(jsonlist);
+ const list = []
+ list.push({page_name:$this.param.Sub_Page[0].Name,item_list:jsonlist,ext_data:$this.detail1ExtData})
+ $this.runCustomEvent(event,input_param,list,'1');
+ },
+
+ async del2(style, event) {
+ //鑾峰彇琛ㄥご灞炴�
+ var head_attr = {};
+ this.$data.head_styledef.form.items.forEach(item => {
+ head_attr[item.fieldId] = item.value;
+ });
+ // console.log(head_attr);
+ //鑾峰彇宸插垎鎷ｅ睘鎬�+ var detailAttrList = [];
+ var detail_attr={};
+ style.form.items.forEach(item => {
+ if(item.name == "Layout"){ //鍒ゆ柇鏄惁鏄爡鏍忔牸寮�+ item.setting.colList.forEach(cols => {
+ if(cols!=null) detail_attr[cols.fieldId] = cols.value;
+ });
+ }else
+ detail_attr[item.fieldId] = item.value;
+ });
+
+ detail_attr['id'] = style.form.objId;
+ if($this.param.Sub_Page[1].Select_Button==true){ //鍒ゆ柇閫夋嫨鎸夐挳鏄惁涓簍rue
+ if(style.SelBut_Checked==true)
+ detailAttrList.push(detail_attr);
+ } else
+ detailAttrList.push(detail_attr);
+ //鑾峰彇宸插垎鎷ｉ噷娌℃湁鏄剧ず鐨勫瓧娈�+ style.form.attrs.forEach(attr => {
+ for(var key in detailAttrList){
+ if(style.form.objId == detailAttrList[key]['id']){
+ var keys = Object.keys(detailAttrList[key]);
+ var isflag = true;
+ keys.forEach((ele) => {
+ if(ele == attr.attr) isflag = false;
+ });
+ if(isflag) {
+ detailAttrList[attr.attr] = attr.value;
+ }
+ }
+ }
+ });
+ // console.log(detailAttrList);
+ // return;
+ var input_param = Base64.encode(
+ JSON.stringify(
+ Object.keys(head_attr).map((a) => ({
+ attr: a,
+ value: head_attr[a] || "",
+ }))
+ )
+ );
+ var jsonlist=[];
+ detailAttrList.forEach(attr=>{
+ jsonlist.push({
+ id:attr["id"]|| "",
+ attrs: Object.keys(attr).map((a) => ({
+ attr: a,
+ value: attr[a] || "",
+ })).filter((a)=>{return a.attr != "id"})
+ });
+ });
+ const list = []
+ list.push({page_name:$this.param.Sub_Page[1].Name,item_list:jsonlist,ext_data:$this.detail2ExtData})
+
+ // console.log(jsonlist);
+ $this.runCustomEvent(event,input_param,list,'2');
+ },
+
onPanelClick(value){ //鐐瑰嚮闈㈡澘楂樹寒鏄剧ず
// console.log(value);
this.active_id='';
@@ -1227,15 +1251,17 @@
var jsonlist=[];
detailAttrList.forEach(attr=>{
jsonlist.push({
- id:'',
+ id:attr["id"]|| "",
attrs: Object.keys(attr).map((a) => ({
attr: a,
value: attr[a] || "",
- }))
+ })).filter((a)=>{return a.attr != "id"})
});
});
// console.log(jsonlist);
- $this.runCustomEvent(event,input_param,jsonlist,'1');
+ const list = []
+ list.push({page_name:$this.param.Sub_Page[0].Name,item_list:jsonlist,ext_data:$this.detail1ExtData})
+ $this.runCustomEvent(event,input_param,list,'1');
// jsonlist.forEach(async (json,key)=>{
// await $this.runCustomEvent(event,input_param,json,'1');
// });
@@ -1314,15 +1340,18 @@
var jsonlist=[];
detailAttrList.forEach(attr=>{
jsonlist.push({
- id:'',
+ id:attr["id"]|| "",
attrs: Object.keys(attr).map((a) => ({
attr: a,
value: attr[a] || "",
- }))
+ })).filter((a)=>{return a.attr != "id"})
});
});
+ const list = []
+ list.push({page_name:$this.param.Sub_Page[1].Name,item_list:jsonlist,ext_data:$this.detail2ExtData})
+
// console.log(jsonlist);
- $this.runCustomEvent(event,input_param,jsonlist,'2');
+ $this.runCustomEvent(event,input_param,list,'2');
// jsonlist.forEach(async (json,key)=>{
// await $this.runCustomEvent(event,input_param,json,'2');
// });
@@ -1383,25 +1412,24 @@
}
});
//娓呴櫎寰呭垎鎷ｄ腑鎴愬姛鐨勬暟鎹�- $this.$data.detail1StyleDefList.forEach((style,index)=>{
- if(style.form.items[0].fieldId == json.attrs[0].attr && style.form.items[0].value == json.attrs[0].value){
- $this.$data.detail1StyleDefList.splice(index,1);
- return;
- }
- });
+ // $this.$data.detail1StyleDefList.forEach((style,index)=>{
+ // if(style.form.items[0].fieldId == json.attrs[0].attr && style.form.items[0].value == json.attrs[0].value){
+ // $this.$data.detail1StyleDefList.splice(index,1);
+ // return;
+ // }
+ // });
// this.detail2StyleDefList=[];
uni.showModal({title:"鎻愮ず",content:"鍒嗘嫞鎴愬姛",showCancel:false,confirmText:"鍙栨秷"});
} else if(item.action_type == "set_subtable_page_content"){ //鍔犺浇澶氭潯鏁版嵁
$this.param.Show_Welcom_Page=false;
var value = item.value;
- if(value.clear == true && $this.detail1StyleDefList.length>0){ //鍒ゆ柇鏄惁娓呯┖椤电鍐呭,寰呭垎鎷ｆ槸鍚︽湁鏁版嵁
+ if(value.clear_confirm != false && value.clear == true && $this.detail1StyleDefList.length>0){ //鍒ゆ柇鏄惁娓呯┖椤电鍐呭,寰呭垎鎷ｆ槸鍚︽湁鏁版嵁
uni.showModal({
title: '鎻愮ず',
content: '绯荤粺妫�祴鍒版湁寰呭垎鎷ｄ腑鐨勬暟鎹紝缁х画鎿嶄綔浼氭竻绌猴紝鏄惁缁х画锛�,
success: function (res) {
if (res.confirm) {
- $this.$data.detail1StyleDefList=[];
- $this.$data.detail2StyleDefList=[];
+ $this.setData({detail1StyleDefList:[],detail2StyleDefList:[]})
$this.viewAceionContent(value);
} else if (res.cancel) {
$this.viewAceionContent(value);
@@ -1412,18 +1440,48 @@
$this.viewAceionContent(value);
}
} else if(item.action_type == "remove_subtable_page_row"){ //娓呴櫎闈㈡澘涓寚瀹歩d鐨勬暟鎹�- var value = item.value;
- if(value.page_name == $this.page.Sub_Page[0].Name){ //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_name鏄惁鏄緟鍒嗘嫞
+ var value = item.value;
+ if(value.page_name == $this.param.Sub_Page[0].Name){ //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_name鏄惁鏄緟鍒嗘嫞
//娓呴櫎闈㈡澘涓寚瀹歩d鐨勬暟鎹� value.row.forEach(row=>{
- $this.detail1StyleDefList.forEach((ele,index)=>{
- if(ele.form.objId == row.id){
- $this.detail1StyleDefList.splice(index,1);
- }
- });
+ $this.$data.detail1StyleDefList.forEach((ele,index)=>{
+ if(ele.form.objId == row.id){
+ $this.$data.detail1StyleDefList.splice(index,1);
+ }
+ });
});
}
- } else if(item.action_type == "refresh"){ //鍒锋柊
+ }
+ else if (item.action_type == "set_subtable_page_row") {
+ $this.viewActionSetRow( item.value)
+
+ } else if (item.action_type == "set_subtable_page_ext_data") {
+ var value = item.value;
+ if (value.page_name == $this.$data.param.Sub_Page[0].Name) { //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_name鏄惁鏄緟鍒嗘嫞
+ $this.setData({detail1ExtData:value.ext_data})
+ } else if (value.page_name == $this.$data.param.Sub_Page[1].Name) {
+ $this.setData({detail2ExtData:value.ext_data})
+ }
+ }
+ else if (item.action_type == "clear_subpage_rows") {
+ var value = item.value;
+ if (value.page_name == $this.$data.param.Sub_Page[0].Name) { //鍒ゆ柇杩斿洖鐨刟ction鐨刾age_name鏄惁鏄緟鍒嗘嫞
+ $this.setData({detail1StyleDefList:[],detail1ExtData:{}})
+ } else if (value.page_name == $this.$data.param.Sub_Page[1].Name) {
+ $this.setData({detail2StyleDefList:[],detail2ExtData:{}})
+ }
+ }
+ else if (item.action_type == "set_dlg_current_edit_attr") {
+ if($this.focusOldFieldId == item.value)
+ $this.setData({focusFieldId: ""})
+ else{
+ $this.setData({focusFieldId:$this.focusOldFieldId})
+ }
+ $this.$nextTick(()=> {
+ $this.setData({focusFieldId:item.value})
+ });
+ }
+ else if(item.action_type == "refresh"){ //鍒锋柊
var value = item.value;
//娓呴櫎寰呭垎鎷ｆ垚鍔熺殑鏁版嵁
// value.forEach((val_id,key)=>{
@@ -1480,3 +1538,300 @@
},
};
</script>
+<style lang="scss">
+ .uni-page-modal-5602{
+
+ display: flex;
+ height: 100vh;
+ width: 750rpx;
+ flex-direction: column !important;
+ .view-header{
+ display: flex;
+ width: 100%;
+ flex-direction: column;
+ margin-top: 15rpx;
+ }
+ .v-headStyle{
+ width: 100%;
+ }
+ .view-content{
+ display:flex;
+ flex: 1;
+ width: 100%;
+ flex-direction: column;
+ min-height: 100px;
+ }
+ .view-tab-content{
+ display:flex;
+ flex: 1;
+ width: calc(100% - 30rpx);
+ padding:0 15rpx;
+ flex-direction: column;
+ overflow-y: auto;
+ }
+
+ .dv-tab {
+ width: calc(100% - 30rpx);
+ padding:0 15rpx;
+ }
+ .view-tabpage {
+ width: 100%;
+ flex: 1;
+ }
+ .uni-panel-content {
+ display: flex;
+ width: 100%;
+ height: 100%;
+ flex-direction: column !important;
+ }
+ .view-bottom{
+ display:flex;
+ flex-direction:row;
+ width: calc(100% - 30rpx);
+ padding:10rpx 15rpx 30rpx 15rpx;
+ }
+ .v-headStyle:first-child{
+ margin-top: 15rpx;
+ }
+ .v-headStyle .txt_title{
+ font-size: 34rpx;
+ text-align: right;
+ display: inline-block;
+ vertical-align: 12px;
+ }
+ .v-headStyle input{
+ display: inline-block;
+ /* border: 1px solid #d5d5d5; */
+ /* width: 65%; */
+ width: 85%;
+ height: 52rpx;
+ line-height: 34rpx;
+ 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;
+ margin-top: 4rpx;
+ }
+ .v-headStyle input::-webkit-input-placeholder {
+ font-size: 12rpx;
+ }
+ .input-wrapper{
+ border: 1px solid #d5d5d5;
+ display: inline-block;
+ width: 65%;
+ line-height: 22rpx;
+ }
+ [nvue] uni-view {
+ position: relative;
+ border: 0 solid #000;
+ box-sizing: border-box;
+ }
+ .uni-input {
+ /* border: none; */
+ }
+ .uni-icon{
+ /* border: 1px solid red; */
+ width: 8%;
+ font-family: uniicons;
+ font-size: 40rpx;
+ font-weight: 400;
+ font-style: normal;
+ /* width: 48rpx; */
+ height: 48rpx;
+ line-height: 48rpx;
+ color: #2d8cf0;
+ cursor: pointer;
+ display: inline-block;
+ vertical-align: 18rpx;
+ }
+ .dv-panel{
+ background-color:#efefef;
+ padding: 20rpx 20rpx 4rpx 0px;
+ border-radius: 12rpx;
+ margin: 10rpx 0 20rpx 0;
+ text-align: right;
+ }
+ .dv-panel-input{
+ width: 100%;
+ display: inline-block;
+ text-align: left;
+ }
+ .dv-panel-input .dv-input{
+ margin-bottom: 2rpx;
+ }
+ .dv-panel .txt_title{
+ font-size: 34rpx;
+ text-align: right;
+ display: inline-block;
+ }
+ .dv_select {
+ display: inline-block;
+ width: 66%;
+ 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;
+ margin-top: 0rpx;
+ vertical-align: 20rpx;
+ }
+
+ .dv-panel input{
+ vertical-align: middle;
+ display: inline-block;
+ border: 1px solid #d5d5d5;
+ width: 68%;
+ height: 52rpx;
+ line-height: 34rpx;
+ background: #FFF;
+ border-radius: 7px !important;
+ color: #2d8cf0;
+ padding: 6rpx 8rpx 8rpx;
+ font-size: 32rpx;
+ font-family: inherit;
+ box-shadow: none !important;
+ transition-duration: 0.1s;
+ margin-top: 0rpx;
+ }
+ .dv-panel input::-webkit-input-placeholder {
+ font-size: 10rpx;
+ }
+ .dv-panel .form-item-span{
+ vertical-align: text-top;
+ color: #2d8cf0;
+ white-space: normal;
+ word-break: break-all;
+ display: inline-block;
+ width: calc(100% - 100px);
+ }
+
+ .dv-panel-button{
+ /* display: inline-block;
+ margin-right: 20rpx; */
+ width: 100%;
+ text-align: left;
+ padding-bottom: 20rpx;
+ }
+ .dv-panel-button checkbox-group {
+ /* float: left; */
+ padding-left: 20px;
+ display: inline-block;
+ }
+ .dv-panel-button button {
+ text-align: left;
+ line-height: 1.8;
+ border: none;
+ font-size: 34rpx;
+ width: 180rpx;
+ display: inline-block;
+ float: right;
+ text-align: center;
+ }
+ button.btn_cancel {
+ width:49.5%;
+ margin-top: 50rpx;
+ padding: 20rpx;
+ line-height: 1.5;
+ border: none;
+ font-size: 38rpx;
+ font-weight: bold;
+ float: left;
+ display: inline-block;
+ }
+ button.btn_add {
+ width:49.5%;
+ margin-top: 50rpx;
+ padding: 20rpx;
+ line-height: 1.5;
+ border: none;
+ font-size: 38rpx;
+ font-weight: bold;
+ float: right;
+ display: inline-block;
+ }
+ .logo {
+ height: 100rpx;
+ width: 460rpx;
+ display: flex;
+ margin: 38% auto;
+ }
+ .dv-border{
+ border: 1px solid red;
+ }
+ .view-imagetext{
+ text-align: center;
+ width: calc(100% - 80rpx);
+ padding: 20rpx 40rpx 0px 40rpx;
+ height:calc(100% - 30rpx);
+ overflow: hidden;
+ }
+ .view-imagetext .view-imagetext-uploadlist {
+ padding: 30rpx 0px 10rpx 0px;
+ vertical-align: middle;
+ display: inline-block;
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ line-height: 100%;
+ border: 2rpx solid transparent;
+ border-radius: 8rpx;
+ overflow: hidden;
+ background: #fff;
+ position: relative;
+ /* box-shadow: 0 2rpx 2rpx rgba(0, 0, 0, 0.2);
+ margin-right: 8rpx; */
+ }
+ .view-imagetext .txt-text{
+ display: block;
+ margin: 20rpx;
+ font-weight: bold;
+ }
+ .view-detalist-centen{
+ text-align: center;
+ width: 100%;
+ }
+
+ .view-detalist-centen .txt-detalist{
+ background: #94D5EF;
+ display: block;
+ width: 100%;
+ font-size: 36rpx;
+ line-height: 80rpx;
+ font-weight: 500;
+ }
+ .panel-active{
+ border:2px solid red;
+ }
+ .bk-active{
+ background-color: #D6FCB2;
+ }
+
+
+ .demo-uni-row {
+ margin-bottom: 0px;
+ display: block;
+ }
+ ::v-deep .uni-row {
+ margin-bottom: 0px;
+ }
+ .view-tabpage ::v-deep .uni-row {
+ margin-bottom: 5px;
+ }
+ .demo-uni-col {
+ height: 36px;
+ border-radius: 5px;
+ }
+ .demo-uni-row .uni-input{
+ width: calc(100% - 120px);
+ }
+ }
+</style>
+
+
--
Gitblit v1.9.1