Files
Arbitrate-Frontend/src/views/formationCourt/components/formateCourtDialog.vue
T
2023-09-13 18:31:33 +08:00

78 lines
1.7 KiB
Vue

<template>
<div>
<!-- 组庭界面 -->
<el-dialog
title="仲裁员信息"
:visible="showformateCourt"
width="800px"
@close="cancel"
:destroy-on-close= true
>
<el-form ref="form">
<el-table
:data="dataList"
style="width: 100%"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55"> </el-table-column>
<el-table-column
label="仲裁员姓名"
align="center"
prop="caseName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="当前案件数量"
align="center"
prop="nowNum"
:show-overflow-tooltip="true"
/>
<el-table-column
label="已结案数量"
align="center"
prop="numed"
:show-overflow-tooltip="true"
/>
</el-table>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
props: ["showformateCourt"],
data() {
return {
dataList: [],
};
},
created() {
this.dataList = [
{
caseName: "hhk",
nowNum: 1,
numed: 100,
},
];
},
methods: {
handleSelectionChange(val) {
console.log(val, "pppppppppp");
},
// 确认
submitForm() {},
// 取消
cancel() {
this.$emit("cancelcourtDialog");
},
},
};
</script>
<style lang="scss" scoped>
</style>