页面初始化提交

ebc-middle-platform/src/components/loginer.vue

@@ -101,6 +101,7 @@ export default {
    })
  },
  mounted () {
    console.log(routers)
    this.setHomeRoute(routers)
    let userName = localStorage.getItem(KEY_USER_NAME)
    if (userName) {

ebc-middle-platform/src/modules/attendance/attendance.scss

@@ -0,0 +1,43 @@
.attendance-container{
  width: 97%;
  margin: 20px auto;
  padding: 20px;
  box-sizing: border-box;
  .search-container{
    width: 100%;
    padding: 0 0 20px;
    .search-ctn{
      width: 100%;
      overflow: hidden;
      margin: 0;
      padding: 0;
      position: relative;
      display: flex;
      >div{
        display: flex; 
        margin: 0 20px 16px 0;    
        line-height: 2;
        .input-rule{
          flex: 1;
          margin:0 0 0 20px;
          .dropdown{
            width: 100%
          }
        }
      }
      .btns button{
        margin: 0 2px;
      }
      .active{
        color: #3BC541;
        border-color: #3BC541;
      }
    }
  }
  .hidden{
    display: none;
  }
  .table-pager{
    margin: 20px auto;
  }
}

ebc-middle-platform/src/modules/attendance/attendance.vue

@@ -0,0 +1,138 @@
<template>
  <div class="attendance-container">
    <div class="search-container">
      <div class="search-ctn">
        <div>
          <t-button-group>
            <t-button :class="timeType.day?'active':''" color="secondary" @click="changeType('day')">日</t-button>
            <t-button :class="timeType.week?'active':''" color="secondary" @click="changeType('week')">月</t-button>
            <t-button :class="timeType.month?'active':''" color="secondary" @click="changeType('month')">年</t-button>
          </t-button-group>
        </div>
        <div>
          <t-date-picker v-model="singleDateVal" style="width:120px" placeholder="时间" @date-change="onChangeDate"
          ></t-date-picker>
        </div>
        <div>
          <div class="label">姓名:</div>
          <div class="input-rule">
            <t-select v-model="queryCondition.alarmPerson" width="200" placeholder="请输入...">
              <t-option>张三</t-option>
              <t-option>李四</t-option>
            </t-select>
          </div>
        </div>
        <div class="btns">
          <t-button color="secondary" class="reset-btn" @click="onReset">重置</t-button>
          <t-button color="success" icon="search-outline" @click="onSearch">查询</t-button>
          <t-button color="secondary" icon="upload-outline" @click="toExport">导出至Excel</t-button>
        </div>
      </div>
    </div>
    <div>
      <t-table :data="table.data">
        <t-table-column prop="name" label="姓名"></t-table-column>
        <t-table-column prop="job" label="职务"></t-table-column>
        <t-table-column v-if="timeType.day" prop="time" label="打卡时间"></t-table-column>
        <t-table-column v-if="!timeType.day" prop="attendance" label="出勤天数（天）"></t-table-column>
        <t-table-column
          v-if="!timeType.day"
          fixed="right"
          label="操作"
          width="120"
        >
          <template slot-scope="scope">
            <a href="javascript:void(0)" size="sm" @click="handleClick(scope.row)">详情</a>
          </template>
        </t-table-column>
      </t-table>
      <t-pager :total="table.pager.total" :current.sync="table.pager.currentPage"
               :page-size.sync="table.pager.size"
               :sizer-range="[10,20,50]"
               class="px-24 pt-16 float-right"
               show-elevator show-sizer
               @on-size-change="onSizeChange"
               @on-change="onPagerChange">
      </t-pager>
    </div>
  </div>
</template>
<script>
import './attendance.scss'
export default {
  data() {
    return {
      timeType: {
        day: true,
        week: false,
        month: false
      },
      table: {
        data: [
          {
            name: '王小明',
            job: '运维人员',
            time: '08:18',
            attendance: '7'
          },
          {
            name: '王小明',
            job: '运维人员',
            time: '08:18',
            attendance: '7'
          },
          {
            name: '王小明',
            job: '运维人员',
            time: '08:18',
            attendance: '7'
          }
        ],
        pager: {
          currentPage: 1,
          size: 10,
          total: 0
        }
      },
      queryCondition: {
        type: '',
        alarmPerson: ''
      },
      singleDateVal: ''
    }
  },
  mounted() {
    this.table.data = this.table.data.concat(this.table.data)
    this.table.pager.total = this.table.data.length
  },
  methods: {
    changeType(type) {
      Object.keys(this.timeType).forEach((value, key) => {
        this.timeType[value] = value === type
      })
    },
    onChangeDate(value) {
      console.log(value)
      this.singleDateVal = value
    },
    onChange(value) {
      console.log('date change:' + value)
    },
    onReset() {
    },
    onSearch() {
    },
    toExport() {
    },
    onPagerChange(page) {
    },
    onSizeChange(number) {
    }
  }
}
</script>

ebc-middle-platform/src/modules/attendance/track.scss

@@ -0,0 +1,36 @@
.track-container{
  width: 97%;
  margin: 20px auto;
  padding: 20px;
  box-sizing: border-box;
  .search-container{
    width: 100%;
    padding: 0 0 20px;
    .search-ctn{
      width: 100%;
      overflow: hidden;
      margin: 0;
      padding: 0;
      display: flex;
      position: relative;
      >div{
        display: flex; 
        margin: 0 20px 16px 0;    
        line-height: 2;
        .input-rule{
          flex: 1;
          margin:0 0 0 20px;
          .dropdown{
            width: 100%
          }
        }
      }
      .btns button{
        margin: 0 2px;
      }
    }
  }
  .table-pager{
    margin: 20px auto;
  }
}

ebc-middle-platform/src/modules/attendance/track.vue

@@ -0,0 +1,115 @@
<template>
  <div class="track-container">
    <div class="search-container">
      <div class="search-ctn">
        <div>
          <div class="input-rule">
            <t-date-picker v-model="rangeDate" limit-date="10" type="dateRange" style="width:250px" placeholder="选择时间段" @date-change="onChange"></t-date-picker>
          </div>
        </div>
        <div>
          <div class="label">姓名:</div>
          <div class="input-rule">
            <t-select v-model="queryCondition.alarmPerson" placeholder="请输入...">
              <t-option>张三</t-option>
              <t-option>李四</t-option>
            </t-select>
          </div>
        </div>
        <div class="btns">
          <t-button color="secondary" class="reset-btn" @click="onReset">重置</t-button>
          <t-button color="success" icon="search-outline" @click="onSearch">查询</t-button>
          <t-button color="secondary" icon="upload-outline" @click="toExport">导出至Excel</t-button>
        </div>
      </div>
    </div>
    <div>
      <t-table :data="table.data">
        <t-table-column type="selection" width="70"></t-table-column>
        <t-table-column prop="name" label="姓名"></t-table-column>
        <t-table-column prop="job" label="职务"></t-table-column>
        <t-table-column prop="address" label="位置区域"></t-table-column>
        <t-table-column prop="stayTime" label="停留时长（h）"></t-table-column>
        <t-table-column prop="entryTime" label="进入时间"></t-table-column>
        <t-table-column prop="departureTime" label="离开时间"></t-table-column>
      </t-table>
      <t-pager :total="table.pager.total" :current.sync="table.pager.currentPage"
               :page-size.sync="table.pager.size"
               :sizer-range="[20,50,100]"
               class="px-24 pt-16 float-right"
               show-elevator show-sizer
               @on-size-change="onSizeChange"
               @on-change="onPagerChange">
      </t-pager>
    </div>
  </div>
</template>
<script>
import './track.scss'
export default {
  data() {
    return {
      table: {
        data: [
          {
            name: '王小明',
            job: '运维人员',
            address: '作业区域1',
            stayTime: '10小时39分钟',
            entryTime: '2020.7.10 08:21:43',
            departureTime: '2020.7.3 11:22:16'
          },
          {
            name: '王小明',
            job: '运维人员',
            address: '作业区域1',
            stayTime: '10小时39分钟',
            entryTime: '2020.7.10 08:21:43',
            departureTime: '2020.7.3 11:22:16'
          },
          {
            name: '王小明',
            job: '运维人员',
            address: '作业区域1',
            stayTime: '10小时39分钟',
            entryTime: '2020.7.10 08:21:43',
            departureTime: '2020.7.3 11:22:16'
          }
        ],
        pager: {
          currentPage: 1,
          size: 5,
          total: 0
        }
      },
      queryCondition: {
        type: '',
        alarmPerson: ''
      },
      rangeDate: ''
    }
  },
  mounted() {
  },
  methods: {
    onChange(value) {
      console.log('date change:' + value)
    },
    onReset() {
    },
    onSearch() {
    },
    toExport() {
    },
    onPagerChange(page) {
    },
    onSizeChange(number) {
    }
  }
}
</script>

ebc-middle-platform/src/modules/authorization/menu-authorization.vue

@@ -0,0 +1,109 @@
<template>
  <div class="authorization-container" style="display:flex;margin:20px">
    <div style="width:400px;border: 1px solid rgba(0, 0, 0, 0.09);margin-right:20px">
      <div>
        <div>角色列表</div>
      </div>
      <div style="flex-direction: column;
    justify-content: space-between;
    height: 100%;padding:0 20px">
        <t-table :data="table.data" highlight-current-row @current-change="handleCurrentChange">
          <t-table-column prop="name" label="角色名称"></t-table-column>
          <t-table-column prop="number" label="角色编码"></t-table-column>
        </t-table>
        <div>
          <t-pager :total="table.pager.total" :current.sync="table.pager.currentPage"
                   :page-size.sync="table.pager.size"
                   class="px-24 pt-16 float-right"
                   show-elevator show-sizer
                   @on-size-change="onSizeChange"
                   @on-change="onPagerChange">
          </t-pager>
        </div>
      </div>
    </div>
    <div>
      <t-transfer
        ref="transfer"
        :data="dataTable"
        :selected-keys="targetKeysTable"
        :operations="['向左移动','向右移动']"
        filterable
      >
        <div slot="listBodyLeft" slot-scope="tableLeft">
          <t-tree :multiple="true"
                  :with-ancestors="true"
                  :node-data="tableLeft"
          ></t-tree>
        </div>
        <div slot="listBodyRight" slot-scope="tableRight">
          <t-tree :multiple="true"
                  :with-ancestors="true"
                  :node-data="tableRight.data"
          ></t-tree>
        </div>
      </t-transfer>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      table: {
        data: [
          {
            name: '超级管理员',
            number: 'superadmin'
          },
          {
            name: '超级管理员',
            number: 'superadmin'
          },
          {
            name: '超级管理员',
            number: 'superadmin'
          }
        ],
        pager: {
          currentPage: 1,
          size: 10,
          total: 0
        }
      },
      dataTable: this.getMockData(),
      targetKeysTable: []
    }
  },
  methods: {
    handleCurrentChange(val) {
      this.currentRow = val
    },
    getMockData: function() {
      let mockData = []
      for (let i = 0; i <= 20; i++) {
        mockData.push({
          key: i.toString(),
          label: '内容' + i,
          description: '描述' + i,
          disabled: Math.random() * 3 < 1
        })
      }
      return mockData
    },
    $_onCheckboxChange(selection) {
      let keysArray = []
      selection.forEach(item => {
        keysArray.push(item.key)
      })
      this.targetKeysTable = keysArray
    },
    onPagerChange(page) {
    },
    onSizeChange(number) {
    }
  }
}
</script>

