80 lines
1.6 KiB
TypeScript
80 lines
1.6 KiB
TypeScript
Component({
|
||
properties: {
|
||
/** 控制弹窗显示/隐藏 */
|
||
visible: {
|
||
type: Boolean,
|
||
value: false,
|
||
},
|
||
/** 客户名（弹窗标题显示） */
|
||
customerName: {
|
||
type: String,
|
||
value: '',
|
||
},
|
||
/** 初始评分 0-10 */
|
||
initialScore: {
|
||
type: Number,
|
||
value: 0,
|
||
},
|
||
/** 初始备注内容 */
|
||
initialContent: {
|
||
type: String,
|
||
value: '',
|
||
},
|
||
},
|
||
|
||
observers: {
|
||
'visible, initialScore, initialContent'(visible: boolean) {
|
||
if (visible) {
|
||
const clamped = Math.max(0, Math.min(10, this.data.initialScore))
|
||
this.setData({
|
||
starValue: clamped / 2,
|
||
content: this.data.initialContent,
|
||
score: clamped,
|
||
})
|
||
}
|
||
},
|
||
},
|
||
|
||
data: {
|
||
/** 星星值 0-5（半星制） */
|
||
starValue: 0,
|
||
/** 内部评分 0-10 */
|
||
score: 0,
|
||
/** 备注内容 */
|
||
content: '',
|
||
},
|
||
|
||
methods: {
|
||
/** 星星评分变化 */
|
||
onRateChange(e: WechatMiniprogram.CustomEvent<{ value: number }>) {
|
||
const starVal = e.detail.value
|
||
this.setData({
|
||
starValue: starVal,
|
||
score: starVal * 2,
|
||
})
|
||
},
|
||
|
||
/** 文本内容变化 */
|
||
onContentChange(e: WechatMiniprogram.CustomEvent<{ value: string }>) {
|
||
this.setData({ content: e.detail.value })
|
||
},
|
||
|
||
/** 确认提交 */
|
||
onConfirm() {
|
||
if (!this.data.content.trim()) return
|
||
this.triggerEvent('confirm', {
|
||
score: this.data.score,
|
||
content: this.data.content.trim(),
|
||
})
|
||
},
|
||
|
||
/** 取消关闭 */
|
||
onCancel() {
|
||
this.triggerEvent('cancel')
|
||
},
|
||
|
||
/** 阻止冒泡 */
|
||
noop() {},
|
||
},
|
||
})
|