| | |
| | | }); |
| | | } |
| | | |
| | | |
| | | //保存延期申请 |
| | | export function company_next_step_do(data) { |
| | | return request({ |
| | | headers:{ |
| | | 'token': getTokenAndVerify().token, |
| | | 'verify':getTokenAndVerify().verify |
| | | }, |
| | | url: "/taboi/danger/company_next_step_do", |
| | | contentType: "application/json", |
| | | method: 'POST', |
| | | data, |
| | | }); |
| | | } |
| | | |
对比新文件 |
| | |
| | | import request from '@/utils/request'; |
| | | import {getTokenAndVerify} from "@/api/sgyhpczl/auth"; |
| | | |
| | | export function standard_template() { |
| | | return request({ |
| | | headers: { |
| | | 'token': getTokenAndVerify().token, |
| | | 'verify': getTokenAndVerify().verify |
| | | }, |
| | | url: '/taboi/download/standard_template', |
| | | method: 'get', |
| | | responseType: 'arraybuffer', |
| | | }); |
| | | } |
| | | |
| | | export function standard_import_do(data) { |
| | | return request({ |
| | | headers: { |
| | | 'token': getTokenAndVerify().token, |
| | | 'verify': getTokenAndVerify().verify |
| | | }, |
| | | url: '/taboi/excel/standard_import_do', |
| | | method: 'post', |
| | | data |
| | | }) |
| | | } |
| | | |
| | | export function stand_list(data) { |
| | | return request({ |
| | | headers: { |
| | | 'token': getTokenAndVerify().token, |
| | | 'verify': getTokenAndVerify().verify |
| | | }, |
| | | url: '/taboi/danger/stand_list?standardType=' + data, |
| | | method: 'GET', |
| | | }) |
| | | } |
| | |
| | | { |
| | | path: '/', |
| | | component: Layout, |
| | | redirect: '/workPlan/workPlan/reserve', |
| | | redirect: "/accidentHidden", |
| | | // redirect: '/workPlan/workPlan/reserve', |
| | | children: [ |
| | | { |
| | | path: 'dashboard', |
| | |
| | | component: () => import('@/views/Issuedbysuperiors'), |
| | | meta: { title: '上级下达隐患', icon: '' } |
| | | }, |
| | | { |
| | | id: 9, |
| | | parentId: 0, |
| | | path: '/superiorsSend', |
| | | name: '发送隐患', |
| | | component: () => import('@/views/Issuedbysuperiors/superiorsSend'), |
| | | meta: { title: '发送隐患', icon: '' }, |
| | | hidden: true |
| | | |
| | | }, |
| | | |
| | | { |
| | | id: 10, |
| | | parentId: 0, |
| | |
| | | <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-select v-model="listQuery.form.check_main_branch" placeholder="请选择" @change="changeJCDW"> |
| | | <el-option |
| | | v-for="item in JCDWList" |
| | | :key="item.value" |
| | |
| | | </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-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-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-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-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" 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-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-row class="title-center"> |
| | | <el-col :span="10"> |
| | | <el-radio-group v-model="YHType"> |
| | | <el-radio-button label="1">待发送</el-radio-button> |
| | | <el-radio-button label="2">整改中</el-radio-button> |
| | | <el-radio-button label="3">待复查</el-radio-button> |
| | | <el-radio-button label="end">整改完成</el-radio-button> |
| | | </el-radio-group> |
| | | <el-radio-group v-model="YHType"> |
| | | <el-radio-button label="1">待发送</el-radio-button> |
| | | <el-radio-button label="2">整改中</el-radio-button> |
| | | <el-radio-button label="3">待复查</el-radio-button> |
| | | <el-radio-button label="end">整改完成</el-radio-button> |
| | | </el-radio-group> |
| | | </el-col> |
| | | </el-row> |
| | | <el-table :data="tableData" style="width: 100%" @selection-change="changeBox"> |
| | | <el-table :data="tableData" style="width: 100%" @selection-change="changeBox"> |
| | | <el-table-column type="selection" width="55" align="center"></el-table-column> |
| | | <el-table-column prop="number" label="编号" align="center" width="120"></el-table-column> |
| | | <el-table-column prop="check_branch" 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"></el-table-column> |
| | | <el-table-column prop="address" label="地点" align="center"> </el-table-column> |
| | | <el-table-column prop="ht_content" label="内容" align="center"> </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 prop="address" label="地点" align="center"></el-table-column> |
| | | <el-table-column prop="ht_content" label="内容" align="center"></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="整改措施" align="center"> </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="measure" label="整改措施" align="center"></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="限改时间" width="120" align="center"></el-table-column> |
| | | <el-table-column prop="ht_level" 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="ACCOMPLISHTIME" label="完成时间" width="110px" 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="复查时间" width="120" align="center"></el-table-column> |
| | | <el-table-column prop="ACCOMPLISHTIME" label="完成时间" width="110px" 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="复查时间" width="120" align="center"></el-table-column> |
| | | </el-table-column> |
| | | <el-table-column label="隐患处理状态" align="center"> |
| | | <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> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="DTRisk_bankId" label="是否关联" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.DTRisk_bankId==0 || scope.row.DTRisk_bankId=='' || scope.row.DTRisk_bankId==null">未关联</span> |
| | | <span |
| | | v-if="scope.row.DTRisk_bankId==0 || scope.row.DTRisk_bankId=='' || scope.row.DTRisk_bankId==null">未关联</span> |
| | | <span v-else>已关联</span> |
| | | </template> |
| | | </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="流程操作" v-if="YHType=='1'" align="center" fixed="right"> |
| | | <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="流程操作" v-if="YHType==1" align="center" fixed="right"> |
| | | <template slot-scope="scope"> |
| | | <el-button @click="handleClick(scope.row)" type="text" size="small">点击发送</el-button> |
| | | </template> |
| | |
| | | <script> |
| | | import {getPageList} from "@/api/sgyhpczl/Issuedbysuperiors"; |
| | | import {danger_export_do} from "@/api/sgyhpczl/hiddenDangerRectification"; |
| | | import {initJCBM ,initYHLX, initBC ,initJCLB ,initYHBM ,initYHJB,initLlr,initReformStatus} from "@/api/sgyhpczl/initSelect"; |
| | | import { |
| | | initJCBM, |
| | | initYHLX, |
| | | initBC, |
| | | initJCLB, |
| | | initYHBM, |
| | | initYHJB, |
| | | initLlr, |
| | | initReformStatus |
| | | } from "@/api/sgyhpczl/initSelect"; |
| | | |
| | | export default { |
| | | data() { |
| | | return { |
| | | YHType:'1', |
| | | selectedList:[], |
| | | reList:[{label:"未关联",value:0}], |
| | | llrList:[], |
| | | YHType: '1', |
| | | selectedList: [], |
| | | reList: [{label: "未关联", value: 0}], |
| | | llrList: [], |
| | | options: [], |
| | | form:{}, |
| | | form: {}, |
| | | |
| | | JCDWList:[{label:"众泰煤焦化",value:0},{label:"上级单位",value:1}], |
| | | JCBMList:[], |
| | | YHLXList:[], |
| | | BCList:[], |
| | | JCLBList:[], |
| | | YHBMList:[], |
| | | YHJBList:[], |
| | | YHZTList:[], |
| | | JCDWList: [{label: "众泰煤焦化", value: 0}, {label: "上级单位", value: 1}], |
| | | JCBMList: [], |
| | | YHLXList: [], |
| | | BCList: [], |
| | | JCLBList: [], |
| | | YHBMList: [], |
| | | YHJBList: [], |
| | | YHZTList: [], |
| | | tableData: [], |
| | | listQuery:{ |
| | | page:1, |
| | | limit:10, |
| | | form:{ |
| | | ht_community:"众泰煤焦化" |
| | | listQuery: { |
| | | page: 1, |
| | | limit: 10, |
| | | form: { |
| | | ht_community: "众泰煤焦化" |
| | | }, |
| | | }, |
| | | currentPage: 1, |
| | |
| | | recordTotal: 0, |
| | | }; |
| | | }, |
| | | mounted(){ |
| | | mounted() { |
| | | this.getPageList() |
| | | this.initYHLX() |
| | | this.initYHJB() |
| | |
| | | this.initYHBM() |
| | | this.initYHZT() |
| | | }, |
| | | watch:{ |
| | | "YHType":function (newVal,oldVal){ |
| | | watch: { |
| | | "YHType": function (newVal, oldVal) { |
| | | this.getPageList() |
| | | } |
| | | }, |
| | | methods:{ |
| | | deleteBatch(){ |
| | | if(this.selectedList==null ||this.selectedList.length==0 ){ |
| | | this.$message({type:'warning', message:'至少选中一条数据', duration:3000}) |
| | | methods: { |
| | | deleteBatch() { |
| | | if (this.selectedList == null || this.selectedList.length == 0) { |
| | | this.$message({type: 'warning', message: '至少选中一条数据', duration: 3000}) |
| | | return |
| | | } |
| | | var ids=this.selectedList.map((obj) => { |
| | | var ids = this.selectedList.map((obj) => { |
| | | return obj.id |
| | | }).join(",") |
| | | this.$confirm('确认删除吗','提示', { |
| | | this.$confirm('确认删除吗', '提示', { |
| | | confirmButtonText: '确认', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }) |
| | | .then(()=>{ |
| | | .then(() => { |
| | | delDanger(ids).then(() => { |
| | | this.getPageList() |
| | | this.$notify({ |
| | |
| | | }); |
| | | }); |
| | | }) |
| | | .catch(error =>{ |
| | | .catch(error => { |
| | | }); |
| | | }, |
| | | changeBox(val){ |
| | | changeBox(val) { |
| | | this.selectedList = [] |
| | | val.forEach((item) => { |
| | | this.selectedList.push(item) |
| | | }) |
| | | }, |
| | | 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}) |
| | | 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(){ |
| | | initYHBM().then(res=>{ |
| | | if (res.data.ok==1){ |
| | | this.YHBMList=res.data.data |
| | | } else{ |
| | | this.$message({type:'error', message:res.data.msg, duration:3000}) |
| | | initYHBM() { |
| | | 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}) |
| | | 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}) |
| | | 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}) |
| | | 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}) |
| | | 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}) |
| | | 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 |
| | | getPageList() { |
| | | this.listQuery.page = 1 |
| | | this.listQuery.form.step = this.YHType; |
| | | this.checkTime() |
| | | getPageList(this.listQuery).then(res=>{ |
| | | if (res.data.ok==1) { |
| | | 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}) |
| | | this.recordTotal = res.data.data.total |
| | | } else { |
| | | this.$message({type: 'error', message: res.data.msg, duration: 3000}) |
| | | } |
| | | }) |
| | | }, |
| | | reset(){ |
| | | this.listQuery.form={ht_community:"众泰煤焦化"} |
| | | reset() { |
| | | this.listQuery.form = {ht_community: "众泰煤焦化"} |
| | | this.getPageList() |
| | | }, |
| | | handleSizeChange(val){ |
| | | handleSizeChange(val) { |
| | | this.listQuery.limit = val |
| | | this.getPageListForPagination(); |
| | | }, |
| | | handleCurrentChange(val){ |
| | | handleCurrentChange(val) { |
| | | this.listQuery.page = val |
| | | this.getPageListForPagination(); |
| | | }, |
| | | getPageListForPagination(){ |
| | | getPageListForPagination() { |
| | | this.checkTime() |
| | | getPageList(this.listQuery).then(res=>{ |
| | | if (res.data.ok==1) { |
| | | 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}) |
| | | 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}) |
| | | 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}) |
| | | 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}) |
| | | } |
| | | }) |
| | | }, |
| | | initYHZT(){ |
| | | initReformStatus().then(res=>{ |
| | | if (res.data.ok==1){ |
| | | this.YHZTList=res.data.data |
| | | initYHZT() { |
| | | initReformStatus().then(res => { |
| | | if (res.data.ok == 1) { |
| | | this.YHZTList = res.data.data |
| | | console.log(this.YHZTList) |
| | | } else{ |
| | | this.$message({type:'error', message:res.data.msg, duration:3000}) |
| | | } 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}) |
| | | 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}) |
| | | 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}) |
| | | } |
| | | }) |
| | | }, |
| | | updateClick(row){ |
| | | updateClick(row) { |
| | | this.$router.push({ |
| | | path:"/hiddenDangerAdd?id="+row.id |
| | | path: "/hiddenDangerAdd?id=" + row.id |
| | | }) |
| | | }, |
| | | jump(){ |
| | | jump() { |
| | | this.$router.push({ |
| | | path:"/hiddenDangerAdd" |
| | | path: "/hiddenDangerAdd" |
| | | }) |
| | | }, |
| | | // 发送隐患单跳转 |
| | | handleClick(row){ |
| | | handleClick(row) { |
| | | this.$router.push({ |
| | | path:"/hiddenDangerList?id="+row.id, |
| | | path: "/superiorsSend?id=" + row.id, |
| | | }) |
| | | }, |
| | | deleteClick(row){ |
| | | this.$confirm('确认删除吗','提示', { |
| | | deleteClick(row) { |
| | | this.$confirm('确认删除吗', '提示', { |
| | | confirmButtonText: '确认', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }) |
| | | .then(()=>{ |
| | | .then(() => { |
| | | delDanger(row.id).then(() => { |
| | | this.getPageList() |
| | | this.$notify({ |
| | |
| | | }); |
| | | }); |
| | | }) |
| | | .catch(error =>{ |
| | | .catch(error => { |
| | | }); |
| | | }, |
| | | exportData() { |
| | |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | .inquire { |
| | | display: flex; |
| | | justify-content: left; |
| | | flex-wrap: wrap; |
| | | } |
| | | .inquire .el-form-item { |
| | | padding: 0 46px; |
| | | } |
| | | .title-center { |
| | | padding: 20px 0; |
| | | } |
| | | .btns { |
| | | background-color: #034ea2; |
| | | border: 1px solid #034ea2; |
| | | } |
| | | .title-center /deep/ .el-radio-button:first-child .el-radio-button__inner { |
| | | .inquire { |
| | | display: flex; |
| | | justify-content: left; |
| | | flex-wrap: wrap; |
| | | } |
| | | |
| | | .inquire .el-form-item { |
| | | padding: 0 46px; |
| | | } |
| | | |
| | | .title-center { |
| | | padding: 20px 0; |
| | | } |
| | | |
| | | .btns { |
| | | background-color: #034ea2; |
| | | border: 1px solid #034ea2; |
| | | } |
| | | |
| | | .title-center /deep/ .el-radio-button:first-child .el-radio-button__inner { |
| | | border: none; |
| | | } |
| | | |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div style=""> |
| | | <Titlename title="发送隐患单"></Titlename> |
| | | <div class="whole-form"> |
| | | <el-form :model="ruleForm" ref="ruleForm" label-width="150px" class="demo-ruleForm" |
| | | style="margin: 0 14% 0 16%;"> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="隐患编号" prop="name"> |
| | | <el-input v-model="ruleForm.number" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="检查单位" prop="elementAName"> |
| | | <el-select |
| | | v-model="ruleForm.check_main_branch" |
| | | :disabled="true" |
| | | style="width: 100%" |
| | | > |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="检查人" prop="region"> |
| | | <el-input v-model="ruleForm.check_man" :disabled="true"></el-input> |
| | | <!-- <el-select--> |
| | | <!-- v-model="ruleForm.elementAName"--> |
| | | <!-- :disabled="true"--> |
| | | <!-- style="width: 100%"--> |
| | | <!-- >--> |
| | | <!-- </el-select>--> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="陪检人员" prop="name"> |
| | | <el-input v-model="ruleForm.acc_man" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="检查时间" prop="name"> |
| | | <el-date-picker |
| | | v-model="ruleForm.check_date" |
| | | type="date" |
| | | :disabled="true" |
| | | placeholder="选择日期" |
| | | style="width: 100%"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <!-- <el-form-item label="班次" prop="name">--> |
| | | <!-- <el-input v-model="ruleForm.name"></el-input>--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item label="班次" prop="elementAName"> |
| | | <el-select |
| | | v-model="ruleForm.check_class" |
| | | :disabled="true" |
| | | style="width: 100%" |
| | | > |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="跟班、带班情况" prop="name"> |
| | | <el-input v-model="ruleForm.class_situation" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="跟班、带班人员" prop="name"> |
| | | <el-input v-model="ruleForm.class_man" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item label="行走路线" prop="name"> |
| | | <el-input type="textarea" v-model="ruleForm.route" class="multiline" |
| | | :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="隐患单位" prop="name"> |
| | | <!--<el-input v-model="ruleForm.name"></el-input>--> |
| | | <el-select |
| | | v-model="ruleForm.ht_community" |
| | | :disabled="true" |
| | | style="width: 100%" |
| | | > |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="隐患部门" prop="name"> |
| | | <!-- <el-input v-model="ruleForm.name"></el-input>--> |
| | | <el-select |
| | | v-model="ruleForm.ht_branch" |
| | | :disabled="true" |
| | | style="width: 100%" |
| | | > |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item label="隐患地点" prop="name"> |
| | | <el-input type="textarea" v-model="ruleForm.address" class="multiline" |
| | | :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item label="隐患内容" prop="name"> |
| | | <el-input type="textarea" v-model="ruleForm.ht_content" class="multiline" |
| | | :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="隐患类别" prop="name"> |
| | | <!--<el-input v-model="ruleForm.name"></el-input>--> |
| | | <el-select |
| | | v-model="ruleForm.ht_typesub" |
| | | :disabled="true" |
| | | style="width: 100%" |
| | | > |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="隐患级别" prop="name"> |
| | | <!--<el-input v-model="ruleForm.name"></el-input>--> |
| | | <el-select |
| | | v-model="ruleForm.ht_level" |
| | | :disabled="true" |
| | | style="width: 100%" |
| | | > |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="整改措施" prop="name"> |
| | | <el-input v-model="ruleForm.measure" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="所需资金" prop="name"> |
| | | <el-input v-model="ruleForm.name" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="限改时间" prop="name"> |
| | | <!--<el-input v-model="ruleForm.name"></el-input>--> |
| | | <el-date-picker |
| | | v-model="ruleForm.alter_time" |
| | | type="date" |
| | | :disabled="true" |
| | | placeholder="选择日期" |
| | | style="width: 100%"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="责任人" prop="name"> |
| | | <el-input v-model="ruleForm.duty_officer" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="完成时间" prop="name"> |
| | | <!--<el-input v-model="ruleForm.name"></el-input>--> |
| | | <el-date-picker |
| | | v-model="ruleForm.ACCOMPLISHTIME" |
| | | type="date" |
| | | :disabled="true" |
| | | placeholder="选择日期" |
| | | style="width: 100%"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="整改完成情况" prop="name"> |
| | | <el-input v-model="ruleForm.name" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="复查时间" prop="name"> |
| | | <!--<el-input v-model="ruleForm.name"></el-input>--> |
| | | <el-date-picker |
| | | v-model="ruleForm.CALLBACKTIME" |
| | | type="date" |
| | | :disabled="true" |
| | | placeholder="选择日期" |
| | | style="width: 100%"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="复查人" prop="name"> |
| | | <el-input v-model="ruleForm.CALLBACKPERSON" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="复查结果" prop="name"> |
| | | <el-input v-model="ruleForm.CALLBACKRESULT" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="整改次数" prop="name"> |
| | | <el-input v-model="ruleForm.amendnum" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item label="危险源" prop="name"> |
| | | <el-input type="textarea" v-model="ruleForm.dangerousSource" class="multiline" |
| | | :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="风险等级" prop="name"> |
| | | <!-- <el-input v-model="ruleForm.name" :disabled="true"></el-input>--> |
| | | <el-select |
| | | v-model="ruleForm.DTRisk_level" |
| | | :disabled="true" |
| | | style="width: 100%" |
| | | > |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="业务科室" prop="name"> |
| | | <!-- <el-input v-model="ruleForm.name" :disabled="true"></el-input>--> |
| | | <el-select |
| | | v-model="ruleForm.Review" |
| | | :disabled="true" |
| | | style="width: 100%" |
| | | > |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item label="流程信息" prop="name"> |
| | | <!-- <el-input v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>--> |
| | | <el-table |
| | | :data="tableData" |
| | | border |
| | | style="width: 100%"> |
| | | <el-table-column |
| | | type="index" |
| | | label="步骤" |
| | | align="center" |
| | | width="60"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="realname" |
| | | label="操作人" |
| | | align="center" |
| | | width="138"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="create_time" |
| | | label="处理时间" |
| | | align="center" |
| | | width="200"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="content" |
| | | label="审批意见" |
| | | align="center" |
| | | width="260"> |
| | | <template slot-scope="scope"> |
| | | <span size="medium">{{ scope.row.content }}</span> |
| | | <a v-for="item in scope.row.realFileName" |
| | | :href="scope.row.url+'/'+item"> |
| | | {{ item.split("fileName=")[1] }} |
| | | </a> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="ispass" |
| | | label="流程信息" |
| | | align="center" |
| | | width="170"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item label="发送流程:" prop="name"> |
| | | <!-- <el-input type="textarea" v-model="ruleForm.name" class="multiline"--> |
| | | <!-- :disabled="true"></el-input>--> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item label="下一步:" prop="name"> |
| | | <span>隐患下达责任部门</span> |
| | | <!-- <el-input type="textarea" v-model="ruleForm.name" class="multiline"--> |
| | | <!-- :disabled="true"></el-input>--> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <el-form :model="sendDataForm" :rules="rules" ref="sendDataForm" label-width="150px" |
| | | class="demo-ruleForm" |
| | | style="margin: 0 14% 0 16%;"> |
| | | <div> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="隐患部门" prop="ht_branch"> |
| | | <el-input v-model="sendDataForm.ht_branch" clearable></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="责任人" prop="duty_officer"> |
| | | <el-input v-model="sendDataForm.duty_officer" clearable></el-input> |
| | | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="业务科室" prop="Review"> |
| | | <el-input v-model="sendDataForm.Review" clearable></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item label="备注" prop="dealContent"> |
| | | <el-input class="textarea" type="textarea" |
| | | v-model="sendDataForm.dealContent"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item style="text-align: center;"> |
| | | <el-button class="btn" size="small" type="primary" @click="submitForm('sendDataForm')"> |
| | | 保存 |
| | | </el-button> |
| | | <el-button size="small" @click="close()">关闭</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import Titlename from "../../components/Titlename/index.vue"; |
| | | import {getDangerDetails, getWfRecordList} from "@/api/sgyhpczl/recheckCancellationNumber"; |
| | | import {company_next_step_do} from "@/api/sgyhpczl/Issuedbysuperiors"; |
| | | import {getUserInfo} from "@/api/sgyhpczl/hiddenDangerManagement"; |
| | | |
| | | |
| | | export default { |
| | | name: "superiorsSend" |
| | | components: {Titlename}, |
| | | name: "recheckHiddenDangerList", |
| | | data() { |
| | | return { |
| | | ruleForm: { |
| | | id: "", |
| | | step: "3", |
| | | ispass: "", |
| | | CALLBACKTIME: "", |
| | | CALLBACKPERSON: "", |
| | | CALLBACKRESULT: "", |
| | | dealContent: "", |
| | | }, |
| | | sendDataForm: { |
| | | id: "", |
| | | duty_officer: "", |
| | | ht_branch: "", |
| | | Review: "", |
| | | dealContent: "", |
| | | }, |
| | | rules: { |
| | | // duty_officer: {required: true, message: '请填写复查时间', trigger: 'blur'}, |
| | | ht_branch: {required: true, message: '隐患部门不能为空', trigger: 'blur'}, |
| | | Review: {required: true, message: '业务科室不能为空', trigger: 'blur'}, |
| | | }, |
| | | tableData: [], |
| | | fileList: [], |
| | | // safetyInspectionItemResult:'0', |
| | | }; |
| | | }, |
| | | mounted() { |
| | | this.getDangerDetails(); |
| | | this.getWfRecordList(); |
| | | }, |
| | | methods: { |
| | | getUserInfo() { |
| | | getUserInfo().then(res => { |
| | | if (res.data.code == 200) { |
| | | this.sendDataForm.Review = res.data.result.department; |
| | | } else { |
| | | this.$message({type: 'error', message: "用户信息获取失败!请重试", duration: 3000}) |
| | | } |
| | | }) |
| | | }, |
| | | getDangerDetails() { |
| | | getDangerDetails(this.$route.query.id).then(res => { |
| | | var data = res.data; |
| | | if (data.ok) { |
| | | this.ruleForm = data.data; |
| | | this.ruleForm.url = process.env.BASE_API; |
| | | this.sendDataForm.id = this.ruleForm.id |
| | | } else { |
| | | this.$message({type: 'error', message: "数据查询失败,请重试!", duration: 3000}) |
| | | } |
| | | }) |
| | | }, |
| | | getWfRecordList() { |
| | | getWfRecordList(this.$route.query.id).then(res => { |
| | | var data = res.data; |
| | | if (data.ok) { |
| | | this.tableData = data.data; |
| | | } else { |
| | | this.$message({type: 'error', message: "数据查询失败,请重试!", duration: 3000}) |
| | | } |
| | | }) |
| | | }, |
| | | submitForm(formName) { |
| | | this.$refs[formName].validate((valid) => { |
| | | if (valid) { |
| | | company_next_step_do(this.sendDataForm).then(res => { |
| | | var msg = res.data.msg; |
| | | if (res.data.ok) { |
| | | this.$router.push({ |
| | | path: "/recheckCancellationNumber", |
| | | }) |
| | | this.$message({type: 'success', message: msg, duration: 3000}) |
| | | } else { |
| | | this.$message({type: 'error', message: msg, duration: 3000}) |
| | | } |
| | | }) |
| | | // alert('submit!'); |
| | | } else { |
| | | console.log('error submit!!'); |
| | | return false; |
| | | } |
| | | }); |
| | | }, |
| | | handleRemove(file, fileList) { |
| | | console.log(file, fileList); |
| | | }, |
| | | handlePreview(file) { |
| | | console.log(file); |
| | | }, |
| | | beforeUpload(file) { |
| | | var FileExt = file.name.replace(/.+\./, ""); |
| | | if (['jpg', 'png', 'bmp', 'gif', 'jpeg'].indexOf(FileExt.toLowerCase()) === -1) { |
| | | this.$message({ |
| | | type: 'warning', |
| | | message: '请上传后缀名为jpg、png、bmp、gif、jpeg的图片!' |
| | | }); |
| | | return false; |
| | | } |
| | | }, |
| | | close() { |
| | | this.$router.push({ |
| | | path: "/recheckCancellationNumber" |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .app-container { |
| | | padding: 20px; |
| | | height: 850px; |
| | | overflow-y: auto; |
| | | } |
| | | |
| | | /deep/ .box { |
| | | padding-top: 0; |
| | | } |
| | | |
| | | /deep/ .multiline .el-input__inner { |
| | | height: 62px; |
| | | } |
| | | |
| | | /deep/ .textarea .el-textarea__inner { |
| | | height: 80px; |
| | | max-height: 80px; |
| | | overflow-y: auto |
| | | } |
| | | |
| | | /deep/ .textarea2 .el-textarea__inner { |
| | | height: 100px; |
| | | max-height: 100px; |
| | | overflow-y: auto |
| | | } |
| | | |
| | | .btn { |
| | | background-color: #034ea2; |
| | | border: 1px solid #034ea2; |
| | | } |
| | | |
| | | /*.el-button:hover {*/ |
| | | /* background: #66b1ff;*/ |
| | | /* border-color: #66b1ff;*/ |
| | | /* color: #FFF;*/ |
| | | /*}*/ |
| | | </style> |
| | |
| | | <template xmlns="http://www.w3.org/1999/html"> |
| | | <div class="whole"> |
| | | <div class="whole" v-loading="fullscreenLoading"> |
| | | <div class="left-tree"> |
| | | <el-tree |
| | | :data="data" |
| | | node-key="id" |
| | | default-expand-all |
| | | @node-click="clickType" |
| | | @node-drag-start="handleDragStart" |
| | | @node-drag-enter="handleDragEnter" |
| | | @node-drag-leave="handleDragLeave" |
| | |
| | | }" |
| | | style="color: #409eff;" |
| | | /> |
| | | <i v-else class="el-icon-folder-add" style="color: #EC933A;" /> |
| | | <i v-else class="el-icon-folder-add" style="color: #EC933A;"/> |
| | | <span>{{ node.label }}</span> |
| | | </template> |
| | | </span> |
| | | </el-tree> |
| | | </div> |
| | | <div class="right-table"> |
| | | <div class="right-table" v-show="templateName!=null && templateName !=''"> |
| | | <table border="1" style="background: #FFFFFF;width: 100%;"> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">模板名称:</td> |
| | | <td> |
| | | <input class="input" style="line-height: 24px;height: 24px;"> |
| | | <input class="input" style="line-height: 24px;height: 24px;" |
| | | v-model="templateName"> |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">模板导入:</td> |
| | | <td style="line-height: 24px;height: 24px;"> |
| | | <input class="input" type="file" style="color: red;"> |
| | | <button class="btn" style="margin-left: 120px;">导入</button> |
| | | <button class="btn">下载模板</button> |
| | | <input class="input" type="file" @change="changeFile" accept=".xlsx,.xls" style="color: red;"> |
| | | <button class="btn" style="margin-left: 120px;" @click="importData" |
| | | >导入 |
| | | </button> |
| | | <button class="btn" @click="downTemplate">下载模板</button> |
| | | </td> |
| | | </tr> |
| | | <tr class="table_tr"> |
| | | <td colspan="4" align="center"> |
| | | <button class="btn">预览</button> |
| | | <button class="btn" @click="preview">预览</button> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | |
| | | import {standard_template, standard_import_do,stand_list} from "@/api/sgyhpczl/hiddenDangerTroubleshootingList"; |
| | | |
| | | |
| | | export default { |
| | | name: "index" , |
| | | name: "index", |
| | | data() { |
| | | return { |
| | | data: [{ |
| | | id: 1, |
| | | label: '隐患排查清单', |
| | | icon:'el-icon-folder', |
| | | icon: 'el-icon-folder', |
| | | click: true, |
| | | children: [{ |
| | | id: 4, |
| | | label: '现场管理清单', |
| | | icon:'el-icon-folder', |
| | | icon: 'el-icon-folder', |
| | | click: true |
| | | }, |
| | | { |
| | | id: 5, |
| | | label: '基础管理清单', |
| | | icon:'el-icon-success', |
| | | }] |
| | | { |
| | | id: 5, |
| | | label: '基础管理清单', |
| | | icon: 'el-icon-success', |
| | | click: true |
| | | }] |
| | | }], |
| | | defaultProps: { |
| | | children: 'children', |
| | | label: 'label' |
| | | }, |
| | | templateName: "", |
| | | file: null, |
| | | fullscreenLoading:false |
| | | }; |
| | | }, |
| | | mounted(){ |
| | | mounted() { |
| | | this.getAllColumns() |
| | | }, |
| | | methods: { |
| | |
| | | }, |
| | | handleChange(file, fileList) { |
| | | this.fileList = fileList.slice(-3); |
| | | }, |
| | | clickType(item) { |
| | | if (item.click) { |
| | | this.templateName = item.label; |
| | | } |
| | | }, |
| | | downTemplate() { |
| | | //删除分页参数 |
| | | standard_template().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) |
| | | }) |
| | | }, |
| | | importData() { |
| | | if (this.file == null) { |
| | | this.$message({type: 'warning', message: "请添加Excel附件", duration: 3000}) |
| | | return; |
| | | } |
| | | console.log(this.file) |
| | | this.fullscreenLoading = true; |
| | | this.uploadByJsqd(this.file); |
| | | }, |
| | | changeFile(file) { |
| | | this.file = event.target.files[0] |
| | | }, |
| | | //文件发生改变就会触发的事件 导入 |
| | | uploadByJsqd(file) { |
| | | //判断是否符合beforeAvatarUpload方法中的条件 |
| | | var formdata = new FormData() |
| | | formdata.append('file', file) |
| | | formdata.append('standardType', this.templateName); |
| | | |
| | | //importDevice:请求接口 formdata:传递参数 |
| | | standard_import_do(formdata).then((res) => { |
| | | this.fullscreenLoading = false; |
| | | if (res.data.ok) { |
| | | this.$message({type: 'success', message: res.data.msg, duration: 3000}) |
| | | this.getPageList()//调用表格方法,刷新页面 |
| | | } else { |
| | | this.$message({type: 'error', message: res.data.msg, duration: 3000}) |
| | | } |
| | | }) |
| | | }, |
| | | preview(){ |
| | | this.$router.push({ |
| | | path: "/preview", |
| | | query:{"templateName":this.templateName} |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .whole{ |
| | | .whole { |
| | | display: flex; |
| | | } |
| | | .left-tree{ |
| | | |
| | | .left-tree { |
| | | width: 15%; |
| | | } |
| | | .left-tree .el-tree{ |
| | | |
| | | .left-tree .el-tree { |
| | | background: #f0f6e4; |
| | | height: 400px; |
| | | overflow-y: scroll; |
| | | border: 1px solid #000; |
| | | } |
| | | /deep/ .is-leaf{ |
| | | |
| | | /deep/ .is-leaf { |
| | | background: transparent !important; |
| | | width: 5px; |
| | | height: 5px; |
| | | background-size: 100%; |
| | | margin-right: 5px; |
| | | } |
| | | /deep/ .el-icon-caret-right:before{ |
| | | |
| | | /deep/ .el-icon-caret-right:before { |
| | | content: ''; |
| | | } |
| | | .right-table{ |
| | | |
| | | .right-table { |
| | | width: 85%; |
| | | } |
| | | table,table tr th, table tr td { |
| | | border:1px solid #ccc; |
| | | |
| | | table, table tr th, table tr td { |
| | | border: 1px solid #ccc; |
| | | } |
| | | .table_td{ |
| | | |
| | | .table_td { |
| | | background: #e4edf4; |
| | | } |
| | | .table_tr{ |
| | | |
| | | .table_tr { |
| | | background: #e4edf4; |
| | | line-height: 40px; |
| | | height: 40px; |
| | | } |
| | | table{ |
| | | |
| | | table { |
| | | width: 100%; |
| | | border-collapse: collapse; |
| | | font-size: 14px; |
| | | } |
| | | .input{ |
| | | |
| | | .input { |
| | | background: #f9f9f9; |
| | | border-width: 1px; |
| | | margin: 5px 0; |
| | | } |
| | | .btn{ |
| | | |
| | | .btn { |
| | | background: url(../../assets/btn.gif) no-repeat; |
| | | width: 76px; |
| | | height: 26px; |
| | |
| | | <template> |
| | | <div class="whole"> |
| | | <h3 style="text-align: center">隐患排查标准清单(基础管理清单)</h3> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%"> |
| | | <el-table-column label="排查内容" align="center"> |
| | | <el-table-column |
| | | prop="province" |
| | | label="Ⅰ级要素" |
| | | width="120"> |
| | | <div class="whole"> |
| | | <h3 style="text-align: center">隐患排查标准清单(基础管理清单)</h3> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%"> |
| | | <el-table-column label="排查内容" align="center"> |
| | | <el-table-column |
| | | prop="factor_1" |
| | | label="Ⅰ级要素" |
| | | width="120"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="factor_2" |
| | | label="Ⅱ级要素" |
| | | width="120"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="factor_3" |
| | | label="Ⅲ级要素" |
| | | width="120"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="factor_4" |
| | | label="Ⅳ级要素" |
| | | width="120"> |
| | | </el-table-column> |
| | | </el-table-column> |
| | | <el-table-column label="排查标准" align="center"> |
| | | <el-table-column |
| | | prop="Standard" |
| | | label="标准项具体描述" |
| | | width="300"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="reference" |
| | | width="200" |
| | | label="参考依据"> |
| | | </el-table-column> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="city" |
| | | label="Ⅱ级要素" |
| | | width="120"> |
| | | prop="method" |
| | | label="排查方法" |
| | | width="150"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | label="Ⅲ级要素" |
| | | width="120"> |
| | | prop="period" |
| | | label="排查周期" |
| | | width="150"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="zip" |
| | | label="Ⅳ级要素" |
| | | width="120"> |
| | | <el-table-column label="排查责任" align="center"> |
| | | <el-table-column |
| | | prop="level" |
| | | label="排查级别"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="branch" |
| | | label="责任单位"> |
| | | </el-table-column> |
| | | </el-table-column> |
| | | </el-table-column> |
| | | <el-table-column label="排查标准" align="center"> |
| | | <el-table-column |
| | | prop="province" |
| | | label="标准项具体描述" |
| | | width="300"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="city" |
| | | width="200" |
| | | label="参考依据"> |
| | | </el-table-column> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | label="排查方法" |
| | | width="150"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="date" |
| | | label="排查周期" |
| | | width="150"> |
| | | </el-table-column> |
| | | <el-table-column label="排查责任" align="center"> |
| | | <el-table-column |
| | | prop="province" |
| | | label="排查级别"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="city" |
| | | label="责任单位"> |
| | | </el-table-column> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </el-table> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import {stand_list} from "@/api/sgyhpczl/hiddenDangerTroubleshootingList"; |
| | | |
| | | export default { |
| | | name: "preview", |
| | | data() { |
| | | return { |
| | | tableData: [{ |
| | | date: '2016-05-03', |
| | | name: '王小虎', |
| | | province: '上海', |
| | | city: '普陀区', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | zip: 200333 |
| | | }, { |
| | | date: '2016-05-02', |
| | | name: '王小虎', |
| | | province: '上海', |
| | | city: '普陀区', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | zip: 200333 |
| | | }, { |
| | | date: '2016-05-04', |
| | | name: '王小虎', |
| | | province: '上海', |
| | | city: '普陀区', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | zip: 200333 |
| | | }, { |
| | | date: '2016-05-01', |
| | | name: '王小虎', |
| | | province: '上海', |
| | | city: '普陀区', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | zip: 200333 |
| | | }, { |
| | | date: '2016-05-08', |
| | | name: '王小虎', |
| | | province: '上海', |
| | | city: '普陀区', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | zip: 200333 |
| | | }, { |
| | | date: '2016-05-06', |
| | | name: '王小虎', |
| | | province: '上海', |
| | | city: '普陀区', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | zip: 200333 |
| | | }, { |
| | | date: '2016-05-07', |
| | | name: '王小虎', |
| | | province: '上海', |
| | | city: '普陀区', |
| | | address: '上海市普陀区金沙江路 1518 弄', |
| | | zip: 200333 |
| | | }] |
| | | tableData: [] |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.getTableData() |
| | | }, |
| | | methods: { |
| | | getTableData() { |
| | | stand_list(this.$route.query.templateName).then((res) => { |
| | | if (res.data.ok) { |
| | | console.log(res); |
| | | this.tableData = res.data.data; |
| | | } else { |
| | | this.$message({type: 'error', message: res.data.msg, duration: 3000}) |
| | | } |
| | | }) |
| | | } |
| | | } |
| | | } |
| | |
| | | <el-col :span="12" style="text-align:right;" v-if="YHType=='0'"> |
| | | <el-button type="primary" class="btns" size="small" @click="supervision('1')">督查督办</el-button> |
| | | <el-button type="primary" class="btns" size="small" @click="supervision('2')">举一反三</el-button> |
| | | <el-button type="primary" class="btns" size="small" @click="base()">双基考核</el-button> |
| | | <!-- <el-button type="primary" class="btns" size="small" @click="base()">双基考核</el-button>--> |
| | | <el-button type="primary" class="btns" size="small" @click='deleteBatch'>删除</el-button> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | > |
| | | <el-form> |
| | | <el-row> |
| | | <el-checkbox style="width: 80px;height: 30px" v-for="item in YHBMList" v-model="checked" |
| | | <el-checkbox style="width: 80px;height: 30px" :key="item.branch_id" v-for="item in YHBMList" v-model="checked" |
| | | :label="item.branch_id">{{ |
| | | item.branch_name |
| | | }} |