| | |
| | | |
| | | <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="number" label="编号" align="center" width="120"></el-table-column> |
| | | <el-table-column prop="ht_community" label="单位" align="center" width="120"></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"></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="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"> |
| | | <template slot-scope="scope"> |
| | | <el-popover trigger="hover" placement="top"> |
| | | <p>{{ scope.row.address }}</p> |
| | | <div slot="reference" class="name-wrapper">{{ |
| | | scope.row.address != null && scope.row.address.length > 10 ? scope.row.address.substring(0, 8) + "...." : scope.row.address |
| | | }} |
| | | </div> |
| | | </el-popover> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="ht_content" label="内容" 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 prop="ht_level" label="级别" width="100" 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="measure" label="整改措施" width="150" 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="alter_time" label="限改时间" width="120" :formatter="formatColumnDate" |
| | | 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="ACCOMPLISHTIME" label="完成时间" width="110px" :formatter="formatColumnDate" |
| | | 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="CALLBACKTIME" label="复查时间" width="120" :formatter="formatColumnDate" |
| | | align="center"></el-table-column> |
| | | </el-table-column> |
| | | <el-table-column label="隐患处理状态" align="center"> |
| | | <template slot-scope="scope"> |
| | |
| | | </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 style="color: red" |
| | | 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> |
| | |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import {getPageList} from "@/api/sgyhpczl/safetyHazardAccount"; |
| | | import {getPageList} from "@/api/sgyhpczl/summaryPotentialSafetyHzards.js"; |
| | | import {initJCBM, initYHLX, initBC, initJCLB, initYHBM, initYHJB, initLlr} from "@/api/sgyhpczl/initSelect"; |
| | | |
| | | export default { |
| | |
| | | }; |
| | | }, |
| | | mounted() { |
| | | console.log(this.$route.query.searchData); |
| | | var searchData = this.$route.query.searchData; |
| | | for (const argumentsKey in searchData) { |
| | | this.listQuery.form[argumentsKey] = searchData[argumentsKey]; |
| | | if (this.$route.query.searchData.query_condition != null) { |
| | | var searchData = this.$route.query.searchData; |
| | | for (const argumentsKey in searchData) { |
| | | this.listQuery[argumentsKey] = searchData[argumentsKey]; |
| | | } |
| | | this.getPageList() |
| | | } |
| | | console.log(this.listQuery) |
| | | this.getPageList() |
| | | this.initYHLX() |
| | | this.initYHJB() |
| | | this.initBC() |
| | |
| | | |
| | | }, |
| | | methods: { |
| | | deleteBatch() { |
| | | if (this.selectedList == null || this.selectedList.length == 0) { |
| | | this.$message({type: 'warning', message: '至少选中一条数据', duration: 3000}) |
| | | return |
| | | } |
| | | var ids = this.selectedList.map((obj) => { |
| | | return obj.id |
| | | }).join(",") |
| | | this.$confirm('确认删除吗', '提示', { |
| | | confirmButtonText: '确认', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }) |
| | | .then(() => { |
| | | delDanger(ids).then(() => { |
| | | this.getPageList() |
| | | this.$notify({ |
| | | title: "成功", |
| | | message: "删除成功", |
| | | type: "success", |
| | | duration: 2000, |
| | | }); |
| | | }); |
| | | }) |
| | | .catch(error => { |
| | | }); |
| | | }, |
| | | changeBox(val) { |
| | | this.selectedList = [] |
| | | val.forEach((item) => { |
| | |
| | | }, |
| | | getPageList() { |
| | | this.listQuery.page = 1 |
| | | this.checkTime() |
| | | getPageList(this.listQuery).then(res => { |
| | | if (res.data.ok == 1) { |
| | | this.tableData = res.data.data.items |
| | |
| | | } |
| | | }) |
| | | }, |
| | | updateClick(row) { |
| | | //方法区 |
| | | formatDate(data) { |
| | | // 获取单元格数据 |
| | | if (data == null) { |
| | | return null |
| | | } |
| | | let dt = new Date(data) |
| | | return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() |
| | | }, |
| | | //方法区 |
| | | 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() + ' ' |
| | | }, |
| | | showDetails(row) { |
| | | this.$router.push({ |
| | | path: "/safetyedit" |
| | | path: "/dangerDetails", |
| | | query: {"id": row.id, "route": "/summaryList"} |
| | | }) |
| | | }, |
| | | jump() { |
| | | close() { |
| | | this.$router.push({ |
| | | path: "/hiddenDangerAdd" |
| | | path: "/summaryPotentialSafetyHzards" |
| | | }) |
| | | }, |
| | | |
| | | // 发送隐患单跳转 |
| | | base() { |
| | | this.$router.push({ |
| | | path: "/Dualbase" |
| | | }) |
| | | } |
| | | } |
| | | }; |
| | |
| | | background-color: #034ea2; |
| | | background-color: #034ea2; |
| | | } |
| | | .btn{ |
| | | |
| | | .btn { |
| | | text-align: center; |
| | | margin-top: 20px; |
| | | } |
| | | |
| | | .blue-font-color:hover { |
| | | cursor: pointer; |
| | | color: blue; |
| | | } |
| | | </style> |