1

src/components/studyAbroad/studyAbroad-form.vue

@@ -9,31 +9,40 @@
         <div class="row wrap">
           <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.Name" ref="Name"
             class="col-6 q-pr-lg q-pb-lg" label="项目名称" :rules="[val => !!val || '项目名称']" />
-          <q-select filled stack-label option-value="Id" option-label="Name" v-model="objOption.SupplierId"
-            ref="Type" :options="supplierList" label="供应编号" :dense="false" class="col-6 q-pb-lg q-pr-lg" emit-value
-            map-options />
+          <q-select filled stack-label option-value="Id" option-label="Name" v-model="objOption.SupplierId" ref="Type"
+            :options="supplierList" label="供应编号" :dense="false" class="col-6 q-pb-lg q-pr-lg" emit-value map-options />
         </div>
         <div class="row wrap">
-          <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.SupplierContract" ref="SupplierContract"
-            class="col-6 q-pr-lg q-pb-lg" label="供应商合同" :rules="[val => !!val || '供应商合同']" />
-          <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.CommissionProfits" ref="SupplierContract"
-            class="col-6 q-pr-lg q-pb-lg" label="佣金利润说明" :rules="[val => !!val || '佣金利润说明']" />
+          <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.SupplierContract"
+            ref="SupplierContract" class="col-6 q-pr-lg q-pb-lg" label="供应商合同" :rules="[val => !!val || '供应商合同']" />
+          <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.CommissionProfits"
+            ref="SupplierContract" class="col-6 q-pr-lg q-pb-lg" label="佣金利润说明" :rules="[val => !!val || '佣金利润说明']" />
         </div>
         <div class="row wrap">
           <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.SellPrice" ref="SellPrice"
-            class="col-6 q-pr-lg q-pb-lg" label="卖价"" :rules="[val => !!val || '卖价']" />
+            class="col-6 q-pr-lg q-pb-lg" label="卖价"" :rules=" [val=> !!val || '卖价']" />
             <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.CostPrice" ref="CostPrice"
               class="col-6 q-pr-lg q-pb-lg" label="直接成本价" :rules="[val => !!val || '直接成本价']" />
         </div>
         <div class="row wrap">
           <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.CostInfo" ref="CostInfo"
-            class="col-6 q-pr-lg q-pb-lg" label="成本价包含内容"" :rules="[val => !!val || '成本价包含内容']" />
-          <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.B2BCommission" ref="B2BCommission"
-            class="col-6 q-pr-lg q-pb-lg" label="同行返佣" :rules="[val => !!val || '同行返佣']" />
+            class="col-6 q-pr-lg q-pb-lg" label="成本价包含内容"" :rules=" [val=> !!val || '成本价包含内容']" />
+            <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.B2BCommission"
+              ref="B2BCommission" class="col-6 q-pr-lg q-pb-lg" label="同行返佣" :rules="[val => !!val || '同行返佣']" />
         </div>
         <div class="row wrap">
-          <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.SaleCommission" ref="SaleCommission"
-            class="col-6 q-pr-lg q-pb-lg" label="销售返佣" :rules="[val => !!val || '销售返佣']" />
+          <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.SaleCommission"
+            ref="SaleCommission" class="col-6 q-pr-lg q-pb-lg" label="销售返佣" :rules="[val => !!val || '销售返佣']" />
+          <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.OfferPrice" ref="OfferPrice"
+            class="col-6 q-pr-lg q-pb-lg" label="校企报价" :rules="[val => !!val || '校企报价']" />
+        </div>
+        <div class="row wrap">
+          <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.OfferCommission"
+            ref="SaleCommission" class="col-6 q-pr-lg q-pb-lg" label="校企返佣金额" :rules="[val => !!val || '校企返佣金额']" />
+        </div>
+        <div class="row wrap">
+          <q-input filled stack-label :dense="false" v-model="objOption.Remark" style="margin-top: 20px" type="textarea"
+            class="col-12" label="备注" />
         </div>
 
       </q-card-section>
