html

src/api/bridge.js

@@ -1,81 +0,0 @@
import request from '@/utils/request'
/*  添加桥梁 */
export function addDevice(params) {
  return request({
    url: '/ajax/bridge',
    method: 'post',
    data: params
  })
}
/*  更新桥梁信息 */
export function updateDevice(params) {
  return request({
    url: '/ajax/bridge/update',
    method: 'post',
    data: params
  })
}
/*  删除桥梁信息 */
export function deleteDevice(params) {
  return request({
    url: '/ajax/bridge/delete',
    method: 'get',
    params
  })
}
/*  查询单个桥梁 */
export function queryDevice(params) {
  return request({
    url: '/ajax/bridge/qo',
    method: 'get',
    params
  })
}
/*  分页查询桥梁 */
export function pageQueryDevice(params) {
  return request({
    url: '/ajax/bridge/pq',
    method: 'get',
    params
  })
}
/*  校验桥梁编号 */
export function checkDeviceCode(params) {
  return request({
    url: '/ajax/bridge/checkCode',
    method: 'get',
    params
  })
}
/*  校验桥梁简称 */
export function checkBridgeShortName(params) {
  return request({
    url: '/ajax/bridge/checkShortName',
    method: 'get',
    params
  })
}
/*  校验桥梁全称 */
export function checkBridgeName(params) {
  return request({
    url: '/ajax/bridge/checkName',
    method: 'get',
    params
  })
}
/*  上传图片 */
export function uploadBridgeImg() {
  return request({
    url: '/ajax/bridge/upload',
    method: 'post'
  })
}

src/api/collectionbox.js

@@ -1,73 +0,0 @@
import request from '@/utils/request'
/*  添加采集盒 */
export function addDevice(params) {
  return request({
    url: '/ajax/device',
    method: 'post',
    data: params
  })
}
/*  更新采集盒信息 */
export function updateDevice(params) {
  return request({
    url: '/ajax/device/update',
    method: 'post',
    data: params
  })
}
/*  删除采集盒信息 */
export function deleteDevice(params) {
  return request({
    url: '/ajax/device/delete',
    method: 'get',
    params
  })
}
/*  查询单个采集盒 */
export function queryDevice(params) {
  return request({
    url: '/ajax/device/qo',
    method: 'get',
    params
  })
}
/*  分页查询采集盒 */
export function pageQueryDevice(params) {
  return request({
    url: '/ajax/device/pq',
    method: 'get',
    params
  })
}
/*  采集盒所属服务器编号列表 */
export function DeviceOfservice(params) {
  return request({
    url: '/ajax/server/listByCode',
    method: 'get',
    params
  })
}
/*  校验采集盒编号 */
export function checkDeviceCode(params) {
  return request({
    url: '/ajax/device/checkCode',
    method: 'get',
    params
  })
}
/*  校验采集盒内部编号 */
export function checkDeviceInternalCode(params) {
  return request({
    url: '/ajax/device/checkSeq',
    method: 'get',
    params
  })
}

src/api/sensor.js

@@ -1,73 +0,0 @@
import request from '@/utils/request'
/*  添加传感器 */
export function addDevice(params) {
  return request({
    url: '/ajax/transducer',
    method: 'post',
    data: params
  })
}
/*  更新传感器信息 */
export function updateDevice(params) {
  return request({
    url: '/ajax/transducer/update',
    method: 'post',
    data: params
  })
}
/*  删除传感器信息 */
export function deleteDevice(params) {
  return request({
    url: '/ajax/transducer/delete',
    method: 'get',
    params
  })
}
/*  查询单个传感器 */
export function queryDevice(params) {
  return request({
    url: '/ajax/transducer/qo',
    method: 'get',
    params
  })
}
/*  分页查询传感器 */
export function pageQueryDevice(params) {
  return request({
    url: '/ajax/transducer/pq',
    method: 'get',
    params
  })
}
/*  传感器所属采集盒编号列表 */
export function DeviceOfservice(params) {
  return request({
    url: '/ajax/device/listByCode',
    method: 'get',
    params
  })
}
/*  校验传感器编号 */
export function checkDeviceCode(params) {
  return request({
    url: '/ajax/transducer/checkCode',
    method: 'get',
    params
  })
}
/*  校验传感器内部编号 */
export function checkDeviceInternalCode(params) {
  return request({
    url: '/ajax/transducer/checkSeq',
    method: 'get',
    params
  })
}

src/api/server.js

@@ -1,73 +0,0 @@
import request from '@/utils/request'
/*  添加服务器 */
export function addDevice(params) {
  return request({
    url: '/ajax/server',
    method: 'post',
    data: params
  })
}
/*  更新服务器信息 */
export function updateDevice(params) {
  return request({
    url: '/ajax/server/update',
    method: 'post',
    data: params
  })
}
/*  删除服务器信息 */
export function deleteDevice(params) {
  return request({
    url: '/ajax/server/delete',
    method: 'get',
    params
  })
}
/*  查询单个服务器 */
export function queryDevice(params) {
  return request({
    url: '/ajax/server/qo',
    method: 'get',
    params
  })
}
/*  分页查询服务器 */
export function pageQueryDevice(params) {
  return request({
    url: '/ajax/server/pq',
    method: 'get',
    params
  })
}
/*  服务器所属采桥梁列表 */
export function DeviceOfservice(params) {
  return request({
    url: '/ajax/bridge/list',
    method: 'get',
    params
  })
}
/*  校验服务器编号 */
export function checkDeviceCode(params) {
  return request({
    url: '/ajax/server/checkCode',
    method: 'get',
    params
  })
}
/*  校验服务器内部编号 */
export function checkDeviceInternalCode(params) {
  return request({
    url: '/ajax/server/checkSeq',
    method: 'get',
    params
  })
}

src/api/sysSetting.js

@@ -0,0 +1,18 @@
/*  分页查询用户 */
export const pageQueryUser = '/ajax/sys/pq'
/*  查看用户信息 */
export const queryUserOne = '/ajax/sys/qo'
/*  检查账号是否注册 */
export const checkRegister = '/ajax/sys/check'
/*  新增用户 */
export const addUser = '/ajax/sys/new'
/*  修改用户信息 */
export const updateUser = '/ajax/sys/renew'
/*  修改用户权限 */
export const updatePermission = '/ajax/sys/right/'
/*  重置密码 */
export const resetPw = '/ajax/sys/resetpw'
/*  停用用户 */
export const banUser = '/ajax/sys/ban'

src/api/userManagemen.js

@@ -1,82 +0,0 @@
import request from '@/utils/request'
/*  停用用户 */
export function deleteUser(params) {
  return request({
    url: '/ajax/sys/ban',
    method: 'get',
    params
  })
}
/*  查询负责桥梁 */
export function queryResponsibleBridge(params) {
  return request({
    url: '/ajax/bridge/byUserId',
    method: 'get',
    params
  })
}
/*  分页查询用户 */
export function pageQueryUser(params) {
  return request({
    url: '/ajax/sys/pq',
    method: 'get',
    params
  })
}
/*  检查账号是否注册 */
export function checkRegister(params) {
  return request({
    url: '/ajax/sys/check',
    method: 'get',
    params
  })
}
/*  新增新用户 */
export function addRegister(params) {
  return request({
    url: '/ajax/sys/insert',
    method: 'post',
    data: params
  })
}
/*  更新新用户 */
export function updateRegister(params) {
  return request({
    url: '/ajax/sys/update',
    method: 'post',
    data: params
  })
}
/*  查找用户信息 */
export function queryRegister(params) {
  return request({
    url: '/ajax/sys/qo',
    method: 'get',
    params
  })
}
/*  传感器所属采集盒编号列表 */
export function DeviceOfservice(params) {
  return request({
    url: '/ajax/bridge/list',
    method: 'get',
    params
  })
}
/*  更新用户权限 */
export function updatePermission(params) {
  return request({
    url: '/ajax/sys/userBridge/refresh',
    method: 'post',
    data: params
  })
}

src/components/Breadcrumb/index.vue

@@ -1,5 +1,5 @@
<template>
  <el-breadcrumb class="app-breadcrumb" separator="/">
  <el-breadcrumb class="app-breadcrumb" separator=">">
    <transition-group name="breadcrumb">
      <el-breadcrumb-item v-for="(item,index)  in levelList" :key="item.path" v-if="item.meta.title">
        <span v-if="item.redirect==='noredirect'||index==levelList.length-1" class="no-redirect">{{item.meta.title}}</span>

src/components/CityPicker/index.vue

@@ -1,11 +1,42 @@
<template>
  <div class="linkage">
    <el-row :gutter="10">
      <el-col :span="8">
    <!-- <el-col :span="24" class="cityParent">
      <el-form-item label="所在城市" prop="province">
        <el-col :span="24">
          <el-select :style="{width: widthselect + 'px'}"
           v-model="selectProv"
           placeholder="请选择所在省/直辖市"
           v-on:change="getProv($event)">
            <el-option
              v-for="item in provs"
              :label="item.text"
              :value="item.text"
              :key="item.index">
            </el-option>
          </el-select>
        </el-col>
      </el-form-item>
      <el-form-item prop="city" class="cityChild"
        :style="{left: labelW ? (widthselect + labelW + 6 + 'px'):(widthselect + 6 + 'px')}">
        <el-select :style="{width: widthselect + 'px', marginLeft: labelW ? (-labelW +'px'): 0}"
           v-model="selectCity"
           placeholder="请选择所在城市"
           v-on:change="getCity($event)">
          <el-option
            v-for="item in citys"
            :label="item.text"
            :value="item.text"
            :key="item.index">
          </el-option>
        </el-select>
      </el-form-item>
    </el-col> -->
    <el-row>
      <el-col :span="12">
        <el-select
          v-model="sheng"
          @change="choseProvince"
          placeholder="省">
          placeholder="省/直辖市">
          <el-option
            v-for="item in province"
            :key="item.id"
@@ -14,11 +45,11 @@
          </el-option>
        </el-select>
      </el-col>
      <el-col :span="8">
      <el-col :span="12">
        <el-select
          v-model="shi"
          @change="choseCity"
          placeholder="市">
          placeholder="所在城市">
          <el-option
            v-for="item in shi1"
            :key="item.id"
@@ -27,7 +58,7 @@
          </el-option>
        </el-select>
      </el-col>
      <el-col :span="8">
      <!-- <el-col :span="8">
        <el-select
          v-model="qu"
          @change="choseBlock"
@@ -39,7 +70,7 @@
            :value="item.id">
          </el-option>
        </el-select>
      </el-col>
      </el-col> -->
    </el-row>
  </div>
</template>
@@ -140,3 +171,6 @@ export default {
  }
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
</style>

src/components/DynamicTags/index.vue

@@ -0,0 +1,205 @@
<template>
  <div class="tag-box">
    <div class="tag-btn" v-if="isShowAdd">
      <el-input
        class="input-new-tag"
        v-if="inputVisible"
        v-model="inputValue"
        ref="saveTagInput"
        size="medium"
        @keyup.enter.native="handleInputConfirm"
        @blur="handleInputConfirm"
      >
      </el-input>
      <!-- <el-autocomplete
        class="input-new-tag"
        v-if="inputVisible"
        v-model="inputValue"
        ref="saveTagInput"
        size="medium"
        :placeholder="tagInfo.placeholder"
        :trigger-on-focus="false"
        @select="handleSelect"
        :fetch-suggestions="querySearch"
        @keyup.enter.native="handleInputConfirm"
        @blur="handleInputConfirm"
      >
        <template slot-scope="{ item }">
          <div class="name">{{ item.caption }}</div>
        </template>
      </el-autocomplete> -->
      <el-button v-else class="button-new-tag" size="medium" @click="showInput">+ {{tagInfo.placeholder}}</el-button>
    </div>
    <div class="tag-show" :class="tagInfo.tagblock ? 'tag-block' : ''">
      <div class="tag-item" :key="tag" v-for="tag in dynamicTags">
        <el-tag
          closable
          :disable-transitions="false"
          @close="handleClose(tag)">
          {{tag}}
        </el-tag>
      </div>
    </div>
  </div>
</template>
<script>
  // import httpUrl from '@/libs/http'
  import { trimStr } from '@/utils'
  export default {
    props: {
      tagInfo: {
        type: Object
      },
      dyStr: {
        type: String
      }
    },
    data() {
      return {
        inputVisible: false,
        inputValue: '',
        dynamicTags: [],
        isShowAdd: true,
        restaurants: [],
        loadAllKeys: []
      }
    },
    watch: {
      dyStr() {
        if (this.dyStr) {
          this.dynamicTags = this.dyStr.split(',')
          if (this.dynamicTags.length < this.tagInfo.tagsNum) {
            this.isShowAdd = true
          } else {
            this.isShowAdd = false
          }
        }
      }
    },
    methods: {
      // add tag
      handleClose(tag) {
        this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1)
        this.$emit('turnTags', this.dynamicTags.join(',')) // 传给父组件
        if (this.dynamicTags.length < this.tagInfo.tagsNum) {
          this.isShowAdd = true
        } else {
          this.isShowAdd = false
        }
      },
      showInput() {
        this.inputVisible = true
        this.$nextTick(_ => {
          this.$refs.saveTagInput.$refs.input.focus()
        })
      },
      handleInputConfirm() {
        const inputValue = this.inputValue
        if (trimStr(inputValue)) {
          if (inputValue.length > this.tagInfo.limitCount) {
            this.$alert(`${this.tagInfo.lableTit}不得超过${this.tagInfo.limitCount}个字,添加失败！`, '提示', {
              confirmButtonText: '确定',
              type: 'warning',
              center: true
            })
            return false
          }
          for (var i = 0; i < this.dynamicTags.length; i++) {
            if (inputValue === this.dynamicTags[i]) {
              this.$alert('添加的内容不能重复', '提示', {
                confirmButtonText: '确定',
                type: 'warning',
                center: true
              })
              this.inputValue = ''
              return false
            }
          }
          this.dynamicTags.push(inputValue)
          if (this.dynamicTags.length < this.tagInfo.tagsNum) {
            this.isShowAdd = true
          } else {
            this.isShowAdd = false
          }
        }
        this.$emit('turnTags', this.dynamicTags.join(',')) // 传给父组件
        this.inputVisible = false
        this.inputValue = ''
      }
      // add tag
      // select key tag
      // querySearch(queryString, cb) {
      //   this.$axios.get(httpUrl.kxQurey.qaHotKey, {
      //     key: queryString
      //   }, (res) => {
      //     if (res.success) {
      //       var $info = res.data;
      //       var oSr = [];
      //       for (let i = 0; i < Math.min($info.length, 5); i++) {
      //         oSr[i] = $info[i];
      //       };
      //       this.loadAllKeys = oSr;
      //       // if (this.loadAllKeys.length === 0) {
      //       //   this.loadAllKeys = [{caption: '暂无数据'}]
      //       // };
      //       cb(this.loadAllKeys);
      //     };
      //   });
      // },
      // handleSelect(item) {
      //   this.inputValue = item.caption
      // }
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
  .tag-show {
    overflow: hidden;
    padding:5px 0 0;
    margin-bottom:-5px;
    .tag-item{
      float:left;
      .el-tag {
        margin-right:10px;
        margin-bottom:5px;
        min-height: 32px;
        padding: 6px 10px;
        line-height: 20px;
        height:auto;
      }
    }
  }
  .tag-block{
    .tag-item{
      float:none;
      display: block;
      .el-tag {
        margin-left: 0;
        white-space: normal;
      }
    }
  }
  .button-new-tag{
    width:100%;
    height: 38px;
    line-height: 36px;
    padding-top: 0;
    text-align: left;
    padding-bottom: 0;
    color: #c0c4cc;
    overflow:hidden;
  }
  .el-input.input-new-tag{
    width: 100%;
    vertical-align: bottom;
    margin-left: 0;
    overflow:hidden;
  }
</style>

src/components/complexTable/index.vue

@@ -2,7 +2,7 @@
  <div>
    <el-table
      :data="tableData"
      height="600"
      height="630"
      border>
      <el-table-column v-if="hasSelect"
        type="selection"

src/router/index.js

@@ -99,6 +99,129 @@ export const constantRouterMap = [
        meta: { title: '已关闭需求' }
      }
    ]
  },
  {
    path: '',
    component: Layout,
    name: 'company',
    redirect: 'noredirect',
    meta: { title: '企业中心' },
    children: [
      {
        path: 'noactive',
        component: () => import('@/views/companyCen/noactive/index'),
        name: 'noactive',
        parentPath: true,
        redirect: { name: 'noactiveList' },
        meta: { title: '未激活企业' },
        children: [
          {
            path: 'noactiveList',
            name: 'noactiveList',
            hidden: true,
            component: () => import('@/views/companyCen/noactive/noactiveList')
          },
          {
            path: 'compHome',
            component: () => import('@/views/companyCen/noactive/compHome'),
            name: 'compHome',
            parentPath: true,
            redirect: { name: 'compInfo' },
            meta: { title: '企业信息' },
            children: [
              {
                path: 'compInfo',
                name: 'compInfo',
                hidden: true,
                component: () => import('@/views/companyCen/noactive/compInfo')
              },
              {
                path: 'productHome',
                component: () => import('@/views/companyCen/noactive/productHome'),
                name: 'productHome',
                parentPath: true,
                redirect: { name: 'compProduct' },
                children: [
                  {
                    path: 'compProduct',
                    component: () => import('@/views/companyCen/noactive/compProduct'),
                    name: 'compProduct',
                    meta: { title: '企业产品' }
                  },
                  {
                    path: 'productInfo',
                    component: () => import('@/views/companyCen/noactive/productInfo'),
                    name: 'productInfo',
                    hidden: true,
                    meta: { title: '产品详情' }
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        path: 'activeList',
        component: () => import('@/views/companyCen/activeList'),
        name: 'activeList',
        meta: { title: '已激活企业' }
      }
    ]
  },
  {
    path: '',
    component: Layout,
    name: 'platinfo',
    redirect: 'noredirect',
    alwaysShow: true,
    meta: { title: '平台信息' },
    children: [
      {
        path: 'platUpdate',
        component: () => import('@/views/platInfo/platUpdate'),
        name: 'platUpdate',
        meta: { title: '修改平台信息' }
      }
    ]
  },
  {
    path: '',
    component: Layout,
    name: 'userinfo',
    redirect: 'noredirect',
    alwaysShow: true,
    meta: { title: '用户信息' },
    children: [
      {
        path: 'usingList',
        component: () => import('@/views/userInfo/usingList'),
        name: 'usingList',
        meta: { title: '正常用户' }
      },
      {
        path: 'blackList',
        component: () => import('@/views/userInfo/blackList'),
        name: 'blackList',
        meta: { title: '黑名单用户' }
      }
    ]
  },
  {
    path: '',
    component: Layout,
    name: 'sysSetting',
    redirect: 'noredirect',
    alwaysShow: true,
    meta: { title: '系统设置' },
    children: [
      {
        path: 'adminUser',
        component: () => import('@/views/sysSetting/adminUser'),
        name: 'adminUser',
        meta: { title: '平台后台用户管理列表' }
      }
    ]
  }
]
@@ -114,6 +237,5 @@ export default new Router({
// 动态需要根据权限加载的路由表
export const asyncRouterMap = [
  
  { path: '*', redirect: '/404', hidden: true }
]

src/styles/element-ui.scss

@@ -50,4 +50,16 @@
      padding: 12px 50px;
    }
  }
}
}
.el-select {
  width:100%
}
.el-date-editor.el-input, .el-date-editor.el-input__inner{
  width:100%;
}
.el-table .cell{
  min-height: 23px
}

src/styles/index.scss

@@ -6,7 +6,6 @@
body {
  height: 100%;
  min-width:600px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
@@ -80,7 +79,7 @@ a:hover {
    position: relative;
    overflow:hidden;
    line-height: 40px;
    padding:15px 20px;
    padding:8px 20px;
    background:#ffffff;
    border-bottom:1px solid #dadada;
    .contain-title{
@@ -97,7 +96,7 @@ a:hover {
    .contian-operate{
      position:absolute;
      right:20px;
      top:15px;
      top:8px;
    }
  }
  .content-container{
@@ -108,8 +107,11 @@ a:hover {
      margin-bottom:15px;
      float:right;
      span{
      font-size:15px;
      color:#999;
        font-size:15px;
        color:#999;
      }
      .el-select{
        width: 120px;
      }
    }
  }

src/styles/sidebar.scss

@@ -1,4 +1,45 @@
#app {
  // 顶部导航 topnavbar
  .topnavbar {
    position: fixed;
    font-size: 0px;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    z-index:1002;
    border-radius: 0px !important;
    background-color: $menuBg;
    border-bottom: 1px solid #e6e6e6;
    .topnavbarBox {
      position: relative;
      margin: auto;
      box-sizing: border-box;
      padding: 0 10px;
      .logo-container {
        font-size: 22px;
        font-weight: bold;
        color: #efefef;
        display: inline-block;
        position: absolute;
        left:10px;
        overflow: hidden;
      }
      .name-box{
        display: inline-block;
        position: absolute;
        right: 20px;
        font-size:14px;
        overflow: hidden;
        color:#fff;
        .exit-btn {
          margin-left:30px;
          cursor: pointer;
        }
      }
    }
  }
  // 主体区域
  .main-container {
    min-height: 100%;
@@ -13,9 +54,15 @@
    transition: width 0.28s;
    width: 200px !important;
    height: 100%;
    float: left;
    position: fixed;
    font-size: 0px;
    top: 50px;
    bottom: 0;
    left: 0;
    padding-bottom: 50px;
    z-index: 1001;
    overflow: hidden;
    background-color: $menuBg;
    //reset element-ui css
    .horizontal-collapse-transition {
      transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;

src/styles/variables.scss

@@ -1,4 +1,4 @@
//sidebar
$menuBg:#1a76a5;
$subMenuBg:#146792;
$menuHover:#105477;
$menuBg:#20436b;
$subMenuBg:#052d5a;
$menuHover:#1c3d6f;

src/utils/comTable.js

@@ -0,0 +1,20 @@
/**
 * Created by luyanan on 18/11/23.
 * gapFilling
 * 补全空行
 */
/* eslint-disable one-var */
var defaultPageSize = 20,
  gapFilling = function(tData, pageS) {
    const pageSize = pageS ? pageS : defaultPageSize
    const needNum = pageSize - tData.length % pageSize
    for (let i = 0; i < needNum; ++i) {
      tData.push(i)
    }
  },
  ret = {
    gapFilling: gapFilling
  }
export default ret

src/utils/index.js

@@ -12,15 +12,15 @@ export function urlParse(name) {
  return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || ['', ''])[1].replace(/\+/g, '%20')) || null
}
export function parseTime(startTime, flag, fa) {
export function trimStr(str) {
  return str.replace(/(^\s*)|(\s*$)/g, '')
}
export function parseTime(date, flag) {
  if (flag) {
    if (!fa) {
      return startTime.substring(0, 4) + '年' + startTime.substring(4, 6) + '月' + startTime.substring(6, 8) + '日 ' + startTime.substring(8, 10) + ':' + startTime.substring(10, 12) + ':' + startTime.substring(12, 14)
    } else {
      return startTime.substring(0, 4) + '/' + startTime.substring(4, 6) + '/' + startTime.substring(6, 8) + ' ' + startTime.substring(8, 10) + ':' + startTime.substring(10, 12) + ':' + startTime.substring(12, 14)
    }
    return date.substring(0, 4) + '年' + date.substring(4, 6) + '月' + date.substring(6, 8) + '日 ' + date.substring(8, 10) + ':' + date.substring(10, 12) + ':' + date.substring(12, 14)
  } else {
    return startTime.substring(0, 4) + '/' + startTime.substring(4, 6) + '/' + startTime.substring(6, 8)
    return date.substring(0, 4) + '/' + date.substring(4, 6) + '/' + date.substring(6, 8) + ' ' + date.substring(8, 10) + ':' + date.substring(10, 12) + ':' + date.substring(12, 14)
  }
}

src/utils/queryDict.js

@@ -1,7 +1,7 @@
/**
 * Created by luyanan on 18/8/23.
 * 'ZLLX'----'传感器主缆'
 * 'ZLWZ'----'传感器位置'
 * Created by luyanan on 18/11/22.
 * 'QYGM'----'企业规模'
 * 'QYLX'----'企业类型'
 * 'XZQH'----'城市级联'
 */
/* eslint-disable one-var */

src/utils/request.js

@@ -41,12 +41,11 @@ service.interceptors.response.use(response => {
    }
    return taR
  } else {
    Message.error({ response })
    Message.error('2333')
    return Promise.resolve(response)
  }
}, error => {
  const text = JSON.parse(JSON.stringify(error)).response.status === 404 ? '404' : '网络异常，请重试'
  Message.error({ text })
  Message.error('服务器连接失败，请重新')
  return Promise.reject(error)
})
@@ -72,6 +71,17 @@ var ret = {
    }).catch(err => {
      if (eh) eh(err)
    })
  },
  put: function(url, Da, sh, eh) {
    service({
      method: 'put',
      url: url,
      data: Da
    }).then(res => {
      sh(res)
    }).catch(err => {
      if (eh) eh(err)
    })
  }
}

src/utils/timingConstruct.js

@@ -1,78 +0,0 @@
/**
 * Created by luyanan on 18/9/4.
 * construct monitor
 */
/* eslint-disable one-var */
import { parseTime } from '@/utils/index'
var monitorModel = {
  construct: function(mCache, $data) {
    for (let i = 0; i < $data.length; ++i) {
      if ($data[i].ctime === $data[0].ctime) {
        mCache.push({
          cid: $data[i].cid,
          cd: {
            tit: '',
            xData: [],
            seData: []
          }
        })
      }
    }
  },
  fixData: function(item, ftbegin, ftend, $daI) {
    if ($daI) {
      item.xData.push(parseTime(ftbegin, true, true))
      item.xData.push(parseTime(ftend, true, true))
      item.seData.push($daI.hvalue)
      item.seData.push($daI.lvalue)
      item.tit = $daI.cid
    } else {
      item.xData.push(parseTime(ftbegin, true, true))
      item.xData.push(parseTime(ftend, true, true))
      item.seData.push(0)
      item.seData.push(0)
    }
  },
  shiftData: function(item) {
    item.xData.shift()
    item.xData.shift()
    item.seData.shift()
    item.seData.shift()
  },
  setData: function(mCache, $data, ftbegin, ftend, maxNum) {
    if ($data.length) {
      for (let n = 0; n < mCache.length; ++n) {
        let found_c = false
        for (let m = 0; m < $data.length; ++m) {
          var tj = ($data[m].cid === mCache[n].cid && (ftbegin === $data[m].ctime))
          if (maxNum) {
            tj = ($data[m].cid === mCache[n].cid)
          }
          if (tj) {
            found_c = true
            this.fixData(mCache[n].cd, ftbegin, ftend, $data[m])
            break
          }
        }
        if (!found_c) {
          this.fixData(mCache[n].cd, ftbegin, ftend)
        }
        if (maxNum && mCache[n].cd.xData.length > maxNum) {
          this.shiftData(mCache[n].cd)
        }
      }
    } else {
      for (let k = 0; k < mCache.length; ++k) {
        this.fixData(mCache[k].cd, ftbegin, ftend)
        if (maxNum && mCache[k].cd.xData.length > maxNum) {
          this.shiftData(mCache[k].cd)
        }
      }
    }
  }
}
export default monitorModel

src/utils/validator.js

@@ -0,0 +1,61 @@
/**
 * Created by luyanan on 18/11/21.
 * form validator rules
 */
export function focusFun(rule, value, callback) {
  if (value !== '') {
    if (value) {
      callback(new Error(`请填写${this.maxlength}字以内机构名称`))
    } else {
      callback()
    }
  } else {
    callback()
  }
}
// 邮箱,@,50个字
export function checkEmailV(rule, value, callback) {
  const reg = /^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/
  if (!reg.test(value)) {
    return callback(new Error('请填写正确的邮箱格式'))
  } else {
    return callback()
  }
  // if (value.length) {
  //   return callback(new Error('请填写50字以内的邮箱地址'))
  // }
}
// 电话,50个字
export function checkPhoneV(rule, value, callback) {
  // const reg = /^1[3|4|5|7|8][0-9]\d{8}$/
  if (value.length) {
    return callback(new Error('请填写50字以内的电话号码'))
  } else {
    return callback()
  }
}
// 类似金钱,首位不为0,最多2位小数
export function checkNumPot2(rule, value, callback) {
  const reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2,3})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/
  if (value === '') {
    callback()
  } else if (!reg.test(value)) {
    callback(new Error('请填写数字,最多2位小数'))
  }
}
// 邮编,限制只能输入数字,20个字
export function checkInterNum(rule, value, callback) {
  const reg = /^[0-9]*[1-9][0-9]*$/
  if (!value) {
    return callback()
  } else if (!reg.test(value)) {
    return callback(new Error('请输入正确邮编'))
  } else {
    callback()
  }
}

src/views/companyCen/activeList.vue

@@ -0,0 +1,89 @@
<template>
  <div class="app-container">
    <div class="box-container">
      <div class="contain-title">已激活企业</div>
      <div class="contain-search">
        <el-input placeholder="搜索企业名称" v-model="searchText" class="input-with-select">
          <el-button slot="append" icon="el-icon-search"></el-button>
        </el-input>
      </div>
    </div>
    <div class="content-container">
      <complex-table :tableData="tableData" :tableItem="tableItem"></complex-table>
    </div>
  </div>
</template>
<script>
import complexTable from '@/components/complexTable'
export default {
  data() {
    return {
      searchText: '',
      selectMode: '',
      tableData: [
        {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }, {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }, {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }, {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }
      ],
      tableItem: [
        {
          prop: 'name',
          tit: '标题'
        },
        {
          prop: 'class',
          tit: '栏目分类',
          width: '160'
        },
        {
          prop: 'owner',
          tit: '发布人',
          width: '160'
        },
        {
          prop: 'date',
          tit: '发布时间',
          width: '160'
        },
        {
          prop: 'num',
          tit: '浏览数量',
          width: '160'
        },
        {
          operate: 'edit',
          width: '200'
        }
      ]
    }
  },
  components: {
    complexTable
  },
  methods: {
  }
}
</script>

src/views/companyCen/noactive/compHome.vue

@@ -0,0 +1,5 @@
<template>
  <div>
    <router-view></router-view>
  </div>
</template>

src/views/companyCen/noactive/compInfo.vue

@@ -0,0 +1,452 @@
<template>
  <div class="app-container">
    <div class="box-container">
      <div class="contain-title">企业信息</div>
      <div class="contian-operate">
        <el-button type="primary" @click="queryCompanyProduct">企业产品</el-button>
      </div>
    </div>
    <div class="content-container">
      <div class="main-info">
        <el-form :model="formObj" :rules="rules" ref="formObj" label-width="86px" class="update-wrapper demo-ruleForm">
          <el-row :gutter="25">
            <el-col :span="14">
              <el-row :gutter="20" class="update-main">
                <el-col :span="24">
                  <el-form-item class="is-required" label="企业名称" prop="name">
                    <el-input v-model="formObj.name" placeholder="请填写企业全部名称" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="创立年份" prop="createYear">
                    <el-date-picker
                      :editable="false"
                      v-model="formObj.createYear"
                      type="year"
                      placeholder="请选择企业的创立年份">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="官方网址" prop="website">
                    <el-input v-model="formObj.website" placeholder="如: www.ekexiu.xom"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="企业规模" prop="">
                    <el-select v-model="selectLongTime" placeholder="请选择员工数量范围">
                      <el-option
                        v-for="item in longTime"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                        @current-change="item.value">
                      </el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="企业类型" prop="createYear">
                    <el-select v-model="selectLongTime" placeholder="请选择最符合的一项">
                      <el-option
                        v-for="item in longTime"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                        @current-change="item.value">
                      </el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="所在城市" prop="">
                    <cityPicker></cityPicker>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="企业邮编" prop="website">
                    <el-input v-model="formObj.website" type="number" placeholder="请填写企业邮编" maxlength="20"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="企业地址" prop="address">
                    <el-input v-model="formObj.address" placeholder="请填写企业详细地址" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="联系人" prop="linkman">
                    <el-input v-model="formObj.linkman" placeholder="请填写企业联系人" maxlength="10"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12"></el-col>
                <el-col :span="12">
                  <el-form-item label="联系电话" prop="tel">
                    <el-input v-model="formObj.tel" placeholder="请填写联系电话" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="联系邮箱" prop="mail">
                    <el-input v-model="formObj.mail" placeholder="请填写联系邮箱" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="客服电话" prop="tel">
                    <el-input v-model="formObj.tel" placeholder="请填写客服电话" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12"></el-col>
                <el-col :span="12">
                  <el-form-item label="工作时间" prop="linkman">
                    <el-input v-model="formObj.linkman" placeholder="请填写客服工作时间" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="客服邮箱" prop="mail">
                    <el-input v-model="formObj.mail" placeholder="请填写客服邮箱" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="所属行业">
                    <dynamicTags :tagInfo="tagIndustry" :dyStr="formObj.industry" v-on:turnTags="turnIndustryTags($event)" ref="tagComponent"></dynamicTags>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="专注领域">
                    <dynamicTags :tagInfo="tagSubject" :dyStr="formObj.subject" v-on:turnTags="turnSubjectTags($event)"></dynamicTags>
                  </el-form-item>
                </el-col>
                
                <!-- :labelW="80"
                  :widthselect="200"
                  :prov="province"
                  :city="city"
                  v-on:selectProv="getSelectProv($event)"
                  v-on:selectCity="getSelectCity($event)" -->
                
                
                <el-col :span="24">
                  <el-form-item class="is-required" label="企业简介" prop="desc">
                    <el-input type="textarea" :rows="8" v-model="formObj.desc" placeholder="请填写一个简单的介绍，让大家更好地了解您的企业" maxlength="5000"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="企业资质">
                    <dynamicTags :tagInfo="tagProve" :dyStr="formObj.prove" v-on:turnTags="turnProveTags($event)"></dynamicTags>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="供应商领域">
                    <dynamicTags :tagInfo="tagSubjectG" :dyStr="formObj.subjectG" v-on:turnTags="turnSubjectGTags($event)"></dynamicTags>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="客户领域">
                    <dynamicTags :tagInfo="tagSubjectC" :dyStr="formObj.subjectC" v-on:turnTags="turnSubjectCTags($event)"></dynamicTags>
                  </el-form-item>
                </el-col>
                <el-col :span="24" class="el-btn-col">
                  <div class="el-btn-col-box">
                    <el-button type="primary" @click="submitForm('formObj')">保存</el-button>
                  </div>
                </el-col>
              </el-row>
            </el-col>
            <el-col :span="10">
              <div class="update-logo">
                <el-upload
                  class="avatar-uploader"
                  :action="uploadUrl"
                  :show-file-list="false"
                  ref="uploadLogo"
                  :on-success="handleAvatarSuccess"
                  :before-upload="beforeAvatarUpload">
                  <img v-if="imageUrl" :src="imageUrl" class="avatar">
                  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                </el-upload>
                <div class="update-tip">PNG/JPG/JPEG格式<br>大小2M以内</div>
              </div>
            </el-col>
          </el-row>
        </el-form>
      </div>
    </div>
  </div>