ebc-middle-platform/src/modules/call-help/current.vue

@@ -0,0 +1,3 @@
<template>
  <div>实时报警</div>
</template>

ebc-middle-platform/src/modules/call-help/history.scss

@@ -0,0 +1,64 @@
.history-container{
  width: 97%;
  margin: 20px auto;
  padding: 20px;
  box-sizing: border-box;
  .search-container{
    width: 100%;
    padding: 0 0 20px;
    .search-ctn{
      width: 100%;
      overflow: hidden;
      margin: 0;
      padding: 0;
      position: relative;
      .mod-btns{
        position: absolute;
        right: 0;
        top: 0;
        width: 200px;
        text-align: right;
        cursor: pointer;
        overflow: hidden;
        .reset-btn{
          float: right;
          margin: 0 10px;
        }
        .fold-btn{
          float: right;
          cursor: pointer;
          height: 32px;
          line-height: 32px;
          i{
            position: relative;
          }
        }
        .btn-primary{
          float: right;
        }
      }
      li{
        width: 23%;
        float: left;
        display: flex;
        list-style-type: none;
        margin: 0 20px 16px 0;
        .label{
          float: left;
          line-height: 32px;
          min-width: 32px;
        }
        .input-rule{
          flex: 1;
          margin:0 0 0 20px;
          .dropdown{
            width: 100%
          }
        }
      }
    }
  }
  .table-pager{
    margin: 20px auto;
  }
}

ebc-middle-platform/src/modules/call-help/history.vue

@@ -0,0 +1,164 @@
<template>
  <div class="history-container">
    <div class="search-container">
      <ul class="search-ctn">
        <li>
          <div class="label">报警类型:</div>
          <div class="input-rule">
            <t-select v-model="queryCondition.type" placeholder="请输入...">
              <t-option>落水告警</t-option>
              <t-option>手动告警</t-option>
            </t-select>
          </div>
        </li>
        <li>
          <div class="label">报警人:</div>
          <div class="input-rule">
            <t-select v-model="queryCondition.alarmPerson" placeholder="请输入...">
              <t-option>张三</t-option>
              <t-option>李四</t-option>
            </t-select>
          </div>
        </li>
        <li>
          <div class="input-rule">
            <t-date-picker v-model="rangeDate" limit-date="10" type="dateRange" style="width:250px" placeholder="选择时间段" @date-change="onChange"></t-date-picker>
          </div>
        </li>
        <div class="btns">
          <t-button color="secondary" class="reset-btn" @click="onReset">重置</t-button>
          <t-button color="success" icon="search-outline" @click="onSearch">查询</t-button>
          <t-button color="secondary" icon="upload-outline" @click="toExport">导出至Excel</t-button>
        </div>
      </ul>
    </div>
    <div>
      <t-table :data="table.data">
        <t-table-column type="selection" width="70"></t-table-column>
        <t-table-column width="100" prop="name" label="报警人"></t-table-column>
        <t-table-column width="100" prop="number" label="终端编号"></t-table-column>
        <t-table-column width="100" prop="type" label="报警类型"></t-table-column>
        <t-table-column width="200" prop="address" label="报警位置"></t-table-column>
        <t-table-column width="150" prop="alarmTime" label="报警时间"></t-table-column>
        <t-table-column width="100" prop="rescuePerson" label="救援人"></t-table-column>
        <t-table-column width="150" prop="rescueTime" label="救援时间"></t-table-column>
        <t-table-column width="150" prop="rescueDuration" label="救援时长"></t-table-column>
        <t-table-column
          fixed="right"
          label="操作"
          width="120"
        >
          <template slot-scope="scope">
            <a href="javascript:void(0)" size="sm" @click="handleClick(scope.row)">救援回放</a>
            <a href="javascript:void(0)" size="sm" @click="remove(scope.$index)">删除</a>
          </template>
        </t-table-column>
      </t-table>
      <t-pager :total="table.pager.total" :current.sync="table.pager.currentPage"
               :page-size.sync="table.pager.size"
               :sizer-range="[10,20,50]"
               class="px-24 pt-16 float-right"
               show-elevator show-sizer
               @on-size-change="onSizeChange"
               @on-change="onPagerChange">
      </t-pager>
    </div>
  </div>
