| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272 |
- import _easycom_u_icon from '@/components/u-icon/u-icon.vue'
- import _easycom_u_switch from '@/components/u-switch/u-switch.vue'
- import _easycom_u_floating from '@/components/u-floating/u-floating.vue'
- import _imports_0 from '@/static/imagesInfo/bg-color.png'
- import _imports_1 from '@/static/imagesInfo/bg-icon.png'
- import { ref, computed } from 'vue';
- import { colors } from '@/common/theme';
- // 状态
- type AvatarUrl = { __$originalPosition?: UTSSourceMapPosition<"AvatarUrl", "pages/index/console.uvue", 206, 7>;
- url : string
- }
- // 技师信息(空对象,字段可为null)
- type CoachInfo = { __$originalPosition?: UTSSourceMapPosition<"CoachInfo", "pages/index/console.uvue", 210, 7>;
- created_at : string | null
- avatar_url : AvatarUrl | null
- }
- type EvalTag = { __$originalPosition?: UTSSourceMapPosition<"EvalTag", "pages/index/console.uvue", 260, 7>; text : string; count : number };
-
- const __sfc__ = defineComponent({
- __name: 'console',
- setup(__props) {
- const __ins = getCurrentInstance()!;
- const _ctx = __ins.proxy as InstanceType<typeof __sfc__>;
- const _cache = __ins.renderCache;
- const isOnline = ref(true);
- const cityInfo = ref('')
- // 头像url类型
- const coachInfo = ref<CoachInfo | null>(null);
- // 切换上线状态
- const toggleOnline = () => {
- isOnline.value = !isOnline.value;
- // 这里可以调用 API 更新状态
- console.log('Status changed:', isOnline.value, " at pages/index/console.uvue:220");
- };
- // 功能列表
- const funcList = [
- { iconUrl: '/static/imagesInfo/cx-shop.png', label: '接单时间' },
- { iconUrl: '/static/imagesInfo/item-icon.png', label: '服务项目' },
- { iconUrl: '/static/imagesInfo/jied-time.png', label: '重选店铺' },
- { iconUrl: '/static/imagesInfo/gengxin-wz.png', label: '位置更新' }
- ];
- // 跳转到技师详情
- const jumpMasterInfo = () => {
- console.log('jumpMasterInfo invoked', " at pages/index/console.uvue:233");
- // 在这里可以执行导航或其他逻辑
- };
- // 功能按钮点击处理
- const jumpSetProject = () => {
- console.log('jumpSetProject invoked', " at pages/index/console.uvue:239");
- // 在这里可以执行导航或其他逻辑
- };
- // 悬浮球双击处理
- const callPolice = () => {
- console.log('callPolice triggered', " at pages/index/console.uvue:245");
- // 可在此触发紧急呼叫等操作
- };
- // 统计数据
- const dataStats = [
- { value: '456', label: '接单量' },
- { value: '10%', label: '加钟率' },
- { value: '70%', label: '好评率' },
- { value: '3%', label: '复购率' },
- { value: '19%', label: '退单率' }
- ];
- // 评价标签数据
- // 使用类型别名避免 UTS 对内联对象字面量的限制
- const evalTags : EvalTag[] = [
- { text: '不良引导', count: 0 },
- { text: '手法不好', count: 101 },
- { text: '性格温柔', count: 198 },
- { text: '服务到位', count: 10 }
- ];
- return (): any | null => {
- const _component_u_icon = resolveEasyComponent("u-icon",_easycom_u_icon)
- const _component_u_switch = resolveEasyComponent("u-switch",_easycom_u_switch)
- const _component_u_floating = resolveEasyComponent("u-floating",_easycom_u_floating)
- return _cE("scroll-view", _uM({
- style: _nS(_uM({"flex":"1"}))
- }), [
- _cE("view", _uM({ class: "page" }), [
- _cE("image", _uM({
- class: "upContent",
- src: _imports_0,
- mode: "aspectFill"
- })),
- _cE("view", _uM({ class: "city-info" }), [
- _cE("view", _uM({ class: "city-text-box" }), [
- _cE("text", null, " 当前城市:" + _tD(cityInfo.value), 1 /* TEXT */)
- ]),
- _cV(_component_u_icon, _uM({
- name: "notification",
- size: 24
- }))
- ]),
- _cE("view", _uM({ class: "user-card" }), [
- _cE("image", _uM({
- class: "user-bg",
- src: _imports_1,
- mode: "scaleToFill"
- })),
- _cE("view", _uM({
- class: "user-info",
- style: _nS(_uM({"padding":"20rpx"}))
- }), [
- _cE("view", _uM({ class: "user-left" }), [
- _cE("view", _uM({ class: "user-info" }), [
- _cE("text", _uM({ class: "user-name" }), " 刘大锤 "),
- _cE("view", _uM({ class: "tags" }), [
- _cE("text", _uM({ class: "tag-new" }), " 新人实习 ")
- ]),
- _cV(_component_u_icon, _uM({
- name: "edit",
- size: 18
- })),
- _cE("text", _uM({ class: "tag" }), " 编辑 ")
- ]),
- _cE("view", _uM({ class: "user-info" }), [
- _cV(_component_u_icon, _uM({
- name: "customer-interests",
- size: 18
- })),
- _cE("text", _uM({ class: "user-role" }), " 小丁理疗师 "),
- _cV(_component_u_icon, _uM({
- name: "store",
- size: 18
- })),
- _cE("text", _uM({ class: "user-shop" }), " 佳人有约 ")
- ]),
- _cE("view", _uM({ class: "online-switch" }), [
- _cV(_component_u_switch, _uM({
- checked: isOnline.value,
- onChange: toggleOnline
- }), null, 8 /* PROPS */, ["checked"])
- ])
- ]),
- _cE("view", _uM({ class: "user-right" }), [
- _cE("text", _uM({ class: "text-time-box" }), " 入驻时间 "),
- _cE("text", _uM({
- class: "text-time-box",
- style: _nS(_uM({"margin-top":"5rpx"}))
- }), "2026.03.01" + _tD(coachInfo.value?.created_at.split(' ')[0]), 5 /* TEXT, STYLE */),
- isTrue(coachInfo.value!=null && coachInfo.value.avatar_url!=null)
- ? _cE("image", _uM({
- key: 0,
- onClick: withModifiers(jumpMasterInfo, ["stop"]),
- src: coachInfo.value!.avatar_url!.url,
- style: _nS(_uM({"width":"138rpx","height":"138rpx","border-radius":"69rpx","margin-top":"15rpx"})),
- mode: "aspectFit"
- }), null, 12 /* STYLE, PROPS */, ["src"])
- : _cE("image", _uM({
- key: 1,
- src: "/static/testInfo/boy-nickname.png",
- style: _nS(_uM({"width":"138rpx","height":"138rpx","border-radius":"69rpx","margin-top":"15rpx"})),
- mode: "aspectFit"
- }), null, 4 /* STYLE */)
- ])
- ], 4 /* STYLE */),
- _cE("view", _uM({ class: "location-bar user-info" }), [
- _cV(_component_u_icon, _uM({
- name: "navigation",
- size: 18
- })),
- _cE("text", _uM({ class: "location-text" }), " 当前定位:烟台市楚凤一街1号楚凤花园 "),
- _cE("text", _uM({ class: "location-btn" }), " 手动更新 ")
- ])
- ]),
- _cE("view", _uM({ class: "stats-row" }), [
- _cE("view", _uM({ class: "stat-item" }), [
- _cE("text", _uM({ class: "stat-label" }), " 本月收益(元) "),
- _cE("text", _uM({ class: "stat-value" }), " 2234.88 ")
- ]),
- _cE("view", _uM({ class: "stat-divider" })),
- _cE("view", _uM({ class: "stat-item" }), [
- _cE("text", _uM({ class: "stat-label" }), " 本月接单量(单) "),
- _cE("text", _uM({ class: "stat-value" }), " 2234.88 ")
- ]),
- _cE("view", _uM({ class: "stat-divider" })),
- _cE("view", _uM({ class: "stat-item" }), [
- _cE("text", _uM({ class: "stat-label" }), " 本月退单率 "),
- _cE("text", _uM({ class: "stat-value" }), " 30% ")
- ])
- ]),
- _cE("view", _uM({ class: "func-grid" }), [
- _cE(Fragment, null, RenderHelpers.renderList(funcList, (item, i, __index, _cached): any => {
- return _cE("view", _uM({
- class: "func-item",
- key: i
- }), [
- _cE("view", _uM({
- onClick: withModifiers(jumpSetProject, ["stop"])
- }), [
- _cE("image", _uM({
- style: _nS(_uM({"width":"92rpx","height":"92rpx"})),
- src: item.iconUrl,
- mode: "aspectFit"
- }), null, 12 /* STYLE, PROPS */, ["src"]),
- _cE("text", _uM({ class: "func-label" }), _tD(item.label), 1 /* TEXT */)
- ])
- ])
- }), 64 /* STABLE_FRAGMENT */)
- ]),
- _cE("view", _uM({ class: "data-section" }), [
- _cE("view", _uM({ class: "section-header" }), [
- _cE("text", _uM({ class: "section-title" }), " 数据统计 "),
- _cE("text", _uM({ class: "section-more" }), " 查看全部 > ")
- ]),
- _cE("view", _uM({ class: "data-grid" }), [
- _cE(Fragment, null, RenderHelpers.renderList(dataStats, (item, i, __index, _cached): any => {
- return _cE("view", _uM({
- class: "data-item",
- key: i
- }), [
- _cE("text", _uM({ class: "data-value" }), _tD(item.value), 1 /* TEXT */),
- _cE("text", _uM({ class: "data-label" }), _tD(item.label), 1 /* TEXT */)
- ])
- }), 64 /* STABLE_FRAGMENT */)
- ])
- ]),
- _cE("view", _uM({ class: "eval-section" }), [
- _cE("view", _uM({ class: "section-header" }), [
- _cE("text", _uM({ class: "section-title" }), " 客户评价 "),
- _cE("text", _uM({ class: "section-more" }), " 查看全部 > ")
- ]),
- _cE("view", _uM({ class: "eval-tags" }), [
- _cE(Fragment, null, RenderHelpers.renderList(evalTags, (tag, i, __index, _cached): any => {
- return _cE("text", _uM({
- class: "eval-tag",
- key: i
- }), _tD(tag.text) + " " + _tD(tag.count > 0 ? tag.count : ''), 1 /* TEXT */)
- }), 64 /* STABLE_FRAGMENT */)
- ]),
- _cE("view", _uM({ class: "eval-item" }), [
- _cE("image", _uM({
- class: "eval-avatar",
- src: "/static/testInfo/boy-nickname.png",
- mode: "aspectFill"
- })),
- _cE("view", _uM({ class: "eval-content" }), [
- _cE("view", _uM({ class: "eval-top" }), [
- _cE("text", _uM({ class: "eval-name" }), " 匿名评价 "),
- _cE("text", _uM({ class: "eval-date" }), " 2025-04-24 ")
- ]),
- _cE("view", _uM({ class: "eval-stars" }), [
- _cE("text", null, " ⭐⭐⭐⭐☆ "),
- _cE("view", _uM({ class: "stat-divider" })),
- _cE("text", _uM({ class: "eval-service" }), " 泰式松骨 ")
- ]),
- _cE("text", _uM({ class: "eval-comment" }), " 服务到位 ")
- ])
- ])
- ]),
- _cV(_component_u_floating, _uM({ onDblclick: callPolice }))
- ])
- ], 4 /* STYLE */)
- }
- }
- })
- export default __sfc__
- const GenPagesIndexConsoleStyles = [_uM([["page", _pS(_uM([["paddingTop", "24rpx"], ["paddingRight", "24rpx"], ["paddingBottom", "24rpx"], ["paddingLeft", "24rpx"]]))], ["upContent", _pS(_uM([["height", "900rpx"], ["width", "750rpx"], ["position", "fixed"], ["top", 0], ["left", 0], ["zIndex", -1]]))], ["city-info", _pS(_uM([["flexDirection", "row"], ["justifyContent", "space-between"]]))], ["user-card", _pS(_uM([["borderTopLeftRadius", "16rpx"], ["borderTopRightRadius", "16rpx"], ["borderBottomRightRadius", "16rpx"], ["borderBottomLeftRadius", "16rpx"], ["marginBottom", "32rpx"], ["boxShadow", "0 4rpx 16rpx rgba(0, 0, 0, 0.06)"]]))], ["user-bg", _pS(_uM([["position", "absolute"], ["right", 0], ["width", "702rpx"]]))], ["user-info", _pS(_uM([["flexDirection", "row"], ["alignItems", "center"], ["marginBottom", "16rpx"], ["justifyContent", "space-between"]]))], ["user-name", _pS(_uM([["fontSize", "40rpx"], ["fontWeight", "bold"], ["color", "#333333"]]))], ["tag", _pS(_uM([["fontSize", "24rpx"]]))], ["tag-new", _pS(_uM([["backgroundImage", "linear-gradient(180deg, rgba(207, 221, 62, 0.69) 0%, rgba(162, 184, 29, 1) 100%)"], ["backgroundColor", "rgba(0,0,0,0)"], ["color", "#FFFFFF"], ["borderTopLeftRadius", "24rpx"], ["borderTopRightRadius", "24rpx"], ["borderBottomRightRadius", "24rpx"], ["borderBottomLeftRadius", "24rpx"], ["marginTop", 0], ["marginRight", "16rpx"], ["marginBottom", 0], ["marginLeft", "16rpx"], ["fontSize", "28rpx"], ["paddingTop", "6rpx"], ["paddingRight", "12rpx"], ["paddingBottom", "6rpx"], ["paddingLeft", "12rpx"]]))], ["tag-edit", _pS(_uM([["color", "#999999"]]))], ["user-role", _pS(_uM([["fontSize", "26rpx"], ["color", "#999999"], ["marginRight", "32rpx"]]))], ["user-shop", _pS(_uM([["fontSize", "26rpx"], ["color", "#999999"], ["marginRight", "32rpx"]]))], ["online-switch", _pS(_uM([["marginTop", "24rpx"]]))], ["online-text", _pS(_uM([["fontSize", "26rpx"], ["color", "#333333"], ["marginRight", "16rpx"]]))], ["user-right", _pS(_uM([["alignItems", "center"], ["width", "180rpx"], ["height", "245rpx"], ["zIndex", 1], ["marginRight", "14rpx"]]))], ["text-time-box", _pS(_uM([["marginTop", "10rpx"], ["fontSize", "24rpx"], ["color", "#ffffff"], ["letterSpacing", "1rpx"], ["textAlign", "center"]]))], ["join-time", _pS(_uM([["textAlign", "center"], ["fontSize", "24rpx"], ["color", "#FFFFFF"], ["backgroundColor", "rgba(0,0,0,0.6)"], ["paddingTop", "8rpx"], ["paddingRight", "16rpx"], ["paddingBottom", "8rpx"], ["paddingLeft", "16rpx"], ["borderTopLeftRadius", "8rpx"], ["borderTopRightRadius", "8rpx"], ["borderBottomRightRadius", "8rpx"], ["borderBottomLeftRadius", "8rpx"], ["marginBottom", "16rpx"]]))], ["avatar", _pS(_uM([["width", "120rpx"], ["height", "120rpx"], ["borderTopLeftRadius", "60rpx"], ["borderTopRightRadius", "60rpx"], ["borderBottomRightRadius", "60rpx"], ["borderBottomLeftRadius", "60rpx"], ["borderTopWidth", "4rpx"], ["borderRightWidth", "4rpx"], ["borderBottomWidth", "4rpx"], ["borderLeftWidth", "4rpx"], ["borderTopStyle", "solid"], ["borderRightStyle", "solid"], ["borderBottomStyle", "solid"], ["borderLeftStyle", "solid"], ["borderTopColor", "#FFFFFF"], ["borderRightColor", "#FFFFFF"], ["borderBottomColor", "#FFFFFF"], ["borderLeftColor", "#FFFFFF"]]))], ["location-bar", _pS(_uM([["display", "flex"], ["alignItems", "center"], ["backgroundImage", "linear-gradient(to right, #FFF9E1 0%, #FFF1BF 100%)"], ["paddingTop", "10rpx"], ["paddingRight", "20rpx"], ["paddingBottom", "10rpx"], ["paddingLeft", "20rpx"], ["borderTopLeftRadius", "18rpx"], ["borderTopRightRadius", "18rpx"], ["borderBottomRightRadius", "18rpx"], ["borderBottomLeftRadius", "18rpx"], ["marginTop", "30rpx"], ["fontSize", "24rpx"], ["justifyContent", "space-between"]]))], ["location-icon", _pS(_uM([["fontSize", "28rpx"], ["marginRight", "16rpx"]]))], ["location-text", _pS(_uM([["fontSize", "26rpx"]]))], ["location-btn", _pS(_uM([["fontSize", "26rpx"], ["borderTopWidth", "2rpx"], ["borderRightWidth", "2rpx"], ["borderBottomWidth", "2rpx"], ["borderLeftWidth", "2rpx"], ["borderTopStyle", "solid"], ["borderRightStyle", "solid"], ["borderBottomStyle", "solid"], ["borderLeftStyle", "solid"], ["borderTopColor", "#0a0a0a"], ["borderRightColor", "#0a0a0a"], ["borderBottomColor", "#0a0a0a"], ["borderLeftColor", "#0a0a0a"], ["paddingTop", "8rpx"], ["paddingRight", "8rpx"], ["paddingBottom", "8rpx"], ["paddingLeft", "8rpx"], ["borderTopLeftRadius", "16rpx"], ["borderTopRightRadius", "16rpx"], ["borderBottomRightRadius", "16rpx"], ["borderBottomLeftRadius", "16rpx"]]))], ["stats-row", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["textAlign", "center"], ["backgroundColor", "#FFFFFF"], ["marginBottom", "32rpx"], ["borderTopLeftRadius", "24rpx"], ["borderTopRightRadius", "24rpx"], ["borderBottomRightRadius", "24rpx"], ["borderBottomLeftRadius", "24rpx"], ["paddingTop", "32rpx"], ["paddingRight", "32rpx"], ["paddingBottom", "32rpx"], ["paddingLeft", "32rpx"], ["boxShadow", "0 4rpx 16rpx rgba(0, 0, 0, 0.05)"]]))], ["stat-item", _pS(_uM([["flexGrow", 1], ["flexShrink", 1], ["flexBasis", "0%"], ["textAlign", "center"]]))], ["stat-label", _pS(_uM([["fontSize", "26rpx"], ["color", "#999999"], ["marginBottom", "24rpx"], ["textAlign", "center"]]))], ["stat-value", _pS(_uM([["fontSize", "40rpx"], ["fontWeight", "bold"], ["color", "#333333"], ["textAlign", "center"]]))], ["stat-divider", _pS(_uM([["width", "2rpx"], ["backgroundColor", "#EEEEEE"], ["marginTop", 0], ["marginRight", "16rpx"], ["marginBottom", 0], ["marginLeft", "16rpx"]]))], ["func-grid", _pS(_uM([["display", "flex"], ["justifyContent", "space-around"], ["backgroundColor", "#FFFFFF"], ["marginBottom", "32rpx"], ["borderTopLeftRadius", "24rpx"], ["borderTopRightRadius", "24rpx"], ["borderBottomRightRadius", "24rpx"], ["borderBottomLeftRadius", "24rpx"], ["paddingTop", "32rpx"], ["paddingRight", 0], ["paddingBottom", "32rpx"], ["paddingLeft", 0], ["boxShadow", "0 4rpx 16rpx rgba(0, 0, 0, 0.05)"], ["flexDirection", "row"]]))], ["func-item", _pS(_uM([["display", "flex"], ["flexDirection", "column"], ["alignItems", "center"]]))], ["func-label", _pS(_uM([["fontSize", "24rpx"], ["color", "#666666"], ["marginTop", "16rpx"]]))], ["data-section", _pS(_uM([["backgroundColor", "#FFFFFF"], ["marginBottom", "32rpx"], ["borderTopLeftRadius", "24rpx"], ["borderTopRightRadius", "24rpx"], ["borderBottomRightRadius", "24rpx"], ["borderBottomLeftRadius", "24rpx"], ["paddingTop", "32rpx"], ["paddingRight", "32rpx"], ["paddingBottom", "32rpx"], ["paddingLeft", "32rpx"], ["boxShadow", "0 4rpx 16rpx rgba(0, 0, 0, 0.05)"]]))], ["section-header", _pS(_uM([["justifyContent", "space-between"], ["alignItems", "center"], ["marginBottom", "32rpx"], ["flexDirection", "row"]]))], ["section-title", _pS(_uM([["fontSize", "32rpx"], ["fontWeight", "400"], ["color", "#333333"]]))], ["section-more", _pS(_uM([["fontSize", "26rpx"], ["color", "#999999"]]))], ["data-grid", _pS(_uM([["justifyContent", "space-between"], ["flexDirection", "row"]]))], ["data-item", _pS(_uM([["textAlign", "center"]]))], ["data-value", _pS(_uM([["fontSize", "36rpx"], ["fontWeight", "bold"], ["color", "#333333"], ["marginBottom", "8rpx"]]))], ["data-label", _pS(_uM([["fontSize", "24rpx"], ["color", "#999999"]]))], ["eval-section", _pS(_uM([["backgroundColor", "#FFFFFF"], ["marginBottom", "32rpx"], ["borderTopLeftRadius", "24rpx"], ["borderTopRightRadius", "24rpx"], ["borderBottomRightRadius", "24rpx"], ["borderBottomLeftRadius", "24rpx"], ["paddingTop", "32rpx"], ["paddingRight", "32rpx"], ["paddingBottom", "32rpx"], ["paddingLeft", "32rpx"], ["boxShadow", "0 4rpx 16rpx rgba(0, 0, 0, 0.05)"]]))], ["eval-tags", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["marginBottom", "32rpx"]]))], ["eval-tag", _pS(_uM([["fontSize", "24rpx"], ["paddingTop", "8rpx"], ["paddingRight", "24rpx"], ["paddingBottom", "8rpx"], ["paddingLeft", "24rpx"], ["backgroundColor", "#F5F5F5"], ["borderTopLeftRadius", "24rpx"], ["borderTopRightRadius", "24rpx"], ["borderBottomRightRadius", "24rpx"], ["borderBottomLeftRadius", "24rpx"]]))], ["eval-item", _pS(_uM([["flexDirection", "row"]]))], ["eval-avatar", _pS(_uM([["width", "80rpx"], ["height", "80rpx"], ["borderTopLeftRadius", "40rpx"], ["borderTopRightRadius", "40rpx"], ["borderBottomRightRadius", "40rpx"], ["borderBottomLeftRadius", "40rpx"]]))], ["eval-content", _pS(_uM([["flexGrow", 1], ["flexShrink", 1], ["flexBasis", "0%"]]))], ["eval-top", _pS(_uM([["justifyContent", "space-between"], ["marginBottom", "8rpx"], ["flexDirection", "row"]]))], ["eval-name", _pS(_uM([["fontWeight", "400"], ["color", "#333333"]]))], ["eval-date", _pS(_uM([["fontSize", "24rpx"], ["color", "#999999"]]))], ["eval-stars", _pS(_uM([["fontSize", "24rpx"], ["color", "#FFD740"], ["marginBottom", "8rpx"], ["flexDirection", "row"]]))], ["eval-service", _pS(_uM([["color", "#999999"], ["marginLeft", "16rpx"], ["fontSize", "28rpx"]]))], ["eval-comment", _pS(_uM([["fontSize", "26rpx"], ["color", "#333333"]]))]])]
|