Procházet zdrojové kódy

Merge branch 'master' of https://gogs.dev.dazesoft.cn/great_transition/great_webui

MONSTER-ygh před 1 měsícem
rodič
revize
292daaae57
1 změnil soubory, kde provedl 111 přidání a 4 odebrání
  1. 111 4
      src/views/order/groupBuyingMr/index.vue

+ 111 - 4
src/views/order/groupBuyingMr/index.vue

@@ -466,8 +466,8 @@
             <el-form-item label="剩余授信额度">
               <span>¥{{ balanceInfo.grantSurplus }}</span>
             </el-form-item>
-            <el-form-item label="订单金额">
-              <span>¥{{ currentOrder.orderPrice }}</span>
+            <el-form-item label="实收金额">
+              <span>¥{{ currentOrder.realPrice }}</span>
             </el-form-item>
           </template>
 
@@ -476,8 +476,8 @@
             <el-form-item label="剩余储值余额">
               <span>¥{{ balanceInfo.balance }}</span>
             </el-form-item>
-            <el-form-item label="订单金额">
-              <span>¥{{ currentOrder.orderPrice }}</span>
+            <el-form-item label="实收金额">
+              <span>¥{{ currentOrder.realPrice }}</span>
             </el-form-item>
           </template>
 
@@ -1307,4 +1307,111 @@ export default {
 .app-container-scheduling ::v-deep .el-form-item__content:hover .query_clear {
   display: block;
 }
+
+// 代客下单对话框样式优化
+::v-deep .el-dialog__body {
+  padding: 20px 30px;
+}
+
+::v-deep .el-form-item {
+  margin-bottom: 22px;
+}
+
+::v-deep .el-radio-group {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 15px;
+}
+
+::v-deep .el-radio {
+  margin-right: 0;
+  padding: 8px 15px;
+  border: 1px solid #DCDFE6;
+  border-radius: 4px;
+  transition: all 0.3s;
+  
+  &:hover {
+    border-color: #409EFF;
+    color: #409EFF;
+  }
+  
+  &.is-checked {
+    border-color: #409EFF;
+    background-color: #ecf5ff;
+  }
+}
+
+::v-deep .el-date-picker {
+  width: 100%;
+}
+
+::v-deep .el-textarea__inner {
+  min-height: 80px;
+  resize: vertical;
+}
+
+::v-deep .el-form-item__label {
+  font-weight: 500;
+  color: #606266;
+}
+
+::v-deep .el-dialog__footer {
+  padding: 15px 30px;
+  border-top: 1px solid #EBEEF5;
+}
+
+::v-deep .el-dialog__title {
+  font-size: 18px;
+  font-weight: 500;
+}
+
+::v-deep .el-dialog__header {
+  padding: 20px 30px;
+  border-bottom: 1px solid #EBEEF5;
+}
+
+// 上传图片区域样式优化
+::v-deep .el-upload-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  margin-top: 10px;
+}
+
+::v-deep .el-upload-list__item {
+  width: 100px;
+  height: 100px;
+  border-radius: 4px;
+  overflow: hidden;
+  
+  &:hover {
+    .el-upload-list__item-actions {
+      opacity: 1;
+    }
+  }
+}
+
+::v-deep .el-upload-list__item-actions {
+  opacity: 0;
+  transition: opacity 0.3s;
+  background: rgba(0, 0, 0, 0.5);
+}
+
+// 支付方式选择区域样式
+::v-deep .el-form-item__content {
+  .el-radio-group {
+    .el-radio {
+      margin-bottom: 10px;
+    }
+  }
+}
+
+// 余额信息显示样式
+::v-deep .el-form-item__content {
+  span {
+    font-size: 16px;
+    color: #303133;
+    font-weight: 500;
+  }
+}
 </style>