选煤厂生产管理平台前端代码
dongyukun
2024-12-11 121bafb30d19c8951812713f6a81d440d1149a97
提交 | 用户 | 时间
adf6bd 1 <template>
J 2   <div>
3     <el-form :inline="true" :model="dataForm" ref="dataFormRef" v-model="dialogVisible">
4       <el-form-item>
5         <span>全级浮沉数据表</span><span>【{{dataForm.fullCode}}】</span>
6       </el-form-item>
7       <el-form-item>
8         <el-button size="mini" @click="getDataList()">刷新</el-button>
9       </el-form-item>
10
11       <el-form-item>
12         <el-button size="mini" @click="exportExcel()">导出</el-button>
13       </el-form-item>
14     </el-form>
15     <el-table
16         ref="table"
17         v-loading="dataListLoading"
18         :data="dataList"
19         border
20         height="300">
21       <el-table-column prop="code" label="流水号" header-align="center" align="center"
22                        width="140"/>
23       <el-table-column prop="mdjName" label="密度级" header-align="center"
24                        align="center"/>
25       <el-table-column prop="zl" label="重量(kg)" header-align="center" align="center"/>
26       <el-table-column prop="cl" label="产率(%)" header-align="center" align="center"/>
27       <el-table-column prop="hf" label="灰分(%)" header-align="center" align="center"/>
28       <el-table-column prop="lf" label="硫分(%)" header-align="center" align="center"/>
29       <el-table-column label="浮物累计" header-align="center">
30         <el-table-column prop="fwljcl" label="浮物累计产率" header-align="center"
31                          align="center"/>
32         <el-table-column prop="fwljhf" label="浮物累计灰分" header-align="center"
33                          align="center"/>
34       </el-table-column>
35       <el-table-column label="沉物累计" header-align="center">
36         <el-table-column prop="cwljcl" label="沉物累计产率" header-align="center"
37                          align="center"/>
38         <el-table-column prop="cwljhf" label="沉物累计灰分" header-align="center"
39                          align="center"/>
40       </el-table-column>
41     </el-table>
42   </div>
43 </template>
44 <script lang="ts" setup>
45   import * as AnalysisDetApi from '@/api/xmcpms/coal-quality/analysis/full/full-det'
46
47   const dialogVisible = ref(false) // 弹窗的是否展示
48   const message = useMessage() // 消息弹窗
49   const dataFormRef = ref()
50   const dataForm = reactive({
51     fullId: 1,
52     fullCode: 10
53   })
54
55   const open = async (row) => {
56     dialogVisible.value = true
57     dataForm.fullCode = row.fullCode
58     dataForm.fullId = row.code
59   }
60
61   defineExpose({ open }) // 提供 open 方法,用于打开弹窗
62
63 </script>