Home Explore Help
Sign In
financial_platform
/
admin-cms
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

金融债权超市

guhongwei 5 years ago
parent
75f2cb54f4
commit
b183ffdad3
9 changed files with 186 additions and 30 deletions
Split View Show Diff Stats
  1. 1 1
      public/index.html
  2. 44 0
      src/layout/common/searchInfo.vue
  3. 37 0
      src/layout/common/topInfo.vue
  4. 2 2
      src/layout/layout-part/menus.vue
  5. 36 0
      src/layout/supermarket/newsInfo.vue
  6. 4 4
      src/router/index.js
  7. 58 0
      src/views/supermarket/debt.vue
  8. 4 4
      src/views/supermarket/gu.vue
  9. 0 19
      src/views/supermarket/zhai.vue

+ 1 - 1
public/index.html
View File 

@@ -5,7 +5,7 @@
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
-    <title><%= htmlWebpackPlugin.options.title %></title>
 
+    <title>吉林小微企业金融综合服务平台</title>
 
   </head>
 
   <body>
 
     <noscript>

+ 44 - 0
src/layout/common/searchInfo.vue
View File 

@@ -0,0 +1,44 @@
 
+<template>
 
+  <div id="searchInfo">
 
+    <el-row>
 
+      <el-col :span="24" class="info">
 
+        <el-col :span="10" class="input">
 
+          <el-input placeholder="请输入内容" v-model="input"> </el-input>
 
+        </el-col>
 
+        <el-col :span="2" class="btn">
 
+          <el-button type="primary" icon="el-icon-search" circle></el-button>
 
+        </el-col>
 
+      </el-col>
 
+    </el-row>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  name: 'searchInfo',
 
+  props: {},
 
+  components: {},
 
+  data: () => ({
 
+    input: '',
 
+  }),
 
+  created() {},
 
+  computed: {},
 
+  methods: {},
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped>
 
+.info {
 
+  padding: 15px 0;
 
+}
 
+.info .input {
 
+  padding: 6px 0;
 
+}
 
+.info .btn {
 
+  text-align: center;
 
+}
 
+/deep/.el-input__inner {
 
+  height: 30px;
 
+  line-height: 30px;
 
+}
 
+</style>

+ 37 - 0
src/layout/common/topInfo.vue
View File 

@@ -0,0 +1,37 @@
 
+<template>
 
+  <div id="topInfo">
 
+    <el-row>
 
+      <el-col :span="24">
 
+        <el-col :span="22" style="padding: 13px 0px;">
 
+          <el-breadcrumb separator-class="el-icon-arrow-right">
 
+            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
 
+            <el-breadcrumb-item>{{ topTitle }}</el-breadcrumb-item>
 
+          </el-breadcrumb>
 
+        </el-col>
 
+        <el-col :span="2">
 
+          <el-button type="text" @click="clickBtn" icon="el-icon-plus">添加信息</el-button>
 
+        </el-col>
 
+      </el-col>
 
+    </el-row>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  name: 'topInfo',
 
+  props: {
 
+    topTitle: null,
 
+  },
 
+  components: {},
 
+  data: () => ({}),
 
+  created() {},
 
+  computed: {},
 
+  methods: {
 
+    clickBtn() {
 
+      this.$$emit('clickBtn');
 
+    },
 
+  },
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped></style>

+ 2 - 2
src/layout/layout-part/menus.vue
View File 

@@ -9,8 +9,8 @@
 
           <span>金融数字超市</span>
 
         </template>
 
         <el-menu-item-group>
 
-          <el-menu-item index="/supermarket/zhai">债权产品</el-menu-item>
 
-          <el-menu-item index="/supermarket/gu">股权产品</el-menu-item>
 
+          <el-menu-item index="/supermarket/debt">债权产品</el-menu-item>
 
+          <el-menu-item index="/supermarket/stock">股权产品</el-menu-item>
 
         </el-menu-item-group>
 
       </el-submenu>
 
     </el-menu>

+ 36 - 0
src/layout/supermarket/newsInfo.vue
View File 

@@ -0,0 +1,36 @@
 
+<template>
 
+  <div id="newsInfo">
 
+    <el-row>
 
+      <el-col :span="24">
 
+        <el-table ref="debtTable" :data="debtTable" style="width: 100%" border>
 
