|
|
@@ -199,14 +199,27 @@
|
|
|
</block>
|
|
|
|
|
|
<uni-popup ref="errorPriceRef" background-color="#fff" type="center" :animation="false">
|
|
|
- <view style="padding-top:30upx;font-size:30upx;padding-bottom:20upx;">
|
|
|
- <view style="margin-bottom:10upx;" v-for="(errItem, errIndex) in errorPirceList" :key="errIndex">
|
|
|
- <text v-if="errItem.name">{{errItem.name}}</text>
|
|
|
- <text v-if="errItem.a" style="margin-left:18upx;">A级：¥{{errItem.a?parseFloat(errItem.a):0}}</text>
|
|
|
- <text v-if="errItem.b" style="margin-left:18upx;">B级：¥{{errItem.b?parseFloat(errItem.b):0}}</text>
|
|
|
- <text v-if="errItem.c" style="margin-left:18upx;">C级：¥{{errItem.c?parseFloat(errItem.c):0}}</text>
|
|
|
+ <view class="error-price-content">
|
|
|
+ <view
|
|
|
+ class="price-row"
|
|
|
+ v-for="(errItem, errIndex) in errorPirceList"
|
|
|
+ :key="errIndex"
|
|
|
+ >
|
|
|
+ <view class="name-cell">{{ errItem.name }}</view>
|
|
|
+ <view class="price-cell">
|
|
|
+ <text v-if="errItem.a">A级：¥{{ errItem.a ? parseFloat(errItem.a) : 0 }}</text>
|
|
|
+ <text v-else class="no-data">A级：-</text>
|
|
|
+ </view>
|
|
|
+ <view class="price-cell">
|
|
|
+ <text v-if="errItem.b">B级：¥{{ errItem.b ? parseFloat(errItem.b) : 0 }}</text>
|
|
|
+ <text v-else class="no-data">B级：-</text>
|
|
|
+ </view>
|
|
|
+ <view class="price-cell">
|
|
|
+ <text v-if="errItem.c">C级：¥{{ errItem.c ? parseFloat(errItem.c) : 0 }}</text>
|
|
|
+ <text v-else class="no-data">C级：-</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view style="text-align:center;margin-top:40upx;">
|
|
|
+ <view class="button-container">
|
|
|
<button @click="closeErrorPriceFn" class="admin-button-com middle blue">知道了</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -1024,4 +1037,54 @@ export default {
|
|
|
text-align: center;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+// 花材价格异常弹窗内容样式
|
|
|
+.error-price-content {
|
|
|
+ padding: 30upx 40upx 20upx 40upx;
|
|
|
+ width: 95vw;
|
|
|
+ max-width: 800upx;
|
|
|
+
|
|
|
+ .price-row {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 16upx 0;
|
|
|
+ border-bottom: 1upx solid #f0f0f0;
|
|
|
+
|
|
|
+ &:last-child {
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .name-cell {
|
|
|
+ flex: 3;
|
|
|
+ font-size: 28upx;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #333;
|
|
|
+ padding-right: 30upx;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
+
|
|
|
+ .price-cell {
|
|
|
+ flex: 1.5;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 28upx;
|
|
|
+ color: #d63031;
|
|
|
+ font-weight: 500;
|
|
|
+ padding: 0 10upx;
|
|
|
+ white-space: nowrap;
|
|
|
+
|
|
|
+ .no-data {
|
|
|
+ color: #999;
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .button-container {
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 30upx;
|
|
|
+ padding-top: 20upx;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
