|
@@ -0,0 +1,635 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
|
|
+ <el-form-item label="整改期限" prop="timeLimit">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.timeLimit"
|
|
|
+ placeholder="请输入整改期限"
|
|
|
+ clearable
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="最后时间" prop="latTime">
|
|
|
+ <el-date-picker clearable
|
|
|
+ v-model="queryParams.latTime"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="请选择最后整改时间">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="合格" prop="isPass">
|
|
|
+
|
|
|
+ <el-select v-model="queryParams.isPass" placeholder="是否合格" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.sys_yes_no"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <!--<el-col :span="1.5">-->
|
|
|
+ <!--<el-button-->
|
|
|
+ <!--type="warning"-->
|
|
|
+ <!--plain-->
|
|
|
+ <!--icon="el-icon-download"-->
|
|
|
+ <!--size="mini"-->
|
|
|
+ <!--@click="handleExport"-->
|
|
|
+ <!--v-hasPermi="['system:inspection:export']"-->
|
|
|
+ <!-->导出-->
|
|
|
+ <!--</el-button>-->
|
|
|
+ <!--</el-col>-->
|
|
|
+ <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-table v-loading="loading" :data="inspectionList" @selection-change="handleSelectionChange">
|
|
|
+ <el-table-column type="selection" width="55" align="center"/>
|
|
|
+ <el-table-column label="巡检项名称" align="center" prop="busItemsName"/>
|
|
|
+ <el-table-column label="隐患类型" align="center" prop="itemsType">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <dict-tag :options="dict.type.items_type" :value="scope.row.itemsType"/>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="整改期限" align="center" prop="timeLimit"/>
|
|
|
+ <el-table-column label="最后整改时间" align="center" prop="latTime" width="180">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ parseTime(scope.row.latTime, '{y}-{m}-{d}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="合格" align="center" prop="isPass">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div v-if="scope.row.isPass=='Y' && (scope.row.riskStatus=='risk_status_2' || scope.row.riskStatus=='risk_status_3') && scope.row.itemsType ==null ">
|
|
|
+ <dict-tag :options="dict.type.sys_yes_no" value="Y"/>
|
|
|
+ </div>
|
|
|
+ <div v-if="scope.row.itemsType !=null ">
|
|
|
+ <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.isPass"/>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="巡检项名" align="center" prop="busItemsName"/>
|
|
|
+ <el-table-column label="巡检时间" align="center" prop="createTime">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ parseTime(scope.row.createTime) }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="当前状态" align="center" prop="riskStatus">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <dict-tag :options="dict.type.risk_status" :value="scope.row.riskStatus"/>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ :disabled="scope.row.itemsType == null || scope.row.itemsType == 'items_type_0'"
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="list-icon-sj iconfont icon-chakan2"
|
|
|
+ @click="detail(scope.row)"
|
|
|
+ v-hasPermi="['system:inspection:remove']"
|
|
|
+ >查看
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <pagination
|
|
|
+ v-show="total>0"
|
|
|
+ :total="total"
|
|
|
+ :page.sync="queryParams.pageNum"
|
|
|
+ :limit.sync="queryParams.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
+
|
|
|
+ <!-- 添加或修改巡检项记录对话框 -->
|
|
|
+ <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
+ <!--<el-form-item label="巡检ID" prop="busInspectionId">-->
|
|
|
+ <!--<el-input v-model="form.busInspectionId" placeholder="请输入巡检ID"/>-->
|
|
|
+ <!--</el-form-item>-->
|
|
|
+ <!--<el-form-item label="日志ID" prop="busLogId">-->
|
|
|
+ <!--<el-input v-model="form.busLogId" placeholder="请输入日志ID"/>-->
|
|
|
+ <!--</el-form-item>-->
|
|
|
+ <!--<el-form-item label="巡检项ID" prop="busItemsId">-->
|
|
|
+ <!--<el-input v-model="form.busItemsId" placeholder="请输入巡检项ID"/>-->
|
|
|
+ <!--</el-form-item>-->
|
|
|
+ <!--<el-form-item label="整改期限" prop="timeLimit">-->
|
|
|
+ <!--<el-input v-model="form.timeLimit" placeholder="请输入整改期限"/>-->
|
|
|
+ <!--</el-form-item>-->
|
|
|
+ <!--<el-form-item label="最后整改时间" prop="latTime">-->
|
|
|
+ <!--<el-date-picker clearable-->
|
|
|
+ <!--v-model="form.latTime"-->
|
|
|
+ <!--type="date"-->
|
|
|
+ <!--value-format="yyyy-MM-dd"-->
|
|
|
+ <!--placeholder="请选择最后整改时间">-->
|
|
|
+ <!--</el-date-picker>-->
|
|
|
+ <!--</el-form-item>-->
|
|
|
+ <el-form-item label="合格" prop="isPass">
|
|
|
+ <el-select v-model="form.isPass">
|
|
|
+ <el-option label="否" value="N"></el-option>
|
|
|
+ <el-option label="是" value="Y"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <!--<el-form-item label="巡检项名" prop="busItemsName">-->
|
|
|
+ <!--<el-input v-model="form.busItemsName" placeholder="请输入巡检项名"/>-->
|
|
|
+ <!--</el-form-item>-->
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog :visible.sync="isShowDetail" title="巡检详情">
|
|
|
+ <div class="con">
|
|
|
+ <div class="con_left">
|
|
|
+ <div class="list_img">
|
|
|
+ <el-image :src="item" style="background: #000;" v-for="(item,index) in detail_pictures" :key="index">
|
|
|
+ </el-image>
|
|
|
+ </div>
|
|
|
+ <div class="left_btn" v-show="false">
|
|
|
+ <el-button
|
|
|
+ :disabled="is_have_gzs != true"
|
|
|
+ size="small"
|
|
|
+ type="primary"
|
|
|
+ plain
|
|
|
+ @click="show_gz_fc('gzs')"
|
|
|
+ >告知
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ :disabled="is_have_fcs != true"
|
|
|
+ size="small"
|
|
|
+ type="warning"
|
|
|
+ plain
|
|
|
+ @click="show_gz_fc('fcs')"
|
|
|
+ >复查
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="con_right">
|
|
|
+ <div class="bz_lc">
|
|
|
+ <div class="bz_line" v-for="(item) in detail_tracks_list">
|
|
|
+ <i></i>
|
|
|
+ <h5>{{item.busTrackContent}}</h5>
|
|
|
+<!-- <p>内容:{{item.busTrackContent}}</p>-->
|
|
|
+ <p>操作人:{{item.nickName}}</p>
|
|
|
+ <p>时间:{{item.createTime}}</p>
|
|
|
+ <p>状态:<b class="color1">[{{item.riskStatusStr}}]</b></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="con_right2">
|
|
|
+ <div v-if="is_show_gzs">
|
|
|
+ <div class="gzs table_div">
|
|
|
+ <h5>编号:{{detail_gzs[0].code}}</h5>
|
|
|
+ <h4>隐患限期整改告知书</h4>
|
|
|
+ <p>经查,你单位存在下列问题: </p>
|
|
|
+ <p v-for="(item,index) in detail_gzs_items">
|
|
|
+ {{index+1}}、{{item.itemContent}}
|
|
|
+ </p>
|
|
|
+ <p>现告知你单位对上述问题于<i>{{detail_gzs[0].lastTime}}</i>,前整改完毕,达到有关法律法规规章和标准规定的要求。由此造成事故的,依法追究有关人员的责任。整改期间,你单位应当采取措施,确保安全生产。
|
|
|
+ 逾期未整改或在整改过程中存在安全生产违法行为的,我单位将提报相关执法部门进行依法查处。 如果对本告知内容有异议,可向
|
|
|
+ {{detail_gzs[0].askCom}}咨询或说明情况,也可通过12350安全生产举报电话进行反映。在没有新书面告知前,本告知要求不停止执行,法律另有规定的除外。</p>
|
|
|
+ <p>检查人员:{{detail_gzs[0].checker1Sign}}</p>
|
|
|
+ <p>检查人员编号:{{detail_gzs[0].checker1Code}}</p>
|
|
|
+ <p>监督人员(签名):
|
|
|
+ <el-image :src="pictureBasePath+'/'+detail_gzs[0].checker2Sign"></el-image>
|
|
|
+ </p>
|
|
|
+ <p>监督人员编号:{{detail_gzs[0].checker2Code}}</p>
|
|
|
+ <p>被复查单位负责人(签名):
|
|
|
+ <el-image :src="pictureBasePath+'/'+detail_gzs[0].becheckerSign"></el-image>
|
|
|
+ </p>
|
|
|
+ <!--<p>部门:XXX</p>-->
|
|
|
+ <h6>{{detail_gzs[0].checkTime}}</h6>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="is_show_fcs">
|
|
|
+ <div class="fcs table_div">
|
|
|
+ <h5>编号:{{detail_fcs[0].code}}</h5>
|
|
|
+ <h4>复查意见告知书</h4>
|
|
|
+ <p>本机关于<i>{{detail_fcs[0].checkTime}}</i>,对你单位做出了隐患限期整改告知书(编号:<i>{{detail_gzs[0].code}}</i>,经对你单位整改情况进行复查,提出如下意见: </p>
|
|
|
+ <p>现告知你单位对上述问题于<i>{{detail_fcs[0].lasttime}}</i>,前整改完毕,达到有关法律法规规章和标准规定的要求。由此造成事故的,依法追究有关人员的责任。整改期间,你单位应当采取措施,确保安全生产。
|
|
|
+ 逾期未整改或在整改过程中存在安全生产违法行为的,我单位将提报相关执法部门进行依法查处。 如果对本告知内容有异议,可向
|
|
|
+ {{detail_fcs[0].askCom}}咨询或说明情况,也可通过12350安全生产举报电话进行反映。在没有新书面告知前,本告知要求不停止执行,法律另有规定的除外。</p>
|
|
|
+ <p>检查人员:{{detail_fcs[0].checker1Sign}}</p>
|
|
|
+ <p>检查人员编号:{{detail_fcs[0].checker1Code}}</p>
|
|
|
+ <p>监督人员(签名):<el-image :src="pictureBasePath+'/'+detail_fcs[0].checker2Sign"></el-image>
|
|
|
+ </p>
|
|
|
+ <p>监督人员编号:{{detail_fcs[0].checker2Code}}</p>
|
|
|
+ <p>被复查单位负责人(签名):
|
|
|
+ <el-image :src="pictureBasePath+'/'+detail_gzs[0].becheckerSign"></el-image>
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <h6>{{detail_fcs[0].checkTime}}</h6>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import {
|
|
|
+ detail,
|
|
|
+ listInspection,
|
|
|
+ getInspection,
|
|
|
+ delInspection,
|
|
|
+ addInspection,
|
|
|
+ updateInspection
|
|
|
+ } from "@/api/centerdata_emergency1/inspection";
|
|
|
+
|
|
|
+ export default {
|
|
|
+ name: "Inspection",
|
|
|
+ dicts: ['items_type', 'risk_status', 'sys_yes_no'],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ pictureBasePath: null,
|
|
|
+ isShowDetail: false,
|
|
|
+ // 遮罩层
|
|
|
+ loading: true,
|
|
|
+ // 选中数组
|
|
|
+ ids: [],
|
|
|
+ // 非单个禁用
|
|
|
+ single: true,
|
|
|
+ // 非多个禁用
|
|
|
+ multiple: true,
|
|
|
+ // 显示搜索条件
|
|
|
+ showSearch: true,
|
|
|
+ // 总条数
|
|
|
+ total: 0,
|
|
|
+ // 巡检项记录表格数据
|
|
|
+ inspectionList: [],
|
|
|
+ // 弹出层标题
|
|
|
+ title: "",
|
|
|
+ // 是否显示弹出层
|
|
|
+ open: false,
|
|
|
+ // 查询参数
|
|
|
+ queryParams: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ busInspectionId: null,
|
|
|
+ busLogId: null,
|
|
|
+ busItemsId: null,
|
|
|
+ itemsType: null,
|
|
|
+ timeLimit: null,
|
|
|
+ latTime: null,
|
|
|
+ isPass: null,
|
|
|
+ busItemsName: null,
|
|
|
+ riskStatus: null
|
|
|
+ },
|
|
|
+
|
|
|
+ detail_busInspection: null,
|
|
|
+ detail_pictures: [],
|
|
|
+ detail_tracks_list: [],
|
|
|
+ detail_gzs: null,
|
|
|
+ detail_gzs_items: [],
|
|
|
+ detail_fcs: null,
|
|
|
+ //
|
|
|
+ is_show_gzs: false,
|
|
|
+ is_show_fcs: false,
|
|
|
+ is_have_gzs: false,
|
|
|
+ is_have_fcs: false,
|
|
|
+
|
|
|
+ // 表单参数
|
|
|
+ form: {},
|
|
|
+ // 表单校验
|
|
|
+ rules: {}
|
|
|
+ };
|
|
|
+ },
|
|
|
+ watch:{
|
|
|
+ '$route.query.log_id': {
|
|
|
+ handler: function (newValue, oldValue) {
|
|
|
+ if(newValue != undefined){
|
|
|
+ this.queryParams.busLogId = newValue
|
|
|
+ }
|
|
|
+ if(oldValue != undefined){
|
|
|
+ this.queryParams.busLogId = oldValue
|
|
|
+ }
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ },
|
|
|
+ '$route.query.busInspectionId': {
|
|
|
+ handler: function (newValue, oldValue) {
|
|
|
+ if(newValue != undefined){
|
|
|
+ this.queryParams.busInspectionId = newValue
|
|
|
+ }
|
|
|
+ if(oldValue != undefined){
|
|
|
+ this.queryParams.busInspectionId = oldValue
|
|
|
+ }
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.queryParams.busLogId = this.$route.query.log_id
|
|
|
+ this.queryParams.busInspectionId = this.$route.query.busInspectionId
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ show_gz_fc(a) {
|
|
|
+ if (a == 'gzs') {
|
|
|
+ this.is_show_gzs = true
|
|
|
+ this.is_show_fcs = false
|
|
|
+ } else if (a == 'fcs') {
|
|
|
+ this.is_show_gzs = false
|
|
|
+ this.is_show_fcs = true
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ detail(row) {
|
|
|
+ let that = this
|
|
|
+ this.isShowDetail = true;
|
|
|
+ this.detail_busInspection = row
|
|
|
+ let query = {busInspectionId: row.busInspectionId}
|
|
|
+ detail(query).then(resp => {
|
|
|
+ that.pictureBasePath = resp.pictureBasePath
|
|
|
+ that.detail_pictures = resp.pictures
|
|
|
+ that.detail_tracks_list = resp.tracks_list
|
|
|
+
|
|
|
+ that.detail_gzs = resp.gzs;
|
|
|
+ if (that.detail_gzs != null && that.detail_gzs.length > 0) {
|
|
|
+ that.is_have_gzs = true
|
|
|
+ }else{
|
|
|
+ that.is_show_gzs = false
|
|
|
+ }
|
|
|
+ that.detail_gzs_items = resp.gzs_items;
|
|
|
+ that.detail_fcs = resp.fcs;
|
|
|
+
|
|
|
+
|
|
|
+ if (that.detail_fcs != null && that.detail_fcs.length > 0) {
|
|
|
+ that.is_have_fcs = true
|
|
|
+ }else{
|
|
|
+ that.is_show_fcs = false
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
+ /** 查询巡检项记录列表 */
|
|
|
+ getList() {
|
|
|
+ this.loading = true;
|
|
|
+ listInspection(this.queryParams).then(response => {
|
|
|
+ this.inspectionList = response.rows;
|
|
|
+ console.log("$$$",this.inspectionList)
|
|
|
+ this.total = response.total;
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 取消按钮
|
|
|
+ cancel() {
|
|
|
+ this.open = false;
|
|
|
+ this.reset();
|
|
|
+ },
|
|
|
+ // 表单重置
|
|
|
+ reset() {
|
|
|
+ this.form = {
|
|
|
+ busInspectionId: null,
|
|
|
+ busLogId: null,
|
|
|
+ busItemsId: null,
|
|
|
+ itemsType: null,
|
|
|
+ timeLimit: null,
|
|
|
+ latTime: null,
|
|
|
+ isPass: null,
|
|
|
+ busItemsName: null,
|
|
|
+ riskStatus: "0"
|
|
|
+ };
|
|
|
+ this.resetForm("form");
|
|
|
+ },
|
|
|
+ /** 搜索按钮操作 */
|
|
|
+ handleQuery() {
|
|
|
+ this.queryParams.pageNum = 1;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ /** 重置按钮操作 */
|
|
|
+ resetQuery() {
|
|
|
+ this.resetForm("queryForm");
|
|
|
+ this.handleQuery();
|
|
|
+ },
|
|
|
+ // 多选框选中数据
|
|
|
+ handleSelectionChange(selection) {
|
|
|
+ this.ids = selection.map(item => item.busInspectionId)
|
|
|
+ this.single = selection.length !== 1
|
|
|
+ this.multiple = !selection.length
|
|
|
+ },
|
|
|
+ /** 新增按钮操作 */
|
|
|
+ handleAdd() {
|
|
|
+ this.reset();
|
|
|
+ this.open = true;
|
|
|
+ this.title = "添加巡检项记录";
|
|
|
+ },
|
|
|
+ /** 修改按钮操作 */
|
|
|
+ handleUpdate(row) {
|
|
|
+ this.reset();
|
|
|
+ const busInspectionId = row.busInspectionId || this.ids
|
|
|
+ getInspection(busInspectionId).then(response => {
|
|
|
+ this.form = response.data;
|
|
|
+ this.open = true;
|
|
|
+ this.title = "修改巡检项记录";
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 提交按钮 */
|
|
|
+ submitForm() {
|
|
|
+ this.$refs["form"].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ if (this.form.busInspectionId != null) {
|
|
|
+ updateInspection(this.form).then(response => {
|
|
|
+ this.$modal.msgSuccess("修改成功");
|
|
|
+ this.open = false;
|
|
|
+ this.getList();
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ addInspection(this.form).then(response => {
|
|
|
+ this.$modal.msgSuccess("新增成功");
|
|
|
+ this.open = false;
|
|
|
+ this.getList();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 删除按钮操作 */
|
|
|
+ handleDelete(row) {
|
|
|
+ const busInspectionIds = row.busInspectionId || this.ids;
|
|
|
+ this.$modal.confirm('是否确认删除巡检项记录编号为"' + row.busItemsName + '"的数据项?').then(function () {
|
|
|
+ return delInspection(busInspectionIds);
|
|
|
+ }).then(() => {
|
|
|
+ this.getList();
|
|
|
+ this.$modal.msgSuccess("删除成功");
|
|
|
+ }).catch(() => {
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 导出按钮操作 */
|
|
|
+ handleExport() {
|
|
|
+ this.download('system/inspection/export', {
|
|
|
+ ...this.queryParams
|
|
|
+ }, `inspection_${new Date().getTime()}.xlsx`)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+ .con {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .con_left {
|
|
|
+ width: 225px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background: #f4f9ff;
|
|
|
+ padding: 20px 0px;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .con_left .list_img {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ height: 400px;
|
|
|
+ overflow-y: scroll;
|
|
|
+ }
|
|
|
+
|
|
|
+ .con_left .list_img::-webkit-scrollbar {
|
|
|
+ width: 3px;
|
|
|
+ height: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .con_left .list_img .el-image {
|
|
|
+ width: 190px;
|
|
|
+ height: 130px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ display: block;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ overflow: visible;
|
|
|
+ }
|
|
|
+
|
|
|
+ .con_right {
|
|
|
+ height: 488px;
|
|
|
+ overflow-y: scroll;
|
|
|
+ padding-left: 20px;
|
|
|
+ width: 340px;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .con_right::-webkit-scrollbar, .con_right2::-webkit-scrollbar {
|
|
|
+ width: 3px;
|
|
|
+ height: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bz_lc {
|
|
|
+ border-left: 2px solid #ededed;
|
|
|
+ padding-left: 30px;
|
|
|
+ min-height: 491px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bz_lc .bz_line {
|
|
|
+ position: relative;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ padding-top: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bz_lc .bz_line i {
|
|
|
+ display: block;
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
+ background: #2078ff;
|
|
|
+ border-radius: 50%;
|
|
|
+ border: 5px solid #eef5ff;
|
|
|
+ position: absolute;
|
|
|
+ left: -43px;
|
|
|
+ top: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bz_lc .bz_line h5 {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 900;
|
|
|
+ margin: 0px;
|
|
|
+ padding-bottom: 15px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bz_lc .bz_line p {
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 24px;
|
|
|
+ margin: 0px;
|
|
|
+ padding-bottom: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bz_lc .bz_line p b {
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bz_lc .bz_line p b.color1 {
|
|
|
+ color: #1890ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bz_lc .bz_line p b.color2 {
|
|
|
+ color: #3ee293;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bz_lc .bz_line p b.color3 {
|
|
|
+ color: #e2a912;
|
|
|
+ }
|
|
|
+
|
|
|
+ .con_right2 {
|
|
|
+ height: 488px;
|
|
|
+ overflow-y: scroll;
|
|
|
+ width: 340px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_div {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_div h5 {
|
|
|
+ font-size: 14px;
|
|
|
+ text-align: left;
|
|
|
+ color: #555;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_div h4 {
|
|
|
+ font-size: 18px;
|
|
|
+ text-align: center;
|
|
|
+ color: #333;
|
|
|
+ font-weight: 800;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_div p {
|
|
|
+ font-size: 16px;
|
|
|
+ text-align: left;
|
|
|
+ color: #444;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ margin-top: 5px;
|
|
|
+ line-height: 25px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_div p i {
|
|
|
+ color: #f00;
|
|
|
+ font-style: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_div h6 {
|
|
|
+ font-size: 16px;
|
|
|
+ text-align: right;
|
|
|
+ color: #444;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_div p .el-image {
|
|
|
+ display: inline-flex;
|
|
|
+ width: 100px;
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+</style>
|