添加营销系统模块

2018-11-08 08:39:42 +08:00
commit f7eb22e5bb
181 changed files with 35426 additions and 0 deletions
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -0,0 +1,15 @@
+import Cookies from 'js-cookie'
+
+const TokenKey = 'Admin-Token'
+
+export function getToken() {
+  return Cookies.get(TokenKey)
+}
+
+export function setToken(token) {
+  return Cookies.set(TokenKey, token)
+}
+
+export function removeToken() {
+  return Cookies.remove(TokenKey)
+}
--- a/src/utils/curd.js
+++ b/src/utils/curd.js
@@ -0,0 +1,249 @@
+/**
+Created by hedekun
+20180727
+ */
+import { type } from './tool' // type判断传入值的类型，比typeof更详细
+export default {
+  install(Vue) {
+    // 用于打开增加框，方法能重置表单，并使表单内容回到初始化状态。
+    // 传入参数
+    // 1）表单名称，字符串形式如'form'，必须
+    // 2) 打开表单后需要做什么，可以传数组[this.dialogvisiale = false， fetchData],也可以传回调函数function() { this.dialogvisiale = false } 可选
+    Vue.prototype.addForm = function(form, callback) {
+      if (type(form) === 'string') {
+        if (this.$refs[form]) { // 判断是否需要重置表单，如果需要重置表单
+          this.$refs[form].resetFields()
+        }
+        if (type(callback) === 'array') { // 判断传入是否为数组，如果是遍历数组，遇到函数将函数体变成函数执行，其余正常执行
+          if (callback && callback.length !== 0) {
+            for (let i = 0, len = callback.length; i < len; i++) {
+              typeof callback[i] === 'function' ? callback[i]() : callback[i]
+            }
+          }
+        } else if (type(callback) === 'function') { // 判断传入是否为回调函数
+          callback.call(this) // 回调函数执行，需将this改为该组件
+        }
+        this[form] = Object.assign(this.$data[form], this.$options.data()[form]) // 将表单中的数据变为初始状态。其中,this.$options.data是所有初始化的数据，this.$data是目前的数据
+      } else {
+        console.error('传入参数错误')
+      }
+    }
+    // 用于打开编辑框，方法能自动传入行的数据到对应的表单中,并将表单中所有纯数字转成int。前提是行的名称需跟表单名称一样。
+    // 传入参数
+    // 1) 编辑这一行的row
+    // 2）表单名称，字符串形式如'form'
+    // 3) 打开编辑需要做什么，同样是[] 和 function
+    Vue.prototype.editForm = function(row, form, callback) {
+      if (type(row) === 'object' && type(form) === 'string') {
+        if (this.$refs[form]) { // 判断是否需要重置表单
+          this.$refs[form].resetFields()
+        }
+        const isNum = /^[0-9]+$/ // 正则表达式，是否全都为纯数字
+        for (const prop in this[form]) { // 遍历表单，当表单和row中属性名一样时，表单row中的属性赋值给form
+          isNum.lastIndex = 0 // 正则每一次匹配后的索引归0，否则循环会造成问题
+          isNum.exec(row[prop]) ? this[form][prop] = parseInt(row[prop]) : this[form][prop] = row[prop] // 通过正则匹配数字，当匹配成功后，将字符串转为int。当然你也不用担心空转成NaN,因为''匹配通不过！
+        }
+        if (type(callback) === 'array') { // 这部分处理与打开表单相同
+          if (callback && callback.length !== 0) {
+            for (let i = 0, len = callback.length; i < len; i++) {
+              typeof callback[i] === 'function' ? callback[i]() : callback[i]
+            }
+          }
+        } else if (type(callback) === 'function') {
+          callback.call(this)
+        }
+      } else {
+        console.error('传入参数错误')
+      }
+    }
+    // 用于获取下拉框中的数据
+    // 传入参数
+    // 1）请求数据函数引用如getXXX，必须
+    // 2）数组的实行名称['XXXX名称', 'XXXX代码']，必须
+    // 3）需要用哪个数组接收这个结果，字符串形式。如在组件也需要用this.select,传入值就为'select'，必须
+    // 4) 请求函数传入的参数，可选
+    Vue.prototype.getSelect = function(requestData, select, carrier, param) {
+      if (type(requestData) === 'function' && type(select) === 'array' && type(carrier) === 'string') {
+        if (type(param) === 'array') {
+          requestData(...param).then(response => { // 这个方法没什么难度，不注释了
+            this[carrier] = []
+            for (let i = 0, len = response.data.length; i < len; i++) {
+              if (select.length === 2) {
+                this[carrier].push({
+                  label: response.data[i][select[0]],
+                  value: response.data[i][select[1]]
+                })
+              } else {
+                this[carrier].push({
+                  value: response.data[i][select[0]]
+                })
+              }
+            }
+            if (this[carrier].length !== 0) {
+              this[carrier] = response.data[0][select[0]]
+            }
+          })
+        } else {
+          requestData(param).then(response => { // 这个方法没什么难度，不注释了
+            this[carrier] = []
+            for (let i = 0, len = response.data.length; i < len; i++) {
+              if (select.length === 2) {
+                this[carrier].push({
+                  label: response.data[i][select[0]],
+                  value: response.data[i][select[1]]
+                })
+              } else {
+                this[carrier].push({
+                  value: response.data[i][select[0]]
+                })
+              }
+            }
+          })
+        }
+      } else {
+        console.error('参数传递错误')
+      }
+    }
+    // 普通获取数据
+    // 传入参数
+    // 1) 请求数据函数引用如getXXX，必须
+    // 2) 需要用哪个数组接收这个结果，字符串形式。如在组件也需要用this.select,传入值就为'select'，必须
+    // 3) 请求函数传入的参数，可选
+    Vue.prototype.getData = function(requestData, carrier, param) {
+      if (type(requestData) === 'function' && type(carrier) === 'string') {
+        if (type(param) === 'undefined') {
+          requestData(param).then(response => {
+            const data = response.data
+            this[carrier] = data
+          })
+        } else {
+          let Param = []
+          if (type(param) !== 'array') {
+            Param.push(param)
+          } else {
+            Param = param
+          }
+          requestData(...Param).then(response => {
+            const data = response.data
+            this[carrier] = data
+          })
+        }
+      } else {
+        console.error('传入参数错误')
+      }
+    }
+    // 获取表格数据,将表格中的年月日时分秒，转换成年月日
+    // 传入参数
+    // 1）请求数据函数引用如getXXX，必须
+    // 2）请求的参数，可选
+    // 3）接受值，数组，一般是['table','total','loading']顺序不能变
+    Vue.prototype.getTable = function(requestData, param, e) {
+      requestData(...param).then(response => {
+        const data = response.data.rows ? response.data.rows : response.data
+        this[e[0]] = []
+        this[e[1]] = 0
+        if (data && data.length > 0) {
+          const isTime = /^\d{4}([-\/.])\d{1,2}\1\d{1,2}/ // 判断是否是时间的正则表达式
+          for (let i = 0, len = data.length; i < len; i++) { // 循环得到每一条数据
+            for (const prop in data[i]) { // 循环每一条的每一项
+              isTime.lastIndex = 0 // 正则每一次指针复位
+              if (isTime.test(data[i][prop])) { // 判断是否是时间，如果是切割
+                data[i][prop] = data[i][prop].split(' ')[0]
+              }
+            }
+          }
+          this[e[0]] = data
+          this[e[1]] = parseInt(response.data.total)
+        } else {
+          this[e[0]] = []
+          // console.log('暂无数据')
+        }
+      }).then(() => {
+        if (this[e[2]]) {
+          this[e[2]] = false
+        }
+      })
+    }
+    // 添加表格数据
+    // 传入参数
+    // 1) 请求数据函数引用如getXXX，必须
+    // 2) 请求的参数，可选
+    // 3) 验证的表单名称，必须
+    // 4) 回调函数，必须
+    Vue.prototype.addTable = function(requestData, param, form, callback) {
+      if (type(callback) === 'function' && type(requestData) === 'function' && type(form) === 'string') {
+        this.$refs[form].validate((valid) => {
+          if (valid) {
+            requestData(...param).then(response => {
+              if (response.data[0].result === '1') {
+                this.$message.success('增加成功')
+                callback.call(this)
+              } else { this.$message.error('增加失败') }
+            })
+          } else {
+            console.error('error submit!!')
+            return false
+          }
+        })
+      } else {
+        console.error('参数传递错误')
+      }
+    }
+    // 编辑表格数据
+    // 传入参数
+    // 1) 请求数据函数引用如getXXX，必须
+    // 2) 请求的参数，可选
+    // 3) 验证的表单名称，必须
+    // 4) 回调函数，必须
+    Vue.prototype.editTable = function(requestData, param, form, callback) {
+      if (type(callback) === 'function' && type(requestData) === 'function' && type(form) === 'string') {
+        this.$refs[form].validate((valid) => {
+          if (valid) {
+            requestData(...param).then(response => {
+              if (response.data[0].result === '1') {
+                this.$message.success('修改成功')
+                callback.call(this) // 回调函数修正this指向组件本身
+              } else { this.$message.error('修改失败') }
+            })
+          } else {
+            console.error('error submit!!')
+            return false
+          }
+        })
+      } else {
+        console.error('参数传递错误')
+      }
+    }
+    // 删除表格数据
+    // 传入参数
+    // 1) 请求数据函数引用如getXXX，必须
+    // 2) id传入删除条件，必须
+    // 3) 回调函数，必须
+    Vue.prototype.deleteRow = function(requestData, id, callback) {
+      if (type(callback) === 'function' && type(requestData) === 'function') {
+        if (this.tableData && this.tableData.length === 1 && this.pageCurrent > 1) { // 判断删除的是否是最后一页最后一行，如果是且不是第一页，页数减一
+          this.pageCurrent--
+        }
+        this.$confirm('此操作将永久删除该行, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          requestData(id).then(response => {
+            if (response.data[0].result === '1') {
+              this.$message.success('删除成功')
+              callback.call(this) // 回调函数修正this指向组件本身
+            } else { this.$message.error('删除失败') }
+          })
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          })
+        })
+      } else {
+        console.error('参数传递错误')
+      }
+    }
+  }
+}
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -0,0 +1,70 @@
+/**
+ * Created by jiachenpan on 16/11/18.
+ */
+
+export function parseTime(time, cFormat) {
+  if (arguments.length === 0) {
+    return null
+  }
+  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+  let date
+  if (typeof time === 'object') {
+    date = time
+  } else {
+    if (('' + time).length === 10) time = parseInt(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 formatTime(time, option) {
+  time = +time * 1000
+  const d = new Date(time)
+  const now = Date.now()
+
+  const diff = (now - d) / 1000
+
+  if (diff < 30) {
+    return '刚刚'
+  } else if (diff < 3600) {
+    // less 1 hour
+    return Math.ceil(diff / 60) + '分钟前'
+  } else if (diff < 3600 * 24) {
+    return Math.ceil(diff / 3600) + '小时前'
+  } else if (diff < 3600 * 24 * 2) {
+    return '1天前'
+  }
+  if (option) {
+    return parseTime(time, option)
+  } else {
+    return (
+      d.getMonth() +
+      1 +
+      '月' +
+      d.getDate() +
+      '日' +
+      d.getHours() +
+      '时' +
+      d.getMinutes() +
+      '分'
+    )
+  }
+}
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -0,0 +1,75 @@
+import axios from 'axios'
+// import { Message, MessageBox } from 'element-ui'
+// import store from '../store'
+// import { getToken } from '@/utils/auth'
+
+// 创建axios实例
+export const upload = `http://123.56.95.229:8411/submit/uploadFile.ashx`
+export const download = `http://123.56.95.229:8411/submit/downloadFile.ashx`
+const service = axios.create({
+  baseURL: `http://localhost:8411/submit/MESCommonBase.ashx`,
+  timeout: 1500000 // 请求超时时间
+})
+
+// request拦截器
+// service.interceptors.request.use(
+//   config => {
+//     if (store.getters.token) {
+//       config.headers['X-Token'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
+//     }
+//     return config
+//   },
+//   error => {
+//     // Do something with request error
+//     console.log(error) // for debug
+//     Promise.reject(error)
+//   }
+// )
+
+// // response 拦截器
+// service.interceptors.response.use(
+//   response => {
+//     /**
+//      * code为非20000是抛错 可结合自己业务进行修改
+//      */
+//     const res = response.data
+//     if (res.code !== 20000) {
+//       Message({
+//         message: res.message,
+//         type: 'error',
+//         duration: 5 * 1000
+//       })
+//
+//       // 50008:非法的token; 50012:其他客户端登录了;  50014:Token 过期了;
+//       if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
+//         MessageBox.confirm(
+//           '你已被登出，可以取消继续留在该页面，或者重新登录',
+//           '确定登出',
+//           {
+//             confirmButtonText: '重新登录',
+//             cancelButtonText: '取消',
+//             type: 'warning'
+//           }
+//         ).then(() => {
+//           store.dispatch('FedLogOut').then(() => {
+//             location.reload() // 为了重新实例化vue-router对象 避免bug
+//           })
+//         })
+//       }
+//       return Promise.reject('error')
+//     } else {
+//       return response.data
+//     }
+//   },
+//   error => {
+//     console.log('err' + error) // for debug
+//     Message({
+//       message: error.message,
+//       type: 'error',
+//       duration: 5 * 1000
+//     })
+//     return Promise.reject(error)
+//   }
+// )
+
+export default service
--- a/src/utils/tool.js
+++ b/src/utils/tool.js
@@ -0,0 +1,101 @@
+// 数组去重
+export function arrayUnique(arr) {
+  arr.filter((element, index, arr) => {
+    return arr.indexOf(element) === index
+  })
+}
+
+// 数组去重，数组中值是对象
+export function arrayUnique2(arr, name) {
+  const hash = {}
+  return arr.reduce(function(item, next) {
+    hash[next[name]] ? '' : hash[next[name]] = true && item.push(next)
+    return item
+  }, [])
+}
+
+// 时间转时间戳
+export function timeToStamp(time) {
+  const date = new Date(time)
+  return date.getTime()
+}
+
+// 数组的深度拷贝
+export function arrDeepCopy(arr) {
+  const newArr = []
+  for (const prop in arr) newArr[prop] = typeof arr[prop] === 'object' ? arrDeepCopy(arr[prop]) : arr[prop]
+  return newArr
+}
+
+// 对象的深度拷贝
+export function objDeepCopy(obj) {
+  const newObj = {}
+  for (const prop in obj) newObj[prop] = typeof obj[prop] === 'object' ? objDeepCopy(obj[prop]) : obj[prop]
+  return newObj
+}
+
+function zeroFill(i) {
+  if (i >= 0 && i <= 9) {
+    return '0' + i
+  } else {
+    return i
+  }
+}
+// 获取当前时间
+export function getNowTime() {
+  const date = new Date()
+  const month = zeroFill(date.getMonth() + 1)
+  const day = zeroFill(date.getDate())
+  const hour = zeroFill(date.getHours())
+  const minute = zeroFill(date.getMinutes())
+  const second = zeroFill(date.getSeconds())
+  const time = date.getFullYear() + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second
+  return time
+}
+
+// 判断类型
+export function type(target) {
+  const ret = typeof (target)
+  const template = {
+    '[object Array]': 'array',
+    '[object Object]': 'object',
+    '[object String]': 'string - object',
+    '[object Number]': 'Number - object',
+    '[object Boolean]': 'Boolean - object'
+  }
+  if (target === null) {
+    return 'null'
+  }
+  if (ret === 'object') {
+    const str = Object.prototype.toString.call(target)
+    return template[str]
+  } else {
+    return ret
+  }
+}
+
+export function SectionToChinese(section) {
+  const chnNumChar = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九']
+  const chnUnitChar = ['', '十', '百', '千']
+  let strIns = ''
+  let chnStr = ''
+  let unitPos = 0
+  let zero = true
+  while (section > 0) {
+    const v = section % 10
+    if (v === 0) {
+      if (!zero) {
+        zero = true
+        chnStr = chnNumChar[v] + chnStr
+      }
+    } else {
+      zero = false
+      strIns = chnNumChar[v]
+      strIns += chnUnitChar[unitPos]
+      chnStr = strIns + chnStr
+    }
+    unitPos++
+    section = Math.floor(section / 10)
+  }
+  return chnStr
+}
--- a/src/utils/validate.js
+++ b/src/utils/validate.js
@@ -0,0 +1,32 @@
+/**
+ * Created by jiachenpan on 16/11/18.
+ */
+
+export function isvalidUsername(str) {
+  const user = /^[0-9]{4,5}$/
+  return user.test(str)
+}
+
+/* 合法uri*/
+export function validateURL(textval) {
+  const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
+  return urlregex.test(textval)
+}
+
+/* 小写字母*/
+export function validateLowerCase(str) {
+  const reg = /^[a-z]+$/
+  return reg.test(str)
+}
+
+/* 大写字母*/
+export function validateUpperCase(str) {
+  const reg = /^[A-Z]+$/
+  return reg.test(str)
+}
+
+/* 大小写字母*/
+export function validatAlphabets(str) {
+  const reg = /^[A-Za-z]+$/
+  return reg.test(str)
+}