</template>
<script>
import './history.scss'
export default {
  data() {
    return {
      table: {
        data: [
          {
            name: '王小明',
            number: 'ZDBH0001',
            type: '落水告警',
            address: '113.445294°E 23.157791°N',
            alarmTime: '2020.7.10 08:21:43',
            rescuePerson: '海事局A',
            rescueTime: '2020.7.3 11:22:16',
            rescueDuration: '10小时39分钟'
          },
          {
            name: '王小明',
            number: 'ZDBH0001',
            type: '落水告警',
            address: '113.445294°E 23.157791°N',
            alarmTime: '2020.7.10 08:21:43',
            rescuePerson: '海事局A',
            rescueTime: '2020.7.3 11:22:16',
            rescueDuration: '10小时39分钟'
          },
          {
            name: '王小明',
            number: 'ZDBH0001',
            type: '落水告警',
            address: '113.445294°E 23.157791°N',
            alarmTime: '2020.7.10 08:21:43',
            rescuePerson: '海事局A',
            rescueTime: '2020.7.3 11:22:16',
            rescueDuration: '10小时39分钟'
          },
          {
            name: '王小明',
            number: 'ZDBH0001',
            type: '落水告警',
            address: '113.445294°E 23.157791°N',
            alarmTime: '2020.7.10 08:21:43',
            rescuePerson: '海事局A',
            rescueTime: '2020.7.3 11:22:16',
            rescueDuration: '10小时39分钟'
          },
          {
            name: '王小明',
            number: 'ZDBH0001',
            type: '落水告警',
            address: '113.445294°E 23.157791°N',
            alarmTime: '2020.7.10 08:21:43',
            rescuePerson: '海事局A',
            rescueTime: '2020.7.3 11:22:16',
            rescueDuration: '10小时39分钟'
          }
        ],
        pager: {
          currentPage: 1,
          size: 10,
          total: 0
        }
      },
      queryCondition: {
        type: '',
        alarmPerson: ''
      },
      rangeDate: ''
    }
  },
  mounted() {
    this.table.data = this.table.data.concat(this.table.data)
    this.table.pager.total = this.table.data.length
  },
  methods: {
    onChange(value) {
      console.log('date change:' + value)
    },
    onReset() {
    },
    onSearch() {
    },
    toExport() {
    },
    onPagerChange(page) {
    },
    onSizeChange(number) {
    }
  }
}
</script>

ebc-middle-platform/src/modules/orientation/orientation.vue

@@ -0,0 +1,3 @@
<template>
  <div>人员定位</div>
</template>

ebc-middle-platform/src/modules/system-management/equipment-management.scss

@@ -0,0 +1,42 @@
.track-container{
  width: 97%;
  margin: 20px auto;
  padding: 20px;
  box-sizing: border-box;
  .search-container{
    width: 100%;
    padding: 0 0 20px;
    .search-ctn{
      width: 100%;
      overflow: hidden;
      margin: 0;
      padding: 0;
      position: relative;
      display: flex;
      justify-content: space-between;
      >div{
        display: flex; 
        margin: 0 20px 16px 0;    
        line-height: 2;
        .label-content{
          display: flex; 
          margin: 0 20px 16px 0;    
          line-height: 2;
        }
        .input-rule{
          flex: 1;
          margin:0 0 0 20px;
          .dropdown{
            width: 100%
          }
        }
      }
      .btns button{
        margin: 0 2px;
      }
    }
  }
  .table-pager{
    margin: 20px auto;
  }
}

ebc-middle-platform/src/modules/system-management/equipment-management.vue

@@ -0,0 +1,144 @@
<template>
  <div class="track-container">
    <div class="search-container">
      <div class="search-ctn">
        <div>
          <div class="label-content">
            <div class="label">设备类型：</div>
            <div class="input-rule">
              <t-select v-model="queryCondition.alarmPerson" width="200" placeholder="请输入...">
                <t-option>张三</t-option>
                <t-option>李四</t-option>
              </t-select>
            </div>
          </div>
          <div class="label-content">
            <div class="label">设备名称：</div>
            <div class="input-rule">
              <t-select v-model="queryCondition.alarmPerson" width="200" placeholder="请输入...">
                <t-option>张三</t-option>
                <t-option>李四</t-option>
              </t-select>
            </div>
          </div>
          <div class="label-content">
            <div class="label">设备编号：</div>
            <div class="input-rule">
              <t-select v-model="queryCondition.alarmPerson" width="200" placeholder="请输入...">
                <t-option>张三</t-option>
                <t-option>李四</t-option>
              </t-select>
            </div>
          </div>
          <div class="btns">
            <t-button color="secondary" class="reset-btn" @click="onReset">重置</t-button>
            <t-button color="success" icon="search-outline" @click="onSearch">查询</t-button>
            <t-button color="secondary" icon="upload-outline" @click="toExport">导出至Excel</t-button>
            <t-button color="secondary" icon="delete-outline" @click="toExport">删除</t-button>
          </div>
        </div>
        <div class="btns">
          <t-button color="success" icon="upload-outline" @click="onReset">导入</t-button>
          <t-button color="success" icon="download-outline" @click="onReset">下载模板</t-button>
          <t-button color="success" icon="plus-outline" @click="toExport">新增</t-button>
        </div>
      </div>
    </div>
    <div>
      <t-table :data="table.data">
        <t-table-column prop="name" label="设备名称"></t-table-column>
        <t-table-column prop="number" label="设备编号"></t-table-column>
        <t-table-column prop="type" label="设备类型"></t-table-column>
        <t-table-column prop="long" label="经度"></t-table-column>
        <t-table-column prop="lat" label="纬度"></t-table-column>
        <t-table-column
          fixed="right"
          label="操作"
          width="120"
        >
          <template slot-scope="scope">
            <a href="javascript:void(0)" size="sm" @click="handleClick(scope.row)">编辑</a>
            <span class="mod-line">|</span>
            <a href="javascript:void(0)" size="sm" @click="remove(scope.$index)">删除</a>
          </template>
        </t-table-column>
      </t-table>
      <t-pager :total="table.pager.total" :current.sync="table.pager.currentPage"
               :page-size.sync="table.pager.size"
               :sizer-range="[10,20,50]"
               class="px-24 pt-16 float-right"
               show-elevator show-sizer
               @on-size-change="onSizeChange"
               @on-change="onPagerChange">
      </t-pager>
    </div>
  </div>
</template>
<script>
import './equipment-management.scss'
export default {
  data() {
    return {
      table: {
        data: [
          {
            name: '1#风机',
            number: 'FJ0001',
            type: '风机',
            long: '113.445454',
            lat: '23.157919'
          },
          {
            name: '1#风机',
            number: 'FJ0001',
            type: '风机',
            long: '113.445454',
            lat: '23.157919'
          },
          {
            name: '1#风机',
            number: 'FJ0001',
            type: '风机',
            long: '113.445454',
            lat: '23.157919'
          }
        ],
        pager: {
          currentPage: 1,
          size: 10,
          total: 0
        }
      },
      queryCondition: {
        type: '',
        alarmPerson: ''
      },
      rangeDate: ''
    }
  },
  mounted() {
    this.table.data = this.table.data.concat(this.table.data)
    this.table.pager.total = this.table.data.length
  },
  methods: {
    onChange(value) {
      console.log('date change:' + value)
    },
    onReset() {
    },
    onSearch() {
    },
    toExport() {
    },
    onPagerChange(page) {
    },
    onSizeChange(number) {
    }
  }
}
</script>

ebc-middle-platform/src/modules/system-management/map-mark.scss

@@ -0,0 +1,42 @@
.track-container{
  width: 97%;
  margin: 20px auto;
  padding: 20px;
  box-sizing: border-box;
  .search-container{
    width: 100%;
    padding: 0 0 20px;
    .search-ctn{
      width: 100%;
      overflow: hidden;
      margin: 0;
      padding: 0;
      position: relative;
      display: flex;
      justify-content: space-between;
      >div{
        display: flex; 
        margin: 0 20px 16px 0;    
        line-height: 2;
        .label-content{
          display: flex; 
          margin: 0 20px 16px 0;    
          line-height: 2;
        }
        .input-rule{
          flex: 1;
          margin:0 0 0 20px;
          .dropdown{
            width: 100%
          }
        }
      }
      .btns button{
        margin: 0 2px;
      }
    }
  }
  .table-pager{
    margin: 20px auto;
  }
}

ebc-middle-platform/src/modules/system-management/map-mark.vue

