首页完善

zpzgiser

2021-07-18 db733e6ac6c1767725d47bc39d8e96463c621a30

首页完善

 src/views/home/index.vue

@@ -56,39 +56,39 @@
          <div class="rightbottom"></div>
          <el-table :data="tableData" stripe ref="indexTable">
            <template v-if="curTableType === 'car'">
              <el-table-column :key="curTableType" type="index" label="序号" width="50">
              <el-table-column :key="curTableType"  type="index" label="序号" width="50">
              </el-table-column>
              <el-table-column :key="curTableType" prop="carNum" label="押运车辆车牌号" width="180">
              </el-table-column>
              <el-table-column :key="curTableType" prop="location" label="实时位置">
              <el-table-column :key="curTableType" show-overflow-tooltip prop="location" label="实时位置">
              </el-table-column>
              <el-table-column :key="curTableType" prop="company" label="所属公司">
              <el-table-column :key="curTableType" show-overflow-tooltip prop="company" label="所属公司">
              </el-table-column>
              <el-table-column :key="curTableType" prop="linkman" label="联系人"> </el-table-column>
              <el-table-column :key="curTableType" prop="tel" label="联系电话"> </el-table-column>
              <el-table-column :key="curTableType" show-overflow-tooltip prop="linkman" label="联系人"> </el-table-column>
              <el-table-column :key="curTableType" show-overflow-tooltip prop="tel" label="联系电话"> </el-table-column>
            </template>
            <template v-if="curTableType === 'peo'">
              <el-table-column :key="curTableType" type="index" label="序号" width="50">
              </el-table-column>
              <el-table-column :key="curTableType" prop="name" label="押运人员名称" width="180">
              <el-table-column :key="curTableType" show-overflow-tooltip prop="name" label="押运人员名称" width="180">
              </el-table-column>
              <el-table-column :key="curTableType" prop="location" label="实时位置">
              <el-table-column :key="curTableType" show-overflow-tooltip prop="location" label="实时位置">
              </el-table-column>
              <el-table-column :key="curTableType" prop="company" label="所属公司">
              <el-table-column :key="curTableType" show-overflow-tooltip prop="company" label="所属公司">
              </el-table-column>
              <el-table-column :key="curTableType" prop="tel" label="联系电话"> </el-table-column>
              <el-table-column :key="curTableType" show-overflow-tooltip prop="tel" label="联系电话"> </el-table-column>
              <el-table-column :key="curTableType" prop="bz" label="备注"> </el-table-column>
            </template>
            <template v-if="curTableType === 'gun'">
              <el-table-column :key="curTableType" type="index" label="序号" width="50">
              </el-table-column>
              <el-table-column :key="curTableType" prop="number" label="枪支编号" width="180">
              <el-table-column :key="curTableType" show-overflow-tooltip prop="number" label="枪支编号" width="180">
              </el-table-column>
              <el-table-column :key="curTableType" prop="location" label="实时位置">
              <el-table-column :key="curTableType" show-overflow-tooltip prop="location" label="实时位置">
              </el-table-column>
              <el-table-column :key="curTableType" prop="company" label="所属公司">
              <el-table-column :key="curTableType" show-overflow-tooltip prop="company" label="所属公司">
              </el-table-column>
              <el-table-column :key="curTableType" prop="linkman" label="负责人"> </el-table-column>
              <el-table-column :key="curTableType" show-overflow-tooltip prop="linkman" label="负责人"> </el-table-column>
              <el-table-column :key="curTableType" prop="tel" label="联系电话"> </el-table-column>
            </template>
          </el-table>
