Kxc0822a
2022-04-11 c2bb36f12e965fce062f82fb1d80337435b192f7
重大
已修改2个文件
已添加1个文件
172 ■■■■■ 文件已修改
src/router/index.js 7 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/hiddenDangerRectification/applicationForExtension.vue 146 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/hiddenDangerRectification/sendHiddenDangerList.vue 19 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
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
              },
          ]
      }
]
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>
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>