科技超市更新

src/layout/layout-part/menus.vue

@@ -5,7 +5,7 @@
       <el-submenu index="1">
         <template v-slot:title>
           <i class="el-icon-files"></i>
-          <span> 用户管理</span>
+          <span>用户管理</span>
         </template>
         <el-menu-item-group>
           <el-menu-item index="/userManage/user/index">用户信息维护</el-menu-item>
@@ -17,7 +17,7 @@
       <el-submenu index="2">
         <template v-slot:title>
           <i class="el-icon-files"></i>
-          <span> 新闻管理</span>
+          <span>科技新闻管理</span>
         </template>
         <el-menu-item-group>
           <el-menu-item index="/news/notice/index">通知公告</el-menu-item>
@@ -31,7 +31,7 @@
       <el-submenu index="3">
         <template v-slot:title>
           <i class="el-icon-files"></i>
-          <span> 政策管理</span>
+          <span>科技政策管理</span>
         </template>
         <el-menu-item-group>
           <el-menu-item index="/policy/achieve/index">科技成果转化</el-menu-item>
@@ -45,6 +45,21 @@
           <el-menu-item index="/policy/present/index">政策报告</el-menu-item>
         </el-menu-item-group>
       </el-submenu>
+      <el-submenu index="4">
+        <template v-slot:title>
+          <i class="el-icon-files"></i>
+          <span>科技超市管理</span>
+        </template>
+        <el-menu-item-group>
+          <el-menu-item index="/supermarket/type/index">科技超市类别管理</el-menu-item>
+          <el-menu-item index="/supermarket/service/index">产品服务类别管理</el-menu-item>
+          <el-menu-item index="/supermarket/seviceShen/index">产品服务审核管理</el-menu-item>
+          <el-menu-item index="/supermarket/message/index">供需信息分类管理</el-menu-item>
+          <el-menu-item index="/supermarket/messageShen/index">供需信息审核管理</el-menu-item>
+          <el-menu-item index="/supermarket/trans/index">交易申请认证</el-menu-item>
+          <el-menu-item index="/supermarket/transShen/index">交易申请审核</el-menu-item>
+        </el-menu-item-group>
+      </el-submenu>
     </el-menu>
   </div>
 </template>

src/layout/supermarket/mainType.vue

