Skip to content

W
web-purchase
Commit 3364d78b authored by 张冬's avatar 张冬
Browse files
Options

上传凭证和查看

parent 1f0100f7
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 541 additions and 567 deletions
src/api/purchaser/bid.js
View file @ 3364d78b
......@@ -159,6 +159,15 @@ export function createChange(data) {
data: data
})
}
// 发布变更公告
export function editchange(data) {
return request({
url: 'tender-notice/edit-change',
method: 'post',
data: data
})
}
// 变更公告详情
export function noticeChange(id) {
return request({
......
src/api/supply/organization.js 0 → 100644
View file @ 3364d78b
import request from '@/utils/request'
// 上传凭证
export function evidenceOperation(data) {
return request({
url:"bidder-payment/evidence-operation",
method: 'post',
data:data
})
}
\ No newline at end of file
src/components/Upload/imgUpload.vue
View file @ 3364d78b
......@@ -15,6 +15,7 @@
list-type="picture-card">
<i class="el-icon-plus"></i>
</el-upload>
<div slot="tip" class="el-upload__tip">{{ tip }}</div>
<el-dialog :visible.sync="dialogVisible">
<img :src="dialogImageUrl" width="100%" alt="">
</el-dialog>
......@@ -30,6 +31,7 @@ import {
} from '@api/ali-oss'
export default {
props: {
tip: {
type: String,
default: '上传大小不能超过80M'
......@@ -41,13 +43,16 @@ export default {
max: {
type: Number,
default: 2
}
},
fileList:{
type: Array,
default: () => []
},
},
data() {
return {
dialogImageUrl: '',
dialogVisible: false,
fileList: []
}
},
methods: {
......@@ -61,6 +66,7 @@ export default {
},
emitInput(fileList) {
let value = []
console.log(fileList)
for (let i = 0; i < fileList.length; i++) {
let message = {}
message.fileName = fileList[i].name
......
src/pages/purchaser/bid/bidStage/changeList/changeList.vue
View file @ 3364d78b
......@@ -3,8 +3,8 @@
<div class="content">
<dataBreadcrumb :breads="breads"></dataBreadcrumb>
<el-button class="absolute" type="primary" @click="release">发布变更公告</el-button>
<dataTable :columns="columns" :table-top="60" url="notice/list" :page-obj="pageObj">
<el-table-column slot="auditStatus" label="操作" align="center" width="100">
<dataTable :columns="columns" :table-top="100" url="tender-notice/list" :page-obj="pageObj">
<el-table-column slot="auditStatus" label="状态" align="center" width="100">
<template slot-scope="scope">
<div v-if="scope.row.auditStatus==0">未审核</div>
<div v-else-if="scope.row.auditStatus==1">审核通过</div>
......@@ -13,7 +13,7 @@
</el-table-column>
<el-table-column slot="operate" label="操作" align="center" fixed="right" width="100">
<template slot-scope="scope">
<el-button v-if="scope.row.auditStatus===2" type="text" size="small" @click="handleModify(scope.row.id)">修改 </el-button>
<el-button v-if="scope.row.auditStatus===2" type="text" size="small" @click="handleModify(scope.row.noticeId)">修改 </el-button>
<el-button v-else type="text" size="small" @click="handleSee(scope.row.noticeId)">查看 </el-button>
</template>
</el-table-column>
......@@ -76,7 +76,7 @@ export default {
this.$router.push({
path: '/purchaser/bid/bidStage/changeList/changeNotice',
query: {
id:id
id:id
}
})
},
......@@ -86,29 +86,6 @@ export default {
handleSee(id) {
this.$router.push(`/purchaser/bid/bidStage/changeList/see?id=${id}`)
},
/* async getchangeList() {
try {
let projectId=localStorage.getItem("projectId");
const {
data,
code
} = await changeList(projectId)
if (code === 200) {
for (let item of data) {
if (item.auditStatus === 0) {
item.Status = '未审核'
} else if (item.auditStatus === 1) {
item.Status = '审核通过'
} else {
item.Status = '未通过'
}
}
this.tableData = data
}
} catch (e) {
console.log(e)
}
} */
}
}
</script>
......
src/pages/purchaser/bid/bidStage/failList/failList.vue
View file @ 3364d78b
......@@ -3,8 +3,8 @@
<div class="content">
<dataBreadcrumb :breads="breads"></dataBreadcrumb>
<el-button class="absolute" type="primary" @click="release">发布流标公告</el-button>
<dataTable :table-data="tableData" :columns="columns" url="tender-notice/list" :table-top="60" :page-obj="pageObj">
<el-table-column slot="auditStatus" label="操作" align="center" width="100">
<dataTable :table-data="tableData" :columns="columns" url="tender-notice/list" :table-top="100" :page-obj="pageObj">
<el-table-column slot="auditStatus" label="状态" align="center" width="100">
<template slot-scope="scope">
<div v-if="scope.row.auditStatus==0">未审核</div>
<div v-else-if="scope.row.auditStatus==1">审核通过</div>
......@@ -34,7 +34,8 @@ export default {
return {
pageObj: {
size: 10,
currentPage: 1,
currentPage: 1,
noticeType:"ABORTIVE",
func: (currentPage) => {
this.pageTurning(currentPage)
}
......@@ -83,22 +84,6 @@ export default {
handleSee(id) {
this.$router.push(`/purchaser/bid/bidStage/failList/see?id=${id}`)
},
async getabortiveList() {
try {
let message={};
message.projectId=localStorage.getItem("projectId");
message.type="ABORTIVE"
const {
data,
code
} = await simpleList(message)
if (code === 200) {
this.tableData = data
}
} catch (e) {
console.log(e)
}
}
}
}
</script>
......
src/pages/purchaser/bid/bidStage/failList/failNotice.vue
View file @ 3364d78b
<template>
<div>
<div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>{{ title }}</h3>
<h5>{{ title }}</h5>
</div>
<div class="content">
<div class="describe">流标公告</div>
<div class="form">
<el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="120px" class="demo-ruleForm">
<el-form-item label="公告标题" prop="title">
<el-input v-model.trim="ruleForm.title" placeholder="请输入" maxlength="30"></el-input>
</el-form-item>
<el-form-item label="上传附件">
<singleUpload tip="支持扩展名：.rar .zip .doc .docx .pdf .jpg..." @input="getfile"></singleUpload>
</el-form-item>
<el-form-item label="公告内容" prop="content">
<quill-editor ref="text" v-model="ruleForm.content" :options="editorOption" class="myQuillEditor" />
</el-form-item>
</el-form>
<div class="button">
<el-button @click="cancle">取消</el-button>
<el-button type="primary" @click="submit">提交审核</el-button>
</div>
</div>
</div>
</div>
<div>
<div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>{{ title }}</h3>
<h5>{{ title }}</h5>
</div>
<div class="content">
<div class="describe">流标公告</div>
<div class="form">
<el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="120px" class="demo-ruleForm">
<el-form-item label="公告标题" prop="title">
<el-input v-model.trim="ruleForm.title" placeholder="请输入" maxlength="30"></el-input>
</el-form-item>
<el-form-item label="上传附件">
<singleUpload tip="支持扩展名：.rar .zip .doc .docx .pdf .jpg..." @input="getfile"></singleUpload>
</el-form-item>
<el-form-item label="公告内容" prop="content">
<quill-editor ref="text" v-model="ruleForm.content" :options="editorOption" class="myQuillEditor" />
</el-form-item>
</el-form>
<div class="button">
<el-button @click="cancle">取消</el-button>
<el-button type="primary" @click="submit">提交审核</el-button>
</div>
</div>
</div>
</div>
</template>
<script>
import {
createAbortive
} from '@api/purchaser/bid'
import dataBreadcrumb from '@components/dataBreadcrumb.vue'
import singleUpload from '@components/Upload/Upload.vue'
import {
quillEditor
} from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
export default {
components: {
dataBreadcrumb,
singleUpload,
quillEditor
import { createAbortive, noticeAbortive } from '@api/purchaser/bid';
import dataBreadcrumb from '@components/dataBreadcrumb.vue';
import singleUpload from '@components/Upload/Upload.vue';
import { quillEditor } from 'vue-quill-editor';
import 'quill/dist/quill.core.css';
import 'quill/dist/quill.snow.css';
import 'quill/dist/quill.bubble.css';
export default {
components: {
dataBreadcrumb,
singleUpload,
quillEditor
},
data() {
return {
editorOption: {},
title: '发布流标公告',
breads: ['招标管理', '招标项目管理', '工作台'],
ruleForm: {
title: '',
content: '',
accessoryPOList: []
},
rules: {
title: [
{
required: true,
message: '请输入',
trigger: 'blue'
}
],
release: [
{
required: true,
message: '请输入',
trigger: 'blue'
}
],
content: [
{
required: true,
message: '请输入',
trigger: 'blue'
}
]
}
};
},
created() {
let id = this.$route.query.id;
this.id = id;
if (id) {
this.title = '修改流标公告';
this.abortiveDetail(id);
}
},
methods: {
getfile(val) {
this.ruleForm.accessoryPOList = val;
},
cancle() {
this.$router.go(-1);
},
//提交表单
async submit() {
let ruleForm = this.ruleForm;
ruleForm.projectId = localStorage.getItem('projectId');
if (this.id) {
ruleForm.changeId = this.id
}
try {
const valid = await this.$refs['ruleForm'].validate();
if (valid) {
const { code, msg } = await createAbortive(this.ruleForm);
if (code === 200) {
this.$message({
message: msg,
type: 'success',
duration: 1500
});
setTimeout(() => {
this.$router.go(-1);
}, 1500);
} else {
this.$message.error(msg);
}
}
} catch (err) {
console.log(err);
}
},
data() {
return {
editorOption: {},
title: '发布流标公告',
breads: ['招标管理', '招标项目管理', '工作台'],
ruleForm: {
title: '',
content: '',
accessoryPOList: []
},
rules: {
title: [{
required: true,
message: '请输入',
trigger: 'blue'
}],
release: [{
required: true,
message: '请输入',
trigger: 'blue'
}],
content: [{
required: true,
message: '请输入',
trigger: 'blue'
}]
}
}
},
created() {
let type = this.$route.query.type
console.log(type)
if (type === 'modify') {
this.ruleForm = {
title: '修改',
content: '大修改'
}
this.title = '修改流标公告'
}
},
methods: {
getfile(val){
this.ruleForm.accessoryPOList=val
},
cancle() {
this.$router.go(-1)
},
//提交表单
async submit() {
let ruleForm = this.ruleForm
ruleForm.projectId = localStorage.getItem("projectId")
let type = this.$route.query.type
if (type === 'modify') {
ruleForm.changeId = 1
}
try {
const valid = await this.$refs['ruleForm'].validate()
if (valid) {
const {
code,
msg
} = await createAbortive(this.ruleForm)
if (code === 200) {
this.$message({
message: msg,
type: 'success',
duration: 1500
})
setTimeout(() => {
this.$router.go(-1)
}, 1500)
} else {
this.$message.error(msg)
}
}
} catch (err) {
console.log(err)
}
}
}
}
async abortiveDetail(id) {
try {
const { data, code } = await noticeAbortive(id);
if (code === 200) {
this.ruleForm = data;
}
} catch (e) {
console.log(e);
}
}
}
};
</script>
<style scoped>
.content {
padding: 0;
padding-bottom: 100px;
}
.content {
padding: 0;
padding-bottom: 100px;
}
.button {
width: 200px;
margin: 150px auto 0
}
.button {
width: 200px;
margin: 150px auto 0;
}
</style>
src/pages/purchaser/bid/bidStage/failList/see.vue
View file @ 3364d78b
<template>
<div>
<div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>查看流标公告</h3>
<h5>查看流标公告</h5>
</div>
<div class="content">
<div class="describe">流标公告</div>
<div class="form">
<el-form ref="ruleForm" :model="ruleForm" label-width="120px" class="demo-ruleForm">
<el-form-item label="公告标题">
<div>{{ruleForm.title}}</div>
</el-form-item>
<el-form-item label="上传附件" v-if="ruleForm.accessoryVOList">
<div v-if="ruleForm.accessoryVOList.length==0">无</div>
<ul v-else>
<li v-for="(item,index) in ruleForm.accessoryVOList" :key="index" class="flex">
<div style="margin-right: 10px;">{{item.fileName}}</div>
<el-button size="mini" @click="down(item.accessoryUrl)">下载</el-button>
</li>
</ul>
</el-form-item>
<el-form-item label="公告内容">
<div v-html="ruleForm.content"></div>
</el-form-item>
</el-form>
<div class="button">
<el-button @click="cancle">返回</el-button>
</div>
</div>
</div>
</div>
<div>
<div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>查看流标公告</h3>
<h5>查看流标公告</h5>
</div>
<div class="content">
<div class="describe">流标公告</div>
<div class="form">
<el-form ref="ruleForm" :model="ruleForm" label-width="120px" class="demo-ruleForm">
<el-form-item label="公告标题">
<div>{{ ruleForm.title }}</div>
</el-form-item>
<el-form-item label="上传附件" v-if="ruleForm.accessoryVOList">
<div v-if="ruleForm.accessoryVOList.length == 0">无</div>
<ul v-else>
<li v-for="(item, index) in ruleForm.accessoryVOList" :key="index" class="flex">
<div style="margin-right: 10px">{{ item.fileName }}</div>
<el-button size="mini" @click="down(item.accessoryUrl)">下载</el-button>
</li>
</ul>
</el-form-item>
<el-form-item label="公告内容">
<div v-html="ruleForm.content"></div>
</el-form-item>
</el-form>
<div class="button">
<el-button @click="cancle">返回</el-button>
</div>
</div>
</div>
</div>
</template>
<script>
import {
noticeAbortive
} from '@api/purchaser/bid'
import dataBreadcrumb from '@components/dataBreadcrumb.vue'
import multiUpload from '@components/Upload/multiUpload.vue'
import {
quillEditor
} from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
export default {
components: {
dataBreadcrumb,
multiUpload,
quillEditor
},
data() {
return {
editorOption: {},
breads: ['招标管理', '招标项目管理', '工作台'],
ruleForm: {
title: '',
content: ''
},
rules: {
title: [{
required: true,
message: '请输入',
trigger: 'blue'
}],
release: [{
required: true,
message: '请输入',
trigger: 'blue'
}],
file: [{
required: true,
message: '请输入',
trigger: 'blue'
}],
content: [{
required: true,
message: '请输入',
trigger: 'blue'
}]
}
}
},
created() {
let id = this.$route.query.id
this.abortiveDetail(id)
},
methods: {
cancle() {
this.$router.go(-1)
},
async abortiveDetail(id) {
try {
const {
data,
code
} = await noticeAbortive(id)
if (code === 200) {
this.ruleForm = data
}
} catch (e) {
console.log(e)
}
}
}
}
import { noticeAbortive } from '@api/purchaser/bid';
import dataBreadcrumb from '@components/dataBreadcrumb.vue';
import multiUpload from '@components/Upload/multiUpload.vue';
import { quillEditor } from 'vue-quill-editor';
import 'quill/dist/quill.core.css';
import 'quill/dist/quill.snow.css';
import 'quill/dist/quill.bubble.css';
export default {
components: {
dataBreadcrumb,
multiUpload,
quillEditor
},
data() {
return {
editorOption: {},
breads: ['招标管理', '招标项目管理', '工作台'],
ruleForm: {
title: '',
content: ''
},
rules: {
title: [
{
required: true,
message: '请输入',
trigger: 'blue'
}
],
release: [
{
required: true,
message: '请输入',
trigger: 'blue'
}
],
file: [
{
required: true,
message: '请输入',
trigger: 'blue'
}
],
content: [
{
required: true,
message: '请输入',
trigger: 'blue'
}
]
}
};
},
created() {
let id = this.$route.query.id;
this.abortiveDetail(id);
},
methods: {
cancle() {
this.$router.go(-1);
},
async abortiveDetail(id) {
try {
const { data, code } = await noticeAbortive(id);
if (code === 200) {
this.ruleForm = data;
}
} catch (e) {
console.log(e);
}
}
}
};
</script>
<style scoped>
.content {
padding: 0;
padding-bottom: 100px;
}
.content {
padding: 0;
padding-bottom: 100px;
}
.button {
width: 200px;
margin: 150px auto 0
}
.button {
width: 200px;
margin: 150px auto 0;
}
</style>
src/pages/purchaser/buyOut/contractSign.vue
View file @ 3364d78b
......@@ -52,7 +52,7 @@
created() {
this.id=this.$route.params.id
this.url=this.$route.params.url
this.getcontract()
// this.getcontract()
},
methods: {
back() {
......@@ -71,42 +71,42 @@
down(url){
window.open(url)
},
// 查看详情
async getcontract(){
let projectId=this.id
const {
data,
code
} = await contract(projectId)
if(code==200){
this.detail=data
}
},
// // 查看详情
// async getcontract(){
// let projectId=this.id
// const {
// data,
// code
// } = await contract(projectId)
// if(code==200){
// this.detail=data
// }
// },
// 提出
async submitData() {
try {
let projectId = this.id
const {
msg,
code
} = await signContract(projectId)
if (code == 200) {
this.$message({
message: msg,
type: 'success',
duration: 1500
})
setTimeout(() => {
this.$router.go(-1)
}, 1500)
// async submitData() {
// try {
// let projectId = this.id
// const {
// msg,
// code
// } = await signContract(projectId)
// if (code == 200) {
// this.$message({
// message: msg,
// type: 'success',
// duration: 1500
// })
// setTimeout(() => {
// this.$router.go(-1)
// }, 1500)
}else{
this.$message.error(msg)
}
} catch (e) {
console.log(e)
}
},
// }else{
// this.$message.error(msg)
// }
// } catch (e) {
// console.log(e)
// }
// },
}
}
......
src/pages/purchaser/buyOut/voucherSee.vue
View file @ 3364d78b
<template>
<div>
<div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>查看凭证</h3>
<h5>查看应收账款等凭证</h5>
</div>
<div class="content">
<div class="flex-item">
<div>下载合同：</div>
<ul>
<li class="flex-item">
<div>合同名字.pdf</div>
<el-button size="mini">下载</el-button>
</li>
</ul>
</div>
<div class="flex" style="margin-top: 50px;">
<div>查看图片：</div>
<div class="img-list flex">
<div v-for="(item,index) in imgList" :key="index">
<el-image :src="item" :preview-src-list="srcList" style="width: 100px; height: 100px">
</el-image>
</div>
<div>
<div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>查看凭证</h3>
<h5>查看应收账款等凭证</h5>
</div>
<div class="content">
<div class="flex">
<div>查看图片：</div>
<div class="img-list flex">
<div v-for="(item, index) in imgList" :key="index">
<el-image :src="item.fileUrl" :preview-src-list="srcList" style="width: 100px; height: 100px"> </el-image>
</div>
</div>
</div>
<div class="backButton">
<el-button @click="back">返回</el-button>
</div>
</div>
</div>
<div class="backButton">
<el-button @click="back">返回</el-button>
</div>
</div>
</div>
</template>
<script>
import {
evidenceDetail
} from '@api/purchaser/buyOut'
import dataBreadcrumb from '@components/dataBreadcrumb.vue'
import { evidenceDetail } from '@api/purchaser/buyOut';
import dataBreadcrumb from '@components/dataBreadcrumb.vue';
export default {
components: {
dataBreadcrumb
},
data() {
return {
imgList: ['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'],
breads: ['应收账款买断管理', '应收账款买断列表'],
srcList: [
'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
],
id:""
}
},
methods: {
back() {
this.$router.go(-1)
components: {
dataBreadcrumb
},
// 查看详情
async getevidenceDetail() {
let message={}
message.projectId = this.id
message.companyId =localStorage.getItem("companyId")
const {
data,
code,
msg
} = await evidenceDetail(message)
if (code == 200) {
this.detail = data
}else{
this.$message.error(msg)
}
},
},
created(){
this.id=this.$route.query.id
this.getevidenceDetail()
}
}
data() {
return {
breads: ['应收账款买断管理', '应收账款买断列表'],
id: '',
imgList:[],
srcList:[]
};
},
methods: {
back() {
this.$router.go(-1);
},
// 查看详情
async getevidenceDetail() {
let message = {};
message.projectId = this.id;
message.companyId = localStorage.getItem('companyId');
const { data, code, msg } = await evidenceDetail(message);
if (code == 200) {
this.imgList = data;
for(let item of data ){
this.srcList.push(item.fileUrl)
}
} else {
this.$message.error(msg);
}
}
},
created() {
this.id = this.$route.query.id;
this.getevidenceDetail();
}
};
</script>
<style scoped>
.img-list{
flex-wrap: wrap;
}
.img-list>div{
margin-right: 20px;
}
ul>li>div{
margin-right: 10px;
}
.backButton{
width:100px;
margin: 200px auto 30px;
}
</style>
.img-list {
flex-wrap: wrap;
}
.img-list > div {
margin-right: 20px;
}
ul > li > div {
margin-right: 10px;
}
.backButton {
width: 100px;
margin: 200px auto 30px;
}
</style>
\ No newline at end of file
src/pages/supply/buyOut/buyoutList.vue
View file @ 3364d78b
......@@ -24,7 +24,7 @@
<el-button type="text" size="small" v-else disabled>合同查看</el-button>
</div>
<div>
<el-button type="text" size="small" @click="voucherSign(scope.row.projectId)" v-if="scope.row.voucherOperation==1">确认凭证</el-button>
<el-button type="text" size="small" @click="upload(scope.row.projectId)" v-if="scope.row.voucherOperation==1">上传凭证</el-button>
<el-button type="text" size="small" @click="voucherSee(scope.row.projectId)" v-else-if="scope.row.voucherOperation==2">查看凭证</el-button>
<el-button type="text" size="small" v-else disabled>查看凭证</el-button>
</div>
......@@ -103,10 +103,10 @@
})
},
voucherSee(id) {
this.$router.push(`/purchaser/buyOut/voucherSee?id=${id}`)
this.$router.push(`/supply/buyOut/voucherSee?id=${id}`)
},
voucherSign(id) {
this.$router.push(`/purchaser/buyOut/voucherSign?id=${id}`)
upload(id) {
this.$router.push(`/supply/buyOut/upload?id=${id}`)
},
async getDropList() {
const {
......
src/pages/supply/buyOut/upload.vue
View file @ 3364d78b
<template>
<div>
<div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>上传凭证</h3>
<h5>上传应收账款等凭证</h5>
<div>
<div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>上传凭证</h3>
<h5>上传应收账款等凭证</h5>
</div>
<div class="content">
<div class="flex">
<div>上传图片：</div>
<!-- <singleUpload :limit="1" :max="10" tips="最多上传一份，大小不超过10M." @input="getfile"></singleUpload> -->
<Upload :limit="1" :max="10" :fileList="fileList" tip="支持上传6张图片，单张图片大小不超过10M。" @input="getfile"></Upload>
</div>
<div class="backButton">
<el-button @click="back">返回</el-button>
<el-button @click="sure">确认</el-button>
</div>
</div>
</div>
<div class="content">
<div class="flex-item">
<div>下载合同：</div>
<ul>
<li class="flex-item">
<div>合同名字.pdf</div>
<el-button size="mini">下载</el-button>
</li>
</ul>
</div>
<div class="flex" style="margin-top: 50px;">
<div>上传图片：</div>
<Upload @input="getfile"></Upload>
</div>
<div class="backButton">
<el-button @click="back">返回</el-button>
<el-button @click="sure">确认</el-button>
</div>
</div>
</div>
</template>
<script>
import dataBreadcrumb from '@components/dataBreadcrumb.vue'
import Upload from '@components/Upload/imgUpload.vue'
import { evidenceOperation } from '@api/supply/organization';
import dataBreadcrumb from '@components/dataBreadcrumb.vue';
import Upload from '@components/Upload/imgUpload.vue';
export default {
components: {
dataBreadcrumb,
Upload
},
data() {
return {
imgList: ['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'],
breads: ['应收账款买断管理', '应收账款买断列表'],
srcList: [
'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
]
}
},
methods: {
back() {
this.$router.go(-1)
components: {
dataBreadcrumb,
Upload
},
data() {
return {
imgList: [
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
],
breads: ['应收账款买断管理', '应收账款买断列表'],
fileList: [],
voucherList: []
};
},
sure() {
methods: {
back() {
this.$router.go(-1);
},
getfile(val) {
console.log(val)
this.voucherList = val;
},
async sure() {
try {
let message={}
message.projectId=localStorage.getItem("projectId")
message.companyId=localStorage.getItem("companyId")
message.voucherList=this.voucherList
const { code, msg } = await evidenceOperation(message);
if (code == 200) {
this.$message({
message: msg,
type: 'success',
duration: 1500
});
setTimeout(() => {
this.$router.go(-1);
}, 1500);
} else {
this.$message.error(msg);
}
} catch (e) {}
},
}
}
}
};
</script>
<style scoped>
.img-list{
flex-wrap: wrap;
}
.img-list>div{
margin-right: 20px;
}
ul>li>div{
margin-right: 10px;
}
.backButton{
width:200px;
margin: 200px auto 30px;
}
.img-list {
flex-wrap: wrap;
}
.img-list > div {
margin-right: 20px;
}
ul > li > div {
margin-right: 10px;
}
.backButton {
width: 200px;
margin: 200px auto 30px;
}
</style>
src/pages/supply/buyOut/voucherSee.vue
View file @ 3364d78b
<template>
<div>
<div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>查看凭证</h3>
<h5>查看应收账款等凭证</h5>
</div>
<div class="content">
<div class="flex-item">
<div>下载合同：</div>
<ul>
<li class="flex-item">
<div>合同名字.pdf</div>
<el-button size="mini">下载</el-button>
</li>
</ul>
</div>
<div class="flex" style="margin-top: 50px;">
<div>查看图片：</div>
<div class="img-list flex">
<div v-for="(item,index) in imgList" :key="index">
<el-image :src="item" :preview-src-list="srcList" style="width: 100px; height: 100px">
</el-image>
</div>
<div>
<div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>查看凭证</h3>
<h5>查看应收账款等凭证</h5>
</div>
<div class="content">
<div class="flex">
<div>查看图片：</div>
<div class="img-list flex">
<div v-for="(item, index) in imgList" :key="index">
<el-image :src="item.fileUrl" :preview-src-list="srcList" style="width: 100px; height: 100px"> </el-image>
</div>
</div>
</div>
<div class="backButton">
<el-button @click="back">返回</el-button>
</div>
</div>
</div>
<div class="backButton">
<el-button @click="back">返回</el-button>
</div>
</div>
</div>
</template>
<script>
import {
evidenceDetail
} from '@api/purchaser/buyOut'
import dataBreadcrumb from '@components/dataBreadcrumb.vue'
import { evidenceDetail } from '@api/purchaser/buyOut';
import dataBreadcrumb from '@components/dataBreadcrumb.vue';
export default {
components: {
dataBreadcrumb
},
data() {
return {
imgList: ['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'],
breads: ['应收账款买断管理', '应收账款买断列表'],
srcList: [
'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
],
id:""
}
},
methods: {
back() {
this.$router.go(-1)
components: {
dataBreadcrumb
},
// 查看详情
async getevidenceDetail() {
let message={}
message.projectId = this.id
message.companyId =localStorage.getItem("companyId")
const {
data,
code,
msg
} = await evidenceDetail(message)
if (code == 200) {
this.detail = data
}else{
this.$message.error(msg)
}
},
},
created(){
this.id=this.$route.query.id
this.getevidenceDetail()
}
}
data() {
return {
breads: ['应收账款买断管理', '应收账款买断列表'],
id: '',
imgList:[],
srcList:[]
};
},
methods: {
back() {
this.$router.go(-1);
},
// 查看详情
async getevidenceDetail() {
let message = {};
message.projectId = this.id;
message.companyId = localStorage.getItem('companyId');
const { data, code, msg } = await evidenceDetail(message);
if (code == 200) {
this.imgList = data;
for(let item of data ){
this.srcList.push(item.fileUrl)
}
} else {
this.$message.error(msg);
}
}
},
created() {
this.id = this.$route.query.id;
this.getevidenceDetail();
}
};
</script>
<style scoped>
.img-list{
flex-wrap: wrap;
}
.img-list>div{
margin-right: 20px;
}
ul>li>div{
margin-right: 10px;
}
.backButton{
width:100px;
margin: 200px auto 30px;
}
.img-list {
flex-wrap: wrap;
}
.img-list > div {
margin-right: 20px;
}
ul > li > div {
margin-right: 10px;
}
.backButton {
width: 100px;
margin: 200px auto 30px;
}
</style>
src/utils/common.js
View file @ 3364d78b
......@@ -15,7 +15,7 @@
}
return obj[key];
}
// export let requestUrl = 'http://192.168.3.35:8085';
// export let requestUrl = 'http://192.168.3.35:8085';
export let requestUrl = 'http://60.205.251.80:8082';
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment