增加商城订单评价

src/api/store/storeOrder.js

@@ -195,3 +195,11 @@ export function getCustomerOrderList(query) {
     params: query
   })
 }
+//修改评论
+export function updateCommentInfo(data) {
+  return request({
+    url: '/store/storeOrder/comment',
+    method: 'put',
+    data: data
+  })
+}

src/views/components/store/storeOrderDetails.vue

@@ -52,6 +52,9 @@
           <div class="operate-button-container" v-if="order.status >=1 && order.extendOrderId == null && order.deliveryId == null"  v-hasPermi="['store:storeOrder:createErpOrder']"  >
             <el-button size="mini" @click="addErpOrder()" >创建ERP订单信息</el-button>
           </div>
+        <div class="operate-button-container" >
+          <el-button size="mini" @click="replyComment()">回复用户评价</el-button>
+        </div>
           <!-- <div class="operate-button-container" v-show="order.status===2">
             <el-button size="mini"  >去发货</el-button>
             <el-button size="mini" >备注订单</el-button>
@@ -529,15 +532,51 @@
       </div>
     </el-dialog>
 
+    <el-dialog title="回复评价" :visible.sync="replyCommentOpen" width="600px" append-to-body :close-on-click-modal="false">
+      <el-form ref="replyCommentForm" :model="replyCommentForm" :rules="replyCommentRules" label-width="120px">
+         <el-form-item label="用户评价" prop="content"  >
+          <el-input disabled v-model="replyCommentForm.content" placeholder="请输入用户评价" type="textarea" />
+        </el-form-item>
+         <el-form-item label="评价星级" prop="rating"  >
+          <!-- <el-input  v-model="replyCommentForm.rating" placeholder="请输入评价星级" /> -->
+           <el-rate
+                    v-model="replyCommentForm.rating"
+                    disabled
+                    show-score
+                    text-color="#ff9900"
+                    score-template="{value}">
+            </el-rate>
+        </el-form-item>
+         <el-form-item label="评价附图" prop="imageUrl"  >
+            <img :src="replyCommentForm.imageUrl" style="height: 80px">
+        </el-form-item>
+         <el-form-item label="评价时间" prop="createTime"  >
+          <el-input disabled v-model="replyCommentForm.createTime" placeholder="请输入评价时间" />
+        </el-form-item>
+        <el-form-item label="商家回复" prop="merchantReply"  >
+          <el-input v-model="replyCommentForm.merchantReply" placeholder="请输入商家回复" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitreplyCommentForm">确 定</el-button>
+        <el-button @click="replyCommentOpen = false">取 消</el-button>
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
 <script>
-import {afterSales,auditPayRemain,addTuiMoney,syncExpress,updateExpress,getEroOrder,refundOrderMoney, editTuiMoney,getExpress,finishOrder,listStoreOrder, getStoreOrder, delStoreOrder, addStoreOrder, updateStoreOrder, exportStoreOrder,updateDeliveryId, createErpOrder,updateErp,getStoreOrderAddress,getStoreOrderPhone} from "@/api/store/storeOrder";
+import {afterSales,auditPayRemain,addTuiMoney,syncExpress,updateExpress,getEroOrder,refundOrderMoney,
+   editTuiMoney,getExpress,finishOrder,listStoreOrder, getStoreOrder, delStoreOrder, 
+   addStoreOrder, updateStoreOrder, exportStoreOrder,updateDeliveryId, createErpOrder,
+   updateErp,getStoreOrderAddress,getStoreOrderPhone,updateCommentInfo} from "@/api/store/storeOrder";
 export default {
   name: "order",
   data() {
     return {
+      replyCommentForm:{},
+      replyCommentOpen:false,
       isPrescribe:[],
       dialogVisibleImage: false,
       createTypeOptions:[],
@@ -628,6 +667,35 @@ export default {
     });
   },
   methods: {
+    //提交回复
+    submitreplyCommentForm(){
+      let _this = this;
+       this.$refs["replyCommentForm"].validate(valid => {
+        if (valid) {
+          updateCommentInfo(this.replyCommentForm).then(res=>{
+               _this.msgSuccess("操作成功");
+               _this.getOrder(_this.order.id);
+               _this.replyCommentOpen = false;
+          }).catch(res=>{
+            console.log(res);
+            _this.replyCommentOpen = false;
+          });
+        }
+      });
+    },
+     //回复订单评论
+     replyComment(){
+      let _this = this;
+      if(null == this.order.commentId || undefined == this.order.commentId || '' == this.order.commentId){
+        this.$message.error("订单尚未评价，不能回复");
+        return;
+      }
+      getCommentInfo(this.order.commentId).then(res=>{
+          _this.replyCommentOpen = true;
+          console.log(res.data);
+          _this.replyCommentForm = res.data;
+      })
+     },
     handleAddress(){
       const id = this.order.id;
       getStoreOrderAddress(id).then(response =>{