forked from xxhjsb/hbt-prevention-ui
108 lines
6.6 KiB
HTML
108 lines
6.6 KiB
HTML
<div class="common-box dis-flex ">
|
|
<div class="common-content-box dis-flex flex-col flex-1">
|
|
<div class="search-box">
|
|
<FormComponent :options="formOptions" :data.sync="params" @actionCallback="callback" :actions="formActions"
|
|
:full-btn="false" @change="callback" btn-position="end"></FormComponent>
|
|
</div>
|
|
<div class="table-box flex-1">
|
|
<div class="full" v-if="isCheckTask">
|
|
<el-radio-group text-color="#409EFF" fill="transparent" size="medium" v-model="type"
|
|
@change="tabTableChange">
|
|
<el-radio-button :label="item.value" v-for="item in tabs"
|
|
:key="item.value">{{item.name}}</el-radio-button>
|
|
</el-radio-group>
|
|
</div>
|
|
<TableComponent v-if="type === 1 || isPublicity === false" style="flex: 1; height: 1px;"
|
|
:tableData="tableData" :tableColumn="tableColumn" @actionCallback="callback($event)"
|
|
@pageNumberChange="callback($event,'pageNum')" @pageSizeChange="callback($event,'pageSize')"
|
|
:footerActions="footerActions" :actions="tableActions">
|
|
<el-table ref="multipleTable" :data="tableData.datas" height="100%" border row-key="checked"
|
|
@selection-change="handleSelectionChange" style="width: 100%">
|
|
<el-table-column type="selection" fixed label="全选" width="60">
|
|
</el-table-column>
|
|
<el-table-column label="序号" width="60">
|
|
<div slot-scope="scope">{{scope.$index+1}}</div>
|
|
</el-table-column>
|
|
<template v-for="item in tableColumn">
|
|
<el-table-column v-if="item.render" :label="item.name" :filters="item.filters"
|
|
:filter-method="item.filterMethod" :width="item.width" :key="item.key">
|
|
<div slot-scope="scope" @click="" v-html="item.render(scope.row)"
|
|
style="pointer-events: none;" @click="rowCallback($event,scope.row)"></div>
|
|
</el-table-column>
|
|
<el-table-column v-else :prop="item.key" :label="item.name" :filters="item.filters"
|
|
:filter-method="item.filterMethod" :width="item.width" :key="item.key">
|
|
</el-table-column>
|
|
</template>
|
|
<el-table-column label="操作" fixed="right" width="100">
|
|
<template slot-scope="scope">
|
|
<el-button type="text" @click="deleteData([scope.row.id])">删除</el-button>
|
|
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</TableComponent>
|
|
<div class="reportTable" v-if="type === 2 && reportTable.detail">
|
|
<el-table :data="reportTable.detail" border style="width: 100%;" height="90%" show-summary
|
|
:summary-method="summaryMethod" :row-class-name="rowClass">
|
|
<el-table-column label="序号" width="60">
|
|
<div slot-scope="scope">{{scope.$index+1}}</div>
|
|
</el-table-column>
|
|
<el-table-column label="重大危险源名称">
|
|
<div slot-scope="scope">{{scope.row.majorHazardLabel}}</div>
|
|
</el-table-column>
|
|
<el-table-column label="总排查任务">
|
|
<el-table-column label="完成任务数">
|
|
<div slot-scope="scope">{{scope.row.totalCompleted}}</div>
|
|
</el-table-column>
|
|
<el-table-column label="计划任务">
|
|
<div slot-scope="scope">{{scope.row.total}}</div>
|
|
</el-table-column>
|
|
<el-table-column label="完成率 /%">
|
|
<div slot-scope="scope">{{scope.row.totalCompletionRate}}</div>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="主要负责人">
|
|
<el-table-column label="完成任务数">
|
|
<div slot-scope="scope">{{scope.row.mainCompleted ? scope.row.mainCompleted :'--'}}
|
|
</div>
|
|
</el-table-column>
|
|
<el-table-column label="计划任务">
|
|
<div slot-scope="scope">{{scope.row.main ?scope.row.main:'--'}}</div>
|
|
</el-table-column>
|
|
<el-table-column label="完成率 /%">
|
|
<div slot-scope="scope">{{scope.row.mainCompletionRate ?
|
|
scope.row.mainCompletionRate:'--'}}
|
|
</div>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="技术负责人">
|
|
<el-table-column label="完成任务数">
|
|
<div slot-scope="scope">{{scope.row.technologyCompleted ?
|
|
scope.row.technologyCompleted:'--'}}</div>
|
|
</el-table-column>
|
|
<el-table-column label="计划任务">
|
|
<div slot-scope="scope">{{scope.row.technology ? scope.row.technology:'--'}}</div>
|
|
</el-table-column>
|
|
<el-table-column label="完成率 /%">
|
|
<div slot-scope="scope">{{scope.row.technologyCompletionRate ?
|
|
scope.row.technologyCompletionRate :'--'}}</div>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="操作负责人">
|
|
<el-table-column label="完成任务数">
|
|
<div slot-scope="scope">{{scope.row.operateCompleted ? scope.row.operateCompleted:'--'}}
|
|
</div>
|
|
</el-table-column>
|
|
<el-table-column label="计划任务">
|
|
<div slot-scope="scope">{{scope.row.operate ? scope.row.operate:'--'}}</div>
|
|
</el-table-column>
|
|
<el-table-column label="完成率 /%">
|
|
<div slot-scope="scope">{{scope.row.operateCompletionRate ?
|
|
scope.row.operateCompletionRate:'--'}}</div>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |