centaline-data-driven 1.5.56 → 1.5.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven",
-  "version": "1.5.56",
+  "version": "1.5.58",
   "description": "ccai",
   "author": "hjc <3226136347@qq.com>",
   "private": false,

package/release-log.md

@@ -1,3 +1,16 @@
+## v1.5.58
+2023-08-31
+
+优化
+
+调整多选框，单选框，文本框，下拉框等颜色，列表侧边栏楼盘信息宽度调整
+## v1.5.57
+2023-08-30
+
+优化
+
+修改表格排序按钮颜色
+
 ## v1.5.56
 2023-08-30
 

package/src/centaline/css/common.css

@@ -60,11 +60,16 @@ html {
        color: var(--bagGray);
      }
  
-   .ct-so.isfocus .ct-input_inner:hover, .ct-so.isfocus .ct-input_inner, .ct-tags.isfocus .ct-input_inner:hover, .ct-tags.isfocus .ct-input_inner,
-   .ct-iti .isfocus {
-     border-color: var(--centalineBlue); /*border-color:#c0c4cc*/
+     .ct-so:hover .ct-input_inner:hover,.ct-so.isfocus .ct-input_inner:hover, .ct-so.isfocus .ct-input_inner, .ct-tags.isfocus .ct-input_inner:hover, .ct-tags.isfocus .ct-input_inner,
+   .ct-iti .isfocus,.ct-so:hover .ct-input_inner{
+     border-color: var(--btnHoverRed); /*border-color:#c0c4cc*/
+   }
+   .el-input.is-active .el-input__inner, .el-input__inner:focus,.el-input__inner:hover,.el-range-input:hover,.ct-input__inner:hover{
+    border-color: var(--btnHoverRed);
+   }
+   .el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover{
+    color:var(--btnHoverRed);
    }
- 
    .ct-so .el-input__suffix, .ct-tags .el-input__suffix {
      right: 10px;
      cursor: pointer;
@@ -298,7 +303,7 @@ html {
    background-color: #f5f7fa;
    border-color: var(--bagGray);
    /* color: #c0c4cc!important; */
-   color: var(--centalineBlue) !important;
+   color: var(--btnHoverRed) !important;
    cursor: not-allowed;
    -webkit-appearance: none;
    border-radius: 4px;
@@ -841,11 +846,11 @@ color: var(--centalinePlaceholder);
   width: 85px;
 }
 .el-radio__input.is-checked .el-radio__inner {
-  border-color: var(--centalineBlue);
-  background: var(--centalineBlue);
+  border-color: var(--btnHoverRed);
+  background: var(--btnHoverRed);
 }
 .el-radio__input.is-checked + .el-radio__label {
-  color: var(--centalineBlue);
+  color: var(--btnHoverRed);
 }
 .el-input-group{
   line-height: 22px;

package/src/centaline/css/max.css

@@ -218,37 +218,37 @@
 }
 
 .ct-search-list .el-date-editor .el-range-input, .ct-search-list .el-input__inner {
-  color: var(--centalineBlue);
+  color: var(--btnHoverRed);
 }
 
 .ct-so .ct-input_inner, .ct-text .showLabel input, .ct-text .showLabel label {
-  color: var(--centalineBlue) !important;
+  color: var(--btnHoverRed) !important;
 }
 /* 多选框 */
 .cover-list-item .el-checkbox__input.is-checked + .el-checkbox__label, .cover-list-item .el-checkbox__input.is-checked .el-checkbox__inner {
-  color: var(--centalineBlue) !important;
+  color: var(--btnHoverRed) !important;
 }
 
 .ct-inputNumber input.el-range-input {
-  color: var(--centalineBlue) !important;
+  color: var(--btnHoverRed) !important;
   cursor: text;
 }
 
 .cover-list-item .el-checkbox__input.is-checked .el-checkbox__inner {
-  background-color: var(--centalineBlue);
-  border-color: var(--centalineBlue);
+  background-color: var(--btnHoverRed);
+  border-color: var(--btnHoverRed);
 }
 
 .cover-list-item .el-checkbox__input.is-focus .el-checkbox__inner, .cover-list-item .el-checkbox__inner:hover {
-  border-color: var(--centalineBlue) !important;
+  border-color: var(--btnHoverRed) !important;
 }
 
 .cover-list-item .el-checkbox:hover .el-checkbox__inner {
-  border-color: var(--centalineBlue) !important;
+  border-color: var(--btnHoverRed) !important;
 }
 
 .cover-list-item .el-checkbox:hover .el-checkbox__label {
-  color: var(--centalineBlue) !important;
+  color: var(--btnHoverRed) !important;
 }
 
 .st-serach-screen .el-input-group__append, .st-serach-screen .el-input-group__prepend {
@@ -300,15 +300,15 @@
 }
 /* 弹窗 单选按钮鼠标移上 */
 .field-top .ct-radios .el-radio__inner:hover {
-  border-color: var(--centalineBlue) !important;
+  border-color: var(--btnHoverRed) !important;
 }
 
 .field-top .ct-radios .el-radio:hover .el-radio__input .el-radio__inner {
-  border-color: var(--centalineBlue) !important;
+  border-color: var(--btnHoverRed) !important;
 }
 
 .field-top .ct-radios .el-radio:hover .el-radio__label {
-  color: var(--centalineBlue) !important;
+  color: var(--btnHoverRed) !important;
 }
 
 .field-top .ct-radios .el-radio.is-disabled:hover .el-radio__label {
@@ -320,20 +320,20 @@
 }
 
 .field-top .ct-radios .el-radio.is-checked:hover .el-radio__label {
-  color: var(--centalineBlue) !important;
+  color: var(--btnHoverRed) !important;
 }
 
 .field-top .ct-radios .el-radio.is-checked:hover .el-radio__input .el-radio__inner {
-  border-color: var(--centalineBlue) !important;
+  border-color: var(--btnHoverRed) !important;
 }
 
 .el-radio__input.is-checked .el-radio__inner {
-  border-color: var(--centalineBlue) !important;
-  background: var(--centalineBlue) !important;
+  border-color: var(--btnHoverRed) !important;
+  background: var(--btnHoverRed) !important;
 }
 
 .el-radio__input.is-checked + .el-radio__label {
-  color: var(--centalineBlue) !important;
+  color: var(--btnHoverRed) !important;
 }
 
 .ct-table-content .ct-table .ct-tr .cell img {
@@ -408,18 +408,18 @@
 }
 /* 弹窗多选框 */
 .field-top .el-checkbox__input.is-focus .el-checkbox__inner, .field-top .el-checkbox__inner:hover {
-  border-color: var(--centalineBlue) !important;
+  border-color: var(--btnHoverRed) !important;
 }
 
 .field-top .el-checkbox__input.is-checked .el-checkbox__inner {
-  background-color: var(--centalineBlue) !important;
+  background-color: var(--btnHoverRed) !important;
   ;
-  border-color: var(--centalineBlue) !important;
+  border-color: var(--btnHoverRed) !important;
   ;
 }
 
 .field-top .el-checkbox:hover .el-checkbox__inner {
-  border-color: var(--centalineBlue) !important;
+  border-color: var(--btnHoverRed) !important;
 }
 
 .field-top .ct-checkbox .el-checkbox.is-disabled:hover .el-checkbox__label {
@@ -431,11 +431,11 @@
 }
 
 .field-top .ct-checkbox .el-checkbox.is-checked:hover .el-checkbox__label {
-  color: var(--centalineBlue) !important;
+  color: var(--btnHoverRed) !important;
 }
 
 .field-top .ct-checkbox .el-checkbox.is-checked:hover .el-checkbox__input .el-checkbox__inner {
-  border-color: var(--centalineBlue) !important;
+  border-color: var(--btnHoverRed) !important;
 }
 
 .el-container button.el-button.max.el-button--primary.el-button--mini.ct-font-size-mini:hover {

package/src/centaline/dynamicComboBoxWithTextBox/src/dynamicComboBoxWithTextBox.vue

@@ -251,6 +251,6 @@
     }
 
     .ct-combobox-with-textbox .el-input.is-focus .el-input__inner {
-      border: 1px solid var(--centalineBlue) !important;
+      border: 1px solid var(--btnHoverRed) !important;
     }
 </style>

package/src/centaline/dynamicDetail/src/dynamicCustomerSimpleDetail.vue

@@ -71,15 +71,15 @@
       </div>
       <div ref="sensitiveInfo" v-if="!model.flagHiddenSensitiveInfo" class="areaValue"
         :class="[{ 'border-green': model.fields1Dic.StatusName.value == '有效', 'border-red': model.fields1Dic.StatusName.value == '关闭' }]">
-        <div style="width: 33.33%;">
+        <div style="width: 33.3%;">
           <div class="areaValuetile">{{ model.fields1Dic.BusinessUnit.label.replace('：', '') }}</div>
           <div class="areaValueRed">{{ model.fields1Dic.BusinessUnit.value }}</div>
         </div>
-        <div style="width: 33.33%;">
+        <div style="width: 33.3%;">
           <div class="areaValuetile">{{ model.fields1Dic.Area.label.replace('：', '') }}</div>
           <div class="areaValueRed"> {{ model.fields1Dic.Area.value }}{{ model.fields1Dic.Area.unitName }}</div>
         </div>
-        <div style="width: 33.33%;">
+        <div style="width: 33.3%%;">
           <div class="areaValuetile">{{ model.fields1Dic.Price.label.replace('：', '') }}</div>
           <div class="areaValueRed"><span v-html="model.fields1Dic.Price.value"></span><span>{{
             model.fields1Dic.Price.unitName }}</span></div>

package/src/centaline/dynamicDetail/src/dynamicEstateSimpleDetail.vue

@@ -68,17 +68,17 @@
         <div v-html="model.hiddenSensitiveInfoReason"></div>
       </div>
       <!-- <div v-if="!model.flagHiddenSensitiveInfo" class="areaValue">
-        <div style="width: 33.33%;">
+        <div style="width: 27.5%;">
           <div class="areaValuetile">{{ model.fields1Dic.Area.label.replace('：', '') }}</div>
           <div class="areaValueRed">
             {{ model.fields1Dic.Area.value }}{{ model.fields1Dic.Area.unitName }}</div>
         </div>
-        <div style="width: 33.33%;">
+        <div style="width: 45%;">
           <div class="areaValuetile">{{ model.fields1Dic.Price.label.replace('：', '') }}</div>
           <div class="areaValueRed"><span
               v-html="model.fields1Dic.Price.value"></span><span>{{ model.fields1Dic.Price.unitName }}</span></div>
         </div>
-        <div style="width: 33.33%;">
+        <div style="width: 27.5%;">
           <div class="areaValuetile">{{ model.fields1Dic.FloorName.label.replace('：', '') }}</div>
           <div class="areaValueRed">
             {{ model.fields1Dic.FloorName.value }}</div>

package/src/centaline/dynamicDetail/src/dynamicPropertySimpleDetailRET.vue

@@ -70,17 +70,17 @@
         <div v-html="model.hiddenSensitiveInfoReason"></div>
       </div>
       <div v-if="!model.flagHiddenSensitiveInfo" class="areaValue">
-        <div style="width: 33.33%;">
+        <div style="width: 27.5%;">
           <div class="areaValuetile">{{ model.fields1Dic.Area.label.replace('：', '') }}</div>
           <div class="areaValueRed">
             {{ model.fields1Dic.Area.value }}{{ model.fields1Dic.Area.unitName }}</div>
         </div>
-        <div style="width: 33.33%;">
+        <div style="width: 45%;">
           <div class="areaValuetile">{{ model.fields1Dic.Price.label.replace('：', '') }}</div>
           <div class="areaValueRed"><span
               v-html="model.fields1Dic.Price.value"></span><span>{{ model.fields1Dic.Price.unitName }}</span></div>
         </div>
-        <div style="width: 33.33%;">
+        <div style="width: 27.5%;">
           <div class="areaValuetile">{{ model.fields1Dic.FloorName.label.replace('：', '') }}</div>
           <div class="areaValueRed">
             {{ model.fields1Dic.FloorName.value }}</div>

package/src/centaline/dynamicFile/src/dynamicFile.vue

@@ -31,7 +31,7 @@
           <div class="ScanUploadPhoto" v-if="qrcodeVisible"  @click.stop="qrcodeVisible=true" :style="{ top: QRCodeRefTop + 'px', left: QRCodeRefLeft + 'px' }">
               <div style="border-bottom:none">
                 <div style="text-align: center;margin-bottom:10px;margin-top:5px;color:#666666;font-size: 14px;">扫码上传</div>
-                <i class="jiao"></i>
+                <i class="jiao" :style="{ top: QRCodeRefJiaoTop + 'px'}"></i>
                 <div style="width:200px; height:200px;">
                   <img v-if="qrCodeImg" :src="qrCodeImg" width="200" height="200" :style="isQrCode?'opacity: 0.1':''" />
                   <div class="div-fail" v-if="isQrCode">
@@ -234,7 +234,8 @@
         scanStatusDesc:"",
         FlagbtnScan:false,
         QRCodeRefTop:'',
-        QRCodeRefLeft:''
+        QRCodeRefLeft:'',
+        QRCodeRefJiaoTop:16,
       };
     },
     computed: {
@@ -649,10 +650,12 @@
          this.isQrCode=false;
          this.FlagbtnScan=false;
          this.GetQRCodeUploadPhoto();
+         window.addEventListener('scroll', this.QRCodeLocate,true)
       },
       HideQRcode(){
         this.isQrCode=false;
         clearTimeout(this.qrtimer);
+        window.removeEventListener('scroll', this.QRCodeLocate,true)
       },
       CheckQRCodeStatus(){
          var self=this;
@@ -723,13 +726,23 @@
         let QRCodeRef = self.$refs.QRCodeRef;
         if (QRCodeRef) {
           var QRCodeRefWith = QRCodeRef.width;
-          self.QRCodeRefTop = QRCodeRef.getBoundingClientRect().top;
-          self.QRCodeRefLeft = QRCodeRef.getBoundingClientRect().left + QRCodeRefWith + 20;
+          var QRCodeRefBottom=QRCodeRef.getBoundingClientRect().bottom;
+          var h=window.innerHeight;
+          if(h-QRCodeRefBottom<270){
+              self.QRCodeRefTop =h-280;
+              self.QRCodeRefJiaoTop=270-(h-QRCodeRefBottom)>220?220:270-(h-QRCodeRefBottom);
+          }
+          else  {
+            self.QRCodeRefJiaoTop=16;
+            self.QRCodeRefTop = QRCodeRef.getBoundingClientRect().top;
+          }
+         self.QRCodeRefLeft = QRCodeRef.getBoundingClientRect().left + QRCodeRefWith + 20;
         }
       },
     },
     beforeDestroy() {
       clearTimeout(this.qrtimer);
+      window.removeEventListener('scroll', this.QRCodeLocate,true)
     },
 
   };
