sunsail云平台前端项目工程
parent: 888d449c | 补丁 | 提交 | ignore whitespace
yijiusmile
2021-02-03 fca886aa4ca8e30c0c6c514b0470d946c0792661 
增加数据统计-在职离职员工总数界面
2个文件已添加
638 ■■■■■ 已修改文件
src/views/statistics/inEmpCount.vue 319 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/statistics/outEmpCount.vue 319 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 
 src/views/statistics/inEmpCount.vue


New file


@@ -0,0 +1,319 @@


<template>



  <div>



    <el-container>



      <el-header :height="headerHeight">



        <el-row>



          <el-col :span="16">



            <h3 class="bu-tian-jia-title">在职员工总数</h3>



          </el-col>



          <el-col :span="8">



            <el-input v-model="input" placeholder="请输入内容" style="width:200px" />



            <el-button type="primary">查询</el-button>



          </el-col>



        </el-row>







      </el-header>



      <el-container>



        <el-main>



          <el-table :data="tableData">



            <el-table-column prop="prop0" label="序号" width="180" />



            <el-table-column prop="prop1" label="员工编号" width="180" />



            <el-table-column prop="prop2" label="护卫点" width="180" />



            <el-table-column prop="prop3" label="岗位" width="180" />



            <el-table-column prop="prop4" label="姓名" width="180" />



            <el-table-column prop="prop5" label="身份证号" width="180" />



            <el-table-column prop="prop6" label="性别" width="180" />



            <el-table-column prop="prop7" label="年龄" width="180" />



            <el-table-column prop="prop8" label="学历" width="180" />



            <el-table-column prop="prop9" label="籍贯" width="180" />



            <el-table-column prop="prop10" label="联系电话" width="180" />



            <el-table-column prop="prop11" label="入职日期" width="180" />



            <el-table-column prop="prop12" label="员工状态" width="180" />



          </el-table>



        </el-main>



      </el-container>



    </el-container>







  </div>



</template>



<script>



