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