属性类型多语言

cuiqian2004

2024-06-24 dc4e312fde92237060bc23c35016f4d6b7a9187e

 pages/modal/3037_2.vue

@@ -1,416 +1,3 @@
<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>
@@ -727,6 +314,7 @@

<script>
import Base64 from '../../components/js-base64/base64.js'
import classUtils from "@/js/utils.js"
export default {
  modules:{
   Base64,
@@ -766,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; 
@@ -2108,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>