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/3037_2.vue | 1048 ++++++++++++++++++++++++++++++++++-----------------------
1 files changed, 623 insertions(+), 425 deletions(-)
diff --git a/pages/modal/3037_2.vue b/pages/modal/3037_2.vue
index 131da55..ca150ba 100644
--- a/pages/modal/3037_2.vue
+++ b/pages/modal/3037_2.vue
@@ -1,422 +1,11 @@
-<style>
-.v-headStyle{
- /* border: 1px solid red; */
-}
-.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{
- /* padding: 10rpx 20rpx 4rpx 0px; */
- border-radius: 12rpx;
- /* margin-bottom: 20rpx; */
- text-align: right;
-}
-.dv-panel:first-child{
- padding-top: 10rpx;
-}
-.dv-panel-input{
- width: 100%;
- display: inline-block;
- text-align: left;
-}
-.dv-panel .txt_title{
- font-size: 34rpx;
- text-align: right;
- display: inline-block;
- vertical-align: 12px;
-}
-
-.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;
-}
-.input-disabled{
- background-color: #f3f3f3 !important;
-}
-.dv-panel .form-item-span{
- vertical-align:top;
- color: #2d8cf0;
- white-space: normal;
- word-break: break-all;
- display: inline-block;
- width: calc(100% - 100px);
- /* border: 1rpx solid red; */
-}
-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;
-}
-#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: 10px;
-}
-#dv_select .uni-select{
- border: 1px solid #ccc;
- border-radius: 0 !important;
- color: #2d8cf0;
-}
-#dv_select .uni-select__input-text{
- color: #2d8cf0;
-}
-
-.panel_title{
- font-size: 38rpx;
- background-color: #27A6E1;
- line-height: 80rpx;
- color: #fff;
- text-align: center;
- font-weight: bold;
-}
-.v-panel{
- min-height:770rpx;
-}
-.v-panellist{
- background-color:#efefef;
- border:4rpx solid #aaa;
- border-radius: 10rpx;
- margin: 10rpx 10rpx 0rpx 20rpx;
-}
-.v-paneldel{
- text-align: right;
-}
-.panel_del{
- font-size: 44rpx;
- text-decoration: initial;
- margin-top: 10rpx;
- margin-right: 20rpx;
-}
-button.btn_add {
- width:49.5%;
- margin-top: 50rpx;
- padding: 20rpx;
- line-height: 1.5;
- background: #27A6E1;
- border: none;
- color: #fff;
- font-size: 38rpx;
- font-weight: bold;
- float: right;
- display: inline-block;
-}
-button.btn_cancel {
- width:49.5%;
- margin-top: 50rpx;
- padding: 20rpx;
- line-height: 1.5;
- background: #27A6E1;
- border: none;
- color: #fff;
- font-size: 38rpx;
- font-weight: bold;
- float: left;
- display: inline-block;
-}
-button.btn_sava {
- width:100%;
- margin-top: 50rpx;
- padding: 20rpx;
- line-height: 1.5;
- background: #27A6E1;
- border: none;
- color: #fff;
- font-size: 38rpx;
- font-weight: bold;
- float: left;
- display: inline-block;
-}
-.class_attr_body .form-group {
- margin: 20rpx 30rpx;
- /* margin-left: -12px;
- margin-right: -12px; */
-}
-.subclass_attr_body .form-group {
- margin: 20rpx 10rpx;
- /* margin-left: -12px;
- margin-right: -12px; */
-}
-.form-group > label[class*="col-"] {
- margin-bottom: 8rpx;
- font-size: 32rpx;
-}
-.form-group label {
- vertical-align: middle;
- line-height: 60rpx;
-}
-.tx_title2{
- font-size: 32rpx;
- text-align: right;
- display: inline-block;
- vertical-align: -2px;
-}
-.attr_field{
- display: inline-block;
- vertical-align: middle;
- margin-left: 8px;
- /* width: 71%; */
-}
-.text-right2 {
- margin: 0;
- vertical-align: -4px;
- margin-left: 9px;
- float: none;
- font-size: 44rpx;
- display: inline-block;
-}
-input::-webkit-input-placeholder {
- font-size: 12rpx;
-}
-.v-panel input{
- border: 1px solid #d5d5d5;
- width: 98%;
- height: 52rpx;
- background: #FFF;
- border-radius: 0 !important;
- color: #046db3;
- padding: 10rpx 8rpx 12rpx;
- font-size: 34rpx;
- font-family: inherit;
- box-shadow: none !important;
- transition-duration: 0.1s;
- margin-top: 4rpx;
-}
-.date_iput{
- /* border: 1px solid #d5d5d5; */
- /* width: 98%; */
- height: 62rpx;
- background: #FFF;
- border-radius: 0 !important;
- color: #046db3;
- padding: 10rpx 8rpx 4rpx;
- font-size: 34rpx;
- font-family: inherit;
- box-shadow: none !important;
- transition-duration: 0.1s;
-}
-.dv_input{
- display: inline-block;
- width: 65%;
- /* line-height: 22rpx; */
-}
-.view-popup{
- position:relative;
-}
-.popup-content {
- @include flex;
- align-items: center;
- justify-content: center;
- padding: 30rpx;
- background-color: #fff;
- /* height: 150px; */
- /* border: 1px solid red; */
-}
-.popup-cont {
- overflow-y: auto;
- /* border: 1px solid red; */
-}
-.popup-height {
- @include height;
- /* width: 200px; */
-}
-.popup-header{
- font-size: 42rpx;
- font-weight: bold;
- margin:20rpx 20rpx 0px 20rpx;
-}
-.view_popup_CheckList{
- margin-bottom: 20rpx;
-}
-.popup-footer{
- float: right;
- position:absolute;
- bottom:0;
- right:20rpx;
-}
-button.btn_popup_add {
- width:180rpx;
- margin-top: 50rpx;
- margin-right: 20rpx;
- padding: 15rpx;
- line-height: 1.5;
- background: #27A6E1;
- border: none;
- color: #fff;
- font-size: 38rpx;
- font-weight: bold;
- /* float: left; */
- display: inline-block;
-}
-button.btn_popup_cancel {
- width:180rpx;
- margin-top: 50rpx;
- padding: 15rpx;
- line-height: 1.5;
- background: #27A6E1;
- border: none;
- color: #fff;
- font-size: 38rpx;
- font-weight: bold;
- /* float: right; */
- display: inline-block;
-}
-.bk-active{
- background-color: #D6FCB2;
- border: 1px solid #D6FCB2;
-}
-.view-floor{
- padding: 0 20rpx;
-}
-</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);
- }
- .text {
- font-size: 12px;
- color: #666;
- margin-top: 5px;
- }
- // .uni-px-5 {
- // margin: 0;
- // display: inline-block;
- // margin: 0;
- // font-size: 14px;
- // }
- // .uni-select{
- // border: 1px solid #ccc;
- // border-radius: 0;
- // }
- // .uni-section-content{
- // display: inline-block;
- // width: 100px;
- // border: 1px solid red;
- // }
-</style>
<template>
<view class="content">
<!-- 琛ㄥご鏍峰紡 -->
<view class="v-headStyle" v-for="(item,index) in head_styledef.form.items" >
+ <!-- 鏅�甯冨眬 -->
+ <view v-if="item.name!='Layout' && item.show==true">
<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'"
@@ -497,7 +86,8 @@
<view class="picker">{{item.value}}</view>
</picker>
</view>
-
+ </view>
+
</view>
<!-- 浠庢暟鎹�-->
<view class="v-panel">
@@ -528,11 +118,11 @@
<view class="v-area dv-panel" v-for="(item,index) in subpanel.subClassAttr.form.items">
<div class="dv-panel-input">
<!-- 鏅�甯冨眬 -->
- <view v-if="item.name!='Layout'">
+ <view v-if="item.name!='Layout' && item.show==true">
<text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}锛�/text>
<span class="form-item-span" v-if="item.disabled">{{item.value}}</span>
<!-- 鏂囨湰妗�鏁板瓧妗�-->
- <view class="dv_input" v-if="(item.name=='Input' || item.name=='InputNumber') && !item.disabled">
+ <view class="input-wrapper" v-if="(item.name=='Input' || item.name=='InputNumber') && !item.disabled">
<text v-if="item.setting.prefix"
class="uni-icon"
:class="[item.setting.prefix]"
@@ -602,13 +192,13 @@
</view>
</view>
<!-- 鏍呮牸甯冨眬 -->
- <uni-row class="demo-uni-row" v-if="item.name=='Layout'">
+ <uni-row class="demo-uni-row" v-if="item.name=='Layout' && item.show==true">
<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>
- <view class="dv_input" v-if="(cols.name=='Input' || cols.name=='InputNumber') && !cols.disabled">
+ <view class="input-wrapper" v-if="(cols.name=='Input' || cols.name=='InputNumber') && !cols.disabled">
<text v-if="cols.setting.prefix"
class="uni-icon"
:class="[cols.setting.prefix]"
@@ -724,6 +314,7 @@
<script>
import Base64 from '../../components/js-base64/base64.js'
+import classUtils from "@/js/utils.js"
export default {
modules:{
Base64,
@@ -763,8 +354,8 @@
this.$data.param = JSON.parse(options.param);
console.log(this.$data.param);
//鑾峰彇鏁版嵁绫荤殑鑷畾涔夎〃鍗曞弬鏁�- this.Head_UIStyleGetInfo(this.param.Master_Cls.ID,this.param.Master_Cls.UI_Style.ID);
- this.Detail1_UIstyleGetInfo(this.param.Sub_Cls.ID,this.$data.param.Sub_Cls.UI_Style.ID);
+ this.Head_UIStyleGetInfo(this.param.Master_Cls?.ID,this.param.Master_Cls?.UI_Style?.ID);
+ this.Detail1_UIstyleGetInfo(this.param.Sub_Cls?.ID,this.$data.param.Sub_Cls?.UI_Style?.ID);
//椤甸潰鍒濆鍖栬幏鍙栫劍鐐� // this.focusMateria=true;
@@ -789,11 +380,19 @@
$this.$data.head_styledef = ret.result.style_def? JSON.parse(styledef): {};
// console.log($this.$data.head_styledef);
$this.head_styledef.form.items.forEach(async (ele,index) => {
+ ele.show=true;
if(ele.useDict==true){ //鍒ゆ柇useDict鏄惁浣跨敤瀛楀吀
await this.DictGetInfo(ele.bind.dict,index,'mast');
}
});
+ if($this.head_styledef.event?.length>0){
+ $this.head_styledef.event.forEach(async (a)=>{ //鍒ゆ柇鏄惁鏄垵濮嬪寲浜嬩欢
+ if(a.event_id == "initial"){
+ await this.loadInitEvent(a.scrip_id,'head');
+ }
+ });
+ }
}else{
uni.showModal({title:"閿欒1",content:ret.err_msg,showCancel:false,confirmText:"鍙栨秷"});
}
@@ -826,6 +425,13 @@
await this.DictGetInfo(ele.bind.dict,index,'sub');
}
});
+ if($this.detail1_styledef.event?.length>0){
+ $detail1_styledefforEach(async (a)=>{ //鍒ゆ柇鏄惁鏄垵濮嬪寲浜嬩欢
+ if(a.event_id == "initial"){
+ await this.loadInitEvent(a.scrip_id,'detail');
+ }
+ });
+ }
// var aa = JSON.stringify(this.detail1_styledef);
// $this.$data.detail1StyleDefList.push(JSON.parse(aa));
// console.log($this.$data.detail1StyleDefList);
@@ -886,6 +492,157 @@
}).catch(ex=>{
// console.log(ex);
uni.showModal({title:"閿欒1.3",content:ex.errMsg,showCancel:false,confirmText:"鍙栨秷"});
+ });
+ },
+ async loadInitEvent(eventid,type){
+ var $this = this;
+ var styledef = type=='head'?this.head_styledef:this.detail1_styledef;
+ if(!eventid.includes('{')) eventid = '{'+eventid+'}';
+ var dataInfo={
+ ed_type: 0,
+ start_transaction: true,
+ class_id: this.param.DataCls.id,
+ event_id: eventid,
+ };
+ console.log(dataInfo);
+ // return;
+ this.$store.dispatch('runCustomEvent',dataInfo).then(success=>{
+ console.log(success);
+ if (success.err_code == 0) {
+ var data = success.result;
+ if (data.ret != 0) {
+ var tip = data.err_info ? typeof data.err_info == 'string' ? data.err_info : data.err_info.join('<br/>') : '';
+ if (data.ret == 801) uni.showModal({title:'鎻愮ず',content:tip,showCancel:false,confirmText:"鍙栨秷"});
+ else uni.showModal({title:'鎻愮ず',content:tip+',鎻愮ず:'+data.ret,showCancel:false,confirmText:"鍙栨秷"});
+ return false
+ }else{
+ var tip = data.info ? typeof data.info == 'string' ? data.info : data.info.join('<br/>') : '';
+ if (tip) uni.showModal({title:'鎻愮ず',content:tip,showCancel:false,confirmText:"鍙栨秷"});
+
+ var actionlist = data.action;
+ if (actionlist) {
+ console.log(actionlist);
+ for (var i = 0; i < actionlist.length; i++) {
+ var action = actionlist[i];
+ if (action.action_type == 'set_dlg_attr') {
+ var result = action.value;
+ for (var i = 0; i < result.length; i++) {
+ if (result[i].choice_list) {
+ for (var c = 0; c < styledef.form.items.length; c++) {
+ var attr = styledef.form.items[c];
+ if(attr.name!='Layout'){
+ if(attr.fieldId==result[i].attr){
+ var dictItemList=[];
+ for(var d in result[i].choice_list){
+ var val =result[i].choice_list[d];
+ dictItemList.push({"CN_S_NAME":val,"CN_S_VALUE":val,"text":val,"value":val});
+ }
+ attr.dict = dictItemList;
+ }
+ } else if(attr.name=='Layout'){
+ attr.setting.colList.forEach(col=>{
+ if(col){
+ if(col.fieldId==result[i].attr){
+ var dictItemList=[];
+ for(var d in result[i].choice_list){
+ var val =result[i].choice_list[d];
+ dictItemList.push({"CN_S_NAME":val,"CN_S_VALUE":val,"text":val,"value":val});
+ }
+ col.dict = dictItemList;
+ }
+ }
+ });
+ }
+
+ }
+ }
+ for (var c = 0; c < styledef.form.items.length; c++) {
+ var attr = styledef.form.items[c];
+ // console.log(attr[j].Name+'=='+result[i].attr);
+ //鍒ゆ柇琛ㄥ崟閲屾槸鍚︽湁杩斿洖瀛楁锛屾病鏈夊氨瑁呰浇鍒癿odel閲岋紝鐐瑰嚮纭畾鎻愪氦鐨勬椂鍊欏甫涓婅繖浜涙暟鎹�+ if($this.head_styledef.form.model[result[i].attr]==undefined){
+ $this.head_styledef.form.model[result[i].attr]=result[i].value;
+ }
+ //鍒ゆ柇鏄惁鏄爡鏍艰〃鍗�+ if(attr.name!='Layout'){
+ if(attr.fieldId==result[i].attr){
+ attr.value = '';
+ attr.oldvalue = '';
+ attr.value = result[i].value;
+ attr.oldvalue = result[i].value;
+ $this.head_styledef.form.model[attr.fieldId] =result[i].value;
+ }
+ } else if(attr.name=='Layout'){
+ attr.setting.colList.forEach(col=>{
+ if(col){
+ if(col.fieldId==result[i].attr){
+ col.value = '';
+ col.oldvalue = '';
+ col.value = result[i].value;
+ col.oldvalue = result[i].value;
+ $this.head_styledef.form.model[col.fieldId] =result[i].value;
+ }
+ }
+ });
+ }
+ }
+ var length = 0;
+ if (!$this.$data.refdatastore.filter(function (s) {
+ return result[i].attr == s.attr
+ }).length) {
+ length = 1;
+ $this.$data.refdatastore.push(result[i]);
+ }
+ if (length == 0) {
+ for (var j = 0; j < $this.$data.refdatastore.length; j++) {
+ if ($this.$data.refdatastore[j].attr == result[i].attr) {
+ $this.$data.refdatastore[j].value = result[i].value;
+ }
+ }
+ }
+ }
+ } else if (data.action[i].action_type == 'set_dlg_attr_show') {
+ var result = action.value;
+ result.forEach(async (attr,key) => {
+ styledef.form.items.forEach(async (ele,index) => {
+ //鍒ゆ柇鏄惁鏄爡鏍艰〃鍗�+ if(ele.name!='Layout'){
+ if(ele.fieldId==attr.attr){
+ ele.show=attr.show;
+ }
+ } else if(ele.name=='Layout'){
+ ele.setting.colList.forEach(col=>{
+ if(col){
+ if(col.fieldId==attr.attr){
+ col.show=attr.show;
+ }
+ }
+ });
+ }
+ });
+ });
+ var style_def = JSON.parse(JSON.stringify(styledef));
+ if(type=='head'){
+ $this.$data.head_styledef =[];
+ $this.$data.head_styledef = style_def;
+ // console.log($this.$data.head_styledef);
+ }else{
+ $this.$data.detail1_styledef =[];
+ $this.$data.detail1_styledef = style_def;
+ // console.log($this.$data.detail1_styledef);
+ }
+ } else {
+ uni.showModal({title:"鎻愮ず",content:"鎵ц鍒濆鍖栦簨浠跺け璐ワ細"+item.action_type + '姝ction灏氭湭澶勭悊锛�,showCancel:false,confirmText:"鍙栨秷"});
+ }
+ }
+ }
+ }
+ }else{
+ uni.showModal({title:"閿欒3",content:"鎵ц鍒濆鍖栦簨浠跺け璐ワ細"+success.err_msg,showCancel:false,confirmText:"鍙栨秷"});
+ }
+ }).catch(ex=>{
+ // console.log(ex);
+ uni.showModal({title:"閿欒3.1",content:"鎵ц鍒濆鍖栦簨浠跺け璐ワ細"+ex.errMsg,showCancel:false,confirmText:"鍙栨秷"});
});
},
@@ -1378,7 +1135,7 @@
if (action.action_type == 'set_dlg_attr') {
var result = action.value;
for (var i = 0; i < result.length; i++) {
- if (result[i].choice_list) {
+ if (result[i].choice_list) {
for (var c = 0; c < $this.head_styledef.form.items.length; c++) {
var attr = $this.head_styledef.form.items[c];
if(attr.name!='Layout'){
@@ -1447,9 +1204,35 @@
}
}
}
- } else if (data.action[i].action_type == 'set_global_attr') {
- $this.$data.global_attr = data.action[i].value || [];
- }
+ } else if (action.action_type == 'set_dlg_attr_show') {
+ var result = action.value;
+ result.forEach(async (attr,key) => {
+ $this.$data.head_styledef.form.items.forEach(async (ele,index) => {
+ //鍒ゆ柇鏄惁鏄爡鏍艰〃鍗�+ if(ele.name!='Layout'){
+ if(ele.fieldId==attr.attr){
+ ele.show=attr.show;
+ }
+ } else if(ele.name=='Layout'){
+ ele.setting.colList.forEach(col=>{
+ if(col){
+ if(col.fieldId==attr.attr){
+ col.show=attr.show;
+ }
+ }
+ });
+ }
+ });
+ });
+ var head_styledef = JSON.parse(JSON.stringify($this.$data.head_styledef));
+ $this.$data.head_styledef =[];
+ $this.$data.head_styledef = head_styledef;
+ // console.log($this.$data.head_styledef);
+ } else if (action.action_type == 'set_global_attr') {
+ $this.$data.global_attr = action.value || [];
+ } else {
+ uni.showModal({title:"鎻愮ず",content:action.action_type + '姝ction灏氭湭澶勭悊锛�,showCancel:false,confirmText:"鍙栨秷"});
+ }
}
}
@@ -1713,7 +1496,9 @@
}
}
}
- }
+ } else {
+ uni.showModal({title:"鎻愮ず",content:action.action_type + '姝ction灏氭湭澶勭悊锛�,showCancel:false,confirmText:"鍙栨秷"});
+ }
}
}
@@ -1911,3 +1696,416 @@
},
};
</script>
+<style>
+.v-headStyle{
+ /* border: 1px solid red; */
+}
+.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{
+ /* padding: 10rpx 20rpx 4rpx 0px; */
+ border-radius: 12rpx;
+ /* margin-bottom: 20rpx; */
+ text-align: right;
+}
+.dv-panel:first-child{
+ padding-top: 10rpx;
+}
+.dv-panel-input{
+ width: 100%;
+ display: inline-block;
+ text-align: left;
+}
+.dv-panel .txt_title{
+ font-size: 34rpx;
+ text-align: right;
+ display: inline-block;
+ vertical-align: 12px;
+}
+
+.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;
+}
+.input-disabled{
+ background-color: #f3f3f3 !important;
+}
+.dv-panel .form-item-span{
+ vertical-align:top;
+ color: #2d8cf0;
+ white-space: normal;
+ word-break: break-all;
+ display: inline-block;
+ width: calc(100% - 100px);
+ /* border: 1rpx solid red; */
+}
+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;
+}
+#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: 10px;
+}
+#dv_select .uni-select{
+ border: 1px solid #ccc;
+ border-radius: 0 !important;
+ color: #2d8cf0;
+}
+#dv_select .uni-select__input-text{
+ color: #2d8cf0;
+}
+
+.panel_title{
+ font-size: 38rpx;
+ background-color: #27A6E1;
+ line-height: 80rpx;
+ color: #fff;
+ text-align: center;
+ font-weight: bold;
+}
+.v-panel{
+ min-height:770rpx;
+}
+.v-panellist{
+ background-color:#efefef;
+ border:4rpx solid #aaa;
+ border-radius: 10rpx;
+ margin: 10rpx 10rpx 0rpx 20rpx;
+}
+.v-paneldel{
+ text-align: right;
+}
+.panel_del{
+ font-size: 44rpx;
+ text-decoration: initial;
+ margin-top: 10rpx;
+ margin-right: 20rpx;
+}
+button.btn_add {
+ width:49.5%;
+ margin-top: 50rpx;
+ padding: 20rpx;
+ line-height: 1.5;
+ background: #27A6E1;
+ border: none;
+ color: #fff;
+ font-size: 38rpx;
+ font-weight: bold;
+ float: right;
+ display: inline-block;
+}
+button.btn_cancel {
+ width:49.5%;
+ margin-top: 50rpx;
+ padding: 20rpx;
+ line-height: 1.5;
+ background: #27A6E1;
+ border: none;
+ color: #fff;
+ font-size: 38rpx;
+ font-weight: bold;
+ float: left;
+ display: inline-block;
+}
+button.btn_sava {
+ width:100%;
+ margin-top: 50rpx;
+ padding: 20rpx;
+ line-height: 1.5;
+ background: #27A6E1;
+ border: none;
+ color: #fff;
+ font-size: 38rpx;
+ font-weight: bold;
+ float: left;
+ display: inline-block;
+}
+.class_attr_body .form-group {
+ margin: 20rpx 30rpx;
+ /* margin-left: -12px;
+ margin-right: -12px; */
+}
+.subclass_attr_body .form-group {
+ margin: 20rpx 10rpx;
+ /* margin-left: -12px;
+ margin-right: -12px; */
+}
+.form-group > label[class*="col-"] {
+ margin-bottom: 8rpx;
+ font-size: 32rpx;
+}
+.form-group label {
+ vertical-align: middle;
+ line-height: 60rpx;
+}
+.tx_title2{
+ font-size: 32rpx;
+ text-align: right;
+ display: inline-block;
+ vertical-align: -2px;
+}
+.attr_field{
+ display: inline-block;
+ vertical-align: middle;
+ margin-left: 8px;
+ /* width: 71%; */
+}
+.text-right2 {
+ margin: 0;
+ vertical-align: -4px;
+ margin-left: 9px;
+ float: none;
+ font-size: 44rpx;
+ display: inline-block;
+}
+input::-webkit-input-placeholder {
+ font-size: 12rpx;
+}
+.v-panel input{
+ border: 1px solid #d5d5d5;
+ width: 98%;
+ height: 52rpx;
+ background: #FFF;
+ border-radius: 0 !important;
+ color: #046db3;
+ padding: 10rpx 8rpx 12rpx;
+ font-size: 34rpx;
+ font-family: inherit;
+ box-shadow: none !important;
+ transition-duration: 0.1s;
+ margin-top: 4rpx;
+}
+.date_iput{
+ /* border: 1px solid #d5d5d5; */
+ /* width: 98%; */
+ height: 62rpx;
+ background: #FFF;
+ border-radius: 0 !important;
+ color: #046db3;
+ padding: 10rpx 8rpx 4rpx;
+ font-size: 34rpx;
+ font-family: inherit;
+ box-shadow: none !important;
+ transition-duration: 0.1s;
+}
+.dv_input{
+ display: inline-block;
+ width: 65%;
+ /* line-height: 22rpx; */
+}
+.view-popup{
+ position:relative;
+}
+.popup-content {
+ @include flex;
+ align-items: center;
+ justify-content: center;
+ padding: 30rpx;
+ background-color: #fff;
+ /* height: 150px; */
+ /* border: 1px solid red; */
+}
+.popup-cont {
+ overflow-y: auto;
+ /* border: 1px solid red; */
+}
+.popup-height {
+ @include height;
+ /* width: 200px; */
+}
+.popup-header{
+ font-size: 42rpx;
+ font-weight: bold;
+ margin:20rpx 20rpx 0px 20rpx;
+}
+.view_popup_CheckList{
+ margin-bottom: 20rpx;
+}
+.popup-footer{
+ float: right;
+ position:absolute;
+ bottom:0;
+ right:20rpx;
+}
+button.btn_popup_add {
+ width:180rpx;
+ margin-top: 50rpx;
+ margin-right: 20rpx;
+ padding: 15rpx;
+ line-height: 1.5;
+ background: #27A6E1;
+ border: none;
+ color: #fff;
+ font-size: 38rpx;
+ font-weight: bold;
+ /* float: left; */
+ display: inline-block;
+}
+button.btn_popup_cancel {
+ width:180rpx;
+ margin-top: 50rpx;
+ padding: 15rpx;
+ line-height: 1.5;
+ background: #27A6E1;
+ border: none;
+ color: #fff;
+ font-size: 38rpx;
+ font-weight: bold;
+ /* float: right; */
+ display: inline-block;
+}
+.bk-active{
+ background-color: #D6FCB2;
+ border: 1px solid #D6FCB2;
+}
+.view-floor{
+ padding: 0 20rpx;
+}
+</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);
+ }
+ .text {
+ font-size: 12px;
+ color: #666;
+ margin-top: 5px;
+ }
+ // .uni-px-5 {
+ // margin: 0;
+ // display: inline-block;
+ // margin: 0;
+ // font-size: 14px;
+ // }
+ // .uni-select{
+ // border: 1px solid #ccc;
+ // border-radius: 0;
+ // }
+ // .uni-section-content{
+ // display: inline-block;
+ // width: 100px;
+ // border: 1px solid red;
+ // }
+</style>
--
Gitblit v1.9.1