|
@@ -1,47 +1,74 @@
|
|
|
<template>
|
|
|
<div id="index">
|
|
|
- <el-col :span="24" class="style">
|
|
|
- <el-col :span="24" class="top">
|
|
|
- <NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="main">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="style">
|
|
|
+ <el-col :span="24" class="top">
|
|
|
+ <NavBar v-show="navShow" :title="title" :isleftarrow="isleftarrow"> </NavBar>
|
|
|
+ </el-col>
|
|
|
<el-col :span="24" class="main">
|
|
|
- <el-col :span="24" class="one">
|
|
|
- <van-tabs v-model="active" animated>
|
|
|
- <van-tab>
|
|
|
- <template #title>
|
|
|
- <van-icon name="todo-list" />
|
|
|
- <p>我的全部</p>
|
|
|
- </template>
|
|
|
- <wholeList></wholeList>
|
|
|
- </van-tab>
|
|
|
- <van-tab>
|
|
|
- <template #title>
|
|
|
- <van-icon name="column" />
|
|
|
- <p>我的洽谈</p>
|
|
|
- </template>
|
|
|
- <negotiation></negotiation>
|
|
|
- </van-tab>
|
|
|
- <van-tab>
|
|
|
- <template #title>
|
|
|
- <van-icon name="label" />
|
|
|
- <p>我的意向</p>
|
|
|
- </template>
|
|
|
- <intentionList></intentionList>
|
|
|
- </van-tab>
|
|
|
+ <el-col :span="24" class="main">
|
|
|
+ <el-col :span="24" class="one">
|
|
|
+ <van-tabs v-model="active" animated>
|
|
|
+ <van-tab>
|
|
|
+ <template #title>
|
|
|
+ <van-icon name="todo-list" />
|
|
|
+ <p>我的全部</p>
|
|
|
+ </template>
|
|
|
+ <wholeList></wholeList>
|
|
|
+ </van-tab>
|
|
|
+ <van-tab>
|
|
|
+ <template #title>
|
|
|
+ <van-icon name="column" />
|
|
|
+ <p>我的洽谈</p>
|
|
|
+ </template>
|
|
|
+ <negotiation></negotiation>
|
|
|
+ </van-tab>
|
|
|
+ <van-tab>
|
|
|
+ <template #title>
|
|
|
+ <van-icon name="label" />
|
|
|
+ <p>我的意向</p>
|
|
|
+ </template>
|
|
|
+ <intentionList @submit="submit"></intentionList>
|
|
|
+ </van-tab>
|
|
|
|
|
|
- <van-tab>
|
|
|
- <template #title>
|
|
|
- <van-icon name="label" />
|
|
|
- <p>我的交易</p>
|
|
|
- </template>
|
|
|
- <transaction></transaction>
|
|
|
- </van-tab>
|
|
|
- </van-tabs>
|
|
|
+ <van-tab>
|
|
|
+ <template #title>
|
|
|
+ <van-icon name="label" />
|
|
|
+ <p>我的交易</p>
|
|
|
+ </template>
|
|
|
+ <transaction></transaction>
|
|
|
+ </van-tab>
|
|
|
+ </van-tabs>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
+ </el-row>
|
|
|
+ <van-popup v-model="show" position="bottom"
|
|
|
+ ><van-form @submit="onSubmit">
|
|
|
+ <van-field
|
|
|
+ v-model="newform.product_name"
|
|
|
+ name="产品名称"
|
|
|
+ label="产品名称"
|
|
|
+ placeholder="用户名"
|
|
|
+ :rules="[{ required: true, message: '请填写用户名' }]"
|
|
|
+ />
|
|
|
+ <van-field
|
|
|
+ v-model="newform.username"
|
|
|
+ name="购买人名称"
|
|
|
+ label="购买人名称"
|
|
|
+ placeholder="购买人名称"
|
|
|
+ :rules="[{ required: true, message: '请填写购买人名称' }]"
|
|
|
+ />
|
|
|
+ <van-field v-model="newform.market_username" name="营销人名称" label="营销人名称" placeholder="营销人名称" />
|
|
|
+ <van-field v-model="newform.description" name="描述" label="描述" placeholder="描述" />
|
|
|
+ <div style="margin: 16px;">
|
|
|
+ <van-button round block type="info" native-type="submit">
|
|
|
+ 提交
|
|
|
+ </van-button>
|
|
|
+ </div>
|
|
|
+ </van-form></van-popup
|
|
|
+ >
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -52,7 +79,7 @@ import wholeList from './parts/wholeList.vue';
|
|
|
import negotiation from './parts/negotiation.vue';
|
|
|
import intentionList from './parts/intentionList.vue';
|
|
|
import transaction from './parts/transaction.vue';
|
|
|
-
|
|
|
+const { mapActions: transactions } = createNamespacedHelpers('transaction');
|
|
|
export default {
|
|
|
name: 'index',
|
|
|
props: {},
|
|
@@ -66,27 +93,25 @@ export default {
|
|
|
navShow: true,
|
|
|
img_path: require('@/assets/logo.png'),
|
|
|
active: 0,
|
|
|
+ show: false,
|
|
|
+ newform: {},
|
|
|
}),
|
|
|
created() {},
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
- uploadSuccess({ type, data }) {
|
|
|
- console.log(type, data);
|
|
|
- // if (type !== 'img_path') {
|
|
|
- // let arr = _.get(this.uploads, type);
|
|
|
- // if (arr !== undefined) {
|
|
|
- // this.uploads[type].push({ name: data.name, uri: data.uri });
|
|
|
- // } else {
|
|
|
- // let newArr = [{ name: data.name, uri: data.uri }];
|
|
|
- // this.$set(this.uploads, `${type}`, newArr);
|
|
|
- // }
|
|
|
- // } else {
|
|
|
- // this.picLoading = false;
|
|
|
- // this.$set(this.info, `${type}`, data.uri);
|
|
|
- // this.$nextTick(() => {
|
|
|
- // this.picLoading = true;
|
|
|
- // });
|
|
|
- // }
|
|
|
+ ...transactions({ transactionList: 'query', transactiondtetle: 'delete', shenheupdate: 'update' }),
|
|
|
+
|
|
|
+ async submit(item) {
|
|
|
+ console.log(item);
|
|
|
+ this.show = true;
|
|
|
+ this.$set(this, `newform`, item);
|
|
|
+ item.status = '2';
|
|
|
+ console.log(item);
|
|
|
+ let res = await this.shenheupdate(item);
|
|
|
+ },
|
|
|
+
|
|
|
+ onSubmit() {
|
|
|
+ console.log(this.newform);
|
|
|
},
|
|
|
},
|
|
|
mounted() {
|
|
@@ -132,4 +157,10 @@ export default {
|
|
|
.van-icon {
|
|
|
font-size: 20px;
|
|
|
}
|
|
|
+/deep/.van-popup--bottom {
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 300px;
|
|
|
+}
|
|
|
</style>
|