Skip to content

W
web-purchase
Commit 888ba114 authored by 张冬's avatar 张冬
Browse files
Options

更新

parent f4874df4
Hide whitespace changes
Inline Side-by-side
Showing with 1140 additions and 920 deletions
src/api/common/list.js
View file @ 888ba114
...@@ -151,6 +151,14 @@ export function generateNumber(type) { ...@@ -151,6 +151,14 @@ export function generateNumber(type) {
}) })
} }
// 查看公司完整信息
export function companyDetail(companyId) {
return request({
url: `/company/detail/${companyId}`,
method: 'get'
})
}
// 部署线上 // 部署线上
......
src/api/purchaser/supply.js
View file @ 888ba114
...@@ -17,11 +17,5 @@ export function bidderIdList(companyId) { ...@@ -17,11 +17,5 @@ export function bidderIdList(companyId) {
}) })
} }
//查看供应商详情
export function bidderDetail(companyId) {
return request({
url: `tender-management/bidder/detail/${companyId}`,
method: 'get',
})
}
src/components/detail/organizationDetail.vue 0 → 100644
View file @ 888ba114
<template>
<div class="detail-list">
<div>
<h5>基本信息</h5>
<ul class="flex">
<li>
<div>单位名称</div>
<div>{{detail.companyName}}</div>
</li>
<li>
<div>法人姓名</div>
<div>{{detail.legalPersonName}}</div>
</li>
<li>
<div>统一社会信用代码</div>
<div>{{detail.socialCode}}</div>
</li>
<li>
<div>行政区域 </div>
<div>{{detail.companyName}}</div>
</li>
<li>
<div>单位性质</div>
<div>{{detail.companyNature}}</div>
</li>
<li>
<div>单位所在地</div>
<div>{{detail.location}}</div>
</li>
<li>
<div>注册资本(万元)</div>
<div>{{detail.registeredCapital}}</div>
</li>
<li>
<div>联系地址</div>
<div>{{detail.contactAddress}}</div>
</li>
<li>
<div>联系人姓名</div>
<div>{{detail.companyName}}</div>
</li>
<li>
<div> 手机号 </div>
<div>{{detail.legalPersonPhone}}</div>
</li>
<li>
<div>电子邮箱 </div>
<div>{{detail.companyName}}</div>
</li>
</ul>
<div class="detail-item">
<div>经营范围</div>
<div>一般项目：技术服务，技术开发</div>
</div>
<div class="detail-item">
<div>行业类型</div>
<div>{{detail.businessScope}}</div>
</div>
</div>
</div>
</template>
<script>
import {
companyDetail
} from '@api/common/list'
export default {
props: {
companyId: {
type: String,
default: 0
},
},
data() {
return {
detail: {},
}
},
created() {
this.getcompanyDetail();
},
methods: {
async getcompanyDetail() {
try {
let companyId = this.companyId
const {
data,
code
} = await companyDetail(companyId)
if (code === 200) {
this.detail = data
}
} catch (e) {
console.log(e)
}
}
}
}
</script>
<style>
.detail-list>div>ul>li {
margin-right: 150px;
margin-bottom: 50px;
width: 180px
}
.detail-list>div>ul {
flex-wrap: wrap;
margin-left: 30px;
margin-top: 20px;
}
.detail-head {
margin-left: 30px;
padding-top: 10px;
}
.detail-head>h3 {
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}
.detail-list {
box-sizing: border-box;
padding-top: 20px;
background-color: #F0F2F5;
margin-top: 10px;
}
.detail-list>div {
background-color: #FFFF;
padding-bottom: 20px;
}
.detail-list h5 {
font-weight: bold;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #F0F2F5;
box-sizing: border-box;
padding-left: 30px;
}
.detail-item {
margin-left: 30px;
margin-bottom: 30px;
}
.detail-item>div:first-child {
margin-bottom: 10px;
}
</style>
src/pages/purchaser/bid/bidSure/notice.vue
View file @ 888ba114
...@@ -155,6 +155,7 @@ ...@@ -155,6 +155,7 @@
let ruleForm = this.ruleForm; let ruleForm = this.ruleForm;
ruleForm.projectId = localStorage.getItem("projectId") ruleForm.projectId = localStorage.getItem("projectId")
ruleForm.price=this.tableData[0].price ruleForm.price=this.tableData[0].price
ruleForm.winCompanyId=this.tableData[0].companyId
const { const {
code, code,
msg msg
......
src/pages/purchaser/organization/informationSee.vue
View file @ 888ba114
<template> <template>
<div class="userDetail"> <div class="userDetail">
<div class="content-head"> <div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb> <dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>查看</h3> <h3>查看</h3>
<div>查看基本信息、企业资质文件</div> <div>查看基本信息、企业资质文件</div>
</div> </div>
<div class="detail-list"> <div class="detail-list">
<div> <div>
<h5>基本信息</h5> <h5>基本信息</h5>
<ul class="flex"> <ul class="flex">
<li v-for="(item,index) in informationList" :key="index"> <li>
<div>*{{ item.title }}</div> <div>单位名称</div>
<div>{{ item.message }}</div> <div>{{detail.companyName}}</div>
</li> </li>
</ul> <li>
<div class="detail-item"> <div>注册角色</div>
<div>*经营范围</div> <div>11</div>
<div>一般项目：技术服务，技术开发</div> </li>
</div> <li>
<div class="detail-item"> <div>法人姓名</div>
<div>*法人身份证正反面</div> <div>{{detail.legalPersonName}}</div>
<el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image> </li>
</div> <li>
<div class="detail-item"> <div>法人电话</div>
<div>*三证合一扫描件</div> <div>11</div>
<el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image> </li>
</div> <li>
<div class="detail-item"> <div>统一社会信用代码</div>
<div>其他资料</div> <div>{{detail.socialCode}}</div>
<div class="flex-between pdf"> </li>
<div>pdf文件</div> <li>
<div>预览</div> <div>行政区域 </div>
<div>下载</div> <div>{{detail.companyName}}</div>
</div> </li>
</div> <li>
</div> <div>单位性质</div>
</div> <div>{{detail.companyNature}}</div>
<div class="operation"> </li>
<button @click="edit">编辑</button> <li>
</div> <div>单位所在地</div>
</div> <div>{{detail.location}}</div>
</li>
<li>
<div>行业类型</div>
<div>222</div>
</li>
<li>
<div>开户银行名称</div>
<div>222</div>
</li>
<li>
<div>结算账户</div>
<div>222</div>
</li>
<li>
<div>结算账户名</div>
<div>222</div>
</li>
<li>
<div>注册资本(万元)</div>
<div>{{detail.registeredCapital}}</div>
</li>
<li>
<div>联系地址</div>
<div>{{detail.contactAddress}}</div>
</li>
<li>
<div>管理员姓名</div>
<div>{{detail.companyName}}</div>
</li>
<li>
<div> 手机号 </div>
<div>{{detail.legalPersonPhone}}</div>
</li>
<li>
<div> 身份证 </div>
<div>222</div>
</li>
<li>
<div>电子邮箱 </div>
<div>{{detail.companyName}}</div>
</li>
</ul>
<div class="detail-item">
<div>经营范围</div>
<div>一般项目：技术服务，技术开发</div>
</div>
<div class="detail-item">
<div>法人身份证正反面</div>
<el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image>
</div>
<div class="detail-item">
<div>三证合一扫描件</div>
<el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image>
</div>
<div class="detail-item">
<div>其他资料</div>
<div class="flex-between pdf">
<div>pdf文件</div>
<div>预览</div>
<div>下载</div>
</div>
</div>
</div>
</div>
<div class="operation">
<button @click="edit">编辑</button>
</div>
</div>
</template> </template>
<script> <script>
import dataBreadcrumb from '@components/dataBreadcrumb.vue' import {
export default { companyDetail
components: { } from '@api/common/list'
dataBreadcrumb import dataBreadcrumb from '@components/dataBreadcrumb.vue'
}, export default {
data() { components: {
return { dataBreadcrumb
breads: ['查看基本信息', '企业资质文件'], },
informationList: [{ data() {
title: '单位名称', return {
message: '腾讯' detail: "",
}, { breads: ['查看基本信息', '企业资质文件'],
title: '注册角色', informationList: [{
message: '采购商' title: '单位名称',
}, { message: '腾讯'
title: '法人姓名', }, {
message: '谢墩满' title: '注册角色',
}, { message: '采购商'
title: '法人电话', }, {
message: '1784574567' title: '法人姓名',
}, { message: '谢墩满'
title: '统一社会信用代码', }, {
message: '91330104MA27YU1X0K' title: '法人电话',
}, { message: '1784574567'
title: '行政区域', }, {
message: '浙江省 杭州市 滨江区' title: '统一社会信用代码',
}, { message: '91330104MA27YU1X0K'
title: '单位性质', }, {
message: '有限责任公司' title: '行政区域',
}, { message: '浙江省 杭州市 滨江区'
title: '单位所在地', }, {
message: '浙江 温州' title: '单位性质',
}, { message: '有限责任公司'
title: '行业类型', }, {
message: '娱乐业' title: '单位所在地',
}, { message: '浙江 温州'
title: '开户银行名称', }, {
message: '农行' title: '行业类型',
}, { message: '娱乐业'
title: '结算账号', }, {
message: '34567567856789' title: '开户银行名称',
}, { message: '农行'
title: '结算账户名', }, {
message: '谢天' title: '结算账号',
}, { message: '34567567856789'
title: '注册资本(万元)', }, {
message: '100' title: '结算账户名',
}, { message: '谢天'
title: '联系地址', }, {
message: '浙江温州' title: '注册资本(万元)',
}, { message: '100'
title: '管理员姓名', }, {
message: '谢' title: '联系地址',
}, { message: '浙江温州'
title: '手机号', }, {
message: '18957015590' title: '管理员姓名',
}, { message: '谢'
title: '身份证', }, {
message: '456789056789078' title: '手机号',
}, { message: '18957015590'
title: '电子邮箱', }, {
message: '34567890@qq.com' title: '身份证',
}], message: '456789056789078'
imglist: [{ }, {
src: require('@static/images/img.png') title: '电子邮箱',
}, { message: '34567890@qq.com'
src: require('@static/images/img.png') }],
}] imglist: [{
} src: require('@static/images/img.png')
}, }, {
methods: { src: require('@static/images/img.png')
edit() { }]
this.$router.push('/purchaser/organization/informationEdit') }
} },
} methods: {
} edit() {
this.$router.push('/purchaser/organization/informationEdit')
},
async getcompanyDetail() {
try {
let companyId = localStorage.getItem("companyId")
const {
data,
code
} = await companyDetail(companyId)
if (code === 200) {
this.detail = data
}
} catch (e) {
console.log(e)
}
}
},
created() {
this.getcompanyDetail()
}
}
</script> </script>
<style scoped> <style scoped>
...@@ -127,36 +216,36 @@ export default { ...@@ -127,36 +216,36 @@ export default {
margin-bottom: 50px; margin-bottom: 50px;
width: 180px width: 180px
} }
.detail-list>div>ul { .detail-list>div>ul {
flex-wrap: wrap; flex-wrap: wrap;
margin-left: 30px; margin-left: 30px;
margin-top: 20px; margin-top: 20px;
} }
.detail-head { .detail-head {
margin-left: 30px; margin-left: 30px;
padding-top: 10px; padding-top: 10px;
} }
.detail-head>h3 { .detail-head>h3 {
font-weight: bold; font-weight: bold;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.detail-list { .detail-list {
box-sizing: border-box; box-sizing: border-box;
padding-top: 20px; padding-top: 20px;
background-color: #F0F2F5; background-color: #F0F2F5;
margin-top: 10px; margin-top: 10px;
} }
.detail-list>div { .detail-list>div {
background-color: #FFFF; background-color: #FFFF;
padding-bottom: 20px; padding-bottom: 20px;
} }
.detail-list h5 { .detail-list h5 {
font-weight: bold; font-weight: bold;
height: 50px; height: 50px;
...@@ -165,20 +254,20 @@ export default { ...@@ -165,20 +254,20 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding-left: 30px; padding-left: 30px;
} }
.detail-item { .detail-item {
margin-left: 30px; margin-left: 30px;
margin-bottom: 30px; margin-bottom: 30px;
} }
.detail-item>div:first-child { .detail-item>div:first-child {
margin-bottom: 10px; margin-bottom: 10px;
} }
.pdf { .pdf {
width: 170px width: 170px
} }
.pdf>div:nth-child(2), .pdf>div:nth-child(2),
.pdf>div:last-child { .pdf>div:last-child {
width: 50px; width: 50px;
...@@ -188,13 +277,13 @@ export default { ...@@ -188,13 +277,13 @@ export default {
border-radius: 10px; border-radius: 10px;
border: 1px solid #000 border: 1px solid #000
} }
.operation { .operation {
margin-bottom: 10px; margin-bottom: 10px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
.operation>button { .operation>button {
width: 50px; width: 50px;
height: 30px; height: 30px;
...@@ -202,11 +291,11 @@ export default { ...@@ -202,11 +291,11 @@ export default {
background: #fff; background: #fff;
border: 1px solid #999; border: 1px solid #999;
} }
.flex-button>button { .flex-button>button {
margin-left: 10px; margin-left: 10px;
} }
.flex-button>button:last-child { .flex-button>button:last-child {
background: #28e; background: #28e;
color: #fff color: #fff
......
src/pages/purchaser/supply/allSupply/allSupplyList.vue
View file @ 888ba114
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<dataTable :columns="columns" :breads="breads" :checklist="checklist" :pageObj="pageObj" url="/tender-management/bidder/list"> <dataTable :columns="columns" :breads="breads" :checklist="checklist" :pageObj="pageObj" url="/tender-management/bidder/list">
<el-table-column slot="operate" label="操作" align="center" fixed="right" width="100"> <el-table-column slot="operate" label="操作" align="center" fixed="right" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="see(scope.row)">查看</el-button> <el-button type="text" size="small" @click="see(scope.row.companyId)">查看</el-button>
</template> </template>
</el-table-column> </el-table-column>
</dataTable> </dataTable>
...@@ -52,8 +52,8 @@ export default { ...@@ -52,8 +52,8 @@ export default {
} }
}, },
methods: { methods: {
see() { see(companyId) {
this.$router.push('/purchaser/supply/allSupplySee') this.$router.push(`/purchaser/supply/allSupplySee?companyId=${companyId}`)
} }
} }
} }
......
src/pages/purchaser/supply/allSupply/allSupplySee.vue
View file @ 888ba114
<template> <template>
<div> <div>
<div class="content-head"> <div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb> <dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>查看</h3> <h3>查看</h3>
<div>查看基本信息、企业资质文件</div> <div>查看基本信息、企业资质文件</div>
</div>
<div class="detail-list">
<div>
<h5>基本信息</h5>
<ul class="flex">
<li>
<div>单位名称</div>
<div>{{detail.companyName}}</div>
</li>
<li>
<div>法人姓名</div>
<div>{{detail.legalPersonName}}</div>
</li>
<li>
<div>统一社会信用代码</div>
<div>{{detail.socialCode}}</div>
</li>
<li>
<div>行政区域 </div>
<div>{{detail.companyName}}</div>
</li>
<li>
<div>单位性质</div>
<div>{{detail.companyNature}}</div>
</li>
<li>
<div>单位所在地</div>
<div>{{detail.location}}</div>
</li>
<li>
<div>注册资本(万元)</div>
<div>{{detail.registeredCapital}}</div>
</li>
<li>
<div>联系地址</div>
<div>{{detail.contactAddress}}</div>
</li>
<li>
<div>联系人姓名</div>
<div>{{detail.companyName}}</div>
</li>
<li>
<div> 手机号 </div>
<div>{{detail.legalPersonPhone}}</div>
</li>
<li>
<div>电子邮箱 </div>
<div>{{detail.companyName}}</div>
</li>
</ul>
<div class="detail-item">
<div>经营范围</div>
<div>一般项目：技术服务，技术开发</div>
</div>
<div class="detail-item">
<div>行业类型</div>
<div>{{detail.businessScope}}</div>
</div> </div>
</div> <organizationDetail :companyId="companyId"></organizationDetail>
<div class="operation"> <div class="centerButton">
<el-button @click="back">返回</el-button> <el-button @click="back">返回</el-button>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
import {bidderDetail} from '@api/purchaser/supply' import organizationDetail from '@components/detail/organizationDetail.vue'
import dataBreadcrumb from '@components/dataBreadcrumb.vue'
import dataBreadcrumb from '@components/dataBreadcrumb.vue' export default {
export default { components: {
components: { dataBreadcrumb,
dataBreadcrumb organizationDetail
}, },
data() { data() {
return { return {
detail:{}, breads: ['招标管理', '招标项目管理', '工作台'],
breads: ['招标管理', '招标项目管理', '工作台'], companyId:""
} }
}, },
created() { created() {
this.getbidderDetail(); this.companyId=this.$route.query.companyId
}, },
methods: { methods: {
async getbidderDetail() { back() {
try { this.$router.go(-1)
let companyId=localStorage.getItem("companyId") }
const { }
data,
code
} = await bidderDetail(companyId)
if (code === 200) {
this.detail = data
}
} catch (e) {
console.log(e)
}
}
}
} }
</script> </script>
<style scoped> <style scoped>
.detail-list>div>ul>li {
margin-right: 150px;
margin-bottom: 50px;
width: 180px
}
.detail-list>div>ul {
flex-wrap: wrap;
margin-left: 30px;
margin-top: 20px;
}
.detail-head {
margin-left: 30px;
padding-top: 10px;
}
.detail-head>h3 {
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}
.detail-list {
box-sizing: border-box;
padding-top: 20px;
background-color: #F0F2F5;
margin-top: 10px;
}
.detail-list>div {
background-color: #FFFF;
padding-bottom: 20px;
}
.detail-list h5 {
font-weight: bold;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #F0F2F5;
box-sizing: border-box;
padding-left: 30px;
}
.detail-item {
margin-left: 30px;
margin-bottom: 30px;
}
.detail-item>div:first-child {
margin-bottom: 10px;
}
.operation {
box-sizing: border-box;
height: 80px;
padding:20px 20px 0 0;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
justify-content: flex-end;
}
</style> </style>
src/pages/purchaser/supply/mySupply/mySupplyList.vue
View file @ 888ba114
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<dataTable :columns="columns" :breads="breads" :checklist="checklist" :pageObj="pageObj" url="tender-management/relevance/bidder/list"> <dataTable :columns="columns" :breads="breads" :checklist="checklist" :pageObj="pageObj" url="tender-management/relevance/bidder/list">
<el-table-column slot="operate" label="操作" align="center" fixed="right" width="100"> <el-table-column slot="operate" label="操作" align="center" fixed="right" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="see(scope.row)">查看</el-button> <el-button type="text" size="small" @click="see(scope.row.companyId)">查看</el-button>
</template> </template>
</el-table-column> </el-table-column>
</dataTable> </dataTable>
...@@ -14,7 +14,6 @@ ...@@ -14,7 +14,6 @@
<script> <script>
import dataTable from '@components/dataTable.vue' import dataTable from '@components/dataTable.vue'
export default { export default {
name: 'bidingList',
components: { components: {
dataTable dataTable
}, },
...@@ -53,9 +52,9 @@ export default { ...@@ -53,9 +52,9 @@ export default {
} }
}, },
methods: { methods: {
see() { see(companyId) {
this.$router.push('/purchaser/supply/allSupplySee') this.$router.push(`/purchaser/supply/mySupplySee?companyId=${companyId}`)
} }
}, },
created() { created() {
this.pageObj.companyId=localStorage.getItem("companyId") this.pageObj.companyId=localStorage.getItem("companyId")
......
src/pages/purchaser/supply/mySupply/mySupplySee.vue
View file @ 888ba114
<template> <template>
<div> <div>
<div class="content-head"> <div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb> <dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>查看</h3> <h3>查看</h3>
<div>查看基本信息、企业资质文件</div> <div>查看基本信息、企业资质文件</div>
</div> </div>
<div class="detail-list"> <organizationDetail :companyId="companyId"></organizationDetail>
<div> <div class="centerButton">
<h5>基本信息</h5> <el-button @click="back">返回</el-button>
<ul class="flex"> </div>
<li v-for="(item,index) in informationList" :key="index"> </div>
<div>*{{ item.title }}</div>
<div>{{ item.message }}</div>
</li>
</ul>
<div class="detail-item">
<div>*经营范围</div>
<div>一般项目：技术服务，技术开发</div>
</div>
</div>
<div class="operation">
<el-button @click="back">返回</el-button>
</div>
</div>
</div>
</template> </template>
<script> <script>
import dataBreadcrumb from '@components/dataBreadcrumb.vue' import organizationDetail from '@components/detail/organizationDetail.vue'
export default { import dataBreadcrumb from '@components/dataBreadcrumb.vue'
components: { export default {
dataBreadcrumb components: {
}, dataBreadcrumb,
data() { organizationDetail
return { },
breads: ['招标管理', '招标项目管理', '工作台'], data() {
informationList: [{ return {
title: '单位名称', breads: ['招标管理', '招标项目管理', '工作台'],
message: '腾讯' companyId: ""
}, { }
title: '法人姓名', },
message: '谢墩满' created() {
}, { this.companyId = this.$route.query.companyId
title: '统一社会信用代码', },
message: '91330104MA27YU1X0K' methods: {
}, { back() {
title: '行政区域', this.$router.go(-1)
message: '浙江省 杭州市 滨江区' }
}, { }
title: '单位性质', }
message: '有限责任公司'
}, {
title: '单位所在地',
message: '浙江 温州'
}, {
title: '行业类型',
message: '娱乐业'
}, {
title: '注册资本(万元)',
message: '100'
}, {
title: '联系地址',
message: '浙江温州'
}, {
title: '联系人姓名',
message: '谢天'
}, {
title: '手机号',
message: '18957015590'
}, {
title: '电子邮箱',
message: '34567890@qq.com'
}]
}
},
methods: {
}
}
</script> </script>
<style scoped> <style scoped>
.detail-list>div>ul>li {
margin-right: 150px;
margin-bottom: 50px;
width: 180px
}
.detail-list>div>ul {
flex-wrap: wrap;
margin-left: 30px;
margin-top: 20px;
}
.detail-head {
margin-left: 30px;
padding-top: 10px;
}
.detail-head>h3 {
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}
.detail-list {
box-sizing: border-box;
padding-top: 20px;
background-color: #F0F2F5;
margin-top: 10px;
}
.detail-list>div {
background-color: #FFFF;
padding-bottom: 20px;
}
.detail-list h5 {
font-weight: bold;
height: 50px;
line-height: 50px;
border-bottom: 1px solid #F0F2F5;
box-sizing: border-box;
padding-left: 30px;
}
.detail-item {
margin-left: 30px;
margin-bottom: 30px;
}
.detail-item>div:first-child {
margin-bottom: 10px;
}
.operation {
box-sizing: border-box;
height: 80px;
padding:20px 20px 0 0;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
justify-content: flex-end;
}
</style> </style>
src/pages/supply/buyOut/buyoutList.vue
View file @ 888ba114
<template> <template>
<div > <div>
<div class="content"> <div class="content">
<dataBreadcrumb :breads="breads"></dataBreadcrumb> <dataBreadcrumb :breads="breads"></dataBreadcrumb>
<changeNav :navs="navs"></changeNav> <changeNav :navs="navs"></changeNav>
<dataTable :table-data="tableData" :columns="columns" :is-pageobj="false" :checklist="checklist"> <dataTable :columns="columns" :checklist="checklist" :sendData="sendData" url="/tender-payment/list">
<el-table-column slot="operate" label="状态" align="center" fixed="right" > <el-table-column slot="operate" label="状态" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.status=='CONTRACT_COMPLETE'">合同已完成</div> <div v-if="scope.row.status=='PRE_PLATFORM_TO_TENDER_CONTRACT'">待平台发起采购商合同签署</div>
<div v-if="scope.row.status=='PRE_BIDDER_CONTRACT'">待供应商签署合同</div> <div v-if="scope.row.status=='PRE_TENDERER_CONTRACT'">待采购商签署合同</div>
<div v-if="scope.row.status=='PRE_TENDERER_CONTRACT'">待采购商签署合同</div> <div v-if="scope.row.status=='PRE_PLATFORM_TO_BIDDER_CONTRACT'">待平台发起供应商合同签署</div>
<div v-if="scope.row.status=='PRE_PLATFORM_TO_BIDDER_CONTRACT'">等待与供应商签署合同</div> <div v-if="scope.row.status=='PRE_BIDDER_CONTRACT'">待供应商签署合同</div>
<div v-if="scope.row.status=='PRE_PLATFORM_TO_TENDER_CONTRACT'">等待与采购商签署合同</div> <div v-if="scope.row.status=='PRE_BIDDER_VOUCHER'">待供应商上传凭证</div>
<div v-if="scope.row.status=='WAIT_CONTRACT_UPLOAD'">等待合同上传</div> <div v-if="scope.row.status=='PRE_TENDERER_AFFIRM'">待采购商确认</div>
</template> <div v-if="scope.row.status=='TENDERER_AFFIRM'">采购商已确认</div>
</el-table-column> </template>
<el-table-column slot="operate" label="操作" align="center" fixed="right" width="200"> </el-table-column>
<template slot-scope="scope"> <el-table-column slot="operate" label="操作" align="center" width="200">
<div v-if="scope.row.state==0||scope.row.state==1"> <template slot-scope="scope">
<el-button type="text" size="small" @click="contractSign(scope.row)">合同签署</el-button> <div class="flex">
</div> <div>
<div v-if="scope.row.state==2"> <el-button type="text" size="small" @click="contractSign(scope.row.projectId)" v-if="scope.row.constractOperation==1">合同签署</el-button>
<el-button type="text" size="small" @click="contractSee(scope.row)">合同查看</el-button> <el-button type="text" size="small" @click="contractSign(scope.row.projectId)" v-else-if="scope.row.constractOperation==2">合同查看</el-button>
<el-button type="text" size="small" @click="upload(scope.row)">上传凭证</el-button> <el-button type="text" size="small" v-else disabled>合同查看</el-button>
</div> </div>
<div v-if="scope.row.state==3"> <div>
<el-button type="text" size="small" @click="contractSign(scope.row)">合同签署</el-button> <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="voucherSign(scope.row)">编辑凭证</el-button> <el-button type="text" size="small" @click="voucherSee(scope.row.projectId)" v-else-if="scope.row.voucherOperation==2">查看凭证</el-button>
</div> <el-button type="text" size="small" v-else disabled>查看凭证</el-button>
<div v-if="scope.row.state==4"> </div>
<el-button type="text" size="small" @click="contractSign(scope.row)">合同查看</el-button> </div>
<el-button type="text" size="small" @click="voucherSee(scope.row)">查看凭证</el-button> </template>
</div> </el-table-column>
</template> </dataTable>
</el-table-column> </div>
</dataTable> </div>
</div>
</div>
</template> </template>
<script> <script>
import dataTable from '@components/nopageTable.vue' import {
import dataBreadcrumb from '@components/dataBreadcrumb.vue' dropList
import changeNav from '@components/changeNav.vue' } from '@api/purchaser/buyOut'
export default { import dataTable from '@components/queryTable.vue'
name: 'bidingList', import dataBreadcrumb from '@components/dataBreadcrumb.vue'
components: { import changeNav from '@components/changeNav.vue'
dataTable, export default {
dataBreadcrumb, components: {
changeNav dataTable,
}, dataBreadcrumb,
data() { changeNav
return { },
checklist: [{ data() {
title: '采购商', return {
type: 'input', sendData: {},
model: 'supply' checklist: [{
}, { title: '供应商',
title: '状态', type: 'input',
type: 'select', model: 'bidCompanyName'
selectlist: [{ }, {
value: '1', title: '状态',
label: '公开招标' type: 'select',
}, { selectlist: [],
value: '2', change: row => '',
label: '邀请招标' model: 'status'
}], }],
change: row => '', breads: ['应收账款买断管理', '应收账款买断列表'],
model: 'state' navs: ['应收账款买断列表'],
} columns: [{
], label: '供应商（中标）',
breads: ['应收账款买断管理', '应收账款买断列表'], prop: 'bidCompanyName'
navs: ['应收账款买断列表'], },
tableData: [], {
columns: [{ label: '项目名称',
label: '供应商（中标）', prop: 'projectName'
prop: 'supply' },
}, {
{ slot: 'operate'
label: '项目名称', }
prop: 'projectName' ], // 操作列
}, }
{ },
slot: 'operate' created() {
} this.getDropList();
], // 操作列 this.sendData.tenderCompanyId = localStorage.getItem("companyId")
},
pageObj: { methods: {
size: 10, contractSign(id) {
total: 1, this.$router.push(`/purchaser/buyOut/contractSign?id=${id}`)
currentPage: 1, },
sizes: [100, 200, 300], contractSee(id) {
func: (currentPage) => { this.$router.push(`/purchaser/buyOut/contractSee?id=${id}`)
this.pageTurning(currentPage) },
} voucherSee(id) {
} this.$router.push(`/purchaser/buyOut/voucherSee?id=${id}`)
} },
}, voucherSign(id) {
methods: { this.$router.push(`/purchaser/buyOut/voucherSign?id=${id}`)
contractSign() { },
this.$router.push('/supply/buyOut/contractSign') async getDropList() {
}, const {
contractSee() { data,
this.$router.push('/supply/buyOut/contractSee') code
}, } = await dropList()
voucherSee() { if (code === 200) {
this.$router.push('/supply/buyOut/voucherSee') let array = [];
}, for (let item in data) {
voucherSign() { let message = {}
this.$router.push('/supply/buyOut/voucherSign') message.label = item
}, message.id = data[item]
upload() { array.push(message)
this.$router.push('/supply/buyOut/upload') }
} console.log(array)
} this.checklist[1].selectlist = array
} }
}
},
}
</script> </script>
<style scoped> <style scoped>
</style> </style>
src/pages/supply/buyOut/contractSee.vue
View file @ 888ba114
...@@ -26,6 +26,8 @@ ...@@ -26,6 +26,8 @@
</template> </template>
<script> <script>
import {contract} from '@api/purchaser/buyOut'
import dataBreadcrumb from '@components/dataBreadcrumb.vue' import dataBreadcrumb from '@components/dataBreadcrumb.vue'
export default { export default {
components: { components: {
...@@ -33,17 +35,34 @@ export default { ...@@ -33,17 +35,34 @@ export default {
}, },
data() { data() {
return { return {
breads: ['应收账款买断管理', '应收账款买断列表'] projectId:4,
breads: ['应收账款买断管理', '应收账款买断列表'],
id:""
} }
}, },
created() {
this.contract();
this.id=this.$route.query.id
},
methods: { methods: {
async contract() {
try {
let projectId=this.id;
const {
data,
code
} = await contract(projectId)
if (code === 200) {
this.tableData = data
}
} catch (e) {
console.log(e)
}
}
} }
} }
</script> </script>
<style scoped> <style scoped>
.contractContent{ .contractContent{
width: 100%; width: 100%;
......
src/pages/supply/buyOut/contractSign.vue
View file @ 888ba114
<template> <template>
<div> <div>
<div class="content-head"> <div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb> <dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>签署合同</h3> <h3>签署合同</h3>
<h5>签署合同</h5> <h5>签署合同</h5>
</div> </div>
<div class="content"> <div class="content">
<div class="flex"> <div class="flex">
<div>下载合同：</div> <div>下载合同：</div>
<ul> <ul>
<li class="flex"> <li class="flex-item">
<div>合同名字.pdf</div> <div>{{detail.fileName}}</div>
<el-button size="mini">下载</el-button> <el-button size="mini" @click="down(detail.fileUrl)">下载</el-button>
</li> </li>
</ul> </ul>
</div> </div>
<div class="contractContent flex-center"> <div class="contractContent flex-center">
<h1>合同内容</h1> <iframe :src="detail.fileUrl" frameborder="0" style="width: 100%; height: 500px"></iframe>
</div> </div>
<div class="button flex-center"> <div class="button flex-center">
<el-button @click="revoke">撤销签章</el-button> <el-button @click="revoke">撤销签章</el-button>
<el-button>电子签章</el-button> <el-button>电子签章</el-button>
</div> </div>
</div> </div>
<div class="bottomButton"> <div class="bottomButton">
<el-button @click="back">取消</el-button> <el-button @click="back">取消</el-button>
<el-button type="primary">提交</el-button> <el-button type="primary" @click="submitData">提交</el-button>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import dataBreadcrumb from '@components/dataBreadcrumb.vue'
export default { import { signContract,contract} from '@api/purchaser/buyOut'
components: { import dataBreadcrumb from '@components/dataBreadcrumb.vue'
dataBreadcrumb import PDF from '@components/PDF/PDF.vue'
}, export default {
data() { components: {
return { dataBreadcrumb,
breads: ['应收账款买断管理', '应收账款买断列表'] PDF
} },
}, data() {
methods: { return {
back() { breads: ['应收账款买断管理', '应收账款买断列表'],
this.$router.go(-1) detail:"",
}, // 删除操作 id:""
revoke(row, index) { }
// 二次确认删除 },
this.$confirm('该操作撤销全部电子签章，你还要继续吗？', '是否撤销电子签章', { created() {
type: 'warning' this.id=this.$route.query.id
}) this.getcontract()
.then(() => { },
this.$message.success('撤销成功') methods: {
}) back() {
.catch(() => {}) this.$router.go(-1)
} }, // 删除操作
} revoke(row, index) {
// 二次确认删除
this.$confirm('该操作撤销全部电子签章，你还要继续吗？', '是否撤销电子签章', {
type: 'warning'
})
.then(() => {
this.$message.success('撤销成功')
})
.catch(() => {})
},
down(url){
window.open(url)
},
// 查看详情
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)
} }else{
this.$message.error(msg)
}
} catch (e) {
console.log(e)
}
},
}
}
</script> </script>
<style scoped> <style scoped>
.contractContent{ .contractContent {
width: 100%; width: 100%;
height: 500px; height: 500px;
border:1px solid #000000; border: 1px solid #000000;
margin-top: 30px; margin-top: 30px;
} }
.button{
.button {
margin-top: 30px; margin-top: 30px;
height: 50px; height: 50px;
width: 100%; width: 100%;
} }
ul>li>div{
ul>li>div {
margin-right: 10px; margin-right: 10px;
} }
</style> </style>
src/pages/supply/buyOut/voucherSee.vue
View file @ 888ba114
...@@ -32,6 +32,9 @@ ...@@ -32,6 +32,9 @@
</template> </template>
<script> <script>
import {
evidenceDetail
} from '@api/purchaser/buyOut'
import dataBreadcrumb from '@components/dataBreadcrumb.vue' import dataBreadcrumb from '@components/dataBreadcrumb.vue'
export default { export default {
components: { components: {
...@@ -44,15 +47,35 @@ export default { ...@@ -44,15 +47,35 @@ export default {
srcList: [ srcList: [
'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg', 'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg' 'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
] ],
id:""
} }
}, },
methods: { methods: {
back() { back() {
this.$router.go(-1) 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.detail = data
}else{
this.$message.error(msg)
}
},
},
created(){
this.id=this.$route.query.id
this.getevidenceDetail()
} }
} }
</script> </script>
......
src/pages/supply/buyOut/voucherSign.vue
View file @ 888ba114
<template> <template>
<div> <div>
<div class="content-head"> <div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb> <dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>编辑凭证</h3> <h3>确认凭证</h3>
<h5>编辑应收账款等凭证</h5> <h5>确认应收账款等凭证</h5>
</div> </div>
<div class="content"> <div class="content">
<div class="flex-item"> <div class="flex-item">
<div>下载合同：</div> <div>下载合同：</div>
<ul> <ul>
<li class="flex-item"> <li class="flex-item">
<div>合同名字.pdf</div> <div>{{detail.fileName}}f</div>
<el-button size="mini">下载</el-button> <!-- <el-button size="mini">下载</el-button> -->
</li> <a :href="detail.fileUrl">下载</a>
</ul> </li>
</div> </ul>
<div class="flex" style="margin-top: 50px;"> </div>
<div>上传图片：</div> <div class="flex" style="margin-top: 50px;">
<Upload @input="getfile"></Upload> <div>查看图片：</div>
</div> <div class="img-list flex">
<div class="backButton"> <div v-for="(item,index) in imgList" :key="index">
<el-button @click="back">返回</el-button> <el-image :src="item" :preview-src-list="srcList" style="width: 100px; height: 100px">
<el-button @click="sure">确认</el-button> </el-image>
</div> </div>
</div> </div>
</div> </div>
<div class="backButton">
<el-button @click="back">返回</el-button>
<el-button @click="submitData()">确认</el-button>
</div>
</div>
</div>
</template> </template>
<script> <script>
import dataBreadcrumb from '@components/dataBreadcrumb.vue' import {
import Upload from '@components/Upload/imgUpload.vue' confirmvoucher,
export default { evidenceDetail
components: { } from '@api/purchaser/buyOut'
dataBreadcrumb, import dataBreadcrumb from '@components/dataBreadcrumb.vue'
Upload export default {
}, components: {
data() { dataBreadcrumb
return { },
imgList: ['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'], data() {
breads: ['应收账款买断管理', '应收账款买断列表'], return {
srcList: [ imgList: ['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg', 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg' ],
] breads: ['应收账款买断管理', '应收账款买断列表'],
} srcList: [
}, 'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
methods: { 'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
back() { ],
this.$router.go(-1) id:"",
}, detail:""
sure() { }
},
} created() {
} this.getevidenceDetail()
},
} methods: {
back() {
this.$router.go(-1)
},
// 查看详情
async getevidenceDetail() {
let message={}
message.projectId = this.id
message.companyId =localStorage.getItem("companyId")
const {
data,
code
} = await evidenceDetail(message)
if (code == 200) {
this.detail = data
}
},
// 提出
async submitData() {
try {
let projectId = this.id
const {
msg,
code
} = await confirmvoucher(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)
}
},
},
created() {
this.id=this.$route.query.id
this.getevidenceDetail();
}
}
</script> </script>
<style scoped> <style scoped>
.img-list{ .img-list {
flex-wrap: wrap; flex-wrap: wrap;
} }
.img-list>div{
.img-list>div {
margin-right: 20px; margin-right: 20px;
} }
ul>li>div{
ul>li>div {
margin-right: 10px; margin-right: 10px;
} }
.backButton{
width:200px; .backButton {
width: 200px;
margin: 200px auto 30px; margin: 200px auto 30px;
} }
</style> </style>
src/pages/supply/organization/informationEdit.vue
View file @ 888ba114
...@@ -13,60 +13,60 @@ ...@@ -13,60 +13,60 @@
<div> <div>
<el-form ref="perfectForm" :model="perfectForm" :rules="rules" label-width="120px" inline> <el-form ref="perfectForm" :model="perfectForm" :rules="rules" label-width="120px" inline>
<el-form-item label="单位名称" prop="companyName" class="item"> <el-form-item label="单位名称" prop="companyName" class="item">
<el-input v-model="perfectForm.companyName" placeholder="请输入" style="width:240px"></el-input> <el-input v-model.trim="perfectForm.companyName" placeholder="请输入" style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="注册角色" prop="role" class="item"> <el-form-item label="注册角色" prop="role" class="item">
<el-input v-model="perfectForm.role" placeholder="请输入" style="width:240px"></el-input> <el-input v-model.trim="perfectForm.role" placeholder="请输入" style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="法人姓名" prop="legalPerson" class="item"> <el-form-item label="法人姓名" prop="legalPerson" class="item">
<el-input v-model="perfectForm.legalPerson" placeholder="请输入" style="width:240px"></el-input> <el-input v-model.trim="perfectForm.legalPerson" placeholder="请输入" style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="法人电话" prop="personPhone" class="item"> <el-form-item label="法人电话" prop="personPhone" class="item">
<el-input v-model="perfectForm.personPhone" placeholder="请输入" style="width:240px"></el-input> <el-input v-model.trim="perfectForm.personPhone" placeholder="请输入" style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="统一社会信用代码" prop="creditCode" class="item"> <el-form-item label="统一社会信用代码" prop="creditCode" class="item">
<el-input v-model="perfectForm.creditCode" placeholder="请输入" style="width:240px"></el-input> <el-input v-model.trim="perfectForm.creditCode" placeholder="请输入" style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="单位性质" prop="nature" class="item"> <el-form-item label="单位性质" prop="nature" class="item">
<el-input v-model="perfectForm.nature" placeholder="请输入" style="width:240px"></el-input> <el-input v-model.trim="perfectForm.nature" placeholder="请输入" style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="单位所在地" prop="companyLocal" class="item"> <el-form-item label="单位所在地" prop="companyLocal" class="item">
<el-input v-model="perfectForm.companyLocal" placeholder="请输入" style="width:240px"></el-input> <el-input v-model.trim="perfectForm.companyLocal" placeholder="请输入" style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="行业类型" prop="type" class="item"> <el-form-item label="行业类型" prop="type" class="item">
<el-input v-model="perfectForm.type" placeholder="请输入" style="width:240px"></el-input> <el-input v-model.trim="perfectForm.type" placeholder="请输入" style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="资信等级" prop="CreditRating" class="item"> <el-form-item label="资信等级" prop="CreditRating" class="item">
<el-input v-model="perfectForm.CreditRating" placeholder="请输入" style="width:240px"></el-input> <el-input v-model.trim="perfectForm.CreditRating" placeholder="请输入" style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="开户银行名称" prop="bank" class="item"> <el-form-item label="开户银行名称" prop="bank" class="item">
<el-input v-model="perfectForm.bank" placeholder="请输入" style="width:240px"></el-input> <el-input v-model.trim="perfectForm.bank" placeholder="请输入" style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="开户行行号" prop="bankNumber" class="item"> <el-form-item label="开户行行号" prop="bankNumber" class="item">
<el-input v-model="perfectForm.bankNumber" placeholder="请输入" style="width:240px"></el-input> <el-input v-model.trim="perfectForm.bankNumber" placeholder="请输入" style="width:240px"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="注册资本(万元)" prop="capital" class="item"> <el-form-item label="注册资本(万元)" prop="capital" class="item">
<el-input v-model="perfectForm.capital" placeholder="请输入" style="width:240px"></el-input> <el-input v-model.trim="perfectForm.capital" placeholder="请输入" style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系地址" prop="contactAddress" class="item"> <el-form-item label="联系地址" prop="contactAddress" class="item">
<el-input v-model="perfectForm.contactAddress" placeholder="请输入" style="width:240px"></el-input> <el-input v-model.trim="perfectForm.contactAddress" placeholder="请输入" style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="管理员" prop="admin" class="item"> <el-form-item label="管理员" prop="admin" class="item">
<el-input v-model="perfectForm.admin" disabled style="width:240px"></el-input> <el-input v-model.trim="perfectForm.admin" disabled style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系电话" prop="contactNumber" class="item"> <el-form-item label="联系电话" prop="contactNumber" class="item">
<el-input v-model="perfectForm.contactNumber" disabled style="width:240px"></el-input> <el-input v-model.trim="perfectForm.contactNumber" disabled style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="身份证" prop="id" class="item"> <el-form-item label="身份证" prop="id" class="item">
<el-input v-model="perfectForm.id" disabled style="width:240px"></el-input> <el-input v-model.trim="perfectForm.id" disabled style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="电子邮箱" prop="id" class="item"> <el-form-item label="电子邮箱" prop="id" class="item">
<el-input v-model="perfectForm.email" disabled style="width:240px"></el-input> <el-input v-model.trim="perfectForm.email" disabled style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<div> <div>
<el-form-item label="经营范围" prop="businessScope" class="item"> <el-form-item label="经营范围" prop="businessScope" class="item">
<el-input v-model="perfectForm.businessScope" :rows="4" type="textarea" placeholder="请输入内容" style="width:600px"></el-input> <el-input v-model.trim="perfectForm.businessScope" :rows="4" type="textarea" placeholder="请输入内容" style="width:600px" maxlength="300"></el-input>
</el-form-item> </el-form-item>
</div> </div>
<div class="margin-left"> <div class="margin-left">
...@@ -134,7 +134,7 @@ ...@@ -134,7 +134,7 @@
<el-dialog :visible.sync="dialogFormVisible" title="提交审核"> <el-dialog :visible.sync="dialogFormVisible" title="提交审核">
<el-form ref="dialogform" :model="form" :rules="rules"> <el-form ref="dialogform" :model="form" :rules="rules">
<el-form-item label="修改位置" prop="modifyLocation" class="item"> <el-form-item label="修改位置" prop="modifyLocation" class="item">
<el-input v-model="form.modifyLocation" style="width:240px"></el-input> <el-input v-model.trim="form.modifyLocation" style="width:240px" maxlength="30"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="backButton"> <div slot="footer" class="backButton">
......
src/pages/supply/organization/informationSee.vue
View file @ 888ba114
<template> <template>
<div class="userDetail"> <div class="userDetail">
<div class="content-head"> <div class="content-head">
<dataBreadcrumb :breads="breads"></dataBreadcrumb> <dataBreadcrumb :breads="breads"></dataBreadcrumb>
<h3>查看</h3> <h3>查看</h3>
<div>查看基本信息、企业资质文件</div> <div>查看基本信息、企业资质文件</div>
</div> </div>
<div class="detail-list"> <div class="detail-list">
<div> <div>
<h5>基本信息</h5> <h5>基本信息</h5>
<ul class="flex"> <ul class="flex">
<li v-for="(item,index) in informationList" :key="index"> <li>
<div>*{{ item.title }}</div> <div>单位名称</div>
<div>{{ item.message }}</div> <div>{{detail.companyName}}</div>
</li> </li>
</ul> <li>
<div class="detail-item"> <div>注册角色</div>
<div>*经营范围</div> <div>11</div>
<div>一般项目：技术服务，技术开发</div> </li>
</div> <li>
<div class="detail-item"> <div>法人姓名</div>
<div>*法人身份证正反面</div> <div>{{detail.legalPersonName}}</div>
<el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image> </li>
</div> <li>
<div class="detail-item"> <div>法人电话</div>
<div>*三证合一扫描件</div> <div>11</div>
<el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image> </li>
</div> <li>
<div class="detail-item"> <div>统一社会信用代码</div>
<div>其他资料</div> <div>{{detail.socialCode}}</div>
<div class="flex-between pdf"> </li>
<div>pdf文件</div> <li>
<div>预览</div> <div>行政区域 </div>
<div>下载</div> <div>{{detail.companyName}}</div>
</div> </li>
</div> <li>
</div> <div>单位性质</div>
</div> <div>{{detail.companyNature}}</div>
<div class="operation"> </li>
<button @click="edit">编辑</button> <li>
</div> <div>单位所在地</div>
</div> <div>{{detail.location}}</div>
</li>
<li>
<div>行业类型</div>
<div>222</div>
</li>
<li>
<div>开户银行名称</div>
<div>222</div>
</li>
<li>
<div>结算账户</div>
<div>222</div>
</li>
<li>
<div>结算账户名</div>
<div>222</div>
</li>
<li>
<div>注册资本(万元)</div>
<div>{{detail.registeredCapital}}</div>
</li>
<li>
<div>联系地址</div>
<div>{{detail.contactAddress}}</div>
</li>
<li>
<div>管理员姓名</div>
<div>{{detail.companyName}}</div>
</li>
<li>
<div> 手机号 </div>
<div>{{detail.legalPersonPhone}}</div>
</li>
<li>
<div> 身份证 </div>
<div>222</div>
</li>
<li>
<div>电子邮箱 </div>
<div>{{detail.companyName}}</div>
</li>
</ul>
<div class="detail-item">
<div>经营范围</div>
<div>一般项目：技术服务，技术开发</div>
</div>
<div class="detail-item">
<div>法人身份证正反面</div>
<el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image>
</div>
<div class="detail-item">
<div>三证合一扫描件</div>
<el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image>
</div>
<div class="detail-item">
<div>其他资料</div>
<div class="flex-between pdf">
<div>pdf文件</div>
<div>预览</div>
<div>下载</div>
</div>
</div>
</div>
</div>
<div class="operation">
<button @click="edit">编辑</button>
</div>
</div>
</template> </template>
<script> <script>
import dataBreadcrumb from '@components/dataBreadcrumb.vue' import {
export default { companyDetail
components: { } from '@api/common/list'
dataBreadcrumb import dataBreadcrumb from '@components/dataBreadcrumb.vue'
}, export default {
data() { components: {
return { dataBreadcrumb
breads: ['查看基本信息', '企业资质文件'], },
informationList: [{ data() {
title: '单位名称', return {
message: '腾讯' detail: "",
}, { breads: ['查看基本信息', '企业资质文件'],
title: '注册角色', informationList: [{
message: '采购商' title: '单位名称',
}, { message: '腾讯'
title: '法人姓名', }, {
message: '谢墩满' title: '注册角色',
}, { message: '采购商'
title: '法人电话', }, {
message: '1784574567' title: '法人姓名',
}, { message: '谢墩满'
title: '统一社会信用代码', }, {
message: '91330104MA27YU1X0K' title: '法人电话',
}, { message: '1784574567'
title: '行政区域', }, {
message: '浙江省 杭州市 滨江区' title: '统一社会信用代码',
}, { message: '91330104MA27YU1X0K'
title: '单位性质', }, {
message: '有限责任公司' title: '行政区域',
}, { message: '浙江省 杭州市 滨江区'
title: '单位所在地', }, {
message: '浙江 温州' title: '单位性质',
}, { message: '有限责任公司'
title: '行业类型', }, {
message: '娱乐业' title: '单位所在地',
}, { message: '浙江 温州'
title: '开户银行名称', }, {
message: '农行' title: '行业类型',
}, { message: '娱乐业'
title: '结算账号', }, {
message: '34567567856789' title: '开户银行名称',
}, { message: '农行'
title: '结算账户名', }, {
message: '谢天' title: '结算账号',
}, { message: '34567567856789'
title: '注册资本(万元)', }, {
message: '100' title: '结算账户名',
}, { message: '谢天'
title: '联系地址', }, {
message: '浙江温州' title: '注册资本(万元)',
}, { message: '100'
title: '管理员姓名', }, {
message: '谢' title: '联系地址',
}, { message: '浙江温州'
title: '手机号', }, {
message: '18957015590' title: '管理员姓名',
}, { message: '谢'
title: '身份证', }, {
message: '456789056789078' title: '手机号',
}, { message: '18957015590'
title: '电子邮箱', }, {
message: '34567890@qq.com' title: '身份证',
}], message: '456789056789078'
imglist: [{ }, {
src: require('@static/images/img.png') title: '电子邮箱',
}, { message: '34567890@qq.com'
src: require('@static/images/img.png') }],
}] imglist: [{
} src: require('@static/images/img.png')
}, }, {
methods: { src: require('@static/images/img.png')
edit() { }]
this.$router.push('/supply/organization/informationEdit') }
} },
} methods: {
} edit() {
this.$router.push('/purchaser/organization/informationEdit')
},
async getcompanyDetail() {
try {
let companyId = localStorage.getItem("companyId")
const {
data,
code
} = await companyDetail(companyId)
if (code === 200) {
this.detail = data
}
} catch (e) {
console.log(e)
}
}
},
created() {
this.getcompanyDetail()
}
}
</script> </script>
<style scoped> <style scoped>
...@@ -127,36 +216,36 @@ export default { ...@@ -127,36 +216,36 @@ export default {
margin-bottom: 50px; margin-bottom: 50px;
width: 180px width: 180px
} }
.detail-list>div>ul { .detail-list>div>ul {
flex-wrap: wrap; flex-wrap: wrap;
margin-left: 30px; margin-left: 30px;
margin-top: 20px; margin-top: 20px;
} }
.detail-head { .detail-head {
margin-left: 30px; margin-left: 30px;
padding-top: 10px; padding-top: 10px;
} }
.detail-head>h3 { .detail-head>h3 {
font-weight: bold; font-weight: bold;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.detail-list { .detail-list {
box-sizing: border-box; box-sizing: border-box;
padding-top: 20px; padding-top: 20px;
background-color: #F0F2F5; background-color: #F0F2F5;
margin-top: 10px; margin-top: 10px;
} }
.detail-list>div { .detail-list>div {
background-color: #FFFF; background-color: #FFFF;
padding-bottom: 20px; padding-bottom: 20px;
} }
.detail-list h5 { .detail-list h5 {
font-weight: bold; font-weight: bold;
height: 50px; height: 50px;
...@@ -165,20 +254,20 @@ export default { ...@@ -165,20 +254,20 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding-left: 30px; padding-left: 30px;
} }
.detail-item { .detail-item {
margin-left: 30px; margin-left: 30px;
margin-bottom: 30px; margin-bottom: 30px;
} }
.detail-item>div:first-child { .detail-item>div:first-child {
margin-bottom: 10px; margin-bottom: 10px;
} }
.pdf { .pdf {
width: 170px width: 170px
} }
.pdf>div:nth-child(2), .pdf>div:nth-child(2),
.pdf>div:last-child { .pdf>div:last-child {
width: 50px; width: 50px;
...@@ -188,13 +277,13 @@ export default { ...@@ -188,13 +277,13 @@ export default {
border-radius: 10px; border-radius: 10px;
border: 1px solid #000 border: 1px solid #000
} }
.operation { .operation {
margin-bottom: 10px; margin-bottom: 10px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
.operation>button { .operation>button {
width: 50px; width: 50px;
height: 30px; height: 30px;
...@@ -202,11 +291,11 @@ export default { ...@@ -202,11 +291,11 @@ export default {
background: #fff; background: #fff;
border: 1px solid #999; border: 1px solid #999;
} }
.flex-button>button { .flex-button>button {
margin-left: 10px; margin-left: 10px;
} }
.flex-button>button:last-child { .flex-button>button:last-child {
background: #28e; background: #28e;
color: #fff color: #fff
......
src/pages/supply/organization/jurisdictionList.vue
View file @ 888ba114
...@@ -2,8 +2,7 @@ ...@@ -2,8 +2,7 @@
<div > <div >
<div class="content"> <div class="content">
<dataBreadcrumb :breads="breads"></dataBreadcrumb> <dataBreadcrumb :breads="breads"></dataBreadcrumb>
<el-button type="primary" @click="add">创建新的角色</el-button> <dataTable :table-data="tableData" :columns="columns" :is-pageobj="false" >
<dataTable :table-data="tableData" :columns="columns" :is-pageobj="false" :table-top="30">
<el-table-column slot="operate" label="操作" align="center" fixed="right" > <el-table-column slot="operate" label="操作" align="center" fixed="right" >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="see(scope.row)">查看</el-button> <el-button type="text" size="small" @click="see(scope.row)">查看</el-button>
...@@ -38,7 +37,7 @@ export default { ...@@ -38,7 +37,7 @@ export default {
{ {
label: '备注', label: '备注',
prop: 'remark', prop: 'remark',
width: 400 width: 400
}, },
{ {
slot: 'operate' slot: 'operate'
...@@ -57,11 +56,8 @@ export default { ...@@ -57,11 +56,8 @@ export default {
} }
}, },
methods: { methods: {
// see() { see() {
// this.$router.push('/supply/organization/jurisdictionSee') this.$router.push('/purchaser/organization/jurisdictionSee')
// }
add() {
this.$router.push('/supply/organization/jurisdictionSee')
} }
} }
} }
......
src/pages/supply/organization/jurisdictionSee.vue
View file @ 888ba114
...@@ -7,22 +7,13 @@ ...@@ -7,22 +7,13 @@
</div> </div>
<div class="content"> <div class="content">
<div class="message"> <div class="message">
<el-form ref="form" :model="form" :rules="rules" label-width="100px" class="demo-ruleForm"> <div>角色名称：项目经理</div>
<el-form-item label="角色名称：" prop="name"> <div>备注：xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
<el-input v-model="form.name"></el-input> <div class="flex">
</el-form-item> <div>权限</div>
<el-form-item label="备注：" prop="name"> <el-tree :data="data" :props="defaultProps" show-checkbox node-key="id">
<el-input v-model="form.mark"></el-input> </el-tree>
</el-form-item> </div>
<el-form-item label="权限：" prop="name">
<el-tree :data="data" :props="defaultProps" show-checkbox node-key="id" @check-change="handleCheckChange">
</el-tree>
</el-form-item>
</el-form>
</div>
<div class="centerButton">
<el-button>取消</el-button>
<el-button type="primary" @click="submit">保存</el-button>
</div> </div>
</div> </div>
</div> </div>
...@@ -36,6 +27,7 @@ export default { ...@@ -36,6 +27,7 @@ export default {
}, },
data() { data() {
return { return {
breads: ['系统管理', '权限管理'],
data: [{ data: [{
id: 1, id: 1,
label: '首页', label: '首页',
...@@ -45,62 +37,49 @@ export default { ...@@ -45,62 +37,49 @@ export default {
children: [{ children: [{
id: 9, id: 9,
label: '招标项目管理' label: '招标项目管理'
}] }]
}] }]
}, { }, {
id: 2, id: 2,
label: '平台交货管理', label: '平台交货管理',
children: [{ children: [{
id: 5, id: 5,
label: '平台交货列表' label: '平台交货列表'
}] }]
}, { }, {
id: 3, id: 3,
label: '供应商管理', label: '供应商管理',
children: [{ children: [{
id: 7, id: 7,
label: '供应商列表' label: '供应商列表'
}, { }, {
id: 8, id: 8,
label: '我的供应商' label: '我的供应商'
}] }]
}, { }, {
id: 10, id: 10,
label: '组织管理', label: '组织管理',
children: [{ children: [{
id: 11, id: 11,
label: '单位信息' label: '单位信息'
}, { }, {
id: 12, id: 12,
label: '成员管理' label: '成员管理'
}, { }, {
id: 13, id: 13,
label: '权限管理' label: '权限管理'
}] }]
}, { }, {
id: 14, id: 14,
label: '系统管理', label: '系统管理',
children: [{ children: [{
id: 15, id: 15,
label: '绑定CA' label: '绑定CA'
}, { }, {
id: 16, id: 16,
label: '日志列表' label: '日志列表'
}]
}],
form: {
name: '',
mark: ''
},
rules: {
date2: [{
type: 'date',
required: true,
message: '请选择时间',
trigger: 'blur'
}] }]
}, }],
breads: ['系统管理', '权限管理'],
defaultProps: { defaultProps: {
children: 'children', children: 'children',
label: 'label' label: 'label'
...@@ -108,12 +87,7 @@ export default { ...@@ -108,12 +87,7 @@ export default {
} }
}, },
methods: { methods: {
submit() {
console.log(this.form)
},
handleCheckChange(data, checked, indeterminate) {
console.log(data, checked, indeterminate)
}
} }
} }
......
src/pages/supply/organization/memberManagement.vue
View file @ 888ba114
...@@ -13,16 +13,16 @@ ...@@ -13,16 +13,16 @@
<el-dialog :visible.sync="dialogFormVisible" title="收货地址"> <el-dialog :visible.sync="dialogFormVisible" title="收货地址">
<el-form ref="form" :model="form" :rules="rules"> <el-form ref="form" :model="form" :rules="rules">
<el-form-item label="姓名" label-width="50px" prop="name"> <el-form-item label="姓名" label-width="50px" prop="name">
<el-input v-model="form.name" autocomplete="off" placeholder="请输入"></el-input> <el-input v-model.trim="form.name" autocomplete="off" placeholder="请输入" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="手机" label-width="50px" prop="phone"> <el-form-item label="手机" label-width="50px" prop="phone">
<el-input v-model="form.phone" autocomplete="off" placeholder="请输入"></el-input> <el-input v-model.trim="form.phone" autocomplete="off" placeholder="请输入" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="邮箱" label-width="50px" prop="email"> <el-form-item label="邮箱" label-width="50px" prop="email">
<el-input v-model="form.email" autocomplete="off" placeholder="请输入"></el-input> <el-input v-model.trim="form.email" autocomplete="off" placeholder="请输入" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="密码" label-width="50px" prop="password"> <el-form-item label="密码" label-width="50px" prop="password">
<el-input v-model="form.password" autocomplete="off" show-password placeholder="请输入"></el-input> <el-input v-model.trim="form.password" autocomplete="off" show-password placeholder="请输入" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="角色" label-width="50px" prop="role"> <el-form-item label="角色" label-width="50px" prop="role">
<el-select v-model="form.role" placeholder="请选择"> <el-select v-model="form.role" placeholder="请选择">
......
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