<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>
