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/3018_2.vue | 777 +++++++++++++++++++++++++++++------------------------------
1 files changed, 380 insertions(+), 397 deletions(-)
diff --git a/pages/modal/3018_2.vue b/pages/modal/3018_2.vue
index 5e6158a..40e03ca 100644
--- a/pages/modal/3018_2.vue
+++ b/pages/modal/3018_2.vue
@@ -1,393 +1,3 @@
-<style>
- .v-headStyle {
- /* border: 0.1rpx solid red; */
- /* line-height: 30rpx; */
- padding: 5rpx 0;
- }
-
- .v-headStyle:first-child {
- margin-top: 15rpx;
- }
-
- .v-headStyle .txt_title {
- font-size: 34rpx;
- text-align: right;
- display: inline-block;
- /* vertical-align: 24rpx; */
-
- /* border: 0.1rpx solid red; */
- }
-
- .v-headStyle input {
- vertical-align: middle;
- 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;
- }
-
- .v-headStyle .form-item-span {
- /* vertical-align:top; */
- color: #2d8cf0;
- white-space: normal;
- word-break: break-all;
- display: inline-block;
-
- /* border: 0.1rpx solid red; */
- }
-
- .input-wrapper {
- border: 1px solid #d5d5d5;
- display: inline-block;
- width: 65%;
- line-height: 22rpx;
- vertical-align: middle;
- }
-
- .check_rememberPwd,
- .input-switch {
- vertical-align: middle;
- margin-left: 10rpx
- }
-
- [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: 44rpx; */
- color: #2d8cf0;
- cursor: pointer;
- display: inline-block;
- vertical-align: middle;
- }
-
-
- .view-content {
- min-height: 700rpx;
- /* border:1px solid red; */
- }
-
- .input-disabled {
- background-color: #f3f3f3 !important;
- }
-
- button.btn_add {
- width: 49.5%;
- margin-top: 50rpx;
- padding: 20rpx;
- line-height: 1.5;
- background: #4D6AF4;
- 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: #fff;
- border: none;
- color: #000;
- font-size: 38rpx;
- font-weight: bold;
- float: left;
- display: inline-block;
- }
-
- .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;
- }
-
- #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; */
- vertical-align: middle;
- }
-
- #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: 788rpx;
- }
-
- .v-panellist {
- border: 4rpx solid #aaa;
- border-radius: 10rpx;
- margin: 10rpx 20rpx 0rpx 20rpx;
- }
-
- .v-paneldel {
- text-align: right;
- }
-
- .panel_del {
- font-size: 44rpx;
- text-decoration: initial;
- margin-top: 10rpx;
- margin-right: 20rpx;
- }
-
- .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-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>
@@ -544,6 +154,7 @@
<script>
import Base64 from '../../components/js-base64/base64.js'
+ import classUtils from "@/js/utils.js"
export default {
modules: {
Base64,
@@ -588,7 +199,7 @@
console.log(this.$data.param);
//鑾峰彇鏁版嵁绫荤殑鑷畾涔夎〃鍗曞弬鏁�- this.Head_UIStyleGetInfo(this.param.DataCls.id, this.param.UI_Style.ID);
+ this.Head_UIStyleGetInfo(this.param.DataCls?.id, this.param.UI_Style?.ID);
//椤甸潰鍒濆鍖栬幏鍙栫劍鐐� // this.focusMateria=true;
},
@@ -992,13 +603,11 @@
},
onevent(item) {
// console.log(e.target);
- var $this = this;
console.log(item);
if (item.oldvalue != item.value) {
item.oldvalue = item.value;
- item.value = item.value;
var attr = item.fieldId;
- $this.head_styledef.form.model[attr] = item.value;
+ this.head_styledef.form.model[attr] = item.value;
//瀛愭暟鎹被鎵爜鍖轰簨浠惰剼鏈� var eventid = item.bind.onChangeEvent.id; //鍐呭鍙樺寲鍚庝簨浠� if (eventid) {
@@ -1027,11 +636,10 @@
},
onchange(item) {
console.log(item);
- var $this = this;
if (item.oldvalue != item.value) {
item.oldvalue = item.value;
var attr = item.fieldId;
- $this.head_styledef.form.model[attr] = item.value;
+ this.head_styledef.form.model[attr] = item.value;
var eventid = item.bind.onChangeEvent.id; //鍐呭鍙樺寲鍚庝簨浠� if (eventid) {
// self.event_no_sub = 1;
@@ -1949,4 +1557,379 @@
},
},
};
-</script>
\ No newline at end of file
+</script>
+
+<style>
+ .v-headStyle {
+ /* border: 0.1rpx solid red; */
+ /* line-height: 30rpx; */
+ padding: 5rpx 0;
+ }
+
+ .v-headStyle:first-child {
+ margin-top: 15rpx;
+ }
+
+ .v-headStyle .txt_title {
+ font-size: 34rpx;
+ text-align: right;
+ display: inline-block;
+ /* vertical-align: 24rpx; */
+
+ /* border: 0.1rpx solid red; */
+ }
+
+ .v-headStyle input {
+ vertical-align: middle;
+ 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;
+ }
+
+ .v-headStyle .form-item-span {
+ /* vertical-align:top; */
+ color: #2d8cf0;
+ white-space: normal;
+ word-break: break-all;
+ display: inline-block;
+
+ /* border: 0.1rpx solid red; */
+ }
+
+ .input-wrapper {
+ border: 1px solid #d5d5d5;
+ display: inline-block;
+ width: 65%;
+ line-height: 22rpx;
+ vertical-align: middle;
+ }
+
+ .check_rememberPwd,
+ .input-switch {
+ vertical-align: middle;
+ margin-left: 10rpx
+ }
+
+ [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: 44rpx; */
+ color: #2d8cf0;
+ cursor: pointer;
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+
+ .view-content {
+ min-height: 700rpx;
+ /* border:1px solid red; */
+ }
+
+ .input-disabled {
+ background-color: #f3f3f3 !important;
+ }
+
+ button.btn_add {
+ width: 49.5%;
+ margin-top: 50rpx;
+ padding: 20rpx;
+ line-height: 1.5;
+ background: #4D6AF4;
+ 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: #fff;
+ border: none;
+ color: #000;
+ font-size: 38rpx;
+ font-weight: bold;
+ float: left;
+ display: inline-block;
+ }
+
+ .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;
+ }
+
+ #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; */
+ vertical-align: middle;
+ }
+
+ #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: 788rpx;
+ }
+
+ .v-panellist {
+ border: 4rpx solid #aaa;
+ border-radius: 10rpx;
+ margin: 10rpx 20rpx 0rpx 20rpx;
+ }
+
+ .v-paneldel {
+ text-align: right;
+ }
+
+ .panel_del {
+ font-size: 44rpx;
+ text-decoration: initial;
+ margin-top: 10rpx;
+ margin-right: 20rpx;
+ }
+
+ .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-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;
+ }
+</style>
--
Gitblit v1.9.1