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