Merge branch 'master' of http://git.cc-lotus.info/service-platform/web-website

src/components/trial/index.vue

@@ -0,0 +1,175 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="top">
+        <top></top>
+      </el-col>
+      <el-col :span="24" class="logo">
+        <div class="w_1200">
+          <logo :info="info"></logo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <div class="w_1200">
+          <menuInfo></menuInfo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="5" class="left">
+            <el-col :span="24" class="leftTop">
+              <native :nativeList="nativeList" v-on="$listeners"></native>
+            </el-col>
+            <el-col :span="24" class="leftDown">
+              <question></question>
+            </el-col>
+          </el-col>
+          <el-col :span="19" class="right">
+            <span v-if="display === 'first'">
+              <userInfo :userInfos="userInfos"></userInfo>
+            </span>
+            <span v-else-if="display === 'second'">
+              <userAdmin :userList="userList" :userListTotal="userListTotal" :adminList="adminList" :adminListTotal="adminListTotal"></userAdmin>
+            </span>
+            <span v-else-if="display === 'third'">
+              <userAudit
+                v-on="$listeners"
+                :alreadyList="alreadyList"
+                :alreadyListTotal="alreadyListTotal"
+                :notList="notList"
+                :notListTotal="notListTotal"
+                :JiaoyiList="JiaoyiList"
+                :JiaoyiTotal="JiaoyiTotal"
+                :alreadyTwoList="alreadyTwoList"
+                :alreadyTwoListTotal="alreadyTwoListTotal"
+                :notTwoList="notTwoList"
+                :notTwoListTotal="notTwoListTotal"
+                :JiaoyiTwoList="JiaoyiTwoList"
+                :JiaoyiTwoListTotal="JiaoyiTwoListTotal"
+              ></userAudit>
+            </span>
+            <span v-else-if="display === 'fourth'">
+              <userStat></userStat>
+            </span>
+            <span v-else>
+              注销账号
+            </span>
+          </el-col>
+        </div>
+      </el-col>
+      <el-col :span="24" class="foot">
+        <div class="w_1200">
+          <foot :info="info"></foot>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/index/top.vue';
+import logo from '@/layout/index/logo.vue';
+import menuInfo from '@/layout/index/menuInfo.vue';
+import foot from '@/layout/index/foot.vue';
+import question from '@/layout/personCenter/question.vue';
+import native from '@/layout/trial/native.vue';
+import userInfo from '@/layout/trial/userInfo.vue';
+import userAdmin from '@/layout/trial/userAdmin.vue';
+import userAudit from '@/layout/trial/userAudit.vue';
+import userStat from '@/layout/trial/userStat.vue';
+export default {
+  name: 'index',
+  props: {
+    info: null, //站点信息
+    nativeList: null, //导航
+    display: { type: String, default: 'first' },
+    userInfos: null, //基本信息
+    userList: null, //待审用户
+    userListTotal: null, //待审用户分页
+    adminList: null, //已审用户
+    adminListTotal: null, //已审用户分页
+    // 我的需求
+    alreadyList: null, //审核信息-已审核信息
+    alreadyListTotal: null, //审核信息-已审核信息分页
+    notList: null, //审核信息-审核中信息
+    notListTotal: null, //审核信息-审核中信息分页
+    JiaoyiList: null, //审核信息-交易完成信息
+    JiaoyiTotal: null, //审核信息-交易完成信息分页
+    // 我的供给
+    alreadyTwoList: null, //审核信息-已审核信息
+    alreadyTwoListTotal: null, //审核信息-已审核信息分页
+    notTwoList: null, //审核信息-审核中信息
+    notTwoListTotal: null, //审核信息-审核中信息分页
+    JiaoyiTwoList: null, //审核信息-交易完成信息
+    JiaoyiTwoListTotal: null, //审核信息-交易完成信息分页
+  },
+  components: {
+    top, //头部
+    logo, //logo
+    menuInfo, //导航
+    foot, //底部
+    question, //网上调查
+    native, //导航
+    userInfo, //基本信息
+    userAdmin, //用户管理
+    userAudit, //我的审核
+    userStat, //统计信息
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 40px;
+  overflow: hidden;
+  background-color: rgba(11, 58, 125, 0.8);
+}
+.logo {
+  height: 200px;
+  overflow: hidden;
+}
+.menu {
+  height: 70px;
+  overflow: hidden;
+}
+.main {
+  height: 800px;
+  overflow: hidden;
+  margin: 10px 0;
+}
+.main .left {
+  width: 240px;
+  height: 800px;
+  overflow: hidden;
+  margin: 0 10px 0 0;
+}
+.main .left .leftTop {
+  height: 360px;
+  overflow: hidden;
+  background: #fff;
+  margin: 0 0 10px 0;
+}
+.main .left .leftDown {
+  height: 430px;
+  overflow: hidden;
+  background: #fff;
+}
+.main .right {
+  height: 800px;
+  overflow: hidden;
+  background: #fff;
+}
+.foot {
+  float: left;
+  width: 100%;
+  min-height: 120px;
+}
+</style>

src/layout/trial/native.vue

@@ -0,0 +1,65 @@
+<template>
+  <div id="native">
+    <el-col class="swfl" :span="24">
+      <el-image style="width:22px;height:22px;margin:0 5px -5px 0;" :src="src"></el-image>
+      <span>个人中心</span>
+    </el-col>
+    <el-col>
+      <el-menu default-active="1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" text-color="#215299" active-text-color="#215299">
+        <el-menu-item index="1" v-for="(item, index) in nativeList" :key="index"
+          ><span slot="title" @click="clickUrl(item.name)">{{ item.name }}</span></el-menu-item
+        >
+      </el-menu>
+    </el-col>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'native',
+  props: {
+    nativeList: null,
+  },
+  components: {},
+  data: () => ({
+    src: require('@/assets/swfl.png'),
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    clickUrl(name) {
+      this.$emit('onsave', { name });
+    },
+
+    handleOpen(key, keyPath) {
+      console.log(key, keyPath);
+    },
+    handleClose(key, keyPath) {
+      console.log(key, keyPath);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.swfl {
+  height: 60px;
+  line-height: 60px;
+  background-color: #22529a;
+  text-align: center;
+}
+.swfl span {
+  font-size: 22px;
+  color: #ffffff;
+}
+/deep/.el-menu-item {
+  height: 60px;
+  text-align: center;
+  line-height: 60px;
+  border-bottom: 1px dashed;
+  font-size: 22px;
+}
+/deep/.el-menu-item:last-child {
+  border-bottom: none;
+}
+</style>

src/layout/trial/userAdmin.vue

@@ -0,0 +1,171 @@
+<template>
+  <div id="userAdmin">
+    <el-row>
+      <el-col :span="24" class="userInfo">
+        <el-col :span="24" class="top">
+          <span>用户列表</span>
+        </el-col>
+        <el-col :span="24" class="info">
+          <el-tabs v-model="activeName" @tab-click="handleClick">
+            <el-tab-pane label="待审用户" name="first">
+              <el-col :span="24" class="userList" v-for="(item, index) in userList" :key="index">
+                <el-col :span="20" class="name"> 登录名称：登录名称 </el-col>
+                <el-col :span="4" class="date">
+                  2020-02-06
+                </el-col>
+                <el-col :span="12" class="left">
+                  <el-col :span="6" style="margin:0 10px 0 0;">
+                    <el-image style="width:110px;height:110px;" :src="item.img_path"></el-image>
+                  </el-col>
+                  <el-col :span="17" class="leftInfo">
+                    <p>{{ item.name }}</p>
+                    <p>类别：{{ item.role }}</p>
+                    <p>电话：{{ item.phone }}</p>
+                  </el-col>
+                </el-col>
+                <el-col :span="12" class="right">
+                  <el-link :underline="false">审核用户</el-link>
+                </el-col>
+              </el-col>
+              <el-col :span="24" class="page">
+                <el-pagination
+                  @size-change="handleSizeChange"
+                  @current-change="handleCurrentChange"
+                  :current-page="currentPage1"
+                  layout="total, prev, pager, next, jumper"
+                  :total="userListTotal"
+                >
+                </el-pagination>
+              </el-col>
+            </el-tab-pane>
+            <el-tab-pane label="已审用户" name="second">
+              <el-col :span="24" class="userList" v-for="(item, index) in adminList" :key="index">
+                <el-col :span="20" class="name"> 登录名称：登录名称 </el-col>
+                <el-col :span="4" class="date">
+                  2020-02-06
+                </el-col>
+                <el-col :span="12" class="left">
+                  <el-col :span="6" style="margin:0 10px 0 0;">
+                    <el-image style="width:110px;height:110px;" :src="item.img_path"></el-image>
+                  </el-col>
+                  <el-col :span="17" class="leftInfo">
+                    <p>{{ item.name }}</p>
+                    <p>类别：{{ item.role }}</p>
+                    <p>电话：{{ item.phone }}</p>
+                  </el-col>
+                </el-col>
+                <el-col :span="12" class="right">
+                  <el-link :underline="false">查看详情</el-link>
+                </el-col>
+              </el-col>
+              <el-col :span="24" class="page">
+                <el-pagination
+                  @size-change="handleSizeChange"
+                  @current-change="handleCurrentChange"
+                  :current-page="currentPage2"
+                  layout="total, prev, pager, next, jumper"
+                  :total="adminListTotal"
+                >
+                </el-pagination>
+              </el-col>
+            </el-tab-pane>
+          </el-tabs>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'userAdmin',
+  props: {
+    userList: null,
+    userListTotal: null,
+    adminList: null,
+    adminListTotal: null,
+  },
+  components: {},
+  data: () => ({
+    activeName: 'first',
+    currentPage1: 1,
+    currentPage2: 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;
+}
+.top {
+  height: 60px;
+  border-bottom: 1px solid #215299;
+  line-height: 60px;
+}
+.top span {
+  display: inline-block;
+  width: 130px;
+  height: 60px;
+  text-align: center;
+  line-height: 60px;
+  background-color: #215299;
+  color: #fff;
+}
+.info {
+  padding: 20px;
+}
+.userList {
+  height: 190px;
+  border: 1px solid #ccc;
+  margin: 0 0 15px 0;
+}
+.userList .name {
+  height: 40px;
+  line-height: 40px;
+  background-color: #fafafa;
+  color: #888;
+  padding: 0 10px;
+}
+.userList .date {
+  height: 40px;
+  line-height: 40px;
+  background-color: #fafafa;
+  color: #888;
+}
+.userList .left {
+  height: 110px;
+  margin: 19px 0;
+  border-right: 2px solid #ccc;
+}
+.userList .left .leftInfo p {
+  margin: 10px 0;
+}
+.userList .right {
+  height: 110px;
+  margin: 19px 0;
+  padding: 0 30px;
+}
+.adminList {
+  height: 190px;
+  border: 1px solid #ccc;
+}
+.page {
+  height: 30px;
+  text-align: center;
+}
+</style>

src/layout/trial/userAudit.vue

@@ -0,0 +1,349 @@
+<template>
+  <div id="userAudit">
+    <el-row>
+      <el-col :span="24" class="topTabs">
+        <el-tabs v-model="activeNameTop" type="card" @tab-click="handleClicks">
+          <el-tab-pane label="我的需求" name="first">
+            <el-col :span="24" class="first">
+              <el-tabs v-model="activeNameFirst" @tab-click="handleClickFirst">
+                <el-tab-pane label="已经审核信息" name="first">
+                  <el-col :span="24" class="list" v-for="(item, index) in alreadyList" :key="index">
+                    <el-col :span="20" class="name"> 信息号：123 </el-col>
+                    <el-col :span="4" class="date">{{
+                      item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || ''
+                    }}</el-col>
+                    <el-col :span="9" class="left">
+                      <el-col :span="8" style="margin:0 10px 0 0;">
+                        <el-image style="width:110px;height:110px;" :src="item.url"></el-image>
+                      </el-col>
+                      <el-col :span="15" class="leftInfo">
+                        <p>{{ item.name }}</p>
+                        <p>类别：{{ item.totaltype === 0 ? '技术' : item.totaltype === 1 ? '产品' : '服务' }}</p>
+                        <p style="color:red;">¥{{ item.price }}{{ item.priceunit }}</p>
+                      </el-col>
+                    </el-col>
+                    <el-col :span="11" class="left center">
+                      <span>最新申请：</span>
+                      <p>申请内容</p>
+                    </el-col>
+                    <el-col :span="4" class="left right">
+                      <el-link :underline="false" @click="handleDelete(item)">徹底刪除</el-link><br />
+                      <el-link :underline="false" @click="handleDelete(item)">查看详情</el-link>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="page">
+                    <el-pagination
+                      @size-change="handleSizeChange"
+                      @current-change="handleCurrentChange"
+                      :current-page="currentPage1"
+                      layout="total, prev, pager, next, jumper"
+                      :total="alreadyListTotal"
+                    >
+                    </el-pagination>
+                  </el-col>
+                </el-tab-pane>
+                <el-tab-pane label="审核中信息" name="second">
+                  <el-col :span="24" class="list" v-for="(item, index) in notList" :key="index">
+                    <el-col :span="20" class="name"> 信息号：123 </el-col>
+                    <el-col :span="4" class="date">{{
+                      item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || ''
+                    }}</el-col>
+                    <el-col :span="9" class="left">
+                      <el-col :span="8" style="margin:0 10px 0 0;">
+                        <el-image style="width:110px;height:110px;" :src="item.url"></el-image>
+                      </el-col>
+                      <el-col :span="15" class="leftInfo">
+                        <p>{{ item.name }}</p>
+                        <p>类别：{{ item.totaltype === 0 ? '技术' : item.totaltype === 1 ? '产品' : '服务' }}</p>
+                        <p style="color:red;">¥{{ item.price }}{{ item.priceunit }}</p>
+                      </el-col>
+                    </el-col>
+                    <el-col :span="11" class="left center">
+                      <span>最新申请：</span>
+                      <p>申请内容</p>
+                    </el-col>
+                    <el-col :span="4" class="left right">
+                      <el-link :underline="false" @click="handleDelete(item)">徹底刪除</el-link>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="page">
+                    <el-pagination
+                      @size-change="handleSizeChange"
+                      @current-change="handleCurrentChange"
+                      :current-page="currentPage2"
+                      layout="total, prev, pager, next, jumper"
+                      :total="notListTotal"
+                    >
+                    </el-pagination>
+                  </el-col>
+                </el-tab-pane>
+                <el-tab-pane label="审核完成信息" name="third">
+                  <el-col :span="24" class="list" v-for="(item, index) in JiaoyiList" :key="index">
+                    <el-col :span="20" class="name"> 信息号：123 </el-col>
+                    <el-col :span="4" class="date">{{
+                      item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || ''
+                    }}</el-col>
+                    <el-col :span="9" class="left">
+                      <el-col :span="8" style="margin:0 10px 0 0;">
+                        <el-image style="width:110px;height:110px;" :src="item.url"></el-image>
+                      </el-col>
+                      <el-col :span="15" class="leftInfo">
+                        <p>{{ item.name }}</p>
+                        <p>类别：{{ item.totaltype === 0 ? '技术' : item.totaltype === 1 ? '产品' : '服务' }}</p>
+                        <p style="color:red;">¥{{ item.price }}{{ item.priceunit }}</p>
+                      </el-col>
+                    </el-col>
+                    <el-col :span="11" class="left center">
+                      <span>最新申请：</span>
+                      <p>申请内容</p>
+                    </el-col>
+                    <el-col :span="4" class="left right">
+                      <el-link :underline="false" @click="handleDelete(item)">徹底刪除</el-link>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="page">
+                    <el-pagination
+                      @size-change="handleSizeChange"
+                      @current-change="handleCurrentChange"
+                      :current-page="currentPage3"
+                      layout="total, prev, pager, next, jumper"
+                      :total="JiaoyiTotal"
+                    >
+                    </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="first">
+              <el-tabs v-model="activeNameSecond" @tab-click="handleClickSecond">
+                <el-tab-pane label="已经审核信息" name="first">
+                  <el-col :span="24" class="list" v-for="(item, index) in alreadyTwoList" :key="index">
+                    <el-col :span="20" class="name"> 信息号：123 </el-col>
+                    <el-col :span="4" class="date">{{
+                      item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || ''
+                    }}</el-col>
+                    <el-col :span="9" class="left">
+                      <el-col :span="8" style="margin:0 10px 0 0;">
+                        <el-image style="width:110px;height:110px;" :src="item.url"></el-image>
+                      </el-col>
+                      <el-col :span="15" class="leftInfo">
+                        <p>{{ item.name }}</p>
+                        <p>类别：{{ item.totaltype === 0 ? '技术' : item.totaltype === 1 ? '产品' : '服务' }}</p>
+                        <p style="color:red;">¥{{ item.price }}{{ item.priceunit }}</p>
+                      </el-col>
+                    </el-col>
+                    <el-col :span="11" class="left center">
+                      <span>最新申请：</span>
+                      <p>申请内容</p>
+                    </el-col>
+                    <el-col :span="4" class="left right">
+                      <el-link :underline="false" @click="handleDelete(item)">徹底刪除</el-link><br />
+                      <el-link :underline="false">查看详情</el-link>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="page">
+                    <el-pagination
+                      @size-change="handleSizeChange"
+                      @current-change="handleCurrentChange"
+                      :current-page="currentPage4"
+                      layout="total, prev, pager, next, jumper"
+                      :total="alreadyTwoListTotal"
+                    >
+                    </el-pagination>
+                  </el-col>
+                </el-tab-pane>
+                <el-tab-pane label="审核中信息" name="second">
+                  <el-col :span="24" class="list" v-for="(item, index) in notTwoList" :key="index">
+                    <el-col :span="20" class="name"> 信息号：123 </el-col>
+                    <el-col :span="4" class="date">{{
+                      item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || ''
+                    }}</el-col>
+                    <el-col :span="9" class="left">
+                      <el-col :span="8" style="margin:0 10px 0 0;">
+                        <el-image style="width:110px;height:110px;" :src="item.url"></el-image>
+                      </el-col>
+                      <el-col :span="15" class="leftInfo">
+                        <p>{{ item.name }}</p>
+                        <p>类别：{{ item.totaltype === 0 ? '技术' : item.totaltype === 1 ? '产品' : '服务' }}</p>
+                        <p style="color:red;">¥{{ item.price }}{{ item.priceunit }}</p>
+                      </el-col>
+                    </el-col>
+                    <el-col :span="11" class="left center">
+                      <span>最新申请：</span>
+                      <p>申请内容</p>
+                    </el-col>
+                    <el-col :span="4" class="left right">
+                      <el-link :underline="false" @click="handleDelete(item)">徹底刪除</el-link>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="page">
+                    <el-pagination
+                      @size-change="handleSizeChange"
+                      @current-change="handleCurrentChange"
+                      :current-page="currentPage5"
+                      layout="total, prev, pager, next, jumper"
+                      :total="notTwoListTotal"
+                    >
+                    </el-pagination>
+                  </el-col>
+                </el-tab-pane>
+                <el-tab-pane label="审核完成信息" name="third">
+                  <el-col :span="24" class="list" v-for="(item, index) in JiaoyiTwoList" :key="index">
+                    <el-col :span="20" class="name"> 信息号：123 </el-col>
+                    <el-col :span="4" class="date">{{
+                      item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || ''
+                    }}</el-col>
+                    <el-col :span="9" class="left">
+                      <el-col :span="8" style="margin:0 10px 0 0;">
+                        <el-image style="width:110px;height:110px;" :src="item.url"></el-image>
+                      </el-col>
+                      <el-col :span="15" class="leftInfo">
+                        <p>{{ item.name }}</p>
+                        <p>类别：{{ item.totaltype === 0 ? '技术' : item.totaltype === 1 ? '产品' : '服务' }}</p>
+                        <p style="color:red;">¥{{ item.price }}{{ item.priceunit }}</p>
+                      </el-col>
+                    </el-col>
+                    <el-col :span="11" class="left center">
+                      <span>最新申请：</span>
+                      <p>申请内容</p>
+                    </el-col>
+                    <el-col :span="4" class="left right">
+                      <el-link :underline="false" @click="handleDelete(item)">徹底刪除</el-link>
+                    </el-col>
+                  </el-col>
+                  <el-col :span="24" class="page">
+                    <el-pagination
+                      @size-change="handleSizeChange"
+                      @current-change="handleCurrentChange"
+                      :current-page="currentPage6"
+                      layout="total, prev, pager, next, jumper"
+                      :total="JiaoyiTwoListTotal"
+                    >
+                    </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: 'userAudit',
+  props: {
+    // 我的需求
+    alreadyList: null,
+    alreadyListTotal: null,
+    notList: null,
+    notListTotal: null,
+    JiaoyiList: null,
+    JiaoyiTotal: null,
+    // 我的供给
+    alreadyTwoList: null,
+    alreadyTwoListTotal: null,
+    notTwoList: null,
+    notTwoListTotal: null,
+    JiaoyiTwoList: null,
+    JiaoyiTwoListTotal: null,
+  },
+  components: {},
+  data: () => ({
+    activeNameTop: 'first',
+    activeNameFirst: 'first',
+    activeNameSecond: 'first',
+    currentPage1: 1,
+    currentPage2: 1,
+    currentPage3: 1,
+    currentPage4: 1,
+    currentPage5: 1,
+    currentPage6: 1,
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleClicks(tab, event) {
+      console.log(tab, event);
+    },
+    handleClickFirst(tab, event) {
+      console.log(tab, event);
+    },
+    handleClickSecond(tab, event) {
+      console.log(tab, event);
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+    },
+    handleDelete(item) {
+      this.$emit('deletes', { item });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+// /deep/.el-tabs__header {
+//   margin: 0;
+// }
+p {
+  padding: 0;
+  margin: 0;
+}
+.first {
+  padding: 0 20px;
+}
+.page {
+  height: 30px;
+  text-align: center;
+}
+.list {
+  height: 190px;
+  overflow: hidden;
+  margin: 0 0 15px 0;
+  border: 1px solid #ccc;
+}
+.list .name {
+  height: 40px;
+  line-height: 40px;
+  background: #fafafa;
+  color: #888;
+  padding: 0 10px;
+  font-size: 14px;
+}
+.list .date {
+  height: 40px;
+  line-height: 40px;
+  background: #fafafa;
+  color: #888;
+  font-size: 14px;
+}
+.list .left {
+  border-right: 2px solid #ccc;
+  height: 110px;
+  margin: 19px 0;
+}
+.list .left .leftInfo p {
+  font-size: 14px;
+  margin: 10px 0;
+}
+.list .center {
+  padding: 0 10px;
+  font-size: 14px;
+}
+.list .center span {
+  color: #215299;
+}
+.list .right {
+  border-right: none;
+  text-align: center;
+  padding: 30px 0;
+}
+</style>

src/layout/trial/userInfo.vue

@@ -0,0 +1,54 @@
+<template>
+  <div id="userInfo">
+    <el-row>
+      <el-col :span="24" class="userInfo">
+        <el-col :span="24" class="top">
+          <span>基本信息</span>
+        </el-col>
+        <el-col :span="24" class="info">
+          <p>名称：{{ userInfos.name }}</p>
+          <p>身份证号：{{ userInfos.cardnumber }}</p>
+          <p>联系地址：{{ userInfos.addr }}</p>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'userInfo',
+  props: {
+    userInfos: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.top {
+  height: 60px;
+  border-bottom: 1px solid #215299;
+  line-height: 60px;
+}
+.top span {
+  display: inline-block;
+  width: 130px;
+  height: 60px;
+  text-align: center;
+  line-height: 60px;
+  background-color: #215299;
+  color: #fff;
+}
+.info {
+  padding: 20px;
+}
+.info p {
+  font-size: 16px;
+  color: #666;
+}
+</style>

src/layout/trial/userStat.vue

@@ -0,0 +1,46 @@
+<template>
+  <div id="userStat">
+    <el-row>
+      <el-col :span="24" class="userInfo">
+        <el-col :span="24" class="top">
+          <span>信息统计</span>
+        </el-col>
+        <el-col :span="24" class="info">
+          统计信息
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'userStat',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.top {
+  height: 60px;
+  border-bottom: 1px solid #215299;
+  line-height: 60px;
+}
+.top span {
+  display: inline-block;
+  width: 130px;
+  height: 60px;
+  text-align: center;
+  line-height: 60px;
+  background-color: #215299;
+  color: #fff;
+}
+.info {
+  padding: 20px;
+}
+</style>

src/router/index.js

@@ -272,6 +272,12 @@ const routes = [
     name: 'enterprisexuqiu',
     component: () => import('../views/enterprise/enterprisexx.vue'),
   },
+  // 外审管理员
+  {
+    path: '/trial/index',
+    name: 'trial',
+    component: () => import('../views/trial/index.vue'),
+  },
 ];
 
 const router = new VueRouter({

src/store/enterpriseproject.js

@@ -9,8 +9,8 @@ const state = () => ({});
 const mutations = {};
 
 const actions = {
-  async query({ commit }, { skip = 0, limit, column_id, ...info } = {}) {
-    const res = await this.$axios.$get(`${api.columnInfo}`, { skip, limit, column_id, ...info });
+  async query({ commit }, { skip = 0, limit, ...info } = {}) {
+    const res = await this.$axios.$get(`${api.columnInfo}`, { skip, limit, ...info });
     return res;
   },
   async create({ commit }, payload) {

src/views/trial/index.vue

@@ -0,0 +1,227 @@
+<template>
+  <div id="index">
+    <trial-detail
+      :info="info"
+      :nativeList="nativeList"
+      @onsave="nativeClick"
+      :display="display"
+      :userInfos="userInfos"
+      :userList="userList"
+      :userListTotal="userListTotal"
+      :adminList="adminList"
+      :adminListTotal="adminListTotal"
+      :alreadyList="alreadyList"
+      :alreadyListTotal="alreadyListTotal"
+      :notList="notList"
+      :notListTotal="notListTotal"
+      :JiaoyiList="JiaoyiList"
+      :JiaoyiTotal="JiaoyiTotal"
+      :alreadyTwoList="alreadyTwoList"
+      :alreadyTwoListTotal="alreadyTwoListTotal"
+      :notTwoList="notTwoList"
+      :notTwoListTotal="notTwoListTotal"
+      :JiaoyiTwoList="JiaoyiTwoList"
+      :JiaoyiTwoListTotal="JiaoyiTwoListTotal"
+      @deletes="deleteAlready"
+    ></trial-detail>
+  </div>
+</template>
+
+<script>
+import trialDetail from '@/components/trial/index.vue';
+import { createNamespacedHelpers, mapGetters } from 'vuex';
+const { mapActions: mapSite } = createNamespacedHelpers('site');
+const { mapActions: mapProduct } = createNamespacedHelpers('enterpriseproject');
+const { mapActions: mapMarketUser } = createNamespacedHelpers('market');
+export default {
+  name: 'index',
+  props: {},
+  components: {
+    trialDetail,
+  },
+  data: () => ({
+    info: {},
+    nativeList: [
+      {
+        name: '基本信息',
+      },
+      {
+        name: '用户管理',
+      },
+      {
+        name: '我的审核',
+      },
+      {
+        name: '统计信息',
+      },
+      {
+        name: '注销账号',
+      },
+    ],
+    display: 'first',
+    // 基本信息
+    userInfos: {
+      name: '外审管理员',
+      cardnumber: '220182199603257019',
+      addr: '吉林省长春市朝阳区力旺广场B座16楼1608',
+    },
+    userList: [
+      {
+        name: '测试人员',
+        img_path: require('@/assets/getImage.jpg'),
+        role: '外审管理员',
+        is_qy: '法人',
+        phone: '0431-123456',
+      },
+      {
+        name: '三条数据',
+        img_path: require('@/assets/getImage.jpg'),
+        role: '外审管理员',
+        is_qy: '法人',
+        phone: '0431-123456',
+      },
+    ],
+    userListTotal: 1,
+    adminList: [
+      {
+        name: '测试人员',
+        img_path: require('@/assets/getImage.jpg'),
+        role: '外审管理员',
+        is_qy: '法人',
+        phone: '0431-123456',
+      },
+      {
+        name: '三条数据',
+        img_path: require('@/assets/getImage.jpg'),
+        role: '外审管理员',
+        is_qy: '法人',
+        phone: '0431-123456',
+      },
+    ],
+    adminListTotal: 1,
+    alreadyList: [
+      {
+        image: require('@/assets/getImage.jpg'),
+        name: '产品名称',
+        totaltype: '服务',
+        price: '1000',
+        priceunit: '元/台',
+      },
+    ],
+    alreadyListTotal: 1,
+    notList: [
+      {
+        image: require('@/assets/getImage.jpg'),
+        name: '产品名称',
+        totaltype: '服务',
+        price: '1000',
+        priceunit: '元/台',
+      },
+    ],
+    notListTotal: 1,
+    JiaoyiList: [
+      {
+        image: require('@/assets/getImage.jpg'),
+        name: '产品名称',
+        totaltype: '服务',
+        price: '1000',
+        priceunit: '元/台',
+      },
+    ],
+    JiaoyiTotal: 1,
+    alreadyTwoList: [
+      {
+        image: require('@/assets/getImage.jpg'),
+        name: '产品名称',
+        totaltype: '服务',
+        price: '1000',
+        priceunit: '元/台',
+      },
+    ],
+    alreadyTwoListTotal: 1,
+    notTwoList: [
+      {
+        image: require('@/assets/getImage.jpg'),
+        name: '产品名称',
+        totaltype: '服务',
+        price: '1000',
+        priceunit: '元/台',
+      },
+    ],
+    notTwoListTotal: 1,
+    JiaoyiTwoList: [
+      {
+        image: require('@/assets/getImage.jpg'),
+        name: '我的供给',
+        totaltype: '服务',
+        price: '1000',
+        priceunit: '元/台',
+      },
+    ],
+    JiaoyiTwoListTotal: 1,
+  }),
+  created() {
+    this.searchSite();
+    this.searchInfo();
+    this.searchUser();
+  },
+  computed: {},
+  methods: {
+    ...mapSite(['showInfo']),
+    ...mapProduct({ ProductQuery: 'query', ProductFetch: 'fetch', ProductDelete: 'delete' }),
+    ...mapMarketUser({ userQuery: 'query', userFetch: 'fetch', userDelete: 'delete' }),
+    // 查询站点信息
+    async searchSite() {
+      let res = await this.showInfo();
+      let object = JSON.parse(JSON.stringify(res.data));
+      if (object) {
+        this.$set(this, `info`, res.data);
+      } else {
+        this.$message.error(res.errmsg ? res.errmsg : 'error');
+      }
+    },
+    async nativeClick({ name }) {
+      // console.log(name);
+      if (name === '基本信息') {
+        this.display = 'first';
+      } else if (name === '用户管理') {
+        this.display = 'second';
+      } else if (name === '我的审核') {
+        this.display = 'third';
+      } else if (name === '统计信息') {
+        this.display = 'fourth';
+      } else {
+        this.display = 'fivth';
+      }
+    },
+    async searchInfo({ skip = 0, limit = 3, ...info } = {}) {
+      const res = await this.ProductQuery({ skip, limit, ...info });
+      this.$set(this, `alreadyList`, res.data);
+      this.$set(this, `alreadyListTotal`, res.total);
+      this.$set(this, `notList`, res.data);
+      this.$set(this, `notListTotal`, res.total);
+      this.$set(this, `JiaoyiList`, res.data);
+      this.$set(this, `JiaoyiListTotal`, res.total);
+      this.$set(this, `alreadyTwoList`, res.data);
+      this.$set(this, `alreadyTwoListTotal`, res.total);
+      this.$set(this, `notTwoList`, res.data);
+      this.$set(this, `notTwoListTotal`, res.total);
+      this.$set(this, `JiaoyiTwoList`, res.data);
+      this.$set(this, `JiaoyiTwoListTotal`, res.total);
+    },
+    async deleteAlready({ item }) {
+      console.log(item);
+      console.log(item.id);
+      this.$message('刪除成功');
+    },
+    async searchUser({ skip = 0, limit = 3, ...info } = {}) {
+      const res = await this.userQuery({ skip, limit, ...info });
+      console.log(res);
+      this.$set(this, `userList`, res.data);
+      this.$set(this, `userListTotal`, res.total);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>