页面修改

src/components/sale/editOrder-form.vue

+<template>
+  <q-dialog v-model="dialog" maximized full-height seamless position="right">
+    <q-card style="margin-top:61px;width:500px" class="no-border-radius classinfo_Dialog">
+      <div class="drawerTop">
+        <div style="display:flex;align-items:center;margin:20px 0 0 20px;">
+          <span class="drawer_Span">修改订单</span>
+        </div>
+      </div>
+      <div style="padding:20px 15px;">
+        <q-input filled stack-label maxlength="100" :dense="false" v-model="OrderMsg.GuestNum" type="number"
+          @input="peopleNumber" class="col-12" label="人数" :rules="[val => !!val || '请填写人数']" />
+        <q-input filled stack-label :dense="false" v-model="OrderMsg.Unit_Price" :disable="UPrice==true?false:true"
+          @blur="priceNumber" class="col-12" label="成交单价" :rules="[val => !!val || '请填成交单价']" />
+        <q-toggle v-model="UPrice" label="高于定价收生" class="q-mb-md" @change="resetSearch" />
+        <q-select standout="bg-primary text-white" option-value="Id" option-label="Name" v-model="OrderMsg.OrderSource"
+          :options="SourceEnumList" emit-value map-options label="客人来源" />
+        <q-input filled stack-label :dense="false" v-model="OrderMsg.SaleRemark" style="margin-top: 20px"
+          type="textarea" class="col-12" label="备注" />
+        <div style="margin:30px 10px 0 0;">
+          <q-btn class="q-mr-md" label="取消" @click="dialog=false" />
+          <q-btn color="accent" class="q-mr-md" label="保存" @click="saveSatMsg()" />
+        </div>
+      </div>
+    </q-card>
+    <div class="dialog-out-close" @click="dialog=false"
+      style="height:40px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;">
+      <q-icon name="iconfont icon-jujue1" size="26px" />
+    </div>
+  </q-dialog>
+</template>
+<script>
+  import {
+    getClassOrderInfo, //获取订单操作日志列表
+  } from '../../api/sale/sale'
+  export default {
+    name: "editorder-form",
+    props: {
+      saveObj: {
+        type: Object,
+        default: null,
+      }
+    },
+    data() {
+      return {
+        dialog: true,
+        tab: '1',
+        OrderMsg: {
+          ClassId: 0, //班级编号
+          GuestNum: 0, //人数
+          Unit_Price: 0,
+          PreferPrice: 0,
+          OrderSource: 0,
+          SaleRemark: "",
+          Class_Price: 0,
+        },
+        StepPriceList: [],
+        UnitPrice: 0,
+      }
+    },
+    created() {
+
+    },
+    methods: {
+      //获取订单信息
+      getOrderInfo() {
+        getClassOrderInfo({
+          OrderId: saveObj.OrderId
+        }).then(res => {
+          if (res.Code == 1) {
+            this.OrderMsg.ClassId = res.Data.OrderInfo.ClassId;
+            this.OrderMsg.GuestNum = res.Data.OrderInfo.GuestNum;
+            this.OrderMsg.Unit_Price = res.Data.OrderInfo.Unit_Price;
+            this.OrderMsg.PreferPrice = res.Data.OrderInfo.PreferPrice;
+            this.OrderMsg.OrderSource = res.Data.OrderInfo.OrderSource;
+            this.OrderMsg.SaleRemark = res.Data.OrderInfo.SaleRemark;
+            this.OrderMsg.Class_Price = res.Data.OrderInfo.Class_Price;
+            this.UnitPrice = this.OrderMsg.Unit_Price
+            this.StepPriceList = res.Data.StepPriceList;
+            this.dialog = true
+          }
+        })
+      }
+    }
+  }
+
+</script>

src/components/sale/orderitem.vue

-<template>
-    <tbody>
-    </tbody>
-</template>

src/pages/course/classManage.vue

@@ -3,20 +3,20 @@
     <div class="page-search row items-center">
       <div class="col row wrap q-mr-lg q-col-gutter-md">
         <div class="col-3">
-          <q-input @change="getClassList" clearable standout="bg-primary text-white" v-model="msg.ClassName" label="班级名称"
-            @clear="getClassList" />
+          <q-input @change="getClassList" clearable standout="bg-primary text-white" v-model="msg.ClassName"
+            label="班级名称" @clear="getClassList" />
         </div>
         <div class="col-3">
           <q-select @input="getClassList" standout="bg-primary text-white" option-value="Id" option-label="Name"
             v-model="msg.ClassStatus" :options="classStatusList" emit-value map-options label="课程状态" />
         </div>
         <div class="col-3">
