学院缴费 总现价 总原价

11

dist/static/css/chunk-afd7c80e.b0b7f24f.css

@@ -1 +0,0 @@
-.studenTable[data-v-0e2e161a]{height:300px;overflow:auto}.infoMsg[data-v-0e2e161a]{margin:30px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:center}.infoMsg .title[data-v-0e2e161a]{color:#999;font-size:14px;line-height:30px;min-width:100px}.infoMsg .status[data-v-0e2e161a]{font-size:20px}.infoMsg .left[data-v-0e2e161a]{width:200px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:200px}.infoMsg .left[data-v-0e2e161a],.infoMsg .right[data-v-0e2e161a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;height:60px}.infoMsg .right[data-v-0e2e161a]{text-align:center;line-height:30px;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.infoMsg .right .expectBox[data-v-0e2e161a]{width:220px;border-right:1px solid #ccc}.infoMsg .right .expectBox[data-v-0e2e161a]:last-child{border-right:none!important}.infoMsg .right .expectBox.first[data-v-0e2e161a]{width:300px}.wrap[data-v-0e2e161a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.wrap div[data-v-0e2e161a]{margin-right:20px}.inputStyle[data-v-0e2e161a]{width:180px}

src/views/resetTeaming/components/strudentPayInfo.vue

@@ -351,7 +351,7 @@
                    @click="submitAddStudent">确 定</el-button>
       </div>
     </el-dialog>
-    <el-dialog width="500px"
+    <el-dialog width="700px"
                title="查看缴费详情"
                :visible.sync="detailVisible">
       <studentPayDetail :msgList='msgList'

src/views/resetTeaming/modals/studentPayDetail.vue

@@ -19,10 +19,21 @@
           }}
         </div>
       </el-form-item>
+      <el-form-item label="总现价">
+        <div>{{allCurrentPrice |moneyFormat}}元</div>
+      </el-form-item>
+      <el-form-item label="总原价">
+        <div>{{ allOriginalPrice | moneyFormat}}元</div>
+      </el-form-item>
       <el-form-item label="课程详情">
-        <div class="inputStyle"
-             style="width:500px">
-          <p v-for="(item,index) in msgList">{{item.courseType | coursesType}}: 课程时长:{{item.courseTotalMinuties}}分钟 原价:{{item.courseOriginalPrice}}元 现价{{item.courseCurrentPrice}}元</p>
+        <div class="inputStyle">
+          <div v-for="(item,index) in msgList"
+               class="infoMsg">
+            <p class="name">{{item.courseType | coursesType}}:</p>
+            <p class="courseTime">课程时长:{{item.courseTotalMinuties}}分钟</p>
+            <p>原价:{{item.courseOriginalPrice | moneyFormat}}元</p>
+            <p>现价{{item.courseCurrentPrice | moneyFormat}}元</p>
+          </div>
         </div>
       </el-form-item>
     </el-form>
@@ -48,21 +59,39 @@ export default {
   mounted () { },
   methods: {},
   computed: {
-    infoMsg () {
+    allCurrentPrice () {
       // courseType
-      let str = ''
+      let num = 0;
+      this.msgList.forEach(item => {
+        num += item.courseCurrentPrice
+      })
+      return num
+    },
+    allOriginalPrice () {
+      let num = 0;
       this.msgList.forEach(item => {
-        courseType.forEach(course => {
-          if (item.courseType == course.value) {
-            str += `${course.label}/${item.courseTotalMinuties}分钟、`
-          }
-        })
+        num += item.courseOriginalPrice
       })
-      str = str.substring(0, str.length - 1) + '。'
-      return str
+      return num
+
     }
   }
 }
 </script>
 <style lang="scss" scoped>
+.infoMsg {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  p {
+    width: 120px;
+    padding-right: 10px;
+  }
+  .name {
+    text-align: right;
+  }
+  .courseTime {
+    width: 150px;
+  }
+}
 </style>