|
@@ -0,0 +1,187 @@
|
|
|
+<template>
|
|
|
+ <div id="technical">
|
|
|
+ <el-col :span="24" class="main">
|
|
|
+ <el-col :span="24" class="left">
|
|
|
+ <el-col :span="24" class="downLeftTop">
|
|
|
+ <el-image :src="downLeftTopImage"></el-image>
|
|
|
+ <span class="topText">
|
|
|
+ <span>展会预约</span>
|
|
|
+ <span
|
|
|
+ ><p>A</p>
|
|
|
+ <p>ppointment</p></span
|
|
|
+ >
|
|
|
+ </span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="infoLeft">
|
|
|
+ <el-table :data="resultTable" stripe style="width: 96%" border>
|
|
|
+ <el-table-column prop="user_name" label="用户名称"> </el-table-column>
|
|
|
+ <el-table-column label="买家/卖家" :show-overflow-tooltip="true">
|
|
|
+ <template slot-scope="scoped">
|
|
|
+ {{ scoped.row.buyer === '0' ? '买家' : scoped.row.buyer === '1' ? '卖家' : '' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="contact" label="联系人" :show-overflow-tooltip="true"> </el-table-column>
|
|
|
+ <el-table-column prop="contact_tel" label="联系人电话" :show-overflow-tooltip="true"> </el-table-column>
|
|
|
+ <el-table-column prop="email" label="邮箱" :show-overflow-tooltip="true"> </el-table-column>
|
|
|
+ <el-table-column prop="company" label="单位名称" :show-overflow-tooltip="true"> </el-table-column>
|
|
|
+ <el-table-column prop="apply_time" label="申请时间" :show-overflow-tooltip="true"> </el-table-column>
|
|
|
+ <el-table-column label="审核状态" align="center">
|
|
|
+ <template slot-scope="scoped">
|
|
|
+ {{ scoped.row.status === '0' ? '未审核' : scoped.row.status === '1' ? '审核通过' : '审核拒绝' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="操作">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button size="mini" type="text" @click.prevent="success(scope.row)">
|
|
|
+ <el-tooltip class="item" effect="dark" content="审核通过" placement="top-start"><i class="el-icon-refresh"></i></el-tooltip>
|
|
|
+ </el-button>
|
|
|
+
|
|
|
+ <el-button size="mini" type="text" @click.prevent="shibai(scope.row)">
|
|
|
+ <el-tooltip class="item" effect="dark" content="审核拒绝" placement="top-start"><i class="el-icon-refresh"></i></el-tooltip>
|
|
|
+ </el-button>
|
|
|
+ <el-button size="mini" type="text" @click.prevent="deleteRow(scope.row.id)">
|
|
|
+ <el-tooltip class="item" effect="dark" content="删除" placement="top-start"><i class="el-icon-delete"></i></el-tooltip>
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import _ from 'lodash';
|
|
|
+import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
+const { mapActions: news } = createNamespacedHelpers('news');
|
|
|
+export default {
|
|
|
+ name: 'technical',
|
|
|
+ props: {
|
|
|
+ resultTable: null,
|
|
|
+ },
|
|
|
+ components: {},
|
|
|
+ data: () => ({
|
|
|
+ downLeftTopImage: require('@/assets/live/square_big.png'),
|
|
|
+ jishuImage: require('@/assets/live/main3.png'),
|
|
|
+ }),
|
|
|
+ created() {
|
|
|
+ this.searchInfo();
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ pageTitle() {
|
|
|
+ return `${this.$route.meta.title}`;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ metaInfo() {
|
|
|
+ return { title: this.$route.meta.title };
|
|
|
+ },
|
|
|
+
|
|
|
+ methods: {
|
|
|
+ ...news(['query']),
|
|
|
+ async searchInfo() {},
|
|
|
+ add() {
|
|
|
+ this.$router.push({ path: '/enterprise/duijiedetail' });
|
|
|
+ },
|
|
|
+
|
|
|
+ shibai(row) {
|
|
|
+ this.$emit('shibai', row);
|
|
|
+ },
|
|
|
+ success(row) {
|
|
|
+ this.$emit('success', row);
|
|
|
+ },
|
|
|
+ deleteRow(id) {
|
|
|
+ this.$emit('deleteRow', id);
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.jishuImage {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+.main {
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ float: none;
|
|
|
+}
|
|
|
+.left {
|
|
|
+ float: left;
|
|
|
+ height: 500px;
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 20px 20px 20px 20px;
|
|
|
+}
|
|
|
+.leftTitle {
|
|
|
+ text-align: center;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.topText {
|
|
|
+ width: 94%;
|
|
|
+ border-bottom: 2.5px solid #044b79;
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+ top: -10px;
|
|
|
+ margin: 0 0 0 5px;
|
|
|
+}
|
|
|
+.topText span:first-child {
|
|
|
+ font-size: 24px;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #000000;
|
|
|
+ padding: 0 10px;
|
|
|
+ top: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+.topText span p:first-child {
|
|
|
+ font-weight: 800;
|
|
|
+ font-size: 34px;
|
|
|
+ color: #92959a;
|
|
|
+ top: 11px;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.topText span p:last-child {
|
|
|
+ display: inline-block;
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #92959a;
|
|
|
+}
|
|
|
+.topText span:last-child {
|
|
|
+ float: right;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #044b79;
|
|
|
+ position: relative;
|
|
|
+ top: 20px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.infoLeft {
|
|
|
+ height: 480px;
|
|
|
+ padding: 20px 20px;
|
|
|
+ margin: 1px 0 0 0;
|
|
|
+}
|
|
|
+.leftListDown {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.leftListDown span:first-child {
|
|
|
+ display: inline-block;
|
|
|
+ width: 80%;
|
|
|
+ height: 3px;
|
|
|
+ background: rgba(4, 75, 121, 0.37);
|
|
|
+ margin: 0 10px 0 0;
|
|
|
+ position: absolute;
|
|
|
+ left: -10px;
|
|
|
+ top: 10px;
|
|
|
+}
|
|
|
+.leftListDown span:last-child {
|
|
|
+ font-size: 16px;
|
|
|
+ float: right;
|
|
|
+ padding: 0 15px 0 0;
|
|
|
+ color: #044b79;
|
|
|
+ font-weight: 700;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+</style>
|