From 1aa6aec8be8351a9bfe2d7629c4a30128eccde44 Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期五, 19 七月 2024 17:27:57 +0800 Subject: [PATCH] 提交 --- src/views/onlineEducation/systemManage/company/index.vue | 49 ++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 38 insertions(+), 11 deletions(-) diff --git a/src/views/onlineEducation/systemManage/company/index.vue b/src/views/onlineEducation/systemManage/company/index.vue index 13f6aaf..b3ef373 100644 --- a/src/views/onlineEducation/systemManage/company/index.vue +++ b/src/views/onlineEducation/systemManage/company/index.vue @@ -1,12 +1,30 @@ <template> <div class="app-container"> - <div style="margin-bottom: 10px"> - <el-button - type="primary" - plain - icon="Plus" - @click="openDialog('add',{})" - >新增</el-button> + <div style="display: flex;justify-content: space-between"> + <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > + <el-form-item> + <el-button + type="primary" + plain + icon="Plus" + @click="openDialog('add',{})" + >新增</el-button> + </el-form-item> + <el-form-item label="企业名称:" > + <el-input v-model="data.queryParams.name" placeholder="请输入企业名称"></el-input> + </el-form-item> + <el-form-item > + <el-button + type="primary" + @click="getList" + >查询</el-button> + <el-button + type="primary" + plain + @click="reset" + >重置</el-button> + </el-form-item> + </el-form> </div> <!-- 表格数据 --> <el-table v-loading="loading" :data="dataList" :border="true"> @@ -15,8 +33,12 @@ <el-table-column label="企业名称" prop="name" align="center" /> <el-table-column label="负责人" prop="major" align="center" /> <el-table-column label="联系电话" prop="phone" align="center"/> - <el-table-column label="当前剩余课时(分)" prop="remainPeriodMin" align="center" width="150"/> - <el-table-column label="累计已用课时(分)" prop="spendPeriodMin" align="center" width="150"/> + <el-table-column label="当前剩余课时(分)" prop="remainPeriodMin" align="center" width="150" /> + <el-table-column label="累计已用课时(分)" prop="spendPeriodMin" align="center" width="150"> + <template #default="scope"> + <span>{{((scope.row.totalPeriod -scope.row.remainPeriod)/60).toFixed(2).replace(/\.00$/, '') + '分钟' }}</span> + </template> + </el-table-column> <el-table-column label="总课时(分)" prop="totalPeriodMin" align="center"/> <el-table-column label="课时变动详情" align="center" class-name="small-padding fixed-width" > <template #default="scope"> @@ -59,6 +81,7 @@ queryParams: { pageNum: 1, pageSize: 10, + name: '' }, total: 0, dataList: [] @@ -82,7 +105,6 @@ return{ ...item, remainPeriodMin: item.remainPeriod ?(item.remainPeriod /60).toFixed(2).replace(/\.00$/, '') + '分钟':'', - spendPeriodMin:item.spendPeriod ?(item.spendPeriod /60).toFixed(2).replace(/\.00$/, '') + '分钟':'', totalPeriodMin:item.totalPeriod ?(item.totalPeriod /60).toFixed(2).replace(/\.00$/, '') + '分钟':'', } }) @@ -99,7 +121,12 @@ /** 重置新增的表单以及其他数据 */ function reset() { - proxy.resetForm("roleRef"); + data.queryParams = { + pageNum: 1, + pageSize: 10, + name: '' + } + getList() } const handleDelete = (val) => { ElMessageBox.confirm( -- Gitblit v1.9.2