智慧工地前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

87 lines
3.4 KiB

<script setup>
import { reactive } from 'vue'
import { iengineerlogList, iengineerlogAdd, iengineerlogUpdate, iengineerlogDelete, iengineerlogGetById, iproductionplanList } from './api'
import { baseModelOptions, baseFilterOptions } from './options'
const { proxy } = getCurrentInstance();
const state = reactive({
baseModelOptions: baseModelOptions(),
baseFilterOptions: baseFilterOptions(),
title: "工程日志管理",
baseModelName: '工程日志信息',
addBtnName: '新增工程日志',
editBtnName: '',
delBtnName: '',
primaryKey: 'id',
getTableFn: iengineerlogList,
addFn: iengineerlogAdd,
editFn: iengineerlogUpdate,
deleteFn: iengineerlogDelete,
detailFn: iengineerlogGetById,
showEditBtn: false,
showDeleteBtn: false,
columnCount: 1,
// rowControl: {
// showEditBtn: false,
// showDelBtn: false
// },
permission: {//菜单管理中添加权限
add: 'engineeringLog:page:list',
edit: 'engineeringLog:page:list',
delete: 'engineeringLog:page:list',
detail: 'engineeringLog:page:list',
},
hideselection: true,
pageInfo: { total: 0, base: { limit: 8, current: 1 } },
})
onMounted(() => {
})
</script>
<template>
<div class="app-container">
<BaseTablePage :tableOptions="state">
<template v-slot:column>
<el-table-column type="index" align="center" label="序号" width="70" />
<el-table-column label="日期" align="center" prop="date" />
<el-table-column label="天气" align="center" prop="weather" />
<el-table-column label="温度" align="center" prop="temperature" />
<el-table-column label="风力" align="center" prop="wind" />
<el-table-column label="现场负责人" align="center" prop="principalName" />
<el-table-column label="联系方式" align="center" prop="principalTel" />
<el-table-column label="施工情况" align="center" prop="constructionSituation" width="400">
<template #default="scope">
<el-tooltip effect="dark" :content="scope.row.constructionSituation" placement="top">
<span style="display: inline-block; width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{{ scope.row.constructionSituation }}</span>
<template #content>
<div style="width: 300px; ">
{{ scope.row.constructionSituation }}
</div>
</template>
</el-tooltip>
</template>
</el-table-column>
<el-table-column label="其他事项" align="center" prop="otherBusiness" />
<el-table-column label="创建人" align="center" prop="creator" />
<el-table-column label="创建时间" align="center" prop="createTime" />
</template>
<template #control="baseScope">
<el-table-column label="操作" align="center" width="200" fixed="right">
<template #default="scope">
<el-button v-hasPermi="['engineeringLog:page:edit']" type="text" icon="EditPen"
@click="baseScope.handleEdit(scope.$index, scope.row)">
修改
</el-button>
<el-button v-hasPermi="['engineeringLog:page:remove']" type="text" icon="Delete"
@click="baseScope.deleteTableData(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
</template>
</BaseTablePage>
</div>
</template>
<style scoped></style>