公共退款界面

src/components/order/openrefunds.vue

@@ -14,16 +14,16 @@
         ></el-date-picker>
          <el-select v-model="searchModel.ProductIds" placeholder="选择产品"  collapse-tags multiple  clearable size="small" @change=search>
           <el-option v-for="item in products" :key="item.Name" :label="item.Name" :value="item.Id"></el-option>
-        </el-select>   
+        </el-select>
       </div>
     </div>
     <el-table :data="retData.Data"  row-key="Id" border size="medium" :height="$getHeight(100)">
-      <el-table-column prop="CreateTime" label="创建日期" width="180"></el-table-column>      
+      <el-table-column prop="CreateTime" label="创建日期" width="180"></el-table-column>
       <el-table-column prop="ProductName" label="产品"></el-table-column>
-      <el-table-column prop="PackageName" label="套餐"></el-table-column>  
+      <el-table-column prop="PackageName" label="套餐"></el-table-column>
-      <el-table-column prop="ConnectCount" label="连接数"></el-table-column>     
+      <el-table-column prop="ConnectCount" label="连接数"></el-table-column>
-      <el-table-column prop="Accounts" label="账号"></el-table-column>     
+      <el-table-column prop="Accounts" label="账号"></el-table-column>
-      <el-table-column prop="RefundRestTime" label="剩余时间"></el-table-column>  
+      <el-table-column prop="RefundRestTime" label="剩余时间"></el-table-column>
     </el-table>
     <div class="block">
       <el-pagination
@@ -39,55 +39,60 @@
 </template>
 <script>
 export default {
-  name: "treeTable",
+  name: 'treeTable',
   components: {
-     phoneHide: () => import("@/components/common/phonehide")
+    phoneHide: () => import('@/components/common/phonehide')
   },
-  data() {
+  data () {
     return {
-      loading: false,     
+      loading: false,
       retData: { TotalCount: 0, Data: [] },
-      dateRange:[],
+      dateRange: [],
-      products:[],
+      products: [],
       searchModel: {
-        OrderTypes:[],
+        OrderTypes: [],
         PageIndex: 1,
-        keyWord: "",       
+        keyWord: '',
-        ProductIds:null,      
+        ProductIds: null
       }
     }
   },
-  created() {
+  created () {
-     this.$store.commit("setCurrentNav","订单管理>>退款订单")
+    this.$store.commit('setCurrentNav', '订单管理>>退款订单')
-     this.get();
+    this.get()
-     this.getProduct();
+    this.getProduct()
   },
   methods: {
-    search(){
+    search () {
-      this.searchModel.PageIndex=1;
+      this.searchModel.PageIndex = 1
-      this.get();
+      this.get()
     },
-    get() {
+    get () {
-       if (this.dateRange && this.dateRange.length == 2) {
+      if (this.dateRange && this.dateRange.length == 2) {
-        this.searchModel.Btime = this.dateRange[0];
+        this.searchModel.Btime = this.dateRange[0]
-        this.searchModel.Etime = this.dateRange[1];
+        this.searchModel.Etime = this.dateRange[1]
       }
-      this.$api.get("course/v1/order/OpenRefundOrders", this.searchModel).then(res => {
+      // this.$api.get('course/v1/order/OpenRefundOrders', this.searchModel).then(res => {
-        this.retData = res;
+      //   this.retData = res
-      });
+      // })
+      this.$api.get(this.$api.phpURL + 'order/OpenRefund/getList', this.searchModel).then(res => {
+        this.retData.Data = res.data.list
+        this.retData.TotalCount = res.data.count
+      })
     },
-    getProduct() {
+    getProduct () {
-      this.loading = true;
+      // this.$api.get('course/v1/product/OpenPage', this.searchModel).then(res => {
-      this.$api.get("course/v1/product/OpenPage", this.searchModel).then(res => {
+      //   this.products = res.Data
-        this.products = res.Data;
+      // })
-        this.loading = false;
+      this.$api.get(this.$api.phpURL + 'product/OpenProduct/getOpenList').then(res => {
-      });
+        this.products = res.Data = res.data
+      })
     },
-    dataExport(){
+    dataExport () {
-      this.$api.getDownloadFile("/course/v1/order/OpenExportRefundOrders", this.searchModel);
+      this.$api.getDownloadFile('/course/v1/order/OpenExportRefundOrders', this.searchModel)
     }
   }
-};
+}
 </script>
 <style scoped>
 .red{