修改

src/components/sale/orderlist.vue

@@ -100,6 +100,10 @@
                 报价单：<span class="order_OfferId" @click="goQuotation(item.OfferId)"
                   style="font-size:14px;">{{item.OfferId}}</span>
               </div>
+              <div style="margin-top:10px;" v-if="item.VisitorReserveId>0">
+                预约单号：<span class="order_OfferId" @click="goVisitorReser(item.VisitorReserveId)"
+                  style="font-size:14px;">{{item.VisitorReserveId}}</span>
+              </div>
               <template v-if="item.IsCommissionGive==1">
                 <div style="color:red" v-if="item.YFCommissionMoney>0">应发提成：{{item.YFCommissionMoney}}</div>
                 <div style="color:red;cursor: pointer;text-decoration: underline;" @click='gourltx(item.OrderId)'>已发提成：{{item.CommissionMoney}}</div>
@@ -965,6 +969,12 @@
           Id: Id
         });
       },
+      //跳转到预约单号
+      goVisitorReser(Id){
+        this.OpenNewUrl("/sale/appointManagement", {
+          Id: Id
+        });
+      },
       //弹出退课名单
       getTkshow(data) {
         let Tkshow = false;

src/components/schedul/appodetail-form.vue

+<style>
+  .editOrderDrawerTop {
+    width: 100%;
+    height: 50px;
+    display: flex;
+    justify-content: space-between;
+    background-color: #f0f5fb;
+    padding: 5px 10px;
+    align-items: center;
+  }
+
+</style>
+
+<!--订单操作-->
+<template>
+  <q-dialog v-model="IsShowEditOrder" maximized full-height seamless position="right">
+    <q-card style="margin-top:61px;width:500px" class="no-border-radius classinfo_Dialog">
+      <div class="editOrderDrawerTop">
+        <div style="display:flex;align-items:center;margin-left:10px;">
+          <span class="drawer_Span">转订单</span>
+        </div>
+      </div>
+      <div style="padding:20px 15px;">
+        <q-input filled stack-label maxlength="100" readonly :dense="false"
+          v-model="saveObj.VisitorName" class="col-12 q-pb-lg" label="客户名称" />
+        <q-input filled stack-label maxlength="100" readonly :dense="false"
+          v-model="saveObj.ClassDateStr" class="col-12 q-pb-lg" label="日期" />
+        <q-input filled stack-label maxlength="100" readonly :dense="false"
+          v-model="saveObj.TeacherName" class="col-12 q-pb-lg" label="老师" />
+        <q-input filled stack-label maxlength="100" readonly :dense="false"
+          v-model="saveObj.RoomName" class="col-12 q-pb-lg" label="教室" />
+        <q-input filled stack-label maxlength="100" readonly :dense="false"
+          v-model="saveObj.OrderId" class="col-12 q-pb-lg" label="订单编号" />
+        <q-input filled stack-label maxlength="100" readonly :dense="false"
+          v-model="saveObj.ReserveStatusStr" class="col-12 q-pb-lg" label="状态" />
+        <q-input filled stack-label :dense="false" readonly v-model="saveObj.ClassContent"
+          type="textarea" class="col-12 q-pb-lg" label="主讲内容" />
+        <div style="margin:30px 10px 70px 0;">
+          <q-btn class="q-mr-md" label="取消" @click="closeEditOrder" />
+        </div>
+      </div>
+    </q-card>
+    <div class="dialog-out-close" @click="closeEditOrder"
+      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>
+  export default {
+    props: {
+      saveObj: {
+        type: Object,
+        default: null,
+      }
+    },
+    data() {
+      return {
+        IsShowEditOrder: true
+      }
+    },
+    created() {
+     
+    },
+    mounted() {
+    },
+    watch: {
+
+    },
+    methods: {
+      //关闭弹窗
+      closeEditOrder() {
+        this.IsShowEditOrder = false;
+        this.$emit('close')
+      },
+    }
+  }
+
+</script>

src/pages/sale/appointManagement.vue

@@ -9,6 +9,8 @@
       </template>
       <template v-slot:body-cell-Id="props">
         <q-td :props="props">
+          <q-btn flat size="xs" @click="getDetail(props.row)" icon="iconfont icon-View" color="accent"
+            style="font-weight:400" label="详情" />
           <q-btn-dropdown flat size="xs" color="dark" label="更多" style="margin-left:10px;">
             <q-list>
               <q-item clickable v-close-popup @click="ExchangeOrder(props.row)">
@@ -37,6 +39,7 @@
     </q-table>
     <yuekeForm v-if="isShowYue" :ChoiceType="ChoiceType" :save-obj="visitorItem" @close="closeYuekeForm" @success="refreshPage"></yuekeForm>
     <exorderForm v-if="isShowExOrder" :save-obj="orderObj" @close="closeOrderForm" @success="refreshPage"></exorderForm>
+    <appodetailForm v-if="isShowDetail" :save-obj="orderObj" @close="closeAppForm"></appodetailForm>
   </div>
 </template>
 
@@ -46,14 +49,15 @@
   } from '../../api/scheduling/schedu'
   import yuekeForm from '../../components/schedul/yueke-form'
   import exorderForm from '../../components/schedul/exorder-form'
-
+  import appodetailForm from '../../components/schedul/appodetail-form'
   export default {
     meta: {
       title: "约课管理"
     },
     components: {
       yuekeForm,
-      exorderForm
+      exorderForm,
+      appodetailForm
     },
     data() {
       return {
@@ -100,6 +104,12 @@
             field: 'ClassContent',
             align: 'left'
           },
+          {
+            name: 'OrderId',
+            label: '订单编号',
+            field: 'OrderId',
+            align: 'left'
+          },
           {
             name: 'ReserveStatusStr',
             label: '状态',
@@ -116,7 +126,8 @@
         ChoiceType:0,
         visitorItem:{},//选中的对象
         isShowExOrder:false,
-        orderObj:{}
+        orderObj:{},
+        isShowDetail:false //显示详情
       }
     },
 
@@ -136,7 +147,6 @@
       //获取课程系列分页列表
       getList() {
         queryVisitorReservePage(this.msg).then(res => {
-          console.log(res, '数据');
           if (res.Code == 1) {
             this.dataList = res.Data.PageData;
             this.PageCount = res.Data.PageCount;
@@ -152,10 +162,13 @@
       },
      //关闭弹窗
       closeYuekeForm() {
-        this.isShowYue = false
+        this.isShowYue = false;
       },
       closeOrderForm(){
-        this.isShowExOrder = false
+        this.isShowExOrder = false;
+      },
+      closeAppForm(){
+        this.isShowDetail = false;
       },
       //刷新页面
       refreshPage() {
@@ -164,8 +177,13 @@
       ExchangeOrder(item){
         this.orderObj = item;
         this.isShowExOrder=true;
+      },
+      //查看详情
+      getDetail(item){
+        this.orderObj = item;
+        this.isShowDetail = true;
+        console.log(item,'item');
       }
-
     }
   }