组卷

zhouwx

2024-07-15 6459f8bff3e568e65e6dc617f22c686cf5a8db44

 src/views/onlineEducation/systemManage/company/index.vue

@@ -15,12 +15,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="remainPeriod" align="center" width="150"/>
      <el-table-column label="累计已用课时（分）" prop="spendPeriod" align="center" width="150"/>
      <el-table-column label="总课时（分）" prop="totalPeriod" 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="totalPeriodMin" align="center"/>
      <el-table-column label="课时变动详情" align="center" class-name="small-padding fixed-width" >
        <template #default="scope">
          <el-button link type="primary">查看详情</el-button>
          <el-button link type="primary" @click="openDetail(scope.row)">查看详情</el-button>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200" >
@@ -41,6 +41,7 @@
    />

    <company-dialog ref="dialogRef" @getList=getList></company-dialog>
    <class-hour-change ref="classHourRef" @getList=getList></class-hour-change>
  </div>
</template>

@@ -49,6 +50,7 @@
import {ElMessage, ElMessageBox} from "element-plus";
import {delCompany, getCompany} from "@/api/onlineEducation/company";
import companyDialog from "./components/companyDialog.vue";
import classHourChange from '@/views/onlineEducation/classHourBatch/components/classHourChange.vue'

const { proxy } = getCurrentInstance();
const loading = ref(false);
@@ -63,7 +65,7 @@
});

const { queryParams, total, dataList } = toRefs(data);

const classHourRef = ref();
onMounted(()=>{
  getList()
})
@@ -76,7 +78,14 @@
  loading.value = true
  const res = await getCompany(data.queryParams)
  if(res.code == 200){
    data.dataList = res.data.list
    data.dataList = res.data.list.map(item => {
      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$/, '') + '分钟':'',
      }
    })
    data.total = res.data.total
  }else{
    ElMessage.warning(res.message)
@@ -112,4 +121,7 @@
      })
}

const openDetail = (val) => {
  classHourRef.value.openDialog(val.id)
}
</script>