页面修改

src/api/studyabroad/index.js

@@ -178,10 +178,9 @@ export function queryStudyAbroadAudit(data) {
 /**
  * 获取留学就业销售状态列表
  */
-export function querySaleStateList(data) {
+export function querySaleStateList() {
     return request({
         url: '/StudyAbroad/GetSaleStateList',
         method: 'post',
-        data
     })
 }
\ No newline at end of file

src/pages/studyAbroad/employment.vue

@@ -7,9 +7,9 @@
             @clear="resetSearch" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-select class="q-pb-lg q-pr-lg" filled stack-label option-value="Id" option-label="Name"
+          <q-select class="q-pb-lg q-pr-lg" filled stack-label clearable option-value="Id" option-label="Name"
             v-model="msg.SaleState" ref="SaleState" :options="saleDownList" label="销售状态" :dense="false" emit-value
-            map-options>
+            map-options @input="resetSearch">
           </q-select>
         </div>
       </div>
@@ -101,8 +101,8 @@
               @click="EditStudy(props.row)" />
             <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="价格设置"
               @click="EditStudyPrice(props.row)" />
-            <q-btn v-if="props.row.SaleState==1&&props.row.SaleState==4" flat size="xs" icon="edit" color="accent" style="font-weight:400" label="申请审核"
-              @click="applyApply(props.row)" />
+            <q-btn v-if="props.row.SaleState==1&&props.row.SaleState==4" flat size="xs" icon="edit" color="accent"
+              style="font-weight:400" label="申请审核" @click="applyApply(props.row)" />
           </q-td>
         </template>
         <template v-slot:bottom>
@@ -123,7 +123,8 @@
 <script>
   import {
     queryStudyAbroadPage,
-    saveSaleState
+    saveSaleState,
+    querySaleStateList
   } from '../../api/studyabroad/index'
   import studyAbroadForm from '../../components/studyAbroad/studyAbroad-form'
   import studyAbroadpriceForm from '../../components/studyAbroad/studyAbroadprice-form'
@@ -145,7 +146,7 @@
           rowsPerPage: 10,
           Name: "",
           IsQPrice: 1,
-          SaleState: 0 //销售状态
+          SaleState: "" //销售状态
         },
         dataList: [],
         loading: true,
@@ -218,30 +219,26 @@
         isShowStudy: false, //是否显示留学弹窗
         studyObj: {}, //留学对象
         isShowStudyPrice: false, //是否显示价格设置
-
-        saleDownList: [{
-          Id: 0,
-          Name: '不限'
-        }, {
-          Id: 1,
-          Name: '销售中'
-        }, {
-          Id: 2,
-          Name: '已下架'
-        }], //销售状态下拉
+        saleDownList: [], //销售状态下拉
       }
     },
     mounted() {
       this.getList();
     },
     created() {
-
+      this.getSaleStateList();
     },
     methods: {
+      //获取销售状态列表
+      getSaleStateList() {
+        querySaleStateList().then(res => {
+          this.saleDownList = res.Data;
+        })
+      },
       //重新查询
       resetSearch() {
         this.msg.pageIndex = 1;
-        this.getsupplierpage();
+        this.getList();
       },
       //获取留学分页列表
       getList() {

src/pages/studyAbroad/studyabroad.vue

@@ -7,9 +7,9 @@
             @clear="resetSearch" maxlength="20" />
         </div>
         <div class="col-3">
-          <q-select class="q-pb-lg q-pr-lg" filled stack-label option-value="Id" option-label="Name"
+          <q-select class="q-pb-lg q-pr-lg" filled stack-label clearable option-value="Id" option-label="Name"
             v-model="msg.SaleState" ref="SaleState" :options="saleDownList" label="销售状态" :dense="false" emit-value
-            map-options>
+            map-options @input="resetSearch">
           </q-select>
         </div>
       </div>
@@ -101,8 +101,8 @@
               @click="EditStudy(props.row)" />
             <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="价格设置"
               @click="EditStudyPrice(props.row)" />
-            <q-btn v-if="props.row.SaleState==1&&props.row.SaleState==4" flat size="xs" icon="edit" color="accent" style="font-weight:400" label="申请审核"
-              @click="applyApply(props.row)" />
+            <q-btn v-if="props.row.SaleState==1&&props.row.SaleState==4" flat size="xs" icon="edit" color="accent"
+              style="font-weight:400" label="申请审核" @click="applyApply(props.row)" />
           </q-td>
         </template>
         <template v-slot:bottom>
@@ -123,7 +123,8 @@
 <script>
   import {
     queryStudyAbroadPage,
-    saveSaleState
+    saveSaleState,
+    querySaleStateList
   } from '../../api/studyabroad/index'
   import studyAbroadForm from '../../components/studyAbroad/studyAbroad-form'
   import studyAbroadpriceForm from '../../components/studyAbroad/studyAbroadprice-form'
@@ -145,7 +146,7 @@
           rowsPerPage: 10,
           Name: "",
           IsQPrice: 1,
-          SaleState: 0 //销售状态
+          SaleState: "" //销售状态
         },
         dataList: [],
         loading: true,
@@ -218,30 +219,26 @@
         isShowStudy: false, //是否显示留学弹窗
         studyObj: {}, //留学对象
         isShowStudyPrice: false, //是否显示价格设置
-
-        saleDownList: [{
-          Id: 0,
-          Name: '不限'
-        }, {
-          Id: 1,
-          Name: '销售中'
-        }, {
-          Id: 2,
-          Name: '已下架'
-        }], //销售状态下拉
+        saleDownList: [], //销售状态下拉
       }
     },
     mounted() {
       this.getList();
     },
     created() {
-
+      this.getSaleStateList();
     },
     methods: {
+      //获取销售状态列表
+      getSaleStateList() {
+        querySaleStateList().then(res => {
+          this.saleDownList = res.Data;
+        })
+      },
       //重新查询
       resetSearch() {
         this.msg.pageIndex = 1;
-        this.getsupplierpage();
+        this.getList();
       },
       //获取留学分页列表
       getList() {