@@ -858,8 +871,8 @@
   }
  
 .browseDefault .el-radio__input.is-checked .el-radio__inner {
-    border-color: var(--centalineBlue) ;
-    background: var(--centalineBlue) ;
+    border-color: var(--btnHoverRed) ;
+    background: var(--btnHoverRed) ;
 }
   
   .ct-file .cover-list-item-play{

package/src/centaline/dynamicIti/src/dynamicIti.vue

@@ -170,7 +170,7 @@ span.ct-unitname.el-input__suffix.el-input__suffix-inner {
   top:0;
 }
 .hoverColor:hover {
-  border-color: var(--centalineBlue);
+  border-color: var(--btnHoverRed);
 }
 .is-show-Span {
   display: none;

package/src/centaline/dynamicMo/src/dynamicMo.vue

@@ -379,11 +379,11 @@
       }
 
     .ct-mo.isfocus .ct-input_inner:hover {
-      border-color: var(--centalineBlue); /*border-color:#c0c4cc*/
+      border-color: var(--btnHoverRed); /*border-color:#c0c4cc*/
     }
 
     .ct-mo.isfocus .ct-input_inner {
-      border-color: var(--centalineBlue);
+      border-color: var(--btnHoverRed);
     }
 
     .ct-mo .el-input__suffix {

package/src/centaline/dynamicSearchList/src/dynamicSearchTable.vue

@@ -2127,12 +2127,12 @@ export default {
 }
 
 .ct-table .ct-td>.caret-wrapper>.sort-caret.ascending {
-  border-bottom-color: var(--bagGray);
+  border-bottom-color: var(--centalinePlaceholder);
   top: 5px;
 }
 
 .ct-table .ct-td>.caret-wrapper>.sort-caret.descending {
-  border-top-color: var(--bagGray);
+  border-top-color: var(--centalinePlaceholder);
   bottom: 7px;
 }
 

package/src/centaline/dynamicSo/src/dynamicSo.vue

@@ -291,11 +291,11 @@
       }
 
     .ct-so.isfocus .ct-input_inner:hover {
-      border-color: var(--centalineBlue); /*border-color:#c0c4cc*/
+      border-color: var(--btnHoverRed); /*border-color:#c0c4cc*/
     }
 
     .ct-so.isfocus .ct-input_inner {
-      border-color: var(--centalineBlue);
+      border-color: var(--btnHoverRed);
     }
 
     .ct-so .el-input__suffix {

package/src/centaline/dynamicT/src/dynamicT.vue

@@ -267,7 +267,7 @@
   margin-left: 108px;
 }
 .hoverColor:hover {
-  border-color: var(--centalineBlue);
+  border-color: var(--);
 }
 .is-show-Span {
   display: none;

package/src/centaline/dynamicTags/src/dynamicTags.vue

@@ -392,16 +392,16 @@
         color: var(--bagGray);
       }
 
-      .ct-tags .ct-input_inner:hover {
-        border-color: var(--bagGray); /*border-color:var(--bagGray)*/
+      .ct-tags .ct-input_inner:hover,.ct-tags:hover .ct-input_inner{
+        border-color: var(--btnHoverRed); /*border-color:var(--bagGray)*/
       }
 
     .ct-tags.isfocus .ct-input_inner:hover {
-      border-color: var(--centalineBlue); /*border-color:var(--bagGray)*/
+      border-color: var(--btnHoverRed); /*border-color:var(--bagGray)*/
     }
 
     .ct-tags.isfocus .ct-input_inner {
-      border-color: var(--centalineBlue);
+      border-color: var(--btnHoverRed);
     }
 
     .ct-tags .el-input__suffix {

package/src/centaline/quickInput/src/quickInput.vue

@@ -59,6 +59,6 @@
 <style>
   .ct-quickInput .el-icon-more:hover {
     cursor: pointer;
-    color: var(--centalineBlue);
+    color: var(--btnHoverRed);
   }
 </style>

package/src/centaline/selectOption/src/selectOptionVertical.vue

@@ -84,10 +84,11 @@
     }
   .ct-selectOptionVertical li:hover {
     cursor: pointer;
-    background-color: #ecf5ff;
+    background-color: #fef0f0;
+    color: var(--btnHoverRed);
   }
       .ct-selectOptionVertical li.select {
-        color: var(--centalineBlue);
+        color: var(--btnHoverRed);
         font-weight: bold;
       }
         .ct-selectOptionVertical li.select span::after{