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

清单提交字段 关于附件问题

Browse Source
This commit is contained in:
yuezhihang
2021-07-22 17:14:35 +08:00
parent fbe1d5d698
commit 2c4f51824a
1 changed files with 871 additions and 849 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/processCenter/pages/creatProcess/bzqdfb/step1.vue
+115 -93
View File
@@ -9,7 +9,7 @@
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div> <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
<div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div> <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
</div> </div>
<div class="content" v-show ="active === '1'"> <div class="content" v-show="active === '1'">
<div style="flex: auto; overflow: auto"> <div style="flex: auto; overflow: auto">
<process-title> <process-title>
<template slot="title">基础信息</template> <template slot="title">基础信息</template>
@@ -29,7 +29,9 @@
<el-radio label="project">项目清单</el-radio> <el-radio label="project">项目清单</el-radio>
<el-radio label="other">其他清单</el-radio> <el-radio label="other">其他清单</el-radio>
</el-radio-group> </el-radio-group>
<el-button size="mini" type="primary" style="margin-left: 40px;" @click="choiceShow">选择清单</el-button> <el-button size="mini" type="primary" style="margin-left: 40px;" @click="choiceShow">
选择清单
</el-button>
</el-form-item> </el-form-item>
<el-form-item label="清单名称" prop="listName" class="add-form-item form-item-disabled"> <el-form-item label="清单名称" prop="listName" class="add-form-item form-item-disabled">
<el-input <el-input
@@ -39,27 +41,27 @@
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="适用区域" prop="applyRegion" class="add-form-item form-item-disabled add-form-el-select">--> <!-- <el-form-item label="适用区域" prop="applyRegion" class="add-form-item form-item-disabled add-form-el-select">-->
<!--&lt;!&ndash; <el-input&ndash;&gt;--> <!--&lt;!&ndash; <el-input&ndash;&gt;-->
<!--&lt;!&ndash; v-model="listForm.applyRegion"&ndash;&gt;--> <!--&lt;!&ndash; v-model="listForm.applyRegion"&ndash;&gt;-->
<!--&lt;!&ndash; placeholder="请输入适用区域"&ndash;&gt;--> <!--&lt;!&ndash; placeholder="请输入适用区域"&ndash;&gt;-->
<!--&lt;!&ndash; clearable&ndash;&gt;--> <!--&lt;!&ndash; clearable&ndash;&gt;-->
<!--&lt;!&ndash; ></el-input>&ndash;&gt;--> <!--&lt;!&ndash; ></el-input>&ndash;&gt;-->
<!-- <el-select--> <!-- <el-select-->
<!-- width="120"--> <!-- width="120"-->
<!-- v-model="listForm.applyRegion"--> <!-- v-model="listForm.applyRegion"-->
<!-- placeholder="请选择适用区域"--> <!-- placeholder="请选择适用区域"-->
<!-- filterable--> <!-- filterable-->
<!-- >--> <!-- >-->
<!-- <el-option--> <!-- <el-option-->
<!-- v-for="item in countryOptions"--> <!-- v-for="item in countryOptions"-->
<!-- :value="item.value"--> <!-- :value="item.value"-->
<!-- :key="item.value"--> <!-- :key="item.value"-->
<!-- :label="item.label"--> <!-- :label="item.label"-->
<!-- >--> <!-- >-->
<!-- </el-option>--> <!-- </el-option>-->
<!-- </el-select>--> <!-- </el-select>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item label="清单说明" prop="descriptionList" class="add-form-item form-item-disabled"> <el-form-item label="清单说明" prop="descriptionList" class="add-form-item form-item-disabled">
<el-input <el-input
v-model="listForm.descriptionList" v-model="listForm.descriptionList"
@@ -67,26 +69,26 @@
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="附件" prop="modelName" class="add-form-item form-item-disabled">--> <!-- <el-form-item label="附件" prop="modelName" class="add-form-item form-item-disabled">-->
<!-- <el-input--> <!-- <el-input-->
<!-- disabled--> <!-- disabled-->
<!-- style="display: none;"--> <!-- style="display: none;"-->
<!-- v-model="listForm.modelName"--> <!-- v-model="listForm.modelName"-->
<!-- clearable--> <!-- clearable-->
<!-- ></el-input>--> <!-- ></el-input>-->
<!-- <div v-if="listForm.modelName" @click="fileUpload" class="fileClass">--> <!-- <div v-if="listForm.modelName" @click="fileUpload" class="fileClass">-->
<!-- {{ listForm.modelName }}--> <!-- {{ listForm.modelName }}-->
<!-- </div>--> <!-- </div>-->
<!-- <div v-else>--> <!-- <div v-else>-->
<!-- <el-button--> <!-- <el-button-->
<!-- type="primary"--> <!-- type="primary"-->
<!-- class="common-button-primary"--> <!-- class="common-button-primary"-->
<!-- @click="fileUpload"--> <!-- @click="fileUpload"-->
<!-- size="mini">--> <!-- size="mini">-->
<!-- 点击上传--> <!-- 点击上传-->
<!-- </el-button>--> <!-- </el-button>-->
<!-- </div>--> <!-- </div>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item label="附件" prop="fileId" class="add-form-item form-item-disabled"> <el-form-item label="附件" prop="fileId" class="add-form-item form-item-disabled">
<el-upload <el-upload
v-if="listForm.fileId == null || this.listForm.fileId== 'undefined' || this.listForm.fileId == '' " v-if="listForm.fileId == null || this.listForm.fileId== 'undefined' || this.listForm.fileId == '' "
@@ -202,12 +204,14 @@
<h4>标准/政策法规工程师</h4> <h4>标准/政策法规工程师</h4>
<div style="margin-top: 10px;width: 300px;"> <div style="margin-top: 10px;width: 300px;">
<el-input v-model="roleForm.startUser" style="display: none;"></el-input> <el-input v-model="roleForm.startUser" style="display: none;"></el-input>
<el-input v-model="roleForm.startUserName" placeholder="流程发起人" disabled></el-input> <el-input v-model="roleForm.startUserName" placeholder="流程发起人"
disabled></el-input>
</div> </div>
</el-form-item> </el-form-item>
</el-card> </el-card>
</el-timeline-item> </el-timeline-item>
<el-timeline-item timestamp="选择会签责任人,填写意见" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''" v-if="signFlag === '1'"> <el-timeline-item timestamp="选择会签责任人,填写意见" placement="top"
:color="roleForm.dockUser ? '#66b1ff' : ''" v-if="signFlag === '1'">
<el-card> <el-card>
<el-form-item prop="dockUserName" style="margin-bottom: 0"> <el-form-item prop="dockUserName" style="margin-bottom: 0">
<h4>会签人</h4> <h4>会签人</h4>
@@ -220,7 +224,8 @@
</el-form-item> </el-form-item>
</el-card> </el-card>
</el-timeline-item> </el-timeline-item>
<el-timeline-item timestamp="选择会签责任人,填写意见" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''" v-if="signFlag === '2'"> <el-timeline-item timestamp="选择会签责任人,填写意见" placement="top"
:color="roleForm.dockUser ? '#66b1ff' : ''" v-if="signFlag === '2'">
<el-card> <el-card>
<el-form-item prop="dockUserName2" style="margin-bottom: 0"> <el-form-item prop="dockUserName2" style="margin-bottom: 0">
<h4>会签人</h4> <h4>会签人</h4>
@@ -233,7 +238,8 @@
</el-form-item> </el-form-item>
</el-card> </el-card>
</el-timeline-item> </el-timeline-item>
<el-timeline-item timestamp="根据会签意见修订" placement="top" :color="roleForm.ministerUser ? '#66b1ff' : ''"> <el-timeline-item timestamp="根据会签意见修订" placement="top"
:color="roleForm.ministerUser ? '#66b1ff' : ''">
<el-card> <el-card>
<el-form-item prop="ministerUserName" style="margin-bottom: 0"> <el-form-item prop="ministerUserName" style="margin-bottom: 0">
<h4>标准/政策法规工程师</h4> <h4>标准/政策法规工程师</h4>
@@ -245,7 +251,8 @@
</el-form-item> </el-form-item>
</el-card> </el-card>
</el-timeline-item> </el-timeline-item>
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.directorUser ? '#66b1ff' : ''"> <el-timeline-item timestamp="审批" placement="top"
:color="roleForm.directorUser ? '#66b1ff' : ''">
<el-card> <el-card>
<el-form-item prop="directorUserName" style="margin-bottom: 0"> <el-form-item prop="directorUserName" style="margin-bottom: 0">
<h4>业务经理</h4> <h4>业务经理</h4>
@@ -272,22 +279,23 @@
<div style="position: absolute;bottom: 48px;top:60px;left: 0;right: 0"> <div style="position: absolute;bottom: 48px;top:60px;left: 0;right: 0">
<div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0"> <div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0">
<div class="left"> <div class="left">
<el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form" style="margin-left:10px"> <el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form"
<!-- <el-form-item label="国家/地区" class="search-item search-item-last">--> style="margin-left:10px">
<!-- <el-select--> <!-- <el-form-item label="国家/地区" class="search-item search-item-last">-->
<!-- v-model="sarSarAccessEOSearch.countryArea"--> <!-- <el-select-->
<!-- placeholder="请选择"--> <!-- v-model="sarSarAccessEOSearch.countryArea"-->
<!-- filterable--> <!-- placeholder="请选择"-->
<!-- >--> <!-- filterable-->
<!-- <el-option--> <!-- >-->
<!-- v-for="item in countryOptions"--> <!-- <el-option-->
<!-- :value="item.value"--> <!-- v-for="item in countryOptions"-->
<!-- :key="item.value"--> <!-- :value="item.value"-->
<!-- :label="item.label"--> <!-- :key="item.value"-->
<!-- >--> <!-- :label="item.label"-->
<!-- </el-option>--> <!-- >-->
<!-- </el-select>--> <!-- </el-option>-->
<!-- </el-form-item>--> <!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="清单名称" class="search-item search-item-last"> <el-form-item label="清单名称" class="search-item search-item-last">
<el-input <el-input
v-model="sarSarAccessEOSearch.detailedListName" v-model="sarSarAccessEOSearch.detailedListName"
@@ -343,7 +351,8 @@
align="center" align="center"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a> <a class="table-jump" @click.stop="showTable(scope.row)">{{
scope.row.detailedListName }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -383,7 +392,8 @@
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div> <div>
{{ scope.row.updateTime ? $moment(scope.row.updateTime).format("YYYY-MM-DD hh:mm:ss") : scope.row.updateTime {{ scope.row.updateTime ? $moment(scope.row.updateTime).format("YYYY-MM-DD
hh:mm:ss") : scope.row.updateTime
}} }}
</div> </div>
</template> </template>
@@ -422,7 +432,8 @@
align="center" align="center"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a> <a class="table-jump" @click.stop="showTable(scope.row)">{{
scope.row.detailedListName }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -462,7 +473,8 @@
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div> <div>
{{ scope.row.updateTime ? $moment(scope.row.updateTime).format("YYYY-MM-DD hh:mm:ss") : scope.row.updateTime {{ scope.row.updateTime ? $moment(scope.row.updateTime).format("YYYY-MM-DD
hh:mm:ss") : scope.row.updateTime
}} }}
</div> </div>
</template> </template>
@@ -501,7 +513,8 @@
align="center" align="center"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a class="table-jump" @click.stop="showTable(scope.row)">{{ scope.row.detailedListName }}</a> <a class="table-jump" @click.stop="showTable(scope.row)">{{
scope.row.detailedListName }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
@@ -541,7 +554,8 @@
align="center"> align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div> <div>
{{ scope.row.updateTime ? $moment(scope.row.updateTime).format("YYYY-MM-DD hh:mm:ss") : scope.row.updateTime {{ scope.row.updateTime ? $moment(scope.row.updateTime).format("YYYY-MM-DD
hh:mm:ss") : scope.row.updateTime
}} }}
</div> </div>
</template> </template>
@@ -578,7 +592,8 @@
<div style="position: absolute;bottom: 48px;top:60px;left: 0;right: 0"> <div style="position: absolute;bottom: 48px;top:60px;left: 0;right: 0">
<div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0"> <div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0">
<div class="left"> <div class="left">
<el-form :modal="standardSearch" :inline="true" class="label-input-form" style="margin-left:10px"> <el-form :modal="standardSearch" :inline="true" class="label-input-form"
style="margin-left:10px">
<el-form-item label="类型" class="search-item search-item-last"> <el-form-item label="类型" class="search-item search-item-last">
<el-select <el-select
@change="typeChange" @change="typeChange"
@@ -645,9 +660,11 @@
label="标准号"> label="标准号">
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="scope.row.standYear" class="table-jump" <a v-if="scope.row.standYear" class="table-jump"
@click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{
scope.row.standNumber
}}-{{ scope.row.standYear }}</a> }}-{{ scope.row.standYear }}</a>
<a v-else @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standSortShow }} <a v-else @click="handlePreview(scope.row)" class="table-jump">{{
scope.row.standSortShow }}
{{ scope.row.standNumber }}</a> {{ scope.row.standNumber }}</a>
</template> </template>
</el-table-column> </el-table-column>
@@ -728,10 +745,12 @@
ref="tree"> ref="tree">
</el-tree> </el-tree>
<div id="roleFormButton" class="demo-drawer-footer"> <div id="roleFormButton" class="demo-drawer-footer">
<el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary" @click="saveUserInfo"> <el-button class="common-button-primary" size="mini" icon="el-icon-check" type="primary"
@click="saveUserInfo">
确定 确定
</el-button> </el-button>
<el-button class="common-button-default" size="mini" icon="el-icon-close" @click="cancleUserInfo">取消</el-button> <el-button class="common-button-default" size="mini" icon="el-icon-close" @click="cancleUserInfo">取消
</el-button>
</div> </div>
</el-drawer> </el-drawer>
<el-dialog width='400px' :visible.sync="fileMadel" title="上传文件"> <el-dialog width='400px' :visible.sync="fileMadel" title="上传文件">
@@ -756,11 +775,11 @@
</template> </template>
<script> <script>
import ProcessHeader from "../../components/ProcessHeader"; import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter"; import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle"; import ProcessTitle from "../../components/ProcessTitle";
import { saveTaskFirst } from "api/process"; import {saveTaskFirst} from "api/process";
import seeDatalis from "@/pages/localTool/standContrast/pages/seeDatalis"; import seeDatalis from "@/pages/localTool/standContrast/pages/seeDatalis";
export default { export default {
name: "bzqdfbStep1", name: "bzqdfbStep1",
@@ -833,6 +852,7 @@ export default {
sarAccessListDatas: [], //国家地区清单表格 sarAccessListDatas: [], //国家地区清单表格
uploadFileListPath: "api/att/attFile/upload", // 上传的地址 uploadFileListPath: "api/att/attFile/upload", // 上传的地址
fileInfoList: [], // 上传的附件 fileInfoList: [], // 上传的附件
fileIds: [], // 上传的附件
fileListName: [], //上传的附件名称 fileListName: [], //上传的附件名称
standardData: [], //添加标准数据 standardData: [], //添加标准数据
standardData1: [], //添加标准数据 standardData1: [], //添加标准数据
@@ -1064,10 +1084,10 @@ export default {
//提交事件 //提交事件
handleSubmit() { handleSubmit() {
let json = this.listForm; let json = this.listForm;
console.log(this.fileInfoList); this.listForm.fileId = this.fileIds.join(',')
console.log(this.fileInfoList.join(','));
this.listForm.fileId = this.fileInfoList.join(',')
this.listForm.fileName = this.fileListName.join(',') this.listForm.fileName = this.fileListName.join(',')
this.listForm.model=this.listForm.fileId
this.listForm.modelName=this.listForm.fileName
// let json = Object.assign(this.listForm, this.roleForm) // let json = Object.assign(this.listForm, this.roleForm)
json.zrUserId = this.roleForm.dockUser; //会签人 json.zrUserId = this.roleForm.dockUser; //会签人
json.jlUserId = this.roleForm.directorUser; //业务经理 json.jlUserId = this.roleForm.directorUser; //业务经理
@@ -1111,12 +1131,14 @@ export default {
}, },
// 删除上传的文件 // 删除上传的文件
delFileInfo(file, fileList) { delFileInfo(file, fileList) {
this.fileInfoList = fileList
let middle = [] let middle = []
let files=[]
fileList.forEach(item => { fileList.forEach(item => {
middle.push(item.name) middle.push(item.name)
files.push(item.response.data.id)
}) })
this.fileListName = middle this.fileListName = middle
this.fileIds=files
}, },
fileUpload () { fileUpload () {
this.fileMadel = true this.fileMadel = true
@@ -1129,9 +1151,7 @@ export default {
middle.push(item.name) middle.push(item.name)
}) })
this.fileListName = middle this.fileListName = middle
let files = [] this.fileIds.push(file.response.data.id)
this.flielist
// this.fileInfoList = fileList
// this.fileInfoList[this.fileInfoList.length - 1].id = res.data.id // this.fileInfoList[this.fileInfoList.length - 1].id = res.data.id
// this.$message.success('上传成功') // this.$message.success('上传成功')
} else { } else {
@@ -1384,13 +1404,13 @@ export default {
} }
} }
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@import '~@/assets/styles/style'; @import '~@/assets/styles/style';
.bzqdfb-step1 { .bzqdfb-step1 {
/deep/ .el-drawer__container { /deep/ .el-drawer__container {
.prc-content-border { .prc-content-border {
border: none; border: none;
@@ -1456,13 +1476,15 @@ export default {
} }
} }
} }
.add-form-el-select{
/deep/ .el-select{ .add-form-el-select {
/deep/ .el-select {
width: 210px; width: 210px;
} }
} }
.demo-drawer-content { .demo-drawer-content {
margin-top: 10px; margin-top: 10px;
} }
} }
</style> </style>