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