|
|
|
@ -1,19 +1,58 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<!-- 解锁弹窗 --> |
|
|
|
<el-dialog :title="$t('page.business.resource.gsp.dr')" :visible.sync="open" width="400px" append-to-body |
|
|
|
<el-dialog :title="$t('page.business.resource.gsp.dr')" :visible.sync="open" width="600px" append-to-body |
|
|
|
:close-on-click-modal="false"> |
|
|
|
<el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" |
|
|
|
:action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading" |
|
|
|
:on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag> |
|
|
|
<i class="el-icon-upload"></i> |
|
|
|
<div class="el-upload__text">{{ $t('page.business.resource.gsp.tzsc') }}<em>{{ $t('page.business.resource.gsp.djsc') }}</em></div> |
|
|
|
<div class="el-upload__tip text-center" slot="tip"> |
|
|
|
<span>{{ $t('page.business.resource.gsp.wjgs') }}</span> |
|
|
|
<el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" |
|
|
|
@click="importTemplate">{{ $t('page.business.resource.gsp.xzmb') }}</el-link> |
|
|
|
</div> |
|
|
|
</el-upload> |
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="100px"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-upload ref="upload" :data="form" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" |
|
|
|
:action="upload.url" :disabled="upload.isUploading" |
|
|
|
:on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag> |
|
|
|
<i class="el-icon-upload"></i> |
|
|
|
<div class="el-upload__text">{{ $t('page.business.resource.gsp.tzsc') }}<em>{{ |
|
|
|
$t('page.business.resource.gsp.djsc') }}</em></div> |
|
|
|
<div class="el-upload__tip text-center" slot="tip"> |
|
|
|
<span>{{ $t('page.business.resource.gsp.wjgs') }}</span> |
|
|
|
<el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" |
|
|
|
@click="importTemplate">{{ $t('page.business.resource.gsp.xzmb') }}</el-link> |
|
|
|
</div> |
|
|
|
</el-upload> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row style="margin-top: 30px;"> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item :label="$t('form.qmyy')" prop="qmyy"> |
|
|
|
<el-input type="text" :value="form.qmyy" maxlength="50" disabled |
|
|
|
:placeholder="$t('form.placeholderInput')" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item :label="$t('form.signer')"> |
|
|
|
<el-input type="text" v-model="nickName" maxlength="50" disabled |
|
|
|
:placeholder="$t('form.placeholderInput')" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-form-item :label="$t('form.signerPsw')" prop="qmrmm"> |
|
|
|
<div class="sbzdtcma"> <input type="text"></div> |
|
|
|
<el-input type="password" v-model="form.qmrmm" show-password maxlength="20" |
|
|
|
:placeholder="$t('form.placeholderInput')" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-form-item :label="$t('form.remark')" prop="qmbz"> |
|
|
|
<el-input type="textarea" v-model="form.qmbz" :rows="2" maxlength="500" |
|
|
|
:placeholder="$t('form.placeholderInput')"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
<el-button type="primary" @click="submitFileForm">{{ $t('form.confirm') }}</el-button> |
|
|
|
<el-button @click="cancel">{{ $t('form.cancel') }}</el-button> |
|
|
|
@ -31,7 +70,10 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
open: false, |
|
|
|
form: {}, |
|
|
|
form: { |
|
|
|
qmrmm: null, |
|
|
|
qmbz: null |
|
|
|
}, |
|
|
|
rules: { |
|
|
|
qmrmm: [{ |
|
|
|
required: true, |
|
|
|
@ -51,7 +93,7 @@ export default { |
|
|
|
// 设置上传的请求头部 |
|
|
|
headers: { Authorization: "Bearer " + getToken() }, |
|
|
|
// 上传的地址 |
|
|
|
url: process.env.VUE_APP_BASE_API + "/business/gspRkjl/importData" |
|
|
|
url: process.env.VUE_APP_BASE_API + "/system/business/gspRkjl/importData" |
|
|
|
}, |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -65,7 +107,7 @@ export default { |
|
|
|
methods: { |
|
|
|
// 下载模板 |
|
|
|
importTemplate() { |
|
|
|
this.download('business/gspRkjl/importTemplate', { |
|
|
|
this.download('/system/business/gspRkjl/importTemplate', { |
|
|
|
}, `【模板】供试品入库记录.xlsx`) |
|
|
|
}, |
|
|
|
// 文件上传中处理 |
|
|
|
@ -94,11 +136,7 @@ export default { |
|
|
|
}, |
|
|
|
reset() { |
|
|
|
this.form = { |
|
|
|
id: null, |
|
|
|
ids: null, |
|
|
|
mc: null, |
|
|
|
bh: null, |
|
|
|
qmyy: this.$t('page.business.resource.gsp.jsgsprkjl'), |
|
|
|
qmyy: this.$t('page.business.resource.gsp.xzgsprkjl'), |
|
|
|
qmrmm: null |
|
|
|
} |
|
|
|
this.resetForm("form") |
|
|
|
@ -120,3 +158,9 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style rel="stylesheet/scss" lang="scss" scoped> |
|
|
|
|
|
|
|
::v-deep .el-upload-dragger { |
|
|
|
width: 560px; |
|
|
|
} |
|
|
|
</style> |