@@ -0,0 +1,113 @@
<template>
  <div class="track-container">
    <div class="search-container">
      <div class="search-ctn">
        <div>
          <div class="label-content">
            <div class="label">标记名称:</div>
            <div class="input-rule">
              <t-input v-model="queryCondition.userName" placeholder="请输入..."></t-input>
            </div>
          </div>
          <div class="btns">
            <t-button color="secondary" class="reset-btn" @click="onReset">重置</t-button>
            <t-button color="success" icon="search-outline" @click="onSearch">查询</t-button>
            <t-button color="secondary" icon="upload-outline" @click="toExport">导出至Excel</t-button>
          </div>
        </div>
        <div class="btns">
          <t-button color="success" icon="plus-outline" @click="onReset">考勤区域</t-button>
          <t-button color="success" icon="plus-outline" @click="onReset">作业区域</t-button>
          <t-button color="success" icon="plus-outline" @click="onSearch">电子围栏</t-button>
          <t-button color="success" icon="plus-outline" @click="toExport">定点</t-button>
        </div>
      </div>
    </div>
    <div>
      <t-table :data="table.data">
        <t-table-column prop="markName" label="标记名称"></t-table-column>
        <t-table-column prop="type" label="类型"></t-table-column>
        <t-table-column prop="createTime" label="创建时间"></t-table-column>
        <t-table-column
          fixed="right"
          label="操作"
          width="120"
        >
          <template slot-scope="scope">
            <a href="javascript:void(0)" size="sm" @click="handleClick(scope.row)">编辑</a>
            <span class="mod-line">|</span>
            <a href="javascript:void(0)" size="sm" @click="remove(scope.$index)">删除</a>
          </template>
        </t-table-column>
      </t-table>
      <t-pager :total="table.pager.total" :current.sync="table.pager.currentPage"
               :page-size.sync="table.pager.size"
               :sizer-range="[20,50,100]"
               class="px-24 pt-16 float-right"
               show-elevator show-sizer
               @on-size-change="onSizeChange"
               @on-change="onPagerChange">
      </t-pager>
    </div>
  </div>
</template>
<script>
import './map-mark.scss'
export default {
  data() {
    return {
      table: {
        data: [
          {
            markName: '考勤区域',
            type: '考勤区域',
            createTime: '2020.7.10 08:21:43'
          },
          {
            markName: '考勤区域',
            type: '考勤区域',
            createTime: '2020.7.10 08:21:43'
          },
          {
            markName: '考勤区域',
            type: '考勤区域',
            createTime: '2020.7.10 08:21:43'
          }
        ],
        pager: {
          currentPage: 1,
          size: 5,
          total: 0
        }
      },
      queryCondition: {
        type: '',
        alarmPerson: ''
      },
      rangeDate: ''
    }
  },
  mounted() {
  },
  methods: {
    onChange(value) {
      console.log('date change:' + value)
    },
    onReset() {
    },
    onSearch() {
    },
    toExport() {
    },
    onPagerChange(page) {
    },
    onSizeChange(number) {
    }
  }
}
</script>

ebc-middle-platform/src/modules/system-management/menu-management.scss

@@ -0,0 +1,42 @@
.track-container{
  width: 97%;
  margin: 20px auto;
  padding: 20px;
  box-sizing: border-box;
  .search-container{
    width: 100%;
    padding: 0 0 20px;
    .search-ctn{
      width: 100%;
      overflow: hidden;
      margin: 0;
      padding: 0;
      position: relative;
      display: flex;
      justify-content: space-between;
      >div{
        display: flex; 
        margin: 0 20px 16px 0;    
        line-height: 2;
        .label-content{
          display: flex; 
          margin: 0 20px 16px 0;    
          line-height: 2;
        }
        .input-rule{
          flex: 1;
          margin:0 0 0 20px;
          .dropdown{
            width: 100%
          }
        }
      }
      .btns button{
        margin: 0 2px;
      }
    }
  }
  .table-pager{
    margin: 20px auto;
  }
}

ebc-middle-platform/src/modules/system-management/menu-management.vue

@@ -0,0 +1,153 @@
<template>
  <div class="track-container">
    <div class="search-container">
      <div class="search-ctn">
        <div>
          <div class="label-content">
            <div class="label">角色名称：</div>
            <div class="input-rule">
              <t-select v-model="queryCondition.alarmPerson" width="200" placeholder="请输入...">
                <t-option>张三</t-option>
                <t-option>李四</t-option>
              </t-select>
            </div>
          </div>
          <div class="label-content">
            <div class="label">角色编码：</div>
            <div class="input-rule">
              <t-select v-model="queryCondition.alarmPerson" width="200" placeholder="请输入...">
                <t-option>张三</t-option>
                <t-option>李四</t-option>
              </t-select>
            </div>
          </div>
          <div class="label-content">
            <div class="label">角色类型：</div>
            <div class="input-rule">
              <t-select v-model="queryCondition.alarmPerson" width="200" placeholder="请输入...">
                <t-option>张三</t-option>
                <t-option>李四</t-option>
              </t-select>
            </div>
          </div>
          <div class="btns">
            <t-button color="secondary" class="reset-btn" @click="onReset">重置</t-button>
            <t-button color="success" icon="search-outline" @click="onSearch">查询</t-button>
            <t-button color="secondary" icon="delete-outline" @click="toExport">删除</t-button>
          </div>
        </div>
        <div class="btns">
          <t-button color="success" icon="plus-outline" @click="toExport">新增</t-button>
        </div>
      </div>
    </div>
    <div>
      <t-table :data="table.data" :default-sort="{prop: 'sort'}">
        <t-table-column prop="name" label="菜单名称"></t-table-column>
        <t-table-column prop="number" label="菜单编码"></t-table-column>
        <t-table-column prop="address" label="菜单地址"></t-table-column>
        <t-table-column prop="icon" label="图标">
          <template slot-scope="scope">
            <t-icon :icon="scope.row.icon"></t-icon>
          </template>
        </t-table-column>
        <t-table-column prop="sort" label="排序"></t-table-column>
        <t-table-column prop="state" label="状态">
          <template slot-scope="scope">
            <t-switch v-model="scope.row.state" size="xs" rounded></t-switch>
          </template>
        </t-table-column>
        <t-table-column
          fixed="right"
          label="操作"
          width="120"
        >
          <template slot-scope="scope">
            <a href="javascript:void(0)" size="sm" @click="handleClick(scope.row)">编辑</a>
            <span class="mod-line">|</span>
            <a href="javascript:void(0)" size="sm" @click="remove(scope.$index)">删除</a>
          </template>
        </t-table-column>
      </t-table>
      <t-pager :total="table.pager.total" :current.sync="table.pager.currentPage"
               :page-size.sync="table.pager.size"
               :sizer-range="[10,20,50]"
               class="px-24 pt-16 float-right"
               show-elevator show-sizer
               @on-size-change="onSizeChange"
               @on-change="onPagerChange">
      </t-pager>
    </div>
  </div>
</template>
<script>
import './menu-management.scss'
export default {
  data() {
    return {
      table: {
        data: [
          {
            name: '地图监控',
            number: 'mapMonitoring',
            address: '/abd/daadd/ddddd',
            icon: 'heart-outline',
            sort: 1,
            state: true
          },
          {
            name: '地图监控',
            number: 'mapMonitoring',
            address: '/abd/daadd/ddddd',
            icon: '',
            sort: 2,
            state: false
          },
          {
            name: '地图监控',
            number: 'mapMonitoring',
            address: '/abd/daadd/ddddd',
            icon: '',
            sort: 0,
            state: false
          }
        ],
        pager: {
          currentPage: 1,
          size: 10,
          total: 0
        }
      },
      queryCondition: {
        type: '',
        alarmPerson: ''
      },
      rangeDate: ''
    }
  },
  mounted() {
    this.table.data = this.table.data.concat(this.table.data)
    this.table.pager.total = this.table.data.length
  },
  methods: {
    onChange(value) {
      console.log('date change:' + value)
    },
    onReset() {
    },
    onSearch() {
    },
    toExport() {
    },
    onPagerChange(page) {
    },
    onSizeChange(number) {
    }
  }
}
</script>

ebc-middle-platform/src/modules/system-management/role-management.scss

