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 | 831 +++++++++++++++++++++++++++++----------------------------- 1 files changed, 416 insertions(+), 415 deletions(-) diff --git a/pages/modal/3037_2.vue b/pages/modal/3037_2.vue index 7765a23..ca150ba 100644 --- a/pages/modal/3037_2.vue +++ b/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> -- Gitblit v1.9.1