个人中心完成

src/components/personCenter/user.vue

@@ -37,6 +37,18 @@
             <span v-else-if="type === 'release'">
               <release :xuqiuForm="xuqiuForm" :gongjiForm="gongjiForm" :chanpinForm="chanpinForm"></release>
             </span>
+            <span v-else-if="type === 'myRelease'">
+              <myRelease :xuqiuYishenList="xuqiuYishenList"></myRelease>
+            </span>
+            <span v-else-if="type === 'audit'">
+              <myRelease :xuqiuYishenList="xuqiuYishenList"></myRelease>
+            </span>
+            <span v-else-if="type === 'order'">
+              <order :orderList="orderList"></order>
+            </span>
+            <span v-else-if="type === 'census'">
+              <census :orderList="orderList"></census>
+            </span>
             <span v-else>
               不知道
             </span>
@@ -62,7 +74,9 @@ import basic from '@/layout/personCenter/basic.vue';
 import message from '@/layout/personCenter/message.vue';
 import userMange from '@/layout/personCenter/userMange.vue';
 import release from '@/layout/personCenter/release.vue';
-
+import myRelease from '@/layout/personCenter/myRelease.vue';
+import order from '@/layout/personCenter/order.vue';
+import census from '@/layout/personCenter/census.vue';
 import foot from '@/layout/index/foot.vue';
 export default {
   name: 'user',
@@ -75,6 +89,8 @@ export default {
     xuqiuForm: null, //我要发布-需求发布
     gongjiForm: null, //我要发布-供给需求
     chanpinForm: null, //我要发布-产品发布
+    xuqiuYishenList: null, //我的发布-我的需求-已审核
+    orderList: null, //我的订购
   },
   components: {
     top, //头部
@@ -86,6 +102,9 @@ export default {
     message, //信息管理
     userMange, //用户管理
     release, //我要发布
+    myRelease, //我的发布,我的审核
+    order, //我的订购
+    census, //统计信息
     foot, //底部
   },
   data: () => ({}),

src/layout/personCenter/census.vue

@@ -0,0 +1,196 @@
+<template>
+  <div id="census">
+    <el-row>
+      <el-col :span="24" class="basic">
+        <el-col :span="24" class="basicTop">
+          <span>统计信息</span>
+        </el-col>
+        <el-col :span="24" class="basicInfo">
+          <el-tabs v-model="activeName" @tab-click="handleClick">
+            <el-tab-pane label="统计信息" name="first">
+              <el-col :span="24" class="info">
+                <el-col :span="24" class="xuqiuYishenList" v-for="(item, index) in orderList" :key="index">
+                  <el-col :span="20" class="num"> 信息号：{{ item.num }} </el-col>
+                  <el-col :span="4" class="date">{{ item.date }} </el-col>
+                  <el-col :span="10" class="left">
+                    <el-col :span="12" class="image">
+                      <el-image style="width:100px;height:100px;" :src="item.pic"></el-image>
+                    </el-col>
+                    <el-col :span="12" class="center">
+                      <el-col :span="24" class="name">
+                        {{ item.name }}
+                      </el-col>
+                      <el-col :span="24" class="name"> 类别：{{ item.type }} </el-col>
+                      <el-col :span="24" class="name yen"> &yen;{{ item.yen }} </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="10" class="shenqing">
+                    交易说明：
+                    <p>{{ item.content }}</p>
+                  </el-col>
+                  <el-col :span="4" class="btn">
+                    <el-link :underline="false">编辑</el-link><br />
+                    <el-link :underline="false">彻底删除</el-link><br />
+                    <el-link :underline="false">查看详情</el-link>
+                  </el-col>
+                </el-col>
+              </el-col>
+              <el-col :span="24" class="page">
+                <el-pagination
+                  @size-change="handleSizeChange"
+                  @current-change="handleCurrentChange"
+                  :current-page="currentPage"
+                  layout="total, prev, pager, next, jumper"
+                  :total="1"
+                >
+                </el-pagination>
+              </el-col>
+            </el-tab-pane>
+          </el-tabs>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'census',
+  props: {
+    orderList: null,
+  },
+  components: {},
+  data: () => ({
+    activeName: 'first',
+    currentPage: 1,
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleClick(tab, event) {
+      console.log(tab, event);
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.basicTop {
+  height: 59px;
+  border-bottom: 1px solid #215299;
+}
+.basicTop span {
+  display: inline-block;
+  width: 130px;
+  height: 59px;
+  text-align: center;
+  line-height: 60px;
+  background-color: #215299;
+  color: #fff;
+  font-size: 18px;
+}
+.basicInfo {
+  padding: 20px 40px;
+}
+/deep/.el-tabs__header {
+  margin: 0;
+}
+/deep/.el-tabs__item {
+  font-size: 16px;
+  color: #ccc;
+}
+/deep/.el-tabs__active-bar {
+  background-color: #0165bb;
+}
+/deep/.el-tabs__item.is-active {
+  color: #0165bb !important;
+}
+.info {
+  margin: 20px 0 0 0;
+  height: 860px;
+  overflow: hidden;
+}
+.xuqiuYishenList {
+  border: 1px solid #ccc;
+  margin: 0 0 10px 0;
+}
+.xuqiuYishenList .num {
+  height: 40px;
+  line-height: 40px;
+  background-color: #fafafa;
+  padding: 0 10px;
+  font-size: 14px;
+  color: #888;
+}
+.xuqiuYishenList .date {
+  height: 40px;
+  line-height: 40px;
+  background-color: #fafafa;
+  font-size: 14px;
+  color: #888;
+  text-align: center;
+}
+.xuqiuYishenList .left {
+  height: 100px;
+  margin: 10px 0;
+  border-right: 1px solid #ccc;
+  padding: 0 0 0 10px;
+}
+.xuqiuYishenList .left .image {
+  width: 100px;
+  height: 100px;
+}
+.xuqiuYishenList .center {
+  height: 100px;
+  padding: 0 0 0 10px;
+}
+.xuqiuYishenList .center .name {
+  font-size: 16px;
+  color: #555;
+  height: 30px;
+  line-height: 30px;
+}
+.xuqiuYishenList .center .yen {
+  color: #ff0000;
+}
+.xuqiuYishenList .shenqing {
+  height: 100px;
+  margin: 10px 0;
+  border-right: 1px solid #ccc;
+  padding: 0 10px;
+  font-size: 14px;
+  color: #215299;
+}
+.xuqiuYishenList .shenqing p {
+  color: #555;
+  font-size: 14px;
+  text-indent: 1rem;
+  line-height: 25px;
+}
+.xuqiuYishenList .btn {
+  text-align: center;
+  height: 100px;
+  margin: 10px 0;
+  line-height: 30px;
+}
+.xuqiuYishenList .btn .el-link {
+  color: #215299;
+  margin: 0 10px;
+}
+.page {
+  height: 30px;
+  line-height: 30px;
+  margin: 40px 0;
+  text-align: center;
+}
+</style>

src/layout/personCenter/fenlei.vue

@@ -14,7 +14,8 @@
           <el-menu-item index="5"><span slot="title">我的发布</span></el-menu-item>
           <el-menu-item index="6"><span slot="title">我的审核</span></el-menu-item>
           <el-menu-item index="7"><span slot="title">我的订购</span></el-menu-item>
-          <el-menu-item index="8"><span slot="title">注销账号</span></el-menu-item>
+          <el-menu-item index="8"><span slot="title">统计信息</span></el-menu-item>
+          <el-menu-item index="9"><span slot="title">注销账号</span></el-menu-item>
         </el-menu>
       </el-col>
     </el-row>

src/layout/personCenter/myRelease.vue

@@ -0,0 +1,420 @@
+<template>
+  <div id="myRelease">
+    <el-row>
+      <el-col :span="24" class="myRelease">
+        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+          <el-tab-pane label="我的需求" name="first">
+            <el-col :span="24" class="myxuqiu">
+              <el-tabs v-model="activeNames" @tab-click="handleClicks">
+                <el-tab-pane label="已审核信息" name="first">
+                  <el-col :span="24" class="info">
+                    <el-col :span="24" class="xuqiuYishenList" v-for="(item, index) in xuqiuYishenList" :key="index">
+                      <el-col :span="20" class="num"> 信息号：{{ item.num }} </el-col>
+                      <el-col :span="4" class="date">{{ item.date }} </el-col>
+                      <el-col :span="10" class="left">
+                        <el-col :span="12" class="image">
+                          <el-image style="width:100px;height:100px;" :src="item.pic"></el-image>
+                        </el-col>
+                        <el-col :span="12" class="center">
+                          <el-col :span="24" class="name">
+                            {{ item.name }}
+                          </el-col>
+                          <el-col :span="24" class="name"> 类别：{{ item.type }} </el-col>
+                          <el-col :span="24" class="name yen"> &yen;{{ item.yen }} </el-col>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="10" class="shenqing">
+                        最新申请：
+                        <p>{{ item.content }}</p>
+                      </el-col>
+                      <el-col :span="4" class="btn">
+                        <el-link :underline="false">编辑</el-link><br />
+                        <el-link :underline="false">彻底删除</el-link><br />
+                        <el-link :underline="false">查看详情</el-link>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="page">
+                    <el-pagination
+                      @size-change="handleSizeChange"
+                      @current-change="handleCurrentChange"
+                      :current-page="currentPage"
+                      layout="total, prev, pager, next, jumper"
+                      :total="1"
+                    >
+                    </el-pagination>
+                  </el-col>
+                </el-tab-pane>
+                <el-tab-pane label="审核中信息" name="second">
+                  <el-col :span="24" class="info">
+                    <el-col :span="24" class="xuqiuYishenList" v-for="(item, index) in xuqiuYishenList" :key="index">
+                      <el-col :span="20" class="num"> 信息号：{{ item.num }} </el-col>
+                      <el-col :span="4" class="date">{{ item.date }} </el-col>
+                      <el-col :span="10" class="left">
+                        <el-col :span="12" class="image">
+                          <el-image style="width:100px;height:100px;" :src="item.pic"></el-image>
+                        </el-col>
+                        <el-col :span="12" class="center">
+                          <el-col :span="24" class="name">
+                            {{ item.name }}
+                          </el-col>
+                          <el-col :span="24" class="name"> 类别：{{ item.type }} </el-col>
+                          <el-col :span="24" class="name yen"> &yen;{{ item.yen }} </el-col>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="10" class="shenqing">
+                        最新申请：
+                        <p>{{ item.content }}</p>
+                      </el-col>
+                      <el-col :span="4" class="btn">
+                        <el-link :underline="false">审核</el-link><br />
+                        <el-link :underline="false">彻底删除</el-link>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="page">
+                    <el-pagination
+                      @size-change="handleSizeChange"
+                      @current-change="handleCurrentChange"
+                      :current-page="currentPage"
+                      layout="total, prev, pager, next, jumper"
+                      :total="1"
+                    >
+                    </el-pagination>
+                  </el-col>
+                </el-tab-pane>
+                <el-tab-pane label="交易完成信息" name="third">
+                  <el-col :span="24" class="info">
+                    <el-col :span="24" class="xuqiuYishenList" v-for="(item, index) in xuqiuYishenList" :key="index">
+                      <el-col :span="20" class="num"> 信息号：{{ item.num }} </el-col>
+                      <el-col :span="4" class="date">{{ item.date }} </el-col>
+                      <el-col :span="10" class="left">
+                        <el-col :span="12" class="image">
+                          <el-image style="width:100px;height:100px;" :src="item.pic"></el-image>
+                        </el-col>
+                        <el-col :span="12" class="center">
+                          <el-col :span="24" class="name">
+                            {{ item.name }}
+                          </el-col>
+                          <el-col :span="24" class="name"> 类别：{{ item.type }} </el-col>
+                          <el-col :span="24" class="name yen"> &yen;{{ item.yen }} </el-col>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="10" class="shenqing">
+                        最新申请：
+                        <p>{{ item.content }}</p>
+                      </el-col>
+                      <el-col :span="4" class="btn">
+                        <el-link :underline="false">编辑</el-link><br />
+                        <el-link :underline="false">彻底删除</el-link><br />
+                        <el-link :underline="false">查看详情</el-link>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="page">
+                    <el-pagination
+                      @size-change="handleSizeChange"
+                      @current-change="handleCurrentChange"
+                      :current-page="currentPage"
+                      layout="total, prev, pager, next, jumper"
+                      :total="1"
+                    >
+                    </el-pagination>
+                  </el-col>
+                </el-tab-pane>
+              </el-tabs>
+            </el-col>
+          </el-tab-pane>
+          <el-tab-pane label="我的供给" name="second">
+            <el-col :span="24" class="myxuqiu">
+              <el-tabs v-model="activeNames" @tab-click="handleClicks">
+                <el-tab-pane label="已审核信息" name="first">
+                  <el-col :span="24" class="info">
+                    <el-col :span="24" class="xuqiuYishenList" v-for="(item, index) in xuqiuYishenList" :key="index">
+                      <el-col :span="20" class="num"> 信息号：{{ item.num }} </el-col>
+                      <el-col :span="4" class="date">{{ item.date }} </el-col>
+                      <el-col :span="10" class="left">
+                        <el-col :span="12" class="image">
+                          <el-image style="width:100px;height:100px;" :src="item.pic"></el-image>
+                        </el-col>
+                        <el-col :span="12" class="center">
+                          <el-col :span="24" class="name">
+                            {{ item.name }}
+                          </el-col>
+                          <el-col :span="24" class="name"> 类别：{{ item.type }} </el-col>
+                          <el-col :span="24" class="name yen"> &yen;{{ item.yen }} </el-col>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="10" class="shenqing">
+                        最新申请：
+                        <p>{{ item.content }}</p>
+                      </el-col>
+                      <el-col :span="4" class="btn">
+                        <el-link :underline="false">编辑</el-link><br />
+                        <el-link :underline="false">彻底删除</el-link><br />
+                        <el-link :underline="false">查看详情</el-link>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="page">
+                    <el-pagination
+                      @size-change="handleSizeChange"
+                      @current-change="handleCurrentChange"
+                      :current-page="currentPage"
+                      layout="total, prev, pager, next, jumper"
+                      :total="1"
+                    >
+                    </el-pagination>
+                  </el-col>
+                </el-tab-pane>
+                <el-tab-pane label="审核中信息" name="second">
+                  <el-col :span="24" class="info">
+                    <el-col :span="24" class="xuqiuYishenList" v-for="(item, index) in xuqiuYishenList" :key="index">
+                      <el-col :span="20" class="num"> 信息号：{{ item.num }} </el-col>
+                      <el-col :span="4" class="date">{{ item.date }} </el-col>
+                      <el-col :span="10" class="left">
+                        <el-col :span="12" class="image">
+                          <el-image style="width:100px;height:100px;" :src="item.pic"></el-image>
+                        </el-col>
+                        <el-col :span="12" class="center">
+                          <el-col :span="24" class="name">
+                            {{ item.name }}
+                          </el-col>
+                          <el-col :span="24" class="name"> 类别：{{ item.type }} </el-col>
+                          <el-col :span="24" class="name yen"> &yen;{{ item.yen }} </el-col>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="10" class="shenqing">
+                        最新申请：
+                        <p>{{ item.content }}</p>
+                      </el-col>
+                      <el-col :span="4" class="btn">
+                        <el-link :underline="false">审核</el-link><br />
+                        <el-link :underline="false">彻底删除</el-link>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="page">
+                    <el-pagination
+                      @size-change="handleSizeChange"
+                      @current-change="handleCurrentChange"
+                      :current-page="currentPage"
+                      layout="total, prev, pager, next, jumper"
+                      :total="1"
+                    >
+                    </el-pagination>
+                  </el-col>
+                </el-tab-pane>
+                <el-tab-pane label="交易完成信息" name="third">
+                  <el-col :span="24" class="info">
+                    <el-col :span="24" class="xuqiuYishenList" v-for="(item, index) in xuqiuYishenList" :key="index">
+                      <el-col :span="20" class="num"> 信息号：{{ item.num }} </el-col>
+                      <el-col :span="4" class="date">{{ item.date }} </el-col>
+                      <el-col :span="10" class="left">
+                        <el-col :span="12" class="image">
+                          <el-image style="width:100px;height:100px;" :src="item.pic"></el-image>
+                        </el-col>
+                        <el-col :span="12" class="center">
+                          <el-col :span="24" class="name">
+                            {{ item.name }}
+                          </el-col>
+                          <el-col :span="24" class="name"> 类别：{{ item.type }} </el-col>
+                          <el-col :span="24" class="name yen"> &yen;{{ item.yen }} </el-col>
+                        </el-col>
+                      </el-col>
+                      <el-col :span="10" class="shenqing">
+                        最新申请：
+                        <p>{{ item.content }}</p>
+                      </el-col>
+                      <el-col :span="4" class="btn">
+                        <el-link :underline="false">编辑</el-link><br />
+                        <el-link :underline="false">彻底删除</el-link><br />
+                        <el-link :underline="false">查看详情</el-link>
+                      </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="page">
+                    <el-pagination
+                      @size-change="handleSizeChange"
+                      @current-change="handleCurrentChange"
+                      :current-page="currentPage"
+                      layout="total, prev, pager, next, jumper"
+                      :total="1"
+                    >
+                    </el-pagination>
+                  </el-col>
+                </el-tab-pane>
+              </el-tabs>
+            </el-col>
+          </el-tab-pane>
+        </el-tabs>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'myRelease',
+  props: {
+    xuqiuYishenList: null,
+  },
+  components: {},
+  data: () => ({
+    activeName: 'first',
+    activeNames: 'first',
+    currentPage: 1,
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleClick(tab, event) {
+      console.log(tab, event);
+    },
+    handleClicks(tab, event) {
+      console.log(tab, event);
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+/deep/.el-tabs__item {
+  padding: 0 53px;
+  font-size: 18px;
+  color: #888;
+  height: 60px;
+  line-height: 60px;
+}
+/deep/.el-tabs__header {
+  margin: 0;
+}
+/deep/.el-tabs--card > .el-tabs__header {
+  border-bottom: 1px solid #215299;
+}
+/deep/.el-tabs--card > .el-tabs__header .el-tabs__nav {
+  border: none;
+}
+/deep/.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
+  padding-left: 53px;
+}
+/deep/.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
+  padding-right: 53px;
+}
+/deep/.el-tabs__item.is-active {
+  background-color: #215299;
+  color: #fff;
+}
+.myxuqiu {
+  padding: 20px;
+}
+/deep/.myxuqiu .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
+  padding-left: 0;
+}
+/deep/.myxuqiu .el-tabs--top .el-tabs__item.is-top:last-child {
+  padding-right: 20px;
+}
+/deep/.myxuqiu .el-tabs__item {
+  padding: 0 20px;
+  font-size: 18px;
+  color: #888;
+  height: 40px;
+  line-height: 40px;
+}
+/deep/.myxuqiu .el-tabs__item.is-active {
+  background-color: transparent;
+  color: #215299;
+}
+/deep/.myxuqiu .el-tabs__active-bar {
+  background-color: #215299;
+  height: 0;
+}
+.info {
+  margin: 20px 0 0 0;
+  height: 860px;
+  overflow: hidden;
+}
+.xuqiuYishenList {
+  border: 1px solid #ccc;
+  margin: 0 0 10px 0;
+}
+.xuqiuYishenList .num {
+  height: 40px;
+  line-height: 40px;
+  background-color: #fafafa;
+  padding: 0 10px;
+  font-size: 14px;
+  color: #888;
+}
+.xuqiuYishenList .date {
+  height: 40px;
+  line-height: 40px;
+  background-color: #fafafa;
+  font-size: 14px;
+  color: #888;
+  text-align: center;
+}
+.xuqiuYishenList .left {
+  height: 100px;
+  margin: 10px 0;
+  border-right: 1px solid #ccc;
+  padding: 0 0 0 10px;
+}
+.xuqiuYishenList .left .image {
+  width: 100px;
+  height: 100px;
+}
+.xuqiuYishenList .center {
+  height: 100px;
+  padding: 0 0 0 10px;
+}
+.xuqiuYishenList .center .name {
+  font-size: 16px;
+  color: #555;
+  height: 30px;
+  line-height: 30px;
+}
+.xuqiuYishenList .center .yen {
+  color: #ff0000;
+}
+.xuqiuYishenList .shenqing {
+  height: 100px;
+  margin: 10px 0;
+  border-right: 1px solid #ccc;
+  padding: 0 10px;
+  font-size: 14px;
+  color: #215299;
+}
+.xuqiuYishenList .shenqing p {
+  color: #555;
+  font-size: 14px;
+  text-indent: 1rem;
+  line-height: 25px;
+}
+.xuqiuYishenList .btn {
+  text-align: center;
+  height: 100px;
+  margin: 10px 0;
+  line-height: 30px;
+}
+.xuqiuYishenList .btn .el-link {
+  color: #215299;
+  margin: 0 10px;
+}
+.page {
+  height: 30px;
+  line-height: 30px;
+  margin: 40px 0;
+  text-align: center;
+}
+</style>

src/layout/personCenter/order.vue

@@ -0,0 +1,196 @@
+<template>
+  <div id="order">
+    <el-row>
+      <el-col :span="24" class="basic">
+        <el-col :span="24" class="basicTop">
+          <span>我的订购</span>
+        </el-col>
+        <el-col :span="24" class="basicInfo">
+          <el-tabs v-model="activeName" @tab-click="handleClick">
+            <el-tab-pane label="我的订购" name="first">
+              <el-col :span="24" class="info">
+                <el-col :span="24" class="xuqiuYishenList" v-for="(item, index) in orderList" :key="index">
+                  <el-col :span="20" class="num"> 信息号：{{ item.num }} </el-col>
+                  <el-col :span="4" class="date">{{ item.date }} </el-col>
+                  <el-col :span="10" class="left">
+                    <el-col :span="12" class="image">
+                      <el-image style="width:100px;height:100px;" :src="item.pic"></el-image>
+                    </el-col>
+                    <el-col :span="12" class="center">
+                      <el-col :span="24" class="name">
+                        {{ item.name }}
+                      </el-col>
+                      <el-col :span="24" class="name"> 类别：{{ item.type }} </el-col>
+                      <el-col :span="24" class="name yen"> &yen;{{ item.yen }} </el-col>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="10" class="shenqing">
+                    交易说明：
+                    <p>{{ item.content }}</p>
+                  </el-col>
+                  <el-col :span="4" class="btn">
+                    <el-link :underline="false">编辑</el-link><br />
+                    <el-link :underline="false">彻底删除</el-link><br />
+                    <el-link :underline="false">查看详情</el-link>
+                  </el-col>
+                </el-col>
+              </el-col>
+              <el-col :span="24" class="page">
+                <el-pagination
+                  @size-change="handleSizeChange"
+                  @current-change="handleCurrentChange"
+                  :current-page="currentPage"
+                  layout="total, prev, pager, next, jumper"
+                  :total="1"
+                >
+                </el-pagination>
+              </el-col>
+            </el-tab-pane>
+          </el-tabs>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'order',
+  props: {
+    orderList: null,
+  },
+  components: {},
+  data: () => ({
+    activeName: 'first',
+    currentPage: 1,
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleClick(tab, event) {
+      console.log(tab, event);
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.basicTop {
+  height: 59px;
+  border-bottom: 1px solid #215299;
+}
+.basicTop span {
+  display: inline-block;
+  width: 130px;
+  height: 59px;
+  text-align: center;
+  line-height: 60px;
+  background-color: #215299;
+  color: #fff;
+  font-size: 18px;
+}
+.basicInfo {
+  padding: 20px 40px;
+}
+/deep/.el-tabs__header {
+  margin: 0;
+}
+/deep/.el-tabs__item {
+  font-size: 16px;
+  color: #ccc;
+}
+/deep/.el-tabs__active-bar {
+  background-color: #0165bb;
+}
+/deep/.el-tabs__item.is-active {
+  color: #0165bb !important;
+}
+.info {
+  margin: 20px 0 0 0;
+  height: 860px;
+  overflow: hidden;
+}
+.xuqiuYishenList {
+  border: 1px solid #ccc;
+  margin: 0 0 10px 0;
+}
+.xuqiuYishenList .num {
+  height: 40px;
+  line-height: 40px;
+  background-color: #fafafa;
+  padding: 0 10px;
+  font-size: 14px;
+  color: #888;
+}
+.xuqiuYishenList .date {
+  height: 40px;
+  line-height: 40px;
+  background-color: #fafafa;
+  font-size: 14px;
+  color: #888;
+  text-align: center;
+}
+.xuqiuYishenList .left {
+  height: 100px;
+  margin: 10px 0;
+  border-right: 1px solid #ccc;
+  padding: 0 0 0 10px;
+}
+.xuqiuYishenList .left .image {
+  width: 100px;
+  height: 100px;
+}
+.xuqiuYishenList .center {
+  height: 100px;
+  padding: 0 0 0 10px;
+}
+.xuqiuYishenList .center .name {
+  font-size: 16px;
+  color: #555;
+  height: 30px;
+  line-height: 30px;
+}
+.xuqiuYishenList .center .yen {
+  color: #ff0000;
+}
+.xuqiuYishenList .shenqing {
+  height: 100px;
+  margin: 10px 0;
+  border-right: 1px solid #ccc;
+  padding: 0 10px;
+  font-size: 14px;
+  color: #215299;
+}
+.xuqiuYishenList .shenqing p {
+  color: #555;
+  font-size: 14px;
+  text-indent: 1rem;
+  line-height: 25px;
+}
+.xuqiuYishenList .btn {
+  text-align: center;
+  height: 100px;
+  margin: 10px 0;
+  line-height: 30px;
+}
+.xuqiuYishenList .btn .el-link {
+  color: #215299;
+  margin: 0 10px;
+}
+.page {
+  height: 30px;
+  line-height: 30px;
+  margin: 40px 0;
+  text-align: center;
+}
+</style>

src/router/index.js

@@ -135,6 +135,30 @@ const routes = [
     name: 'release',
     component: () => import('../views/personCenter/release.vue'),
   },
+  // 个人信息-我的发布
+  {
+    path: '/personCenter/myRelease',
+    name: 'myRelease',
+    component: () => import('../views/personCenter/myRelease.vue'),
+  },
+  // 个人信息-我的审核
+  {
+    path: '/personCenter/audit',
+    name: 'audit',
+    component: () => import('../views/personCenter/audit.vue'),
+  },
+  // 个人信息-我的订购
+  {
+    path: '/personCenter/order',
+    name: 'order',
+    component: () => import('../views/personCenter/order.vue'),
+  },
+  // 个人信息-统计信息
+  {
+    path: '/personCenter/census',
+    name: 'census',
+    component: () => import('../views/personCenter/census.vue'),
+  },
   //个人中心-基本信息
   {
     path: '/svstem/svstem',

src/views/personCenter/audit.vue

@@ -0,0 +1,54 @@
+<template>
+  <div id="audit">
+    <uesrinfo-detail :info="info" :type="type" :xuqiuYishenList="xuqiuYishenList"></uesrinfo-detail>
+  </div>
+</template>
+
+<script>
+import uesrinfoDetail from '@/components/personCenter/user.vue';
+export default {
+  name: 'audit',
+  props: {},
+  components: {
+    uesrinfoDetail,
+  },
+  data: () => ({
+    info: {
+      logo: require('@/assets/logo.png'),
+      banquan: '版权所有：吉林省计算中心',
+      jishu: '技术支持：长春市福瑞科技有限公司',
+      youbian: '邮编：130000',
+      chuanzhen: '传真：239823982',
+      address: '地址：吉林省长春市朝阳区前进大街1244号',
+      phone: '电话：0431-1234567',
+      email: '邮箱：123456@163.com',
+    },
+    type: 'audit',
+    xuqiuYishenList: [
+      {
+        num: '1',
+        date: '2019-01-08',
+        pic: require('@/assets/chanpin1.jpg'),
+        name: '测试',
+        type: '测试',
+        yen: '100元/斤',
+        content: '申请说明',
+      },
+      {
+        num: '1',
+        date: '2019-01-08',
+        pic: require('@/assets/chanpin1.jpg'),
+        name: '五条数据',
+        type: '测试',
+        yen: '100元/斤',
+        content: '申请说明',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/personCenter/census.vue

@@ -0,0 +1,54 @@
+<template>
+  <div id="census">
+    <uesrinfo-detail :info="info" :type="type" :orderList="orderList"></uesrinfo-detail>
+  </div>
+</template>
+
+<script>
+import uesrinfoDetail from '@/components/personCenter/user.vue';
+export default {
+  name: 'census',
+  props: {},
+  components: {
+    uesrinfoDetail,
+  },
+  data: () => ({
+    info: {
+      logo: require('@/assets/logo.png'),
+      banquan: '版权所有：吉林省计算中心',
+      jishu: '技术支持：长春市福瑞科技有限公司',
+      youbian: '邮编：130000',
+      chuanzhen: '传真：239823982',
+      address: '地址：吉林省长春市朝阳区前进大街1244号',
+      phone: '电话：0431-1234567',
+      email: '邮箱：123456@163.com',
+    },
+    type: 'census',
+    orderList: [
+      {
+        num: '1',
+        date: '2019-01-08',
+        pic: require('@/assets/chanpin1.jpg'),
+        name: '测试',
+        type: '测试',
+        yen: '100元/斤',
+        content: '交易说明',
+      },
+      {
+        num: '1',
+        date: '2019-01-08',
+        pic: require('@/assets/chanpin1.jpg'),
+        name: '五条数据',
+        type: '测试',
+        yen: '100元/斤',
+        content: '交易说明',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/personCenter/myRelease.vue

@@ -0,0 +1,54 @@
+<template>
+  <div id="myRelease">
+    <uesrinfo-detail :info="info" :type="type" :xuqiuYishenList="xuqiuYishenList"></uesrinfo-detail>
+  </div>
+</template>
+
+<script>
+import uesrinfoDetail from '@/components/personCenter/user.vue';
+export default {
+  name: 'myRelease',
+  props: {},
+  components: {
+    uesrinfoDetail,
+  },
+  data: () => ({
+    info: {
+      logo: require('@/assets/logo.png'),
+      banquan: '版权所有：吉林省计算中心',
+      jishu: '技术支持：长春市福瑞科技有限公司',
+      youbian: '邮编：130000',
+      chuanzhen: '传真：239823982',
+      address: '地址：吉林省长春市朝阳区前进大街1244号',
+      phone: '电话：0431-1234567',
+      email: '邮箱：123456@163.com',
+    },
+    type: 'myRelease',
+    xuqiuYishenList: [
+      {
+        num: '1',
+        date: '2019-01-08',
+        pic: require('@/assets/chanpin1.jpg'),
+        name: '测试',
+        type: '测试',
+        yen: '100元/斤',
+        content: '申请说明',
+      },
+      {
+        num: '1',
+        date: '2019-01-08',
+        pic: require('@/assets/chanpin1.jpg'),
+        name: '五条数据',
+        type: '测试',
+        yen: '100元/斤',
+        content: '申请说明',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/personCenter/order.vue

@@ -0,0 +1,54 @@
+<template>
+  <div id="order">
+    <uesrinfo-detail :info="info" :type="type" :orderList="orderList"></uesrinfo-detail>
+  </div>
+</template>
+
+<script>
+import uesrinfoDetail from '@/components/personCenter/user.vue';
+export default {
+  name: 'order',
+  props: {},
+  components: {
+    uesrinfoDetail,
+  },
+  data: () => ({
+    info: {
+      logo: require('@/assets/logo.png'),
+      banquan: '版权所有：吉林省计算中心',
+      jishu: '技术支持：长春市福瑞科技有限公司',
+      youbian: '邮编：130000',
+      chuanzhen: '传真：239823982',
+      address: '地址：吉林省长春市朝阳区前进大街1244号',
+      phone: '电话：0431-1234567',
+      email: '邮箱：123456@163.com',
+    },
+    type: 'order',
+    orderList: [
+      {
+        num: '1',
+        date: '2019-01-08',
+        pic: require('@/assets/chanpin1.jpg'),
+        name: '测试',
+        type: '测试',
+        yen: '100元/斤',
+        content: '交易说明',
+      },
+      {
+        num: '1',
+        date: '2019-01-08',
+        pic: require('@/assets/chanpin1.jpg'),
+        name: '五条数据',
+        type: '测试',
+        yen: '100元/斤',
+        content: '交易说明',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>