up

package.json

@@ -17,7 +17,7 @@
     "@smallwei/avue": "^2.9.15",
     "axios": "0.18.1",
     "core-js": "3.6.5",
-    "echarts": "^4.2.1",
+    "echarts": "^4.9.0",
     "element-ui": "2.13.2",
     "js-cookie": "2.2.0",
     "less-loader": "^5.0.0",

src/components/LxHeader/index.vue

@@ -40,12 +40,12 @@ export default {
     // padding-top: 10px;
     font-weight: bold;
     font-size: 15px;
-    color: #444140;
+    color: #147d38;
     white-space: nowrap;
-    border-bottom: 2px solid #444140;
+    border-bottom: 2px solid #147d38;
     > span {
       position: relative;
-      
+
     }
   }
   .content {

src/components/XyTable/index.vue

@@ -645,13 +645,19 @@ export default {
               ["expand-change"]: this.expandChange,
             }}
           >
+          <el-table-column
+                type="index"
+                width="50"
+                align="center"
+                fixed='left'>
+          </el-table-column>
             {this.tableFormat.map((item, index) => {
               if ($scopedSlots[item.prop]) {
                 return $scopedSlots[item.prop](item, index);
               }
               return (
                 <el-table-column
-                  key={String(Math.random())+index}
+                  key={Number(Math.random())+index}
                   type={item.type}
                   index={item.index}
                   column-key={String(Math.random())}

src/layout/components/Sidebar/Logo.vue

@@ -6,7 +6,8 @@
           <img src="../../../assets/logo-mini.png?v=1" class="sidebar-logo">
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
-        <img src="../../../assets/logo.png?v=2" class="sidebar-name-logo" />
+        <img src="../../../assets/logo.png?v=2" class="sidebar-name-logo" />
+        <img src="../../../assets/logo-title.png?v=2" class="sidebar-name-logo-title" />
       </router-link>
     </transition>
   </div>
@@ -35,10 +36,14 @@
     transition: opacity 1.5s;
   }
   .sidebar-name-logo {
-    width: 160px;
-    height: 36px;
+        width: 59px;
+        height: 47px;
+        margin-right: -7px;
+  }
+  .sidebar-name-logo-title {
+        width: 147px;
+        height: 27px;
   }
-
   .sidebarLogoFade-enter,
   .sidebarLogoFade-leave-to {
     opacity: 0;
@@ -61,8 +66,8 @@
       align-items: center;
 
       & .sidebar-logo {
-        width: 38px;
-        height: 38px;
+        width: 59px;
+        height: 47px;
         vertical-align: middle;
         margin-right: 12px;
       }

src/permission.js

@@ -8,7 +8,7 @@ import getPageTitle from '@/utils/get-page-title'
 
 NProgress.configure({ showSpinner: false }) // NProgress Configuration
 
-const whiteList = ['/login'] // no redirect whitelist
+const whiteList = ['/login','/jsc'] // no redirect whitelist
 
 router.beforeEach(async(to, from, next) => {
   // start progress bar

src/router/index.js

@@ -40,6 +40,11 @@ export const constantRoutes = [{
     path: '/404',
     component: () => import('@/views/404'),
     hidden: true
+  },
+  {
+    path: '/jsc',
+    component: () => import('@/views/jsc/index'),
+    hidden: true
   },
 
   {

src/settings.js

@@ -1,6 +1,6 @@
 module.exports = {
 
-  title: '朗业基础平台',
+  title: '金坛区残联综合信息管理平台',
 
   /**
    * @type {boolean} true | false

src/styles/element-variables.scss

@@ -1,5 +1,5 @@
 /* 改变主题色变量 */
-$--color-primary: #444140;
+$--color-primary: #147d38;
 
 /* 改变 icon 字体路径变量，必需 */
 $--font-path: '~element-ui/lib/theme-chalk/fonts';

src/styles/sidebar.scss

@@ -11,7 +11,7 @@
     transition: width 0.28s;
     width: $sideBarWidth !important;
     //background-color: $menuBg;
-    background: linear-gradient(180deg, #d70c25, #ec5669);
+    background: linear-gradient(180deg, #147d38, #147d38);
     box-shadow: 1px 1px 15px 0px rgba(17, 76, 157, 0.2);
     height: 100%;
     position: fixed;

src/styles/viewui-mine.less

@@ -1,4 +1,4 @@
 @import '~view-design/src/styles/index.less';
 
 // Here are the variables to cover, such as:
-@primary-color: #444140;
+@primary-color: #147d38;

src/utils/auth.js

@@ -1,6 +1,6 @@
 import Cookies from 'js-cookie'
 
-const TokenKey = 'sishitongtang_token'
+const TokenKey = 'jintan_canlian_token'
 
 export function getToken() {
   return Cookies.get(TokenKey)

src/views/dashboard/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
 
-    <div class="statistics">
+    <!-- <div class="statistics">
       <panel-group :totaldata="list" />
     </div>
 
@@ -14,7 +14,7 @@
         <div class="chartItemTitle">客户与订单</div>
         <div id="line-chart"></div>
       </div>
-    </div>
+    </div> -->
   </div>
 </template>
 
@@ -180,7 +180,7 @@
     },
     created() {
 
-      this.loadData();
+      // this.loadData();
     },
     mounted() {
 

src/views/jsc/components/SacleBox.vue

@@ -0,0 +1,81 @@
+<template>
+  <div
+    class="ScaleBox"
+    ref="ScaleBox"
+    :style="{
+      width: width + 'px',
+      height: height + 'px',
+    }"
+  >
+    <slot></slot>
+  </div>
+</template>
+ 
+<script>
+export default {
+  name: "ScaleBox",
+  props: {},
+  data() {
+    return {
+      scale: 0,
+      width: 1920,
+      height: 1080,
+    };
+  },
+  mounted() {
+    this.setScale();
+    window.addEventListener("resize", this.debounce(this.setScale));
+  },
+  methods: {
+    getScale() {
+      // 固定好16：9的宽高比，计算出最合适的缩放比
+      const { width, height } = this;
+      const wh = window.innerHeight / height;
+      const ww = window.innerWidth / width;
+      console.log(ww < wh ? ww : wh);
+      return ww < wh ? ww : wh;
+    },
+    setScale() {
+      // 获取到缩放比例，设置它
+      this.scale = this.getScale();
+      if (this.$refs.ScaleBox) {
+        this.$refs.ScaleBox.style.setProperty("--scale", this.scale);
+      }
+    },
+    debounce(fn, delay) {
+      const delays = delay || 500;
+      let timer;
+      return function () {
+        const th = this;
+        const args = arguments;
+        if (timer) {
+          clearTimeout(timer);
+        }
+        timer = setTimeout(function () {
+          timer = null;
+          fn.apply(th, args);
+        }, delays);
+      };
+    },
+  },
+};
+</script>
+ 
+<style lang="scss">
+#ScaleBox {
+  --scale: 1;
+}
+.ScaleBox {
+  position: absolute;
+  transform: scale(var(--scale)) translate(-50%, -50%);
+  display: flex;
+  flex-direction: column;
+  transform-origin: 0 0;
+  left: 50%;
+  top: 50%;
+  transition: 0.3s;
+  z-index: 999;
+  // background: rgba(255, 0, 0, 0.3);
+}
+</style>
+ 

src/views/jsc/components/echartsLine.vue

@@ -0,0 +1,65 @@
+<template>
+  <div style="width:100%;height:100%" ref="chartsDOM">
+
+  </div>
+</template>
+
+<script>
+  import * as echarts from 'echarts';
+  export default {
+    data() {
+      return {
+        myChart: null
+      }
+    },
+    mounted() {
+      this.initEchartsMap()
+    },
+    methods: {
+      initEchartsMap() {
+        this.myChart = echarts.init(this.$refs["chartsDOM"]);
+        var option = {
+          color: ['#00ffff'],
+          tooltip: {
+            trigger: 'axis',
+            axisPointer: { // 坐标轴指示器，坐标轴触发有效
+              type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
+            }
+          },
+          grid: {
+            left: '3%',
+            right: '4%',
+            bottom: '2%',
+            top:"8%",
+            containLabel: true
+          },
+          xAxis: [{
+            type: 'category',
+            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+            axisTick: {
+              alignWithLabel: true
+            }
+          }],
+          yAxis: [{
+            type: 'value'
+          }],
+          series: [{
+            name: '人数',
+            type: 'bar',
+            barWidth: '60%',
+            data: [10, 52, 200, 334, 390, 330, 220]
+          }]
+        };
+        this.myChart.setOption(option);
+      },
+      resetCharts() {
+        this.myChart.resize()
+      }
+    }
+
+
+  }
+</script>
+
+<style>
+</style>

src/views/jsc/components/echartsMap.vue

@@ -0,0 +1,174 @@
+<template>
+  <div style="width:100%;height:100%" class='chart' id='chart'></div>
+</template>
+
+<script>
+  // import '../../../../node_modules/echarts/map/js/china.js' // 引入中国地图
+  import * as echarts from 'echarts';
+  import jtmap from './jtmap.json';
+
+  export default {
+    data() {
+      return {
+        myChart: null,
+        hookToolTip: {}
+      }
+    },
+    mounted() {
+      this.drawChart()
+
+    },
+    created() {
+
+    },
+    watch: {
+      hookToolTip: {
+        handler(newVal, oldVal) {
+          let tooltipButton = document.querySelector(".mapsshow" + newVal.data.id)
+          let that = this
+          tooltipButton.addEventListener('click', function() {
+            that.showInfo(newVal.data.id)
+          })
+
+        }
+      },
+    },
+    methods: {
+      showInfo(id) {
+        console.log("id", id)
+      },
+      resetCharts() {
+        this.myChart.resize()
+      },
+      drawChart() {
+        let that = this
+        // 基于准备好的dom，初始化echarts实例
+        this.myChart = echarts.init(document.getElementById('chart'))
+        echarts.registerMap('GX', jtmap);
+        // 绘制图表
+        this.myChart.setOption({
+          // 提示框组件
+          tooltip: {
+            trigger: 'item', // 触发类型, 数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用
+            position: 'right',
+            enterable: true,
+            triggerOn: 'click',
+            formatter: function(val) {
+              that.hookToolTip = val;
+              if (!val.data) {
+                return
+              }
+              return '<div><p>' + val.data.name + '</p><p class="mapsshow' + val.data.id +
+                '" style="color:red">查看详情</p><div>'
+            }
+          },
+          series: [{
+            map: 'china',
+            type: 'map',
+            map: 'GX',
+            // aspectScale: 0.9,
+            roam: false,
+
+            label: {
+              show: true,
+              textStyle: {
+                color: '#fff',
+                fontSize: 12,
+              }
+            },
+
+            itemStyle: {
+              normal: {
+                borderColor: '#0AAEB0', // 图形的描边颜色 #0AAEB0
+                borderWidth: 1, // 描边线宽。
+                borderType: 'solid', // 柱条的描边类型。
+                areaColor: '#233F53', // 图形的颜色 #233F53
+                shadowBlur: 5, // 图形阴影的模糊大小。
+                shadowColor: '#233F53', // 阴影色 #233F53
+                shadowOffsetX: 5, // X轴阴影
+                shadowOffsetY: 5, // Y轴阴影
+
+                label: {
+                  show: false, // 显示区域名称
+                  textStyle: {
+                    color: '#fff',
+                    fontSize: 12,
+                  },
+                }
+              },
+              // 鼠标移入时
+              emphasis: {
+                borderColor: '#2378f7', // 图形的描边颜色 #2378f7
+                borderWidth: '1',
+                areaColor: '#233F53', // 阴影色 #233F53
+                label: {
+                  show: false,
+                  textStyle: {
+                    color: '#fff',
+                    fontSize: 14,
+                  }
+                }
+              },
+
+              effect: {
+                show: true,
+                shadowBlur: 10,
+                loop: true,
+              }
+            },
+
+            markPoint: {
+              symbol: 'image://' + require('@/assets/logo-mini.png'), // 自定义图片路径
+              symbolSize: [28, 49], // 图片大小
+              label: {
+                position: 'bottom',
+                color: "#fff",
+                textAlign: "center",
+                padding: [4, 7],
+                borderWidth: 2, // 图形描边的宽度。
+                borderColor: "#fff", // 边框颜色
+                backgroundColor: 'green', // 背景色
+                formatter(val) {
+                  return val.name
+                }
+              },
+
+              // coord数组存放地址坐标
+              data: [{
+                  name: '张三',
+                  coord: [119.420551, 31.600407],
+                  value: '2154',
+                  id: 1
+                },
+                {
+                  name: '李四',
+                  coord: [119.321608, 31.70714],
+                  value: '1560',
+                  id: 2
+                },
+                {
+                  name: '王伍',
+                  coord: [119.3297, 31.724295],
+                  value: '2424',
+                  id: 3
+                }
+              ]
+            }
+          }]
+        })
+
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .chart {
+    /* width: 100%;
+    height: 100%; */
+    /* margin: 100px 50px 0; */
+    /* border: 1px solid #eeeeee; */
+    /* background: url(../../public/static/bg.png) no-repeat; */
+    background-size: 100% 100%;
+  }
+</style>

src/views/jsc/components/echartsMap1.vue

@@ -0,0 +1,49 @@
+<template>
+    <div style="width:100%;height:100%" ref="chartsDOM">
+
+    </div>
+</template>
+
+<script>
+  import * as echarts from 'echarts';
+  import jtmap from './jtmap.json';
+  export default{
+    data(){
+      return{
+        // jtmap:jtmap
+        myChart:null
+      }
+    },
+     mounted() {
+        // 初始化统计图对象
+        this.initEchartsMap()
+      },
+      methods:{
+        initEchartsMap(){
+          this.myChart = echarts.init(this.$refs["chartsDOM"]);
+          echarts.registerMap('GX', jtmap);
+          var option = {
+            series: [
+              {
+                name: '金坛地图',
+                type: 'map',
+                map: 'GX',// 这个是上面注册时的名字哦，registerMap（'这个名字保持一致'）
+                label: {
+                  show: true
+                }
+              }
+            ]
+          }
+          this.myChart.setOption(option);
+        },
+        resetCharts(){
+          this.myChart.resize()
+        }
+      }
+
+
+  }
+</script>
+
+<style>
+</style>

src/views/jsc/components/echartsPie.vue

@@ -0,0 +1,90 @@
+<template>
+  <div style="width:100%;height:100%" ref="chartsDOM">
+
+  </div>
+</template>
+
+<script>
+  import * as echarts from 'echarts';
+  export default {
+    props:{
+      radiusType:{
+        type:[Array,String],
+        default:'50%'
+      }
+    },
+    data() {
+      return {
+        myChart: null,
+
+      }
+    },
+    mounted() {
+      this.initEchartsMap()
+    },
+    methods: {
+      initEchartsMap() {
+        this.myChart = echarts.init(this.$refs["chartsDOM"]);
+        var option = {
+          // title: {
+          //   text: '某站点用户访问来源',
+          //   subtext: '纯属虚构',
+          //   left: 'center'
+          // },
+          tooltip: {
+            trigger: 'item',
+            formatter: '{a} <br/>{b} : {c} ({d}%)'
+          },
+          // legend: {
+          //   orient: 'vertical',
+          //   left: 'left',
+          //   data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
+          // },
+          series: [{
+            name: '访问来源',
+            type: 'pie',
+            radius: this.radiusType,
+            center: ['50%', '60%'],
+            data: [{
+                value: 335,
+                name: '直接访问'
+              },
+              {
+                value: 310,
+                name: '邮件营销'
+              },
+              {
+                value: 234,
+                name: '联盟广告'
+              },
+              {
+                value: 135,
+                name: '视频广告'
+              },
+              {
+                value: 1548,
+                name: '搜索引擎'
+              }
+            ],
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }]
+        };
+        this.myChart.setOption(option);
+      },
+      resetCharts() {
+        this.myChart.resize()
+      }
+    }
+
+
+  }
+</script>
+
+<style>
+</style>

src/views/jsc/components/jtmap.json

@@ -0,0 +1,525 @@
+{
+  "type": "FeatureCollection",
+  "features": [{
+    "type": "Feature",
+    "properties": {
+      "adcode": 320413,
+      "name": "金坛区",
+      "center": [119.573395, 31.744399],
+      "centroid": [119.509004, 31.717248],
+      "childrenNum": 0,
+      "level": "district",
+      "acroutes": [100000, 320000, 320400],
+      "parent": {
+        "adcode": 320400
+      }
+    },
+    "geometry": {
+      "type": "MultiPolygon",
+      "coordinates": [
+        [
+          [
+            [119.321999, 31.684177],
+            [119.322632, 31.683709],
+            [119.324172, 31.683081],
+            [119.326844, 31.682414],
+            [119.327738, 31.681669],
+            [119.328061, 31.680433],
+            [119.329094, 31.679266],
+            [119.330679, 31.678818],
+            [119.334393, 31.678007],
+            [119.338637, 31.676968],
+            [119.341542, 31.675689],
+            [119.344753, 31.675362],
+            [119.352769, 31.677664],
+            [119.354327, 31.676588],
+            [119.353555, 31.67344],
+            [119.353128, 31.666998],
+            [119.354475, 31.662326],
+            [119.352908, 31.661577],
+            [119.349014, 31.662911],
+            [119.341151, 31.668404],
+            [119.337375, 31.670265],
+            [119.333189, 31.669559],
+            [119.33067, 31.667374],
+            [119.331052, 31.665788],
+            [119.333468, 31.661999],
+            [119.336158, 31.658856],
+            [119.342463, 31.653421],
+            [119.344331, 31.649444],
+            [119.345054, 31.644944],
+            [119.34588, 31.643393],
+            [119.35095, 31.640165],
+            [119.352733, 31.637617],
+            [119.355782, 31.635308],
+            [119.36034, 31.631075],
+            [119.367071, 31.628906],
+            [119.372258, 31.626695],
+            [119.372554, 31.626744],
+            [119.378379, 31.628432],
+            [119.37903, 31.62907],
+            [119.380611, 31.633607],
+            [119.381585, 31.634965],
+            [119.38419, 31.634706],
+            [119.386017, 31.633967],
+            [119.388101, 31.632119],
+            [119.390567, 31.627765],
+            [119.393373, 31.626904],
+            [119.400145, 31.626031],
+            [119.400805, 31.625809],
+            [119.402853, 31.624052],
+            [119.407424, 31.619063],
+            [119.408848, 31.618176],
+            [119.40984, 31.616881],
+            [119.410756, 31.613131],
+            [119.412872, 31.608672],
+            [119.413159, 31.608302],
+            [119.416073, 31.605694],
+            [119.419172, 31.603869],
+            [119.420483, 31.602128],
+            [119.420551, 31.600407],
+            [119.422095, 31.595894],
+            [119.423999, 31.594382],
+            [119.428387, 31.589608],
+            [119.430457, 31.588976],
+            [119.439654, 31.589048],
+            [119.443421, 31.587762],
+            [119.445335, 31.58554],
+            [119.445784, 31.583197],
+            [119.445716, 31.580045],
+            [119.445887, 31.579685],
+            [119.448051, 31.577813],
+            [119.449646, 31.577021],
+            [119.450113, 31.576919],
+            [119.452735, 31.576913],
+            [119.463558, 31.579701],
+            [119.475619, 31.580048],
+            [119.475979, 31.579855],
+            [119.478386, 31.576094],
+            [119.479701, 31.575351],
+            [119.479975, 31.574896],
+            [119.481466, 31.574432],
+            [119.481915, 31.573977],
+            [119.490228, 31.572955],
+            [119.49647, 31.57271],
+            [119.499797, 31.573964],
+            [119.502348, 31.574382],
+            [119.504854, 31.575355],
+            [119.530967, 31.57033],
+            [119.541246, 31.569289],
+            [119.545561, 31.569181],
+            [119.551741, 31.568137],
+            [119.560628, 31.563446],
+            [119.563668, 31.562736],
+            [119.567723, 31.562409],
+            [119.580153, 31.564821],
+            [119.584554, 31.564167],
+            [119.584971, 31.564009],
+            [119.58886, 31.561698],
+            [119.591429, 31.562369],
+            [119.594923, 31.564582],
+            [119.595192, 31.56491],
+            [119.596988, 31.569142],
+            [119.598021, 31.570111],
+            [119.603262, 31.569653],
+            [119.607398, 31.570186],
+            [119.610608, 31.569175],
+            [119.613743, 31.566049],
+            [119.615557, 31.563522],
+            [119.616015, 31.559947],
+            [119.615705, 31.558709],
+            [119.617789, 31.559364],
+            [119.620304, 31.559639],
+            [119.623595, 31.559564],
+            [119.626375, 31.559744],
+            [119.627929, 31.559917],
+            [119.630781, 31.563679],
+            [119.637651, 31.568216],
+            [119.640651, 31.569086],
+            [119.640938, 31.569296],
+            [119.644446, 31.572955],
+            [119.645011, 31.57395],
+            [119.646785, 31.577682],
+            [119.644845, 31.580647],
+            [119.642842, 31.582038],
+            [119.642685, 31.582362],
+            [119.642492, 31.588669],
+            [119.642313, 31.58894],
+            [119.640049, 31.590796],
+            [119.641131, 31.592857],
+            [119.641244, 31.596176],
+            [119.639385, 31.600256],
+            [119.644127, 31.604713],
+            [119.644477, 31.604804],
+            [119.647212, 31.604883],
+            [119.649821, 31.605158],
+            [119.653916, 31.606885],
+            [119.657949, 31.609303],
+            [119.661146, 31.610187],
+            [119.666773, 31.610602],
+            [119.673033, 31.609326],
+            [119.671996, 31.61198],
+            [119.671946, 31.612343],
+            [119.673199, 31.618562],
+            [119.674991, 31.622305],
+            [119.678709, 31.625982],
+            [119.680577, 31.627228],
+            [119.68796, 31.630238],
+            [119.68968, 31.631644],
+            [119.690587, 31.633944],
+            [119.690318, 31.642501],
+            [119.689128, 31.649042],
+            [119.690371, 31.652057],
+            [119.691144, 31.653107],
+            [119.696645, 31.65502],
+            [119.699483, 31.655193],
+            [119.699734, 31.655377],
+            [119.699636, 31.656727],
+            [119.701436, 31.658951],
+            [119.704773, 31.661845],
+            [119.705559, 31.663565],
+            [119.705536, 31.663931],
+            [119.704315, 31.665511],
+            [119.700898, 31.667626],
+            [119.696851, 31.675274],
+            [119.696699, 31.677007],
+            [119.699047, 31.683228],
+            [119.692392, 31.689685],
+            [119.692253, 31.689924],
+            [119.692949, 31.691388],
+            [119.698414, 31.696226],
+            [119.698634, 31.69654],
+            [119.699474, 31.700554],
+            [119.701517, 31.702908],
+            [119.701823, 31.703091],
+            [119.706376, 31.703156],
+            [119.716098, 31.701093],
+            [119.72481, 31.698168],
+            [119.72614, 31.697177],
+            [119.728246, 31.696252],
+            [119.733783, 31.696677],
+            [119.737793, 31.695847],
+            [119.745512, 31.702581],
+            [119.747582, 31.705833],
+            [119.748184, 31.707389],
+            [119.747542, 31.710494],
+            [119.7476, 31.710902],
+            [119.750968, 31.716769],
+            [119.751637, 31.718046],
+            [119.753676, 31.722687],
+            [119.752347, 31.724167],
+            [119.750317, 31.725177],
+            [119.747124, 31.726291],
+            [119.744731, 31.729151],
+            [119.742553, 31.730628],
+            [119.740002, 31.73115],
+            [119.727806, 31.732261],
+            [119.723894, 31.732925],
+            [119.721056, 31.734261],
+            [119.71697, 31.737002],
+            [119.714913, 31.737404],
+            [119.708312, 31.737917],
+            [119.707144, 31.74061],
+            [119.706695, 31.747128],
+            [119.704504, 31.749222],
+            [119.700646, 31.751107],
+            [119.695742, 31.754517],
+            [119.693277, 31.756951],
+            [119.692927, 31.761256],
+            [119.692082, 31.765261],
+            [119.69047, 31.767201],
+            [119.68818, 31.769409],
+            [119.680802, 31.770553],
+            [119.675, 31.770938],
+            [119.656561, 31.773616],
+            [119.654931, 31.774266],
+            [119.650845, 31.777673],
+            [119.648941, 31.783995],
+            [119.648748, 31.784374],
+            [119.646875, 31.786716],
+            [119.644796, 31.78875],
+            [119.644648, 31.789083],
+            [119.645065, 31.792577],
+            [119.644841, 31.795271],
+            [119.644625, 31.795542],
+            [119.637265, 31.797319],
+            [119.635639, 31.798079],
+            [119.633363, 31.800564],
+            [119.633044, 31.800763],
+            [119.629626, 31.801178],
+            [119.628351, 31.800042],
+            [119.627404, 31.798399],
+            [119.625607, 31.796754],
+            [119.614987, 31.796179],
+            [119.613397, 31.796796],
+            [119.612364, 31.797844],
+            [119.611237, 31.802249],
+            [119.609764, 31.804025],
+            [119.605718, 31.806115],
+            [119.606239, 31.808622],
+            [119.604932, 31.817789],
+            [119.605157, 31.822053],
+            [119.603715, 31.823035],
+            [119.59865, 31.823532],
+            [119.598138, 31.82568],
+            [119.597348, 31.827827],
+            [119.589848, 31.826891],
+            [119.58939, 31.826982],
+            [119.591177, 31.83193],
+            [119.592085, 31.835325],
+            [119.591972, 31.835713],
+            [119.590445, 31.837433],
+            [119.589736, 31.84258],
+            [119.589053, 31.845371],
+            [119.588851, 31.84573],
+            [119.587293, 31.847257],
+            [119.586965, 31.847443],
+            [119.576744, 31.848383],
+            [119.570049, 31.854554],
+            [119.565226, 31.855719],
+            [119.559909, 31.856071],
+            [119.558441, 31.85766],
+            [119.558283, 31.85801],
+            [119.558544, 31.861605],
+            [119.558441, 31.861922],
+            [119.557417, 31.862663],
+            [119.556078, 31.862506],
+            [119.550362, 31.85662],
+            [119.550034, 31.856437],
+            [119.541385, 31.855898],
+            [119.537393, 31.855242],
+            [119.537128, 31.854985],
+            [119.53711, 31.853856],
+            [119.53685, 31.853627],
+            [119.532956, 31.85305],
+            [119.5256, 31.853735],
+            [119.520643, 31.852844],
+            [119.517073, 31.852345],
+            [119.508222, 31.851849],
+            [119.50511, 31.855115],
+            [119.500695, 31.856629],
+            [119.497853, 31.856802],
+            [119.492994, 31.859432],
+            [119.491076, 31.862062],
+            [119.486828, 31.864738],
+            [119.486437, 31.86493],
+            [119.482562, 31.866063],
+            [119.480609, 31.867684],
+            [119.477753, 31.87064],
+            [119.476648, 31.872144],
+            [119.472974, 31.872125],
+            [119.46883, 31.871648],
+            [119.46764, 31.872001],
+            [119.465767, 31.87389],
+            [119.46561, 31.874232],
+            [119.465947, 31.877371],
+            [119.4642, 31.880943],
+            [119.463939, 31.881217],
+            [119.453934, 31.885272],
+            [119.45344, 31.885377],
+            [119.449232, 31.885497],
+            [119.448824, 31.885396],
+            [119.445694, 31.882989],
+            [119.439443, 31.877671],
+            [119.437929, 31.876513],
+            [119.437512, 31.876415],
+            [119.434202, 31.877191],
+            [119.432963, 31.875345],
+            [119.431077, 31.874523],
+            [119.423972, 31.872014],
+            [119.423218, 31.871681],
+            [119.423443, 31.87098],
+            [119.424255, 31.869808],
+            [119.425845, 31.869541],
+            [119.426622, 31.869035],
+            [119.426779, 31.868438],
+            [119.426653, 31.86757],
+            [119.425589, 31.865893],
+            [119.422994, 31.863443],
+            [119.421795, 31.862216],
+            [119.419414, 31.861707],
+            [119.418633, 31.861061],
+            [119.418485, 31.859041],
+            [119.417852, 31.855536],
+            [119.417964, 31.854671],
+            [119.419046, 31.85257],
+            [119.419522, 31.852093],
+            [119.420452, 31.851914],
+            [119.422836, 31.852152],
+            [119.424511, 31.852651],
+            [119.425549, 31.852785],
+            [119.425796, 31.852283],
+            [119.428063, 31.849515],
+            [119.428306, 31.849107],
+            [119.429074, 31.84694],
+            [119.432051, 31.840364],
+            [119.439344, 31.832655],
+            [119.443381, 31.828921],
+            [119.443475, 31.828555],
+            [119.442896, 31.827403],
+            [119.440368, 31.826172],
+            [119.433282, 31.825742],
+            [119.432994, 31.825817],
+            [119.432186, 31.829583],
+            [119.429366, 31.832296],
+            [119.428099, 31.832704],
+            [119.4269, 31.832286],
+            [119.424498, 31.83052],
+            [119.422333, 31.829391],
+            [119.419001, 31.829789],
+            [119.415054, 31.830745],
+            [119.412602, 31.83161],
+            [119.409998, 31.831748],
+            [119.407725, 31.831545],
+            [119.404088, 31.832113],
+            [119.400338, 31.833592],
+            [119.400069, 31.833827],
+            [119.399602, 31.835583],
+            [119.394496, 31.838824],
+            [119.390849, 31.843713],
+            [119.387989, 31.84602],
+            [119.387046, 31.846647],
+            [119.385393, 31.846843],
+            [119.381464, 31.846366],
+            [119.376789, 31.844832],
+            [119.376381, 31.844796],
+            [119.374364, 31.845374],
+            [119.372429, 31.845801],
+            [119.36955, 31.849887],
+            [119.367898, 31.854136],
+            [119.366726, 31.855582],
+            [119.364144, 31.857967],
+            [119.363708, 31.858137],
+            [119.362127, 31.858163],
+            [119.359118, 31.858026],
+            [119.356343, 31.858173],
+            [119.35426, 31.857709],
+            [119.351493, 31.857657],
+            [119.349953, 31.858444],
+            [119.348161, 31.85831],
+            [119.346271, 31.856884],
+            [119.344088, 31.857383],
+            [119.342341, 31.8594],
+            [119.34209, 31.859543],
+            [119.338942, 31.858372],
+            [119.334793, 31.854887],
+            [119.332417, 31.852762],
+            [119.332206, 31.851947],
+            [119.32992, 31.849349],
+            [119.329503, 31.845762],
+            [119.329588, 31.84539],
+            [119.3316, 31.842743],
+            [119.334218, 31.841206],
+            [119.334294, 31.840498],
+            [119.332633, 31.83635],
+            [119.330693, 31.834205],
+            [119.326242, 31.831258],
+            [119.325286, 31.831405],
+            [119.325075, 31.830481],
+            [119.322466, 31.828245],
+            [119.320409, 31.825983],
+            [119.320009, 31.825425],
+            [119.319192, 31.823251],
+            [119.314302, 31.815508],
+            [119.313808, 31.813839],
+            [119.316089, 31.812546],
+            [119.316363, 31.812213],
+            [119.316938, 31.810242],
+            [119.315079, 31.805027],
+            [119.313484, 31.800855],
+            [119.313529, 31.798827],
+            [119.314558, 31.796623],
+            [119.315357, 31.796303],
+            [119.317319, 31.796365],
+            [119.318792, 31.796587],
+            [119.320059, 31.797061],
+            [119.31978, 31.795408],
+            [119.31983, 31.794504],
+            [119.319655, 31.792949],
+            [119.319668, 31.789753],
+            [119.318873, 31.789475],
+            [119.318164, 31.788841],
+            [119.318092, 31.788166],
+            [119.317584, 31.787274],
+            [119.318325, 31.786027],
+            [119.320005, 31.785533],
+            [119.318685, 31.785406],
+            [119.318303, 31.784965],
+            [119.318352, 31.784351],
+            [119.317755, 31.784172],
+            [119.318249, 31.783724],
+            [119.318186, 31.783097],
+            [119.316138, 31.782297],
+            [119.315447, 31.781435],
+            [119.314773, 31.781014],
+            [119.314454, 31.780102],
+            [119.314827, 31.778754],
+            [119.314845, 31.77749],
+            [119.314657, 31.77731],
+            [119.313372, 31.777451],
+            [119.31229, 31.777222],
+            [119.310979, 31.777307],
+            [119.309326, 31.776876],
+            [119.307391, 31.77652],
+            [119.307539, 31.775782],
+            [119.306789, 31.774482],
+            [119.307391, 31.773045],
+            [119.307049, 31.772702],
+            [119.307269, 31.771921],
+            [119.306829, 31.770272],
+            [119.306335, 31.769883],
+            [119.305127, 31.76936],
+            [119.304615, 31.767368],
+            [119.305217, 31.766368],
+            [119.304656, 31.765581],
+            [119.304759, 31.761302],
+            [119.304925, 31.75963],
+            [119.306578, 31.751152],
+            [119.306183, 31.748278],
+            [119.306452, 31.741799],
+            [119.305671, 31.733036],
+            [119.308635, 31.731804],
+            [119.309052, 31.731709],
+            [119.318559, 31.732039],
+            [119.320081, 31.732301],
+            [119.321622, 31.732222],
+            [119.321401, 31.732725],
+            [119.322816, 31.732435],
+            [119.323139, 31.732745],
+            [119.322829, 31.733131],
+            [119.321774, 31.733595],
+            [119.322075, 31.733947],
+            [119.323225, 31.733627],
+            [119.324329, 31.734268],
+            [119.325937, 31.732395],
+            [119.326831, 31.730817],
+            [119.327998, 31.729546],
+            [119.328569, 31.72917],
+            [119.329848, 31.727922],
+            [119.331092, 31.727311],
+            [119.330405, 31.726327],
+            [119.329938, 31.725298],
+            [119.329534, 31.724847],
+            [119.3297, 31.724295],
+            [119.329206, 31.72305],
+            [119.326907, 31.721527],
+            [119.323602, 31.719775],
+            [119.321671, 31.715821],
+            [119.321599, 31.715536],
+            [119.32335, 31.711716],
+            [119.324837, 31.710137],
+            [119.324505, 31.709791],
+            [119.322704, 31.709118],
+            [119.321078, 31.707631],
+            [119.321608, 31.70714],
+            [119.328654, 31.703993],
+            [119.328869, 31.703672],
+            [119.328681, 31.700718],
+            [119.324424, 31.689182],
+            [119.321999, 31.684177]
+          ]
+        ]
+      ]
+    }
+  }]
+}

src/views/jsc/index.vue

@@ -0,0 +1,118 @@
+<template>
+  <div class="jsc">
+    <div class="jscT">
+
+    </div>
+    <div class="jscB">
+      <div class="jscL">
+        <div style="height:30%">
+          <echartsLine ref="echartsLine"></echartsLine>
+        </div>
+        <div style="height:30%">
+          <echartsPie ref="echartsPie" :radiusType='radiusType'></echartsPie>
+        </div>
+        <div style="height:30%">
+            <echartsPie ref="echartsPie1" :radiusType="radiusType1"></echartsPie>
+        </div>
+      </div>
+
+      <div class="jscM">
+        <div class="jscMt">
+
+        </div>
+        <div class="jscMb" style="height:100%">
+          <echartsMap ref="echartsMap"></echartsMap>
+        </div>
+
+      </div>
+
+      <div class="jscR">789</div>
+    </div>
+
+
+
+
+  </div>
+</template>
+
+<script>
+  import echartsMap from "./components/echartsMap.vue";
+  import echartsLine from "./components/echartsLine.vue";
+  import echartsPie from "./components/echartsPie.vue";
+  export default {
+    components: {
+      echartsMap,
+      echartsLine,
+      echartsPie
+    },
+    data() {
+      return {
+        radiusType:['40%','60%'],
+        radiusType1:'50%'
+      }
+    },
+    mounted() {
+      let that = this
+      this.setRem()
+      window.onresize = function() {
+        that.setRem()
+        that.$refs.echartsMap.resetCharts()
+        that.$refs.echartsLine.resetCharts()
+        that.$refs.echartsPie.resetCharts()
+        that.$refs.echartsPie1.resetCharts()
+      }
+    },
+    methods: {
+      setRem() {
+        // 默认使用100px作为基准大小
+        const baseSize = 100;
+        const baseVal = baseSize / 1920;
+        const vW = window.innerWidth; // 当前窗口的宽度
+        const rem = vW * baseVal; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应font-size值
+        window.$size = rem / 100;
+        document.documentElement.style.fontSize = rem + "px";
+      }
+    },
+
+
+
+  }
+</script>
+
+<style>
+  .jsc {
+    font-size: .22rem;
+    height: 100%;
+
+  }
+
+  .jscT {
+    height: 46px
+  }
+
+  .jscB {
+    display: flex;
+    justify-content: space-between;
+    padding: .2rem;
+    width: 100%;
+    height: calc(100% - 46px);
+
+  }
+
+  .jscB>div {
+    border: 1px solid red;
+    margin: 0 2%
+  }
+
+  .jscB .jscL {
+    width: 25%
+  }
+
+  .jscB .jscM {
+    width: 50%
+  }
+
+  .jscB .jscR {
+    width: 25%
+  }
+</style>

src/views/record/components/addrecord.vue

@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <xy-dialog ref="dialog" :is-show.sync="isShow" type="form" :title="type === 'add' ? '新增档案' : '编辑档案'" :form="form"
+      :rules="rules" @submit="submit">
+
+    </xy-dialog>
+  </div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        isShow: false,
+        id:'',
+        type: 'add',
+        form: {
+          name:'',
+          idcard:"",
+          sex:"",
+          number:""
+        },
+        rules: {},
+
+      }
+    },
+    created() {
+
+    },
+    watch: {
+      isShow() {
+
+      }
+    },
+    methods: {
+      submit(val) {
+        if (val) {
+
+        } else {
+          this.type = 'add'
+          this.$refs['dialog'].reset()
+        }
+      }
+    },
+
+  }
+</script>
+
+<style>
+</style>

src/views/record/index.vue

@@ -0,0 +1,153 @@
+<template>
+  <div style="padding: 0 20px">
+    <div ref="lxHeader">
+      <lx-header icon="md-apps" text="订单管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
+        <slot>
+          <div style="display: flex">
+            <Input v-model="select.keyword" class="select" style="width: 200px; margin-right: 10px"
+              placeholder="关键字搜索" />
+            <Button class="select" type="primary" style="margin-right: 10px;" @click="getList">查询</Button>
+            <Button class="select" type="primary" style="margin-right: 10px;"
+              @click="$refs.addrecord.isShow=true,$refs.type='add'">新增</Button>
+            <Button class="select" type="primary" style="margin-right: 10px;" @click="downloadExel">导出</Button>
+          </div>
+        </slot>
+      </lx-header>
+    </div>
+
+    <xy-table :list="list" :table-item="table" :total="total" @pageSizeChange="e => {select.pageSize = e;getList()}"
+      @pageIndexChange="pageChange" :auths='[]'>
+      <template v-slot:btns>
+        <el-table-column fixed="right" label="操作" width="200" header-align="center">
+          <template slot-scope="scope">
+            <i-button type="primary" size="small" style="margin-right:8px"
+            @click="$refs.addrecord.isShow=true,$refs.addrecord.type='edit',$refs.addrecord.id=scope.row.id">
+              编辑
+            </i-button>
+            <i-button type="primary" size="small" style="margin-right:8px"
+              @click="$refs.addrecord.isShow=true,$refs.addrecord.type='edit',$refs.addrecord.id=scope.row.id">
+              跟踪
+            </i-button>
+            <Poptip :transfer='true' confirm title="确认要删除吗"
+              @click="deleteRow(scope.row.id)">
+              <i-button type="error" size="small">
+                删除
+              </i-button>
+            </Poptip>
+          </template>
+        </el-table-column>
+      </template>
+
+    </xy-table>
+    <addrecord ref="addrecord"></addrecord>
+  </div>
+</template>
+
+<script>
+  import addrecord from './components/addrecord.vue'
+  export default {
+    components: {
+      addrecord
+    },
+    data() {
+      return {
+        select: {
+          page: 1,
+          pageSize: 10,
+          keyword: ""
+        },
+        list: [{
+          id:1,
+          name: "123",
+          age: '12',
+          sex: '男'
+        }],
+        total: 0,
+        table: [{
+            prop: "name",
+            label: "姓名",
+            width: 120,
+            align: 'center',
+            fixed: 'left'
+          },
+          {
+            prop: "age",
+            label: "年龄",
+            width: 120,
+            align: 'center'
+          },
+          {
+            prop: "sex",
+            label: "性别",
+            width: 120,
+            align: 'center',
+          },
+          {
+            prop: "mobile",
+            label: "联系方式",
+            width: 180,
+            align: 'center'
+          },
+          {
+            prop: "type",
+            label: "残疾类别",
+            width: 180,
+            align: 'center'
+          },
+          {
+            prop: "level",
+            label: "残疾等级",
+            width: 180,
+            align: 'center'
+          },
+          {
+            prop: "person",
+            label: "监护人",
+            width: 180,
+            align: 'center'
+          },
+          {
+            prop: "phone",
+            label: "联系方式",
+            width: 180,
+            align: 'center'
+          },
+          {
+            prop: "age",
+            label: "现居住地",
+            width: 240,
+            align: 'left'
+          },
+          {
+            prop: "created_at",
+            label: "创建时间",
+            width: 240,
+            align: 'left'
+          }
+        ]
+
+      }
+    },
+    created() {
+
+    },
+    methods: {
+      pageChange(e) {
+        this.select.page = e
+        this.getList()
+      },
+      getList() {},
+      downloadExel() {},
+      deleteRow(id) {
+
+      }
+
+    }
+
+
+  }
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/record/map.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>