forked from xxhjsb/hbt-prevention-ui
107 lines
6.4 KiB
HTML
107 lines
6.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">
|
||
<TableComponent :tableData="tableData" :tableColumn="tableColumn" @actionCallback="callback($event)"
|
||
@pageNumberChange="callback($event,'pageNum')" @pageSizeChange="callback($event,'pageSize')"
|
||
:actions="tableActions">
|
||
|
||
<el-table ref="multipleTable" :data="tableData.datas" height="100%" border 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" :label="item.name" :width="item.width" :key="item.key">
|
||
<div slot-scope="scope" style="pointer-events: none;" @click="addVal($event,scope.row)"
|
||
v-html="item.render(scope.row)"></div>
|
||
</el-table-column>
|
||
<el-table-column v-else :prop="item.key" :label="item.name" :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" v-if="scope.row.analFlag && !scope.row.edit"
|
||
@click="scope.row.edit = true">修改</el-button>
|
||
<el-button type="text" v-if="!scope.row.analFlag || scope.row.edit"
|
||
@click="saveVal(scope.row)">保存</el-button>
|
||
<el-button type="text" v-if="scope.row.edit" @click="scope.row.edit = false">取消</el-button>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</TableComponent>
|
||
</div>
|
||
</div>
|
||
|
||
<el-dialog :close-on-click-modal="false" :visible.sync="showUpdate" destroy-on-close>
|
||
<img style="width:100%" src="../../../../assets/images/4.png" alt="">
|
||
</el-dialog>
|
||
|
||
<!-- 选取LS值 -->
|
||
<el-dialog :close-on-click-modal="false" title="评估区域内发生事故的可能性（L | S）" :visible.sync="showPop" width="1080px"
|
||
destroy-on-close>
|
||
<el-steps :active="stepsActive" align-center>
|
||
<el-step title="1.评估L值" @click.native="oneStep">
|
||
<template slot="icon">
|
||
<span>L</span>
|
||
</template>
|
||
</el-step>
|
||
<el-step title="2.评估S值" @click.native="twoStep"><template slot="icon">
|
||
<span>S</span>
|
||
</template></el-step>
|
||
</el-steps>
|
||
<el-table :header-cell-style="headerHidden" :data="popTitle === 'L' ? riskLDatas :riskSDatas" border
|
||
style="width: 100%; margin-bottom: 20px;" :span-method="colSpan" @cell-click="clickTableCell"
|
||
:cell-class-name="tableCellClassName">
|
||
<el-table-column prop="name" label="项目" width="180px"></el-table-column>
|
||
<el-table-column label="取值标准">
|
||
<el-table-column label="是否涉及（请勾选以下项目进行评估）">
|
||
<el-table-column prop="noInvolved">
|
||
<div slot-scope="scope" class="cursor td-content" :class="{active:scope.row.value===0}">
|
||
<el-radio v-model="scope.row.value" @input="selectRadioData" :label="0">不涉及</el-radio>
|
||
</div>
|
||
</el-table-column>
|
||
|
||
<el-table-column prop="type1" width="150px">
|
||
<div slot-scope="scope" class="cursor td-content" :class="{active:scope.row.value===1}">
|
||
<el-radio v-if="scope.row.type1 !='/'" v-model="scope.row.value"
|
||
:label="1">{{scope.row.type1}}</el-radio>
|
||
<span v-else>{{scope.row.type1}}</span>
|
||
</div>
|
||
</el-table-column>
|
||
<el-table-column prop="type2" width="150px">
|
||
<div slot-scope="scope" class="cursor td-content" :class="{active:scope.row.value===2}">
|
||
<el-radio v-if="scope.row.type2 !='/'" v-model="scope.row.value"
|
||
:label="2">{{scope.row.type2}}</el-radio>
|
||
<span v-else>{{scope.row.type2}}</span>
|
||
</div>
|
||
</el-table-column>
|
||
<el-table-column prop="type3" width="150px">
|
||
<div slot-scope="scope" class="cursor td-content" :class="{active:scope.row.value===3}">
|
||
<el-radio v-if="scope.row.type3 !='/'" v-model="scope.row.value"
|
||
:label="3">{{scope.row.type3}}</el-radio>
|
||
<span v-else>{{scope.row.type3}}</span>
|
||
</div>
|
||
</el-table-column>
|
||
<el-table-column prop="type4" width="150px">
|
||
<div slot-scope="scope" class="cursor td-content" :class="{active:scope.row.value===4}">
|
||
<el-radio v-model="scope.row.value" :label="4"">{{scope.row.type4}}</el-radio></div>
|
||
</el-table-column>
|
||
</el-table-column>
|
||
</el-table-column>
|
||
<el-table-column prop=" value" :label="popTitle==='L'?'Ln':'Sn'">
|
||
<div slot-scope="scope">
|
||
<span v-if="scope.row.value">{{scope.row.value}}</span>
|
||
<span v-else></span>
|
||
</div>
|
||
</el-table-column>
|
||
<el-table-column prop="result" :label="popTitle==='L'?'L':'S'"></el-table-column>
|
||
</el-table>
|
||
<ButtonListComponent :actions="popBtns" @callback="popCallback" btn-position="center" :full-btn="true">
|
||
</ButtonListComponent>
|
||
</el-dialog>
|
||
</div> |