新增页面

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>
+        </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>
+  export default {
+    name: "orderremark-form",
+    props: {
+      saveObj: {
+        type: Object,
+        default: null,
+      }
+    },
+    data() {
+      return {
+        dialog: true,
+        title: '',
+        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>