export default {



  data() {



    return {



      headerHeight: '70px',



      advancedQueryShow: false,



      dialogTableVisible: false,



      tableData: [{



        'prop0': '1',



        'prop1': '2100452312',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '赵建国',



        'prop5': '510304197402225813',



        'prop6': '男',



        'prop7': '46',



        'prop8': '高中',



        'prop9': '广东省番禺市',



        'prop10': '133023187889',



        'prop11': '2019-08-01',



        'prop12': '在职'



      }, {



        'prop0': '2',



        'prop1': '2101620946',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '罗启艳',



        'prop5': '41272619740120543X',



        'prop6': '女',



        'prop7': '46',



        'prop8': '高中',



        'prop9': '广东省番禺市',



        'prop10': '189135789889',



        'prop11': '2019-08-01',



        'prop12': '在职'



      }, {



        'prop0': '3',



        'prop1': '2100629950',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '毛玉平',



        'prop5': '522528198202071629',



        'prop6': '男',



        'prop7': '38',



        'prop8': '高中',



        'prop9': '广东省番禺市',



        'prop10': '135098784561',



        'prop11': '2019-08-01',



        'prop12': '在职'



      }, {



        'prop0': '4',



        'prop1': '2100882835',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '梅均均',



        'prop5': '510504198704260927',



        'prop6': '女',



        'prop7': '33',



        'prop8': '高中',



        'prop9': '广东省番禺市',



        'prop10': '133023187889',



        'prop11': '2019-08-01',



        'prop12': '在职'



      }, {



        'prop0': '5',



        'prop1': '2101356718',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '王香妮',



        'prop5': '433122199508091511',



        'prop6': '女',



        'prop7': '25',



        'prop8': '大专',



        'prop9': '广东省番禺市',



        'prop10': '189135789889',



        'prop11': '2019-08-01',



        'prop12': '在职'



      }, {



        'prop0': '6',



        'prop1': '2100900981',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '易金洪',



        'prop5': '610424198306152860',



        'prop6': '男',



        'prop7': '39',



        'prop8': '大专',



        'prop9': '广东省番禺市',



        'prop10': '135098784561',



        'prop11': '2019-08-01',



        'prop12': '在职'



      }, {



        'prop0': '7',



        'prop1': '2101529670',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '李忠敏',



        'prop5': '511123198602016016',



        'prop6': '男',



        'prop7': '32',



        'prop8': '大专',



        'prop9': '广东省番禺市',



        'prop10': '133023187889',



        'prop11': '2019-08-01',



        'prop12': '在职'



      }, {



        'prop0': '8',



        'prop1': '2101578011',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '徐健',



        'prop5': '512927197202166053',



        'prop6': '男',



        'prop7': '48',



        'prop8': '大专',



        'prop9': '广东省番禺市',



        'prop10': '189135789889',



        'prop11': '2019-08-01',



        'prop12': '在职'



      }, {



        'prop0': '9',



        'prop1': '2100326122',



        'prop2': '一分公司',



        'prop3': '经理',



        'prop4': '曾昌玖',



        'prop5': '510322197606103351',



        'prop6': '男',



        'prop7': '44',



        'prop8': '本科',



        'prop9': '广东省番禺市',



        'prop10': '135098784561',



        'prop11': '2019-08-01',



        'prop12': '在职'



      }, {



        'prop0': '10',



        'prop1': '2101788698',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '赵高',



        'prop5': '511123197510263074',



        'prop6': '男',



        'prop7': '45',



        'prop8': '大专',



        'prop9': '广东省番禺市',



        'prop10': '133023187889',



        'prop11': '2019-08-01',



        'prop12': '在职'



      }, {



        'prop0': '11',



        'prop1': '2101861146',



        'prop2': '一分公司',



        'prop3': '主管',



        'prop4': '王忠山',



        'prop5': '522426199904290419',



        'prop6': '男',



        'prop7': '21',



        'prop8': '大专',



        'prop9': '广东省番禺市',



        'prop10': '189135789889',



        'prop11': '2019-08-01',



        'prop12': '在职'



      }, {



        'prop0': '12',



        'prop1': '2100315416',



        'prop2': '一分公司',



        'prop3': '经理',



        'prop4': '严福林',



        'prop5': '433130197205180710',



        'prop6': '男',



        'prop7': '48',



        'prop8': '本科',



        'prop9': '广东省番禺市',



        'prop10': '135098784561',



        'prop11': '2019-08-01',



        'prop12': '在职'



      }, {



        'prop0': '13',



        'prop1': '2101382208',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '叶金云',



        'prop5': '512923197703020639',



        'prop6': '男',



        'prop7': '43',



        'prop8': '高中',



        'prop9': '广东省番禺市',



        'prop10': '1350987861234',



        'prop11': '2019-08-01',



        'prop12': '在职'



      }]



    }



  },



  methods: {



    handleNodeClick(data) {



      console.log(data)



    },



    advancedQueryShowMethods() {



      if (this.advancedQueryShow) {



        this.headerHeight = '70px'



        this.advancedQueryShow = false



      } else {



        this.headerHeight = '300px'



        this.advancedQueryShow = true



      }



    },



    showEmpInfo() {



      this.dialogTableVisible = true



    }



  }



}



</script>



<style lang="scss">



  .el-aside {



    padding: 20px;



    background: #f3f5f8;



    height: 600px;







    .el-tree {



      height: 100%;



    }



  }







  .el-main {



    height: 600px;



  }







  #searchTable {



    margin-top: 10px;



    border-collapse: collapse;



    width: 100%;



  }







  #searchTable td,



  #searchTable th {



    border: 1px solid #cad9ea;



    color: #666;



    height: 30px;



  }







  #ygxq table {



    border-collapse: collapse;



    margin: 0 auto;



    text-align: center;



    width: 100%;



    margin-top: 20px;



  }







  #ygxq table td,



  #ygxq table th {



    border: 1px solid #DDDCDC;



    color: #666;



    height: 30px;



  }







  #ygxq table thead th {



    background-color: #CCE8EB;



    width: 100px;



  }







  #ygxq table tr:nth-child(odd) {



    background: #fff;



  }







  #ygxq table tr:nth-child(even) {



    background: #F5FAFA;



  }







  .tdTitle {



    font-size: 14px;



    font-weight: 700;



    text-align: left;



  }







  .link_button {



    color: #169BD5;



  }







  .del_button {



    color: #D9001B;



  }



