|
@@ -83,7 +83,17 @@
|
|
|
<el-table-column :label="$t('证书有效期')" align="center" width="300" prop="validity" />
|
|
|
<el-table-column :label="$t('是否需要跟进')" align="center" prop="follow" :formatter="followFormat"/>
|
|
|
<el-table-column :label="$t('使用/储存/废物最大量')" align="center" prop="allowance" :show-overflow-tooltip="true"/>
|
|
|
- <el-table-column :label="$t('排放/监控要求')" align="center" prop="requirements" :show-overflow-tooltip="true"/>
|
|
|
+ <el-table-column :label="$t('排放/监控要求')" align="center" prop="requirementsUrl" :show-overflow-tooltip="true">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.reqPic === 'false'">{{ scope.row.requirements }}</span>
|
|
|
+ <el-image
|
|
|
+ style="width: 100px; height: 100px"
|
|
|
+ v-if="scope.row.reqPic === 'true'"
|
|
|
+ :src="scope.row.requirementsUrl"
|
|
|
+ :preview-src-list="scope.row.srcList">
|
|
|
+ </el-image>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column :label="$t('主要内容')" align="center" width="250" prop="content"/>
|
|
|
<el-table-column :label="$t('负责人')" align="center" prop="owner" :show-overflow-tooltip="true"/>
|
|
|
<el-table-column :label="$t('回顾人')" align="center" prop="reviewerName" :show-overflow-tooltip="true"/>
|
|
@@ -228,8 +238,22 @@
|
|
|
<el-form-item :label="$t('使用/储存/废物最大量')" prop="allowance">
|
|
|
<el-input v-model="form.allowance" :placeholder="$t('请输入') + $t('使用/储存/废物最大量')" />
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="排放/监控要求为图表" prop="reqPic">
|
|
|
+ <el-checkbox v-model="form.reqPic" @change="changereqPic"></el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item :label="$t('排放/监控要求')" prop="requirements">
|
|
|
- <el-input v-model="form.requirements" :placeholder="$t('请输入') + $t('排放/监控要求')" />
|
|
|
+ <el-input v-if="form.reqPic === false" v-model="form.requirements" :placeholder="$t('请输入') + $t('排放/监控要求')" />
|
|
|
+ <el-upload
|
|
|
+ ref="requirements"
|
|
|
+ :headers="requirements.headers"
|
|
|
+ :action="requirements.url + '?pType=' + requirements.pType + '&pId=' + requirements.pId"
|
|
|
+ v-if="form.reqPic === true"
|
|
|
+ :show-file-list="false"
|
|
|
+ :on-success="handleAvatarSuccess"
|
|
|
+ list-type="picture-card">
|
|
|
+ <img v-if="requirementsUrl" :src="requirementsUrl" class="avatar">
|
|
|
+ <i v-else class="el-icon-plus "></i>
|
|
|
+ </el-upload>
|
|
|
</el-form-item>
|
|
|
<el-form-item :label="$t('主要内容')" prop="content">
|
|
|
<el-input v-model="form.content" type="textarea" :placeholder="$t('请输入') + $t('主要内容')" />
|
|
@@ -510,6 +534,19 @@ export default {
|
|
|
pageTotalNum: 1,
|
|
|
loadedRatio: 0,
|
|
|
},
|
|
|
+ requirements: {
|
|
|
+ file: "",
|
|
|
+ // 报告附件上传位置编号
|
|
|
+ ids: 0,
|
|
|
+ // 设置上传的请求头部
|
|
|
+ headers: { Authorization: "Bearer " + getToken() },
|
|
|
+ // 上传的地址
|
|
|
+ url: process.env.VUE_APP_BASE_API + "/ehs/environapproval/uploadPic",
|
|
|
+ pType: 'requirementsPic',
|
|
|
+ pId: null
|
|
|
+ },
|
|
|
+ //图片url
|
|
|
+ requirementsUrl: '',
|
|
|
// 查询参数
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
@@ -609,6 +646,14 @@ export default {
|
|
|
this.loading = true;
|
|
|
listEnvironapproval(this.queryParams).then(response => {
|
|
|
this.environapprovalList = response.rows;
|
|
|
+ this.environapprovalList.forEach(function (item) {
|
|
|
+ if (item.reqPic === 'true') {
|
|
|
+ item.requirementsUrl = process.env.VUE_APP_BASE_API + item.requirements;
|
|
|
+ var srcList = [];
|
|
|
+ srcList.push(process.env.VUE_APP_BASE_API + item.requirements);
|
|
|
+ item.srcList = srcList;
|
|
|
+ }
|
|
|
+ })
|
|
|
this.total = response.total;
|
|
|
this.loading = false;
|
|
|
});
|
|
@@ -643,14 +688,14 @@ export default {
|
|
|
},
|
|
|
// 表单重置
|
|
|
reset() {
|
|
|
+ this.requirementsUrl = '';
|
|
|
this.form = {
|
|
|
id: null,
|
|
|
plantCode: null,
|
|
|
approvalname: null,
|
|
|
certno: null,
|
|
|
effetivedate: null,
|
|
|
- isPermanent: null,
|
|
|
- validity: null,
|
|
|
+ validityBefore: null,
|
|
|
relatedlaw: null,
|
|
|
responsauth: null,
|
|
|
owner: null,
|
|
@@ -663,7 +708,18 @@ export default {
|
|
|
updaterCode: null,
|
|
|
updatedate: null,
|
|
|
deptId: null,
|
|
|
- remarks: null
|
|
|
+ remarks: null,
|
|
|
+ isPermanent: null,
|
|
|
+ scope: null,
|
|
|
+ follow: null,
|
|
|
+ allowance: null,
|
|
|
+ requirements: null,
|
|
|
+ reviewer: null,
|
|
|
+ reviewResult: null,
|
|
|
+ validityAfter: null,
|
|
|
+ content: null,
|
|
|
+ reqPic: null,
|
|
|
+ requirementsUrl: null
|
|
|
};
|
|
|
this.chooseDate = []
|
|
|
this.resetForm("form");
|
|
@@ -717,6 +773,15 @@ export default {
|
|
|
this.canChange = false
|
|
|
this.chooseDate = this.$set(this.form,'chooseDate',[""+response.data.validityBefore+"",""+response.data.validityAfter+""]);
|
|
|
}
|
|
|
+ if (this.form.reqPic === 'true') {
|
|
|
+ this.form.reqPic = true
|
|
|
+ }else {
|
|
|
+ this.form.reqPic = false
|
|
|
+ }
|
|
|
+ if(response.data.requirements) {
|
|
|
+ this.requirementsUrl = process.env.VUE_APP_BASE_API + response.data.requirements;
|
|
|
+ }
|
|
|
+ this.requirements.pId = row.id;
|
|
|
this.open = true;
|
|
|
this.title = this.$t('修改') + this.$t('环保批文清单');
|
|
|
});
|
|
@@ -818,6 +883,10 @@ export default {
|
|
|
this.$refs.doc.clearFiles()
|
|
|
})
|
|
|
},
|
|
|
+ //上传图片改变选项
|
|
|
+ changereqPic() {
|
|
|
+ this.form.requirements = null;
|
|
|
+ },
|
|
|
getFileList (){
|
|
|
allFileList(this.doc.queryParams).then(response => {
|
|
|
this.doc.commonfileList = response;
|
|
@@ -877,6 +946,10 @@ export default {
|
|
|
this.msgError(this.$t('pdf加载失败'))
|
|
|
})
|
|
|
},
|
|
|
+ handleAvatarSuccess (res, file, fileList) {
|
|
|
+ this.requirementsUrl = URL.createObjectURL(file.raw);
|
|
|
+ this.$alert(res.msg, this.$t('导入结果'), { dangerouslyUseHTMLString: true });
|
|
|
+ },
|
|
|
// pdf上一页
|
|
|
prePage() {
|
|
|
let page = this.pdf.pageNum
|