git
/
fuyuan-housekeeping-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

【服务列表】 优化# 表格的前台价格字段

dev1.0
kaeery 2025-03-12 21:53:40 +08:00
parent 6c34d8e94d
commit 0d510cee1b
3 changed files with 34 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/order/lists/detail.vue
View File

@ -239,7 +239,9 @@
</div>
</template>
</el-table-column>
<el-table-column property="goodsPrice" label="价格" width="120" />
<el-table-column property="goodsPrice" label="价格" width="120">
<template #default="scope">{{ parsePrice(scope.row) }}</template>
</el-table-column>
<el-table-column property="unitName" label="单位" width="120" />
<el-table-column property="goodsNum" label="数量" width="120" />
<el-table-column property="totalAmount" label="总价格" width="120" />
@ -293,7 +295,7 @@
<script lang="ts" setup>
import { apiDispatchStaff, apiDispatchStaffScore, apiMasterLists, apiOrderDetail } from '@/api/order/lists'
import { ReceiveOrderEnum, getTypeMap, useGoodsTypeMap } from '@/enums/modeEnum'
import { PriceEnum, ReceiveOrderEnum, getTypeMap, useGoodsTypeMap } from '@/enums/modeEnum'
import { useCreateModal } from '@/hooks/useCreateModal'
import area from '@/utils/area'
import feedback from '@/utils/feedback'
@ -329,7 +331,9 @@ const goodsData = ref<any>([
deductionMoney: '',
totalAmount: '',
orderAmount: '',
couponDetailVo: {}
couponDetailVo: {},
priceType: PriceEnum.CUSTOMER_PRICE,
priceRange: ''
}
])
const couponInfo = ref([
@ -395,6 +399,11 @@ const orderRefundDetailVo = computed(() => (unref(isShowOrderRefundDetailVo) ? u
/**是否派发给师傅 */
const isDispatch = computed(() => (status: number) => status === ReceiveOrderEnum.PAUSE)
const parsePrice = computed(() => row => {
const { priceType, priceRange, goodsPrice } = row
const [minPrice = 0, maxPrice = 0] = priceRange.split('-')
return priceType == PriceEnum.CUSTOMER_PRICE ? goodsPrice : minPrice + '-' + maxPrice
})
function generateCouponFields(res: any) {
const fields = {

15
src/views/order/lists/index.vue
View File

@ -90,7 +90,7 @@
</div>
<router-link :to="`/service/lists/edit?id=${row.goodsId}`" class="ml-2 xs">
<div class="goods-name truncate w-44">{{ row.goodsName }}</div>
<div class="form-tips">{{ row.goodsPrice }} {{ row.unitName }}</div>
<div class="form-tips">{{ parsePrice(row) }} {{ row.unitName }}</div>
</router-link>
</div>
</template>
@ -162,7 +162,7 @@
import { apiOrderLists, apiOrderStatis } from '@/api/order/lists'
import { reactive, onMounted, computed } from 'vue'
import { useRoute } from 'vue-router'
import { OrderMode } from '@/enums/modeEnum'
import { OrderMode, PriceEnum } from '@/enums/modeEnum'
import Operation from './components/operation.vue'
import Pagination from '@/components/pagination/index.vue'
import DataPicker from '@/components/daterange-picker/index.vue'
@ -182,6 +182,8 @@ interface formDataObj {
orderStatus: string | number //否 int 订单状态;0-待支付;1-预约中;2-服务中;3-已完成;4-已取消
staffInfo: string // 否 师傅信息
isDispatch: string | number // 否 int 派单状态;0-委派单;1-已派单
priceType: PriceEnum
priceRange: string
}
const route = useRoute()
@ -195,7 +197,9 @@ const formData = reactive<formDataObj>({
orderTimeEnd: '',
orderStatus: '',
staffInfo: route.query.staffInfo ?? '',
isDispatch: ''
isDispatch: '',
priceType: PriceEnum.CUSTOMER_PRICE,
priceRange: ''
})
const getOrderAmount = async () => {
countData.value = await apiOrderStatis(formData)
@ -205,6 +209,11 @@ const setStatusColor = computed(() => {
return val === '待支付' || val === '已退款' || val === '退款中'
}
})
const parsePrice = computed(() => row => {
const { priceType, priceRange, goodsPrice } = row
const [minPrice = 0, maxPrice = 0] = priceRange.split('-')
return priceType == PriceEnum.CUSTOMER_PRICE ? goodsPrice : minPrice + '-' + maxPrice
})
const { pager, getLists, resetPage, resetParams } = usePaging({
fetchFun: apiOrderLists,

14
src/views/service/lists/index.vue
View File

@ -74,16 +74,17 @@
<el-table-column property="category" label="服务分类" min-width="145" />
<el-table-column property="price" label="前台价格" min-width="80">
<template #default="scope">
<el-input v-if="isEdit" v-model="scope.row.price" placeholder="请输入价格"></el-input>
<div v-if="!isEdit">¥{{ scope.row.price }}</div>
{{ parsePrice(scope.row) }}
<!-- <el-input v-if="isEdit" v-model="scope.row.price" placeholder="请输入价格"></el-input>
<div v-if="!isEdit">¥{{ scope.row.price }}</div> -->
</template>
</el-table-column>
<el-table-column property="scribingPrice" label="折前价格" min-width="80">
<!-- <el-table-column property="scribingPrice" label="折前价格" min-width="80">
<template #default="scope">
<el-input v-if="isEdit" v-model="scope.row.scribingPrice" placeholder="请输入价格"></el-input>
<div v-if="!isEdit">{{ scope.row.scribingPrice ? '￥' + scope.row.scribingPrice : '' }}</div>
</template>
</el-table-column>
</el-table-column> -->
<el-table-column property="unit" label="单位" min-width="80" />
<el-table-column property="orderNum" label="预约人数" min-width="80" />
<el-table-column property="statusDesc" label="销售状态" min-width="80">
@ -159,6 +160,7 @@ import { ref } from 'vue'
import Pagination from '@/components/pagination/index.vue'
import { usePaging } from '@/hooks/usePaging'
import feedback from '@/utils/feedback'
import { PriceEnum } from '@/enums/modeEnum'
interface formDataObj {
name: string //服务名称
@ -174,6 +176,10 @@ const formData = ref<formDataObj>({
status: '',
categoryId: ''
})
const parsePrice = computed(() => row => {
const { priceType, price, minPrice, maxPrice } = row
return priceType == PriceEnum.CUSTOMER_PRICE ? price + '元' : minPrice + '-' + maxPrice + '元'
})
const getOrderAmount = async () => {
countData.value = await apiServiceStatis({ ...formData.value, status: '' })