页面修改

src/components/sale/orderremark-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">{{title}}</span>
+  <q-dialog v-model="IsShowOrderRemarkDialog" content-class="bg-grey-1" persistent transition-show="scale"
+    transition-hide="scale">
+    <q-card style="width: 400px;max-width:500px;">
+      <q-card-section>
+        <div class="text-h6">{{RemarkTitle}}</div>
+      </q-card-section>
+      <q-card-section class="q-pt-none scroll" style="max-height: 70vh">
+        <div class="row wrap">
+          <q-input filled stack-label maxlength="500" :dense="false" v-model="OrderRemarkMsg.Remark" class="col-12"
+            label="备注" />
         </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-section>
+      <q-separator />
+      <q-card-actions align="right" class="bg-white">
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeRemarkForm" />
+        <q-btn label="立即提交" color="accent" class="q-px-md" style="font-weight:400 !important"
+          @click="saveOrderRemark" />
+      </q-card-actions>
     </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 {
+    updateOrderRemark, //修改订单备注
+  } from '../../api/sale/sale'
   export default {
     name: "orderremark-form",
     props: {
       saveObj: {
         type: Object,
         default: null,
+      },
+      remarkType: {
+        type: Number,
+        default: 0,
       }
     },
     data() {
       return {
-        dialog: true,
-        title: '',
-        OrderMsg: {
-          ClassId: 0, //班级编号
-          GuestNum: 0, //人数
-          Unit_Price: 0,
-          PreferPrice: 0,
-          OrderSource: 0,
-          SaleRemark: "",
-          Class_Price: 0,
+        IsShowOrderRemarkDialog: true,
+        RemarkTitle: '',
+        OrderRemarkMsg: {
+          OrderId: 0,
+          Type: 0,
+          Remark: ""
         },
-        StepPriceList: [],
-        UnitPrice: 0,
       }
     },
     created() {
-
+      this.initData();
     },
     methods: {
+      //关闭弹窗
+      closeRemarkForm() {
+        this.IsShowOrderRemarkDialog = false;
+        this.$emit('close');
+      },
+      //初始化数据
+      initData() {
+        this.OrderRemarkMsg.OrderId = this.saveObj.OrderId;
+        switch (this.remarkType) {
+          case 1:
+            this.RemarkTitle = "修改销售备注";
+            this.OrderRemarkMsg.Type = 1;
+            this.OrderRemarkMsg.Remark = this.saveObj.SaleRemark;
+            break;
+          case 2:
+            this.RemarkTitle = "修改教务备注";
+            this.OrderRemarkMsg.Type = 2;
+            this.OrderRemarkMsg.Remark = this.saveObj.TeacherRemark;
+            break;
+          case 3:
+            this.RemarkTitle = "修改校长备注";
+            this.OrderRemarkMsg.Type = 3;
+            this.OrderRemarkMsg.Remark = this.saveObj.RectorRemark;
+            break;
+          case 4:
+            this.RemarkTitle = "修改经理备注";
+            this.OrderRemarkMsg.Type = 4;
+            this.OrderRemarkMsg.Remark = this.saveObj.DirectorRemark;
+            break;
+        }
+      },
       //获取订单信息
-      getOrderInfo() {
-        getClassOrderInfo({
-          OrderId: saveObj.OrderId
-        }).then(res => {
+      saveOrderRemark() {
+        updateOrderRemark(this.OrderRemarkMsg).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
+            this.$q.notify({
+              icon: 'iconfont icon-chenggong',
+              color: 'accent',
+              timeout: 2000,
+              message: '修改成功！',
+              position: 'top'
+            })
+            //调用父页面成功方法
+            this.$emit('success');
+            this.IsShowOrderRemarkDialog = false
           }
         })
       }
     }
   }
+
 </script>