From b2ec19a763b4cfb7949126d681fb77efad79c8d3 Mon Sep 17 00:00:00 2001
From: 13937891274 <kxc0822>
Date: 星期五, 20 五月 2022 15:00:11 +0800
Subject: [PATCH] 您关注的隐患-管理关注
---
src/permission.js | 2
src/router/index.js | 7 +
src/views/careabout/managementConcerns.vue | 240 ++++++++++++++++++++++++++++++++++++++++++++++++
3 files changed, 248 insertions(+), 1 deletions(-)
diff --git a/src/permission.js b/src/permission.js
index 2fd8899..c46a1f0 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -16,7 +16,7 @@
if (!permissionRoles) return true
return roles.some(role => permissionRoles.indexOf(role) >= 0)
}
-const whiteList = ['/login', '/auth-redirect','/agreement','/register','/productionEquipment','/instrumentData','/oneFromanother','/hiddenDangerTroubleshootingList','/preview','/inspectionNotExist','/send','/Issuedbysuperiors','/oneFromanotherN','/summaryPotentialSafetyHzards','/safetyHazardAccount','/superiorsSend','/accountSend','/existN','/exist','/hazardSource','/safetyedit','/Dualbase','/supervision','/inferOtherThings','/DualbaseLost','/summaryList','/summaryForm','/chartAnalysis','/careabout','/troubleshooting']// no redirect whitelist
+const whiteList = ['/login', '/auth-redirect','/agreement','/register','/productionEquipment','/instrumentData','/oneFromanother','/hiddenDangerTroubleshootingList','/preview','/inspectionNotExist','/send','/Issuedbysuperiors','/oneFromanotherN','/summaryPotentialSafetyHzards','/safetyHazardAccount','/superiorsSend','/accountSend','/existN','/exist','/hazardSource','/safetyedit','/Dualbase','/supervision','/inferOtherThings','/DualbaseLost','/summaryList','/summaryForm','/chartAnalysis','/careabout','/troubleshooting','/managementConcerns']// no redirect whitelist
router.beforeEach((to, from, next) => {
NProgress.start() // start progress bar
diff --git a/src/router/index.js b/src/router/index.js
index 654c9fe..c293ee7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -506,6 +506,13 @@
component: () => import('@/views/careabout'),
meta: { title: '您关注的隐患', icon: '' }
},
+ {
+ path: '/managementConcerns',
+ // name: '您关注的隐患-管理关注',
+ component: () => import('@/views/careabout/managementConcerns'),
+ // meta: { title: '您关注的隐患-管理关注', icon: '' }
+ hidden: true
+ },
{
id: 14,
parentId: 0,
diff --git a/src/views/careabout/managementConcerns.vue b/src/views/careabout/managementConcerns.vue
new file mode 100644
index 0000000..98c14f3
--- /dev/null
+++ b/src/views/careabout/managementConcerns.vue
@@ -0,0 +1,240 @@
+<template>
+ <div class="app-container">
+ <div>
+ <Titlename title="设置页面"></Titlename>
+ <div class="whole-form">
+ <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm"
+ style="margin: 0 5% 0 5%;">
+ <el-row>
+ <el-col :span="6">
+ <el-form-item label="名称" prop="number">
+ <el-input v-model="ruleForm.number" :disabled="true"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-checkbox-group v-model="checkList">
+ <el-checkbox label="复选框 A">
+ <el-form-item label="检查时间" prop="check_man">
+ <el-radio-group v-model="ruleForm.radio">
+ <el-radio :label="1">一个月</el-radio>
+ <el-radio :label="2">两个月</el-radio>
+ <el-radio :label="3">三个月</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ </el-checkbox>
+ <el-checkbox>
+ <el-form-item class="select" label="检查单位" prop="acc_man">
+ <el-select v-model="ruleForm.region" placeholder="请选择">
+ <el-option label="众泰煤焦化" value="shanghai"></el-option>
+ <el-option label="上级单位" value="beijing"></el-option>
+ </el-select>
+ <el-select v-model="ruleForm.region" placeholder="请选择">
+ <el-option label="安全环保部" value="shanghai"></el-option>
+ <el-option label="机电部" value="beijing"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-checkbox>
+ <el-checkbox>
+ <el-form-item label="检查人" prop="number">
+ <el-input v-model="ruleForm.number" :disabled="true"></el-input>
+ </el-form-item>
+ </el-checkbox>
+ <el-checkbox>
+ <el-form-item label="隐患类别" prop="acc_man">
+ <el-select v-model="ruleForm.region" placeholder="请选择">
+ <el-option label="生产" value="shanghai"></el-option>
+ <el-option label="设备" value="beijing"></el-option>
+ <el-option label="电气" value="shanghai"></el-option>
+ <el-option label="仪表" value="beijing"></el-option>
+ <el-option label="安全管理" value="shanghai"></el-option>
+ <el-option label="其他" value="beijing"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-checkbox>
+ <el-checkbox label="复选框 A">
+ <el-form-item label="隐患级别" prop="acc_man">
+ <el-select v-model="ruleForm.region" placeholder="请选择">
+ <el-option label="一般隐患D" value="shanghai"></el-option>
+ <el-option label="一般隐患C" value="beijing"></el-option>
+ <el-option label="重大隐患B" value="shanghai"></el-option>
+ <el-option label="重大隐患A" value="beijing"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-checkbox>
+ <el-checkbox>
+ <el-form-item class="select" label="检查类别" prop="acc_man">
+ <el-select v-model="ruleForm.region" placeholder="请选择">
+ <el-option label="众泰煤焦化" value="shanghai"></el-option>
+ <el-option label="上级单位" value="beijing"></el-option>
+ </el-select>
+ </el-form-item>
+ </el-checkbox>
+ <el-checkbox label="重复隐患" class="checkbox">
+ </el-checkbox>
+ </el-checkbox-group>
+ <el-checkbox-group v-model="checkList1">
+ <el-checkbox>
+ <el-form-item label="限改时间" prop="check_man">
+ <el-radio-group v-model="ruleForm.radio">
+ <el-radio :label="4">即将到期</el-radio>
+ <el-radio :label="5">到期未整改</el-radio>
+ <el-radio :label="6">超期整改</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ </el-checkbox>
+ </el-checkbox-group>
+ <el-row>
+ <el-col :span="22">
+ <el-form-item label="备注" prop="address">
+ <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 style="text-align: center;">
+ <el-button class="btn" size="small" type="primary" @click="close()"
+ >保存</el-button>
+ <el-button class="btn" size="small" type="primary" @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 {getDangerInfo,next_step_do} from '@/api/sgyhpczl/hiddenDangerRegistration'
+import {deepClone} from '@/utils'
+
+export default {
+ name: "managementConcerns",
+ components: {Titlename},
+ data() {
+ return {
+ id:'',
+ ruleForm: {
+ radio:3
+ },
+ rules: {
+ reviewTime: { required: true, message: '请填写复查时间', trigger: 'blur' },
+ rechecker: { required: true, message: '请填写复查人', trigger: 'blur' },
+ reviewResults: { required: true, message: '请填写复查结果', trigger: 'blur' },
+ desc1: { required: true, message: '复查不通过时请在备注说明原因！', trigger: 'blur' },
+ },
+ fileList: [],
+ checkList: [],
+ checkList1:[]
+ };
+ },
+ mounted(){
+ this.id = this.$route.query.id;
+ if( this.id!=null && this.id!=''){
+ this.initInfo();
+ }
+ },
+ methods: {
+ async initInfo(){
+ var res=await getDangerInfo(this.id)
+ if (res.data.ok==1){
+ this.ruleForm=res.data.data
+ this.ruleForm.next='发送到'+res.data.data.ht_community+res.data.data.ht_branch
+
+ }
+ },
+ 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:"/hiddenDangerRegistration"
+ })
+ }
+ }
+}
+</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
+}
+/deep/ .el-checkbox-group{
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: flex-start;
+}
+/deep/ .el-checkbox{
+ width: 25%;
+ margin-right: 0;
+ padding-right: 10px;
+}
+/deep/ .el-checkbox__label{
+ padding-left: 0;
+}
+/deep/ .el-checkbox__input{
+ top: 11px;
+ left: -5px;
+ position: absolute;
+}
+.checkbox{
+ margin-bottom: 22px;
+}
+.checkbox /deep/ .el-checkbox__input{
+ top: 2px;
+ left: -5px;
+ position: absolute;
+}
+.checkbox /deep/ .el-checkbox__label{
+ padding-left: 25px;
+}
+ /deep/ .el-input__inner{
+ width: 130px;
+}
+/deep/.el-radio{
+ margin-right: 20px;
+}
+.btn{
+ background-color: #034ea2;
+ border: 1px solid #034ea2;
+}
+</style>
--
Gitblit v1.9.2