-          <q-input @change="getClassList" clearable standout="bg-primary text-white" v-model="msg.TeacherName" label="带班老师"
-            @clear="getClassList" />
+          <q-input @change="getClassList" clearable standout="bg-primary text-white" v-model="msg.TeacherName"
+            label="带班老师" @clear="getClassList" />
         </div>
         <div class="col-3">
-          <q-input @change="getClassList" clearable standout="bg-primary text-white" v-model="msg.CourseName" label="学习课程"
-            @clear="getClassList" />
+          <q-input @change="getClassList" clearable standout="bg-primary text-white" v-model="msg.CourseName"
+            label="学习课程" @clear="getClassList" />
         </div>
         <div class="col-3">
           <q-select @input="getClassList" standout="bg-primary text-white" option-value="SId" option-label="SName"
@@ -34,7 +34,8 @@
           <q-td auto-width :props="props">
             <q-avatar size="md" style="background:#d4dfff;color:#2961FE;font-weight:bold;" v-if="props.row.ClassName">
               {{GetFirst(props.row.ClassName)}}</q-avatar>
-            <span style="color:#2961FE;margin-left:10px;cursor:pointer;" @click="getClassInfo(props.row)" title="点击查看详情">{{props.row.ClassName}}</span>
+            <span style="color:#2961FE;margin-left:10px;cursor:pointer;" @click="getClassInfo(props.row)"
+              title="点击查看详情">{{props.row.ClassName}}</span>
           </q-td>
         </template>
         <template v-slot:body-cell-TeacherName="props">
@@ -49,15 +50,15 @@
             <i class="iconfont icon-ren-" style="color:#3FC4FF;margin-left:30px;"></i>当前 <span
               style="color:#3FC4FF">{{props.row.OrderStudentCount}}</span>
             <q-linear-progress rounded size="20px"
-              :value="getProgress(props.row.OrderStudentCount,props.row.ClassPersion)" style="background-color:#EEEEEF;color:#3FC4FF"
-              class="q-mt-sm" />
+              :value="getProgress(props.row.OrderStudentCount,props.row.ClassPersion)"
+              style="background-color:#EEEEEF;color:#3FC4FF" class="q-mt-sm" />
           </q-td>
         </template>
         <template v-slot:body-cell-CompleteProgress="props">
           <q-td auto-width :props="props">
             已进行{{props.row.CompleteProgress}}%
-            <q-linear-progress rounded size="20px" :value="getProgress(props.row.CompleteProgress,100)" style="background-color:#EEEEEF;color:#3FC4FF"
-              class="q-mt-sm" />
+            <q-linear-progress rounded size="20px" :value="getProgress(props.row.CompleteProgress,100)"
+              style="background-color:#EEEEEF;color:#3FC4FF" class="q-mt-sm" />
           </q-td>
         </template>
         <template v-slot:bottom>
@@ -66,7 +67,7 @@
         </template>
         <template v-slot:body-cell-optioned="props">
           <q-td :props="props">
-            <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="订单中心"></q-btn>
+            <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="订单中心" @click="gotoOrder(props.row)"></q-btn>
             <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="收支明细"></q-btn>
             <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
               @click="EditCourse(props.row)" />
@@ -162,7 +163,7 @@
         msg: {
           pageIndex: 1,
           pageSize: 12,
-          rowsPerPage:12,
+          rowsPerPage: 12,
           ClassName: '', //班级名称
           ClassStatus: 0, //班级状态
           TeacherName: '', //带班老师
@@ -175,7 +176,7 @@
         schoolList: [],
         pageCount: 0,
         classObjOption: null,
-        isShowClassInfo:false, //是否显示课程信息
+        isShowClassInfo: false, //是否显示课程信息
       }
     },
     created() {
@@ -186,6 +187,13 @@
       this.getClassList();
     },
     methods: {
+      gotoOrder(item) {
+        console.log("item", item);
+        var tempStr = '/course/classorder?ClassId=' + item.ClassId;
+        this.$router.push({
+          path: tempStr
+        });
+      },
       //获取校区列表
       getSchool() {
         getSchoolDropdown({}).then(res => {
@@ -251,23 +259,23 @@
       },
       //获取进度条
       getProgress(num, total) {
-        if (num == 0 || total == 0){
+        if (num == 0 || total == 0) {
           return 0;
         }
         return (Math.round(num / total * 100) / 100.00);
       },
       //关闭班级信息弹窗
-      closeClass(){
+      closeClass() {
         this.isShowClassInfo = false
       },
       //刷新
-      refreshClass(){
+      refreshClass() {
 
       },
       //点击班级名称
-      getClassInfo(obj){
-        this.classObjOption=obj;
-        this.isShowClassInfo=true;
+      getClassInfo(obj) {
+        this.classObjOption = obj;
+        this.isShowClassInfo = true;
       }
     }
   }