查看评价页

src/assets/styles/my/lookEvaluate.scss

+@import "../global.scss";
+.cont{
+    min-height: 100vh;
+    background: #f7f7f7;
+    padding-top: 0.2rem;
+}
+.evaluate-cont{
+    width: 100%;
+    background: #fff;
+    padding: 0.4rem 0.3rem;
+}
+.evaluate-cont .title{
+    color: #000000;
+    font-size: 0.3rem;
+    margin-bottom: 0.3rem;
+}
+.evaluate-cont .eva_detail{
+    color: #000000;
+    font-size: 0.3rem;
+    margin-top: 0.6rem;
+    margin-bottom: 0.4rem;
+}
+.star-item{
+    margin-bottom: 0.6rem;
+}
+.left_title{
+    color: #727272;
+    font-size: 0.3rem;
+    margin-right: 0.3rem;
+}
+.line{
+    width: 6.9rem;
+    height: 1px;
+    background: #F1F1F1;
+    margin-bottom: 0.4rem;  
+}
\ No newline at end of file

src/router/index.js

@@ -53,6 +53,15 @@ const routes = [
             hideBack: true
         },
         component: () => import('@/views/my/charge.vue')
+    },
+    {
+        path: '/lookEvaluate',
+        name: 'lookEvaluate',
+        meta: {
+            title: '查看评价',
+            hideBack: true
+        },
+        component: () => import('@/views/my/lookEvaluate.vue')
     }
 ]
 

src/views/my/charge.vue

@@ -62,7 +62,7 @@
                 </div>
                 <div class="item flex-h flex-vc">
                     <div class="title_left">耗材个数</div>
-                    <input type="number" placeholder="请输入" v-model="item.sl" @input="changeInput($event)" />
+                    <input type="number" placeholder="请输入" v-model="item.sl" @input="changeInput($event,index)" />
                 </div>
                 <div class="item flex-h flex-vc">
                     <div class="title_left">耗材价格</div>
@@ -200,8 +200,15 @@ export default {
 			this.addList[index].mcSelect = false
 			console.log('家对的被动方法',this.addList[index].price);
             // this.total_price = this.addList[index].price
-            this.hc_price = value.price
-		},
+            this.hc_price = this.addList[index].price
+            this.total_price = this.hc_number * this.hc_price
+        },
+        changeInput(e,index){
+            console.log('啊啊啊啊',e);
+            console.log('哎哎哎哎哎哎',index);
+            this.hc_number = e.target.value
+            this.total_price = this.hc_number * this.hc_price
+        },
 		hcCancel(index) {
 			this.addList[index].mcSelect = false
 		},
@@ -219,10 +226,7 @@ export default {
             console.log('删除的项',index);
 			this.addList.splice(index,1)
 		},
-		changeInput(e){
-            this.hc_number = e.target.value
-            this.total_price = this.hc_number * this.hc_price
-        },
+		
 		launch(id){
 			console.log('东西啊啊',this.addList[0].sl);
 			const curParams = {

src/views/my/lookEvaluate.vue

+<template>
+  <div class="cont">
+    <div class="evaluate-cont">
+      <div class="title">整体评价</div>
+      <van-rate readonly void-icon="star" v-model="totalStar" void-color="#eee" color="#FFA300" />
+      <div class="eva_detail">详细评价</div>
+      <div class="flex-h star-item">
+        <div class="left_title">速度</div>
+        <van-rate readonly void-icon="star" v-model="speedStar" void-color="#eee" color="#FFA300" />
+      </div>
+      <div class="flex-h star-item">
+        <div class="left_title">质量</div>
+        <van-rate readonly void-icon="star" v-model="qualityStar" void-color="#eee" color="#FFA300" />
+      </div>
+      <div class="flex-h star-item">
+        <div class="left_title">态度</div>
+        <van-rate readonly void-icon="star" v-model="attitudeStar" void-color="#eee" color="#FFA300" />
+      </div>
+      <div class="line"></div>
+      <div class="comments">
+          <div class="title">评价内容</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            totalStar: 4,
+            speedStar: 2,
+            qualityStar: 3,
+            attitudeStar: 1,
+        }
+    },
+    methods: {
+        onChange(event) {
+            this.setData({
+            value: event.detail,
+            });
+        },
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@assets/styles/my/lookEvaluate.scss";
+</style>
\ No newline at end of file