选煤厂生产管理平台前端代码
Jay
2024-12-10 358c8ecd0642c16980cb8c6d340d4b9c49b7ca33
提交 | 用户 | 时间
58a8ee 1 <template>
J 2   <div class="mod-analysis-full-det">
3     <el-form :inline="true" :model="formData">
4       <el-form-item>
5         <span>原煤化验数据表</span><span>【{{formData.curvesCode}}】</span>
6       </el-form-item>
7       <el-form-item>
8         <el-button size="mini" @click="getDataList()">刷新</el-button>
9       </el-form-item>
10       <el-form-item>
11         <el-button size="mini" type="primary" @click="drawWashCurves()">可选性曲线</el-button>
12       </el-form-item>
13       <el-form-item>
14         <el-button type="warning" plain @click="handleImport">
15           <Icon icon="ep:upload" />导出
16         </el-button>
17       </el-form-item>
18     </el-form>
19     <el-table
20         ref="table"
21         v-loading="loading"
22         :data="dataList"
23         border
24         height="300"
25         >
26       <el-table-column prop="code" label="流水号" header-align="center" align="center"
27                        width="140"/>
28       <el-table-column prop="mdjName" label="密度级" header-align="center"
29                        align="center"/>
30       <el-table-column label="综合累计" header-align="center">
31         <el-table-column prop="zhljcl" label="产率(%)" header-align="center"
32                          align="center"/>
33         <el-table-column prop="zhljhf" label="灰分(%)" header-align="center"
34                          align="center"/>
35       </el-table-column>
36       <el-table-column label="浮物累计" header-align="center" >
37         <el-table-column prop="fwljcl" label="产率(%)" header-align="center"
38                          align="center"/>
39         <el-table-column prop="fwljhf" label="灰分(%)" header-align="center"
40                          align="center"/>
41       </el-table-column>
42       <el-table-column label="沉物累计" header-align="center" >
43         <el-table-column prop="cwljcl" label="产率(%)" header-align="center"
44                          align="center"/>
45         <el-table-column prop="cwljhf" label="灰分(%)" header-align="center"
46                          align="center"/>
47       </el-table-column>
48       <el-table-column prop="md" label="密度" header-align="center" align="center" />
49       <el-table-column prop="hl" label="±0.1含量" header-align="center" align="center" />
50       <el-table-column prop="lf" label="硫分(%)" header-align="center" align="center" />
51     </el-table>
52   </div>
53 </template>
54 <script lang="ts" setup>
55   import * as WashCurvesDetApi from '@/api/xmcpms/coal-quality/analysis/wash-curves/wash-curves-det'
56
57   const message = useMessage() // 消息弹窗
58   const loading = ref(false) // 列表的加载中
59   const formDataRef = ref()
60   const formData = ref({
61     curvesId: undefined,
62     curvesCode: '',
63     fcfa: ''
64   })
65   const dataList = ref()
66   const open = async (row) => {
67     formData.value.curvesId = row.id
68     formData.value.curvesCode = row.code
69     dataList.value = await WashCurvesDetApi.getWashCurvesDet(row.id)
70   }
71   defineExpose({ open }) // 提供 open 方法,用于打开弹窗
72
73   const emits = defineEmits(['drawWashCurves'])
74   const drawWashCurves = () => {
75     emits('drawWashCurves')
76   }
77
78 </script>