已重命名5个文件
已修改1个文件
已添加6个文件
已删除5个文件
对比新文件 |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div style="margin: 15px"> |
| | | <span class="span-filter-label">单号</span> |
| | | <el-input style="width: 140px" v-model="filter.filter.code" ></el-input> |
| | | <span class="span-filter-label">隐患等级</span> |
| | | <el-select v-model="filter.filter.level" clearable @clear="clearLevel" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in levels" |
| | | :key="item.key" |
| | | :label="item.value" |
| | | :value="item.key"> |
| | | </el-option> |
| | | </el-select> |
| | | <span class="span-filter-label">整改人</span> |
| | | <el-input style="width: 160px" v-model="filter.filter.rectifierName"></el-input> |
| | | <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-search" |
| | | @click="queryHandle"/> |
| | | </div> |
| | | <div class="table_content"> |
| | | <el-table |
| | | v-loading="listLoading" |
| | | :key="tableKey" |
| | | :data="tableData" |
| | | border |
| | | fit |
| | | highlight-current-row |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="index" label="序号" align="center" width="80"/> |
| | | <el-table-column label="单号" prop="code" align="center" /> |
| | | <el-table-column label="状态" prop="status" align="center" > |
| | | <template slot-scope="scope"> |
| | | <span >{{scope.row.status}}</span> |
| | | <span v-if="new Date(scope.row.rectifydeadline) < new Date() && scope.row.status !== '已完成'" class="overdue-img">逾期</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="隐患等级" prop="level" align="center" > |
| | | <template slot-scope="scope"> |
| | | <el-tag :type="scope.row.level == '紧急'?'danger':'warning'">{{scope.row.level}}</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="上报人" prop="requestor" align="center" /> |
| | | <el-table-column label="上报时间" prop="createtime" align="center" /> |
| | | <el-table-column label="整改人" prop="rectifier" align="center" /> |
| | | <el-table-column label="整改期限" prop="rectifydeadline" align="center" > |
| | | <template slot-scope="scope"> |
| | | <span v-bind:class="{'overdue':new Date(scope.row.rectifydeadline) < new Date() && scope.row.status !== '已完成'}">{{scope.row.rectifydeadline}} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="整改时间" prop="rectifytime" align="center" /> |
| | | |
| | | |
| | | <el-table-column label="操作" align="center" width="240" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" @click="viewHandle(scope.row)">查看</el-button> |
| | | <el-button type="text" @click="acceptHandle(scope.row)" v-if="scope.row.status === '整改待验收'">验收</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <br> |
| | | <el-pagination |
| | | v-show="recordTotal>0" |
| | | :current-page="filter.pageIndex" |
| | | :page-sizes="[10, 20, 30, 50]" |
| | | :page-size="filter.pageSize" |
| | | :total="recordTotal" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | background |
| | | style="float:right;" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | /> |
| | | </div> |
| | | |
| | | <report-view ref="reportView"></report-view> |
| | | <accept-dialog ref="acceptDialog" @refresh="hiddenDangerList"></accept-dialog> |
| | | |
| | | |
| | | <div style="clear: both;"></div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { checkBtnPermission} from "@/utils/permission"; |
| | | import { hiddenDangerAcceptList} from '@/api/hiddenDanger'; |
| | | import reportView from "../components/reportView"; |
| | | import acceptDialog from "./components/acceptDialog"; |
| | | |
| | | export default { |
| | | name: "confirm", |
| | | components: { |
| | | reportView, |
| | | acceptDialog, |
| | | }, |
| | | data() { |
| | | return { |
| | | recordTotal: 0, |
| | | tableKey: 0, |
| | | tableData:[], |
| | | listLoading: true, |
| | | levels:[ |
| | | {"key":"URGENT","value":"紧急"}, |
| | | {"key":"COMMON","value":"一般"}, |
| | | ], |
| | | dataForm: { |
| | | id:'', |
| | | note: '', |
| | | level:'', |
| | | rejectnote:'', |
| | | }, |
| | | filter:{ |
| | | pageIndex:1, |
| | | pageSize:10, |
| | | filter:{ |
| | | code:'', |
| | | level:null, |
| | | rectifierName:'', |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | created() { |
| | | this.hiddenDangerList(); |
| | | }, |
| | | |
| | | methods: { |
| | | queryHandle: function () { |
| | | this.filter.pageIndex = 1 |
| | | this.hiddenDangerList() |
| | | }, |
| | | |
| | | |
| | | viewHandle: function (row) { |
| | | this.$refs.reportView.showDialog("查看",row) |
| | | }, |
| | | |
| | | acceptHandle(row){ |
| | | this.$refs.acceptDialog.showDialog(row) |
| | | } , |
| | | |
| | | handleSizeChange: function (val) { |
| | | this.filter.pageSize = val |
| | | this.filter.pageIndex = 1 |
| | | this.hiddenDangerList() |
| | | }, |
| | | handleCurrentChange: function (val) { |
| | | this.filter.pageIndex = val |
| | | this.hiddenDangerList() |
| | | }, |
| | | getBtnPermission(btnType) { |
| | | return checkBtnPermission(this.userType, btnType) |
| | | }, |
| | | |
| | | downloadHandle(fileurl){ |
| | | window.open(fileurl, '_blank'); |
| | | }, |
| | | |
| | | |
| | | handleChange(file, fileList) { |
| | | this.fileList = fileList |
| | | }, |
| | | |
| | | hiddenDangerList(){ |
| | | this.listLoading = true |
| | | hiddenDangerAcceptList(this.filter) |
| | | .then(res=>{ |
| | | if (res.data.code === '200') { |
| | | this.tableData = res.data.result.records |
| | | this.recordTotal = res.data.result.total |
| | | } |
| | | else{ |
| | | this.$message({message: res.data.message, type: 'warning'}); |
| | | } |
| | | }) |
| | | .catch(err=>{ |
| | | console.log(err) |
| | | this.$message({message: '接口错误', type: 'warning'}); |
| | | }) |
| | | .finally(()=>{ |
| | | this.listLoading = false |
| | | }) |
| | | }, |
| | | clearLevel(){ |
| | | this.filter.filter.level = null |
| | | } |
| | | |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .overdue{ |
| | | color: red; |
| | | } |
| | | .overdue-img{ |
| | | position: fixed; |
| | | background-color: #f56c6c; |
| | | border-radius: 4px; |
| | | color: #fff; |
| | | display: inline-block; |
| | | font-size: 12px; |
| | | height: 21px; |
| | | line-height: 18px; |
| | | text-align: center; |
| | | white-space: nowrap; |
| | | border: 1px solid #fff; |
| | | transform: scale(0.8); |
| | | padding: 1px 3px 0 3px; |
| | | |
| | | } |
| | | |
| | | </style> |
对比新文件 |
| | |
| | | <template> |
| | | <div> |
| | | <router-view/> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "index" |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
对比新文件 |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div style="margin: 15px"> |
| | | |
| | | <span class="span-filter-label">单号</span> |
| | | <el-input style="width: 140px" v-model="filter.filter.code" ></el-input> |
| | | |
| | | <span class="span-filter-label">隐患等级</span> |
| | | <el-select v-model="filter.filter.level" clearable @clear="clearLevel" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in levels" |
| | | :key="item.key" |
| | | :label="item.value" |
| | | :value="item.key"> |
| | | </el-option> |
| | | </el-select> |
| | | |
| | | <span class="span-filter-label">上报人</span> |
| | | <el-input style="width: 160px" v-model="filter.filter.requestorName"></el-input> |
| | | <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-search" |
| | | @click="queryHandle"/> |
| | | </div> |
| | | <div class="table_content"> |
| | | <el-table |
| | | v-loading="listLoading" |
| | | :key="tableKey" |
| | | :data="tableData" |
| | | border |
| | | fit |
| | | highlight-current-row |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="index" label="序号" align="center" width="80"/> |
| | | <el-table-column label="单号" prop="code" align="center" /> |
| | | <el-table-column label="状态" prop="status" align="center" > |
| | | <template slot-scope="scope"> |
| | | <span >{{scope.row.status}}</span> |
| | | <span v-if="new Date(scope.row.rectifydeadline) < new Date() && scope.row.status !== '已完成'" class="overdue-img">逾期</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="隐患等级" prop="level" align="center" > |
| | | <template slot-scope="scope"> |
| | | <el-tag :type="scope.row.level == '紧急'?'danger':'warning'">{{scope.row.level}}</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="上报人" prop="requestor" align="center" /> |
| | | <el-table-column label="整改人" prop="rectifier" align="center" /> |
| | | <el-table-column label="整改期限" prop="rectifydeadline" align="center" > |
| | | <template slot-scope="scope"> |
| | | <span v-bind:class="{'overdue':new Date(scope.row.rectifydeadline) < new Date() && scope.row.status !== '已完成'}">{{scope.row.rectifydeadline}} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="创建时间" prop="createtime" align="center" /> |
| | | <el-table-column label="操作" align="center" width="240" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" @click="viewHandle(scope.row)">查看</el-button> |
| | | <el-button type="text" @click="rectifyHandle(scope.row)" v-if="scope.row.status === '待整改' || scope.row.status === '驳回待整改'">整改</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <br> |
| | | <el-pagination |
| | | v-show="recordTotal>0" |
| | | :current-page="filter.pageIndex" |
| | | :page-sizes="[10, 20, 30, 50]" |
| | | :page-size="filter.pageSize" |
| | | :total="recordTotal" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | background |
| | | style="float:right;" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | /> |
| | | </div> |
| | | |
| | | <report-view ref="reportView"></report-view> |
| | | <rectify-dialog ref="rectifyDialog" @refresh = "hiddenDangerList"></rectify-dialog> |
| | | |
| | | <div style="clear: both;"></div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { checkBtnPermission} from "@/utils/permission"; |
| | | import { hiddenDangerRectifyList } from '@/api/hiddenDanger'; |
| | | import reportView from "../components/reportView"; |
| | | import rectifyDialog from "./components/rectifyDialog"; |
| | | |
| | | export default { |
| | | name: "rectify", |
| | | components: { |
| | | reportView, |
| | | rectifyDialog, |
| | | }, |
| | | data() { |
| | | return { |
| | | recordTotal: 0, |
| | | tableKey: 0, |
| | | tableData:[], |
| | | listLoading: false, |
| | | levels:[ |
| | | {"key":"URGENT","value":"紧急"}, |
| | | {"key":"COMMON","value":"一般"}, |
| | | ], |
| | | dataForm: { |
| | | id:'', |
| | | note: '', |
| | | level:'', |
| | | rectifynote:'', |
| | | rectifydeadline:'', |
| | | rectifymeasure:'' |
| | | }, |
| | | filter:{ |
| | | pageIndex:1, |
| | | pageSize:10, |
| | | filter:{ |
| | | code:'', |
| | | requestorName:'', |
| | | level:null, |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | created() { |
| | | this.hiddenDangerList(); |
| | | |
| | | }, |
| | | methods: { |
| | | queryHandle: function () { |
| | | this.filter.pageIndex = 1 |
| | | this.hiddenDangerList() |
| | | }, |
| | | viewHandle (row) { |
| | | this.$refs.reportView.showDialog("查看",row) |
| | | }, |
| | | rectifyHandle(row){ |
| | | this.$refs.rectifyDialog.show(row) |
| | | }, |
| | | |
| | | handleSizeChange: function (val) { |
| | | this.filter.pageSize = val |
| | | this.filter.pageIndex = 1 |
| | | this.hiddenDangerList() |
| | | }, |
| | | handleCurrentChange: function (val) { |
| | | this.filter.pageIndex = val |
| | | this.hiddenDangerList() |
| | | }, |
| | | getBtnPermission(btnType) { |
| | | return checkBtnPermission(this.userType, btnType) |
| | | }, |
| | | |
| | | |
| | | downloadHandle(fileurl){ |
| | | window.open(fileurl, '_blank'); |
| | | }, |
| | | |
| | | |
| | | |
| | | hiddenDangerList(){ |
| | | this.listLoading = true |
| | | hiddenDangerRectifyList(this.filter) |
| | | .then(res=>{ |
| | | if (res.data.code === '200') { |
| | | this.tableData = res.data.result.records |
| | | this.recordTotal = res.data.result.total |
| | | } |
| | | else{ |
| | | this.$message({message: res.data.message, type: 'warning'}); |
| | | } |
| | | |
| | | }) |
| | | .catch(err=>{ |
| | | console.log(err) |
| | | this.$message({message: '接口错误', type: 'warning'}); |
| | | |
| | | }) |
| | | .finally(()=>{ |
| | | this.listLoading = false |
| | | }) |
| | | }, |
| | | clearLevel(){ |
| | | this.filter.filter.level = null |
| | | } |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | .overdue{ |
| | | color: red; |
| | | } |
| | | .overdue-img{ |
| | | position: fixed; |
| | | background-color: #f56c6c; |
| | | border-radius: 4px; |
| | | color: #fff; |
| | | display: inline-block; |
| | | font-size: 12px; |
| | | height: 21px; |
| | | line-height: 18px; |
| | | text-align: center; |
| | | white-space: nowrap; |
| | | border: 1px solid #fff; |
| | | transform: scale(0.8); |
| | | padding: 1px 3px 0 3px; |
| | | |
| | | } |
| | | </style> |
文件名从 src/views/hiddenDanger/reportDialog/reportDialog.vue 修改 |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import personSelect from '../personSelect/personSelect' |
| | | import personSelect from './personSelect' |
| | | import { hiddenDangerReport } from '@/api/hiddenDanger'; |
| | | import {getToken} from "@/utils/auth"; |
| | | export default { |
对比新文件 |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div style="margin: 10px"> |
| | | <span class="span-filter-label">单号</span> |
| | | <el-input style="width: 140px" v-model="filter.filter.code" ></el-input> |
| | | <span class="span-filter-label">状态</span> |
| | | <el-select |
| | | v-model="filter.filter.status" |
| | | class="filter-item" |
| | | clearable |
| | | @clear="clearStatus" |
| | | style="width:150px;margin-bottom: 10px"> |
| | | <el-option |
| | | v-for="item in reportStatus" |
| | | :key="item.key" |
| | | :label="item.value" |
| | | :value="item.key"> |
| | | </el-option> |
| | | </el-select> |
| | | <span class="span-filter-label">隐患等级</span> |
| | | <el-select v-model="filter.filter.level" |
| | | clearable |
| | | @clear="clearLevel" |
| | | placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in levels" |
| | | :key="item.key" |
| | | :label="item.value" |
| | | :value="item.key"> |
| | | </el-option> |
| | | </el-select> |
| | | |
| | | <span class="span-filter-label">整改人</span> |
| | | <el-input style="width: 160px" v-model="filter.filter.rectifierName"></el-input> |
| | | |
| | | |
| | | <el-button class="filter-item" style="margin-left: 10px;" type="primary" |
| | | icon="el-icon-plus" @click="showCreateHandle">新增 |
| | | </el-button> |
| | | <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-search" |
| | | @click="queryHandle"/> |
| | | </div> |
| | | <div class="table_content"> |
| | | <el-table |
| | | v-loading="listLoading" |
| | | :key="tableKey" |
| | | :data="tableData" |
| | | border |
| | | fit |
| | | highlight-current-row |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="index" label="序号" align="center" width="80"/> |
| | | <el-table-column label="单号" prop="code" align="center" /> |
| | | <el-table-column label="状态" prop="status" align="center" > |
| | | <template slot-scope="scope"> |
| | | <span >{{scope.row.status}}</span> |
| | | <span v-if="new Date(scope.row.rectifydeadline) < new Date() && scope.row.status !== '已完成'" class="overdue-img">逾期</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="隐患等级" prop="level" align="center" > |
| | | <template slot-scope="scope"> |
| | | <el-tag :type="scope.row.level == '紧急'?'danger':'warning'">{{scope.row.level}}</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="上报人" prop="requestor" align="center" /> |
| | | <el-table-column label="上报时间" prop="createtime" align="center" /> |
| | | <el-table-column label="整改人" prop="rectifier" align="center" /> |
| | | |
| | | <el-table-column label="整改期限" prop="rectifydeadline" align="center" > |
| | | <template slot-scope="scope"> |
| | | <span v-bind:class="{'overdue':new Date(scope.row.rectifydeadline) < new Date() && scope.row.status !== '已完成'}">{{scope.row.rectifydeadline}} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="整改时间" prop="rectifytime" align="center" > |
| | | </el-table-column> |
| | | <el-table-column label="验收时间" prop="accepttime" align="center" > |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" width="240" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" @click="viewHandle(scope.row)">查看</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <br> |
| | | <el-pagination |
| | | v-show="recordTotal>0" |
| | | :current-page="filter.pageIndex" |
| | | :page-sizes="[10, 20, 30, 50]" |
| | | :page-size="filter.pageSize" |
| | | :total="recordTotal" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | background |
| | | style="float:right;" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | /> |
| | | </div> |
| | | <div style="clear: both;"></div> |
| | | <report-view ref="reportView" ></report-view> |
| | | <report-dialog ref="reportDialog" @refresh="hiddenDangerList"></report-dialog> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { checkBtnPermission} from "@/utils/permission"; |
| | | import {hiddenDangerReportList} from '@/api/hiddenDanger'; |
| | | import reportView from '../components/reportView' |
| | | import reportDialog from './components/reportDialog' |
| | | |
| | | export default { |
| | | name: "report", |
| | | components: { |
| | | reportView, |
| | | reportDialog, |
| | | }, |
| | | data() { |
| | | return { |
| | | recordTotal: 0, |
| | | tableKey: 0, |
| | | tableData:[], |
| | | listLoading: true, |
| | | levels:[ |
| | | {"key":"URGENT","value":"紧急"}, |
| | | {"key":"COMMON","value":"一般"}, |
| | | ], |
| | | reportStatus:[ |
| | | {"key":"TORECTIFY","value":"待整改"}, |
| | | {"key":"TOACCEPT","value":"整改待验收"}, |
| | | {"key":"REJECTED","value":"驳回待整改"}, |
| | | {"key":"COMPLETED","value":"已完成"}, |
| | | ], |
| | | dataForm: { |
| | | rectifydeadline:'', |
| | | rectifymeasure:'', |
| | | rectifier:'', |
| | | rectifierid:'', |
| | | note: '', |
| | | level:'' |
| | | }, |
| | | isSupervision: '', |
| | | filter:{ |
| | | pageIndex:1, |
| | | pageSize:10, |
| | | filter:{ |
| | | code:'', |
| | | status:null, |
| | | level:null, |
| | | rectifierName:'', |
| | | } |
| | | }, |
| | | |
| | | } |
| | | }, |
| | | created() { |
| | | this.hiddenDangerList(); |
| | | }, |
| | | methods: { |
| | | queryHandle: function () { |
| | | this.filter.pageIndex = 1 |
| | | this.hiddenDangerList() |
| | | }, |
| | | resetDataForm() { |
| | | this.dataForm= { |
| | | rectifydeadline:'', |
| | | rectifymeasure:'', |
| | | rectifier:'', |
| | | rectifierid:'', |
| | | note: '', |
| | | level:'' |
| | | } |
| | | }, |
| | | showCreateHandle() { |
| | | this.$refs.reportDialog.show() |
| | | }, |
| | | viewHandle: function (row) { |
| | | this.$refs.reportView.showDialog("查看",row) |
| | | |
| | | }, |
| | | handleSizeChange: function (val) { |
| | | this.filter.pageIndex = 1 |
| | | this.filter.pageSize = val |
| | | this.hiddenDangerList() |
| | | }, |
| | | handleCurrentChange: function (val) { |
| | | this.filter.pageIndex = val |
| | | this.hiddenDangerList() |
| | | }, |
| | | getBtnPermission(btnType) { |
| | | return checkBtnPermission(this.userType, btnType) |
| | | }, |
| | | |
| | | |
| | | downloadHandle(fileurl){ |
| | | window.open(fileurl, '_blank') |
| | | }, |
| | | |
| | | |
| | | hiddenDangerList(){ |
| | | this.listLoading = true |
| | | hiddenDangerReportList(this.filter) |
| | | .then(res=>{ |
| | | if (res.data.code === '200') { |
| | | this.tableData = res.data.result.records |
| | | this.recordTotal = res.data.result.total |
| | | } |
| | | else{ |
| | | this.$message({message: res.data.message, type: 'warning'}); |
| | | } |
| | | }) |
| | | .catch(err=>{ |
| | | console.log(err) |
| | | this.$message({message: '接口错误', type: 'warning'}); |
| | | }) |
| | | .finally(()=>{ |
| | | this.listLoading = false |
| | | }) |
| | | |
| | | }, |
| | | |
| | | |
| | | clearStatus(){ |
| | | this.filter.filter.status = null |
| | | }, |
| | | clearLevel(){ |
| | | this.filter.filter.level = null |
| | | } |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style > |
| | | .span-filter-label{ |
| | | font-size: 15px; |
| | | color: #606266; |
| | | margin-right: 4px; |
| | | margin-left: 7px; |
| | | } |
| | | .overdue{ |
| | | color: red; |
| | | } |
| | | .overdue-img{ |
| | | position: fixed; |
| | | background-color: #f56c6c; |
| | | border-radius: 4px; |
| | | color: #fff; |
| | | display: inline-block; |
| | | font-size: 12px; |
| | | height: 21px; |
| | | line-height: 18px; |
| | | text-align: center; |
| | | white-space: nowrap; |
| | | border: 1px solid #fff; |
| | | transform: scale(0.8); |
| | | padding: 1px 3px 0 3px; |
| | | |
| | | } |
| | | </style> |
对比新文件 |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div style="margin: 10px"> |
| | | |
| | | <span class="span-filter-label">单号</span> |
| | | <el-input style="width: 140px" v-model="filter.filter.code" ></el-input> |
| | | <span class="span-filter-label" >状态</span> |
| | | <el-select |
| | | v-model="filter.filter.status" |
| | | clearable @clear="clearStatus" |
| | | class="filter-item" |
| | | style="width:120px;margin-bottom: 10px"> |
| | | <el-option |
| | | v-for="item in reportStatus" |
| | | :key="item.key" |
| | | :label="item.value" |
| | | :value="item.key"> |
| | | </el-option> |
| | | </el-select> |
| | | <span class="span-filter-label">隐患等级</span> |
| | | <el-select v-model="filter.filter.level" |
| | | clearable @clear="clearLevel" |
| | | style="width: 100px" |
| | | > |
| | | <el-option |
| | | v-for="item in levels" |
| | | :key="item.key" |
| | | :label="item.value" |
| | | :value="item.key"> |
| | | </el-option> |
| | | </el-select> |
| | | |
| | | <span class="span-filter-label">上报人</span> |
| | | <el-input style="width: 140px" v-model="filter.filter.requestorName" ></el-input> |
| | | <span class="span-filter-label">整改人</span> |
| | | <el-input style="width: 140px" v-model="filter.filter.rectifierName"></el-input> |
| | | <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-search" |
| | | @click="queryHandle"/> |
| | | </div> |
| | | <div class="table_content" v-loading="listLoading"> |
| | | <el-table |
| | | :data="showData" |
| | | border |
| | | fit |
| | | highlight-current-row |
| | | style="width: 100%;position: relative;top: -7px" |
| | | > |
| | | <el-table-column label="待整改数" prop="2rectifynum" align="center" /> |
| | | <el-table-column label="完成数量" prop="completednum" align="center"/> |
| | | <el-table-column label="驳回总数" prop="rejectnum" align="center" /> |
| | | <el-table-column label="上报总数" prop="reportnum" align="center" /> |
| | | <el-table-column label="待验收数" prop="2acceptnum" align="center" /> |
| | | </el-table> |
| | | <el-table |
| | | :key="tableKey" |
| | | :data="tableData" |
| | | border |
| | | fit |
| | | highlight-current-row |
| | | style="width: 100%;" |
| | | > |
| | | <el-table-column type="index" label="序号" align="center" width="80"/> |
| | | <el-table-column label="单号" prop="code" align="center" /> |
| | | <el-table-column label="状态" prop="status" align="center" > |
| | | <template slot-scope="scope"> |
| | | <span >{{scope.row.status}}</span> |
| | | <span v-if="new Date(scope.row.rectifydeadline) < new Date() && scope.row.status !== '已完成'" class="overdue-img">逾期</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="隐患等级" prop="level" align="center" > |
| | | <template slot-scope="scope"> |
| | | <el-tag :type="scope.row.level == '紧急'?'danger':'warning'">{{scope.row.level}}</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="上报人" prop="requestor" align="center" /> |
| | | <el-table-column label="上报时间" prop="createtime" align="center" /> |
| | | <el-table-column label="整改人" prop="rectifier" align="center" /> |
| | | <el-table-column label="整改期限" prop="rectifydeadline" align="center" > |
| | | <template slot-scope="scope"> |
| | | <span v-bind:class="{'overdue':new Date(scope.row.rectifydeadline) < new Date() && scope.row.status !== '已完成'}">{{scope.row.rectifydeadline}} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="整改时间" prop="rectifytime" align="center" /> |
| | | <el-table-column label="验收时间" prop="accepttime" align="center" /> |
| | | |
| | | |
| | | <el-table-column label="操作" align="center" width="240" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" @click="viewHandle(scope.row)">查看</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <br> |
| | | |
| | | <el-pagination |
| | | v-show="recordTotal>0" |
| | | :current-page="filter.pageIndex" |
| | | :page-sizes="[10, 20, 30, 50]" |
| | | :page-size="filter.pageSize" |
| | | :total="recordTotal" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | background |
| | | style="float:right;" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | /> |
| | | |
| | | |
| | | <br> |
| | | </div> |
| | | <div style="clear: both;"></div> |
| | | <report-view ref="reportView" ></report-view> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { hiddenDangerStatisticsList} from '@/api/hiddenDanger'; |
| | | import reportView from "../components/reportView"; |
| | | export default { |
| | | name: 'statistics', |
| | | components:{ |
| | | reportView |
| | | }, |
| | | data(){ |
| | | return { |
| | | listLoading : true, |
| | | tableKey: 0, |
| | | tableData:[], |
| | | showData:[], |
| | | levels:[ |
| | | {"key":"URGENT","value":"紧急"}, |
| | | {"key":"COMMON","value":"一般"}, |
| | | ], |
| | | reportStatus:[ |
| | | {"key":"TORECTIFY","value":"待整改"}, |
| | | {"key":"TOACCEPT","value":"整改待验收"}, |
| | | {"key":"REJECTED","value":"驳回待整改"}, |
| | | {"key":"COMPLETED","value":"已完成"}, |
| | | ], |
| | | recordTotal:0, |
| | | filter:{ |
| | | pageIndex:1, |
| | | pageSize:10, |
| | | filter:{ |
| | | code:'', |
| | | status:null, |
| | | level:null, |
| | | requestorName:'', |
| | | rectifierName:'', |
| | | } |
| | | } |
| | | |
| | | }}, |
| | | created(){ |
| | | this.hiddenDangerStatisticsList() |
| | | }, |
| | | methods:{ |
| | | handleSizeChange: function (val) { |
| | | this.filter.pageSize = val |
| | | this.filter.pageIndex = 1 |
| | | this.hiddenDangerStatisticsList() |
| | | }, |
| | | handleCurrentChange: function (val) { |
| | | this.filter.pageIndex = val |
| | | this.hiddenDangerStatisticsList() |
| | | }, |
| | | queryHandle(){ |
| | | this.filter.pageIndex = 1 |
| | | this.hiddenDangerStatisticsList() |
| | | }, |
| | | viewHandle(row){ |
| | | this.$refs.reportView.showDialog('查看',row) |
| | | }, |
| | | |
| | | hiddenDangerStatisticsList() { |
| | | this.listLoading = true |
| | | hiddenDangerStatisticsList(this.filter) |
| | | .then(res=>{ |
| | | if (res.data.code === '200') { |
| | | this.tableData = res.data.result.records |
| | | this.recordTotal = res.data.result.total |
| | | this.showData = [(res.data.result.extension)] |
| | | } |
| | | else{ |
| | | this.$message({ message: res.data.message, type: 'warning'}); |
| | | } |
| | | |
| | | }) |
| | | .catch(err=>{ |
| | | console.log(err) |
| | | this.$message({ message: '接口错误', type: 'warning'}); |
| | | }) |
| | | .finally(()=>{ |
| | | this.listLoading = false |
| | | }) |
| | | }, |
| | | clearLevel(){ |
| | | this.filter.filter.level = null |
| | | }, |
| | | clearStatus(){ |
| | | this.filter.filter.status = null |
| | | } |
| | | |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | |
| | | <style scoped> |
| | | |
| | | .overdue{ |
| | | color: red; |
| | | } |
| | | .overdue-img{ |
| | | position: fixed; |
| | | background-color: #f56c6c; |
| | | border-radius: 4px; |
| | | color: #fff; |
| | | display: inline-block; |
| | | font-size: 12px; |
| | | height: 21px; |
| | | line-height: 18px; |
| | | text-align: center; |
| | | white-space: nowrap; |
| | | border: 1px solid #fff; |
| | | transform: scale(0.8); |
| | | padding: 1px 3px 0 3px; |
| | | |
| | | } |
| | | |
| | | </style> |
| | |
| | | <script> |
| | | import { mapGetters } from 'vuex' |
| | | import pathToRegexp from 'path-to-regexp' |
| | | const imgUrl = require('@/assets/logo.png') |
| | | const imgUrl = require('@/assets/zhongtai_logo.jpg') |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | } |
| | | } |
| | | .app-breadcrumb img{ |
| | | height:50px; |
| | | width:50px; |
| | | border:none; |
| | | vertical-align: middle; |
| | | margin-right:20px; |
| | | margin-left:20px; |
| | | height: 62px; |
| | | width: 260px; |
| | | border: none; |
| | | vertical-align: middle; |
| | | margin-right: 20px; |
| | | } |
| | | .app-breadcrumb h1{ |
| | | margin:0; |