通过微信开发者工具 商城模板 创建新小程序

mini-program/pages/goods/comments/create/index.js

@@ -0,0 +1,86 @@
+// import { getCommentDetail } from '../../../../services/good/comments/fetchCommentDetail';
+import Toast from 'tdesign-miniprogram/toast/index';
+Page({
+  data: {
+    serviceRateValue: 1,
+    goodRateValue: 1,
+    conveyRateValue: 1,
+    isAnonymous: false,
+    uploadFiles: [],
+    gridConfig: {
+      width: 218,
+      height: 218,
+      column: 3,
+    },
+    isAllowedSubmit: false,
+    imgUrl: '',
+    title: '',
+    goodsDetail: '',
+    imageProps: {
+      mode: 'aspectFit',
+    },
+  },
+
+  onLoad(options) {
+    this.setData({
+      imgUrl: options.imgUrl,
+      title: options.title,
+      goodsDetail: options.specs,
+    });
+  },
+
+  onRateChange(e) {
+    const { value } = e?.detail;
+    const item = e?.currentTarget?.dataset?.item;
+    this.setData({ [item]: value }, () => {
+      this.updateButtonStatus();
+    });
+  },
+
+  onAnonymousChange(e) {
+    const status = !!e?.detail?.checked;
+    this.setData({ isAnonymous: status });
+  },
+
+  handleSuccess(e) {
+    const { files } = e.detail;
+
+    this.setData({
+      uploadFiles: files,
+    });
+  },
+
+  handleRemove(e) {
+    const { index } = e.detail;
+    const { uploadFiles } = this.data;
+    uploadFiles.splice(index, 1);
+    this.setData({
+      uploadFiles,
+    });
+  },
+
+  onTextAreaChange(e) {
+    const value = e?.detail?.value;
+    this.textAreaValue = value;
+    this.updateButtonStatus();
+  },
+
+  updateButtonStatus() {
+    const { serviceRateValue, goodRateValue, conveyRateValue, isAllowedSubmit } = this.data;
+    const { textAreaValue } = this;
+    const temp = serviceRateValue && goodRateValue && conveyRateValue && textAreaValue;
+    if (temp !== isAllowedSubmit) this.setData({ isAllowedSubmit: temp });
+  },
+
+  onSubmitBtnClick() {
+    const { isAllowedSubmit } = this.data;
+    if (!isAllowedSubmit) return;
+    Toast({
+      context: this,
+      selector: '#t-toast',
+      message: '评价提交成功',
+      icon: 'check-circle',
+    });
+    wx.navigateBack();
+  },
+});