@@ -0,0 +1,114 @@
+<template>
+  <div id="mainType">
+    <el-row>
+      <el-col :span="24" class="mainType">
+        <el-table :data="tableData" style="width: 100%" border>
+          <el-table-column prop="title" label="类别名称" width="209px;" align="left"> </el-table-column>
+          <el-table-column prop="bianma" label="类别编码" width="209px;" align="left"> </el-table-column>
+          <el-table-column prop="fuBianma" label="父类编码" width="209px;" align="left"> </el-table-column>
+          <el-table-column prop="date" label="创建时间" width="209px;" align="left"> </el-table-column>
+          <el-table-column label="操作" width="209px;" align="left">
+            <template slot-scope="scoped">
+              <el-button size="mini" type="primary" icon="el-icon-view" @click="openDialog(scoped.$index)"></el-button>
+              <el-button size="mini" type="primary" icon="el-icon-edit" @click="addData(scoped.$index)"></el-button>
+              <el-button size="mini" type="danger" icon="el-icon-delete" @click.native.prevent="deleteRow(scoped.$index, tableData)"></el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <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-col>
+    </el-row>
+    <el-dialog title="详细信息" :visible.sync="dialog">
+      <p class="text">创建用户名称：{{ info.title }}</p>
+      <p class="text">类别编码：{{ info.bianma }}</p>
+      <p class="text">父类编码：{{ info.fuBianma }}</p>
+      <p class="text">创建时间：{{ info.date }}</p>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'mainType',
+  props: {
+    tableData: null,
+  },
+  components: {},
+  data: () => ({
+    currentPage: 1,
+    dialog: false,
+    info: {},
+    pic: require('@/assets/logo.png'),
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+    },
+    addData(index) {
+      if (index !== undefined) {
+        let data = this.tableData[index];
+      } else {
+        this.form = {};
+      }
+      this.$router.push({ path: './detail' });
+    },
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    openDialog(index) {
+      if (index !== undefined) {
+        let data = JSON.parse(JSON.stringify(this.tableData[index]));
+        data[`index`] = index;
+        this.$set(this, `info`, data);
+      }
+      this.dialog = true;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+/deep/.el-table th {
+  padding: 5px 0;
+  background: #f2f2f2;
+}
+/deep/.el-table td {
+  padding: 5px 0;
+}
+/deep/.el-table tr {
+  background: #f9f9f9;
+}
+/deep/.el-table tr:nth-child(2n) {
+  background: #fff;
+}
+.page {
+  text-align: center;
+  padding: 30px 0;
+}
+.text {
+  font-size: 16px;
+  padding: 0 0 10px 0;
+}
+.text span {
+  display: inherit;
+  text-indent: 1rem;
+}
+</style>

src/layout/supermarket/searchInfo.vue

@@ -0,0 +1,51 @@
+<template>
+  <div id="searchInfo">
+    <el-row>
+      <el-col :span="24" class="searchInfo">
+        <el-col :span="8" class="left">
+          <span>查询联盟名称：</span>
+          <el-input v-model="input" placeholder="请输入查询联盟名称"></el-input>
+        </el-col>
+        <el-col :span="8" class="left">
+          <span>查询用户名称：</span>
+          <el-input v-model="input" placeholder="请输入用户名称"></el-input>
+        </el-col>
+        <el-col :span="8" class="right">
+          <el-button size="mini" type="primary" icon="el-icon-search">查询</el-button>
+          <el-button size="mini" type="success" icon="el-icon-check" @click="addData()">添加用户</el-button>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'searchInfo',
+  props: {},
+  components: {},
+  data: () => ({
+    input: '',
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    addData() {
+      this.$router.push({ path: './detail' });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.searchInfo .left span {
+  font-size: 13px;
+  color: #393939;
+}
+.searchInfo .left .el-input {
+  width: 50%;
+}
+/deep/.searchInfo .left .el-input .el-input__inner {
+  height: 28px;
+}
+</style>

src/router/index.js

@@ -180,5 +180,45 @@ export default new Router({
       path: '/policy/present/detail',
       component: () => import('../views/policy/present/detail.vue'),
     },
+    // 科技超市
+    // 科技超市-科技超市类别管理
+    {
+      path: '/supermarket/type/index',
+      component: () => import('../views/supermarket/type/index.vue'),
+    },
+    {
+      path: '/supermarket/type/detail',
+      component: () => import('../views/supermarket/type/detail.vue'),
+    },
+    // 科技超市-产品服务类别管理
+    {
+      path: '/supermarket/service/index',
+      component: () => import('../views/supermarket/service/index.vue'),
+    },
+    // 科技超市-产品服务审核管理
+    {
+      path: '/supermarket/seviceShen/index',
+      component: () => import('../views/supermarket/seviceShen/index.vue'),
+    },
+    // 科技超市-供需信息分类管理
+    {
+      path: '/supermarket/message/index',
+      component: () => import('../views/supermarket/message/index.vue'),
+    },
+    // 科技超市-供需信息审核管理
+    {
+      path: '/supermarket/messageShen/index',
+      component: () => import('../views/supermarket/messageShen/index.vue'),
+    },
+    // 科技超市-交易申请认证
+    {
+      path: '/supermarket/trans/index',
+      component: () => import('../views/supermarket/trans/index.vue'),
+    },
+    // 科技超市-交易申请审核
+    {
+      path: '/supermarket/transShen/index',
+      component: () => import('../views/supermarket/transShen/index.vue'),
+    },
   ],
 });

src/views/supermarket/message/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="index">
+    <p>index</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/supermarket/messageShen/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="index">
+    <p>index</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/supermarket/service/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="index">
+    <p>index</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/supermarket/seviceShen/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="index">
+    <p>index</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/supermarket/trans/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="index">
+    <p>index</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/supermarket/transShen/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="index">
+    <p>index</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/supermarket/type/detail.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="detail">
+    <p>detail</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'detail',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/supermarket/type/index.vue

@@ -0,0 +1,94 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="info">
+        <el-col :span="24" class="top">
+          <topInfo :topTitle="topTitle"></topInfo>
+        </el-col>
+        <el-col :span="24" class="search">
+          <el-col :span="24" class="searchInfo">
+            <el-col :span="8" class="left">
+              <span>查询商铺类别名称：</span>
+              <el-input v-model="input" placeholder="请输入商铺类别名称"></el-input>
+            </el-col>
+            <el-col :span="8" class="left">
+              <span>查询商铺类别编码：</span>
+              <el-input v-model="input" placeholder="请输入商铺类别编码"></el-input>
+            </el-col>
+            <el-col :span="8" class="right">
+              <el-button size="mini" type="primary" icon="el-icon-search">查询</el-button>
+              <el-button size="mini" type="success" icon="el-icon-check" @click="addData()">添加商铺类别</el-button>
+            </el-col>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="main">
+          <mainType :tableData="tableData"></mainType>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import topInfo from '@/layout/public/top.vue';
+import mainType from '@/layout/supermarket/mainType.vue';
+export default {
+  name: 'index',
+  props: {},
+  components: {
+    topInfo, //头部标题
+    mainType, //商铺类别管理
+  },
+  data: () => ({
+    topTitle: '商铺类别管理',
+    input: '',
+    tableData: [
+      {
+        title: '高校类别',
+        bianma: 'ASDF',
+        fuBianma: 'asdf',
+        date: '2019-01-13',
+      },
+      {
+        title: '十条数据',
+        bianma: 'ASDF',
+        fuBianma: 'asdf',
+        date: '2019-01-13',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    addData() {
+      this.$router.push({ path: './detail' });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.top {
+  height: 40px;
+  background-color: #f5f5f5;
+}
+.search {
+  height: 40px;
+  line-height: 40px;
+  padding: 0 15px;
+}
+.searchInfo .left span {
+  font-size: 13px;
+  color: #393939;
+}
+.searchInfo .left .el-input {
+  width: 50%;
+}
+/deep/.searchInfo .left .el-input .el-input__inner {
+  height: 28px;
+}
+.main {
+  width: 97%;
+  margin: 0 15px;
+}
+</style>