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