@@ -0,0 +1,42 @@
.track-container{
  width: 97%;
  margin: 20px auto;
  padding: 20px;
  box-sizing: border-box;
  .search-container{
    width: 100%;
    padding: 0 0 20px;
    .search-ctn{
      width: 100%;
      overflow: hidden;
      margin: 0;
      padding: 0;
      position: relative;
      display: flex;
      justify-content: space-between;
      >div{
        display: flex; 
        margin: 0 20px 16px 0;    
        line-height: 2;
        .label-content{
          display: flex; 
          margin: 0 20px 16px 0;    
          line-height: 2;
        }
        .input-rule{
          flex: 1;
          margin:0 0 0 20px;
          .dropdown{
            width: 100%
          }
        }
      }
      .btns button{
        margin: 0 2px;
      }
    }
  }
  .table-pager{
    margin: 20px auto;
  }
}

ebc-middle-platform/src/modules/system-management/role-management.vue

@@ -0,0 +1,133 @@
<template>
  <div class="track-container">
    <div class="search-container">
      <div class="search-ctn">
        <div>
          <div class="label-content">
            <div class="label">角色名称：</div>
            <div class="input-rule">
              <t-select v-model="queryCondition.alarmPerson" width="200" placeholder="请输入...">
                <t-option>张三</t-option>
                <t-option>李四</t-option>
              </t-select>
            </div>
          </div>
          <div class="label-content">
            <div class="label">角色编码：</div>
            <div class="input-rule">
              <t-select v-model="queryCondition.alarmPerson" width="200" placeholder="请输入...">
                <t-option>张三</t-option>
                <t-option>李四</t-option>
              </t-select>
            </div>
          </div>
          <div class="label-content">
            <div class="label">角色类型：</div>
            <div class="input-rule">
              <t-select v-model="queryCondition.alarmPerson" width="200" placeholder="请输入...">
                <t-option>张三</t-option>
                <t-option>李四</t-option>
              </t-select>
            </div>
          </div>
          <div class="btns">
            <t-button color="secondary" class="reset-btn" @click="onReset">重置</t-button>
            <t-button color="success" icon="search-outline" @click="onSearch">查询</t-button>
            <t-button color="secondary" icon="delete-outline" @click="toExport">删除</t-button>
          </div>
        </div>
        <div class="btns">
          <t-button color="success" icon="plus-outline" @click="toExport">新增</t-button>
        </div>
      </div>
    </div>
    <div>
      <t-table :data="table.data">
        <t-table-column prop="name" label="角色名称"></t-table-column>
        <t-table-column prop="number" label="角色编码"></t-table-column>
        <t-table-column prop="type" label="角色类型"></t-table-column>
        <t-table-column
          fixed="right"
          label="操作"
          width="120"
        >
          <template slot-scope="scope">
            <a href="javascript:void(0)" size="sm" @click="handleClick(scope.row)">编辑</a>
            <span class="mod-line">|</span>
            <a href="javascript:void(0)" size="sm" @click="remove(scope.$index)">删除</a>
          </template>
        </t-table-column>
      </t-table>
      <t-pager :total="table.pager.total" :current.sync="table.pager.currentPage"
               :page-size.sync="table.pager.size"
               :sizer-range="[10,20,50]"
               class="px-24 pt-16 float-right"
               show-elevator show-sizer
               @on-size-change="onSizeChange"
               @on-change="onPagerChange">
      </t-pager>
    </div>
  </div>
</template>
<script>
import './role-management.scss'
export default {
  data() {
    return {
      table: {
        data: [
          {
            name: '超级管理员',
            number: 'superadmin',
            type: '管理者'
          },
          {
            name: '超级管理员',
            number: 'superadmin',
            type: '管理者'
          },
          {
            name: '超级管理员',
            number: 'superadmin',
            type: '管理者'
          }
        ],
        pager: {
          currentPage: 1,
          size: 10,
          total: 0
        }
      },
      queryCondition: {
        type: '',
        alarmPerson: ''
      },
      rangeDate: ''
    }
  },
  mounted() {
    this.table.data = this.table.data.concat(this.table.data)
    this.table.pager.total = this.table.data.length
  },
  methods: {
    onChange(value) {
      console.log('date change:' + value)
    },
    onReset() {
    },
    onSearch() {
    },
    toExport() {
    },
    onPagerChange(page) {
    },
    onSizeChange(number) {
    }
  }
}
</script>

ebc-middle-platform/src/modules/system-management/terminal-management.scss

@@ -0,0 +1,86 @@
.teminal-container{
  width: 97%;
  margin: 20px auto;
  padding: 20px;
  box-sizing: border-box;
  .search-container{
    width: 100%;
    padding: 0 0 20px;
    .search-ctn{
      width: 100%;
      overflow: hidden;
      margin: 0;
      padding: 0;
      display: flex;
      position: relative;
      >div{
        display: flex; 
        margin: 0 20px 16px 0;    
        line-height: 2;
        .input-rule{
          flex: 1;
          margin:0 0 0 20px;
          .dropdown{
            width: 100%
          }
        }
      }
      .btns button{
        margin: 0 2px;
      }
      .active{
        color: #3BC541;
        border-color: #3BC541;
      }
      .mod-btns{
        position: absolute;
        right: 0;
        top: 0;
        width: 250px;
        text-align: right;
        cursor: pointer;
        overflow: hidden;
        .reset-btn{
          float: right;
          margin: 0 10px;
        }
        .fold-btn{
          float: right;
          cursor: pointer;
          height: 32px;
          line-height: 32px;
          i{
            position: relative;
          }
        }
        .btn-primary{
          float: right;
        }
      }
    }
  }
  .table-pager{
    margin: 20px auto;
  }
  .sos{
    color: #F5222D;
    width: 50px;
    text-align: center;
    border-radius: 5px;
    background-color: #FEE9EA;
  }
  .unline{
    color: #000000;
    width: 50px;
    text-align: center;
    border-radius: 5px;
    background-color: #F3F3F3;
  }
  .inline{
    color: #40C546;
    width: 50px;
    text-align: center;
    border-radius: 5px;
    background-color: #E8F8E8;
  }
}

ebc-middle-platform/src/modules/system-management/terminal-management.vue

@@ -0,0 +1,153 @@
<template>
  <div class="teminal-container">
    <div class="search-container">
      <div class="search-ctn">
        <div>
          <div class="input-rule">
            <t-button-group>
              <t-button :class="relevanceType.all?'active':''" color="secondary" @click="changeType('all')">全部</t-button>
              <t-button :class="relevanceType.relevance?'active':''" color="secondary" @click="changeType('relevance')">关联用户</t-button>
              <t-button :class="relevanceType.unrelevance?'active':''" color="secondary" @click="changeType('unrelevance')">未关联用户</t-button>
            </t-button-group>
          </div>
        </div>
        <div>
          <div class="label">终端编号:</div>
          <div class="input-rule">
            <t-select v-model="queryCondition.alarmPerson" placeholder="请输入终端编号">
              <t-option>ZDBH0001</t-option>
              <t-option>ZDBH0002</t-option>
            </t-select>
          </div>
        </div>
        <div class="btns">
          <t-button color="secondary" class="reset-btn" @click="onReset">重置</t-button>
          <t-button color="success" icon="search-outline" @click="onSearch">查询</t-button>
          <t-button color="secondary" icon="upload-outline" @click="toExport">导出至Excel</t-button>
          <t-button color="secondary" icon="unlock-outline" @click="toExport">解绑用户</t-button>
          <t-button color="secondary" icon="delete-outline" @click="toExport">删除</t-button>
        </div>
      </div>
    </div>
    <div>
      <t-table :data="table.data">
        <t-table-column type="selection" width="70"></t-table-column>
        <t-table-column prop="status" label="通信状态">
          <template slot-scope="scope">
            <div v-if="scope.row.status==1" class="sos">
              <span >SOS</span>
            </div>
            <div v-if="scope.row.status==2" class="unline">
              <span>离线</span>
            </div>
            <div v-if="scope.row.status==3" class="inline">
              <span>在线</span>
            </div>
          </template>
        </t-table-column>
        <t-table-column prop="number" label="终端编号"></t-table-column>
        <t-table-column prop="relevanceUser" label="关联用户"></t-table-column>
        <t-table-column prop="finalPositioningTime" label="最后定位时间"></t-table-column>
        <t-table-column prop="remark" label="备注"></t-table-column>
        <t-table-column
          fixed="right"
          label="操作"
          width="220"
        >
          <template slot-scope="scope">
            <a href="javascript:void(0)" size="sm" @click="handleClick(scope.row)">关联用户</a>
            <a href="javascript:void(0)" size="sm" @click="remove(scope.$index)">解绑用户</a>
            <a href="javascript:void(0)" size="sm" @click="handleClick(scope.row)">编辑</a>
            <a href="javascript:void(0)" size="sm" @click="remove(scope.$index)">删除</a>
          </template>
        </t-table-column>
      </t-table>
      <t-pager :total="table.pager.total" :current.sync="table.pager.currentPage"
               :page-size.sync="table.pager.size"
               :sizer-range="[10,20,50]"
               class="px-24 pt-16 float-right"
               show-elevator show-sizer
               @on-size-change="onSizeChange"
               @on-change="onPagerChange">
      </t-pager>
    </div>
  </div>
