邓洁 : 首页初步架构

README.md

@@ -1,4 +1,4 @@
-# bwc_web
+# http://www.yipengtaoci.com/
 
 ## Project setup
 ```

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "bwc_web",
+  "name": "ceramic",
   "version": "1.0.0",
   "private": true,
   "scripts": {

src/App.vue

@@ -1,17 +1,28 @@
 <template>
   <div id="app">
     <div>
-      你好,前端
+      <Header></Header>
+    </div>
+    <div>
+      <router-view/>
+    </div>
+    <div>
+      <Footer></Footer>
     </div>
   </div>
 </template>
 <script>
+import Header from './views/header/index'
+import Footer from './views/footer/index'
 
 export default {
   name: 'App',
+  components: {
+    Header,
+    Footer
+  },
   data() {
-    return {
+    return {}
-    }
   },
   created() {
   },

src/router/index.js

@@ -9,6 +9,21 @@ VueRouter.prototype.push = function push(location) {
 }
 
 const routes = [
+  {
+    path: '/',
+    name: 'index',
+    component: () => import('../views/index/index')
+  },
+  {
+    path: '/index',
+    name: 'index',
+    component: () => import('../views/index/index')
+  },
+  {
+    path: '/news',
+    name: 'index',
+    component: () => import('../views/news/index')
+  },
 ]
 
 const router = new VueRouter({

src/settings.js

@@ -1,31 +1,3 @@
 module.exports = {
   title: 'SIST',
-
-  /**
-   * 是否系统布局配置
-   */
-  showSettings: false,
-
-  /**
-   * 是否显示 tagsView
-   */
-  tagsView: true,
-
-  /**
-   * 是否固定头部
-   */
-  fixedHeader: false,
-
-  /**
-   * 是否显示logo
-   */
-  sidebarLogo: true,
-
-  /**
-   * @type {string | array} 'production' | ['production', 'development']
-   * @description Need show err logs component.
-   * The default is only used in the production env
-   * If you want to also use it in dev, you can pass ['production', 'development']
-   */
-  errorLog: 'production'
 }

src/utils/ebts.js

@@ -1,190 +0,0 @@
-/**
- * 通用js方法封装处理
- * Copyright (c) 2021 ebts
- */
-
-const baseURL = process.env.VUE_APP_BASE_API
-
-// 日期格式化
-export function parseTime(time, pattern) {
-  if (arguments.length === 0 || !time) {
-    return null
-  }
-  const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}'
-  let date
-  if (typeof time === 'object') {
-    date = time
-  } else {
-    if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
-      time = parseInt(time)
-    } else if (typeof time === 'string') {
-      time = time.replace(new RegExp(/-/gm), '/');
-    }
-    if ((typeof time === 'number') && (time.toString().length === 10)) {
-      time = time * 1000
-    }
-    date = new Date(time)
-  }
-  const formatObj = {
-    y: date.getFullYear(),
-    m: date.getMonth() + 1,
-    d: date.getDate(),
-    h: date.getHours(),
-    i: date.getMinutes(),
-    s: date.getSeconds(),
-    a: date.getDay()
-  }
-  const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
-    let value = formatObj[key]
-    // Note: getDay() returns 0 on Sunday
-    if (key === 'a') {
-      return ['日', '一', '二', '三', '四', '五', '六'][value]
-    }
-    if (result.length > 0 && value < 10) {
-      value = '0' + value
-    }
-    return value || 0
-  })
-  return time_str
-}
-
-// 表单重置
-export function resetForm(refName) {
-  if (this.$refs[refName]) {
-    this.$refs[refName].resetFields();
-  }
-}
-
-// 添加日期范围
-export function addDateRange(params, dateRange) {
-  var search = params;
-  search.beginTime = "";
-  search.endTime = "";
-  if (null != dateRange && '' != dateRange) {
-    search.beginTime = dateRange[0];
-    search.endTime = dateRange[1];
-  }
-  return search;
-}
-
-// 添加搜索创建时间日期范围
-export function addCreateDateRange(params, dateRange) {
-  var search = params;
-  let data = {
-    beginCreateTime: "",
-    endCreateTime: "",
-  };
-  if (null != dateRange && '' != dateRange) {
-    data.beginCreateTime = dateRange[0];
-    data.endCreateTime = dateRange[1];
-  }
-  search.parameter = JSON.stringify(data)
-  return search;
-}
-
-// 回显数据字典
-export function selectDictLabel(datas, value) {
-  try {
-    var actions = [];
-    Object.keys(datas).some((key) => {
-      if (datas[key].dictValue == ('' + value)) {
-        actions.push(datas[key].dictLabel);
-        return true;
-      }
-    })
-    return actions.join('');
-  }catch (e) {
-    console.log(e)
-    return null
-  }
-}
-
-// 回显数据字典
-export function selectDictCode(datas, value) {
-  var actions = [];
-  Object.keys(datas).some((key) => {
-    if (datas[key].dictCode == ('' + value)) {
-      actions.push(datas[key].dictLabel);
-      return true;
-    }
-  })
-  return actions.join('');
-}
-
-// 回显数据字典（字符串数组）
-export function selectDictLabels(datas, value, separator) {
-  var actions = [];
-  var currentSeparator = undefined === separator ? "," : separator;
-  var temp = value.split(currentSeparator);
-  Object.keys(value.split(currentSeparator)).some((val) => {
-    Object.keys(datas).some((key) => {
-      if (datas[key].dictValue == ('' + temp[val])) {
-        actions.push(datas[key].dictLabel + currentSeparator);
-      }
-    })
-  })
-  return actions.join('').substring(0, actions.join('').length - 1);
-}
-
-// 通用下载方法
-export function download(fileName) {
-  window.location.href = baseURL + "/common/download?fileName=" + encodeURI(fileName) + "&delete=" + true;
-}
-
-// 字符串格式化(%s )
-export function sprintf(str) {
-  var args = arguments, flag = true, i = 1;
-  str = str.replace(/%s/g, function () {
-    var arg = args[i++];
-    if (typeof arg === 'undefined') {
-      flag = false;
-      return '';
-    }
-    return arg;
-  });
-  return flag ? str : '';
-}
-
-// 转换字符串，undefined,null等转化为""
-export function praseStrEmpty(str) {
-  if (!str || str == "undefined" || str == "null") {
-    return "";
-  }
-  return str;
-}
-
-/**
- * 构造树型结构数据
- * @param {*} data 数据源
- * @param {*} id id字段 默认 'id'
- * @param {*} parentId 父节点字段 默认 'parentId'
- * @param {*} children 孩子节点字段 默认 'children'
- * @param {*} rootId 根Id 默认 0
- */
-export function handleTree(data, id, parentId, children, rootId) {
-  try {
-
-    id = id || 'id'
-    parentId = parentId || 'parentId'
-    children = children || 'children'
-    rootId = rootId || Math.min.apply(Math, data.map(item => {
-      return item[parentId]
-    })) || 0
-    //对源数据深度克隆
-    const cloneData = JSON.parse(JSON.stringify(data))
-    //循环所有项
-    const treeData = cloneData.filter(father => {
-      let branchArr = cloneData.filter(child => {
-        //返回每一项的子级数组
-        return father[id] === child[parentId]
-      });
-      branchArr.length > 0 ? father.children = branchArr : '';
-      //返回第一层
-      return father[parentId] === rootId;
-    });
-    return treeData != '' ? treeData : data;
-  } catch (e) {
-    console.log(e)
-    return null;
-  }
-}

src/utils/request.js

@@ -13,7 +13,7 @@ const service = axios.create({
   // 超时
   timeout: 10000
 })
-解析
+
 // request拦截器
 service.interceptors.request.use(config => {
   if (config.method == 'post') {

src/views/footer/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <div>
+    脚
+  </div>
+</template>
+
+<script>
+export default {
+  name: "index"
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/header/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <div>
+    头部5464654646
+  </div>
+</template>
+
+<script>
+export default {
+  name: "index"
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/index/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>首页</div>
+</template>
+
+<script>
+export default {
+  name: "index"
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/news/index.vue

@@ -0,0 +1,15 @@
+<template>
+<div>
+  新闻
+</div>
+</template>
+
+<script>
+export default {
+  name: "index"
+}
+</script>
+
+<style scoped>
+
+</style>