|
@@ -1,53 +1,144 @@
|
|
|
<template>
|
|
|
<div id="recruitLists">
|
|
|
<el-row>
|
|
|
- <el-col :span="24" class="lists">
|
|
|
- <el-col :span="24" class="topTitle">
|
|
|
- <el-col class="rightTopL"> 我的订购</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="list">
|
|
|
- <el-col :span="24" class="tit">
|
|
|
- <el-col> 我的订购</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" v-for="(item, index) in recruitData" :key="index">
|
|
|
- <el-col class="xqborder">
|
|
|
- <el-col :span="24" class="fbListTop">
|
|
|
- <el-col :span="20"> {{ item.name }} </el-col>
|
|
|
- <el-col :span="4">
|
|
|
- {{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="fbListCenter">
|
|
|
- <el-col :span="6" class="fimage">
|
|
|
- <el-image style="width:100px;height:100px" :src="item.url"></el-image>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" class="fbListCenterC">
|
|
|
- <p class="textOver">产品:{{ item.name }}</p>
|
|
|
- <p>类别:{{ item.totaltype === '0' ? '技术' : item.totaltype === '1' ? '产品' : item.totaltype === '2' ? '服务' : 'underdind' }}</p>
|
|
|
- <p class="listMoney">{{ item.price }}/{{ item.priceunit }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" class="fbListCenterTwo">
|
|
|
- <el-col :span="24">交易说明:</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" class="fbListCenterR">
|
|
|
- <el-col :span="24" class="bainji">
|
|
|
- <el-col :span="24"> {{ item.state }}</el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="我的订购" name="first">
|
|
|
+ <el-row style="padding: 0 20px;">
|
|
|
+ <el-tabs v-model="activeNameFirst" @tab-click="handleClickFirst">
|
|
|
+ <el-tab-pane label="交易中" name="fgrrsss">
|
|
|
+ <el-col :span="24" v-for="(item, index) in dinggou1" :key="index">
|
|
|
+ <el-col class="xqborder">
|
|
|
+ <el-col :span="24" class="fbListTop">
|
|
|
+ <el-col :span="20"> </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ {{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="fbListCenter">
|
|
|
+ <el-col :span="6" class="fimage">
|
|
|
+ <el-col :span="24" v-for="(acm, index) in item.image" :key="index">
|
|
|
+ <el-image style="width:100px;height:100px" :src="acm.url"></el-image>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterC">
|
|
|
+ <p class="textOver">产品:{{ item.product_name }}</p>
|
|
|
+ <p>营销人名称:{{ item.market_username }}</p>
|
|
|
+ <p>购买人名称:{{ item.username }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterTwo">
|
|
|
+ <el-col :span="24">说明:{{ item.description }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterR">
|
|
|
+ <el-col :span="24" class="bainji">
|
|
|
+ <el-link :underline="false" @click="handleDelete(item)">彻底删除</el-link>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col class="page" :span="24">
|
|
|
- <el-pagination
|
|
|
- @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- :current-page="currentPage"
|
|
|
- layout="total, prev, pager, next, jumper"
|
|
|
- :total="total"
|
|
|
- >
|
|
|
- </el-pagination>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
+ <el-col class="page" :span="24">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="tatalstatus2"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ <el-tab-pane label="交易完成" name="fgrraaa">
|
|
|
+ <el-col :span="24" v-for="(item, index) in dinggou2" :key="index">
|
|
|
+ <el-col class="xqborder">
|
|
|
+ <el-col :span="24" class="fbListTop">
|
|
|
+ <el-col :span="20"> </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ {{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="fbListCenter">
|
|
|
+ <el-col :span="6" class="fimage">
|
|
|
+ <el-col :span="24" v-for="(acm, index) in item.image" :key="index">
|
|
|
+ <el-image style="width:100px;height:100px" :src="acm.url"></el-image>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterC">
|
|
|
+ <p class="textOver">产品:{{ item.product_name }}</p>
|
|
|
+ <p>营销人名称:{{ item.market_username }}</p>
|
|
|
+ <p>购买人名称:{{ item.username }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterTwo">
|
|
|
+ <el-col :span="24">说明:{{ item.description }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterR">
|
|
|
+ <el-col :span="24" class="bainji">
|
|
|
+ <el-link :underline="false" @click="handleDelete(item)">彻底删除</el-link>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="page" :span="24">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="tatalstatus2"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ <el-tab-pane label="交易取消" name="fgrr">
|
|
|
+ <el-col :span="24" v-for="(item, index) in dinggou3" :key="index">
|
|
|
+ <el-col class="xqborder">
|
|
|
+ <el-col :span="24" class="fbListTop">
|
|
|
+ <el-col :span="20"> </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ {{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="fbListCenter">
|
|
|
+ <el-col :span="6" class="fimage">
|
|
|
+ <el-col :span="24" v-for="(acm, index) in item.image" :key="index">
|
|
|
+ <el-image style="width:100px;height:100px" :src="acm.url"></el-image>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterC">
|
|
|
+ <p class="textOver">产品:{{ item.product_name }}</p>
|
|
|
+ <p>营销人名称:{{ item.market_username }}</p>
|
|
|
+ <p>购买人名称:{{ item.username }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterTwo">
|
|
|
+ <el-col :span="24">说明:{{ item.description }}</el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterR">
|
|
|
+ <el-col :span="24" class="bainji">
|
|
|
+ <el-link :underline="false" @click="handleDelete(item)">彻底删除</el-link>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="page" :span="24">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange3"
|
|
|
+ :current-page="currentPage"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="tatalstatus2"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </el-row>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ <el-link :underline="false" class="fabuBtn" @click="messFabu()">信息发布</el-link>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
@@ -60,22 +151,63 @@ export default {
|
|
|
recruitData: null,
|
|
|
columnName: null,
|
|
|
total: null,
|
|
|
+ successlist: null,
|
|
|
+ shenheList: null,
|
|
|
+ tatalstatus2: null,
|
|
|
+ tatalstatus1: null,
|
|
|
+ Transactionlist: null,
|
|
|
+ jiaoyilist1: null,
|
|
|
+ jiaoyilist: null,
|
|
|
+ dinggou1: null,
|
|
|
+ dinggou2: null,
|
|
|
+ dinggou3: null,
|
|
|
+ // gonggeiData: null,
|
|
|
},
|
|
|
components: {},
|
|
|
data: () => ({
|
|
|
- currentPage: 1,
|
|
|
+ currentPage: 0,
|
|
|
+ activeName: 'fgrrsss',
|
|
|
+ activeNameFirst: 'fgrrsss',
|
|
|
+ pageSize: 3,
|
|
|
}),
|
|
|
created() {},
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
- handleSizeChange(val) {
|
|
|
- console.log(`每页 ${val} 条`);
|
|
|
+ handleDelete(item) {
|
|
|
+ this.$emit('delete', { item });
|
|
|
+ },
|
|
|
+ messFabu() {
|
|
|
+ this.$router.push({ path: '/enterprise/enterprisexuqiu' });
|
|
|
},
|
|
|
- handleCurrentChange(val) {
|
|
|
- console.log(`当前页: ${val}`);
|
|
|
+ handleClick(tab, event) {
|
|
|
+ console.log(tab, event);
|
|
|
},
|
|
|
- clickDetailcm(row) {
|
|
|
- this.$emit('detailcm', { data: row });
|
|
|
+ handleClickFirst(tab, event) {
|
|
|
+ console.log(tab, event);
|
|
|
+ },
|
|
|
+ // handleSizeChange(val) {
|
|
|
+ // console.log(`每页 ${val} 条`);
|
|
|
+ // },
|
|
|
+ // handleCurrentChange(val) {
|
|
|
+ // console.log(`当前页: ${val}`);
|
|
|
+ // },
|
|
|
+
|
|
|
+ handleSizeChange(pageSize) {
|
|
|
+ // this.$emit('handleSizeChange', pageSize);
|
|
|
+ },
|
|
|
+ handleCurrentChange(currentPage) {
|
|
|
+ console.log(currentPage);
|
|
|
+ this.$emit('handleCurrentChange', { skip: (currentPage - 1) * this.pageSize, limit: this.pageSize, currentPage });
|
|
|
+ },
|
|
|
+
|
|
|
+ handleCurrentChange1(currentPage) {
|
|
|
+ console.log(currentPage);
|
|
|
+ this.$emit('handleCurrentChange1', { skip: (currentPage - 1) * this.pageSize, limit: this.pageSize, currentPage });
|
|
|
+ },
|
|
|
+
|
|
|
+ handleCurrentChange2(currentPage) {
|
|
|
+ console.log(currentPage);
|
|
|
+ this.$emit('handleCurrentChange2', { skip: (currentPage - 1) * this.pageSize, limit: this.pageSize, currentPage });
|
|
|
},
|
|
|
},
|
|
|
};
|
|
@@ -102,13 +234,11 @@ p {
|
|
|
font-size: 13px;
|
|
|
color: #888888;
|
|
|
}
|
|
|
-
|
|
|
.fbListCenter {
|
|
|
width: 870px;
|
|
|
height: 119px;
|
|
|
margin: 20px 0 0 12px;
|
|
|
}
|
|
|
-
|
|
|
.fimage {
|
|
|
width: 110px;
|
|
|
height: 119px;
|
|
@@ -122,7 +252,6 @@ p {
|
|
|
.fbListCenterC p {
|
|
|
padding: 5px 0;
|
|
|
}
|
|
|
-
|
|
|
.fbListCenterR {
|
|
|
border-left: 1px solid #ccc;
|
|
|
width: 125px;
|
|
@@ -131,7 +260,6 @@ p {
|
|
|
}
|
|
|
.listName {
|
|
|
width: 196px;
|
|
|
-
|
|
|
height: 30px;
|
|
|
font-size: 16px;
|
|
|
color: #555555;
|
|
@@ -142,7 +270,6 @@ p {
|
|
|
color: #fe0000;
|
|
|
width: 196px;
|
|
|
}
|
|
|
-
|
|
|
.fbListCenterTwo {
|
|
|
width: 385px;
|
|
|
float: left;
|
|
@@ -154,41 +281,13 @@ p {
|
|
|
.bainji {
|
|
|
padding: 0 0 0 20px;
|
|
|
}
|
|
|
-.list {
|
|
|
- height: 740px;
|
|
|
- padding: 0 20px 0 20px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.topTitle {
|
|
|
- height: 60px;
|
|
|
- width: 950px;
|
|
|
- line-height: 60px;
|
|
|
- border-bottom: 1px solid #215299;
|
|
|
-}
|
|
|
-.rightTopL {
|
|
|
- width: 130px;
|
|
|
- height: 60px;
|
|
|
- float: left;
|
|
|
- color: rgb(255, 255, 255);
|
|
|
- font-size: 18px;
|
|
|
- text-align: center;
|
|
|
- font-family: 微软雅黑, Tahoma, Arial, Helvetica, STHeiti;
|
|
|
- background: rgb(33, 82, 153);
|
|
|
-}
|
|
|
-
|
|
|
-.tit {
|
|
|
- background-color: #ffffff;
|
|
|
- padding: 30px 0 0 0;
|
|
|
- line-height: 50px;
|
|
|
- width: 890px;
|
|
|
- height: 80px;
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
- background-color: #ffffff;
|
|
|
- color: #215299;
|
|
|
-}
|
|
|
-
|
|
|
.page {
|
|
|
padding: 11px 0 0 0;
|
|
|
text-align: center;
|
|
|
}
|
|
|
+.fabuBtn {
|
|
|
+ position: absolute;
|
|
|
+ top: 65px;
|
|
|
+ right: 30px;
|
|
|
+}
|
|
|
</style>
|