</template>
<script>
import './terminal-management.scss'
export default {
  data() {
    return {
      relevanceType: {
        all: true,
        relevance: false,
        unrelevance: false
      },
      table: {
        data: [
          {
            status: 1,
            number: 'ZDBH0001',
            relevanceUser: '张三',
            finalPositioningTime: '2020.7.10 08:21:43',
            remark: '无'
          },
          {
            status: 2,
            number: 'ZDBH0001',
            relevanceUser: '张三',
            finalPositioningTime: '2020.7.10 08:21:43',
            remark: '无'
          },
          {
            status: 3,
            number: 'ZDBH0001',
            relevanceUser: '张三',
            finalPositioningTime: '2020.7.10 08:21:43',
            remark: '无'
          }
        ],
        pager: {
          currentPage: 1,
          size: 10,
          total: 0
        }
      },
      queryCondition: {
        type: '',
        alarmPerson: ''
      },
      rangeDate: ''
    }
  },
  mounted() {
    this.table.data = this.table.data.concat(this.table.data)
    this.table.pager.total = this.table.data.length
  },
  methods: {
    changeType(type) {
      Object.keys(this.relevanceType).forEach((value, key) => {
        this.relevanceType[value] = value === type
      })
    },
    onChange(value) {
      console.log('date change:' + value)
    },
    onReset() {
    },
    onSearch() {
    },
    toExport() {
    },
    onPagerChange(page) {
    },
    onSizeChange(number) {
    }
  }
}
</script>

ebc-middle-platform/src/modules/system-management/user-management.scss

@@ -0,0 +1,42 @@
.track-container{
  width: 97%;
  margin: 20px auto;
  padding: 20px;
  box-sizing: border-box;
  .search-container{
    width: 100%;
    padding: 0 0 20px;
    .search-ctn{
      width: 100%;
      overflow: hidden;
      margin: 0;
      padding: 0;
      position: relative;
      display: flex;
      justify-content: space-between;
      >div{
        display: flex; 
        margin: 0 20px 16px 0;    
        line-height: 2;
        .label-content{
          display: flex; 
          margin: 0 20px 16px 0;    
          line-height: 2;
        }
        .input-rule{
          flex: 1;
          margin:0 0 0 20px;
          .dropdown{
            width: 100%
          }
        }
      }
      .btns button{
        margin: 0 2px;
      }
    }
  }
  .table-pager{
    margin: 20px auto;
  }
}

ebc-middle-platform/src/modules/system-management/user-management.vue

@@ -0,0 +1,156 @@
<template>
  <div class="track-container">
    <div class="search-container">
      <div class="search-ctn">
        <div>
          <div class="label-content">
            <div class="label">部门：</div>
            <div class="input-rule">
              <t-select v-model="queryCondition.alarmPerson" width="200" placeholder="请输入...">
                <t-option>张三</t-option>
                <t-option>李四</t-option>
              </t-select>
            </div>
          </div>
          <div class="label-content">
            <div class="label">姓名：</div>
            <div class="input-rule">
              <t-select v-model="queryCondition.alarmPerson" width="200" placeholder="请输入...">
                <t-option>张三</t-option>
                <t-option>李四</t-option>
              </t-select>
            </div>
          </div>
          <div class="label-content">
            <div class="label">员工编号：</div>
            <div class="input-rule">
              <t-select v-model="queryCondition.alarmPerson" width="200" placeholder="请输入...">
                <t-option>张三</t-option>
                <t-option>李四</t-option>
              </t-select>
            </div>
          </div>
          <div class="btns">
            <t-button color="secondary" class="reset-btn" @click="onReset">重置</t-button>
            <t-button color="success" icon="search-outline" @click="onSearch">查询</t-button>
            <t-button color="secondary" icon="upload-outline" @click="toExport">导出至Excel</t-button>
            <t-button color="secondary" icon="delete-outline" @click="toExport">删除</t-button>
          </div>
        </div>
        <div class="btns">
          <t-button color="success" icon="upload-outline" @click="onReset">导入</t-button>
          <t-button color="success" icon="download-outline" @click="onReset">下载模板</t-button>
          <t-button color="success" icon="plus-outline" @click="toExport">新增</t-button>
        </div>
      </div>
    </div>
    <div>
      <t-table :data="table.data">
        <t-table-column prop="name" label="姓名"></t-table-column>
        <t-table-column prop="number" label="员工编号"></t-table-column>
        <t-table-column prop="relevance" label="关联终端"></t-table-column>
        <t-table-column prop="department" label="部门"></t-table-column>
        <t-table-column prop="job" label="职务"></t-table-column>
        <t-table-column prop="age" label="年龄"></t-table-column>
        <t-table-column prop="phone" label="手机"></t-table-column>
        <t-table-column
          fixed="right"
          label="操作"
          width="240"
        >
          <template slot-scope="scope">
            <a href="javascript:void(0)" size="sm" @click="handleClick(scope.row)">关联终端</a>
            <span class="mod-line">|</span>
            <a href="javascript:void(0)" size="sm" @click="remove(scope.$index)">解绑终端</a>
            <span class="mod-line">|</span>
            <a href="javascript:void(0)" size="sm" @click="handleClick(scope.row)">编辑</a>
            <span class="mod-line">|</span>
            <a href="javascript:void(0)" size="sm" @click="remove(scope.$index)">删除</a>
          </template>
        </t-table-column>
      </t-table>
      <t-pager :total="table.pager.total" :current.sync="table.pager.currentPage"
               :page-size.sync="table.pager.size"
               :sizer-range="[10,20,50]"
               class="px-24 pt-16 float-right"
               show-elevator show-sizer
               @on-size-change="onSizeChange"
               @on-change="onPagerChange">
      </t-pager>
    </div>
  </div>
</template>
<script>
import './user-management.scss'
export default {
  data() {
    return {
      table: {
        data: [
          {
            name: '张三',
            number: '108373',
            relevance: 'ZDBH0001',
            department: '设备管理处',
            job: '运维人员',
            age: 24,
            phone: '18888888888'
          },
          {
            name: '张三',
            number: '108373',
            relevance: 'ZDBH0001',
            department: '设备管理处',
            job: '运维人员',
            age: 24,
            phone: '18888888888'
          },
          {
            name: '张三',
            number: '108373',
            relevance: 'ZDBH0001',
            department: '设备管理处',
            job: '运维人员',
            age: 24,
            phone: '18888888888'
          }
        ],
        pager: {
          currentPage: 1,
          size: 10,
          total: 0
        }
      },
      queryCondition: {
        type: '',
        alarmPerson: ''
      },
      rangeDate: ''
    }
  },
  mounted() {
    this.table.data = this.table.data.concat(this.table.data)
    this.table.pager.total = this.table.data.length
  },
  methods: {
    onChange(value) {
      console.log('date change:' + value)
    },
    onReset() {
    },
    onSearch() {
    },
    toExport() {
    },
    onPagerChange(page) {
    },
    onSizeChange(number) {
    }
  }
}
</script>

ebc-middle-platform/src/modules/tags-nav/store.js