@@ -49,7 +58,8 @@
 <script>
   import {
     saveStudyAbroad,
-    queryStudyAbroadInfo
+    queryStudyAbroadInfo,
+    querySupplierList
   } from '../../api/studyabroad/index'
   export default {
     props: {
@@ -62,37 +72,82 @@
       return {
         persistent: true,
         objOption: {
-          Id:0,
-          Type:1, //1留学 2就业
-          Name:'', //项目名称
-          SupplierId:0, //供应商编号
-          SupplierContract:'', //供应商合同
-          CommissionProfits:'', //佣金利润说明
-          SellPrice:'', //卖价
-          CostPrice:'', //直接成本价
-          CostInfo:'', //成本价包含内容
-          B2BCommission:'', //同行返佣
-          B2BCommissionType:0, //同行返佣类型
-          B2BCommissionType:'', //销售返佣
-          SaleCommissionType:0, //销售返佣类型
-          OfferPrice:'', //校企报价
-          OfferCommissionType:0, //校企报价返佣类型
-          OfferCommission:'', //校企返佣金额
-          Remark:'', //备注
-          SaleState:0 //销售状态(0-待完善，1-上架审核中，2-上架)
+          Id: 0,
+          Type: 1, //1留学 2就业
+          Name: '', //项目名称
+          SupplierId: 0, //供应商编号
+          SupplierContract: '', //供应商合同
+          CommissionProfits: '', //佣金利润说明
+          SellPrice: '', //卖价
+          CostPrice: '', //直接成本价
+          CostInfo: '', //成本价包含内容
+          B2BCommission: '', //同行返佣
+          B2BCommissionType: 0, //同行返佣类型
+          SaleCommissionType: 0, //销售返佣类型
+          OfferPrice: '', //校企报价
+          OfferCommissionType: 0, //校企报价返佣类型
+          OfferCommission: '', //校企返佣金额
+          Remark: '', //备注
+          SaleState: 0 //销售状态(0-待完善，1-上架审核中，2-上架)
         },
         optionTitle: "",
         saveLoading: false,
-        supplierList:[], //供应商下拉数据
+        supplierList: [], //供应商下拉数据
       }
     },
     mounted() {
+      this.getStudyAbroadList();
       this.initObj()
     },
     methods: {
       //初始化表单
       initObj() {
-        
+        if (this.saveObj && this.saveObj.Id > 0) {
+          queryStudyAbroadInfo({
+            Id: this.saveObj.Id
+          }).then(res => {
+            if (res.Code == 1) {
+              var tempObj = res.Data;
+              if (tempObj) {
+                this.addMsg.Id = tempObj.Id;
+                this.addMsg.Type = tempObj.Type;
+                this.addMsg.Name = tempObj.Name;
+                this.addMsg.SupplierId = tempObj.SupplierId;
+                this.addMsg.SupplierContract = tempObj.SupplierContract;
+                this.addMsg.CommissionProfits = tempObj.CommissionProfits;
+                this.addMsg.SellPrice = tempObj.SellPrice;
+                this.addMsg.CostPrice = tempObj.CostPrice;
+                this.addMsg.CostInfo = tempObj.CostInfo;
+                this.addMsg.B2BCommission = tempObj.B2BCommission;
+                this.addMsg.B2BCommissionType = tempObj.B2BCommissionType;
+                this.addMsg.SaleCommissionType = tempObj.SaleCommissionType;
+                this.addMsg.OfferPrice = tempObj.OfferPrice;
+                this.addMsg.OfferCommissionType = tempObj.OfferCommissionType;
+                this.addMsg.OfferCommission = tempObj.OfferCommission;
+                this.addMsg.Remark = tempObj.Remark;
+                this.addMsg.SaleState = tempObj.SaleState;
+              }
+            }
+          })
+        } else {
+          this.addMsg.Id = 0;
+          this.addMsg.Type = 1;
+          this.addMsg.Name = '';
+          this.addMsg.SupplierId = 0;
+          this.addMsg.SupplierContract = '';
+          this.addMsg.CommissionProfits = '';
+          this.addMsg.SellPrice = '';
+          this.addMsg.CostPrice = '';
+          this.addMsg.CostInfo = '';
+          this.addMsg.B2BCommission = '';
+          this.addMsg.B2BCommissionType = 0;
+          this.addMsg.SaleCommissionType = 0;
+          this.addMsg.OfferPrice = '';
+          this.addMsg.OfferCommissionType = 0;
+          this.addMsg.OfferCommission = '';
+          this.addMsg.Remark = '';
+          this.addMsg.SaleState = 0;
+        }
       },
       //关闭弹窗
       closeSaveForm() {
@@ -101,7 +156,32 @@
       },
       //保存菜单
       saveStudyInfo() {
-        
+        this.saveLoading = true;
+        saveStudyAbroad(this.objOption).then(res => {
+          this.saveLoading = false
+          this.$q.notify({
+            icon: 'iconfont icon-chenggong',
+            color: 'accent',
+            timeout: 2000,
+            message: '数据保存成功！',
+            position: 'top'
+          })
+          this.$emit("success");
+          this.closeSaveForm();
+        })
+      },
+      //获取下拉框数据
+      getStudyAbroadList() {
+        querySupplierList({}).then(res => {
+          if (res.Code == 1) {
+            this.supplierList = res.Data;
+            let obj = {
+              Id: 0,
+              Name: '请选择'
+            }
+            this.supplierList.unshift(obj);
+          }
+        })
       }
     }
   }