| xqd
@@ -6,21 +6,21 @@
|
|
|
<span style="font-weight: 600;">合同基础信息</span>
|
|
|
<div class="titlein">
|
|
|
<span class="titlename">合同名称</span>
|
|
|
- <span class="meatatitle">中科公司第二期项目第一期采购合同</span>
|
|
|
+ <span class="meatatitle">{{contract.name}}</span>
|
|
|
</div>
|
|
|
<div class="titlein">
|
|
|
<span class="titlename">合同编号</span>
|
|
|
- <span class="meatatitle">ADG1254BFG4</span>
|
|
|
+ <span class="meatatitle">{{contract.contractNo}}</span>
|
|
|
</div>
|
|
|
<div class="titlein">
|
|
|
<span class="titlename">合同附件</span>
|
|
|
<div style="display: flex;">
|
|
|
<div class="imgbox">
|
|
|
- <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList">
|
|
|
+ <el-image style="width: 100px; height: 100px" :src="url[0]" :preview-src-list="srcList[0]">
|
|
|
</el-image>
|
|
|
</div>
|
|
|
<div class="imgbox">
|
|
|
- <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList">
|
|
|
+ <el-image style="width: 100px; height: 100px" :src="url[1]" :preview-src-list="srcList[1]">
|
|
|
</el-image>
|
|
|
</div>
|
|
|
</div>
|
| xqd
@@ -29,11 +29,11 @@
|
|
|
<span class="titlename">发票附件</span>
|
|
|
<div style="display: flex;">
|
|
|
<div class="imgbox">
|
|
|
- <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList">
|
|
|
+ <el-image style="width: 100px; height: 100px" :src="url[1]" :preview-src-list="srcList[1]">
|
|
|
</el-image>
|
|
|
</div>
|
|
|
<div class="imgbox">
|
|
|
- <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList">
|
|
|
+ <el-image style="width: 100px; height: 100px" :src="url[1]" :preview-src-list="srcList[1]">
|
|
|
</el-image>
|
|
|
</div>
|
|
|
</div>
|
| xqd
@@ -47,11 +47,11 @@
|
|
|
<span class="titlename">贸易合同</span>
|
|
|
<div style="display: flex;">
|
|
|
<div class="imgbox">
|
|
|
- <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList">
|
|
|
+ <el-image style="width: 100px; height: 100px" :src="url[0]" :preview-src-list="srcList[0]">
|
|
|
</el-image>
|
|
|
</div>
|
|
|
<div class="imgbox">
|
|
|
- <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList">
|
|
|
+ <el-image style="width: 100px; height: 100px" :src="url[1]" :preview-src-list="srcList[1]">
|
|
|
</el-image>
|
|
|
</div>
|
|
|
</div>
|
| xqd
@@ -63,7 +63,7 @@
|
|
|
</el-tag> -->
|
|
|
<div class="boxas">
|
|
|
<span style="color: #fff;">合同状态:</span>
|
|
|
- <span style="color: #D05C39;">待审核</span>
|
|
|
+ <span style="color: #D05C39;">{{contract.statusText}}</span>
|
|
|
</div>
|
|
|
<span class="aoiisp">审核结果:<p style="color: #D8AB5A;">审核通过</p></span>
|
|
|
</div>
|
| xqd
@@ -81,11 +81,11 @@
|
|
|
<span class="sah">审核截图:</span>
|
|
|
<div style="display: flex;justify-content: flex-end;">
|
|
|
<div class="imgbox">
|
|
|
- <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList">
|
|
|
+ <el-image style="width: 100px; height: 100px" :src="url[0]" :preview-src-list="srcList">
|
|
|
</el-image>
|
|
|
</div>
|
|
|
<div class="imgbox">
|
|
|
- <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList">
|
|
|
+ <el-image style="width: 100px; height: 100px" :src="url[1]" :preview-src-list="srcList">
|
|
|
</el-image>
|
|
|
</div>
|
|
|
</div>
|
| xqd
@@ -96,61 +96,56 @@
|
|
|
</el-card>
|
|
|
<el-card class="box-card">
|
|
|
<div slot="" class="clearfix">
|
|
|
- <!-- <span>卡片名称</span> -->
|
|
|
+
|
|
|
<el-button type="danger" style="float: right; ">删除</el-button>
|
|
|
- <el-button type="warning" style="float: right;margin-right: 10px; " @click="addNewBill">新增</el-button>
|
|
|
-
|
|
|
+ <el-button type="primary" style="float: right;margin-right: 10px; " @click="addNewBill" v-if="checked==1">新增</el-button>
|
|
|
<el-button type="primary" style="float: right; ">导出</el-button>
|
|
|
+ <el-button type="warning" style="float: right; ">审核失败</el-button>
|
|
|
+ <el-button type="success" style="float: right; ">审核成功</el-button>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
<el-card class="box-card">
|
|
|
- <el-table v-loading="listLoading" :data="list" element-loading-text="Loading" border fit highlight-current-row>
|
|
|
- <el-table-column align="center" label="" width="55">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-checkbox v-model="checked"></el-checkbox>
|
|
|
- </template>
|
|
|
+ <el-table v-loading="listLoading" :data="list" element-loading-text="Loading" border fit highlight-current-row @select="onSelet">
|
|
|
+ <el-table-column align="center" label="" width="55" type="selection">
|
|
|
+
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="汇票名称" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
+ <el-table-column label="汇票名称" align="center" prop="name">
|
|
|
+ <!-- <template slot-scope="scope">
|
|
|
汇票名称
|
|
|
- </template>
|
|
|
+ </template> -->
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="汇票编号" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
+ <el-table-column label="汇票编号" align="center" prop="draftNo">
|
|
|
+ <!-- <template slot-scope="scope">
|
|
|
<span>合同编号</span>
|
|
|
- </template>
|
|
|
+ </template> -->
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="承兑人" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
+ <el-table-column label="承兑人" align="center" prop="acceptorName">
|
|
|
+ <!-- <template slot-scope="scope">
|
|
|
承兑人
|
|
|
- </template>
|
|
|
+ </template> -->
|
|
|
</el-table-column>
|
|
|
<el-table-column label="金额" width="170" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- 金额
|
|
|
+ {{scope.row.money}}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="服务费" width="180" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- 服务费
|
|
|
+ {{scope.row.serviceMoney}}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="汇票状态" width="180" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- 汇票状态
|
|
|
- </template>
|
|
|
+ <el-table-column label="汇票状态" width="180" align="center" prop="status">
|
|
|
</el-table-column>
|
|
|
<el-table-column label="审核状态" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- 审核状态
|
|
|
+ {{scope.row.statusText}}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
-
|
|
|
<el-table-column align="center" prop="created_at" label="操作" width="380">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-tag type="success" style="cursor: pointer;margin-right: 15px;" @click="tapDetail">查看详情</el-tag>
|
|
|
- <el-tag type="warning" style="margin-right: 15px;cursor: pointer;">复原</el-tag>
|
|
|
- <el-tag type="info">删除</el-tag>
|
|
|
+ <el-tag type="primary" style="cursor: pointer;margin-right: 15px;" @click="tapDetail">查看详情</el-tag>
|
|
|
+ <el-tag type="success" style="margin-right: 15px;cursor: pointer;">复原</el-tag>
|
|
|
+ <el-tag type="danger" style="margin-right: 15px;cursor: pointer;">删除</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
| xqd
@@ -175,33 +170,57 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- list: null,
|
|
|
- listLoading: true,
|
|
|
- form: '暂无',
|
|
|
- url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
|
|
|
+ list: [],
|
|
|
+ contract:{},
|
|
|
+ listLoading: false,
|
|
|
+ checked:'',
|
|
|
+ form: '',
|
|
|
+ // url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
|
|
|
+ url:[],
|
|
|
srcList: [
|
|
|
- 'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
|
|
|
- 'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
|
|
|
+ // 'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
|
|
|
+ // 'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
|
|
|
]
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
- this.fetchData()
|
|
|
+ // this.fetchData()
|
|
|
},
|
|
|
+ mounted(){
|
|
|
+ this.checked=this.$store.state.user.checked
|
|
|
+ this.$request({
|
|
|
+ url:'/api/Contract/17',
|
|
|
+ method:'get'
|
|
|
+ }).then((res)=>{
|
|
|
+ this.contract=res.data
|
|
|
+ this.url=this.contract.invoicePicList
|
|
|
+ this.srcList=this.contract.picList
|
|
|
+ console.log(this.srcList)
|
|
|
+ })
|
|
|
+ this.$request({
|
|
|
+ url:'/api/Contract/contractDraft/23',
|
|
|
+ method:'get'
|
|
|
+ }).then((res)=>{
|
|
|
+ this.list.push(res.data)
|
|
|
+ })
|
|
|
+ },
|
|
|
methods: {
|
|
|
addNewBill(){
|
|
|
this.$router.push({path:'contracts/addnewbill'})
|
|
|
},
|
|
|
tapDetail(){
|
|
|
-
|
|
|
+ this.$router.push({path:'contracts/billDetail',query:{}})
|
|
|
},
|
|
|
- fetchData() {
|
|
|
- this.listLoading = true
|
|
|
- getList().then(response => {
|
|
|
- this.list = response.data.items
|
|
|
- this.listLoading = false
|
|
|
- })
|
|
|
- }
|
|
|
+ onSelet(){
|
|
|
+
|
|
|
+ }
|
|
|
+ // fetchData() {
|
|
|
+ // this.listLoading = true
|
|
|
+ // getList().then(response => {
|
|
|
+ // this.list = response.data.items
|
|
|
+ // this.listLoading = false
|
|
|
+ // })
|
|
|
+ // }
|
|
|
}
|
|
|
}
|
|
|
</script>
|