@@ -2,7 +2,7 @@ import {
  routeEqual
} from '@/util'
import router from '@/router'
const homeName = 'DashboardAnalysis'
const homeName = 'orientation'
const closePage = (state, route) => {
  const nextRoute = getNextRoute(state.tagNavList, route)
@@ -45,7 +45,7 @@ const getTagNavListFromLocalstorage = () => {
 * @param {Array} routers 路由列表数组
 * @description 用于找到路由列表中name为DashboardAnalysis的对象
 */
const getHomeRoute = (routers, homeName = 'DashboardAnalysis') => {
const getHomeRoute = (routers, homeName = 'orientation') => {
  let i = -1
  let len = routers.length
  let homeRoute = {}
@@ -58,6 +58,7 @@ const getHomeRoute = (routers, homeName = 'DashboardAnalysis') => {
      if (item.name === homeName) homeRoute = item
    }
  }
  console.log(homeRoute)
  return homeRoute
}

ebc-middle-platform/src/router.js

@@ -40,7 +40,7 @@ router.beforeEach((to, from, next) => {
  // router.app.$store.commit('setTitle', to.meta.title)
  if (to.meta.ignoreAuth === true) {
    if (isLogged === true && to.path === '/login') {
      router.replace({ name: 'DashboardAnalysis' })
      router.replace({ name: 'orientation' })
    } else {
      next()
    }

ebc-middle-platform/src/routes.js

@@ -108,346 +108,248 @@ export default [
      import(
        /* webpackChunkName: "welcome" */ './modules/layouts/BasicLayout.vue'
      ),
    redirect: '/dashboard/analysis',
    redirect: '/orientation',
    meta: { title: '首页' },
    children: [
      // dashboard
      // 报警救援
      {
        path: '/dashboard',
        name: 'dashboard',
        path: '/orientation',
        component: () =>
          import(
            /* webpackChunkName: "welcome" */ './modules/layouts/RouteView.vue'
            /* webpackChunkName: "welcome" */ '@/modules/orientation/orientation.vue'
          ),
        redirect: '/dashboard/analysis',
        meta: { title: 'Dashboard', icon: 'dashboard-outline' },
        children: [
          {
            path: '/dashboard/analysis',
            name: 'DashboardAnalysis',
            component: () =>
              import(
                /* webpackChunkName: "dashboard" */ './modules/ootb/dashboard/analysis.vue'
              ),
            meta: { title: '分析页', hiddenHeaderContent: true }
          },
          {
            path: '/dashboard/monitor',
            name: 'DashboardMonitor',
            component: () =>
              import(
                /* webpackChunkName: "dashboard" */ './modules/ootb/dashboard/monitor.vue'
              ),
            meta: { title: '监控页', hiddenHeaderContent: true }
          },
          {
            path: '/dashboard/workplace',
            name: 'DashboardWorkplace',
            component: () =>
              import(
                /* webpackChunkName: "dashboard" */ './modules/ootb/dashboard/workplace.vue'
              ),
            meta: { title: '工作台', hiddenHeaderContent: true }
          }
        ]
        name: 'orientation',
        meta: { title: '人员定位', keepAlive: true, icon: 'heart-outline', hiddenHeaderContent: true }
      },
      // forms
      // 报警救援
      {
        path: '/form',
        name: 'form',
        path: '/call-help',
        component: () =>
          import(
            /* webpackChunkName: "form" */ './modules/layouts/RouteView.vue'
            /* webpackChunkName: "call-help" */ '@/modules/layouts/RouteView.vue'
          ),
        redirect: '/form/basic-form',
        meta: { title: '表单页', icon: 'edit-square-outline' },
        name: 'callHelp',
        meta: { title: '报警救援', icon: 'heart-outline' },
        redirect: '/call-help/current',
        children: [
          {
            path: '/form/basic-form',
            name: 'BasicForm',
            component: () =>
              import(
                /* webpackChunkName: "form" */ './modules/ootb/form/basic-form.vue'
              ),
            meta: { title: '基础表单', keepAlive: true, desc: '表单页用于向用户收集或验证信息，基础表单常见于数据项较少的表单场景。' }
          },
          {
            path: '/form/step-form',
            name: 'StepForm',
            path: '/call-help/current',
            name: 'CallHelpOne',
            component: () =>
              import(
                /* webpackChunkName: "form" */ './modules/ootb/form/step-form.vue'
                /* webpackChunkName: "call-help" */ '@/modules/call-help/current.vue'
              ),
            meta: { title: '分步表单', keepAlive: true, desc: '将一个冗长或用户不熟悉的表单任务分成多个步骤，指导用户完成。' }
            meta: {
              title: '实时报警',
              hiddenHeaderContent: true,
              keepAlive: true
            }
          },
          {
            path: '/form/advanced-form',
            name: 'AtepForm',
            path: '/call-help/history',
            name: 'CallHelpTwo',
            component: () =>
              import(
                /* webpackChunkName: "form" */ './modules/ootb/form/advanced-form.vue'
                /* webpackChunkName: "call-help" */ '@/modules/call-help/history.vue'
              ),
            meta: { title: '高级表单', keepAlive: true, desc: '将一个冗长或用户不熟悉的表单任务分成多个步骤，指导用户完成。' }
            meta: {
              title: '历史报警',
              hiddenHeaderContent: true,
              keepAlive: true
            }
          }
        ]
      },
      // list
      // 考勤管理
      {
        path: '/list',
        name: 'list',
        path: '/attendance',
        component: () =>
          import(
            /* webpackChunkName: "welcome" */ './modules/layouts/RouteView.vue'
            /* webpackChunkName: "attendance" */ '@/modules/layouts/RouteView.vue'
          ),
        redirect: '/list/table-list',
        meta: { title: '列表页', icon: 'file-document-outline' },
        name: 'attendance',
        meta: { title: '报警救援', icon: 'heart-outline' },
        redirect: '/attendance/attendance',
        children: [
          {
            path: '/list/table-list',
            name: 'TableList',
            path: '/attendance/attendance',
            name: 'attendanceWork',
            component: () =>
              import(
                /* webpackChunkName: "dashboard" */ './modules/ootb/list/table.vue'
                /* webpackChunkName: "attendance" */ '@/modules/attendance/attendance.vue'
              ),
            meta: { title: '查询表格' }
            meta: {
              title: '作业考勤',
              hiddenHeaderContent: true,
              keepAlive: true
            }
          },
          {
            path: '/list/basic-list',
            name: 'BasicList',
            // component: () => import(/* webpackChunkName: "dashboard" */ './modules/ootb/dashboard/analysis.vue'),
            path: '/attendance/track',
            name: 'track',
            component: () =>
              import(
                /* webpackChunkName: 'basic-list' */ '@/modules/ootb/list/basic.vue'
                /* webpackChunkName: "attendance" */ '@/modules/attendance/track.vue'
              ),
            meta: { title: '标准列表' }
          },
          {
            path: '/list/card-list',
            name: 'CardList',
            component: () => import(/* webpackChunkName: "dashboard" */ './modules/ootb/list/card-list.vue'),
            meta: { title: '卡片列表' }
          },
          {
            path: '/list/search',
            name: 'SearchList',
            // component: () => import('@/views/list/search/SearchLayout'),
            redirect: '/list/search/article',
            meta: { title: '搜索列表', permission: ['table'] },
            children: [
              {
                path: '/list/search/article',
                name: 'SearchArticles',
                // component: () => import('../views/list/TableList'),
                meta: { title: '搜索列表（文章）', permission: ['table'] }
              },
              {
                path: '/list/search/project',
                name: 'SearchProjects',
                // component: () => import('../views/list/TableList'),
                meta: { title: '搜索列表（项目）', permission: ['table'] }
              },
              {
                path: '/list/search/application',
                name: 'SearchApplications',
                // component: () => import('../views/list/TableList'),
                meta: { title: '搜索列表（应用）', permission: ['table'] }
              }
            ]
          }
        ]
      },
      // profile
      {
        path: '/profile',
        name: 'profile',
        component: () =>
          import(
            /* webpackChunkName: "profile" */ '@/modules/layouts/RouteView.vue'
          ),
        redirect: '/profile/basic',
        meta: { title: '详情页', icon: 'database-outline' },
        children: [
          {
            path: '/profile/basic',
            name: 'ProfileBasic',
            component: () => import('@/modules/ootb/detail/basic.vue'),
            meta: { title: '基础详情页' }
          },
          {
            path: '/profile/advanced',
            name: 'ProfileAdvanced',
            component: () => import('@/modules/ootb/detail/senior.vue'),
            meta: { title: '高级详情页', hiddenHeaderTitle: true }
            meta: {
              title: '轨迹分析',
              hiddenHeaderContent: true,
              keepAlive: true
            }
          }
        ]
      },
      // result
      // 系统管理
      {
        path: '/result',
        name: 'result',
        path: '/system-management',
        component: () =>
          import(
            /* webpackChunkName: "result" */ '@/modules/layouts/RouteView.vue'
            /* webpackChunkName: "system-management" */ '@/modules/layouts/RouteView.vue'
          ),
        // component: PageView,
        redirect: '/result/success',
        meta: { title: '结果页', icon: 'down-circle-outline' },
        name: 'systemManagement',
        meta: { title: '系统管理', icon: 'heart-outline' },
        redirect: '/system-management/terminal-management',
        children: [
          {
            path: '/result/success',
            name: 'ResultSuccess',
            path: '/system-management/terminal-management',
            name: 'terminalManagement',
            component: () =>
              import(
                /* webpackChunkName: "result" */ '@/modules/ootb/result/success.vue'
                /* webpackChunkName: "system-management" */ '@/modules/system-management/terminal-management.vue'
              ),
            meta: { title: '成功', hiddenHeaderContent: true }
            meta: {
              title: '终端管理',
              hiddenHeaderContent: true,
              keepAlive: true
            }
          },
          {
            path: '/result/fail',
            name: 'ResultFail',
            path: '/system-management/map-mark',
            name: 'mapMark',
            component: () =>
              import(
                /* webpackChunkName: "result" */ '@/modules/ootb/result/fail.vue'
                /* webpackChunkName: "system-management" */ '@/modules/system-management/map-mark.vue'
              ),
            meta: { title: '失败', hiddenHeaderContent: true }
          }
        ]
      },
      // Exception
      {
        path: '/exception',
        name: 'exception',
        component: () =>
          import(
            /* webpackChunkName: "welcome" */ './modules/layouts/RouteView.vue'
          ),
        redirect: '/exception/404',
        meta: { title: '异常页', icon: 'alert-outline' },
        children: [
            meta: {
              title: '地图标记',
              hiddenHeaderContent: true,
              keepAlive: true
            }
          },
          {
            path: '/exception/403',
            name: 'Exception403',
            path: '/system-management/equipment-management',
            name: 'equipmentManagement',
            component: () =>
              import(
                /* webpackChunkName: "fail" */ './modules/ootb/exception/403.vue'
                /* webpackChunkName: "system-management" */ '@/modules/system-management/equipment-management.vue'
              ),
            meta: { title: '403', hiddenHeaderContent: true }
            meta: {
              title: '设备管理',
              hiddenHeaderContent: true,
              keepAlive: true
            }
          },
          {
            path: '/exception/404',
            name: 'Exception404',
            path: '/system-management/user-management',
            name: 'userManagement',
            component: () =>
              import(
                /* webpackChunkName: "fail" */ './modules/ootb/exception/404.vue'
                /* webpackChunkName: "system-management" */ '@/modules/system-management/user-management.vue'
              ),
            meta: { title: '404', hiddenHeaderContent: true }
            meta: {
              title: '用户管理',
              hiddenHeaderContent: true,
              keepAlive: true
            }
          },
          {
            path: '/exception/500',
            name: 'Exception500',
            path: '/system-management/role-management',
            name: 'roleManagement',
            component: () =>
              import(
                /* webpackChunkName: "fail" */ './modules/ootb/exception/500.vue'
                /* webpackChunkName: "system-management" */ '@/modules/system-management/role-management.vue'
              ),
            meta: { title: '500', hiddenHeaderContent: true }
            meta: {
              title: '角色管理',
              hiddenHeaderContent: true,
              keepAlive: true
            }
          },
          {
            path: '/exception/000',
            name: 'Exception000',
            path: '/system-management/menu-management',
            name: 'menuManagement',
            component: () =>
              import(
                /* webpackChunkName: "fail" */ './modules/ootb/exception/000.vue'
                /* webpackChunkName: "system-management" */ '@/modules/system-management/menu-management.vue'
              ),
            meta: { title: '000', hiddenHeaderContent: true }
          }
        ]
      },
      // account
      {
        path: '/account',
        name: 'account',
        meta: { title: '个人页', icon: 'user-outline' },
        component: () => import(/* webpackChunkName: "account" */ './modules/layouts/RouteView.vue'),
        redirect: '/account/center',
        children: [
          {
            path: '/account/center',
            name: 'AccountCenter',
            component: () => import('./modules/ootb/account/account-center.vue'),
            meta: { title: '个人中心', hiddenHeaderContent: true }
          },
          {
            path: '/account/settings',
            name: 'AccountSettings',
            component: () => import('./modules/ootb/account/account-setting/index.vue'),
            meta: { title: '个人设置', keepAlive: true },
            children: [
              {
                path: '/account/person-info',
                name: 'personInfo',
                component: () => import('./modules/ootb/account/account-setting/person-info.vue'),
                meta: { title: '个人资料修改', hiddenHeaderContent: true }
              },
              {
                path: '/account/security-setting',
                name: 'securitySetting',
                component: () => import('./modules/ootb/account/account-setting/security-setting.vue'),
                meta: { title: '安全设置', hiddenHeaderContent: true }
              },
              {
                path: '/account/notice-setting',
                name: 'noticeSetting',
                component: () => import('./modules/ootb/account/account-setting/notice-setting.vue'),
                meta: { title: '通知提醒设置', hiddenHeaderContent: true }
              },
              {
                path: '/account/account-bind',
                name: 'accountBind',
                component: () => import('./modules/ootb/account/account-setting/account-bind.vue'),
                meta: { title: '账号绑定', hiddenHeaderContent: true }
              }
            ]
            meta: {
              title: '菜单管理',
              hiddenHeaderContent: true,
              keepAlive: true
            }
          }
        ]
      },
      // 特色场景
      // 授权管理
      {
        path: '/features',
        path: '/authorization',
        component: () =>
          import(
            /* webpackChunkName: "features" */ '@/modules/layouts/RouteView.vue'
            /* webpackChunkName: "authorization" */ '@/modules/layouts/RouteView.vue'
          ),
        name: 'features',
        meta: { title: '特色场景', icon: 'heart-outline' },
        redirect: '/features/one',
        name: 'authorization',
        meta: { title: '报警救援', icon: 'heart-outline' },
        redirect: '/authorization/menu-authorization',
        children: [
          {
            path: '/features/one',
            name: 'FeaturesOne',
            path: '/authorization/menu-authorization',
            name: 'menuAuthorization',
            component: () =>
              import(
                /* webpackChunkName: "featureOne" */ '@/modules/ootb/feature/task.vue'
                /* webpackChunkName: "call-help-One" */ '@/modules/authorization/menu-authorization.vue'
              ),
            meta: {
              title: '看板',
              title: '菜单授权',
              hiddenHeaderContent: true,
              keepAlive: true
            }
          },
          {
            path: '/features/two',
            name: 'FeaturesTwo',
            path: '/authorization/role-authorization',
            name: 'roleAuthorization',
            component: () =>
              import(
                /* webpackChunkName: "featureTwo" */ '@/modules/ootb/feature/list.vue'
                /* webpackChunkName: "call-help-Two" */ '@/modules/authorization/role-authorization.vue'
              ),
            meta: {
              title: '文章列表',
              title: '角色授权',
              hiddenHeaderContent: true,
              keepAlive: true
            }
          }
        ]
      },
      // list
      {
        path: '/list',
        name: 'list',
        component: () =>
          import(
            /* webpackChunkName: "welcome" */ './modules/layouts/RouteView.vue'
          ),
        redirect: '/list/table-list',
        meta: { title: '列表页', icon: 'file-document-outline' },
        children: [
          {
            path: '/list/table-list',
            name: 'TableList',
            component: () =>
              import(
                /* webpackChunkName: "dashboard" */ './modules/ootb/list/table.vue'
              ),
            meta: { title: '查询表格' }
          }
        ]
      }
    ]
  },