| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form ref="form" :inline="true" class="inquire" :model="form" label-width="80px"> |
| | | <el-form-item label="编号"> |
| | | <el-input v-model="form.name" style="width:202px"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="检查单位"> |
| | | <el-select v-model="value" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="检查部门"> |
| | | <el-select v-model="value" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="检查人"> |
| | | <el-input v-model="form.name" style="width:202px"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="隐患单位"> |
| | | <el-select v-model="value" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="隐患部门"> |
| | | <el-select v-model="value" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="隐患类别"> |
| | | <el-select v-model="value" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="隐患级别"> |
| | | <el-select v-model="value" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="检查类别"> |
| | | <el-select v-model="value" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="隐患地点"> |
| | | <el-input v-model="form.name" style="width:202px"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="隐患内容"> |
| | | <el-input v-model="form.name" style="width:202px"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="班次"> |
| | | <el-select v-model="value" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="是否关联"> |
| | | <el-select v-model="value" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="录入人"> |
| | | <el-select v-model="value" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> --> |
| | | <el-form-item label="检查时间"> |
| | | <el-col :span="11"> |
| | | <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker> |
| | | </el-col> |
| | | <el-col style="text-align:center" :span="2">-</el-col> |
| | | <el-col :span="11"> |
| | | <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker> |
| | | </el-col> |
| | | </el-form-item> |
| | | <el-form-item label="限改时间"> |
| | | <el-col :span="11"> |
| | | <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker> |
| | | </el-col> |
| | | <el-col style="text-align:center" :span="2">-</el-col> |
| | | <el-col :span="11"> |
| | | <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker> |
| | | </el-col> |
| | | </el-form-item> |
| | | <el-form-item style="text-align:center;padding:0 50px"> |
| | | <el-button type="primary" class="btns" size="small" icon="el-icon-search">查询</el-button> |
| | | <el-button type="primary" class="btns" size="small" icon="el-icon-upload2">导出excel</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-row class="title-center"> |
| | | <!-- <el-col :span="10"> |
| | | <el-radio-group v-model="radio1"> |
| | | <el-radio-button label="上海"></el-radio-button> |
| | | <el-radio-button label="北京"></el-radio-button> |
| | | <el-radio-button label="广州"></el-radio-button> |
| | | </el-radio-group> |
| | | </el-col> --> |
| | | <el-col :span="24" style="text-align:right;"> |
| | | <el-button class="btns" type="primary" size="small">批量发送</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-table :data="tableData" style="width: 100%"> |
| | | <el-table-column |
| | | type="selection" |
| | | width="55" |
| | | align="center" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | label="编号" |
| | | align="center" |
| | | sortable |
| | | width="120" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | label="检查部门" |
| | | align="center" |
| | | sortable |
| | | width="120" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | label="检查人" |
| | | align="center" |
| | | sortable |
| | | width="120" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column prop="date" label="检查类别" align="center"> |
| | | </el-table-column> |
| | | <el-table-column label="隐患项目" align="center"> |
| | | <el-table-column label="检查时间" width="120" sortable align="center"> |
| | | </el-table-column> |
| | | <el-table-column label="地点" align="center"> </el-table-column> |
| | | <el-table-column label="内容" align="center"> </el-table-column> |
| | | <el-table-column label="类别" align="center"> </el-table-column> |
| | | <el-table-column label="级别" align="center"> </el-table-column> |
| | | </el-table-column> |
| | | <el-table-column label="整改计划" align="center"> |
| | | <el-table-column label="整改措施" align="center"> </el-table-column> |
| | | <el-table-column label="隐患部门" align="center"> </el-table-column> |
| | | <el-table-column label="责任人" align="center"> </el-table-column> |
| | | <el-table-column label="限改时间" width="120" sortable align="center"> |
| | | </el-table-column> |
| | | <!-- <el-table-column label="级别" align="center"> </el-table-column> --> |
| | | </el-table-column> |
| | | <el-table-column label="整改情况" align="center"> |
| | | <el-table-column label="完成时间" sortable width="120" align="center"> </el-table-column> |
| | | <el-table-column label="复查结果" align="center"> </el-table-column> |
| | | <el-table-column label="复查人" align="center"> </el-table-column> |
| | | <el-table-column label="复查时间" width="120" sortable align="center"> |
| | | </el-table-column> |
| | | <!-- <el-table-column label="级别" align="center"> </el-table-column> --> |
| | | </el-table-column> |
| | | <el-table-column label="隐患处理状态" align="center"> </el-table-column> |
| | | <el-table-column label="是否关联" align="center"> </el-table-column> |
| | | <el-table-column label="风险等级" align="center"> </el-table-column> |
| | | <el-table-column label="初始警情" align="center"> </el-table-column> |
| | | <el-table-column label="当前警情" align="center"> </el-table-column> |
| | | <el-table-column label="流程操作" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-button @click="handleClick(scope.row)" type="text" size="small">点击发送</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="text-align: right"> |
| | | <el-pagination |
| | | v-show="recordTotal > 0" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="currentPage" |
| | | :page-sizes="[10, 20, 30, 50]" |
| | | :page-size="pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="recordTotal" |
| | | > |
| | | </el-pagination> |
| | | <div class="app-container"> |
| | | <el-form ref="form" :inline="true" class="inquire" :model="form" label-width="80px"> |
| | | <el-form-item label="编号"> |
| | | <el-input v-model="listQuery.form.number" style="width:202px" placeholder="请输入内容"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="检查单位"> |
| | | <el-select v-model="listQuery.form.check_main_branch" placeholder="请选择" @change="changeJCDW"> |
| | | <el-option |
| | | v-for="item in JCDWList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="检查部门"> |
| | | <el-select v-model="listQuery.form.check_branch" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in JCBMList" |
| | | :key="item.value" |
| | | :label="item.value" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="检查人"> |
| | | <el-input v-model="listQuery.form.check_man" style="width:202px" placeholder="请输入内容"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="隐患单位"> |
| | | <el-input v-model="listQuery.form.ht_community" style="width:202px" :disabled="true"></el-input> |
| | | <!--<el-select v-model="listQuery.form.ht_community" placeholder="请选择" @change="changeYHDW"> |
| | | <el-option |
| | | v-for="item in JCDWList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select>--> |
| | | </el-form-item> |
| | | <el-form-item label="隐患部门"> |
| | | <el-select v-model="listQuery.form.ht_branch" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in YHBMList" |
| | | :key="item.branch_id" |
| | | :label="item.branch_name" |
| | | :value="item.branch_id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="隐患类别"> |
| | | <el-select v-model="listQuery.form.ht_typesub" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in YHLXList" |
| | | :key="item.value" |
| | | :label="item.value" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="隐患级别"> |
| | | <el-select v-model="listQuery.form.ht_level" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in YHJBList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="检查类别"> |
| | | <el-select v-model="listQuery.form.checktype" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in JCLBList" |
| | | :key="item.value" |
| | | :label="item.value" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="隐患地点"> |
| | | <el-input v-model="listQuery.form.address" style="width:202px" placeholder="请输入内容"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="隐患内容"> |
| | | <el-input v-model="listQuery.form.ht_content" style="width:202px" placeholder="请输入内容"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="班次"> |
| | | <el-select v-model="listQuery.form.check_class" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in BCList" |
| | | :key="item.value" |
| | | :label="item.value" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="是否关联"> |
| | | <el-select v-model="listQuery.form.DTRisk_bankId" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in reList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="录入人"> |
| | | <el-select v-model="listQuery.form.createBy" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in llrList" |
| | | :key="item.id" |
| | | :label="item.realName" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="检查时间"> |
| | | <el-col :span="11"> |
| | | <el-date-picker type="date" placeholder="选择日期" v-model="listQuery.form.check_dateStart" |
| | | style="width: 100%;" value-format="yyyy-MM-dd"></el-date-picker> |
| | | </el-col> |
| | | <el-col style="text-align:center" :span="2">-</el-col> |
| | | <el-col :span="11"> |
| | | <el-date-picker type="date" placeholder="选择日期" v-model="listQuery.form.check_dateEnd" |
| | | style="width: 100%;" value-format="yyyy-MM-dd"></el-date-picker> |
| | | </el-col> |
| | | </el-form-item> |
| | | <el-form-item label="限改时间"> |
| | | <el-col :span="11"> |
| | | <el-date-picker type="date" placeholder="选择日期" v-model="listQuery.form.alter_timeStart" |
| | | value-format="yyyy-MM-dd" style="width: 100%;"></el-date-picker> |
| | | </el-col> |
| | | <el-col style="text-align:center" :span="2">-</el-col> |
| | | <el-col :span="11"> |
| | | <el-date-picker type="date" placeholder="选择日期" v-model="listQuery.form.alter_timeEnd" |
| | | value-format="yyyy-MM-dd" style="width: 100%;"></el-date-picker> |
| | | </el-col> |
| | | </el-form-item> |
| | | <el-form-item style="text-align:center;padding:0 50px"> |
| | | <el-button type="primary" class="btns" size="small" icon="el-icon-search" @click="getPageList()">查询 |
| | | </el-button> |
| | | <el-button type="primary" class="btns" size="small" @click="reset()">重置</el-button> |
| | | <el-button type="primary" class="btns" size="small" icon="el-icon-upload2" @click="exportData">导出excel |
| | | </el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-row class="title-center"> |
| | | <!-- <el-col :span="10"> |
| | | <el-radio-group v-model="radio1"> |
| | | <el-radio-button label="上海"></el-radio-button> |
| | | <el-radio-button label="北京"></el-radio-button> |
| | | <el-radio-button label="广州"></el-radio-button> |
| | | </el-radio-group> |
| | | </el-col> --> |
| | | <el-col :span="24" style="text-align:right;"> |
| | | <el-button class="btns" type="primary" size="small" @click="sendBath()">批量发送</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-table ref="dataTable" :data="tableData" style="width: 100%" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55" align="center"></el-table-column> |
| | | <el-table-column prop="number" label="编号" align="center" width="120"> |
| | | <template slot-scope="scope"> |
| | | <div class="blue-font-color" @click="showDetails(scope.row)">{{ scope.row.number }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="check_branch" label="检查部门" align="center" width="120"></el-table-column> |
| | | <el-table-column prop="check_man" label="检查人" align="center" width="120"></el-table-column> |
| | | <el-table-column prop="checktype" label="检查类别" align="center"></el-table-column> |
| | | <el-table-column label="隐患项目" align="center"> |
| | | <el-table-column prop="check_date" label="检查时间" width="120" align="center"> |
| | | <template slot-scope="scope"> |
| | | <label>{{ formatDate(scope.row.check_date)}}</label><br/> |
| | | <label>{{ scope.row.check_class}}</label> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="address" label="地点" align="center"></el-table-column> |
| | | <el-table-column prop="ht_content" label="内容" width="150" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-popover trigger="hover" placement="top"> |
| | | <p>{{ scope.row.ht_content }}</p> |
| | | <div slot="reference" class="name-wrapper">{{ |
| | | scope.row.ht_content != null && scope.row.ht_content.length > 10 ? scope.row.ht_content.substring(0, 8) + "...." : scope.row.ht_content |
| | | }} |
| | | </div> |
| | | </el-popover> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="ht_typesub" label="类别" align="center"></el-table-column> |
| | | <el-table-column prop="ht_level" label="级别" align="center"></el-table-column> |
| | | </el-table-column> |
| | | <el-table-column label="整改计划" align="center"> |
| | | <el-table-column prop="measure" label="整改措施" width="150" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-popover trigger="hover" placement="top"> |
| | | <p>{{ scope.row.measure }}</p> |
| | | <div slot="reference" class="name-wrapper">{{ |
| | | scope.row.measure != null && scope.row.measure.length > 10 ? scope.row.measure.substring(0, 8) + "...." : scope.row.measure |
| | | }} |
| | | </div> |
| | | </el-popover> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="ht_branch" label="隐患部门" align="center"></el-table-column> |
| | | <el-table-column prop="duty_officer" label="责任人" align="center"></el-table-column> |
| | | <el-table-column prop="alter_time" label="限改时间" :formatter="formatColumnDate" width="120" align="center"></el-table-column> |
| | | </el-table-column> |
| | | <el-table-column label="整改情况" align="center"> |
| | | <el-table-column prop="ACCOMPLISHTIME" label="完成时间" :formatter="formatColumnDate" width="120" align="center"></el-table-column> |
| | | <el-table-column prop="CALLBACKRESULT" label="复查结果" align="center"></el-table-column> |
| | | <el-table-column prop="CALLBACKPERSON" label="复查人" align="center"></el-table-column> |
| | | <el-table-column prop="CALLBACKTIME" label="复查时间" :formatter="formatColumnDate" width="120" align="center"></el-table-column> |
| | | </el-table-column> |
| | | <el-table-column label="隐患处理状态" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.step =='1'">初始状态</span> |
| | | <span v-if="scope.row.step =='2'">整改中</span> |
| | | <span v-if="scope.row.step =='3'">复查中</span> |
| | | <span v-if="scope.row.step =='end'">处理结束</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="date" label="是否关联" align="center"></el-table-column> |
| | | <el-table-column prop="DTRisk_level" label="风险等级" align="center"></el-table-column> |
| | | <el-table-column prop="warningLevel" label="初始警情" align="center"></el-table-column> |
| | | <el-table-column prop="curWarningLevel" label="当前警情" align="center"></el-table-column> |
| | | <el-table-column prop="date" label="流程操作" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-button @click="handleClick(scope.row)" type="text" size="small">点击发送</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="text-align: right"> |
| | | <el-pagination |
| | | v-show="recordTotal > 0" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="currentPage" |
| | | :page-sizes="[10, 20, 30, 50]" |
| | | :page-size="pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="recordTotal" |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import {getPageList, next_step_do} from "@/api/sgyhpczl/delayHiddenDangerRectification"; |
| | | import {danger_export_do} from "@/api/sgyhpczl/hiddenDangerRectification"; |
| | | import {initJCBM, initYHLX, initBC, initJCLB, initYHBM, initYHJB, initLlr} from "@/api/sgyhpczl/initSelect"; |
| | | |
| | | export default { |
| | | data() { |
| | | return { |
| | | form:{}, |
| | | radio1: '上海', |
| | | options: [{ |
| | | value: '选项1', |
| | | label: '黄金糕' |
| | | }, { |
| | | value: '选项2', |
| | | label: '双皮奶' |
| | | }, { |
| | | value: '选项3', |
| | | label: '蚵仔煎' |
| | | }, { |
| | | value: '选项4', |
| | | label: '龙须面' |
| | | }, { |
| | | value: '选项5', |
| | | label: '北京烤鸭' |
| | | }], |
| | | tableData: [{ |
| | | date: '2016-05-02', |
| | | name: '王小虎', |
| | | address: '上海市普陀区金沙江路 1518 弄' |
| | | }, { |
| | | date: '2016-05-04', |
| | | name: '王小虎', |
| | | address: '上海市普陀区金沙江路 1517 弄' |
| | | }, { |
| | | date: '2016-05-01', |
| | | name: '王小虎', |
| | | address: '上海市普陀区金沙江路 1519 弄' |
| | | }, { |
| | | date: '2016-05-03', |
| | | name: '王小虎', |
| | | address: '上海市普陀区金沙江路 1516 弄' |
| | | }], |
| | | pageSize: 10, |
| | | recordTotal: 0, |
| | | currentPage: 1, |
| | | }; |
| | | }, |
| | | methods:{ |
| | | // 发送隐患单跳转 |
| | | handleClick(){ |
| | | this.$router.push({ |
| | | path:"/rectificationDelayHiddenDanger" |
| | | data() { |
| | | return { |
| | | options: [], |
| | | form: {}, |
| | | value1: "", |
| | | reList: [{label: "未关联", value: 0}], |
| | | llrList: [], |
| | | JCDWList: [{label: "众泰煤焦化", value: 0}, {label: "上级单位", value: 1}], |
| | | JCBMList: [], |
| | | YHLXList: [], |
| | | BCList: [], |
| | | JCLBList: [], |
| | | YHBMList: [], |
| | | YHJBList: [], |
| | | tableData: [], |
| | | listQuery: { |
| | | page: 1, |
| | | limit: 10, |
| | | form: { |
| | | ht_community: "众泰煤焦化" |
| | | }, |
| | | }, |
| | | currentPage: 1, |
| | | pageSize: 10, |
| | | recordTotal: 0, |
| | | }; |
| | | }, |
| | | mounted() { |
| | | this.getPageList() |
| | | this.initYHLX() |
| | | this.initYHJB() |
| | | this.initBC() |
| | | this.initJCLB() |
| | | this.initLlr() |
| | | this.initYHBM() |
| | | }, |
| | | methods: { |
| | | initLlr() { |
| | | initLlr().then(res => { |
| | | if (res.data.ok == 1) { |
| | | this.llrList = res.data.data |
| | | } else { |
| | | this.$message({type: 'error', message: res.data.msg, duration: 3000}) |
| | | } |
| | | }) |
| | | }, |
| | | initYHBM(val) { |
| | | initYHBM().then(res => { |
| | | if (res.data.ok == 1) { |
| | | this.YHBMList = res.data.data |
| | | } else { |
| | | this.$message({type: 'error', message: res.data.msg, duration: 3000}) |
| | | } |
| | | }) |
| | | }, |
| | | changeJCDW(val) { |
| | | initJCBM(val).then(res => { |
| | | if (res.data.ok == 1) { |
| | | this.JCBMList = res.data.data |
| | | } else { |
| | | this.$message({type: 'error', message: res.data.msg, duration: 3000}) |
| | | } |
| | | }) |
| | | }, |
| | | checkTime() { |
| | | if (this.listQuery.form.check_dateStart != null && this.listQuery.form.check_dateStart != '') { |
| | | if (this.listQuery.form.check_dateEnd != null && this.listQuery.form.check_dateEnd != '') { |
| | | } else { |
| | | this.$message({type: 'error', message: "请选择检查结束时间", duration: 3000}) |
| | | return |
| | | } |
| | | |
| | | } |
| | | if (this.listQuery.form.check_dateEnd != null && this.listQuery.form.check_dateEnd != '') { |
| | | if (this.listQuery.form.check_dateStart != null && this.listQuery.form.check_dateStart != '') { |
| | | } else { |
| | | this.$message({type: 'error', message: "请选择检查开始时间", duration: 3000}) |
| | | return |
| | | } |
| | | } |
| | | if (this.listQuery.form.alter_timeStart != null && this.listQuery.form.alter_timeStart != '') { |
| | | if (this.listQuery.form.alter_timeEnd != null && this.listQuery.form.alter_timeEnd != '') { |
| | | } else { |
| | | this.$message({type: 'error', message: "请选择限改结束时间", duration: 3000}) |
| | | return |
| | | } |
| | | |
| | | } |
| | | if (this.listQuery.form.alter_timeEnd != null && this.listQuery.form.alter_timeEnd != '') { |
| | | if (this.listQuery.form.alter_timeStart != null && this.listQuery.form.alter_timeStart != '') { |
| | | } else { |
| | | this.$message({type: 'error', message: "请选择改开始时间", duration: 3000}) |
| | | return |
| | | } |
| | | } |
| | | }, |
| | | getPageList() { |
| | | this.listQuery.page = 1 |
| | | this.checkTime() |
| | | getPageList(this.listQuery).then(res => { |
| | | if (res.data.ok == 1) { |
| | | this.tableData = res.data.data.items |
| | | this.recordTotal = res.data.data.total |
| | | } else { |
| | | this.$message({type: 'error', message: res.data.msg, duration: 3000}) |
| | | } |
| | | }) |
| | | }, |
| | | reset() { |
| | | this.listQuery.form = {ht_community: "众泰煤焦化"} |
| | | this.getPageList() |
| | | }, |
| | | handleSizeChange(val) { |
| | | this.listQuery.limit = val |
| | | this.getPageListForPagination(); |
| | | }, |
| | | handleCurrentChange(val) { |
| | | this.listQuery.page = val |
| | | this.getPageListForPagination(); |
| | | }, |
| | | getPageListForPagination() { |
| | | this.checkTime() |
| | | getPageList(this.listQuery).then(res => { |
| | | if (res.data.ok == 1) { |
| | | this.tableData = res.data.data.items |
| | | this.recordTotal = res.data.data.total |
| | | } else { |
| | | this.$message({type: 'error', message: res.data.msg, duration: 3000}) |
| | | } |
| | | }) |
| | | }, |
| | | initYHLX() { |
| | | initYHLX().then(res => { |
| | | if (res.data.ok == 1) { |
| | | this.YHLXList = res.data.data |
| | | } else { |
| | | this.$message({type: 'error', message: res.data.msg, duration: 3000}) |
| | | } |
| | | }) |
| | | }, |
| | | initYHJB() { |
| | | initYHJB().then(res => { |
| | | if (res.data.ok == 1) { |
| | | this.YHJBList = res.data.data |
| | | } else { |
| | | this.$message({type: 'error', message: res.data.msg, duration: 3000}) |
| | | } |
| | | }) |
| | | }, |
| | | initBC() { |
| | | initBC().then(res => { |
| | | if (res.data.ok == 1) { |
| | | this.BCList = res.data.data |
| | | } else { |
| | | this.$message({type: 'error', message: res.data.msg, duration: 3000}) |
| | | } |
| | | }) |
| | | }, |
| | | initJCLB() { |
| | | initJCLB().then(res => { |
| | | if (res.data.ok == 1) { |
| | | this.JCLBList = res.data.data |
| | | } else { |
| | | this.$message({type: 'error', message: res.data.msg, duration: 3000}) |
| | | } |
| | | }) |
| | | }, |
| | | // table点击多选框返回数据 |
| | | handleSelectionChange(val) { |
| | | this.multipleSelection = val; |
| | | }, |
| | | // 发送隐患单跳转 |
| | | handleClick(row) { |
| | | this.$router.push({ |
| | | path: "/rectificationDelayHiddenDanger", |
| | | query:{"id":row.id} |
| | | }) |
| | | }, |
| | | sendBath() { |
| | | var selectData = this.$refs.dataTable.selection; |
| | | if (selectData.length < 1) { |
| | | this.$message({type: 'warning', message: "请选择需要发送的数据!", duration: 3000}) |
| | | return; |
| | | } |
| | | var selectIds = ""; |
| | | selectData.forEach(n => { |
| | | selectIds += n.id + ","; |
| | | }) |
| | | selectIds = selectIds.substring(0, selectIds.length - 1); |
| | | var now = new Date(); |
| | | var requestData = { |
| | | "id": selectIds, //隐患ID |
| | | "step": "1", //步骤 |
| | | "alter_time": now.toLocaleDateString().replaceAll("/", "-"), |
| | | "dealContent": "同意延期申请" //备注 |
| | | } |
| | | |
| | | this.$confirm('确认要发送吗?', '提示', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning', |
| | | }).then(() => { |
| | | next_step_do(requestData).then(res => { |
| | | var data = res.data; |
| | | if (data.ok) { |
| | | this.$message({type: 'success', message: data.msg, duration: 3000}); |
| | | this.getPageList(); |
| | | } else { |
| | | this.$message({type: 'warn', message: data.msg, duration: 3000}); |
| | | } |
| | | }) |
| | | }) |
| | | }, |
| | | exportData() { |
| | | var requestData = this.listQuery; |
| | | requestData.export_type = 4; |
| | | //删除分页参数 |
| | | this.$delete(requestData, 'page') |
| | | this.$delete(requestData, 'limit') |
| | | danger_export_do(requestData).then(res => { |
| | | var blob = new Blob([res.data]) |
| | | var downloadElement = document.createElement('a') |
| | | var href = window.URL.createObjectURL(blob) //创建下载的链接 |
| | | downloadElement.href = href |
| | | downloadElement.download = '隐患整改延期.xlsx' //下载后文件名 |
| | | document.body.appendChild(downloadElement) |
| | | downloadElement.click() //点击下载 |
| | | document.body.removeChild(downloadElement) //下载完成移除元素 |
| | | window.URL.revokeObjectURL(href) //释放掉blob对象 |
| | | }).catch(err => { |
| | | console.log(err) |
| | | }) |
| | | }, |
| | | //方法区 |
| | | formatDate(data) { |
| | | // 获取单元格数据 |
| | | if(data == null) { |
| | | return null |
| | | } |
| | | let dt = new Date(data) |
| | | return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() |
| | | }, |
| | | showDetails(row){ |
| | | this.$router.push({ |
| | | path: "/dangerDetails", |
| | | query:{"id":row.id} |
| | | }) |
| | | }, |
| | | //方法区 |
| | | formatColumnDate(row, column) { |
| | | // 获取单元格数据 |
| | | let data = row[column.property] |
| | | if(data == null) { |
| | | return null |
| | | } |
| | | let dt = new Date(data) |
| | | return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' |
| | | }, |
| | | } |
| | | }; |
| | | </script> |
| | | <style> |
| | | .inquire{ |
| | | display: flex; |
| | | justify-content:left; |
| | | flex-wrap: wrap; |
| | | .inquire { |
| | | display: flex; |
| | | justify-content: left; |
| | | flex-wrap: wrap; |
| | | } |
| | | .inquire .el-form-item{ |
| | | padding: 0 46px; |
| | | |
| | | .inquire .el-form-item { |
| | | padding: 0 46px; |
| | | } |
| | | .title-center{ |
| | | padding: 20px 0; |
| | | |
| | | .title-center { |
| | | padding: 20px 0; |
| | | } |
| | | |
| | | .btns { |
| | | background-color: #034ea2; |
| | | border: 1px solid #034ea2; |
| | | background-color: #034ea2; |
| | | border: 1px solid #034ea2; |
| | | } |
| | | .blue-font-color:hover{ |
| | | cursor: pointer; |
| | | color: blue; |
| | | } |
| | | </style> |