补遗

src/components/order/buyiRecord.vue

@@ -9,6 +9,36 @@
 <template>
 <div style="height:95%">
   <el-button size=small type="primary" @click="$router.push('/order/finance')" plain>返回</el-button>
+  <div style="float:right;">
+    <el-select  size=small v-model="searchModel.ProductId"  placeholder="请选择产品">
+      <el-option
+        v-for="item in products"
+        :key="item.Name"
+        :label="item.Name"
+        :value="item.Id">
+      </el-option>
+    </el-select>
+
+    <el-select size=small v-model="searchModel.type" placeholder="请选择类型">
+    <el-option
+      v-for="item in types"
+      :key="item.text"
+      :label="item.text"
+      :value="item.value">
+    </el-option>
+  </el-select>
+
+  <el-date-picker
+    size="small"
+    v-model="dateRange"
+    type="daterange"
+    range-separator="至"
+    start-placeholder="开始日期"
+    end-placeholder="结束日期"
+  ></el-date-picker>
+
+   <el-button size="small" type="primary" @click="search()">搜索</el-button>
+  </div>
   <el-table  :show-overflow-tooltip="true" :data="tableData" height="calc(100% - 150px)" style="width: 100%">
     <el-table-column prop="id" label="序号" width="150"> </el-table-column>
     <el-table-column prop="create_time" label="操作时间" width="150"> </el-table-column>
@@ -32,56 +62,6 @@
     :total="count">
   </el-pagination>
 
-  <el-dialog title="财务补遗" width="30%" :visible.sync="dialogFormVisible" center=true>
-    <div style="text-align:center;">
-      <div class="block">
-        <span class="demonstration">产品</span>
-        <el-select v-model="product" style="width:223px" size="small" placeholder="请选择产品">
-          <el-option
-            v-for="item in products"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-      </div>
-
-      <div class="block">
-        <span class="demonstration">类型</span>
-        <el-select v-model="type" style="width:223px" size="small" placeholder="请选择操作类型">
-          <el-option
-            v-for="item in types"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-      </div>
-
-      <div class="block">
-        <span class="demonstration">日期</span>
-        <el-date-picker
-          v-model="riqi"
-          style="width:223px"
-          type="date"
-          size="small"
-          placeholder="选择日期">
-        </el-date-picker>
-      </div>
-      <div class="block">
-        <span class="demonstration">金额</span>
-        <el-input type="number" size="small" style="width:223px" v-model="money" placeholder="请输入金额"></el-input>
-      </div>
-      <div class="block">
-        <span class="demonstration">备注</span>
-        <el-input v-model="remark" size="small" style="width:223px" placeholder="请输入备注"></el-input>
-      </div>
-    </div>
-    <div slot="footer" class="dialog-footer">
-      <el-button @click="dialogFormVisible = false">取 消</el-button>
-      <el-button type="primary" :disabled="clickOk" @click="buyi()">确 定</el-button>
-    </div>
-  </el-dialog>
 
 </div>
 </template>
@@ -92,13 +72,30 @@ export default {
     return {
       tableData: [],
       count: 0,
-      pageNum: 1
+      pageNum: 1,
+      products: [],
+      dateRange:[],
+      searchModel: {
+        type:null,
+        page:1,
+        ProductId:null,
+        Btime: "",
+        Etime: ""
+      },
+      types: [
+        { text: "充值", value: 1 },
+        { text: "退款", value: 2 },
+        { text: "补差价", value: 3 },
+      ],
     }
   },
 
   created () {
     this.$store.commit('setCurrentNav', '订单管理>>原后台财务明细>>补遗记录')
     this.getData()
+    this.$api.get("course/v1/product/page", this.searchModel).then(res => {
+      this.products = res.Data;
+    });
   },
   methods: {
     getData () {
@@ -141,6 +138,17 @@ export default {
       }).then(res => {
         console.log(res)
       })
+    },
+    search () {
+      if (this.dateRange && this.dateRange.length == 2) {
+        this.searchModel.Btime = this.dateRange[0];
+        this.searchModel.Etime = this.dateRange[1];
+      }
+      this.searchModel.page = 1
+      this.$api.get(this.$api.phpURL + 'order/FinanceCheck/buyiList',this.searchModel).then(res => {
+        this.tableData = res.data
+        this.count = parseInt(res.count)
+      })
     }
   }
 }