centaline-data-driven 1.5.55 → 1.5.57

package/src/SearchList.vue

@@ -1,13 +1,21 @@
 <template>
   <div id="app-search" style="width:100%;height:100%;position: fixed;">
+
     <!-- <ct-searchlist :searchConditionApi="'/api/third-dept-tran/transaction-workflow/getLayoutOfSearch'" :searchDataApi="'/api/third-dept-tran/transaction-workflow/list'"></ct-searchlist> -->
 
-     <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'" :searchDataApi="'/PropertyRETList/getListOfSearchModel'" :searchCategoryApi="'/PropertyRETList/getLayoutOfSearchCategory'"></ct-searchlist> 
+    <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/api/third-dept-tran/tran-list/layout'"  :searchDataApi="'/api/third-dept-tran/tran-list'"></ct-searchlist> -->
     
-    <!-- <ct-searchlist :apiParam="para"
-      :searchConditionApi="'/api/third-dept-tran/tran-list/layout'" 
-      :searchDataApi="'/api/third-dept-tran/tran-list'">
-    </ct-searchlist> -->
+    <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/api/third-dept-tran/profit-return/layout'"  :searchDataApi="'/api/third-dept-tran/profit-return'"></ct-searchlist> -->
+
+    <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/api/third-dept-tran/tran-list/tran-emp-achievement-layout'"  :searchDataApi="'/api/third-dept-tran/tran-list/tran-emp-achievement-list'"></ct-searchlist> -->
+
+    <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/api/finance/tran-commission-allocate/process-layout'"  :searchDataApi="'/api/finance/tran-commission-allocate/process-list'"></ct-searchlist> -->
+
+    <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/api/shift-approver/layout'"  :searchDataApi="'/api/shift-approver/list'"></ct-searchlist> -->
+
+
+     <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/filemanage/batchdownlist/getLayoutOfSearch'"  :searchDataApi="'/filemanage/batchdownlist/getList'"></ct-searchlist> -->
+
 
     <!-- <ct-searchlist :apiParam="para"
       :searchConditionApi="'/api/transaction/adjustRecord/getLayoutOfSearch'" 
@@ -37,16 +45,16 @@
       :searchStatsApi="'/ProfileWorklistList/getListStats'">
     </ct-searchlist> -->
 
-     <!--<ct-searchlist :apiParam="para"
-      :searchConditionApi="'/CallTaskList/getLayoutOfSearch'" 
-      :searchDataApi="'/CallTaskList/getListOfSearchModel'">
-    </ct-searchlist>--> 
+    <!-- <ct-searchlist :apiParam="para"
+      :searchConditionApi="'/RightValueList/getLayoutOfSearch'" 
+      :searchDataApi="'/RightValueList/getListOfSearchModel'">
+    </ct-searchlist> -->
 
-    <!--<ct-searchlist 
+    <!-- <ct-searchlist 
       :searchCategoryApi="'/PropertyPublishList/getLayoutOfSearchCategory'" 
       :searchConditionApi="'/PropertyPublishList/getLayoutOfSearchForRET'" :searchStatsApi="'/PropertyPublishList/getListStatsForRET'"
       :searchDataApi="'/PropertyPublishList/getListOfSearchModelForRET'">
-    </ct-searchlist>-->
+    </ct-searchlist> -->
 
     <!-- <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'"
       :searchDataApi="'/PropertyRETList/getListOfSearchModel'"
@@ -60,17 +68,17 @@
       :searchStatsApi="'/PropertyOFIList/getListStats'">
     </ct-searchlist> -->
 
-    <!-- <ct-searchlist :searchConditionApi="'/EstateList/getLayoutOfSearch'"
-      :searchDataApi="'/EstateList/getListOfSearchModel'">
-    </ct-searchlist> -->
+    <!-- <ct-searchlist :searchConditionApi="'/EstateList/getLayoutOfSearch'" :searchDataApi="'/EstateList/getListOfSearchModel'"></ct-searchlist> -->
     