</style>




 src/views/statistics/outEmpCount.vue


New file


@@ -0,0 +1,319 @@


<template>



  <div>



    <el-container>



      <el-header :height="headerHeight">



        <el-row>



          <el-col :span="16">



            <h3 class="bu-tian-jia-title">离职员工总数</h3>



          </el-col>



          <el-col :span="8">



            <el-input v-model="input" placeholder="请输入内容" style="width:200px" />



            <el-button type="primary">查询</el-button>



          </el-col>



        </el-row>







      </el-header>



      <el-container>



        <el-main>



          <el-table :data="tableData">



            <el-table-column prop="prop0" label="序号" width="180" />



            <el-table-column prop="prop1" label="员工编号" width="180" />



            <el-table-column prop="prop2" label="护卫点" width="180" />



            <el-table-column prop="prop3" label="岗位" width="180" />



            <el-table-column prop="prop4" label="姓名" width="180" />



            <el-table-column prop="prop5" label="身份证号" width="180" />



            <el-table-column prop="prop6" label="性别" width="180" />



            <el-table-column prop="prop7" label="年龄" width="180" />



            <el-table-column prop="prop8" label="学历" width="180" />



            <el-table-column prop="prop9" label="籍贯" width="180" />



            <el-table-column prop="prop10" label="联系电话" width="180" />



            <el-table-column prop="prop11" label="入职日期" width="180" />



            <el-table-column prop="prop12" label="员工状态" width="180" />



          </el-table>



        </el-main>



      </el-container>



    </el-container>







  </div>



</template>



<script>