</template>
<script>
  import queryDict from '@/utils/queryDict'
  import cityPicker from '@/components/CityPicker'
  import dynamicTags from '@/components/DynamicTags'
  export default {
    props: {
      plat: {
        type: Object
      }
    },
    components: {
      dynamicTags,
      cityPicker
    },
    data() {
      return {
        tagIndustry: {
          lableTit: '所属行业',
          placeholder: '请填写企业所属的行业，如：制造业、互联网、服务业',
          limitCount: 15,
          tagsNum: 3
        },
        tagSubject: {
          lableTit: '专注领域',
          placeholder: '请填写企业专注的领域，如：腐蚀防护、石墨烯、纳米材料',
          limitCount: 15,
          tagsNum: 20
        },
        tagProve: {
          lableTit: '企业资质',
          placeholder: '请填写企业获得的资质，如：ISO9000认证、高新技术企业认证',
          limitCount: 50,
          tagsNum: 5,
          tagblock: true
        },
        tagSubjectG: {
          lableTit: '供应商领域',
          placeholder: '请填写企业上游所涉及的领域',
          limitCount: 15,
          tagsNum: 10
        },
        tagSubjectC: {
          lableTit: '客户领域',
          placeholder: '请填写企业下游所涉及的领域',
          limitCount: 15,
          tagsNum: 5
        },
        plf_user: '',
        plf_name: '',
        imageUrl: '', // 临时地址
        imgName: '', // 图片的name
        uploadUrl: '',
        // httpUrl.hQuery.baseInfo.upload
        // optionsCity: provinceAndCityData,
        // selectedOptions: [],
        dynamicTags: [],
        isShowAdd: true,
        inputVisible: false,
        inputValue: '',
        province: '',
        city: '',
        formObj: {
          name: '',
          linkman: '',
          tel: '',
          mail: '',
          address: '',
          website: '',
          industry: '',
          subject: '',
          desc: '',
          prove: '',
          subjectG: '',
          subjectC: ''
        },
        rules: {
          mail: [
            { type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' }
          ]
        }
      }
    },
    computed: {
    },
    created() {
      this.getDictoryData()
      // this.plf_user = Cookies.get('plf_user')
      // this.getPlatInfo(this.plf_user)
    },
    methods: {
      getDictoryData() {
        const that = this
        queryDict.applyDict('QYGM', function(dictData) {
          dictData.map(item => {
            that.cableMain[item.code] = item.caption
          })
        }) // 企业规模
        queryDict.applyDict('QYLX', function(dictData) {
          dictData.map(item => {
            that.addr[item.code] = item.caption
          })
        }) // 企业类型
        queryDict.applyDict('XZQH', function(dictData) {
          dictData.map(item => {
            that.citys[item.code] = item.fullCaption
          })
        }) // 城市级联
      },
      queryCompanyProduct() {
        this.$router.replace({ name: 'compProduct' })
      },
      turnIndustryTags(msg) {
        this.formObj.industry = msg
      },
      turnSubjectTags(msg) {
        this.formObj.subject = msg
      },
      turnProveTags(msg) {
        this.formObj.prove = msg
      },
      turnSubjectGTags(msg) {
        this.formObj.subjectG = msg
      },
      turnSubjectCTags(msg) {
        this.formObj.subjectC = msg
      },
      getSelectProv(prov) {
        this.province = prov
      },
      getSelectCity(city) {
        this.city = city
      },
      getPlatInfo(id) {
        // this.$axios.get(httpUrl.hQuery.baseInfo.query, {
        //   params: {
        //     id: id
        //   }
        // }).then((res) => {
        //   console.log(res);
        //   let str = res.data;
        //   this.plf_name = str.name;
        //   this.imageUrl = str.logo ? util.ImageUrl('platform' + str.logo) : util.defaultSet.img.plat;
        //   this.imgName = str.logo;
        //   this.ruleFormUpdate.linkman = str.linkman;
        //   this.ruleFormUpdate.tel = str.linkphone;
        //   this.ruleFormUpdate.mail = str.linkemail;
        //   if (str.province) {
        //     this.province = str.province;
        //   }
        //   if (str.city) {
        //     this.city = str.city;
        //   }
        //   this.ruleFormUpdate.address = str.addr;
        //   this.ruleFormUpdate.website = str.url;
        //   if (str.industry) {
        //     this.ruleFormUpdate.industry = str.industry;
        //     this.dynamicTags = str.industry.split(',');
        //     if (this.dynamicTags.length === 10) {
        //       this.isShowAdd = false;
        //     }
        //   }
        //   this.ruleFormUpdate.desc = str.descp;
        // });
      },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.$refs.uploadLogo.submit() // 确认上传图片
            if (this.province) {
              if (!this.city) {
                this.$alert('请您选择所在城市', '提示', {
                  confirmButtonText: '确定',
                  type: 'warning',
                  center: true
                })
                return
              }
            }
            // let paramsData = {
            //   'id': this.plf_user,
            //   'name': this.plf_name,
            //   'linkman': this.ruleFormUpdate.linkman,
            //   'logo': this.imgName,
            //   'linkphone': this.ruleFormUpdate.tel,
            //   'linkemail': this.ruleFormUpdate.mail,
            //   'province': this.province,
            //   'city': this.city,
            //   'addr': this.ruleFormUpdate.address,
            //   'url': this.ruleFormUpdate.website,
            //   'industry': this.ruleFormUpdate.industry,
            //   'descp': this.ruleFormUpdate.desc
            // }
            // this.$axios.post(httpUrl.hQuery.baseInfo.update, paramsData).then((res) => {
            //   this.$message({
            //     message: '平台信息修改成功！',
            //     type: 'success'
            //   });
            //   Cookies.set('plf_logo', this.imgName);
            //   this.$router.push({path: '/WorkHome'});
            //   this.reload();
            // }).catch(error => {
            //   console.log(error);
            // });
          } else {
            return false
          }
        })
      },
      // upload img
      handleAvatarSuccess(res, file) {
        this.imageUrl = URL.createObjectURL(file.raw)
        this.imgName = res.data[0].uri
      },
      beforeAvatarUpload(file) {
        const isJPG = file.type === 'image/jpeg'
        const isPNG = file.type === 'image/png'
        const isLt2M = file.size / 1024 / 1024 < 2
        if (!isJPG && !isPNG) {
          this.$message.error('请上传PNG/JPG/JPEG格式的图片')
        }
        if (!isLt2M) {
          this.$message.error('上传logo大小不能超过 2MB!')
        }
        return (!isJPG || !isPNG) && isLt2M
      }
      // upload img
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss">
  .main-info{
    /*min-width: 1100px;*/
    .update-logo{
      width: 280px;
      .avatar-uploader{
        .el-upload{
          /*center-items(280px,187px);*/
          border: 1px dashed #d9d9d9;
          cursor: pointer;
          position: relative;
          .el-upload:hover {
            border-color: #dadada;
          }
          .avatar-uploader-icon{
            font-size: 40px;
            color: #8c939d;
            width: 280px;
            height: 187px;
            line-height: 187px;
            text-align: center;
          }
        }
      }
      .update-tip{
        margin-top:15px;
        text-align:center;
        font-size:14px;
        /*color:$secondaryFont;*/
      }
    }
    .update-main{
      padding-left:25px;
      .update-title{
        font-size:30px;
        line-height:54px;
        margin-bottom:16px;
        padding-left:10px;
      }
    }
    .shortW{
      width:300px;
    }
  }
</style>

src/views/companyCen/noactive/compProduct.vue

@@ -0,0 +1,132 @@
<template>
  <div class="app-container">
    <div class="box-container">
      <div class="contain-title">企业产品</div>
      <div class="contian-operate" v-if="companyId">
        <el-button type="primary" @click="queryProductInfo">发布产品</el-button>
      </div>
    </div>
    <div class="content-container">
      <div class="select-box" v-if="!companyId">
        <p>请选择需要查看的企业</p>
        <el-select
          v-model="value9"
          filterable
          remote
          reserve-keyword
          maxlength="50"
          placeholder="请输入关键词"
          :remote-method="remoteMethod"
          :loading="loading"
          suffix-icon="el-icon-search">
          <el-option
            v-for="item in options4"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </div>
      <div v-else>
        <div class="lit-tit">显示企业名称</div>
        <complex-table :tableData="tableData" :tableItem="tableItem"></complex-table>
      </div>
    </div>
  </div>
