FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 标准入库 文件信息功能完善

Browse Source
This commit is contained in:
super_liu
2021-07-13 16:13:55 +08:00
parent b6c147848c
commit f2f643a588
4 changed files with 689 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/processCenter/pages/creatProcess/bzrk/step1.vue
+275 -41
View File
@@ -195,73 +195,141 @@
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgd" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgd" class="add-form-item form-item-disabled">
<custom-file <el-input
key="XGD" disabled
:config="field" style="display: none;"
v-model="form.xgd" v-model="form.xgdName"
:disabled="formdisableflag" clearable
@fileSuccess="fileSuccess" ></el-input>
></custom-file> <div v-if="form.xgdName">
<div v-if="form.xgd"> {{ form.xgdName }}
{{ form.xgd }} <el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('xgd')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini"> size="mini"
@click="fileUpload('xgd')">
点击上传 点击上传
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="发布稿" prop="fbgbjbd" class="add-form-item form-item-disabled"> <el-form-item label="发布稿" prop="fbgbjbd" class="add-form-item form-item-disabled">
<div v-if="form.fbgbjbd"> <el-input
{{ form.fbgbjbd }} disabled
style="display: none;"
v-model="form.fbgbjbdName"
clearable
></el-input>
<div v-if="form.fbgbjbdName">
{{ form.fbgbjbdName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('fbgbjbd')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini"> size="mini"
@click="fileUpload('fbgbjbd')">
点击上传 点击上传
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbd" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbd" class="add-form-item form-item-disabled">
<div v-if="form.zbjbd"> <el-input
{{ form.zbjbd }} disabled
style="display: none;"
v-model="form.zbjbdName"
clearable
></el-input>
<div v-if="form.zbjbdName">
{{ form.zbjbdName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('zbjbd')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini"> size="mini"
@click="fileUpload('zbjbd')">
点击上传 点击上传
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpg" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpg" class="add-form-item form-item-disabled">
<div v-if="form.bpg"> <el-input
{{ form.bpg }} disabled
style="display: none;"
v-model="form.bpgName"
clearable
></el-input>
<div v-if="form.bpgName">
{{ form.bpgName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('bpg')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini"> size="mini"
@click="fileUpload('bpg')">
点击上传 点击上传
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssg" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssg" class="add-form-item form-item-disabled">
<div v-if="form.ssg"> <el-input
{{ form.ssg }} disabled
style="display: none;"
v-model="form.ssgName"
clearable
></el-input>
<div v-if="form.ssgName">
{{ form.ssgName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('ssg')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini"> size="mini"
@click="fileUpload('ssg')">
点击上传 点击上传
</el-button> </el-button>
</div> </div>
@@ -269,53 +337,113 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwj" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwj" class="add-form-item form-item-disabled">
<div v-if="form.kwj"> <el-input
{{ form.kwj }} disabled
style="display: none;"
v-model="form.kwjName"
clearable
></el-input>
<div v-if="form.kwjName">
{{ form.kwjName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('kwj')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini"> size="mini"
@click="fileUpload('kwj')">
点击上传 点击上传
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjg" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjg" class="add-form-item form-item-disabled">
<div v-if="form.zqyjg"> <el-input
{{ form.zqyjg }} disabled
style="display: none;"
v-model="form.zqyjgName"
clearable
></el-input>
<div v-if="form.zqyjgName">
{{ form.zqyjgName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('zqyjg')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini"> size="mini"
@click="fileUpload('zqyjg')">
点击上传 点击上传
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="草案" prop="ca" class="add-form-item form-item-disabled"> <el-form-item label="草案" prop="ca" class="add-form-item form-item-disabled">
<div v-if="form.ca"> <el-input
{{ form.ca }} disabled
style="display: none;"
v-model="form.caName"
clearable
></el-input>
<div v-if="form.caName">
{{ form.caName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('ca')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini"> size="mini"
@click="fileUpload('ca')">
点击上传 点击上传
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwj" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwj" class="add-form-item form-item-disabled">
<div v-if="form.jdwj"> <el-input
{{ form.jdwj }} disabled
style="display: none;"
v-model="form.jdwjName"
clearable
></el-input>
<div v-if="form.jdwjName">
{{ form.jdwjName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('jdwj')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini"> size="mini"
@click="fileUpload('jdwj')">
点击上传 点击上传
</el-button> </el-button>
</div> </div>
@@ -508,14 +636,21 @@
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="关联文件" prop="glwj" class="add-form-item form-item-disabled"> <el-form-item label="关联文件" prop="glwj" class="add-form-item form-item-disabled">
<div v-if="form.glwj"> <el-input
{{ form.glwj }} disabled
style="display: none;"
v-model="form.glwjName"
clearable
></el-input>
<div v-if="form.glwjName">
{{ form.glwjName }}
</div> </div>
<div v-else> <div v-else>
<el-button <el-button
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini"> size="mini"
@click="fileUpload('glwj')">
点击上传 点击上传
</el-button> </el-button>
</div> </div>
@@ -624,6 +759,24 @@
@submit="handleSubmit" @submit="handleSubmit"
> >
</ProcessFooter> </ProcessFooter>
<el-dialog width='400px' :visible.sync="fileMadel" title="上传文件">
<el-upload
multiple
drag
:action="fileUrl"
ref="importfile"
name="file"
accept=".ZIP, .zip, .doc, .DOC, .docx, .DOCX, .xls, .xlsx"
:before-upload="beginImportFile"
:on-success="importFileSuccess"
:show-file-list="false"
>
<div style="padding: 20px 0">
<i class="el-icon-upload" style="color: #3399ff"></i>
<p>点击或拖拽上传文件</p>
</div>
</el-upload>
</el-dialog>
</div> </div>
</template> </template>
@@ -633,8 +786,6 @@
import ProcessTitle from '../../components/ProcessTitle' import ProcessTitle from '../../components/ProcessTitle'
import {saveTaskFirst} from "api/process"; import {saveTaskFirst} from "api/process";
import TreeSelect from '@/components/treeSelect/treeSelect.vue'; import TreeSelect from '@/components/treeSelect/treeSelect.vue';
import CustomFile from '@/components/CustomFormComponents/File'
export default { export default {
name: "bzrkStep1", name: "bzrkStep1",
@@ -652,6 +803,9 @@
}, },
nodeKey: 'id', nodeKey: 'id',
defaultCheckedKeys: [], defaultCheckedKeys: [],
fileUrl: 'api/att/attFile/upload',
fileMadel: false,
fileType: '',
form: { form: {
// 基础信息 // 基础信息
textStatus: '', // 文本状态 textStatus: '', // 文本状态
@@ -685,6 +839,16 @@
jdwj: '', // 解读文件 jdwj: '', // 解读文件
zbjbd: '', // 增补件 zbjbd: '', // 增补件
kwj: '', // 勘误件 kwj: '', // 勘误件
caName: '', // 草案
fbgbjbdName: '', // 发布稿
xgdName: '', // 修改单
bpgName: '', // 报批稿
ssgName: '', // 送审稿
zqyjgName: '', // 征求意见稿
jdwjName: '', // 解读文件
zbjbdName: '', // 增补件
kwjName: '', // 勘误件
glwjName: '', // 关联文件
// 适用范围 // 适用范围
txlb: '', // 体系类别 txlb: '', // 体系类别
gkdw: '', // 归口管理部门 gkdw: '', // 归口管理部门
@@ -738,10 +902,80 @@
ProcessHeader, ProcessHeader,
ProcessFooter, ProcessFooter,
ProcessTitle, ProcessTitle,
TreeSelect, TreeSelect
CustomFile
}, },
methods: { methods: {
beginImportFile (file) {
var filename = file.name
var index1 = filename.lastIndexOf('.')
var index2 = filename.length
var fileSuffix = filename.substring(index1, index2)
// const fileSuffix = file.name.split('.')[1] // 后缀名
// 判断上传文件格式
if (fileSuffix === '.ZIP' || fileSuffix === '.doc' || fileSuffix === '.DOC' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
return true
} else {
this.spinShow = false
this.$message.error('文件' + file.name + '格式不正确，请上传ZIP/DOC/DOCX或XLS文件')
return false
}
// 判断文件上传大小
// eslint-disable-next-line no-unreachable
if (file.size / 1024 / 1024 <= 200) {
return true
} else {
this.$message.error('文件' + file.name + '大小不超过200M')
return false
}
return true
},
// 导入标准数据成功后执行
importFileSuccess (response, file) {
if (response.ok) {
this.fileMadel = false
if(this.fileType === 'fbgbjbd'){
this.form.fbgbjbd = response.data.id;
this.form.fbgbjbdName = response.data.name;
}else if(this.fileType === 'xgd'){
this.form.xgd = response.data.id;
this.form.xgdName = response.data.name;
}else if(this.fileType === 'bpg'){
this.form.bpg = response.data.id;
this.form.bpgName = response.data.name;
}else if(this.fileType === 'ssg'){
this.form.ssg = response.data.id;
this.form.ssgName = response.data.name;
}else if(this.fileType === 'zqyjg'){
this.form.zqyjg = response.data.id;
this.form.zqyjgName = response.data.name;
}else if(this.fileType === 'jdwj'){
this.form.jdwj = response.data.id;
this.form.jdwjName = response.data.name;
}else if(this.fileType === 'kwj'){
this.form.kwj = response.data.id;
this.form.kwjName = response.data.name;
}else if(this.fileType === 'xgd'){
this.form.xgd = response.data.id;
this.form.xgdName = response.data.name;
}else if(this.fileType === 'glwj'){
this.form.glwj = response.data.id;
this.form.glwjName = response.data.name;
}else if(this.fileType === 'ca'){
this.form.ca = response.data.id;
this.form.caName = response.data.name;
}
this.$message({
showClose: true,
message: response.message,
type: 'success'
})
}
},
fileUpload (type) {
this.fileType = '';
this.fileMadel = true
this.fileType = type;
},
popoverHide (checkedIds, checkedData) { popoverHide (checkedIds, checkedData) {
console.log(checkedIds); console.log(checkedIds);
console.log(checkedData); console.log(checkedData);
src/pages/processCenter/pages/creatProcess/bzrk/step2.vue
+40 -30
View File
@@ -208,41 +208,41 @@
<div class="prc-content-border"> <div class="prc-content-border">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgd" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgdName" class="add-form-item form-item-disabled">
<div v-if="form.xgd"> <div v-if="form.xgdName">
{{ form.xgd }} {{ form.xgdName }}
</div> </div>
<div v-else> <div v-else>
- - - -
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="发布稿" prop="fbgbjbd" class="add-form-item form-item-disabled"> <el-form-item label="发布稿" prop="fbgbjbdName" class="add-form-item form-item-disabled">
<div v-if="form.fbgbjbd"> <div v-if="form.fbgbjbdName">
{{ form.fbgbjbd }} {{ form.fbgbjbdName }}
</div> </div>
<div v-else> <div v-else>
- - - -
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbd" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbdName" class="add-form-item form-item-disabled">
<div v-if="form.zbjbd"> <div v-if="form.zbjbdName">
{{ form.zbjbd }} {{ form.zbjbdName }}
</div> </div>
<div v-else> <div v-else>
- - - -
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpg" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpgName" class="add-form-item form-item-disabled">
<div v-if="form.bpg"> <div v-if="form.bpgName">
{{ form.bpg }} {{ form.bpgName }}
</div> </div>
<div v-else> <div v-else>
- - - -
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssg" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssgName" class="add-form-item form-item-disabled">
<div v-if="form.ssg"> <div v-if="form.ssgName">
{{ form.ssg }} {{ form.ssgName }}
</div> </div>
<div v-else> <div v-else>
- - - -
@@ -250,33 +250,33 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwj" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwjName" class="add-form-item form-item-disabled">
<div v-if="form.kwj"> <div v-if="form.kwjName">
{{ form.kwj }} {{ form.kwjName }}
</div> </div>
<div v-else> <div v-else>
- - - -
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjg" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjgName" class="add-form-item form-item-disabled">
<div v-if="form.zqyjg"> <div v-if="form.zqyjgName">
{{ form.zqyjg }} {{ form.zqyjgName }}
</div> </div>
<div v-else> <div v-else>
- - - -
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="草案" prop="ca" class="add-form-item form-item-disabled"> <el-form-item label="草案" prop="caName" class="add-form-item form-item-disabled">
<div v-if="form.ca"> <div v-if="form.caName">
{{ form.ca }} {{ form.caName }}
</div> </div>
<div v-else> <div v-else>
- - - -
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwj" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwjName" class="add-form-item form-item-disabled">
<div v-if="form.jdwj"> <div v-if="form.jdwjName">
{{ form.jdwj }} {{ form.jdwjName }}
</div> </div>
<div v-else> <div v-else>
- - - -
@@ -473,9 +473,9 @@
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="关联文件" prop="glwj" class="add-form-item form-item-disabled"> <el-form-item label="关联文件" prop="glwjName" class="add-form-item form-item-disabled">
<div v-if="form.glwj"> <div v-if="form.glwjName">
{{ form.glwj }} {{ form.glwjName }}
</div> </div>
<div v-else> <div v-else>
- - - -
@@ -730,6 +730,16 @@
jdwj: '', // 解读文件 jdwj: '', // 解读文件
zbjbd: '', // 增补件 zbjbd: '', // 增补件
kwj: '', // 勘误件 kwj: '', // 勘误件
caName: '', // 草案
fbgbjbdName: '', // 发布稿
xgdName: '', // 修改单
bpgName: '', // 报批稿
ssgName: '', // 送审稿
zqyjgName: '', // 征求意见稿
jdwjName: '', // 解读文件
zbjbdName: '', // 增补件
kwjName: '', // 勘误件
glwjName: '', // 关联文件
// 适用范围 // 适用范围
txlb: '', // 体系类别 txlb: '', // 体系类别
gkdw: '', // 归口管理部门 gkdw: '', // 归口管理部门
src/pages/processCenter/pages/creatProcess/bzrk/step3.vue
+40 -30
View File
@@ -201,41 +201,41 @@
<div class="prc-content-border"> <div class="prc-content-border">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgd" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgdName" class="add-form-item form-item-disabled">
<div v-if="form.xgd"> <div v-if="form.xgdName">
{{ form.xgd }} {{ form.xgdName }}
</div> </div>
<div v-else> <div v-else>
- - - -
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="发布稿" prop="fbgbjbd" class="add-form-item form-item-disabled"> <el-form-item label="发布稿" prop="fbgbjbdName" class="add-form-item form-item-disabled">
<div v-if="form.fbgbjbd"> <div v-if="form.fbgbjbdName">
{{ form.fbgbjbd }} {{ form.fbgbjbdName }}
</div> </div>
<div v-else> <div v-else>
- - - -
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbd" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbdName" class="add-form-item form-item-disabled">
<div v-if="form.zbjbd"> <div v-if="form.zbjbdName">
{{ form.zbjbd }} {{ form.zbjbdName }}
</div> </div>
<div v-else> <div v-else>
- - - -
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpg" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpgName" class="add-form-item form-item-disabled">
<div v-if="form.bpg"> <div v-if="form.bpgName">
{{ form.bpg }} {{ form.bpgName }}
</div> </div>
<div v-else> <div v-else>
- - - -
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssg" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssgName" class="add-form-item form-item-disabled">
<div v-if="form.ssg"> <div v-if="form.ssgName">
{{ form.ssg }} {{ form.ssgName }}
</div> </div>
<div v-else> <div v-else>
- - - -
@@ -243,33 +243,33 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwj" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwjName" class="add-form-item form-item-disabled">
<div v-if="form.kwj"> <div v-if="form.kwjName">
{{ form.kwj }} {{ form.kwjName }}
</div> </div>
<div v-else> <div v-else>
- - - -
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjg" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjgName" class="add-form-item form-item-disabled">
<div v-if="form.zqyjg"> <div v-if="form.zqyjgName">
{{ form.zqyjg }} {{ form.zqyjgName }}
</div> </div>
<div v-else> <div v-else>
- - - -
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="草案" prop="ca" class="add-form-item form-item-disabled"> <el-form-item label="草案" prop="caName" class="add-form-item form-item-disabled">
<div v-if="form.ca"> <div v-if="form.caName">
{{ form.ca }} {{ form.caName }}
</div> </div>
<div v-else> <div v-else>
- - - -
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwj" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwjName" class="add-form-item form-item-disabled">
<div v-if="form.jdwj"> <div v-if="form.jdwjName">
{{ form.jdwj }} {{ form.jdwjName }}
</div> </div>
<div v-else> <div v-else>
- - - -
@@ -466,9 +466,9 @@
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="关联文件" prop="glwj" class="add-form-item form-item-disabled"> <el-form-item label="关联文件" prop="glwjName" class="add-form-item form-item-disabled">
<div v-if="form.glwj"> <div v-if="form.glwjName">
{{ form.glwj }} {{ form.glwjName }}
</div> </div>
<div v-else> <div v-else>
- - - -
@@ -722,6 +722,16 @@ export default {
jdwj: '', // 解读文件 jdwj: '', // 解读文件
zbjbd: '', // 增补件 zbjbd: '', // 增补件
kwj: '', // 勘误件 kwj: '', // 勘误件
caName: '', // 草案
fbgbjbdName: '', // 发布稿
xgdName: '', // 修改单
bpgName: '', // 报批稿
ssgName: '', // 送审稿
zqyjgName: '', // 征求意见稿
jdwjName: '', // 解读文件
zbjbdName: '', // 增补件
kwjName: '', // 勘误件
glwjName: '', // 关联文件
// 适用范围 // 适用范围
txlb: '', // 体系类别 txlb: '', // 体系类别
gkdw: '', // 归口管理部门 gkdw: '', // 归口管理部门
src/pages/processCenter/pages/creatProcess/bzrk/step4.vue
+334 -40
View File
@@ -188,78 +188,258 @@
<div class="prc-content-border"> <div class="prc-content-border">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgd" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgdName" class="add-form-item form-item-disabled">
<div v-if="form.xgd"> <el-input
{{ form.xgd }} disabled
style="display: none;"
v-model="form.xgdName"
clearable
></el-input>
<div v-if="form.xgdName">
{{ form.xgdName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('xgd')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
- - <el-button
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('xgd')">
点击上传
</el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="发布稿" prop="fbgbjbd" class="add-form-item form-item-disabled"> <el-form-item label="发布稿" prop="fbgbjbdName" class="add-form-item form-item-disabled">
<div v-if="form.fbgbjbd"> <el-input
{{ form.fbgbjbd }} disabled
style="display: none;"
v-model="form.fbgbjbdName"
clearable
></el-input>
<div v-if="form.fbgbjbdName">
{{ form.fbgbjbdName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('fbgbjbd')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
- - <el-button
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('fbgbjbd')">
点击上传
</el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbd" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbdName" class="add-form-item form-item-disabled">
<div v-if="form.zbjbd"> <el-input
{{ form.zbjbd }} disabled
style="display: none;"
v-model="form.zbjbdName"
clearable
></el-input>
<div v-if="form.zbjbdName">
{{ form.zbjbdName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('zbjbd')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
- - <el-button
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('zbjbd')">
点击上传
</el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpg" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpgName" class="add-form-item form-item-disabled">
<div v-if="form.bpg"> <el-input
{{ form.bpg }} disabled
style="display: none;"
v-model="form.bpgName"
clearable
></el-input>
<div v-if="form.bpgName">
{{ form.bpgName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('bpg')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
- - <el-button
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('bpg')">
点击上传
</el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssg" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssgName" class="add-form-item form-item-disabled">
<div v-if="form.ssg"> <el-input
{{ form.ssg }} disabled
style="display: none;"
v-model="form.ssgName"
clearable
></el-input>
<div v-if="form.ssgName">
{{ form.ssgName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('ssg')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
- - <el-button
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('ssg')">
点击上传
</el-button>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwj" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwjName" class="add-form-item form-item-disabled">
<div v-if="form.kwj"> <el-input
{{ form.kwj }} disabled
style="display: none;"
v-model="form.kwjName"
clearable
></el-input>
<div v-if="form.kwjName">
{{ form.kwjName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('kwj')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
- - <el-button
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('kwj')">
点击上传
</el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjg" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjgName" class="add-form-item form-item-disabled">
<div v-if="form.zqyjg"> <el-input
{{ form.zqyjg }} disabled
style="display: none;"
v-model="form.zqyjgName"
clearable
></el-input>
<div v-if="form.zqyjgName">
{{ form.zqyjgName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('zqyjg')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
- - <el-button
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('zqyjg')">
点击上传
</el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="草案" prop="ca" class="add-form-item form-item-disabled"> <el-form-item label="草案" prop="caName" class="add-form-item form-item-disabled">
<div v-if="form.ca"> <el-input
{{ form.ca }} disabled
style="display: none;"
v-model="form.caName"
clearable
></el-input>
<div v-if="form.caName">
{{ form.caName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('ca')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
- - <el-button
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('ca')">
点击上传
</el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwj" class="add-form-item form-item-disabled"> <el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwjName" class="add-form-item form-item-disabled">
<div v-if="form.jdwj"> <el-input
{{ form.jdwj }} disabled
style="display: none;"
v-model="form.jdwjName"
clearable
></el-input>
<div v-if="form.jdwjName">
{{ form.jdwjName }}
<el-button
type="primary"
class="common-button-primary"
size="mini"
style="margin-left: 10px"
@click="fileUpload('jdwj')">
重新上传
</el-button>
</div> </div>
<div v-else> <div v-else>
- - <el-button
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('jdwj')">
点击上传
</el-button>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
@@ -446,12 +626,24 @@
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="关联文件" prop="glwj" class="add-form-item form-item-disabled"> <el-form-item label="关联文件" prop="glwjName" class="add-form-item form-item-disabled">
<div v-if="form.glwj"> <el-input
{{ form.glwj }} disabled
style="display: none;"
v-model="form.glwjName"
clearable
></el-input>
<div v-if="form.glwjName">
{{ form.glwjName }}
</div> </div>
<div v-else> <div v-else>
- - <el-button
type="primary"
class="common-button-primary"
size="mini"
@click="fileUpload('glwj')">
点击上传
</el-button>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
@@ -633,6 +825,24 @@
@submit="handleSubmit" @submit="handleSubmit"
> >
</ProcessFooter> </ProcessFooter>
<el-dialog width='400px' :visible.sync="fileMadel" title="上传文件">
<el-upload
multiple
drag
:action="fileUrl"
ref="importfile"
name="file"
accept=".ZIP, .zip, .doc, .DOC, .docx, .DOCX, .xls, .xlsx"
:before-upload="beginImportFile"
:on-success="importFileSuccess"
:show-file-list="false"
>
<div style="padding: 20px 0">
<i class="el-icon-upload" style="color: #3399ff"></i>
<p>点击或拖拽上传文件</p>
</div>
</el-upload>
</el-dialog>
</div> </div>
</template> </template>
@@ -667,6 +877,9 @@ export default {
nodeKey: 'id', nodeKey: 'id',
defaultCheckedKeys: [], defaultCheckedKeys: [],
treeStatus:false, treeStatus:false,
fileUrl: 'api/att/attFile/upload',
fileMadel: false,
fileType: '',
form: { form: {
// 基础信息 // 基础信息
textStatus: '', // 文本状态 textStatus: '', // 文本状态
@@ -700,6 +913,16 @@ export default {
jdwj: '', // 解读文件 jdwj: '', // 解读文件
zbjbd: '', // 增补件 zbjbd: '', // 增补件
kwj: '', // 勘误件 kwj: '', // 勘误件
caName: '', // 草案
fbgbjbdName: '', // 发布稿
xgdName: '', // 修改单
bpgName: '', // 报批稿
ssgName: '', // 送审稿
zqyjgName: '', // 征求意见稿
jdwjName: '', // 解读文件
zbjbdName: '', // 增补件
kwjName: '', // 勘误件
glwjName: '', // 关联文件
// 适用范围 // 适用范围
txlb: '', // 体系类别 txlb: '', // 体系类别
gkdw: '', // 归口管理部门 gkdw: '', // 归口管理部门
@@ -769,6 +992,77 @@ export default {
}, },
}, },
methods: { methods: {
beginImportFile (file) {
var filename = file.name
var index1 = filename.lastIndexOf('.')
var index2 = filename.length
var fileSuffix = filename.substring(index1, index2)
// const fileSuffix = file.name.split('.')[1] // 后缀名
// 判断上传文件格式
if (fileSuffix === '.ZIP' || fileSuffix === '.doc' || fileSuffix === '.DOC' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx') {
return true
} else {
this.spinShow = false
this.$message.error('文件' + file.name + '格式不正确，请上传ZIP/DOC/DOCX或XLS文件')
return false
}
// 判断文件上传大小
// eslint-disable-next-line no-unreachable
if (file.size / 1024 / 1024 <= 200) {
return true
} else {
this.$message.error('文件' + file.name + '大小不超过200M')
return false
}
return true
},
// 导入标准数据成功后执行
importFileSuccess (response, file) {
if (response.ok) {
this.fileMadel = false
if(this.fileType === 'fbgbjbd'){
this.form.fbgbjbd = response.data.id;
this.form.fbgbjbdName = response.data.name;
}else if(this.fileType === 'xgd'){
this.form.xgd = response.data.id;
this.form.xgdName = response.data.name;
}else if(this.fileType === 'bpg'){
this.form.bpg = response.data.id;
this.form.bpgName = response.data.name;
}else if(this.fileType === 'ssg'){
this.form.ssg = response.data.id;
this.form.ssgName = response.data.name;
}else if(this.fileType === 'zqyjg'){
this.form.zqyjg = response.data.id;
this.form.zqyjgName = response.data.name;
}else if(this.fileType === 'jdwj'){
this.form.jdwj = response.data.id;
this.form.jdwjName = response.data.name;
}else if(this.fileType === 'kwj'){
this.form.kwj = response.data.id;
this.form.kwjName = response.data.name;
}else if(this.fileType === 'xgd'){
this.form.xgd = response.data.id;
this.form.xgdName = response.data.name;
}else if(this.fileType === 'glwj'){
this.form.glwj = response.data.id;
this.form.glwjName = response.data.name;
}else if(this.fileType === 'ca'){
this.form.ca = response.data.id;
this.form.caName = response.data.name;
}
this.$message({
showClose: true,
message: response.message,
type: 'success'
})
}
},
fileUpload (type) {
this.fileType = '';
this.fileMadel = true
this.fileType = type;
},
popoverHide (checkedIds, checkedData) { popoverHide (checkedIds, checkedData) {
console.log(checkedIds); console.log(checkedIds);
console.log(checkedData); console.log(checkedData);