Commit 888ba114 authored by 张冬's avatar 张冬

更新

parent f4874df4
...@@ -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'
})
}
// 部署线上 // 部署线上
......
...@@ -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',
})
}
<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>
...@@ -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
......
...@@ -9,21 +9,89 @@ ...@@ -9,21 +9,89 @@
<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>
<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> </li>
</ul> </ul>
<div class="detail-item"> <div class="detail-item">
<div>*经营范围</div> <div>经营范围</div>
<div>一般项目:技术服务,技术开发</div> <div>一般项目:技术服务,技术开发</div>
</div> </div>
<div class="detail-item"> <div class="detail-item">
<div>*法人身份证正反面</div> <div>法人身份证正反面</div>
<el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image> <el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image>
</div> </div>
<div class="detail-item"> <div class="detail-item">
<div>*三证合一扫描件</div> <div>三证合一扫描件</div>
<el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image> <el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image>
</div> </div>
<div class="detail-item"> <div class="detail-item">
...@@ -43,13 +111,17 @@ ...@@ -43,13 +111,17 @@
</template> </template>
<script> <script>
import dataBreadcrumb from '@components/dataBreadcrumb.vue' import {
export default { companyDetail
} from '@api/common/list'
import dataBreadcrumb from '@components/dataBreadcrumb.vue'
export default {
components: { components: {
dataBreadcrumb dataBreadcrumb
}, },
data() { data() {
return { return {
detail: "",
breads: ['查看基本信息', '企业资质文件'], breads: ['查看基本信息', '企业资质文件'],
informationList: [{ informationList: [{
title: '单位名称', title: '单位名称',
...@@ -116,9 +188,26 @@ export default { ...@@ -116,9 +188,26 @@ export default {
methods: { methods: {
edit() { edit() {
this.$router.push('/purchaser/organization/informationEdit') 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>
......
...@@ -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}`)
} }
} }
} }
......
...@@ -5,171 +5,40 @@ ...@@ -5,171 +5,40 @@
<h3>查看</h3> <h3>查看</h3>
<div>查看基本信息、企业资质文件</div> <div>查看基本信息、企业资质文件</div>
</div> </div>
<div class="detail-list"> <organizationDetail :companyId="companyId"></organizationDetail>
<div> <div class="centerButton">
<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 class="operation">
<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>
...@@ -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,8 +52,8 @@ export default { ...@@ -53,8 +52,8 @@ export default {
} }
}, },
methods: { methods: {
see() { see(companyId) {
this.$router.push('/purchaser/supply/allSupplySee') this.$router.push(`/purchaser/supply/mySupplySee?companyId=${companyId}`)
} }
}, },
created() { created() {
......
...@@ -5,144 +5,39 @@ ...@@ -5,144 +5,39 @@
<h3>查看</h3> <h3>查看</h3>
<div>查看基本信息、企业资质文件</div> <div>查看基本信息、企业资质文件</div>
</div> </div>
<div class="detail-list"> <organizationDetail :companyId="companyId"></organizationDetail>
<div> <div class="centerButton">
<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> <el-button @click="back">返回</el-button>
</div> </div>
</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'
export default {
components: { components: {
dataBreadcrumb dataBreadcrumb,
organizationDetail
}, },
data() { data() {
return { return {
breads: ['招标管理', '招标项目管理', '工作台'], breads: ['招标管理', '招标项目管理', '工作台'],
informationList: [{ companyId: ""
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'
}]
} }
}, },
created() {
this.companyId = this.$route.query.companyId
},
methods: { 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;
} }
</script>
.detail-item {
margin-left: 30px;
margin-bottom: 30px;
}
.detail-item>div:first-child { <style scoped>
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>
<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_PLATFORM_TO_TENDER_CONTRACT'">等待与采购商签署合同</div> <div v-if="scope.row.status=='PRE_BIDDER_CONTRACT'">待供应商签署合同</div>
<div v-if="scope.row.status=='WAIT_CONTRACT_UPLOAD'">等待合同上传</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> </template>
</el-table-column> </el-table-column>
<el-table-column slot="operate" label="操作" align="center" fixed="right" width="200"> <el-table-column slot="operate" label="操作" align="center" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.state==0||scope.row.state==1"> <div class="flex">
<el-button type="text" size="small" @click="contractSign(scope.row)">合同签署</el-button> <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>
<div v-if="scope.row.state==2"> <div>
<el-button type="text" size="small" @click="contractSee(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="upload(scope.row)">上传凭证</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>
<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> </div>
</template> </template>
</el-table-column> </el-table-column>
...@@ -39,11 +37,13 @@ ...@@ -39,11 +37,13 @@
</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'
import changeNav from '@components/changeNav.vue'
export default {
components: { components: {
dataTable, dataTable,
dataBreadcrumb, dataBreadcrumb,
...@@ -51,30 +51,23 @@ export default { ...@@ -51,30 +51,23 @@ export default {
}, },
data() { data() {
return { return {
sendData: {},
checklist: [{ checklist: [{
title: '采购商', title: '供应商',
type: 'input', type: 'input',
model: 'supply' model: 'bidCompanyName'
}, { }, {
title: '状态', title: '状态',
type: 'select', type: 'select',
selectlist: [{ selectlist: [],
value: '1',
label: '公开招标'
}, {
value: '2',
label: '邀请招标'
}],
change: row => '', change: row => '',
model: 'state' model: 'status'
} }],
],
breads: ['应收账款买断管理', '应收账款买断列表'], breads: ['应收账款买断管理', '应收账款买断列表'],
navs: ['应收账款买断列表'], navs: ['应收账款买断列表'],
tableData: [],
columns: [{ columns: [{
label: '供应商(中标)', label: '供应商(中标)',
prop: 'supply' prop: 'bidCompanyName'
}, },
{ {
label: '项目名称', label: '项目名称',
...@@ -84,36 +77,44 @@ export default { ...@@ -84,36 +77,44 @@ export default {
slot: 'operate' slot: 'operate'
} }
], // 操作列 ], // 操作列
pageObj: {
size: 10,
total: 1,
currentPage: 1,
sizes: [100, 200, 300],
func: (currentPage) => {
this.pageTurning(currentPage)
}
}
} }
}, },
created() {
this.getDropList();
this.sendData.tenderCompanyId = localStorage.getItem("companyId")
},
methods: { methods: {
contractSign() { contractSign(id) {
this.$router.push('/supply/buyOut/contractSign') this.$router.push(`/purchaser/buyOut/contractSign?id=${id}`)
}, },
contractSee() { contractSee(id) {
this.$router.push('/supply/buyOut/contractSee') this.$router.push(`/purchaser/buyOut/contractSee?id=${id}`)
}, },
voucherSee() { voucherSee(id) {
this.$router.push('/supply/buyOut/voucherSee') this.$router.push(`/purchaser/buyOut/voucherSee?id=${id}`)
}, },
voucherSign() { voucherSign(id) {
this.$router.push('/supply/buyOut/voucherSign') this.$router.push(`/purchaser/buyOut/voucherSign?id=${id}`)
}, },
upload() { async getDropList() {
this.$router.push('/supply/buyOut/upload') 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> </script>
<style scoped> <style scoped>
......
...@@ -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%;
......
...@@ -9,14 +9,14 @@ ...@@ -9,14 +9,14 @@
<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>
...@@ -25,22 +25,32 @@ ...@@ -25,22 +25,32 @@
</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'
import dataBreadcrumb from '@components/dataBreadcrumb.vue'
import PDF from '@components/PDF/PDF.vue'
export default {
components: { components: {
dataBreadcrumb dataBreadcrumb,
PDF
}, },
data() { data() {
return { return {
breads: ['应收账款买断管理', '应收账款买断列表'] breads: ['应收账款买断管理', '应收账款买断列表'],
detail:"",
id:""
} }
}, },
created() {
this.id=this.$route.query.id
this.getcontract()
},
methods: { methods: {
back() { back() {
this.$router.go(-1) this.$router.go(-1)
...@@ -54,25 +64,66 @@ export default { ...@@ -54,25 +64,66 @@ export default {
this.$message.success('撤销成功') this.$message.success('撤销成功')
}) })
.catch(() => {}) .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>
...@@ -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>
......
...@@ -2,73 +2,129 @@ ...@@ -2,73 +2,129 @@
<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> -->
<a :href="detail.fileUrl">下载</a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="flex" style="margin-top: 50px;"> <div class="flex" style="margin-top: 50px;">
<div>上传图片:</div> <div>查看图片:</div>
<Upload @input="getfile"></Upload> <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>
<div class="backButton"> <div class="backButton">
<el-button @click="back">返回</el-button> <el-button @click="back">返回</el-button>
<el-button @click="sure">确认</el-button> <el-button @click="submitData()">确认</el-button>
</div> </div>
</div> </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
} from '@api/purchaser/buyOut'
import dataBreadcrumb from '@components/dataBreadcrumb.vue'
export default {
components: { components: {
dataBreadcrumb, dataBreadcrumb
Upload
}, },
data() { data() {
return { return {
imgList: ['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'], imgList: ['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
],
breads: ['应收账款买断管理', '应收账款买断列表'], breads: ['应收账款买断管理', '应收账款买断列表'],
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:"",
detail:""
} }
}, },
created() {
this.getevidenceDetail()
},
methods: { methods: {
back() { back() {
this.$router.go(-1) this.$router.go(-1)
}, },
sure() { // 查看详情
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>
...@@ -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">
......
...@@ -9,21 +9,89 @@ ...@@ -9,21 +9,89 @@
<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>
<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> </li>
</ul> </ul>
<div class="detail-item"> <div class="detail-item">
<div>*经营范围</div> <div>经营范围</div>
<div>一般项目:技术服务,技术开发</div> <div>一般项目:技术服务,技术开发</div>
</div> </div>
<div class="detail-item"> <div class="detail-item">
<div>*法人身份证正反面</div> <div>法人身份证正反面</div>
<el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image> <el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image>
</div> </div>
<div class="detail-item"> <div class="detail-item">
<div>*三证合一扫描件</div> <div>三证合一扫描件</div>
<el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image> <el-image v-for="(item,index) in imglist" :src="item.src" :key="index" style="margin-right:20px"></el-image>
</div> </div>
<div class="detail-item"> <div class="detail-item">
...@@ -43,13 +111,17 @@ ...@@ -43,13 +111,17 @@
</template> </template>
<script> <script>
import dataBreadcrumb from '@components/dataBreadcrumb.vue' import {
export default { companyDetail
} from '@api/common/list'
import dataBreadcrumb from '@components/dataBreadcrumb.vue'
export default {
components: { components: {
dataBreadcrumb dataBreadcrumb
}, },
data() { data() {
return { return {
detail: "",
breads: ['查看基本信息', '企业资质文件'], breads: ['查看基本信息', '企业资质文件'],
informationList: [{ informationList: [{
title: '单位名称', title: '单位名称',
...@@ -115,10 +187,27 @@ export default { ...@@ -115,10 +187,27 @@ export default {
}, },
methods: { methods: {
edit() { edit() {
this.$router.push('/supply/organization/informationEdit') 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>
......
...@@ -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>
...@@ -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')
} }
} }
} }
......
...@@ -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-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-tree>
</el-form-item>
</el-form>
</div> </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: '首页',
...@@ -88,19 +80,6 @@ export default { ...@@ -88,19 +80,6 @@ export default {
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)
}
} }
} }
......
...@@ -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