首页部分逻辑处理

shuishen

2021-07-14 4b7bd629df45b7ad68c2ffb14861cec75dce8aea

首页部分逻辑处理

 src/mock/menu.js

@@ -1,8 +1,8 @@
import Mock from 'mockjs'

const top = [{
  label: "保安人员管理",
  path: "/register/index",
  label: "首页",
  path: "/wel",
  icon: 'el-icon-menu',
  meta: {
    i18n: 'dashboard',

 src/page/login/userlogin.vue

@@ -137,7 +137,7 @@
              spinner: "el-icon-loading"
            });
            this.$store.dispatch("LoginByUsername", this.loginForm).then(() => {
              this.$router.push({path: this.tagWel.value});
              this.$router.push({path: '/wel'});
              loading.close();
            }).catch(() => {
              loading.close();

 src/views/home/index.vue

@@ -2,7 +2,9 @@
  <div class="bajgxt-home">
    <div class="head-title">
      <span>保安监管系统可视化平台</span>
      <img src="../../../public/img/bajgxt/linkimg.png" title="进入系统" />
            <img src="../../../public/img/bajgxt/linkimg.png"
                 @click.stop="goSystemHome"
                 title="进入系统" />
    </div>
    <div class="content">
      <div class="left">
@@ -24,22 +26,28 @@
      <div class="middle">
        <div class="mapimg">
          <!-- <div></div> -->
          <div class="mapBtn" @click="getTableData('car')">
            <img src="../../../public/img/bajgxt/car.png" alt="" />
                    <div class="mapBtn"
                         @click="getTableData('car')">
                        <img src="../../../public/img/bajgxt/car.png"
                             alt="" />
            <div class="text">
              <span>押运车辆</span>
              <span>700</span>
            </div>
          </div>
          <div class="mapBtn" @click="getTableData('peo')">
            <img src="../../../public/img/bajgxt/peo.png" alt="" />
                    <div class="mapBtn"
                         @click="getTableData('peo')">
                        <img src="../../../public/img/bajgxt/peo.png"
                             alt="" />
            <div class="text">
              <span>保安员</span>
              <span>700</span>
            </div>
          </div>
          <div class="mapBtn" @click="getTableData('gun')">
            <img src="../../../public/img/bajgxt/gun.png" alt="" />
                    <div class="mapBtn"
                         @click="getTableData('gun')">
                        <img src="../../../public/img/bajgxt/gun.png"
                             alt="" />
            <div class="text">
              <span>枪支</span>
              <span>700</span>
@@ -53,51 +61,45 @@
          <div class="leftbottom"></div>
          <div class="righttop"></div>
          <div class="rightbottom"></div>
          <el-table :data="tableData" stripe>
            <el-table-column type="index" label="序号" width="50">
                    <el-table :data="tableData"
                              stripe>
                        <el-table-column type="index"
                                         label="序号"
                                         width="50">
            </el-table-column>
            <el-table-column
              v-if="curTableType === 'car'"
                        <el-table-column v-if="curTableType === 'car'"
              prop="carNum"
              label="押运车辆车牌号"
              width="180"
            >
                                         width="180">
            </el-table-column>
            <el-table-column
              v-if="curTableType === 'peo'"
                        <el-table-column v-if="curTableType === 'peo'"
              prop="name"
              label="押运人员名称"
              width="180"
            >
                                         width="180">
            </el-table-column>
            <el-table-column
              v-if="curTableType === 'gun'"
                        <el-table-column v-if="curTableType === 'gun'"
              prop="number"
              label="枪支编号"
              width="180"
            >
                                         width="180">
            </el-table-column>
            <el-table-column prop="location" label="实时位置">
                        <el-table-column prop="location"
                                         label="实时位置">
            </el-table-column>
            <el-table-column prop="company" label="所属公司"> </el-table-column>
            <el-table-column
              v-if="curTableType === 'car'"
                        <el-table-column prop="company"
                                         label="所属公司"> </el-table-column>
                        <el-table-column v-if="curTableType === 'car'"
              prop="linkman"
              label="联系人"
            >
                                         label="联系人">
            </el-table-column>
            <el-table-column
              v-if="curTableType === 'gun'"
                        <el-table-column v-if="curTableType === 'gun'"
              prop="linkman"
              label="负责人"
            >
                                         label="负责人">
            </el-table-column>
            <el-table-column prop="tel" label="联系电话"> </el-table-column>
            <el-table-column
              v-if="curTableType === 'peo'"
                        <el-table-column prop="tel"
                                         label="联系电话"> </el-table-column>
                        <el-table-column v-if="curTableType === 'peo'"
              prop="bz"
              label="备注"
            >
                                         label="备注">
            </el-table-column>
          </el-table>
        </div>
@@ -108,18 +110,15 @@
            <img src="../../../public/img/bajgxt/icon2.png" />
            <span>保安员预警统计</span>
            <el-select v-model="value1">
              <el-option
                v-for="item in options1"
                            <el-option v-for="item in options1"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
                                       :value="item.value">
              </el-option>
            </el-select>
          </div>
          <div class="card-text">
            <span>现实表现差</span><span>902,432</span><span>起</span
            ><span>审查情况</span><span>22222</span><span>起</span>
                        <span>现实表现差</span><span>902,432</span><span>起</span><span>审查情况</span><span>22222</span><span>起</span>
          </div>
          <div id="right1Echart"></div>
        </div>
@@ -127,19 +126,17 @@
          <div class="title-pane1">
            <img src="../../../public/img/bajgxt/icon2.png" />
            <span>保安公司预警统计</span>
            <el-select v-model="value2" placeholder="请选择">
              <el-option
                v-for="item in options2"
                        <el-select v-model="value2"
                                   placeholder="请选择">
                            <el-option v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
                                       :value="item.value">
              </el-option>
            </el-select>
          </div>
          <div class="card-text">
            <span>未缴纳社保情况</span><span>902,432</span><span>起</span
            ><span>未持证情况</span><span>22222</span><span>起</span>
                        <span>未缴纳社保情况</span><span>902,432</span><span>起</span><span>未持证情况</span><span>22222</span><span>起</span>
          </div>
          <div id="right2Echart"></div>
        </div>
@@ -433,6 +430,10 @@
      //   })
      // });
      // this.map.addLayer(offlineMapLayer);
        },

        goSystemHome () {
            this.$router.push({ path: '/register/index' });
    }
  },
  mounted() {
@@ -444,7 +445,7 @@
</script>

<style lang="scss" scoped>
@import "./index.scss";
@import './index.scss';
/deep/ .el-select-dropdown {
  border: 1px solid #9199ab;
  background-color: #022c53;