commit message

pages/product/askList.vue

@@ -0,0 +1,135 @@
+<template>
+  <div class="wrapper">
+    <div v-if="!askGoods.goods_id" class="noMore">
+      暂无信息
+    </div>
+    <div class="askBox" v-else>
+      <u-row :gutter="24">
+        <u-col span="2" @click="goodsDetail()">
+          <image class="img" :src="queryGoodsDetail.thumbnail"></image>
+        </u-col>
+        <u-col span="8" @click="goodsDetail()">
+          <h5 style="padding-left:10rpx;">{{queryGoodsDetail.goodsName}}</h5>
+        </u-col>
+
+      </u-row>
+      <u-row>
+        <u-col span="12">
+          <u-input v-model="params.askValue" height="200" type="textarea" :border="border" />
+        </u-col>
+        <u-radio-group v-model="params.anonymous" @change="radioGroupChange">
+          <u-radio @change="radioChange">
+            匿名提交
+          </u-radio>
+        </u-radio-group>
+        <u-col span="12">
+          <u-row :gutter="12">
+            <u-col :offset="1" span="4">
+              <u-button class="btns" @click="askValue=''">清空</u-button>
+            </u-col>
+            <u-col :offset="2" span="4">
+              <u-button class="btns" @click="getAskMessage()" type="success">提交</u-button>
+            </u-col>
+          </u-row>
+        </u-col>
+      </u-row>
+    </div>
+  </div>
+</template>
+<script>
+import * as API_GOODS from "../../api/goods";
+import * as API_MEM from "../../api/members";
+export default {
+  data() {
+    return {
+      askGoods: "",
+      queryGoodsDetail: "",
+      border: true,
+      params: {
+        askValue: "",
+        anonymous: "YES",
+      },
+    };
+  },
+  onLoad(options) {
+    this.askGoods = options;
+    this.getGoodsData();
+  },
+  methods: {
+    getGoodsData() {
+      if (this.askGoods.goods_id) {
+        API_GOODS.getGoods(this.askGoods.goods_id).then((result) => {
+          this.queryGoodsDetail = result.data;
+        });
+      }
+    },
+    getAskMessage() {
+      uni.showLoading();
+      if (this.params.askValue == "") {
+        uni.showToast({
+          title: "请填写内容!",
+          icon: "none",
+        });
+        uni.hideLoading();
+        return false;
+      }
+      API_MEM.consultating(
+        this.askGoods.goods_id,
+        this.params.askValue,
+        this.params.anonymous
+      )
+        .then((res) => {
+          if (res.statusCode == 200) {
+            uni.showToast({
+              title: "提交成功!",
+              icon: "none",
+            });
+            this.askValue = "";
+          }
+          uni.hideLoading();
+        })
+        .catch((err) => {
+          console.log(err);
+          uni.hideLoading();
+        });
+    },
+    radioGroupChange(e) {
+      console.log(e);
+    },
+    radioChange(e) {
+      if (this.anonymous == "YES") {
+        this.anonymous = "NO";
+      } else {
+        this.anonymous = "YES";
+      }
+
+      console.log(e);
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+.img {
+  max-width: 100%;
+  height: 100rpx;
+}
+
+.noMore {
+  text-align: center;
+  margin: 40rpx 0;
+}
+
+.askBox {
+  padding: 32rpx;
+}
+
+/deep/ .u-col {
+  text-align: center;
+  padding: 16rpx 0 !important;
+}
+
+.wrapper {
+  background: #fff;
+  padding: 32rpx 0;
+}
+</style>