From 4770c7cddc88dffb04a6ce7fc9a3d0df34df0dc4 Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: Wed, 13 Apr 2022 16:55:38 +0800
Subject: [PATCH] 查
---
src/views/hiddenDangerRectification/index.vue | 145 ++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 133 insertions(+), 12 deletions(-)
diff --git a/src/views/hiddenDangerRectification/index.vue b/src/views/hiddenDangerRectification/index.vue
index 163ffae..9f6e594 100644
--- a/src/views/hiddenDangerRectification/index.vue
+++ b/src/views/hiddenDangerRectification/index.vue
@@ -2,7 +2,7 @@
<div class="app-container">
<el-form ref="form" :inline="true" class="inquire" :model="form" label-width="80px">
<el-form-item label="编号">
- <el-input v-model="form.name" style="width:202px"></el-input>
+ <el-input v-model="form.name" style="width:202px" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="检查单位">
<el-select v-model="value" placeholder="请选择">
@@ -25,7 +25,7 @@
</el-select>
</el-form-item>
<el-form-item label="检查人">
- <el-input v-model="form.name" style="width:202px"></el-input>
+ <el-input v-model="form.name" style="width:202px" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="隐患单位">
<el-select v-model="value" placeholder="请选择">
@@ -78,10 +78,10 @@
</el-select>
</el-form-item>
<el-form-item label="隐患地点">
- <el-input v-model="form.name" style="width:202px"></el-input>
+ <el-input v-model="form.name" style="width:202px" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="隐患内容">
- <el-input v-model="form.name" style="width:202px"></el-input>
+ <el-input v-model="form.name" style="width:202px" placeholder="请输入内容"></el-input>
</el-form-item>
<el-form-item label="班次">
<el-select v-model="value" placeholder="请选择">
@@ -93,7 +93,7 @@
</el-option>
</el-select>
</el-form-item>
- <el-form-item label="是否关联">
+ <!-- <el-form-item label="是否关联">
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
@@ -112,7 +112,7 @@
:value="item.value">
</el-option>
</el-select>
- </el-form-item>
+ </el-form-item> -->
<el-form-item label="检查时间">
<el-col :span="11">
<el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
@@ -132,8 +132,8 @@
</el-col>
</el-form-item>
<el-form-item style="text-align:center;padding:0 50px">
- <el-button type="primary" class="btns" icon="el-icon-search">查询</el-button>
- <el-button type="primary" class="btns" icon="el-icon-upload2">导出excel</el-button>
+ <el-button type="primary" class="btns" size="small" icon="el-icon-search">查询</el-button>
+ <el-button type="primary" class="btns" size="small" icon="el-icon-upload2">导出excel</el-button>
</el-form-item>
</el-form>
<el-row class="title-center">
@@ -145,7 +145,7 @@
</el-radio-group>
</el-col> -->
<el-col :span="24" style="text-align:right;">
- <el-button class="btns" type="primary" size="small">申请延期</el-button>
+ <el-button class="btns" type="primary" size="small" @click="dialogVisible=true">申请延期</el-button>
</el-col>
</el-row>
<el-table :data="tableData" style="width: 100%">
@@ -164,7 +164,7 @@
</el-table-column>
<el-table-column
prop="date"
- label="检察部门"
+ label="检查部门"
align="center"
sortable
width="120"
@@ -181,7 +181,7 @@
<el-table-column prop="date" label="检查类别" align="center">
</el-table-column>
<el-table-column label="隐患项目" align="center">
- <el-table-column label="检察时间" width="120" sortable align="center">
+ <el-table-column label="检查时间" width="120" sortable align="center">
</el-table-column>
<el-table-column label="地点" align="center"> </el-table-column>
<el-table-column label="内容" align="center"> </el-table-column>
@@ -209,8 +209,65 @@
<el-table-column label="风险等级" align="center"> </el-table-column>
<el-table-column label="初始警情" align="center"> </el-table-column>
<el-table-column label="当前警情" align="center"> </el-table-column>
- <el-table-column label="流程操作" align="center"> </el-table-column>
+ <el-table-column label="流程操作" align="center">
+ <template slot-scope="scope">
+ <el-button @click="handleClick(scope.row)" type="text" size="small">点击发送</el-button>
+ </template>
+ </el-table-column>
</el-table>
+ <!--申请延期弹窗-->
+ <el-dialog
+ title="提示"
+ :visible.sync="dialogVisible"
+ :close-on-click-modal="false"
+ width="30%"
+ :before-close="handleClose">
+ <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+ <el-row>
+ <el-col :span="16" :offset="3">
+ <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="16" :offset="3">
+ <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" class="btns">选择文件</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="16" :offset="3">
+ <el-form-item label="备注" prop="desc">
+ <el-input class="textarea" type="textarea" v-model="ruleForm.desc"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <div style="text-align: center">
+ <el-button class="btns" size="small" type="primary" @click="dialogVisible = false">保存</el-button>
+ <el-button size="small" @click="dialogVisible = false">关闭</el-button>
+ </div>
+ </el-form>
+ </el-dialog>
+ <!--申请延期弹窗-->
<div style="text-align: right">
<el-pagination
v-show="recordTotal > 0"
@@ -265,11 +322,63 @@
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}],
+ dialogVisible: false,
+ ruleForm: {
+ name: '',
+ region: '',
+ date1: '',
+ date2: '',
+ delivery: false,
+ type: [],
+ resource: '',
+ value1: '',
+ desc: ''
+ },
+ rules: {},
+ fileList: [],
+
pageSize: 10,
recordTotal: 0,
currentPage: 1,
};
},
+ methods:{
+ // 发送隐患单跳转
+ handleClick(){
+ this.$router.push({
+ path:"/sendHiddenDangerList"
+ })
+ },
+
+ // applicationExtension(){
+ // this.$router.push({
+ // path:"/applicationForExtension"
+ // })
+ // },
+ handleClose(done) {
+ this.$confirm('确认关闭？')
+ .then(_ => {
+ done();
+ })
+ .catch(_ => {});
+ },
+ 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>
@@ -288,4 +397,16 @@
background-color: #034ea2;
border: 1px solid #034ea2;
}
+/deep/ .el-dialog .el-textarea__inner{
+ height: 80px;
+ max-height: 80px;
+ overflow-y: auto
+}
+/deep/.el-dialog .button .el-form-item__content{
+ margin-left: 0;
+}
+ .textarea{
+ max-height: 70px;
+ overflow-y: auto;
+ }
</style>
--
Gitblit v1.9.2