|
@@ -0,0 +1,163 @@
|
|
|
+<!--预案执行记录-->
|
|
|
+<template>
|
|
|
+ <div class="app-container approval_handle">
|
|
|
+ <div class="approval_handle-page" v-if="pageType == 1">
|
|
|
+ <el-form :model="queryParams" ref="queryForm" style="margin-top:20px;" :inline="true">
|
|
|
+ <el-form-item label="关键字" prop="name">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.searchValue"
|
|
|
+ placeholder="预案名称/实验室"
|
|
|
+ clearable
|
|
|
+ maxLength="30"
|
|
|
+ size="small"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="预案属性" prop="zgType" label-width="80px">
|
|
|
+ <el-select v-model="queryParams.status" placeholder="请选择" clearable size="small">
|
|
|
+ <el-option label="全部" value="" />
|
|
|
+ <el-option label="在线" value="0" />
|
|
|
+ <el-option label="异常" value="1" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <p class="inquire-button-one" @click="handleQuery">查询</p>
|
|
|
+ <p class="reset-button-one" @click="resetQuery">重置</p>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-table border v-loading="loading" :data="tableData">
|
|
|
+ <el-table-column label="预案名称" align="left" prop="userName"/>
|
|
|
+ <el-table-column label="实验室名称" align="left" prop="userNumber"></el-table-column>
|
|
|
+ <el-table-column label="预案属性" align="left" prop="deptName">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{scope.row.deptName==1?'火灾预案':(scope.row.deptName==2?'非火灾预案':'')}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="预案发生时间" align="left" prop="userTelephone"></el-table-column>
|
|
|
+ <el-table-column label="操作" align="left" class-name="small-padding fixed-width" width="120">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="button-box">
|
|
|
+ <p class="table-min-button" v-hasPermi="['laboratory:hardware5:edit']" @click="handleClick('',scope.row,'detail')">查看</p>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <pagination
|
|
|
+ :total="total"
|
|
|
+ layout="total, prev, pager, next, sizes, jumper"
|
|
|
+ :page.sync="queryParams.pageNum"
|
|
|
+ :limit.sync="queryParams.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import {
|
|
|
+ RFIDtagAdd,
|
|
|
+ listDepartments,
|
|
|
+ labCenterPersonList,
|
|
|
+ labCenterPersonDelete, subjectList, recognizerAnew, recognizerAdd
|
|
|
+} from '@/api/gasManage3_0/gasManage'
|
|
|
+import { getToken } from "@/utils/auth";
|
|
|
+export default {
|
|
|
+ name: "Approval",
|
|
|
+ components: {
|
|
|
+
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dialogVisible :false,
|
|
|
+ //页面状态
|
|
|
+ pageType:1,
|
|
|
+ loading:false,
|
|
|
+ // 查询参数
|
|
|
+ queryParams: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize:20,
|
|
|
+ searchValue:'',
|
|
|
+ },
|
|
|
+ form:{
|
|
|
+ tagCode:'',
|
|
|
+ },
|
|
|
+ total:0,
|
|
|
+ tableData:[],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ handleClick(index,row,doType){
|
|
|
+
|
|
|
+ let _this=this;
|
|
|
+ if(doType=='detail'){//详情
|
|
|
+
|
|
|
+ }else if(doType=='back'){//返回
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ /** 搜索按钮操作 */
|
|
|
+ handleQuery() {
|
|
|
+ this.queryParams.pageNum = 1;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ /** 重置按钮操作 */
|
|
|
+ resetQuery() {
|
|
|
+ this.queryParams.searchValue = "";
|
|
|
+ this.queryParams.deptIds = "";
|
|
|
+ this.handleQuery();
|
|
|
+ },
|
|
|
+ getList(){
|
|
|
+ let _this=this;
|
|
|
+ labCenterPersonList(_this.queryParams).then( response => {
|
|
|
+ let res=response.rows;
|
|
|
+ _this.tableData=res;
|
|
|
+ _this.total=response.total;
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.getList();
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+ .approval_handle {
|
|
|
+ display: flex!important;
|
|
|
+ flex-direction: column;
|
|
|
+ overflow: hidden;
|
|
|
+ .approval_handle-page{
|
|
|
+ flex:1;
|
|
|
+ display: flex!important;
|
|
|
+ flex-direction: column;
|
|
|
+ box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
|
|
|
+ padding:20px 20px 20px!important;
|
|
|
+ border-radius:10px;
|
|
|
+ overflow: hidden;
|
|
|
+ .button-box{
|
|
|
+ width:200px;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .entering_t{
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 16px;
|
|
|
+ margin: 36px auto 25px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .entering_img{
|
|
|
+ width: 288px;
|
|
|
+ height: 140px;
|
|
|
+ }
|
|
|
+ .entering_input{
|
|
|
+ width: 288px;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+</style>
|