import _easycom_u_icon from '@/components/u-icon/u-icon.vue' import { ref } from 'vue'; // --- 数据 --- type OrderTag = { __$originalPosition?: UTSSourceMapPosition<"OrderTag", "pages/index/order.uvue", 120, 7>; text : string; type : 'orange' | 'green' | 'red'; } type OrderItem = { __$originalPosition?: UTSSourceMapPosition<"OrderItem", "pages/index/order.uvue", 125, 7>; id : number; time : string; serviceName : string; tags : OrderTag[]; contact : string; price : string; address : string; distance : string; income : string; image : string; }; // orders data – no need for reactivity, use a plain typed array const __sfc__ = defineComponent({ __name: 'order', setup(__props) { const __ins = getCurrentInstance()!; const _ctx = __ins.proxy as InstanceType; const _cache = __ins.renderCache; const tabs = ['新订单', '进行中', '取消/售后', '已完成', '全部']; const currentTab = ref(0); const orders : OrderItem[] = [ { id: 1, time: '2025-06-18 4:00', serviceName: '润养SPA', tags: [ { text: '上门', type: 'orange' } as OrderTag, { text: '首单', type: 'orange' } as OrderTag, ], contact: '刘', price: '286.6', address: '烟台 芝罘区楚风一街楚凤花园（烟台吾悦）广场附近', distance: '2.24', income: '186.6', image: '/static/testInfo/demo.png' }, { id: 2, time: '2025-06-18 8:00', serviceName: '润养SPA', tags: [ { text: '加钟', type: 'red' } as OrderTag ], contact: '刘', price: '286.6', address: '烟台 芝罘区楚风一街楚凤花园（烟台吾悦）广场附近', distance: '2.24', income: '186.6', image: '/static/testInfo/demo.png' } ] as OrderItem[]; // --- 方法 --- const onNavigate = (addr : string) => { uni.showToast({ title: '启动导航', icon: 'none' }); }; // helper used in template to give v-for a typed array source function tagList(order: OrderItem): OrderTag[] { return order.tags; } const onTransfer = (id : number) => { uni.showModal({ title: '转单确认', content: '确定将此订单转给其他技师吗？', success: (res) => { if (res.confirm) uni.showToast({ title: '转单成功', icon: 'success' }); } }); }; const onConfirm = (id : number) => { uni.showLoading({ title: '处理中...' }); setTimeout(() => { uni.hideLoading(); uni.showToast({ title: '接单成功', icon: 'success' }); }, 600); }; return (): any | null => { const _component_u_icon = resolveEasyComponent("u-icon",_easycom_u_icon) return _cE("view", _uM({ class: "page-container" }), [ _cE("scroll-view", _uM({ "scroll-x": "", class: "tab-scroll", "show-scrollbar": "false", "enable-flex": true }), [ _cE("view", _uM({ class: "tab-wrapper" }), [ _cE(Fragment, null, RenderHelpers.renderList(tabs, (tab, index, __index, _cached): any => { return _cE("view", _uM({ key: index, class: _nC(['tab-item', currentTab.value === index ? 'active' : '']), onClick: () => {currentTab.value = index} }), [ _cE("text", null, _tD(tab), 1 /* TEXT */), currentTab.value === index ? _cE("view", _uM({ key: 0, class: "tab-indicator" })) : _cC("v-if", true) ], 10 /* CLASS, PROPS */, ["onClick"]) }), 64 /* STABLE_FRAGMENT */) ]) ]), _cE("view", _uM({ class: "order-list" }), [ _cE(Fragment, null, RenderHelpers.renderList(orders, (order, idx, __index, _cached): any => { return _cE("view", _uM({ key: order['id'], class: "order-card" }), [ _cE("view", _uM({ class: "card-header" }), [ _cE("text", _uM({ class: "time-text" }), " 预约时间：" + _tD(order['time']), 1 /* TEXT */), _cE("text", _uM({ class: "status-badge paid" }), " 已支付 ") ]), _cE("view", _uM({ class: "service-section" }), [ _cE("image", _uM({ src: order['image'], class: "service-image", mode: "aspectFill" }), null, 8 /* PROPS */, ["src"]), _cE("view", _uM({ class: "service-details" }), [ _cE("view", _uM({ class: "service-title-row" }), [ _cE("text", _uM({ class: "service-name" }), _tD(order['serviceName']), 1 /* TEXT */), _cE(Fragment, null, RenderHelpers.renderList(tagList(order), (tag, tIdx, __index, _cached): any => { return _cE("text", _uM({ key: tIdx, class: _nC(['tag-pill', tag.type]) }), _tD(tag.text), 3 /* TEXT, CLASS */) }), 128 /* KEYED_FRAGMENT */) ]), _cE("view", _uM({ class: "contact-info-row" }), [ _cE("text", _uM({ class: "contact-info" }), " 联系人：" + _tD(order['contact']), 1 /* TEXT */), _cE("text", _uM({ class: "tag-pill green" }), " 新客 ") ]) ]), _cE("text", _uM({ class: "service-price" }), " ¥" + _tD(order.price), 1 /* TEXT */) ]), _cE("view", _uM({ class: "address-section" }), [ _cV(_component_u_icon, _uM({ type: "location", size: "16", color: "#999999" })), _cE("text", _uM({ class: "address-content" }), _tD(order.address), 1 /* TEXT */), _cE("text", _uM({ class: "distance-text" }), _tD(order.distance) + "km ", 1 /* TEXT */) ]), _cE("view", _uM({ class: "income-section" }), [ _cE("text", _uM({ class: "income-label" }), " 预估收入 "), _cE("view", _uM({ class: "income-value-group" }), [ _cE("text", _uM({ class: "income-main" }), " ¥" + _tD(order.income), 1 /* TEXT */), _cE("text", _uM({ class: "income-sub" }), " (含路费) ") ]) ]), _cE("view", _uM({ class: "action-section" }), [ _cE("view", _uM({ class: "btn btn-nav", onClick: () => {onNavigate(order.address)} }), [ _cV(_component_u_icon, _uM({ type: "navigation", size: "14", color: "#333333" })), _cE("text", null, " 地址导航 ") ], 8 /* PROPS */, ["onClick"]), _cE("text", _uM({ class: "btn btn-transfer", onClick: () => {onTransfer(order.id)} }), " 我要转单 ", 8 /* PROPS */, ["onClick"]), _cE("text", _uM({ class: "btn btn-confirm", onClick: () => {onConfirm(order.id)} }), " 确认接单 ", 8 /* PROPS */, ["onClick"]) ]) ]) }), 64 /* STABLE_FRAGMENT */) ]) ]) } } }) export default __sfc__ const GenPagesIndexOrderStyles = [_uM([["page-container", _pS(_uM([["backgroundColor", "#f5f6f8"], ["minHeight", "1000rpx"], ["boxSizing", "border-box"]]))], ["tab-scroll", _pS(_uM([["backgroundColor", "#ffffff"], ["height", "88rpx"]]))], ["tab-wrapper", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["alignItems", "center"], ["height", "88rpx"], ["paddingTop", 0], ["paddingRight", "20rpx"], ["paddingBottom", 0], ["paddingLeft", "20rpx"], ["whiteSpace", "nowrap"]]))], ["tab-item", _uM([["", _uM([["position", "relative"], ["paddingTop", 0], ["paddingRight", "30rpx"], ["paddingBottom", 0], ["paddingLeft", "30rpx"], ["height", "88rpx"], ["display", "flex"], ["alignItems", "center"], ["justifyContent", "center"], ["fontSize", "30rpx"], ["color", "#666666"]])], [".active", _uM([["color", "#333333"], ["fontWeight", "bold"]])]])], ["tab-indicator", _pS(_uM([["position", "absolute"], ["bottom", "16rpx"], ["left", 0], ["right", 0], ["marginTop", 0], ["marginRight", "auto"], ["marginBottom", 0], ["marginLeft", "auto"], ["width", "40rpx"], ["height", "6rpx"], ["backgroundColor", "#ffc107"], ["borderTopLeftRadius", "3rpx"], ["borderTopRightRadius", "3rpx"], ["borderBottomRightRadius", "3rpx"], ["borderBottomLeftRadius", "3rpx"]]))], ["order-list", _pS(_uM([["paddingTop", "20rpx"], ["paddingRight", "20rpx"], ["paddingBottom", "20rpx"], ["paddingLeft", "20rpx"], ["display", "flex"], ["flexDirection", "column"]]))], ["order-card", _pS(_uM([["backgroundColor", "#ffffff"], ["borderTopLeftRadius", "16rpx"], ["borderTopRightRadius", "16rpx"], ["borderBottomRightRadius", "16rpx"], ["borderBottomLeftRadius", "16rpx"], ["paddingTop", "30rpx"], ["paddingRight", "30rpx"], ["paddingBottom", "30rpx"], ["paddingLeft", "30rpx"], ["display", "flex"], ["flexDirection", "column"]]))], ["card-header", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["justifyContent", "space-between"], ["alignItems", "center"]]))], ["time-text", _pS(_uM([["fontSize", "28rpx"], ["color", "#333333"], ["fontWeight", "400"]]))], ["status-badge", _uM([["", _uM([["fontSize", "24rpx"], ["paddingTop", "6rpx"], ["paddingRight", "16rpx"], ["paddingBottom", "6rpx"], ["paddingLeft", "16rpx"], ["borderTopLeftRadius", "20rpx"], ["borderTopRightRadius", "20rpx"], ["borderBottomRightRadius", "20rpx"], ["borderBottomLeftRadius", "20rpx"]])], [".paid", _uM([["backgroundColor", "#fff7e6"], ["color", "#ff9900"]])]])], ["service-section", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["alignItems", "flex-start"]]))], ["service-image", _pS(_uM([["width", "110rpx"], ["height", "110rpx"], ["borderTopLeftRadius", "12rpx"], ["borderTopRightRadius", "12rpx"], ["borderBottomRightRadius", "12rpx"], ["borderBottomLeftRadius", "12rpx"], ["backgroundColor", "#f0f0f0"], ["flexShrink", 0]]))], ["service-details", _pS(_uM([["flexGrow", 1], ["flexShrink", 1], ["flexBasis", "0%"], ["display", "flex"], ["justifyContent", "space-between"]]))], ["service-title-row", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["alignItems", "center"]]))], ["service-name", _pS(_uM([["fontSize", "32rpx"], ["fontWeight", "bold"], ["color", "#333333"]]))], ["service-price", _pS(_uM([["fontSize", "34rpx"], ["fontWeight", "bold"], ["color", "#333333"]]))], ["tags-container", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["flexWrap", "wrap"]]))], ["tag-pill", _uM([["", _uM([["fontSize", "22rpx"], ["paddingTop", "4rpx"], ["paddingRight", "12rpx"], ["paddingBottom", "4rpx"], ["paddingLeft", "12rpx"], ["borderTopLeftRadius", "20rpx"], ["borderTopRightRadius", "20rpx"], ["borderBottomRightRadius", "20rpx"], ["borderBottomLeftRadius", "20rpx"], ["borderTopWidth", "1rpx"], ["borderRightWidth", "1rpx"], ["borderBottomWidth", "1rpx"], ["borderLeftWidth", "1rpx"], ["borderTopStyle", "solid"], ["borderRightStyle", "solid"], ["borderBottomStyle", "solid"], ["borderLeftStyle", "solid"], ["lineHeight", 1.2]])], [".orange", _uM([["color", "#ff9900"], ["borderTopColor", "#ff9900"], ["borderRightColor", "#ff9900"], ["borderBottomColor", "#ff9900"], ["borderLeftColor", "#ff9900"], ["backgroundColor", "#fffaf0"]])], [".green", _uM([["color", "#52c41a"], ["borderTopColor", "#52c41a"], ["borderRightColor", "#52c41a"], ["borderBottomColor", "#52c41a"], ["borderLeftColor", "#52c41a"], ["backgroundColor", "#f6ffed"]])], [".red", _uM([["color", "#ff4d4f"], ["borderTopColor", "#ff4d4f"], ["borderRightColor", "#ff4d4f"], ["borderBottomColor", "#ff4d4f"], ["borderLeftColor", "#ff4d4f"], ["backgroundColor", "#fff1f0"]])]])], ["contact-info-row", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["alignItems", "center"]]))], ["contact-info", _pS(_uM([["fontSize", "26rpx"], ["color", "#999999"]]))], ["address-section", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["alignItems", "flex-start"], ["paddingBottom", "20rpx"], ["borderBottomWidth", "1rpx"], ["borderBottomColor", "#f5f5f5"], ["borderBottomStyle", "solid"]]))], ["address-content", _pS(_uM([["flexGrow", 1], ["flexShrink", 1], ["flexBasis", "0%"], ["fontSize", "26rpx"], ["color", "#666666"], ["lineHeight", 1.4]]))], ["distance-text", _pS(_uM([["fontSize", "24rpx"], ["color", "#999999"], ["whiteSpace", "nowrap"], ["marginLeft", "10rpx"]]))], ["income-section", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["justifyContent", "space-between"], ["alignItems", "center"]]))], ["income-label", _pS(_uM([["fontSize", "28rpx"], ["color", "#666666"]]))], ["income-value-group", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["alignItems", "center"]]))], ["income-main", _pS(_uM([["fontSize", "36rpx"], ["fontWeight", "bold"], ["color", "#ff4d4f"]]))], ["income-sub", _pS(_uM([["fontSize", "24rpx"], ["color", "#999999"]]))], ["action-section", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["justifyContent", "space-between"]]))], ["btn", _pS(_uM([["flexGrow", 1], ["flexShrink", 1], ["flexBasis", "0%"], ["height", "72rpx"], ["borderTopLeftRadius", "36rpx"], ["borderTopRightRadius", "36rpx"], ["borderBottomRightRadius", "36rpx"], ["borderBottomLeftRadius", "36rpx"], ["fontSize", "28rpx"], ["fontWeight", "400"], ["display", "flex"], ["flexDirection", "row"], ["justifyContent", "center"], ["alignItems", "center"]]))], ["btn-nav", _pS(_uM([["backgroundColor", "#f5f5f5"], ["color", "#333333"]]))], ["btn-transfer", _pS(_uM([["backgroundColor", "#ffffff"], ["color", "#ff9900"], ["borderTopWidth", "1rpx"], ["borderRightWidth", "1rpx"], ["borderBottomWidth", "1rpx"], ["borderLeftWidth", "1rpx"], ["borderTopColor", "#ff9900"], ["borderRightColor", "#ff9900"], ["borderBottomColor", "#ff9900"], ["borderLeftColor", "#ff9900"], ["borderTopStyle", "solid"], ["borderRightStyle", "solid"], ["borderBottomStyle", "solid"], ["borderLeftStyle", "solid"]]))], ["btn-confirm", _pS(_uM([["backgroundColor", "#ffc107"], ["color", "#333333"], ["borderTopWidth", "1rpx"], ["borderRightWidth", "1rpx"], ["borderBottomWidth", "1rpx"], ["borderLeftWidth", "1rpx"], ["borderTopColor", "#ffc107"], ["borderRightColor", "#ffc107"], ["borderBottomColor", "#ffc107"], ["borderLeftColor", "#ffc107"], ["borderTopStyle", "solid"], ["borderRightStyle", "solid"], ["borderBottomStyle", "solid"], ["borderLeftStyle", "solid"]]))]])]