| | |
| | | <div> |
| | | <div> |
| | | <div style="margin: 10px 0;display: flex;align-items: center;justify-content: space-between;"> |
| | | <span>年度计划表</span> |
| | | <div class="title"> |
| | | <span style="font-weight: bold">年度计划表</span> |
| | | </div> |
| | | <div style="display: flex;align-items: center;"> |
| | | <el-button style="margin-right: 10px" size="small" type="primary" @click="getYearTableData">刷新</el-button> |
| | | <el-button style="margin-right: 10px" size="small" type="primary" @click="addYearPlan('add')">新增</el-button> |
| | | <el-button size="small" type="primary" @click="getYearTableData">刷新</el-button> |
| | | <el-button size="small" type="primary" @click="addYearPlan('add')">新增</el-button> |
| | | <!-- <el-upload ref="upload" :action="action"--> |
| | | <!-- :before-upload="beforeUpload" :headers="uploadHeader" :on-error="onError"--> |
| | | <!-- :on-success="handleSuccessUp" :show-file-list="false" accept='.xls,.xlsx'>--> |
| | |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <el-table ref="yearTable" v-loading="yearTableDataLoading" :data="yearTableData" height="calc(60vh - 20em)" |
| | | <el-table ref="yearTable" v-loading="yearTableDataLoading" :data="yearTableData" |
| | | height="calc(60vh - 16em)" |
| | | :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border |
| | | highlight-current-row style="width: 100% ;" @current-change="currentChange"> |
| | | highlight-current-row @current-change="currentChange"> |
| | | <!-- 表格列 --> |
| | | <el-table-column align="center" header-align="center" label="序号" prop="prop" type="index" |
| | | width="70"></el-table-column> |
| | | <el-table-column label="年份" min-width="80" prop="planYear"></el-table-column> |
| | | <el-table-column label="计划名称" min-width="180" prop="planName"></el-table-column> |
| | | <el-table-column label="计划名称" min-width="180" prop="planName" show-overflow-tooltip></el-table-column> |
| | | <el-table-column label="编制人" min-width="100" prop="writeName"></el-table-column> |
| | | <el-table-column label="编制日期" min-width="150" prop="writeTime"></el-table-column> |
| | | <el-table-column label="编制日期" min-width="160" prop="writeTime"></el-table-column> |
| | | <el-table-column label="批准状态" min-width="100" prop="ratifyStatus"> |
| | | <template slot-scope="scope"> |
| | | <el-tag v-if="scope.row.ratifyStatus === 1" type="success">批准</el-tag> |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-pagination :current-page="1" :page-size="pagination.size" :page-sizes="[10, 20, 30, 50, 100]" |
| | | :total="pagination.total" layout="->,total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange"> |
| | | background :total="pagination.total" layout="->,total, sizes, prev, pager, next, jumper" |
| | | @size-change="handleSizeChange" @current-change="handleCurrentChange"> |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <span>年度计划明细表</span> |
| | | <div class="title"> |
| | | <div class="title-search"> |
| | | <span style="width: 120px;font-size: 14px">设备编号:</span> |
| | | <el-input v-model="searchForm.deviceNumber" clearable size="small" |
| | | style="margin-right: 10px;width: 220px"></el-input> |
| | | <span style="width: 80px;font-size: 14px">设备名称:</span> |
| | | <el-input v-model="searchForm.deviceName" clearable size="small" |
| | | style="margin-right: 10px;width: 220px"></el-input> |
| | | <el-button size="small" type="primary" @click="getYearTableDetailData(currentRow)">查 询</el-button> |
| | | <el-button size="small" @click="reset">重 置</el-button> |
| | | <span style="font-weight: bold">年度计划明细表</span> |
| | | </div> |
| | | <div class="search"> |
| | | <div> |
| | | <el-form :model="searchForm" ref="searchForm" size="small" :inline="true"> |
| | | <el-form-item label="设备编号" prop="deviceNumber"> |
| | | <el-input v-model="searchForm.deviceNumber" clearable size="small" |
| | | @keyup.enter.native="getYearTableDetailData(currentRow)"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="设备名称" prop="deviceName"> |
| | | <el-input v-model="searchForm.deviceName" clearable size="small" |
| | | @keyup.enter.native="getYearTableDetailData(currentRow)"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" size="mini" @click="getYearTableDetailData(currentRow)">查询</el-button> |
| | | <el-button size="mini" @click="reset">重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div> |
| | | <el-button size="small" type="primary" @click="handleForm('add')">新增</el-button> |
| | |
| | | <div> |
| | | <el-table ref="yearTableDetailData" v-loading="yearTableDetailDataLoading" :data="yearTableDetailData" |
| | | :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border |
| | | height="calc(60vh - 20em)" style="width: 100% ;"> |
| | | :height="'calc(100vh - 34em)'" style="width: 100% ;"> |
| | | <!-- 表格列 --> |
| | | <el-table-column align="center" header-align="center" label="序号" prop="prop" type="index" |
| | | width="70"></el-table-column> |
| | | <el-table-column label="设备编号" min-width="180" prop="deviceNumber"></el-table-column> |
| | | <el-table-column label="设备名称" min-width="180" prop="deviceName"></el-table-column> |
| | | <el-table-column label="设备名称" min-width="180" prop="deviceName" show-overflow-tooltip></el-table-column> |
| | | <el-table-column label="核查时间" min-width="150" prop="checkTime"></el-table-column> |
| | | <el-table-column label="核查指标" min-width="150" prop="checkIndex"> </el-table-column> |
| | | <el-table-column label="核查方法" min-width="150" prop="checkMethod"></el-table-column> |
| | | <el-table-column label="结果如何判定" min-width="150" prop="howResults"></el-table-column> |
| | | <el-table-column label="核查负责人" min-width="150" prop="checkChargerUser"></el-table-column> |
| | | <el-table-column label="记录状态" min-width="100" prop="recordStatus"> |
| | | <template slot-scope="scope"> |
| | | <el-tag type="" v-if="scope.row.recordStatus === 0" disable-transitions>未开始</el-tag> |
| | | <el-tag type="warning" v-if="scope.row.recordStatus === 1" disable-transitions>待批准</el-tag> |
| | | <el-tag type="success" v-if="scope.row.recordStatus === 2" disable-transitions>通过</el-tag> |
| | | <el-tag type="danger" v-if="scope.row.recordStatus === 3" disable-transitions>不通过</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="对比状态" min-width="100" prop="recordContrastStatus"> |
| | | <template slot-scope="scope"> |
| | | <el-tag type="" v-if="scope.row.recordContrastStatus === 0" disable-transitions>未开始</el-tag> |
| | | <el-tag type="warning" v-if="scope.row.recordContrastStatus === 1" disable-transitions>待批准</el-tag> |
| | | <el-tag type="success" v-if="scope.row.recordContrastStatus === 2" disable-transitions>通过</el-tag> |
| | | <el-tag type="danger" v-if="scope.row.recordContrastStatus === 3" disable-transitions>不通过</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="备注" min-width="150" prop="remark"></el-table-column> |
| | | <!-- 操作按钮 --> |
| | | <el-table-column align="center" fixed="right" label="操作" min-width="260"> |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-pagination :current-page="1" :page-size="pagination1.size" :page-sizes="[10, 20, 30, 50, 100]" |
| | | :total="pagination1.total" layout="->,total, sizes, prev, pager, next, jumper" |
| | | :total="pagination1.total" layout="->,total, sizes, prev, pager, next, jumper" background |
| | | @size-change="handleSizeChange1" @current-change="handleCurrentChange1"> |
| | | </el-pagination> |
| | | </div> |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .title { |
| | | .search { |
| | | height: 46px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | .title { |
| | | position: relative; |
| | | font-size: 16px; |
| | | color: #333; |
| | | font-weight: 400; |
| | | padding-left: 10px; |
| | | margin-bottom: 10px; |
| | | } |
| | | |
| | | .title-search { |
| | | display: flex; |
| | | align-items: center; |
| | | margin: 10px 0; |
| | | .title::before { |
| | | position: absolute; |
| | | left: 0; |
| | | top: 4px; |
| | | content: ''; |
| | | width: 4px; |
| | | height: 16px; |
| | | background-color: #3A7BFA; |
| | | border-radius: 2px; |
| | | } |
| | | </style> |