页面修改

src/api/sale/bill.js

@@ -5,9 +5,22 @@ import request from '../../utils/request'
  *  学员退课申请单据分页列表
  */
 export function queryStudentBackClassPage(data) {
+  return request({
+    url: '/stu/GetStudentBackClassPage',
+    method: 'post',
+    data
+  })
+}
+
+
+/**
+ *  学员退课审核
+ */
+export function saveBackBillAduit(data) {
     return request({
-      url: '/stu/GetStudentBackClassPage',
+      url: '/stu/SetBackBillAduit',
       method: 'post',
       data
     })
-  }
\ No newline at end of file
+  }
+  
\ No newline at end of file

src/components/sale/backbill-form.vue

@@ -58,10 +58,10 @@
         <q-tab :ripple="false" name="second" label="审批记录" />
       </q-tabs>
       <div v-if="tabCheck=='first'" style="margin:0 15px;">
-         <backinfoForm :seting-obj="setingObj"></backinfoForm>
+         <backinfoForm :seting-obj="setingObj" :showType="showType" @close="closeShenheForm"></backinfoForm>
       </div>
       <div v-if="tabCheck=='second'">
-         <backflowForm :seting-obj="setingObj"></backflowForm>
+         <backflowForm :seting-obj="setingObj" :showType="showType" @close="closeShenheForm"></backflowForm>
       </div>
     </q-card>
     <div class="dialog-out-close" @click="closeShenheForm"
@@ -79,6 +79,10 @@
       setingObj: {
         type: Object,
         default: null
+      },
+      showType: {
+        type: Number,
+        default: 1
       }
     },
     components: {
@@ -96,7 +100,7 @@
 
     },
     mounted() {
-      console.log("setingObj",this.setingObj)
+      console.log("setingObj", this.setingObj)
     },
     methods: {
       closeShenheForm() {

src/components/sale/backinfo-form.vue

@@ -69,41 +69,53 @@
       语句退课费用:{{setingObj.BackMoney}}
     </span>
     <br />
-    
+
     <span>
       申请原因:{{setingObj.ApplyReason}}
     </span>
 
     <br />
-    <span>
-      退课金额:
-      <q-input filled stack-label :dense="false" v-model="backBillMsg.BackMoney" class="col-12" label="退课金额"
-        :rules="[val => !!val || '请填退课金额']" />
-    </span>
+    <template v-if="showType==1">
+      <span>
+        退课金额: {{setingObj.BackMoney}}
+      </span>
+    </template>
+    <template v-if="showType==2">
+      <span>
+        <q-input filled stack-label :dense="false" v-model="backBillMsg.BackMoney" class="col-12" label="退课金额"
+          :rules="[val => !!val || '请填退课金额']" />
+      </span>
+    </template>
 
     <br />
-    <span>
-      审批意见:
-      <q-radio v-model="backBillMsg.AuditStatus" ::val="2" label="通过" />
-      <q-radio v-model="backBillMsg.AuditStatus" :val="3" label="驳回" />
-      <q-input filled stack-label :dense="false" v-model="backBillMsg.Description" 
-        type="textarea"  label="审批意见" />
-    </span>
     <div>
       抄送:
       RecipientIds
-      <q-btn class="q-mr-md" label="取消" @click="closeEditOrder" />
-      <q-btn color="accent" class="q-mr-md" label="确认" @click="saveOrderInfo()" />
+      <q-btn class="q-mr-md" label="取消" @click="closeBackInfo" />
+      <q-btn v-if="showType==2" label="确认" @click="saveBackClassInfo()" />
     </div>
+    <span v-if="showType==2">
+      审批意见:
+      <q-radio v-model="backBillMsg.AuditStatus" :val="2" label="通过" />
+      <q-radio v-model="backBillMsg.AuditStatus" :val="3" label="驳回" />
+      <q-input filled stack-label :dense="false" v-model="backBillMsg.Description" type="textarea" label="审批意见" />
+    </span>
   </div>
 </template>
 
 <script>
+  import {
+    saveBackBillAduit
+  } from '../../api/sale/bill'
   export default {
     props: {
       setingObj: {
         type: Object,
         default: null
+      },
+      showType: {
+        type: Number,
+        default: 1
       }
     },
     components: {
@@ -113,6 +125,7 @@
       return {
         persistent: true,
         backBillMsg: {
+          BackId: 0,
           BackMoney: 0, //实际退款金额
           Description: "", //审批意见
           AuditStatus: 0, //审核状态
@@ -121,14 +134,19 @@
     },
     created() {},
     mounted() {
+      this.backBillMsg.BackId = this.setingObj.BackId;
       console.log("setingObj", this.setingObj);
     },
     methods: {
-      closeEditOrder() {
-
+      closeBackInfo() {
+        this.persistent = false;
+        this.$emit('close');
       },
-      saveOrderInfo() {
-
+      //退课单据审核
+      saveBackClassInfo() {
+        saveBackBillAduit(this.backBillMsg).then(res => {
+          console.log("res", res);
+        })
       }
     },
   }

src/pages/user/backbill.vue

@@ -34,8 +34,8 @@
     <div class="page-content">
       <q-tabs style="margin-bottom:20px;" v-model="tabCheck" narrow-indicator dense align="left" class="text-primary">
         <q-tab :ripple="false" name="1" label="我发起的" />
-        <q-tab :ripple="false" name="2" label="待我审批" />
-        <q-tab :ripple="false" name="3" label="已审批" />
+        <q-tab :ripple="false" name="3" label="待我审批" />
+        <q-tab :ripple="false" name="2" label="已审批" />
         <q-tab :ripple="false" name="4" label="抄送给我的" />
       </q-tabs>
       <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-tow-column-table"
@@ -65,12 +65,22 @@
         </template>
         <template v-slot:body-cell-optioned="props">
           <q-td :props="props">
-            <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="审核"
-              @click="showBillForm(props.row)" />
+            <template v-if="tabCheck=='3'">
+              <div>
+                <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="审核"
+                  @click="showBillForm(props.row,2)" />
+              </div>
+            </template>
+            <template v-else>
+              <div>
+                <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="查看"
+                  @click="showBillForm(props.row,1)" />
+              </div>
+            </template>
           </q-td>
         </template>
       </q-table>
-      <backbill-form v-if="isShowBillForm" :seting-obj="billObj" @close="closeBillForm" @success="refreshPage">
+      <backbill-form v-if="isShowBillForm" :seting-obj="billObj" :showType="showType" @close="closeBillForm" @success="refreshPage">
       </backbill-form>
     </div>
   </div>
@@ -188,6 +198,7 @@
         pageCount: 0,
         isShowBillForm: false, //是否显示单据表单
         billObj: {}, //单据信息
+        showType:1,//1-查看，2-审核
       }
     },
     created() {
@@ -204,8 +215,9 @@
         this.billObj = {};
       },
       //显示表单
-      showBillForm(item) {
+      showBillForm(item,type) {
         this.isShowBillForm = true;
+        this.showType=type;
         this.billObj = item;
       },
       //重新查询
@@ -221,6 +233,8 @@
       //获取退课单据分页列表
       getStuBackBill() {
         this.loading = true;
+        this.data = [];
+        this.pageCount = 0;
         this.msg.Conditon = this.tabCheck;
         if (this.applyDateList && this.applyDateList.length > 0) {
           this.msg.QStartTime = this.applyDateList[0];
@@ -241,6 +255,11 @@
       refreshPage() {
         this.getStuBackBill();
       },
+    },
+    watch: {
+      tabCheck: function (val) {
+        this.resetSearch();
+      }
     }
   }