新增页面

src/pages/sale/courseoffer.vue

@@ -134,8 +134,10 @@
         <template v-slot:body-cell-optioned="props">
           <q-td :props="props">
             <div>
-              <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
-                @click="editQuotation(props.row)" />
+              <q-btn v-if="props.row.CustomerStatus==1||props.row.CustomerStatus==2" flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
+                @click="editQuotation(props.row)"  />
+
+              <q-btn flat color="primary" label="转订单" @click="offerTransOrder(props.row)" />
               <q-btn flat color="primary" label="详情" @click="gotoDetails(props.row)" />
             </div>
           </q-td>
@@ -146,13 +148,19 @@
         </template>
       </q-table>
     </div>
+
     <q-dialog v-model="showForm" persistent>
       <quotation-form :obj="offerObj" @save="refreshPage()"></quotation-form>
     </q-dialog>
+
+    <q-dialog v-model="showOrderForm" persistent>
+      <offertransorder-form :obj="offerObj" @save="refreshPage()"></offertransorder-form>
+    </q-dialog>
   </div>
 </template>
 <script>
   import quotationForm from '../../components/sale/quotation-form'
+  import offertransorderForm from '../../components/sale/offertransorder-form'
   import {
     queryCourseOfferPage,
   } from '../../api/course/index'
@@ -161,7 +169,8 @@
       title: "报价单"
     },
     components: {
-      quotationForm
+      quotationForm,
+      offertransorderForm
     },
     data() {
       return {
@@ -251,6 +260,7 @@
             field: 'Id'
           }
         ],
+        showOrderForm: false, //是否显示转订单表单
       }
     },
     mounted() {
@@ -258,8 +268,15 @@
       this.getcourseofferpage();
     },
     methods: {
+      //报价单转订单
+      offerTransOrder(item) {
+        this.offerObj = item;
+        this.showOrderForm = true;
+      },
+      //刷新页面
       refreshPage() {
         this.showForm = false;
+        this.showOrderForm = false;
         this.getcourseofferpage();
       },
       gotoDetails(item) {