<template>
|
<div class="app-container">
|
<el-form inline class="evenly-distributed-labels" ref="formRef" :model="form.queryParams" label-width="80px">
|
<el-form-item label="执法记录" prop="content">
|
<el-input placeholder="请输入" v-model="form.queryParams.content"></el-input>
|
</el-form-item>
|
<el-form-item label="执法类型">
|
<el-input placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item label="执法时间">
|
<el-input placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item label="企业">
|
<el-input placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item label="执法部门">
|
<el-input placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item label="状态">
|
<el-input placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item label="执法结果">
|
<el-input placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item label="是否通知">
|
<el-input placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
</el-form-item>
|
</el-form>
|
<el-row class="mt20 mb10">
|
<el-col>
|
<el-button icon="Download" type="primary" plain>导出</el-button>
|
</el-col>
|
</el-row>
|
<el-table>
|
<el-table-column label="企业"></el-table-column>
|
<el-table-column label="执法部门"></el-table-column>
|
<el-table-column label="执法人"></el-table-column>
|
<el-table-column label="执法类型"></el-table-column>
|
<el-table-column label="执法主题"></el-table-column>
|
<el-table-column label="申请时间"></el-table-column>
|
<el-table-column label="执法时间"></el-table-column>
|
<el-table-column label="状态"></el-table-column>
|
<el-table-column label="执法结果"></el-table-column>
|
<el-table-column label="是否通知企业"></el-table-column>
|
</el-table>
|
</div>
|
</template>
|
|
<script lang="ts" setup>
|
const formRef = ref()
|
const form = reactive({
|
queryParams: {
|
content: ''
|
}
|
})
|
function handleQuery() {
|
|
}
|
function resetQuery() {
|
formRef.value.resetFields()
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.evenly-distributed-labels {
|
:deep(){
|
.el-form-item__label {
|
position: relative; /* 设置相对定位作为星号的定位基准 */
|
text-align: justify;
|
text-align-last: justify; /* 确保最后一行也两端对齐 */
|
padding-left: 10px; /* 为星号预留空间 */
|
display: inline-block;
|
}
|
}
|
}
|
</style>
|
