批量上传,批量操作
This commit is contained in:
@@ -0,0 +1,87 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :title="operateTitle" :visible="operateVisable" @close="cancel" center :distroy-on-close="true">
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%">
|
||||
<el-table-column type="selection">
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="申请人(机构)" align="center" prop="applicantName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
|
||||
<el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
|
||||
<!-- 仲裁员 -->
|
||||
<el-table-column label="仲裁员" align="center" prop="arbitratorName" />
|
||||
<!-- 开庭日期 -->
|
||||
<el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件状态" align="center" prop="caseStatusName">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize" @pagination="getcaseApply(queryParams)" />
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
caseApply,
|
||||
} from "@/api/caseAccess/caseEntry";
|
||||
export default {
|
||||
props: ["operateVisable", "operateData", "operateTitle"],
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
caseStatus: null,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
// 表格数据
|
||||
dataList: [],
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
operateVisable(val) {
|
||||
if (val) {
|
||||
this.getcaseApply()
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.$emit("cancelOperate");
|
||||
},
|
||||
/** 查询列表 */
|
||||
getcaseApply(val) {
|
||||
this.loading = true;
|
||||
caseApply(val).then((response) => {
|
||||
this.dataList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.steps {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user