属性类型多语言

cuiqian2004

2024-06-24 dc4e312fde92237060bc23c35016f4d6b7a9187e

 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>
</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>