+          <el-table-column type="index" label="序号" width="50" align="center"> </el-table-column>
 
+          <el-table-column property="name" label="姓名" align="center"> </el-table-column>
 
+          <el-table-column property="date" label="日期" align="center"> </el-table-column>
 
+          <el-table-column property="status" label="状态" align="center"> </el-table-column>
 
+          <el-table-column fixed="right" label="操作" align="center">
 
+            <template slot-scope="scope">
 
+              <el-button @click="handleClick(scope.row)" type="text"><i class="el-icon-edit"></i></el-button>
 
+              <el-button @click.native.prevent="deleteRow(scope.$index, debtTable)" type="text"><i class="el-icon-delete"></i></el-button>
 
+            </template>
 
+          </el-table-column>
 
+        </el-table>
 
+      </el-col>
 
+    </el-row>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  name: 'newsInfo',
 
+  props: {
 
+    debtTable: null,
 
+  },
 
+  components: {},
 
+  data: () => ({}),
 
+  created() {},
 
+  computed: {},
 
+  methods: {},
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped></style>

+ 4 - 4
src/router/index.js
View File 

@@ -13,12 +13,12 @@ const routes = [
 
     component: () => import('../views/test/index.vue'),
 
   },
 
   {
 
-    path: '/supermarket/zhai',
 
-    component: () => import('../views/supermarket/zhai.vue'),
 
+    path: '/supermarket/debt',
 
+    component: () => import('../views/supermarket/debt.vue'),
 
   },
 
   {
 
-    path: '/supermarket/gu',
 
-    component: () => import('../views/supermarket/gu.vue'),
 
+    path: '/supermarket/stock',
 
+    component: () => import('../views/supermarket/stock.vue'),
 
   },
 
 ];

+ 58 - 0
src/views/supermarket/debt.vue
View File 

@@ -0,0 +1,58 @@
 
+<template>
 
+  <div id="debt">
 
+    <el-row>
 
+      <el-col :span="24" class="debt">
 
+        <el-col :span="24" class="top">
 
+          <topInfo :topTitle="topTitle" @clickBtn="clickBtn"></topInfo>
 
+        </el-col>
 
+        <el-col :span="24" class="search">
 
+          <searchInfo></searchInfo>
 
+        </el-col>
 
+        <el-col :span="24" class="main">
 
+          <newsInfo :debtTable="debtTable"></newsInfo>
 
+        </el-col>
 
+      </el-col>
 
+    </el-row>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import topInfo from '@/layout/common/topInfo.vue';
 
+import searchInfo from '@/layout/common/searchInfo.vue';
 
+import newsInfo from '@/layout/supermarket/newsInfo.vue';
 
+export default {
 
+  name: 'debt',
 
+  props: {},
 
+  components: {
 
+    topInfo, //头部导航
 
+    searchInfo, //搜素
 
+    newsInfo, //
 
+  },
 
+  data: () => ({
 
+    topTitle: '债权产品',
 
+    debtTable: [
 
+      {
 
+        name: '名字',
 
+        date: '2020-12-12',
 
+        status: '通过',
 
+      },
 
+    ],
 
+  }),
 
+  created() {},
 
+  computed: {},
 
+  methods: {
 
+    clickBtn() {
 
+      console.log('添加');
 
+    },
 
+  },
 
+};
 
+</script>
 
+
 
+<style lang="less" scoped>
 
+.debt {
 
+  padding: 20px;
 
+}
 
+.top {
 
+  border-bottom: 1px solid #ccc;
 
+}
 
+</style>

+ 4 - 4
src/views/supermarket/gu.vue
View File 

@@ -1,12 +1,12 @@
 
 <template>
 
-  <div id="gu">
 
-    <p>股权产品</p>
 
+  <div id="stock">
 
+    <p>stock</p>
 
   </div>
 
 </template>
 
 
 <script>
 
 export default {
 
-  name: 'gu',
 
+  name: 'stock',
 
   props: {},
 
   components: {},
 
   data: () => ({}),
 
@@ -16,4 +16,4 @@ export default {
 
 };
 
 </script>
 
 
-<style lang="scss" scoped></style>
 
+<style lang="less" scoped></style>

+ 0 - 19
src/views/supermarket/zhai.vue
View File 

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