页面修改

src/components/course/course-form.vue

@@ -17,9 +17,8 @@
         </div>
         <div class="row wrap">
           <div class="col-6 q-pb-lg q-pr-lg">
-            <q-uploader :style="{ backgroundImage: 'url(' + objOption.CoverImg + ')' }"
-              style="width: auto; height: 139px" flat hide-upload-btn max-files="1" label="课程封面" accept=".jpg, image/*"
-              :factory="uploadFile" auto-upload>
+            <q-uploader :style="{ backgroundImage: 'url(' + objOption.CoverImg + ')' }" style="width: auto; height: 139px"
+              flat hide-upload-btn max-files="1" label="课程封面" accept=".jpg, image/*" :factory="uploadFile" auto-upload>
             </q-uploader>
           </div>
           <div class="col-6 q-pr-lg q-pb-lg">
@@ -133,23 +132,23 @@
           </div>
         </div>
 
-        <div class="row" v-if="objOption.IsScrollClass==1">
+        <div class="row" v-if="objOption.IsScrollClass == 1">
           <q-input filled stack-label v-model="objOption.ScrollMinNum" ref="ScrollMinNum" class="col-6 q-pr-lg q-pb-lg"
             label="最小上课人数" :rules="[val => !!val || '请填写最小上课人数']" />
           <q-input filled stack-label v-model="objOption.ScrollMaxNum" ref="ScrollMaxNum" class="col-6 q-pr-lg q-pb-lg"
             label="最大上课人数" :rules="[val => !!val || '请填写最大上课人数']" />
         </div>
         <div class="row">
-          <q-input filled stack-label v-model="objOption.FreeCoffeeNum" ref="FreeCoffeeNum"
-            class="col-6 q-pr-lg q-pb-lg" label="赠送咖啡杯数" :rules="[val => val >=0 || '请填写赠送咖啡杯数']" />
-          <q-input filled stack-label v-model="objOption.AddHoursMoney" ref="AddHoursMoney"
-            class="col-6 q-pr-lg q-pb-lg" label="课程增加课时费" :rules="[val => val >=0 || '请填写课程增加课时费']" />
+          <q-input filled stack-label v-model="objOption.FreeCoffeeNum" ref="FreeCoffeeNum" class="col-6 q-pr-lg q-pb-lg"
+            label="赠送咖啡杯数" :rules="[val => val >= 0 || '请填写赠送咖啡杯数']" />
+          <q-input filled stack-label v-model="objOption.AddHoursMoney" ref="AddHoursMoney" class="col-6 q-pr-lg q-pb-lg"
+            label="课程增加课时费" :rules="[val => val >= 0 || '请填写课程增加课时费']" />
         </div>
         <div class="row wrap">
           <div class="col-6">
-            <q-select filled stack-label option-value="Id" option-label="Name" v-model="CourseEmphasis" multiple
-              use-chips ref="CourseEmphasis" :options="keynoteList" label="课程重点" class="col-6 q-pr-lg q-pb-lg"
-              emit-value map-options />
+            <q-select filled stack-label option-value="Id" option-label="Name" v-model="CourseEmphasis" multiple use-chips
+              ref="CourseEmphasis" :options="keynoteList" label="课程重点" class="col-6 q-pr-lg q-pb-lg" emit-value
+              map-options />
           </div>
           <div class="col-6 q-pb-lg q-pr-lg">
             <q-uploader :style="{ backgroundImage: 'url(' + objOption.B2BIcon + ')' }" style="width: auto; " flat
@@ -188,6 +187,18 @@
               :true-value="1" v-model="objOption.IsKCourse" />
           </div>
         </div>
+        <div class="row wrap">
+          <div class="col-9">
+            <q-field stack-label class="col-3 q-pr-lg" prefix="是否显示:" borderless>
+              <template v-slot:control>
+                <q-radio v-model="objOption.SaleState" :val="1" label="显示" />
+                <q-radio v-model="objOption.SaleState" :val="2" label="隐藏" />
+              </template>
+            </q-field>
+          </div>
+          <div class="col-3">
+          </div>
+        </div>
         <div class="row col-12" v-if="choosePlat.find(e => e == 4)">
           <span class="q-mb-sm">选择分类：</span>
           <q-card class="full-width">
@@ -208,8 +219,8 @@
 </template>
 
 <script>
