From c2bb36f12e965fce062f82fb1d80337435b192f7 Mon Sep 17 00:00:00 2001
From: Kxc0822a <kxc000822>
Date: 星期一, 11 四月 2022 10:21:04 +0800
Subject: [PATCH] 重大
---
src/views/hiddenDangerRectification/applicationForExtension.vue | 146 ++++++++++++++++++++++++++++++++++++++++++++++++
src/router/index.js | 7 ++
src/views/hiddenDangerRectification/sendHiddenDangerList.vue | 19 ++++--
3 files changed, 165 insertions(+), 7 deletions(-)
diff --git a/src/router/index.js b/src/router/index.js
index 74bca47..27ceed7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -216,6 +216,13 @@
// meta: { title: '隐患整改治理-发送隐患单', icon: '' }
hidden: true
},
+ {
+ path: '/applicationForExtension',
+ // name: '隐患整改治理-申请延期',
+ component: () => import('@/views/hiddenDangerRectification/applicationForExtension'),
+ // meta: { title: '隐患整改治理-申请延期', icon: '' }
+ hidden: true
+ },
]
}
]
diff --git a/src/views/hiddenDangerRectification/applicationForExtension.vue b/src/views/hiddenDangerRectification/applicationForExtension.vue
new file mode 100644
index 0000000..bfd78c6
--- /dev/null
+++ b/src/views/hiddenDangerRectification/applicationForExtension.vue
@@ -0,0 +1,146 @@
+<template>
+ <div class="app-container">
+ <div style="">
+ <Titlename title="发送隐患单"></Titlename>
+ <div class="whole-form">
+ <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm"
+ style="margin: 0 14% 0 16%;">
+ <el-row>
+ <el-col :span="9">
+ <el-form-item label="申请限改时间：" prop="name">
+ <el-date-picker
+ v-model="value1"
+ type="date"
+ :disabled="true"
+ placeholder="选择日期"
+ style="width: 100%">
+ </el-date-picker>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="22">
+ <el-form-item label="附件上传" prop="desc">
+ <el-upload
+ class="upload-demo"
+ ref="upload"
+ action="https://jsonplaceholder.typicode.com/posts/"
+ :on-preview="handlePreview"
+ :on-remove="handleRemove"
+ :file-list="fileList"
+ :before-upload="beforeUpload"
+ :auto-upload="true">
+ <el-button slot="trigger" size="small" type="primary">选择文件</el-button>
+ <div slot="tip" class="el-upload__tip">只能上传.jpg,.gif,.bmp,.png,.jpeg格式的图片</div>
+ </el-upload>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="22">
+ <el-form-item label="备注" prop="desc">
+ <el-input type="textarea" v-model="ruleForm.desc"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="22">
+ <el-form-item style="text-align: center;">
+ <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button>
+ <el-button @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";
+
+ export default {
+ components: {Titlename},
+ name: "applicationForExtension",
+ data() {
+ return {
+ ruleForm: {
+ name: '',
+ region: '',
+ date1: '',
+ date2: '',
+ delivery: false,
+ type: [],
+ resource: '',
+ value1: '',
+ desc: ''
+ },
+ rules: {},
+ tableData: [{
+ date: ' 1',
+ name: '超级管理员',
+ province: '2022-04-07 16:10:27',
+ city: '',
+ address: '已发送众泰煤焦化安全环保部',
+ }, {
+ date: ' 1',
+ name: '超级管理员',
+ province: '2022-04-07 16:10:27',
+ city: '',
+ address: '已发送众泰煤焦化安全环保部',
+ }, {
+ date: ' 1',
+ name: '超级管理员',
+ province: '2022-04-07 16:10:27',
+ city: '',
+ address: '已发送众泰煤焦化安全环保部',
+ }],
+ fileList: [],
+
+ };
+ },
+ methods: {
+ submitForm(formName) {
+ this.$refs[formName].validate((valid) => {
+ if (valid) {
+ alert('submit!');
+ } else {
+ console.log('error submit!!');
+ return false;
+ }
+ });
+ },
+ 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;
+ }
+ }
+ }
+ }
+</script>
+
+<style scoped>
+ .app-container {
+ padding: 20px;
+ height: 850px;
+ overflow-y: auto;
+ }
+ /deep/ .el-textarea__inner{
+ height: 80px;
+ max-height: 80px;
+ overflow-y: auto
+ }
+</style>
diff --git a/src/views/hiddenDangerRectification/sendHiddenDangerList.vue b/src/views/hiddenDangerRectification/sendHiddenDangerList.vue
index b056fec..f67236f 100644
--- a/src/views/hiddenDangerRectification/sendHiddenDangerList.vue
+++ b/src/views/hiddenDangerRectification/sendHiddenDangerList.vue
@@ -81,7 +81,7 @@
<el-row>
<el-col :span="22">
<el-form-item label="行走路线：" prop="name">
- <el-input v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>
+ <el-input type="textarea" v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
@@ -112,14 +112,14 @@
<el-row>
<el-col :span="22">
<el-form-item label="隐患地点：" prop="name">
- <el-input v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>
+ <el-input type="textarea" v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="22">
<el-form-item label="隐患内容：" prop="name">
- <el-input v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>
+ <el-input type="textarea" v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
@@ -231,7 +231,7 @@
<el-row>
<el-col :span="22">
<el-form-item label="危险源：" prop="name">
- <el-input v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>
+ <el-input type="textarea" v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
@@ -303,7 +303,7 @@
<el-row>
<el-col :span="22">
<el-form-item label="发送流程：" prop="name">
- <el-input v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>
+ <el-input type="textarea" v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
@@ -364,7 +364,7 @@
:file-list="fileList"
:before-upload="beforeUpload"
:auto-upload="true">
- <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+ <el-button slot="trigger" size="small" type="primary">选则文件</el-button>
<div slot="tip" class="el-upload__tip">只能上传.jpg,.gif,.bmp,.png,.jpeg格式的图片</div>
</el-upload>
</el-form-item>
@@ -374,7 +374,7 @@
<el-row>
<el-col :span="22">
<el-form-item label="备注" prop="desc">
- <el-input type="textarea" v-model="ruleForm.desc" style="min-height: 80px;"></el-input>
+ <el-input class="textarea" type="textarea" v-model="ruleForm.desc"></el-input>
</el-form-item>
</el-col>
</el-row>
@@ -481,4 +481,9 @@
/deep/ .multiline .el-input__inner {
height: 62px;
}
+ /deep/ .textarea .el-textarea__inner{
+ height: 80px;
+ max-height: 80px;
+ overflow-y: auto
+ }
</style>
--
Gitblit v1.9.2