</template>
<script>
  import complexTable from '@/components/complexTable'
  export default {
    data() {
      return {
        companyId: '253',
        searchText: '',
        selectMode: '',
        tableData: [
          {
            date: '2018/08/25 16:32',
            name: '关于征集企业技术创新需求的通知',
            class: '通知公告',
            owner: '张贝贝',
            num: '4552'
          }, {
            date: '2018/08/25 16:32',
            name: '关于征集企业技术创新需求的通知',
            class: '通知公告',
            owner: '张贝贝',
            num: '4552'
          }, {
            date: '2018/08/25 16:32',
            name: '关于征集企业技术创新需求的通知',
            class: '通知公告',
            owner: '张贝贝',
            num: '4552'
          }, {
            date: '2018/08/25 16:32',
            name: '关于征集企业技术创新需求的通知',
            class: '通知公告',
            owner: '张贝贝',
            num: '4552'
          }
        ],
        tableItem: [
          {
            prop: 'name',
            tit: '标题'
          },
          {
            prop: 'class',
            tit: '栏目分类',
            width: '160'
          },
          {
            prop: 'owner',
            tit: '发布人',
            width: '160'
          },
          {
            prop: 'date',
            tit: '发布时间',
            width: '160'
          },
          {
            prop: 'num',
            tit: '浏览数量',
            width: '160'
          },
          {
            operate: 'edit',
            width: '200'
          }
        ]
      }
    },
    components: {
      complexTable
    },
    methods: {
      queryProductInfo() {
        this.$router.replace({ name: 'productInfo' })
      }
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss">
  .select-box{
    width:350px;
    margin: 15% auto 22%;
    p{
      font-size: 20px;
      font-weight: bold;
      line-height: 40px;
      text-align: center;
    }
  }
  .lit-tit{
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 10px;
  }
</style>

src/views/companyCen/noactive/index.vue

@@ -0,0 +1,6 @@
<template>
  <div>
    <router-view></router-view>
  </div>
</template>

src/views/companyCen/noactive/noactiveList.vue

@@ -0,0 +1,95 @@
<template>
  <div class="app-container">
    <div class="box-container">
      <div class="contain-title">未激活企业</div>
      <div class="contain-search">
        <el-input placeholder="搜索企业名称" v-model="searchText" class="input-with-select">
          <el-button slot="append" icon="el-icon-search"></el-button>
        </el-input>
      </div>
      <div class="contian-operate">
        <el-button type="primary" @click="queryCompanyInfo">添加企业</el-button>
      </div>
    </div>
    <div class="content-container">
      <complex-table :tableData="tableData" :tableItem="tableItem"></complex-table>
    </div>
  </div>
</template>
<script>
import complexTable from '@/components/complexTable'
export default {
  data() {
    return {
      searchText: '',
      selectMode: '',
      tableData: [
        {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }, {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }, {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }, {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }
      ],
      tableItem: [
        {
          prop: 'name',
          tit: '标题'
        },
        {
          prop: 'class',
          tit: '栏目分类',
          width: '160'
        },
        {
          prop: 'owner',
          tit: '发布人',
          width: '160'
        },
        {
          prop: 'date',
          tit: '发布时间',
          width: '160'
        },
        {
          prop: 'num',
          tit: '浏览数量',
          width: '160'
        },
        {
          operate: 'edit',
          width: '200'
        }
      ]
    }
  },
  components: {
    complexTable
  },
  methods: {
    queryCompanyInfo() {
      this.$router.replace({ name: 'compInfo' })
    }
  }
}
</script>

src/views/companyCen/noactive/productHome.vue

@@ -0,0 +1,5 @@
<template>
  <div>
    <router-view></router-view>
  </div>
</template>

src/views/companyCen/noactive/productInfo.vue

@@ -0,0 +1,304 @@
<template>
  <div class="app-container">
    <div class="box-container">
      <div class="contain-title">产品详情</div>
    </div>
    <div class="content-container">
      <div class="main-info">
        <el-form :model="formObj" :rules="rules" ref="formObj" label-width="86px" class="update-wrapper demo-ruleForm">
          <el-row :gutter="25">
            <el-col :span="18">
              <el-row :gutter="20" class="update-main">
                <el-col :span="24" style="margin-bottom: 20px;margin-left:80px">
                  <el-upload
                    action="https://jsonplaceholder.typicode.com/posts/"
                    list-type="picture-card"
                    :on-preview="handlePictureCardPreview"
                    :on-remove="handleRemove">
                    <i class="el-icon-plus"></i>
                  </el-upload>
                  <el-dialog :visible.sync="dialogVisible">
                    <img width="100%" :src="dialogImageUrl" alt="">
                  </el-dialog>
                </el-col>
                <el-col :span="24">
                  <el-form-item class="is-required" label="产品名称" prop="name">
                    <el-input v-model="formObj.name" placeholder="请填写产品名称" maxlength="30"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="关键词">
                    <dynamicTags :tagInfo="tagSubject" :dyStr="formObj.subject" v-on:turnTags="turnSubjectTags($event)"></dynamicTags>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item class="is-required" label="产品简介" prop="desc">
                    <el-input type="textarea" :rows="4" v-model="formObj.desc" placeholder="请填写产品简介" maxlength="250"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="厂商型号" prop="name">
                    <el-input v-model="formObj.name" placeholder="请填写厂商型号" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="产地" prop="name">
                    <el-input v-model="formObj.name" placeholder="请填写产地" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="官方价格" prop="name">
                    <el-input v-model="formObj.name" placeholder="请填写官方价格" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="性能参数" prop="desc">
                    <el-input type="textarea" :rows="6" v-model="formObj.desc" placeholder="请填写产品简介" maxlength="1000"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item label="详情描述" prop="desc">
                    <el-input type="textarea" :rows="8" v-model="formObj.desc" placeholder="请填写产品详情" maxlength="5000"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24" class="el-btn-col">
                  <div class="el-btn-col-box">
                    <el-button type="primary" @click="submitForm('formObj')">发布产品</el-button>
                  </div>
                </el-col>
              </el-row>
            </el-col>
          </el-row>
        </el-form>
      </div>
    </div>
  </div>
</template>
<script>
  import cityPicker from '@/components/CityPicker'
  import dynamicTags from '@/components/DynamicTags'
  export default {
    props: {
      plat: {
        type: Object
      }
    },
    components: {
      dynamicTags,
      cityPicker
    },
    data() {
      return {
        tagIndustry: {
          lableTit: '所属行业',
          placeholder: '请填写企业所属的行业，如：制造业、互联网、服务业',
          limitCount: 15,
          tagsNum: 3
        },
        tagSubject: {
          lableTit: '专注领域',
          placeholder: '请填写企业专注的领域，如：腐蚀防护、石墨烯、纳米材料',
          limitCount: 15,
          tagsNum: 20
        },
        tagProve: {
          lableTit: '企业资质',
          placeholder: '请填写企业获得的资质，如：ISO9000认证、高新技术企业认证',
          limitCount: 50,
          tagsNum: 5,
          tagblock: true
        },
        tagSubjectG: {
          lableTit: '供应商领域',
          placeholder: '请填写企业上游所涉及的领域',
          limitCount: 15,
          tagsNum: 10
        },
        tagSubjectC: {
          lableTit: '客户领域',
          placeholder: '请填写企业下游所涉及的领域',
          limitCount: 15,
          tagsNum: 5
        },
        dialogImageUrl: '',
        dialogVisible: false,
        dynamicTags: [],
        isShowAdd: true,
        inputVisible: false,
        inputValue: '',
        province: '',
        city: '',
        formObj: {
          name: '',
          linkman: '',
          tel: '',
          mail: '',
          address: '',
          website: '',
          industry: '',
          subject: '',
          desc: '',
          prove: '',
          subjectG: '',
          subjectC: ''
        },
        rules: {
          mail: [
            { type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' }
          ]
        }
      }
    },
    computed: {
    },
    created() {
    },
    methods: {
      queryCompanyProduct() {
        this.$router.replace({ name: 'compProduct' })
      },
      turnSubjectTags(msg) {
        this.formObj.subject = msg
      },
      handleRemove(file, fileList) {
        console.log(file, fileList)
      },
      handlePictureCardPreview(file) {
        this.dialogImageUrl = file.url
        this.dialogVisible = true
      },
      getPlatInfo(id) {
        // this.$axios.get(httpUrl.hQuery.baseInfo.query, {
        //   params: {
        //     id: id
        //   }
        // }).then((res) => {
        //   console.log(res);
        //   let str = res.data;
        //   this.plf_name = str.name;
        //   this.imageUrl = str.logo ? util.ImageUrl('platform' + str.logo) : util.defaultSet.img.plat;
        //   this.imgName = str.logo;
        //   this.ruleFormUpdate.linkman = str.linkman;
        //   this.ruleFormUpdate.tel = str.linkphone;
        //   this.ruleFormUpdate.mail = str.linkemail;
        //   if (str.province) {
        //     this.province = str.province;
        //   }
        //   if (str.city) {
        //     this.city = str.city;
        //   }
        //   this.ruleFormUpdate.address = str.addr;
        //   this.ruleFormUpdate.website = str.url;
        //   if (str.industry) {
        //     this.ruleFormUpdate.industry = str.industry;
        //     this.dynamicTags = str.industry.split(',');
        //     if (this.dynamicTags.length === 10) {
        //       this.isShowAdd = false;
        //     }
        //   }
        //   this.ruleFormUpdate.desc = str.descp;
        // });
      },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.$refs.uploadLogo.submit() // 确认上传图片
            // let paramsData = {
            //   'id': this.plf_user,
            //   'name': this.plf_name,
            //   'linkman': this.ruleFormUpdate.linkman,
            //   'logo': this.imgName,
            //   'linkphone': this.ruleFormUpdate.tel,
            //   'linkemail': this.ruleFormUpdate.mail,
            //   'province': this.province,
            //   'city': this.city,
            //   'addr': this.ruleFormUpdate.address,
            //   'url': this.ruleFormUpdate.website,
            //   'industry': this.ruleFormUpdate.industry,
            //   'descp': this.ruleFormUpdate.desc
            // }
            // this.$axios.post(httpUrl.hQuery.baseInfo.update, paramsData).then((res) => {
            //   this.$message({
            //     message: '平台信息修改成功！',
            //     type: 'success'
            //   });
            //   Cookies.set('plf_logo', this.imgName);
            //   this.$router.push({path: '/WorkHome'});
            //   this.reload();
            // }).catch(error => {
            //   console.log(error);
            // });
          } else {
            return false
          }
        })
      },
      // upload img
      handleAvatarSuccess(res, file) {
        this.imageUrl = URL.createObjectURL(file.raw)
        this.imgName = res.data[0].uri
      },
      beforeAvatarUpload(file) {
        const isJPG = file.type === 'image/jpeg'
        const isPNG = file.type === 'image/png'
        const isLt2M = file.size / 1024 / 1024 < 2
        if (!isJPG && !isPNG) {
          this.$message.error('请上传PNG/JPG/JPEG格式的图片')
        }
        if (!isLt2M) {
          this.$message.error('上传logo大小不能超过 2MB!')
        }
        return (!isJPG || !isPNG) && isLt2M
      }
      // upload img
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss">
  .main-info{
    /*min-width: 1100px;*/
    .update-logo{
      width: 280px;
      .avatar-uploader{
        .el-upload{
          /*center-items(280px,187px);*/
          border: 1px dashed #d9d9d9;
          cursor: pointer;
          position: relative;
          .el-upload:hover {
            border-color: #dadada;
          }
          .avatar-uploader-icon{
            font-size: 40px;
            color: #8c939d;
            width: 280px;
            height: 187px;
            line-height: 187px;
            text-align: center;
          }
        }
      }
      .update-tip{
        margin-top:15px;
        text-align:center;
        font-size:14px;
        /*color:$secondaryFont;*/
      }
    }
    .update-main{
      padding-left:25px;
      .update-title{
        font-size:30px;
        line-height:54px;
        margin-bottom:16px;
        padding-left:10px;
      }
    }
    .shortW{
      width:300px;
    }
  }
</style>

src/views/layout/Layout.vue

@@ -1,15 +1,10 @@
<template>
  <div class="app-wrapper" :class="classObj">
     <!-- v-if="device==='mobile'&&sidebar.opened"  @click="handleClickOutside" -->
    <!-- <div class="drawer-bg"></div> -->
    <TopNavbar></TopNavbar>
    <!-- <Navigation v-if="roles.indexOf('2')<0" ></Navigation> -->
    <div class='containerBox'>
      <sidebar class="sidebar-container"></sidebar>
      <div class="main-container" style='padding-top:0px;'>
        <navbar></navbar>
        <app-main></app-main>
      </div>
    <sidebar class="sidebar-container"></sidebar>
    <navbar></navbar>
    <div class="main-container">
      <app-main></app-main>
    </div>
  </div>
</template>
@@ -64,15 +59,11 @@ export default {
    @include clearfix;
    position: relative;
    height: 100%;
    width: 100%;
    &.mobile.openSidebar{
      position: fixed;
      top: 0;
    }
    .containerBox {
      margin: auto;
      box-sizing: border-box;
      height:100%;
    }
  }
  .drawer-bg {
    background: #000;

src/views/layout/components/AppMain.vue

@@ -1,8 +1,7 @@
<template>
  <section class="app-main">
    <transition name="fade" mode="out-in">
    <transition name="fade-transform" mode="out-in">
      <router-view :key="key"></router-view>
      <!-- <router-view></router-view> -->
    </transition>
  </section>
</template>
@@ -19,10 +18,11 @@ export default {
</script>
<style scoped>
.app-main {
  /*50 = navbar  */
  min-height: 100%;
  position: relative;
  overflow: hidden;
  min-height: 100%;
}
</style>

src/views/layout/components/Navbar.vue

@@ -1,8 +1,7 @@
<template>
  <div>
    <el-menu class="navbar" mode="horizontal">
      <!-- <hamburger  class="hamburger-container" :toggleClick="toggleSideBar" :isActive="sidebar.opened"></hamburger> -->
      <breadcrumb></breadcrumb>
      <div class="tag-breadcrumb">当前位置：</div><breadcrumb></breadcrumb>
    </el-menu>
  </div>
</template>
@@ -43,6 +42,11 @@ export default {
  height: 50px;
  line-height: 50px;
  padding: 0 12px;
  position:fixed;
  top: 50px;
  left: 200px;
  right: 0;
  z-index: 100;
  border-radius: 0px !important;
  .hamburger-container {
    line-height: 58px;
@@ -56,6 +60,11 @@ export default {
    top: 16px;
    color: red;
  }
  .tag-breadcrumb{
    float:left;
    font-size: 14px;
    line-height: 50px;
  }
}
.message-box{
  color: #303133;

src/views/layout/components/Sidebar/SidebarItem.vue

@@ -15,7 +15,13 @@
        </template>
        <template v-for="child in item.children" v-if="!child.hidden">
          <sidebar-item :is-nest="true" class="nest-menu" v-if="child.children&&child.children.length>0" :item="child" :key="child.path" :base-path="resolvePath(child.path)"></sidebar-item>
          <div v-if="child.children&&child.children.length>0">
            <sidebar-item v-if="!child.parentPath" :is-nest="true" class="nest-menu" :item="child" :key="child.path" :base-path="resolvePath(child.path)"></sidebar-item>
            <router-link v-else :to="resolvePath(child.path)">
              <sidebar-item :is-nest="true" class="nest-menu" :item="child" :key="child.path" :base-path="resolvePath(child.path)" ></sidebar-item>
            </router-link>
          </div>
          <router-link v-else :to="resolvePath(child.path)" :key="child.name" replace>
            <el-menu-item :index="resolvePath(child.path)">

src/views/layout/components/Sidebar/index.vue

@@ -4,7 +4,7 @@
      mode="vertical"
      :show-timeout="200"
      :default-active="$route.path"
      background-color="#304156"
      background-color="#20436b"
      text-color="#bfcbd9"
      active-text-color="#409EFF"
    >

src/views/layout/components/TopNavbar.vue

@@ -16,6 +16,7 @@
import { mapGetters } from 'vuex'
import { MessageBox } from 'element-ui'
import Cookies from 'js-cookie'
import '@/styles/variables.scss'
export default {
  data() {
@@ -86,47 +87,3 @@ export default {
  }
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.topnavbar {
  position: fixed;
  font-size: 0px;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  line-height: 50px;
  z-index:1002;
  border-radius: 0px !important;
  background-color: #2d3a4b;
  border-bottom: 1px solid #e6e6e6;
  .topnavbarBox {
    position: relative;
    margin: auto;
    box-sizing: border-box;
    padding: 0 10px;
    .logo-container {
      font-size: 22px;
      font-weight: bold;
      color: #efefef;
      display: inline-block;
      position: absolute;
      left:10px;
      overflow: hidden;
    }
    .name-box{
      display: inline-block;
      position: absolute;
      right: 20px;
      font-size:14px;
      overflow: hidden;
      color:#fff;
      .exit-btn {
        margin-left:30px;
        cursor: pointer;
      }
    }
  }
}
</style>

src/views/platInfo/platUpdate.vue

@@ -0,0 +1,289 @@
<template>
  <div class="app-container">
    <div class="box-container">
      <div class="contain-title">修改平台信息</div>
    </div>
    <div class="content-container">
      <div class="main-info">
        <el-form :model="formObj" ref="formObj" :rules="rulesObj" label-width="80px" class="update-wrapper demo-ruleForm">
          <el-row :gutter="25">
            <el-col :span="14">
              <el-row :gutter="20" class="update-main">
                <el-col :span="24">
                  <el-form-item label="平台名称">邢台条件科技平台</el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item class="is-required" label="平台网址" prop="website">
                    <el-input v-model="formObj.website" placeholder="请填写平台网址" @fousc="" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item class="is-required" label="管理机构" prop="">
                    <el-input v-model="formObj.website" placeholder="请填写管理机构名称" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item class="is-required" label="所在城市" prop="">
                    <cityPicker></cityPicker>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="平台邮编" prop="website">
                    <el-input v-model="formObj.website" type="number" placeholder="请填写管理机构名称" maxlength="20"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item class="is-required" label="详细地址" prop="address">
                    <el-input v-model="formObj.address" placeholder="请填写管理机构详细地址" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item class="is-required" label="客服电话" prop="tel">
                    <el-input v-model="formObj.tel" placeholder="请填写客服电话" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item class="is-required" label="客服邮箱" prop="mail">
                    <el-input v-model="formObj.mail" placeholder="请填写客服邮箱" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item class="is-required" label="工作时间" prop="linkman">
                    <el-input v-model="formObj.linkman" placeholder="请填写客服工作时间" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item class="is-required" label="联系人" prop="linkman">
                    <el-input v-model="formObj.linkman" placeholder="请填写平台联系人" maxlength="10"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item class="is-required" label="职位" prop="linkman">
                    <el-input v-model="formObj.linkman" placeholder="请填写联系人职位" maxlength="20"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item class="is-required" label="所在机构" prop="website">
                    <el-input v-model="formObj.website" placeholder="请填写联系人所在机构" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item class="is-required" label="联系电话" prop="tel">
                    <el-input v-model="formObj.tel" placeholder="请填写联系电话" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="联系邮箱" prop="mail">
                    <el-input v-model="formObj.mail" placeholder="请填写联系邮箱" maxlength="50"></el-input>
                  </el-form-item>
                </el-col>
                <!-- :labelW="80"
                  :widthselect="200"
                  :prov="province"
                  :city="city"
                  v-on:selectProv="getSelectProv($event)"
                  v-on:selectCity="getSelectCity($event)" -->
                <el-col :span="24">
                  <el-form-item class="is-required" label="平台简介" prop="desc">
                    <el-input type="textarea" :rows="8" v-model="formObj.desc" placeholder="请填写一个平台的简单介绍，让大家更好地了解平台" maxlength="5000"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="24">
                  <el-form-item align="center">
                    <el-button type="primary" @click="submitForm('formObj')">保存</el-button>
                  </el-form-item>
                </el-col>
              </el-row>
            </el-col>
            <el-col :span="10">
              <div class="update-logo">
                <el-upload
                  class="avatar-uploader"
                  :action="uploadUrl"
                  :show-file-list="false"
                  ref="uploadLogo"
                  :on-success="handleAvatarSuccess"
                  :before-upload="beforeAvatarUpload">
                  <img v-if="imageUrl" :src="imageUrl" class="avatar">
                  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                </el-upload>
                <div class="update-tip">PNG/JPG/JPEG格式<br>大小2M以内</div>
              </div>
            </el-col>
            <el-col :span="24">
              <el-form-item align="right">
                <div>最后修改人：XXXX</div>
                <div>最后修改时间：2018/08/23 18：52：12</div>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
    </div>
  </div>
</template>
<script>
  import cityPicker from '@/components/CityPicker'
  export default {
    data() {
      return {
        plf_user: '',
        plf_name: '',
        imageUrl: '', // 临时地址
        imgName: '', // 图片的name
        uploadUrl: '',
        dynamicTags: [],
        isShowAdd: true,
        inputVisible: false,
        inputValue: '',
        province: '',
        city: '',
        formObj: {
          linkman: '',
          tel: '',
          mail: '',
          address: '',
          website: '',
          industry: '',
          desc: ''
        },
        rulesObj: {
        }
      }
    },
    computed: {
    },
    created() {
    },
    methods: {
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.$refs.uploadLogo.submit() // 确认上传图片
            // if (this.province) {
            //   if (!this.city) {
            //     this.$alert('请您选择所在城市', '提示', {
            //       confirmButtonText: '确定',
            //       type: 'warning',
            //       center: true
            //     })
            //     return
            //   }
            // }
            // let paramsData = {
            //   'id': this.plf_user,
            //   'name': this.plf_name,
            //   'linkman': this.formObj.linkman,
            //   'logo': this.imgName,
            //   'linkphone': this.formObj.tel,
            //   'linkemail': this.formObj.mail,
            //   'province': this.province,
            //   'city': this.city,
            //   'addr': this.formObj.address,
            //   'url': this.formObj.website,
            //   'industry': this.formObj.industry,
            //   'descp': this.formObj.desc
            // }
            // this.$axios.post(httpUrl.hQuery.baseInfo.update, paramsData).then((res) => {
            //   this.$message({
            //     message: '平台信息修改成功！',
            //     type: 'success'
            //   });
            //   Cookies.set('plf_logo', this.imgName);
            //   this.$router.push({path: '/WorkHome'});
            //   this.reload();
            // }).catch(error => {
            //   console.log(error);
            // });
          } else {
            return false
          }
        })
      },
      // upload img
      handleAvatarSuccess(res, file) {
        this.imageUrl = URL.createObjectURL(file.raw)
        this.imgName = res.data[0].uri
      },
      beforeAvatarUpload(file) {
        const isJPG = file.type === 'image/jpeg'
        const isPNG = file.type === 'image/png'
        const isLt2M = file.size / 1024 / 1024 < 2
        if (!isJPG && !isPNG) {
          this.$message.error('请上传PNG/JPG/JPEG格式的图片')
        }
        if (!isLt2M) {
          this.$message.error('上传logo大小不能超过 2MB!')
        }
        return (!isJPG || !isPNG) && isLt2M
      }
      // upload img
    },
    components: {
      cityPicker
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss">
  .main-info{
    /*min-width: 1100px;*/
    .update-logo{
      width: 280px;
      .avatar-uploader{
        .el-upload{
          /*center-items(280px,187px);*/
          border: 1px dashed #d9d9d9;
          cursor: pointer;
          position: relative;
          .el-upload:hover {
            border-color: #dadada;
          }
          .avatar-uploader-icon{
            font-size: 40px;
            color: #8c939d;
            width: 280px;
            height: 187px;
            line-height: 187px;
            text-align: center;
          }
        }
      }
      .update-tip{
        margin-top:15px;
        text-align:center;
        font-size:14px;
        /*color:$secondaryFont;*/
      }
    }
    .update-main{
      padding-left:25px;
      .update-title{
        font-size:30px;
        line-height:54px;
        margin-bottom:16px;
        padding-left:10px;
      }
      .el-tag + .el-tag{
        margin-left: 10px;
      }
      .button-new-tag{
        height: 32px;
        line-height: 30px;
        padding-top: 0;
        padding-bottom: 0;
      }
      .input-new-tag{
        width: 90px;
        margin-left: 10px;
        vertical-align: bottom;
      }
    }
    .shortW{
      width:300px;
    }
  }
</style>

src/views/sysSetting/DemandIssue.vue

@@ -0,0 +1,323 @@
<template>
  <div class="demandIssue content-wrapper">
    <el-form :model="ruleFormDem" :rules="rules" ref="ruleFormDem" class="form-main">
      <el-form-item label="需求主题" prop="demandTit">
        <el-input v-model="ruleFormDem.demandTit" placeholder="请用一句话概括您的需求"></el-input>
      </el-form-item>
      <el-form-item label="需求内容" prop="demandDesc">
        <el-input type="textarea" :rows="4" v-model="ruleFormDem.demandDesc" placeholder="请描述您的需求背景、具体问题、对专家的要求等等"></el-input>
      </el-form-item>
      <el-col :span="12">
        <CityPick ref="cityPick" :widthselect="148" :prov="ruleFormDem.province" :city="ruleFormDem.city" v-on:selectProv="getSelectProv($event)" v-on:selectCity="getSelectCity($event)"></CityPick>
        <!-- <el-form-item label="所在城市" prop="citys">
          <el-cascader
            :options="optionsCity"
            v-model="ruleFormDem.citys"
            class="shortW"
            placeholder="请选择所在的城市">
          </el-cascader>
        </el-form-item> -->
      </el-col>
      <el-col :span="12">
        <el-form-item label="需求有效期" prop="lastDate">
          <el-date-picker
            v-model="ruleFormDem.lastDate"
            type="date" class="shortW"
            format="yyyy-MM-dd"
            placeholder="请选择截止日期"
            :picker-options="pickerOptions0">
          </el-date-picker>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="预计合作周期" prop="longTime">
          <el-select v-model="selectLongTime" placeholder="请选择预计合作周期" class="shortW">
            <el-option
              v-for="item in longTime"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              @current-change="item.value">
            </el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="费用预算" prop="costRange">
          <el-select v-model="selectCostRange" placeholder="请选择预算范围" class="shortW">
            <el-option
              v-for="item in costRange"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="24"><div class="form-line"></div></el-col>
      <el-col :span="12">
        <el-form-item label="联系人" prop="linkman">
          <el-input v-model="ruleFormDem.linkman" placeholder="请填写您的姓名" class="shortW"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="您所在的企业名称" prop="orgName">
          <el-input v-model="ruleFormDem.orgName" placeholder="建议填写与营业执照一致的企业名称" class="shortW"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="联系电话" prop="linkTel">
          <el-input v-model="ruleFormDem.linkTel" placeholder="请输入您的手机号码，可用于登录科袖网" class="shortW"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="图形验证码" prop="imgVerifyCode">
          <el-input v-model="ruleFormDem.imgVerifyCode" placeholder="请输入图形验证码" class="shortW code-btn">
          <img slot="append" :src="imgVcUrl" @click="changeImgVc" /></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="短信验证码" prop="msgVerifyCode">
          <el-input v-model="ruleFormDem.msgVerifyCode" placeholder="请输入短信验证码" class="shortW">
            <el-button slot="append" :disabled="phoneCodeBol" @click="getPhoneCode">
              <span v-if="sendMsgDisabled">{{seconds + '秒后获取'}}</span>
              <span v-if="!sendMsgDisabled">获取验证码</span>
            </el-button>
          </el-input>
        </el-form-item>
      </el-col>
      <el-col :span="24" ><el-form-item style="height:20px"></el-form-item></el-col>
      <el-col :span="24" >
        <el-form-item style="text-align:center">
          <el-button type="primary" @click="submitForm('ruleFormDem')" style="padding: 12px 50px">立即发布</el-button><br/>
          <el-checkbox checked disabled>我已阅读并同意<a :href="kexiuLink + '/privacy.html'" target="_blank">《科袖用户协议》</a></el-checkbox>
        </el-form-item>
      </el-col>
    </el-form>
  </div>
</template>
<script type="text/ecmascript-6">
  // import {
  //   provinceAndCityData,
  //   CodeToText
  // } from 'element-china-area-data'; // TextToCode
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  var validPhone = (rule, value, callback) => {
    const reg = /^1[3|4|5|7|8][0-9]\d{8}$/;
    if (!value) {
      callback(new Error('请输入你的手机号码'));
    } else if (!reg.test(value)) {
      callback(new Error('请输入正确的手机号码'));
    } else {
      callback();
    };
  };
  export default {
    data() {
      return {
        pickerOptions0: {
          disabledDate(time) {
            return time.getTime() < Date.now();
          }
        },
        kexiuLink: util.ekexiuUrl,
        platSource: '',
        phoneCodeBol: false,
        sendMsgDisabled: false,
        seconds: 60,
        phoneResBack: '',
        imgVcUrl: httpUrl.kxQurey.sign.imgVC,
        // optionsCity: provinceAndCityData,
        selectCostRange: '',
        selectLongTime: '',
        longTime: util.Dictionary.durationTime,
        costRange: util.Dictionary.costRange,
        ruleFormDem: {
          demandTit: '',
          demandDesc: '',
          province: '',
          city: '',
          lastDate: '',
          linkman: '',
          orgName: '',
          linkTel: '',
          imgVerifyCode: '',
          msgVerifyCode: ''
        },
        rules: {
          demandTit: [
            { required: true, message: '请填写需求主题', trigger: 'blur' }
          ],
          demandDesc: [
            { required: true, message: '请填写需求内容', trigger: 'blur' },
            { max: 1000, message: '不得超过1000个字', trigger: 'blur' }
          ],
          province: [
            { required: true, message: '请填写所在省', trigger: 'blur' }
          ],
          city: [
            { required: true, message: '请填写所在城市', trigger: 'blur' }
          ],
          lastDate: [
            { required: true, message: '请选择截止日期', trigger: 'blur' }
          ],
          linkman: [
            { required: true, message: '请填写您的姓名', trigger: 'blur' },
            { max: 10, message: '不得超过10个字', trigger: 'blur' }
          ],
          orgName: [
            { required: true, message: '请填写您所在的企业名称', trigger: 'blur' },
            { max: 50, message: '不得超过50个字', trigger: 'blur' }
          ],
          linkTel: [
            { required: true, validator: validPhone, trigger: 'blur' }
          ],
          imgVerifyCode: [
            { required: true, message: '请输入图形验证码', trigger: 'blur' }
          ],
          msgVerifyCode: [
            { required: true, message: '请输入短信验证码', trigger: 'blur' }
          ]
        }
      };
    },
    created() {
      this.platSource = Cookies.get('platSource');
    },
    methods: {
      getSelectProv(prov) {
        this.ruleFormDem.province = prov;
      },
      getSelectCity(city) {
        this.ruleFormDem.city = city;
      },
      getPhoneCode() {
        if (this.ruleFormDem.linkTel && this.ruleFormDem.imgVerifyCode) {
          this.$axios.get(httpUrl.kxQurey.sign.msgVC, {
            params: {
              phone: this.ruleFormDem.linkTel,
              vcode: this.ruleFormDem.imgVerifyCode
            }
          }).then((res) => {
            if (res.success) {
              console.log(res);
              this.phoneResBack = res.data;
              this.clickMsgVc();
            } else {
              if (res.code === 20001) {
                this.$message.error('图形验证码错误');
                this.changeImgVc();
              };
            };
          });
        } else {
          this.$message({
            message: '请输入手机号和图形验证码',
            type: 'warning'
          });
        }
      },
      clickMsgVc() {
        let me = this;
        me.sendMsgDisabled = true;
        me.phoneCodeBol = true;
        let interval = window.setInterval(function() {
         if ((me.seconds--) <= 0) {
          me.seconds = 60;
          me.sendMsgDisabled = false;
          me.phoneCodeBol = false;
          window.clearInterval(interval);
         }
        }, 1000);
      },
      changeImgVc() {
        this.imgVcUrl = httpUrl.kxQurey.sign.imgVC + '?' + new Date().getTime();
      },
      resetForm(formName) {
        this.$refs.cityPick.resetProvCity();
        this.selectCostRange = '';
        this.selectLongTime = '';
        this.$refs[formName].resetFields();
      },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            let paramsData = {
              'title': this.ruleFormDem.demandTit,
              'descp': this.ruleFormDem.demandDesc,
              'province': this.ruleFormDem.province,
              'city': this.ruleFormDem.city,
              'invalidDay': util.dateFormatter(this.ruleFormDem.lastDate, false, true),
              'cost': this.selectCostRange,
              'duration': this.selectLongTime,
              'name': this.ruleFormDem.linkman,
              'orgName': this.ruleFormDem.orgName,
              'contactNum': this.ruleFormDem.linkTel,
              'vc': this.ruleFormDem.msgVerifyCode,
              'state': this.phoneResBack,
              'source': this.platSource
            };
            console.log(paramsData);
            this.$axios.post(httpUrl.hQuery.demand.add, paramsData).then((res) => {
              if (res.success) {
                this.$alert('我们已收到您的需求，马上为您对接合适的专家和专业机构，您可以登录科袖网与对方做进一步沟通。', '需求发布成功！', {
                  confirmButtonText: '进入科袖网，发现更多服务和资源',
                  type: 'success',
                  center: true,
                  cancelButtonText: '取消',
                  callback: action => {
                    if (action === 'confirm') {
                      window.open(util.ekexiuUrl, '科袖网首页');
                    };
                  }
                });
                this.resetForm(formName);
                this.$emit('dialogChanged', false);
              } else {
                this.$message({
                  message: '需求发布失败，请重新发布！',
                  type: 'warning'
                });
              };
              console.log(res);
            }).catch(error => {
              console.log(error);
            });
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
.demandIssue
  padding-top:10px
  .form-main
    width:100%
    .form-line
      border-top:1px dashed #ccc
      margin-bottom:20px
  .shortW
    width:300px
  .code-btn
    .el-input-group__append
      padding:0
      overflow:hidden
      img
        width:100px
        height:38px
        cursor: pointer
  .el-checkbox__label
    a
      color:#c0c4cc
</style>

src/views/sysSetting/adminUser.vue

@@ -0,0 +1,226 @@
<template>
  <div class="app-container">
    <div class="box-container">
      <div class="contain-title">平台后台用户管理列表</div>
      <div class="contian-operate">
        <el-button type="primary" @click="handleADD">添加</el-button>
      </div>
    </div>
    <div class="content-container">
      <div class="contain-select">
        <span>用户分类：</span>
        <el-select
          v-model="selectMode"
          @change="selectChange">
          <el-option label="正常账号" value="1" selected></el-option>
          <el-option label="停用账号" value="2"></el-option>
        </el-select>
      </div>
      <el-table
        :data="tableData"
        height="630"
        border>
        <el-table-column
          v-for="item in tableItem"
          :key="item.index"
          :prop="item.prop ? item.prop : ''"
          :label="item.tit ? item.tit : ''"
          :width="item.width ? item.width : ''"
          align="center">
          <template slot-scope="scope">
            <div v-if="scope.row[item.prop]">
              {{scope.row[item.prop]}}
            </div>
            <div v-if="item.operate && typeof scope.row === 'object'">
              <div class="normal" v-if="scope.row.active">
                <el-button
                  size="mini"
                  type="primary"
                  @click="handleEdit(scope.row)">修改</el-button>
                <el-button
                  size="mini"
                  type="primary"
                  @click="handleResetpw(scope.row)">重置密码</el-button>
                <el-button
                  size="mini"
                  type="primary"
                  @click="handleRight(scope.row)">分配权限</el-button>
                <el-button
                  size="mini"
                  type="danger"
                  @click="handleDelete(scope.$index, scope.row)">停用</el-button>
              </div>
              <div class="forbidden" v-else>
                <el-button
                  size="mini"
                  type="primary"
                  @click="handleEdit(scope.$index, scope.row)">恢复</el-button>
              </div>
            </div>
          </template>
        </el-table-column>
      </el-table>
      <div class="pagination-container">
        <el-pagination
          background
          @current-change="handleCurrentChange"
          :current-page.sync="pageNo"
          :page-size="pageSize"
          layout="prev, pager, next, jumper"
          :total="total">
        </el-pagination>
      </div>
    </div>
    <editUser ref="userInfoDialog"></editUser>
  </div>
</template>
<script>
  import request from '@/utils/request'
  import { parseTime } from '@/utils'
  import comTable from '@/utils/comTable'
  import {
    pageQueryUser,
    // addUser,
    resetPw
    // updateUser,
    // updatePermission,
    // banUser
  } from '@/api/sysSetting'
  import editUser from './editUser'
  export default {
    data() {
      return {
        searchText: '',
        selectMode: '1',
        pageSize: 10,
        pageNo: 1,
        total: 0,
        tableData: [],
        tableItem: [
          {
            prop: 'account',
            tit: '账号'
          },
          {
            prop: 'id',
            tit: '用户名'
          },
          {
            prop: 'job',
            tit: '职位',
            width: '160'
          },
          {
            prop: 'comp',
            tit: '所在部门',
            width: '160'
          },
          {
            prop: 'dep',
            tit: '所在机构'
          },
          {
            prop: 'phone',
            tit: '联系电话',
            width: '160'
          },
          {
            prop: 'email',
            tit: '联系邮箱',
            width: '160'
          },
          {
            prop: 'createTime',
            tit: '创建时间',
            width: '160'
          },
          {
            operate: true,
            width: '200'
          }
        ]
      }
    },
    components: {
      editUser
    },
    created() {
      this.pageQueryUser()
    },
    methods: {
      pageQueryUser() {
        var that = this
        request.get(pageQueryUser, {
          active: that.selectMode,
          pageSize: that.pageSize,
          pageNo: that.pageNo
        }, function(res) {
          if (res.data.success && res.data.data) {
            const obj = res.data.data
            for (let i = 0; i < obj.length; ++i) {
              if (obj[i].createTime) {
                obj[i].createTime = parseTime(obj[i].createTime)
              }
            }
            that.total = res.data.total
            that.tableData = obj
          }
        })
        comTable.gapFilling(that.tableData)
      },
      handleADD() {
        // this.$refs.BInfoDialog02.queryServerList()
        this.$refs.userInfoDialog.userDialogVisible = true
      },
      handleCurrentChange(val) {
        this.pageNo = val
        this.pageQueryUser()
      },
      selectChange(val) {
        this.selectMode = val
        this.pageQueryUser()
      },
      handleEdit(row) {
        var that = this
        request.get(resetPw, {
          id: row.id
        }, function(res) {
          that.$message({
            type: 'success',
            message: '删除成功!'
          })
        })
      },
      handleResetpw(row) {
        var that = this
        that.$confirm(`确定重置用户${row.name}的密码`, '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          center: true
        }).then(() => {
          request.get(resetPw, {
            id: row.id
          }, function(res) {
            that.$message({
              type: 'success',
              message: '该用户密码重置成功!'
            })
          })
        })
      },
      handleRight(row) {
        // var that = this
        // request.get(updatePermission + row.id, {
        // }, function(res) {
        //   that.$message({
        //     type: 'success',
        //     message: '删除成功!'
        //   })
        // })
      }
    }
  }
</script>

src/views/sysSetting/editUser.vue

@@ -0,0 +1,208 @@
<template>
  <el-dialog title="添加用户信息" :visible.sync="userDialogVisible">
    <el-form
      :model="userForm"
      :rules="userRules"
      ref="userForm"
      class="form-main"
      label-width="80px">
      <el-row :gutter="20">
        <el-col :span="12">
          <!-- <el-form-item label="账号" v-if="">
            <span>{{userForm.account}}</span>
          </el-form-item> -->
          <el-form-item class="is-required" label="账号" prop="account">
            <el-input v-model="userForm.account" placeholder="请填写用户账号" maxlength="20"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item class="is-required" label="用户名" prop="name">
            <el-input v-model="userForm.name" placeholder="请填写用户名"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item class="is-required" label="联系电话" prop="tel">
            <el-input v-model="userForm.tel" placeholder="请填写用户联系电话" maxlength="20"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="联系邮箱" prop="mail">
            <el-input v-model="userForm.mail" placeholder="请填写用户联系邮箱" maxlength="50"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="职位" prop="position">
            <el-input v-model="userForm.position" placeholder="请填写用户职位" maxlength="20"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="所在部门" prop="department">
            <el-input v-model="userForm.department" placeholder="请填写用户所在部门" maxlength="20"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item class="is-required" label="所在机构" prop="org">
            <el-input v-model="userForm.org" placeholder="请填写联系人所在机构" maxlength="50"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24"><div class="form-line"></div></el-col>
        <el-col :span="24">
          <el-card shadow="never">
            <div class="card-title" slot="header">
              <span>分配权限</span>
            </div>
            <el-checkbox-group v-model="userForm.module">
              <el-checkbox v-for="item in moduleOption" :label="item.name" :key="item.index">{{item.name}}</el-checkbox>
            </el-checkbox-group>
          </el-card>
        </el-col>
        <el-col :span="24" class="el-btn-col">
          <div class="el-btn-col-box">
            <el-button type="primary" @click="submitForm('userForm')">保存</el-button>
          </div>
        </el-col>
        <el-col :span="24">
          <el-form-item align="right">
            <span>创建时间：2018/08/23 18：52：12</span>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </el-dialog>
</template>
<script>
  import { checkEmailV } from '@/utils/validator'
  export default {
    data() {
      return {
        userDialogVisible: false,
        platSource: '',
        moduleOption: [
          {
            id: 0,
            name: '内容发布'
          },
          {
            id: 0,
            name: '内容发布'
          },
          {
            id: 0,
            name: '内容发布'
          },
          {
            id: 0,
            name: '内容发布'
          }
        ],
        userForm: {
          account: '',
          name: '',
          tel: '',
          mail: '',
          position: '',
          department: '',
          org: '',
          module: ''
        },
        userRules: {
          mail: [{ validator: checkEmailV, trigger: 'blur' }]
        }
      }
    },
    created() {
      // this.platSource = Cookies.get('platSource');
    },
    methods: {
      resetForm(formName) {
        this.$refs[formName].resetFields()
      },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            // let paramsData = {
            //   'title': this.ruleFormDem.demandTit,
            //   'descp': this.ruleFormDem.demandDesc,
            //   'province': this.ruleFormDem.province,
            //   'city': this.ruleFormDem.city,
            //   'invalidDay': util.dateFormatter(this.ruleFormDem.lastDate, false, true),
            //   'cost': this.selectCostRange,
            //   'duration': this.selectLongTime,
            //   'name': this.ruleFormDem.linkman,
            //   'orgName': this.ruleFormDem.orgName,
            //   'contactNum': this.ruleFormDem.linkTel,
            //   'vc': this.ruleFormDem.msgVerifyCode,
            //   'state': this.phoneResBack,
            //   'source': this.platSource
            // };
            // console.log(paramsData);
            // this.$axios.post(httpUrl.hQuery.demand.add, paramsData).then((res) => {
            //   if (res.success) {
            //     this.$alert('我们已收到您的需求，马上为您对接合适的专家和专业机构，您可以登录科袖网与对方做进一步沟通。', '需求发布成功！', {
            //       confirmButtonText: '进入科袖网，发现更多服务和资源',
            //       type: 'success',
            //       center: true,
            //       cancelButtonText: '取消',
            //       callback: action => {
            //         if (action === 'confirm') {
            //           window.open(util.ekexiuUrl, '科袖网首页');
            //         };
            //       }
            //     });
            //     this.resetForm(formName);
            //     this.$emit('dialogChanged', false);
            //   } else {
            //     this.$message({
            //       message: '需求发布失败，请重新发布！',
            //       type: 'warning'
            //     });
            //   };
            //   console.log(res);
            // }).catch(error => {
            //   console.log(error);
            // });
          } else {
            return false
          }
        })
      }
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss">
  .form-main{
    width:100%;
    .form-line{
      border-top:1px dashed #ccc;
      margin-bottom:20px;
    }
  }
  .shortW{
    width:300px;
  }
  .card-title{
    font-size: 20px;
    font-weight: bold;
  }
  .el-checkbox-group{
    .el-checkbox{
      font-size: 16px;
      margin: 10px 60px;
      .el-checkbox__inner{
        width: 16px;
        height: 16px;
      }
      .el-checkbox__inner::after{
        left:5px;
        top:2px;
      }
      .el-checkbox__label{
        line-height:24px;
        font-size:16px;
      }
    }
  }
</style>

src/views/userInfo/baseInfo.vue

@@ -0,0 +1,86 @@
<template>
  <el-dialog title="用户信息" :visible.sync="userDialogVisible">
    <el-form
      ref="userForm"
      class="form-main"
      label-width="80px">
      <el-row :gutter="20">
        <el-col :span="16">
          <el-col :span="12">
            <el-form-item label="用户名">{{userForm.name}}</el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="账号状态">正常用户</el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="手机账号">{{userForm.account}}</el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="真实姓名">{{userForm.name}}</el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="性别">{{userForm.sex}}</el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="职位">{{userForm.position}}</el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="所在企业">{{userForm.company}}</el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="联系电话">{{userForm.tel}}</el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="联系邮箱">{{userForm.mail}}</el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="所在城市">{{userForm.city}}</el-form-item>
          </el-col>
        </el-col>
        <el-col :span="8">
          <div class="headImg" :style="{backgroundImage:'url('+ userForm.img +')'}"></div>
        </el-col>
        <el-col :span="24" class="el-btn-col">
          <div class="el-btn-col-box">
            <el-button type="primary">确定</el-button>
          </div>
        </el-col>
        <el-col :span="24">
          <el-form-item align="right">
            <span>创建时间：2018/08/23 18：52：12</span>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </el-dialog>
</template>
<script>
  export default {
    data() {
      return {
        userDialogVisible: false,
        userForm: ''
      }
    },
    created() {
    },
    methods: {
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss">
  .form-main{
    width:100%;
  }
  .shortW{
    width:300px;
  }
  .headImg{
    width: 60px;
    height: 60px;
    background-size: cover;
  }
</style>

src/views/userInfo/blackList.vue

@@ -0,0 +1,89 @@
<template>
  <div class="app-container">
    <div class="box-container">
      <div class="contain-title">黑名单用户</div>
      <div class="contain-search">
        <el-input placeholder="搜索用户名/手机账号" v-model="searchText" class="input-with-select">
          <el-button slot="append" icon="el-icon-search"></el-button>
        </el-input>
      </div>
    </div>
    <div class="content-container">
      <complex-table :tableData="tableData" :tableItem="tableItem"></complex-table>
    </div>
  </div>
</template>
<script>
import complexTable from '@/components/complexTable'
export default {
  data() {
    return {
      searchText: '',
      selectMode: '',
      tableData: [
        {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }, {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }, {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }, {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }
      ],
      tableItem: [
        {
          prop: 'name',
          tit: '标题'
        },
        {
          prop: 'class',
          tit: '栏目分类',
          width: '160'
        },
        {
          prop: 'owner',
          tit: '发布人',
          width: '160'
        },
        {
          prop: 'date',
          tit: '发布时间',
          width: '160'
        },
        {
          prop: 'num',
          tit: '浏览数量',
          width: '160'
        },
        {
          operate: 'edit',
          width: '200'
        }
      ]
    }
  },
  components: {
    complexTable
  },
  methods: {
  }
}
</script>

src/views/userInfo/pullBlack.vue

@@ -0,0 +1,111 @@
<template>
  <el-dialog title="拉黑用户" :visible.sync="userDialogVisible">
    <el-form
      :model="userForm"
      ref="userForm"
      class="form-main"
      label-width="80px">
      <el-row :gutter="20">
        <el-col :span="12">
          <el-form-item label="用户名">{{userForm.name}}</el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="真实姓名">{{userForm.name}}</el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="手机账号">{{userForm.account}}</el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="性别">{{userForm.sex}}</el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="所在机构">{{userForm.position}}</el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item class="is-required" label="拉黑理由" prop="desc">
            <el-input type="textarea" :rows="8" v-model="userForm.desc" placeholder="请用一句话概括该用户拉黑理由" maxlength="100"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24" class="el-btn-col">
          <div class="el-btn-col-box">
            <el-button type="primary">确定</el-button>
          </div>
        </el-col>
        <el-col :span="24">
          <el-form-item align="right">
            <span>创建时间：2018/08/23 18：52：12</span>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </el-dialog>
</template>
<script>
  export default {
    data() {
      return {
        userDialogVisible: false,
        userForm: {
          account: '',
          name: '',
          tel: '',
          mail: '',
          position: '',
          department: '',
          org: '',
          module: ''
        }
      }
    },
    created() {
    },
    methods: {
      submitForm(formName) {
        // this.$refs[formName].validate((valid) => {
        //   if (valid) {
        //   } else {
        //     return false
        //   }
        // })
      }
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss">
  .form-main{
    width:100%;
    .form-line{
      border-top:1px dashed #ccc;
      margin-bottom:20px;
    }
  }
  .shortW{
    width:300px;
  }
  .card-title{
    font-size: 20px;
    font-weight: bold;
  }
  .el-checkbox-group{
    .el-checkbox{
      font-size: 16px;
      margin: 10px 60px;
      .el-checkbox__inner{
        width: 16px;
        height: 16px;
      }
      .el-checkbox__inner::after{
        left:5px;
        top:2px;
      }
      .el-checkbox__label{
        line-height:24px;
        font-size:16px;
      }
    }
  }
    
</style>

src/views/userInfo/usingList.vue

@@ -0,0 +1,103 @@
<template>
  <div class="app-container">
    <div class="box-container">
      <div class="contain-title">正常用户</div>
      <div class="contain-search">
        <el-input placeholder="搜索用户名/手机账号" v-model="searchText" class="input-with-select">
          <el-button slot="append" icon="el-icon-search"></el-button>
        </el-input>
      </div>
    </div>
    <div class="content-container">
      <complex-table :tableData="tableData" :tableItem="tableItem"></complex-table>
      <span @click="queryInfo">用户信息</span>
      <span @click="pullBlackFun">拉黑</span>
    </div>
    <baseInfo ref="baseInfo"></baseInfo>
    <pullBlack ref="pullBlack"></pullBlack>
  </div>
</template>
<script>
import complexTable from '@/components/complexTable'
import baseInfo from './baseInfo'
import pullBlack from './pullBlack'
export default {
  data() {
    return {
      searchText: '',
      selectMode: '',
      tableData: [
        {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }, {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }, {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }, {
          date: '2018/08/25 16:32',
          name: '关于征集企业技术创新需求的通知',
          class: '通知公告',
          owner: '张贝贝',
          num: '4552'
        }
      ],
      tableItem: [
        {
          prop: 'name',
          tit: '标题'
        },
        {
          prop: 'class',
          tit: '栏目分类',
          width: '160'
        },
        {
          prop: 'owner',
          tit: '发布人',
          width: '160'
        },
        {
          prop: 'date',
          tit: '发布时间',
          width: '160'
        },
        {
          prop: 'num',
          tit: '浏览数量',
          width: '160'
        },
        {
          operate: 'edit',
          width: '200'
        }
      ]
    }
  },
  components: {
    complexTable,
    baseInfo,
    pullBlack
  },
  methods: {
    queryInfo() {
      this.$refs.baseInfo.userDialogVisible = true
    },
    pullBlackFun() {
      this.$refs.pullBlack.userDialogVisible = true
    }
  }
}
</script>