-  import ColorThief from "colorthief";
-  import {
+import ColorThief from "colorthief";
+import {
   queryCourseCategoryTree,
   saveCourseInfo,
   queryCourseInfo,
@@ -217,22 +228,22 @@
   getCourseRate,
   getCourseSubject,
   getCourseEmphasisEnumList
-  } from "../../api/course/index";
-  import {
+} from "../../api/course/index";
+import {
   getTeacherDropDownList,
   GetBankTypeList
-  } from "../../api/school/index";
-  import {
+} from "../../api/school/index";
+import {
   UploadSelfFile
-  } from "../../api/common/common";
-  import {
+} from "../../api/common/common";
+import {
   getScrollCourseTimeList
-  } from "../../api/course/roll";
-  import extEditor from "../common/ext-editor";
-  import {
+} from "../../api/course/roll";
+import extEditor from "../common/ext-editor";
+import {
   mapState
-  } from "vuex";
-  export default {
+} from "vuex";
+export default {
   components: {
     extEditor
   },
@@ -280,6 +291,7 @@
         OpenBankLevelList: [], //开放题库
         ChineseHours: "", //中教课时
         ForeignHours: "", //外教课时
+        SaleState: 1,//上架状态(1-上架，2-下架)
       },
       CourseTimeList: [], //上课时段列表
       CourseEmphasis: [], //数据临时存放
@@ -523,6 +535,7 @@
           this.objOption.OpenBankLevelList = res.Data.OpenBankLevelList;
           this.objOption.ChineseHours = res.Data.ChineseHours;
           this.objOption.ForeignHours = res.Data.ForeignHours;
+          this.objOption.SaleState = res.Data.SaleState;
           this.CourseEmphasis = [];
           setTimeout(() => {
             //Todo 暂时不知道什么原因 偶尔会出现2个 所以加了一个延迟
@@ -726,5 +739,5 @@
       });
     }
   }
-  };
+};
 </script>
\ No newline at end of file

src/components/school/student/transfer-order.vue

@@ -73,15 +73,16 @@
             </q-step>
             <q-step :name="3" title="确认" icon="settings" :done="step > 3">
               <orderForm ref="orderForm" :mode="mode" :schoolList="schoolList" :save-obj="saveObj" :stuData="stuData"
-                :modityOrderType="1" :selectedCourseList="selectedCourseList" @success="$emit('close')" @cancelloading="cancelloading"></orderForm>
+                :modityOrderType="1" :selectedCourseList="selectedCourseList" @success="$emit('close')"
+                @cancelloading="cancelloading"></orderForm>
             </q-step>
           </q-stepper>
         </q-card-section>
         <q-card-actions align="right" class="bg-white q-mx-md ">
           <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" v-close-popup />
           <q-btn @click="$refs.stepper.previous()" color="primary" label="上一步" v-if="step > 1" />
-            <template v-if="mode==3&&step == 2">
-              <q-btn label="保存" color="primary" @click="saveCourseForm"/>
+          <template v-if="mode == 3 && step == 2">
+            <q-btn label="保存" color="primary" @click="saveCourseForm" />
           </template>
           <template v-else>
             <q-btn @click="next" color="primary" label="下一步" v-if="step < 3" />
@@ -94,25 +95,25 @@
 </template>
 
 <script>
-  import {
+import {
   getClassPruductList, //获取日语培训列表
   setClassOrder, //新增 修改订单
   getOrderGuestRenewState
-  } from "../../../api/sale/sale";
-  import {
+} from "../../../api/sale/sale";
+import {
   getSchoolDropdown, //获取校区列表
   getTeacherDropDownList
-  } from "../../../api/school/index";
-  import {
+} from "../../../api/school/index";
+import {
   queryCourseDropdownList,
   getCourseSubject
-  } from "../../../api/course/index";
-  import Mode from "./transfer-order/tickMode";
-  import Course from "./transfer-order/courselist";
-  import orderForm from "./transfer-order/order-form";
-  import yueke from "./transfer-order/yueke";
-  import vipcourse from "./transfer-order/vipcourse";
-  export default {
+} from "../../../api/course/index";
+import Mode from "./transfer-order/tickMode";
+import Course from "./transfer-order/courselist";
+import orderForm from "./transfer-order/order-form";
+import yueke from "./transfer-order/yueke";
+import vipcourse from "./transfer-order/vipcourse";
+export default {
   props: {
     select: {
       type: Array,
@@ -176,7 +177,7 @@
         JoinEndTime: "", //报名截止日期结束
         ClassNo: "", //班号
         CourseSubject: "", //所属科目
-          IsQuerySalePlat:1
+        IsQuerySalePlat: 1
       },
       courseData: [], //课程列表
       coursePageCount: 0, //课程页数
@@ -189,7 +190,7 @@
       allClassList: [],
       loading1: false, //防止多次点击
       mode: 1,
-        selectedCourseList:[],//多选课程
+      selectedCourseList: [],//多选课程
     };
   },
   mounted() {
@@ -390,22 +391,22 @@
       this.$refs.orderForm.saveOrderInfo();
     },
     //保存课程
-      saveCourseForm(){
+    saveCourseForm() {
       this.$refs.vipCourse.saveVipCourse();
     },
     cancelloading() {
       this.loading1 = false;
     }
   }
-  };
+};
 </script>
 <style scoped>
-  /deep/.el-input__inner {
+/deep/.el-input__inner {
   background-color: transparent;
   border: none;
-  }
+}
 
-  /deep/.q-stepper__step-inner {
+/deep/.q-stepper__step-inner {
   padding: 0 24px;
-  }
+}
 </style>
\ No newline at end of file