-    <!-- <ct-searchlist :searchConditionApi="'/EstateBuildingList/getLayoutOfSearch'"
-      :searchDataApi="'/EstateBuildingList/getListOfSearchModel'">
-    </ct-searchlist> -->
+    <!-- <ct-searchlist :searchConditionApi="'/EstateBuildingList/getLayoutOfSearch'" :searchDataApi="'/EstateBuildingList/getListOfSearchModel'"></ct-searchlist> -->
 
-    <!-- <ct-searchlist :searchConditionApi="'/DistrictList/getLayoutOfSearch'"
-      :searchDataApi="'/DistrictList/getListOfSearchModel'">
-    </ct-searchlist> -->
+    <!-- <ct-searchlist :searchConditionApi="'/DistrictList/getLayoutOfSearch'" :searchDataApi="'/DistrictList/getListOfSearchModel'"></ct-searchlist> -->
+
+    <!-- <ct-searchlist :searchConditionApi="'/CustomerImportList/getLayoutOfSearch'" :searchDataApi="'/CustomerImportList/getListOfSearchModel'"></ct-searchlist> -->
+    
+    <ct-searchlist :searchConditionApi="'/CustomerList/getLayoutOfSearch'" :searchStatsApi="'/CustomerList/getListStats'" :searchDataApi="'/CustomerList/getListOfSearchModel'"></ct-searchlist>
+
+    <!-- <ct-searchlist :searchConditionApi="'/CallTaskList/getLayoutOfSearch'" :searchDataApi="'/CallTaskList/getListOfSearchModel'"></ct-searchlist> -->
     
     <!-- <ct-searchlist :searchConditionApi="'/RoleList/getLayoutOfSearch'" :searchStatsApi="'/RoleList/getListStats'" :searchDataApi="'/RoleList/getListOfSearchModel'"></ct-searchlist> -->
 

package/src/SearchTree.vue

@@ -1,8 +1,8 @@
 <template>
   <div id="app-Tree" style="height:100%;position: fixed;width:100%">
     <ct-treelist :flagsearch="true" :apiParam="apiParam" :leftWidth="'280'"
-                 :searchConditionApi="'/DepartmentList/getLayoutOfSearch'"
-                 :searchDataApi="'/DepartmentList/getListOfSearchModel'" @loaded="loaded"></ct-treelist>
+                 :searchConditionApi="'/SystemParameterCatalogList/getLayoutOfSearch'"
+                 :searchDataApi="'/SystemParameterCatalogList/getListOfSearchModel'" @loaded="loaded"></ct-treelist>
     <ct-dialog-list></ct-dialog-list>
   </div>
 </template>

package/src/centaline/css/common.css

