|
@@ -125,18 +125,70 @@
|
|
|
|
|
|
<!-- 下面部分 -->
|
|
|
<div class="staff" style="margin-left: 250px" v-if="displayTable">
|
|
|
- <div class="search">
|
|
|
- <el-input v-model="input" placeholder="单据编号"></el-input>
|
|
|
- <span>单据类别:
|
|
|
- <el-select v-model="value" placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </span>
|
|
|
+ <div style="padding:10px;">
|
|
|
+ <div>
|
|
|
+ <el-form label-width="80px" inline>
|
|
|
+ <!-- 填报日期 -->
|
|
|
+ <el-form-item label="单据编号" >
|
|
|
+ <el-input v-model="code" placeholder="单据编号" clearable="true"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- 填报日期 -->
|
|
|
+ <el-form-item label="填报日期" >
|
|
|
+ <el-date-picker type="date" clearable="true" placeholder="选择日期" value-format="yyyy-MM-dd" v-model="date" style="width: 200px;"></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- 费用类型 -->
|
|
|
+ <el-form-item label="费用类型">
|
|
|
+ <el-select v-model="type" placeholder="请选择费用类型" clearable="true" style="width: 150px">
|
|
|
+ <el-option label="一般费用" value="0"></el-option>
|
|
|
+ <el-option label="差旅费用" value="1"></el-option>
|
|
|
+ <el-option label="外包费用" value="2"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button @click="getList">查找</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <el-divider ></el-divider>
|
|
|
+ <!--列表-->
|
|
|
+ <el-table :data="list" highlight-current-row v-loading="listLoading" :height="tableHeight" style="width: 100%;">
|
|
|
+ <el-table-column prop="code" label="票据编号" ></el-table-column>
|
|
|
+ <el-table-column prop="totalAmount" label="金额" ></el-table-column>
|
|
|
+ <el-table-column prop="ownerName" label="填报人" ></el-table-column>
|
|
|
+ <el-table-column prop="createDate" label="填报日期" ></el-table-column>
|
|
|
+ <el-table-column prop="ticketNum" label="发票张数" ></el-table-column>
|
|
|
+ <el-table-column prop="type" label="票据类型" >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{feeType[scope.row.type]}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="remark" label="备注" width="250">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span style="font-size:12px;">{{scope.row.remark}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" width="160">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button icon="el-icon-view" circle size="mini" @click.stop.native="downloadByA(scope.row)"></el-button>
|
|
|
+ <el-button icon="el-icon-edit" circle size="mini" style="margin-left:10px;" @click.stop.native="showEditName(scope.row)"></el-button>
|
|
|
+ <el-button icon="el-icon-delete" circle size="mini" style="margin-left:10px;" @click.stop.native="deleteItem(scope.row)"></el-button>
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <!--工具条-->
|
|
|
+ <el-col :span="24" class="toolbar">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :page-sizes="[20 , 50 , 80 , 100]"
|
|
|
+ :page-size="20"
|
|
|
+ layout="total, sizes, prev, pager, next"
|
|
|
+ :total="total"
|
|
|
+ style="float:right;"
|
|
|
+ ></el-pagination>
|
|
|
+ </el-col>
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
@@ -149,6 +201,15 @@ export default {
|
|
|
props: {},
|
|
|
data() {
|
|
|
return {
|
|
|
+ feeType:["一般费用","差旅费用","外包费用"],
|
|
|
+ listLoading:false,
|
|
|
+ tableHeight:0,
|
|
|
+ list:[],
|
|
|
+ total:0,
|
|
|
+ code:null,
|
|
|
+ date:null,
|
|
|
+ type:null,
|
|
|
+ ownerId: null,
|
|
|
displayTable: false,
|
|
|
form: {
|
|
|
name: '',
|
|
@@ -221,8 +282,17 @@ export default {
|
|
|
},
|
|
|
computed: {},
|
|
|
watch: {},
|
|
|
- created() {},
|
|
|
- mounted() {},
|
|
|
+ created() {
|
|
|
+ let height = window.innerHeight;
|
|
|
+ this.tableHeight = height - 195;
|
|
|
+ const that = this;
|
|
|
+ window.onresize = function temp() {
|
|
|
+ that.tableHeight = window.innerHeight - 195;
|
|
|
+ };
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
methods: {
|
|
|
|
|
|
staffs() { // 控制员工费用报表
|
|
@@ -236,15 +306,15 @@ export default {
|
|
|
getList() {
|
|
|
this.http.post('/expense-sheet/list', {pageIndex: this.page,
|
|
|
pageSize: this.size,
|
|
|
- code: null,
|
|
|
- ownerId:null,
|
|
|
+ code: this.code,
|
|
|
+ createDate: this.date,
|
|
|
+ ownerId:this.ownerId,
|
|
|
+ type:this.type,
|
|
|
},
|
|
|
res => {
|
|
|
if (res.code == "ok") {
|
|
|
- this.$message({
|
|
|
- message: '填报成功',
|
|
|
- type: "success"
|
|
|
- });
|
|
|
+ this.list = res.data.records;
|
|
|
+ this.total = res.data.total;
|
|
|
} else {
|
|
|
this.$message({
|
|
|
message: res.msg,
|
|
@@ -328,6 +398,40 @@ export default {
|
|
|
});
|
|
|
});
|
|
|
},
|
|
|
+
|
|
|
+ //分页
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.page = val;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.size = val;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ deleteItem(item) {
|
|
|
+ this.$confirm("确认要删除吗?", "提示", {
|
|
|
+ //type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ this.http.post('/expense-sheet/delete', {id:item.id},
|
|
|
+ res => {
|
|
|
+ if (res.code == "ok") {
|
|
|
+ this.getList();
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: res.msg,
|
|
|
+ type: "error"
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error => {
|
|
|
+ this.$message({
|
|
|
+ message: error,
|
|
|
+ type: "error"
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|