hbt-prevention-ui/src/views/riskAssessment/safetyNotice/safetyNotice.component.html

92 lines
5.4 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">
<el-radio-group text-color="#409EFF" fill="transparent" size="medium" v-model="params.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 :tableData="tableData" :tableColumn="tableColumn" @tabCallback="callback($event)"
@actionCallback="callback($event)" @pageNumberChange="callback($event,'pageNum')"
@pageSizeChange="callback($event,'pageSize')" :footerActions="[]" :actions="[]">
<!-- 班组风险研判 -->
<el-table ref="multipleTable" :data="tableData.datas" height="100%" border row-key="checked"
style="width: 100%">
<el-table-column label="序号" width="60">
<template slot-scope="scope">
{{scope.$index+1}}
</template>
</el-table-column>
<template v-for="item in tableColumn">
<el-table-column v-if="item.render" :show-overflow-tooltip="item.showTip" :label="item.name"
:width="item.width" :key="item.key">
<div :class="item.showTip ?'column-cell-render' :''" slot-scope="scope"
v-html="item.render(scope.row)" :filters="item.filters"
:filter-method="item.filterMethod" @click="showDetails($event,scope.row)">
</div>
</el-table-column>
<el-table-column v-else :prop="item.key" :label="item.name" :width="item.width" :key="item.key"
:filters="item.filters" :filter-method="item.filterMethod"
:show-overflow-tooltip="item.showTip" @click="showDetails($event,scope.row)">
</el-table-column>
</template>
<el-table-column label="操作" fixed="right" width="100">
<template slot-scope="scope">
<el-button type="text" @click="showUpdateModel(scope.row,true)">查看</el-button>
<el-button
v-if="(params.type === 1 && scope.row.status !== 3)|| (params.type !== 1 &&scope.row.doFlag === 1)"
type="text" @click="showUpdateModel(scope.row)">编辑</el-button>
</template>
</el-table-column>
</el-table>
</TableComponent>
</div>
</div>
<!-- 承诺书 -->
<el-dialog :close-on-click-modal="false" :title="subTitle" :visible.sync="showUpdate" width="1080px"
destroy-on-close>
<FormComponent :options="updateOptions" labelWidth="140px" labelAlign="right" :data.sync="updateParams"
:isReadonly="isReadonly" @actionCallback="callback" @change="changes" :actions="[]" :full-btn="true"
btnPosition="center" ref="basicForm">
<NoticeComponent :data.sync="updateParams" :isReadonly="isReadonly" ref="noticeComponentForm"
:actions="updateActions" :full-btn="true" btnPosition="center" @actionCallback="promiseCallback">
</NoticeComponent>
</FormComponent>
</el-dialog>
<!-- 公告情况 -->
<el-dialog :close-on-click-modal="false" :title="subTitle" :visible.sync="showNoticeInfo" width="1080px"
destroy-on-close>
<el-table :data="noticeInfoData" height="100%" border row-key="checked" style="width: 100%">
<el-table-column label="序号" width="60">
<template slot-scope="scope">
{{scope.$index+1}}
</template>
</el-table-column>
<template v-for="item in noticeInfoColumn">
<el-table-column v-if="item.render" :show-overflow-tooltip="item.showTip" :label="item.name"
:width="item.width" :key="item.key">
<div :class="item.showTip ?'column-cell-render' :''" slot-scope="scope"
v-html="item.render(scope.row)" :filters="item.filters" :filter-method="item.filterMethod"
@click="showDetails($event,scope.row)"></div>
</el-table-column>
<el-table-column v-else :prop="item.key" :label="item.name" :width="item.width" :key="item.key"
:filters="item.filters" :filter-method="item.filterMethod" :show-overflow-tooltip="item.showTip">
</el-table-column>
</template>
</el-table>
</el-dialog>
<el-dialog v-if="showFile" :close-on-click-modal="false" title="查看图片" :visible.sync="showFile" destroy-on-close
width="680px">
<img :src="currentUrl" style="width: 100%;" alt="">
</el-dialog>
</div>