无票报销

src/api/reimbursementSys/accountant/reimbursementIsNoTicketService.js

@@ -134,4 +134,18 @@ export default class reimbursementIsNoTicketService {
       params: params
     })
   }
+
+  findSelectYearList () {
+    return request({
+      url: '/accountant/reimbursementBusinessTwo/findSelectYearList',
+      method: 'post'
+    })
+  }
+
+  findSelectCodeListByYear (year) {
+    return request({
+      url: '/accountant/reimbursementBusinessTwo/findSelectCodeListByYear/' + year,
+      method: 'post'
+    })
+  }
 }

src/views/modules/reimbursementSys/accountant/reimbursementIsNoTicketList.vue

@@ -115,15 +115,31 @@
     <el-dialog
       title="选择绑定业务编号"
       :visible.sync="dialogVisible"
-      width="30%">
-      <el-select v-model="selectedCode" filterable placeholder="请选择">
-        <el-option
-          v-for="item in selectCode"
-          :key="item.id"
-          :label="item.businessCode"
-          :value="item.id">
-        </el-option>
-      </el-select>
+      width="60%" >
+      <el-col :span="12" >
+        <label-wrap>请选择年份：</label-wrap>
+        <el-select v-model="selectedYear" filterable placeholder="请选择" @change="findSelectCodeListByYear">
+          <el-option
+            v-for="item in selectYear"
+            :key="item"
+            :label="item"
+            :value="item">
+          </el-option>
+        </el-select>
+      </el-col>
+
+      <el-col :span="12" >
+        <label-wrap>请选择编号：</label-wrap>
+        <el-select v-model="selectedCode" filterable placeholder="请选择">
+          <el-option
+            v-for="item in selectCode"
+            :key="item.id"
+            :label="item.businessCode"
+            :value="item.id">
+          </el-option>
+        </el-select>
+      </el-col>
+
       <span slot="footer" class="dialog-footer">
     <el-button @click="closeDialog">取 消</el-button>
     <el-button type="primary" @click="bindBusinessCode">确 定</el-button>
@@ -162,7 +178,9 @@
         dialogVisible: false,
         bindObj: [],
         selectCode: [],
-        selectedCode: ''
+        selectedCode: '',
+        selectYear: [],
+        selectedYear: ''
       }
     },
     components: {
@@ -257,8 +275,10 @@
           return item.id
         }).join(',')
         this.dialogVisible = true
-        this.reimbursementSys.findSelectList().then(({data}) => {
-          this.selectCode = data
+        this.reimbursementSys.findSelectYearList().then(({data}) => {
+          this.selectYear = data
+          this.selectedYear = this.selectYear[0]
+          this.findSelectCodeListByYear()
         })
       },
       closeDialog () {
@@ -266,6 +286,12 @@
         this.selectedCode = ''
         this.refreshList()
         this.bindObj = []
+      },
+      findSelectCodeListByYear () {
+        this.reimbursementSys.findSelectCodeListByYear(this.selectedYear).then(({data}) => {
+          this.selectCode = data
+          this.selectedCode = this.selectCode[0].businessCode
+        })
       }
     }