@@ -312,50 +312,50 @@
        curLayer = this.carVectorLayer;
        imgUrl = car;
        geoData = [
          [115.759941, 28.89309],
          [115.757056, 28.895082],
          [115.755648, 28.897737],
          [115.75487, 28.904896],
          [115.750814, 28.910861],
          [115.742915, 28.916431],
          [115.740537, 28.918827],
          [115.738363, 28.928465],
          [115.734182, 28.930418],
          [115.729585, 28.93114]
          [115.838082,28.716823],
          [115.91627,28.794341],
          [115.821984,28.658519],
          [115.870277,28.633159],
          [115.960539,28.678295],
          [115.981811,28.611852],
          [115.924894,28.738615],
          [115.876745,28.656364],
          [115.845412,28.652814],
          [115.940992,28.660548]
        ];
        this.tableData = [
          {
            carNum: "赣A2A232",
            location: "红谷滩",
            company: "保安公司",
            location: "南昌市红谷滩区清远路与瑞金路交叉路口往北约90米",
            company: "江西省卫民保安服务有限公司",
            linkman: "李琳",
            tel: "18928374611"
          },
          {
            carNum: "赣A3A232",
            location: "青云谱区",
            company: "保安公司",
            carNum: "赣BA6232",
            location: "顺外路1007",
            company: "南昌市公安局保安护卫公司",
            linkman: "王琦",
            tel: "13932743923"
          },
          {
            carNum: "赣A2B232",
            location: "红谷滩",
            company: "保安公司",
            carNum: "赣A2B297",
            location: "南昌市高新区绿地玫瑰城南昌高新区101智慧大厦二楼",
            company: "江西高创保安服务技术有限公司",
            linkman: "李梦",
            tel: "13214561324"
          },
          {
            carNum: "赣B2E232",
            location: "红谷滩",
            company: "保安公司",
            carNum: "赣B2E775",
            location: "江西省南昌市红谷滩区会展路莱蒙都会写字楼5A栋1110室",
            company: "江西海豹保安服务有限公司南昌分公司",
            linkman: "张强",
            tel: "13372889288"
          },
          {
            carNum: "赣B2E252",
            location: "红谷滩",
            company: "保安公司",
            carNum: "赣BF9252",
            location: "南昌市西湖区广场南路恒茂国际华城西南侧约90米",
            company: "南昌县神州保安分公司长运中队",
            linkman: "赵青",
            tel: "18937281746"
          }
@@ -364,57 +364,57 @@
        curLayer = this.peoVectorLayer;
        imgUrl = peo;
        geoData = [
          [115.726802, 28.929966],
          [115.726306, 28.920866],
          [115.723726, 28.917826],
          [115.719647, 28.916816],
          [115.714486, 28.91849],
          [115.708041, 28.921607],
          [115.700649, 28.920751],
          [115.69488, 28.922982],
          [115.683128, 28.924531],
          [115.678677, 28.923011]
          [115.8835,28.622126],
          [115.861222,28.61477],
          [115.861653,28.640514],
          [115.917133,28.611852],
          [115.923888,28.602593],
          [115.89658,28.59828],
          [115.863091,28.597645],
          [115.979224,28.666379],
          [115.958239,28.610584],
          [115.867115,28.631638]
        ];
        this.tableData = [
          {
            name: "张青",
            location: "红谷滩",
            company: "保安公司",
            location: "江西省南昌市南昌县向阳路807号",
            company: "南昌市赣洪保安服务有限公司",
            tel: "19876223615",
            bz: ""
          },
          {
            name: "王桂林",
            location: "红谷滩",
            company: "保安公司",
            location: "南昌市南昌县斗南路莲塘四小西南侧约150米",
            company: "江西天网保安公司",
            tel: "18723982376",
            bz: ""
          },
          {
            name: "王蒙",
            location: "红谷滩",
            company: "保安公司",
            location: "丰和南大道2111号世茂新城A-12地块商业4-8号商业楼401室",
            company: "南昌赛夫保安服务有限公司",
            tel: "18909872345",
            bz: ""
          },
          {
            name: "李嘉",
            location: "红谷滩",
            company: "保安公司",
            location: "新建大道463",
            company: "新建区公安局保安服务公司",
            tel: "13315276390",
            bz: ""
          },
          {
            name: "李林",
            location: "红谷滩",
            company: "保安公司",
            location: "江西省南昌市青云谱区洪都南大道东50米凯旋国际大厦",
            company: "江西蓝盾保安服务有限公司",
            tel: "19108372654",
            bz: ""
          },
          {
            name: "张国庆",
            location: "红谷滩",
            company: "保安公司",
            location: "江西省南昌市红谷滩区金融大街君成商厦1单元三楼",
            company: "华远卫士保安公司",
            tel: "13187234523",
            bz: ""
          }
@@ -423,58 +423,58 @@
        curLayer = this.gunVectorLayer;
        imgUrl = gun;
        geoData = [
          [115.67702, 28.923656],
          [115.674372, 28.927773],
          [115.666361, 28.928937],
          [115.663882, 28.93339],
          [115.664626, 28.936632],
          [115.671646, 28.940989],
          [115.674091, 28.941672],
          [115.678384, 28.940729],
          [115.681877, 28.943114],
          [115.682857, 28.946865],
          [115.680694, 28.948442]
          [115.867115,28.631638],
          [115.867115,28.631638],
          [115.879548,28.713338],
          [115.904844,28.700032],
          [115.845628,28.679373],
          [115.831973,28.690654],
          [115.814726,28.660611],
          [115.868912,28.638168],
          [115.762121,28.632589],
          [115.78483,28.58794],
          [115.812139,28.655159]
        ];
        this.tableData = [
          {
            number: "Q1311",
            location: "红谷滩",
            company: "保安公司",
            location: "红谷滩新区唐宁街b座",
            company: "鹏盛保安服务有限公司",
            linkman: "张强",
            tel: "13782143412"
          },
          {
            number: "Q2111",
            location: "红谷滩",
            company: "保安公司",
            location: "子安路89号银田大厦",
            company: "江西安泰保安服务有限公司",
            linkman: "张强",
            tel: "13999999999"
          },
          {
            number: "Q2141",
            location: "红谷滩",
            company: "保安公司",
            location: "南昌市进贤县人民大道(豪景壹品)",
            company: "江西省天网保安服务有限公司进贤分公司",
            linkman: "张强",
            tel: "13999999999"
          },
          {
            number: "Q1321",
            location: "红谷滩",
            company: "保安公司",
            location: "站前西路176号公交公司",
            company: "顺安保安服务有限公司",
            linkman: "张强",
            tel: "13999999999"
          },
          {
            number: "Q1111",
            location: "红谷滩",
            company: "保安公司",
            location: "南昌市西湖区八一大道长运大厦东侧约60米",
            company: "江西长运股份有限公司保安大队",
            linkman: "张强",
            tel: "13999999999"
          },
          {
            number: "Q1331",
            location: "红谷滩",
            company: "保安公司",
            location: "南昌市西湖区三眼井街南昌市第十八中学北侧约150米",
            company: "杭州振杰保安服务(江西分公司)",
            linkman: "张强",
            tel: "13789233124"
          }

 src/views/home/indexEchart.js

@@ -47,6 +47,12 @@
      type: "value",
      axisLabel: {
        color: "#fff"
      },
      axisLine: {
        show: true
      },
      splitLine: {
        show: false
      }
    },
    yAxis: {
@@ -63,9 +69,6 @@
        stack: "total",
        barMinWidth: 20,
        barMaxWidth: 40,
        label: {
          show: true
        },
        emphasis: {
          focus: "series"
        },
@@ -75,9 +78,6 @@
        name: "保安培训公司",
        type: "bar",
        stack: "total",
        label: {
          show: true
        },
        emphasis: {
          focus: "series"
        },
@@ -87,9 +87,6 @@
        name: "保安服务公司",
        type: "bar",
        stack: "total",
        label: {
          show: true
        },
        emphasis: {
          focus: "series"
        },
@@ -99,9 +96,6 @@
        name: "武装守押公司",
        type: "bar",
        stack: "total",
        label: {
          show: true
        },
        emphasis: {
          focus: "series"
        },
@@ -157,7 +151,13 @@
      axisLabel: {
        color: "#fff"
      },
      boundaryGap: [0, 0.01]
      boundaryGap: [0, 0.01],
      axisLine: {
        show: true
      },
      splitLine: {
        show: false
      }
    },
    yAxis: {
      type: "category",
@@ -174,9 +174,6 @@
        barMinWidth: 20,
        barMaxWidth: 40,
        stack: "total",
        label: {
          show: true
        },
        emphasis: {
          focus: "series"
        },
@@ -186,9 +183,6 @@
        name: "未持证人数",
        type: "bar",
        stack: "total",
        label: {
          show: true
        },
        emphasis: {
          focus: "series"
        },
@@ -447,7 +441,7 @@
            name: "",
            itemStyle: {
              color: "rgba(0,0,0,0)",
              borderWidth: 0,
              borderWidth: 0
            },
            tooltip: {
              show: false
@@ -484,16 +478,28 @@

    legend: {
      right: "2%",
      top:'3%',
      top: "3%",
      //   icon: "circle",
      itemHeight: 10,
      show: true,
      data: ["新建县", "安义县", "红谷滩新区", "西湖区",'东湖区','经开区','青云谱区','高新区','湾里区','进贤县','青山湖区'],
      data: [
        "新建县",
        "安义县",
        "红谷滩新区",
        "西湖区",
        "东湖区",
        "经开区",
        "青云谱区",
        "高新区",
        "湾里区",
        "进贤县",
        "青山湖区"
      ],
      selectedMode: false,
      textStyle: {
        color: "#fff"
      },
      orient:'vertical'
      orient: "vertical"
    },
    grid: {
      top: "5%",