From c819024e241b9f7c54cc3786373ad0d2998f2190 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期五, 05 五月 2023 08:55:46 +0800 Subject: [PATCH] 修改 --- src/views/summaryPotentialSafetyHzards/summaryList.vue | 140 +++++++++++++++++++++++++++------------------- 1 files changed, 82 insertions(+), 58 deletions(-) diff --git a/src/views/summaryPotentialSafetyHzards/summaryList.vue b/src/views/summaryPotentialSafetyHzards/summaryList.vue index 9bab331..6baa8dc 100644 --- a/src/views/summaryPotentialSafetyHzards/summaryList.vue +++ b/src/views/summaryPotentialSafetyHzards/summaryList.vue @@ -3,30 +3,62 @@ <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"> @@ -38,8 +70,8 @@ </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> @@ -77,7 +109,7 @@ </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 { @@ -114,13 +146,13 @@ }; }, 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() @@ -130,33 +162,6 @@ }, 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) => { @@ -224,7 +229,6 @@ }, getPageList() { this.listQuery.page = 1 - this.checkTime() getPageList(this.listQuery).then(res => { if (res.data.ok == 1) { this.tableData = res.data.data.items @@ -293,22 +297,36 @@ } }) }, - 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" - }) } } }; @@ -346,8 +364,14 @@ background-color: #034ea2; background-color: #034ea2; } -.btn{ + +.btn { text-align: center; margin-top: 20px; } + +.blue-font-color:hover { + cursor: pointer; + color: blue; +} </style> -- Gitblit v1.9.2