!706 【功能优化】1. 上传图片等待时间调整成15秒；2. 商城客服页面匹配暗黑模式；

Merge pull request !706 from 卢越/master

src/components/Editor/src/Editor.vue

@@ -105,7 +105,7 @@ const editorConfig = computed((): IEditorConfig => {
           },
           },
 
 
           // 超时时间，默认为 10 秒
           // 超时时间，默认为 10 秒
-          timeout: 5 * 1000, // 5 秒
+          timeout: 15 * 1000, // 15 秒
 
 
           // form-data fieldName，后端接口参数名称，默认值wangeditor-uploaded-image
           // form-data fieldName，后端接口参数名称，默认值wangeditor-uploaded-image
           fieldName: 'file',
           fieldName: 'file',

src/views/mall/promotion/kefu/components/KeFuConversationList.vue

@@ -200,7 +200,7 @@ onBeforeUnmount(() => {
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 .kefu {
 .kefu {
-  background-color: #e5e4e4;
+  background-color: var(--app-content-bg-color);
 
 
   &-conversation {
   &-conversation {
     height: 60px;
     height: 60px;

src/views/mall/promotion/kefu/components/KeFuMessageList.vue

@@ -373,7 +373,7 @@ const showTime = computed(() => (item: KeFuMessageRespVO, index: number) => {
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 .kefu {
 .kefu {
-  background-color: #f5f5f5;
+  background-color: var(--app-content-bg-color);
   position: relative;
   position: relative;
   width: calc(100% - 300px - 260px);
   width: calc(100% - 300px - 260px);
 
 
@@ -389,7 +389,7 @@ const showTime = computed(() => (item: KeFuMessageRespVO, index: number) => {
   }
   }
 
 
   .kefu-header {
   .kefu-header {
-    background-color: #f5f5f5;
+    background-color: var(--app-content-bg-color);
     position: relative;
     position: relative;
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
@@ -511,7 +511,7 @@ const showTime = computed(() => (item: KeFuMessageRespVO, index: number) => {
 
 
   ::v-deep(textarea) {
   ::v-deep(textarea) {
     resize: none;
     resize: none;
-    background-color: #f5f5f5;
+    background-color: var(--app-content-bg-color);
   }
   }
 
 
   :deep(.el-input__wrapper) {
   :deep(.el-input__wrapper) {

src/views/mall/promotion/kefu/components/member/MemberInfo.vue

@@ -167,7 +167,7 @@ const getUserData = async () => {
 .kefu {
 .kefu {
   position: relative;
   position: relative;
   width: 300px !important;
   width: 300px !important;
-  background-color: #f5f5f5;
+  background-color: var(--app-content-bg-color);
 
 
   &::after {
   &::after {
     content: '';
     content: '';
@@ -181,7 +181,7 @@ const getUserData = async () => {
   }
   }
 
 
   &-header {
   &-header {
-    background-color: #f5f5f5;
+    background-color: var(--app-content-bg-color);
     position: relative;
     position: relative;
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;

src/views/mall/promotion/kefu/components/message/OrderItem.vue

@@ -112,7 +112,7 @@ function formatOrderStatus(order: any) {
   border-radius: 10px;
   border-radius: 10px;
   padding: 10px;
   padding: 10px;
   border: 1px var(--el-border-color) solid;
   border: 1px var(--el-border-color) solid;
-  background-color: #fff; // 透明色，暗黑模式下也能体现
+  background-color: rgba(128, 128, 128, 0.3); // 透明色，暗黑模式下也能体现
 
 
   .order-card-header {
   .order-card-header {
     height: 28px;
     height: 28px;

src/views/mall/promotion/kefu/components/message/ProductItem.vue

@@ -77,7 +77,8 @@ const openDetail = (spuId: number) => {
 
 
 .product-warp {
 .product-warp {
   width: 100%;
   width: 100%;
-  background-color: #fff;
+  background-color: rgba(128, 128, 128, 0.3);
+  border: 1px solid var(--el-border-color);
   border-radius: 8px;
   border-radius: 8px;
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;