export default {



  data() {



    return {



      headerHeight: '70px',



      advancedQueryShow: false,



      dialogTableVisible: false,



      tableData: [{



        'prop0': '1',



        'prop1': '2100452312',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '赵建国',



        'prop5': '510304197402225813',



        'prop6': '男',



        'prop7': '46',



        'prop8': '高中',



        'prop9': '广东省番禺市',



        'prop10': '133023187889',



        'prop11': '2019-08-01',



        'prop12': '正常离职'



      }, {



        'prop0': '2',



        'prop1': '2101620946',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '罗启艳',



        'prop5': '41272619740120543X',



        'prop6': '女',



        'prop7': '46',



        'prop8': '高中',



        'prop9': '广东省番禺市',



        'prop10': '189135789889',



        'prop11': '2019-08-01',



        'prop12': '正常离职'



      }, {



        'prop0': '3',



        'prop1': '2100629950',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '毛玉平',



        'prop5': '522528198202071629',



        'prop6': '男',



        'prop7': '38',



        'prop8': '高中',



        'prop9': '广东省番禺市',



        'prop10': '135098784561',



        'prop11': '2019-08-01',



        'prop12': '正常离职'



      }, {



        'prop0': '4',



        'prop1': '2100882835',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '梅均均',



        'prop5': '510504198704260927',



        'prop6': '女',



        'prop7': '33',



        'prop8': '高中',



        'prop9': '广东省番禺市',



        'prop10': '133023187889',



        'prop11': '2019-08-01',



        'prop12': '正常离职'



      }, {



        'prop0': '5',



        'prop1': '2101356718',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '王香妮',



        'prop5': '433122199508091511',



        'prop6': '女',



        'prop7': '25',



        'prop8': '大专',



        'prop9': '广东省番禺市',



        'prop10': '189135789889',



        'prop11': '2019-08-01',



        'prop12': '正常离职'



      }, {



        'prop0': '6',



        'prop1': '2100900981',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '易金洪',



        'prop5': '610424198306152860',



        'prop6': '男',



        'prop7': '39',



        'prop8': '大专',



        'prop9': '广东省番禺市',



        'prop10': '135098784561',



        'prop11': '2019-08-01',



        'prop12': '正常离职'



      }, {



        'prop0': '7',



        'prop1': '2101529670',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '李忠敏',



        'prop5': '511123198602016016',



        'prop6': '男',



        'prop7': '32',



        'prop8': '大专',



        'prop9': '广东省番禺市',



        'prop10': '133023187889',



        'prop11': '2019-08-01',



        'prop12': '正常离职'



      }, {



        'prop0': '8',



        'prop1': '2101578011',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '徐健',



        'prop5': '512927197202166053',



        'prop6': '男',



        'prop7': '48',



        'prop8': '大专',



        'prop9': '广东省番禺市',



        'prop10': '189135789889',



        'prop11': '2019-08-01',



        'prop12': '正常离职'



      }, {



        'prop0': '9',



        'prop1': '2100326122',



        'prop2': '一分公司',



        'prop3': '经理',



        'prop4': '曾昌玖',



        'prop5': '510322197606103351',



        'prop6': '男',



        'prop7': '44',



        'prop8': '本科',



        'prop9': '广东省番禺市',



        'prop10': '135098784561',



        'prop11': '2019-08-01',



        'prop12': '正常离职'



      }, {



        'prop0': '10',



        'prop1': '2101788698',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '赵高',



        'prop5': '511123197510263074',



        'prop6': '男',



        'prop7': '45',



        'prop8': '大专',



        'prop9': '广东省番禺市',



        'prop10': '133023187889',



        'prop11': '2019-08-01',



        'prop12': '正常离职'



      }, {



        'prop0': '11',



        'prop1': '2101861146',



        'prop2': '一分公司',



        'prop3': '主管',



        'prop4': '王忠山',



        'prop5': '522426199904290419',



        'prop6': '男',



        'prop7': '21',



        'prop8': '大专',



        'prop9': '广东省番禺市',



        'prop10': '189135789889',



        'prop11': '2019-08-01',



        'prop12': '正常离职'



      }, {



        'prop0': '12',



        'prop1': '2100315416',



        'prop2': '一分公司',



        'prop3': '经理',



        'prop4': '严福林',



        'prop5': '433130197205180710',



        'prop6': '男',



        'prop7': '48',



        'prop8': '本科',



        'prop9': '广东省番禺市',



        'prop10': '135098784561',



        'prop11': '2019-08-01',



        'prop12': '正常离职'



      }, {



        'prop0': '13',



        'prop1': '2101382208',



        'prop2': '一分公司',



        'prop3': '保安员',



        'prop4': '叶金云',



        'prop5': '512923197703020639',



        'prop6': '男',



        'prop7': '43',



        'prop8': '高中',



        'prop9': '广东省番禺市',



        'prop10': '1350987861234',



        'prop11': '2019-08-01',



        'prop12': '正常离职'



      }]



    }



  },



  methods: {



    handleNodeClick(data) {



      console.log(data)



    },



    advancedQueryShowMethods() {



      if (this.advancedQueryShow) {



        this.headerHeight = '70px'



        this.advancedQueryShow = false



      } else {



        this.headerHeight = '300px'



        this.advancedQueryShow = true



      }



    },



    showEmpInfo() {



      this.dialogTableVisible = true



    }



  }



}



</script>



<style lang="scss">



  .el-aside {



    padding: 20px;



    background: #f3f5f8;



    height: 600px;







    .el-tree {



      height: 100%;



    }



  }







  .el-main {



    height: 600px;



  }







  #searchTable {



    margin-top: 10px;



    border-collapse: collapse;



    width: 100%;



  }







  #searchTable td,



  #searchTable th {



    border: 1px solid #cad9ea;



    color: #666;



    height: 30px;



  }







  #ygxq table {



    border-collapse: collapse;



    margin: 0 auto;



    text-align: center;



    width: 100%;



    margin-top: 20px;



  }







  #ygxq table td,



  #ygxq table th {



    border: 1px solid #DDDCDC;



    color: #666;



    height: 30px;



  }







  #ygxq table thead th {



    background-color: #CCE8EB;



    width: 100px;



  }







  #ygxq table tr:nth-child(odd) {



    background: #fff;



  }







  #ygxq table tr:nth-child(even) {



    background: #F5FAFA;



  }







  .tdTitle {



    font-size: 14px;



    font-weight: 700;



    text-align: left;



  }







  .link_button {



    color: #169BD5;



  }







  .del_button {



    color: #D9001B;



  }



</style>