@@ -26,6 +26,7 @@ html {
   --centalineGray:#666666;
   --centalineMediumGray:#888888;
   --centalinePlaceholder:#AAAAAA;
+  --bagGray:#ddd;
 }
 .ct-so {
   font-size: 14px;
@@ -39,7 +40,7 @@ html {
      border-radius: 4px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
-     color: #606266;
+     color: var(--centalineGray);
      display: inline-block;
      font-size: inherit;
      line-height: 26px;
@@ -56,7 +57,7 @@ html {
      .ct-so .ct-input_inner::-webkit-input-placeholder, .ct-so .ct-input_inner::-moz-placeholder,
      .ct-so .ct-input_inner:-ms-input-placeholder, .ct-so .ct-input_inner:hover, .ct-tags .ct-input_inner::-webkit-input-placeholder,
      .ct-tags .ct-input_inner::-moz-placeholder, .ct-tags .ct-input_inner:-ms-input-placeholder, .ct-tags .ct-input_inner:hover {
-       color: #c0c4cc;
+       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,
@@ -70,7 +71,7 @@ html {
    }
  
    .ct-so .el-select__caret {
-     color: #BBBBBB;
+     color: var(--centalinePlaceholder);
      font-size: inherit;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
@@ -111,7 +112,7 @@ html {
   cursor: pointer !important;
 }
  .ct-so .ct-close > .el-select__caret.is-show-close:hover, .ct-tags .ct-close > .el-select__caret.is-show-close:hover {
-   color: #909399;
+   color: var(--centalineMediumGray);
  }
  
  .ct-tags .showLabel .ct-input_inner, .ct-so .showLabel .ct-input_inner, .ct-iti-editor input,
@@ -133,7 +134,7 @@ html {
  }
    .ct-Seg .ct-radios .el-input__suffix-inner .el-icon-circle-close {
      line-height: unset;
-     color: #c0c4cc;
+     color: var(--bagGray);
      cursor: pointer;
      display:none;
    }
@@ -141,13 +142,13 @@ html {
    display: initial;
  }
      .ct-Seg .ct-radios .el-input__suffix-inner .el-icon-circle-close:hover {
-       color: #909399;
+       color: var(--centalineMediumGray);
      }
      .el-input-group__prepend {
        min-width: 72px;
      }
  .ct-iti .el-input__inner,.ct-text .el-input__inner,.ct-so .ct-input_inner{
-  border: 1px solid #C6C6C6;
+  border: 1px solid var(--bagGray);
  }
  .ct-dialog_wrapper {
    /*position: absolute;*/
@@ -277,7 +278,7 @@ html {
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
-   border: 1px solid #dcdfe6;
+   border: 1px solid var(--bagGray);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: transparent;
@@ -295,13 +296,13 @@ html {
  }
  .ct-is-disabled {
    background-color: #f5f7fa;
-   border-color: #e4e7ed;
+   border-color: var(--bagGray);
    /* color: #c0c4cc!important; */
    color: var(--centalineBlue) !important;
    cursor: not-allowed;
    -webkit-appearance: none;
    border-radius: 4px;
-   border: 1px solid #dcdfe6;
+   border: 1px solid var(--bagGray);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
@@ -423,11 +424,11 @@ html {
  }
  /*输入框重置文字边框颜色*/
  .el-input-group__append, .el-input-group__prepend {
-   color: #767A81;
-   border-color:#cecece;
+   color: var(--centalineMediumGray);
+   border-color:var(--bagGray);
  }
  .el-radio__inner, .el-checkbox__inner {
-   border-color: #cecece
+   border-color: var(--bagGray);
  }
  /*必填label*/
  .requiredLabel {
@@ -502,17 +503,17 @@ html {
  }
 /* 工具栏按钮置灰 */
 .ct-tableToolbar button {
-    border: 1px solid #ced0d9;
+    border: 1px solid var(--centalinePlaceholder);
     background-color: #fff;
     color: var(--centalineBlack);
 }
 .ct-tableToolbar button:hover{
-    color: #666;
-    border: 1px solid #ced0d9;
-    background: linear-gradient(#F4F4F5,#DFE3F1);
+    color: var(--centalineGray);
+    border: 1px solid var(--centalinePlaceholder);
+    background: linear-gradient(#F4F4F5,var(--bagGray));
 }
 .ct-tableToolbar button:focus{
-  border: 1px solid #ced0d9;
+  border: 1px solid var(--centalinePlaceholder);
   background: -webkit-linear-gradient(top, #fff, #f2f4f7);
   color: #333;
 }
@@ -523,8 +524,8 @@ html {
 }
 .ct-option.el-tag.el-tag--success {
   background-color: #f0f2f5;
-  border-color: #ced0d9;
-  color: #666;
+  border-color: var(--centalinePlaceholder);
+  color: var(--centalineGray);
 }
 .el-select__tags .el-tag.el-tag--info{
   background-color: #fff;
@@ -549,10 +550,10 @@ html {
    margin-right: 5px;
   } */
  .el-collapse-item__header{
-   border-bottom: 3px solid #e6ebf5;
+   border-bottom: 3px solid var(--bagGray);
  }
  .el-collapse-item__wrap{
-   border-bottom: 3px solid #e6ebf5;
+   border-bottom: 3px solid var(--bagGray);
  }
  .el-collapse{
    border-top: none;
@@ -592,7 +593,7 @@ html {
   width: 100%;
   height: 100%;
   position: inherit;
-  background: #eceff2;
+  background: var(--bagGray);
   padding: 0px;
 }
 
@@ -649,7 +650,7 @@ html {
   vertical-align: middle;
   display: table-cell;
   position: relative;
-  border: 0px solid #DCDFE6!important; /*无边框*/
+  border: 0px solid var(--bagGray)!important; /*无边框*/
   border-radius: 4px;
   padding: 0 5px!important;
   width: 1px;
@@ -731,18 +732,18 @@ html {
 
 .el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover {
   color: #FFF;
-  background-color: #d6d6d6;
-  border-color: #d6d6d6;
+  background-color: var(--bagGray);
+  border-color: var(--bagGray);
 }
 .el-button--success.is-disabled, .el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover {
   color: #FFF;
-  background-color: #d6d6d6;
-  border-color: #d6d6d6;
+  background-color: var(--bagGray);
+  border-color: var(--bagGray);
 }
 /* 工具栏按钮 不能炒作 灰色*/
 .ct-tableToolbar .is-disabled {
   background: #EDEDED !important;
-border: 1px solid #E0E0E0;
+border: 1px solid var(--centalinePlaceholder);
 color: var(--centalinePlaceholder);
 }
   .ct-tableToolbar .is-disabled:hover {
@@ -888,13 +889,13 @@ color: var(--centalinePlaceholder);
   .ct-searchcategory .ct-radios {
     color: #606266;
     border-radius: 4px;
-    /*border: 1px solid #dcdfe6;*/
+    /*border: 1px solid var(--bagGray);*/
     line-height: 30px;
     padding-left: 15px;
     text-align: right;
   }
     .ct-searchcategory .ct-radios:hover {
-      border-color: #c0c4cc;
+      border-color: var(--bagGray);
     }
     .ct-searchcategory .ct-radios .el-radio {
       margin-left: 0px;

package/src/centaline/css/max.css

@@ -50,10 +50,10 @@
     }
 
       .max-ToolbarButton .max-btn-gray button.el-button.el-button--primary.el-button--mini:hover {
-        color: #666;
-        border: 1px solid #ced0d9;
-        background: -webkit-gradient(linear,left top, left bottom,from(#F4F4F5),to(#DFE3F1));
-        background: linear-gradient(#F4F4F5,#DFE3F1);
+        color: var(--centalineGray);
+        border: 1px solid var(--centalinePlaceholder);
+        background: -webkit-gradient(linear,left top, left bottom,from(#F4F4F5),to(var(--bagGray)));
+        background: linear-gradient(#F4F4F5,var(--bagGray));
       }
 
 /* 弹层新增按钮 */
@@ -98,7 +98,7 @@
   line-height: 26px !important;
   border-radius: 6px !important;
   background: #FFFFFF;
-  border: 1px solid #E0E0E0;
+  border: 1px solid var(--bagGray);
   padding: 0 15px 0 5px;
 }
 
@@ -274,8 +274,8 @@
 }
 
 .el-input-group__append, .el-input-group__prepend {
-  color: #666;
-  border-color: #cecece;
+  color: var(--centalineGray);
+  border-color: var(--bagGray);
 }
 
 .details-content .ct-search-list .ct-ptb5 {
@@ -312,11 +312,11 @@
 }
 
 .field-top .ct-radios .el-radio.is-disabled:hover .el-radio__label {
-  color: #c0c4cc !important;
+  color: var(--bagGray) !important;
 }
 
 .field-top .ct-radios .el-radio.is-disabled:hover .el-radio__input .el-radio__inner {
-  border-color: #d6d6d6 !important;
+  border-color: var(--bagGray) !important;
 }
 
 .field-top .ct-radios .el-radio.is-checked:hover .el-radio__label {
@@ -355,7 +355,7 @@
 
 .dragItem .el-checkbox__input.is-checked + .el-checkbox__label {
   /* color: var(--centalineBlue) !important; */
-  color: #666 !important;
+  color: var(--centalineGray) !important;
 }
 
 #dragAll .el-checkbox__input.is-checked + .el-checkbox__label {
@@ -423,11 +423,11 @@
 }
 
 .field-top .ct-checkbox .el-checkbox.is-disabled:hover .el-checkbox__label {
-  color: #c0c4cc !important;
+  color: var(--bagGray) !important;
 }
 
 .field-top .ct-checkbox .el-checkbox.is-disabled:hover .el-checkbox__input .el-checkbox__inner {
-  border-color: #d6d6d6 !important;
+  border-color: var(--bagGray) !important;
 }
 
 .field-top .ct-checkbox .el-checkbox.is-checked:hover .el-checkbox__label {
@@ -480,7 +480,7 @@
   }
 
 .el-dropdown-menu .el-button.is-disabled, .el-dropdown-menu .el-button.is-disabled:hover, .el-dropdown-menu .el-button.is-disabled:focus, .el-dropdown-menu .el-button.is-disabled:active {
-  color: #999999 !important;
+  color: var(--centalineMediumGray) !important;
   background: #F3F3F3;
-  border: 1px solid #E0E0E0;
+  border: 1px solid var(--bagGray);
 }

package/src/centaline/dynamicCb/src/dynamicCb.vue

@@ -69,7 +69,7 @@
   .ct-checkbox .ct-radios {
     color: #606266;
     /* border-radius: 4px; */
-    /* border: 1px solid #dcdfe6; */
+    /* border: 1px solid var(--bagGray); */
     /* padding-left: 15px; */
     padding-bottom: 3px;
     padding-top: 3px;

package/src/centaline/dynamicCheckbox/src/dynamicCheckbox.vue

@@ -90,9 +90,9 @@
       min-height:28px
   }
     .ct-checkbox .ct-checkbox-mian {
-      color: #c0c4cc;
+      color: var(--bagGray);
       border-radius: 4px;
-      /*border: 1px solid #dcdfe6;*/
+      /*border: 1px solid var(--bagGray);*/
       min-height: 22px;
       line-height: 16px;
       padding-top: 4px;
@@ -100,7 +100,7 @@
       box-sizing: content-box; /*设置标签的宽度和高度不包含padding和border的属性，真实高度=元素本身的宽高+padding的宽高 + border的宽高*/
     }
     .ct-checkbox .ct-checkbox-mian:hover {
-      border-color: #c0c4cc;
+      border-color: var(--bagGray);
     }
     .ct-checkbox .ct-checkbox-mian .el-radio {
       margin-left: 0px;
@@ -130,7 +130,7 @@
 
   .ct-checkbox .ct-checkbox-mian:hover .cover-list-item-span {
     display: initial;
-    color: #c0c4cc;
+    color: var(--bagGray);
   }
 
 

package/src/centaline/dynamicContact/src/dynamicContact.vue

@@ -344,7 +344,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .ct-contact{
-  border: 1px solid #ECEFF2;
+  border: 1px solid var(--bagGray);
   box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
   border-radius: 6px;
   padding-bottom: 10px;

package/src/centaline/dynamicContainer/src/dynamicContainer.vue

@@ -132,7 +132,7 @@
   padding-left: 10px;
 }
 .ct-container{
-  border: 1px solid #e0e0e0;
+  border: 1px solid var(--bagGray);
 }
 .ct-container main{
   padding: 6px 0;

package/src/centaline/dynamicDetail/src/dynamicContactList.vue

@@ -498,7 +498,7 @@
   height: 26px;
   color: #333333;
   background-color: #FFFFFF;
-  border: 1px solid #E0E0E0;
+  border: 1px solid var(--bagGray);
   border-radius: 6px;
   font-size: 12px;
 }
@@ -553,7 +553,7 @@
     border-collapse: collapse;
   }
     .ct-searchtable .ct-table th {
-      background-color: #f4f7fa !important;
+      background-color: #ddd !important;
       border-top: 1px solid #ebeef5;
     }
   .ct-searchtable .ct-tr > .ct-td {
@@ -643,11 +643,11 @@
       left: 7px;
     }
       .ct-table .ct-td > .caret-wrapper > .sort-caret.ascending {
-        border-bottom-color: #c0c4cc;
+        border-bottom-color: var(--bagGray);
         top: 5px;
       }
       .ct-table .ct-td > .caret-wrapper > .sort-caret.descending {
-        border-top-color: #c0c4cc;
+        border-top-color: var(--bagGray);
         bottom: 7px;
       }
 

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

@@ -900,7 +900,7 @@ export default {
   margin-top: 16px;
   display: flex;
   height: 65px;
-  border: 1px solid #ECEFF2;
+  border: 1px solid var(--bagGray);
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
   border-radius: 6px;
   text-align: center;

package/src/centaline/dynamicDetail/src/dynamicEstateBuildingDetail.vue

@@ -890,7 +890,7 @@ export default {
   color: #388cd3;
 }
 .main {
-  background: #eceff2;
+  background: var(--bagGray);
 }
 .rel {
   position: relative;
@@ -1005,7 +1005,7 @@ export default {
       .t-tag {
         color: #333333;
         background: #E8EAED;
-        border: 1px solid #C6C6C6;
+        border: 1px solid var(--bagGray);
         padding: 2px 9px;
         border-radius: 3px;
         margin-right: 10px;
@@ -1021,7 +1021,7 @@ export default {
         line-height: 26px;
         color: var(--centalineBlack);
         background-color: #ffffff;
-        border: 1px solid #C6C6C6;
+        border: 1px solid var(--bagGray);
         border-radius: 6px;
         font-size: 12px;
         z-index: 1;
@@ -1175,8 +1175,8 @@ export default {
             .info-mid {
                // margin: 35px 0 0 0;
               // padding: 20px;
-              border-top: 1px solid #e0e0e0;
-              border-bottom: 1px solid #e0e0e0;
+              border-top: 1px solid var(--bagGray);
+              border-bottom: 1px solid var(--bagGray);
               display: flex;
               padding: 15px 0;
               
@@ -1269,7 +1269,7 @@ export default {
             .el-table__body
             tr.el-table__row--striped
             td.el-table__cell {
-            background: 1px solid #e0e0e0;
+            background: 1px solid var(--bagGray);
           }
         }
       }
@@ -1294,7 +1294,7 @@ export default {
             width: calc((100% - 16px * 3) / 4);
             margin: 16px 16px 0 0;
             padding: 16px 0 16px 16px;
-            border: 1px solid #e0e0e0;
+            border: 1px solid var(--bagGray);
             border-radius: 6px;
             display: flex;
             img {
@@ -1434,7 +1434,7 @@ export default {
         padding: 0;
         .table-box {
           display: flex;
-          border-bottom: 1px solid #e0e0e0;
+          border-bottom: 1px solid var(--bagGray);
           .t-item {
             padding: 5px 8px;
             font-size: 14px;
@@ -1443,7 +1443,7 @@ export default {
             display: flex;
             flex-flow: column;
             align-items: flex-start;
-            border-right: 1px solid #e0e0e0;
+            border-right: 1px solid var(--bagGray);
             justify-content: center;
             min-width: 0;
             .t-but {
@@ -1479,7 +1479,7 @@ export default {
           width: 100%;
           height: 1px;
           margin-top: 10px;
-          background: #e0e0e0;
+          background: var(--bagGray);
         }
         .match-customre {
           display: flex;
@@ -1544,7 +1544,7 @@ export default {
   height: 26px;
   color: #333333;
   background-color: #ffffff;
-  border: 1px solid #e0e0e0;
+  border: 1px solid var(--bagGray);
   border-radius: 6px;
   font-size: 12px;
 }

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

@@ -39,7 +39,7 @@
             model.fields1Dic.EstateName.value }}</span>
           <span>{{ model.fields1Dic.BuildingName.value }}</span>
           <span>{{ model.fields1Dic.RoomNo.value }}</span>
-          <div style="border: 1px solid #E0E0E0;font-size: 12px;color: #333333;padding-top: 3px;
+          <div style="border: 1px solid var(--bagGray);font-size: 12px;color: #333333;padding-top: 3px;
                 width: 68px;height: 26px;border-radius: 6px;text-align: center;margin-left: auto;">
             {{ model.fields1Dic.StatusName.value }}
           </div>
@@ -769,7 +769,7 @@ export default {
   margin-top: 16px;
   display: flex;
   height: 65px;
-  border: 1px solid #ECEFF2;
+  border: 1px solid var(--bagGray);
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
   border-radius: 6px;
   text-align: center;

package/src/centaline/dynamicDetail/src/dynamicMatchCustomer.vue

@@ -111,7 +111,7 @@ export default {
           width: 100%;
           height: 1px;
           margin-top: 10px;
-          background: #e0e0e0;
+          background: var(--bagGray);
         }
         .match-customre {
           display: flex;