current.scss文件漏提 和 考勤作业详情

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

@@ -40,4 +40,12 @@
  .table-pager{
    margin: 20px auto;
  }
}
.modal{
  .title{
    display: flex;
    >div{
      margin-right: 40px;
    }
  }
}

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

@@ -42,7 +42,7 @@
          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="detail(scope.row)">详情</a>
          </template>
        </t-table-column>
      </t-table>
@@ -55,6 +55,20 @@
               @on-change="onPagerChange">
      </t-pager>
    </div>
    <t-modal :visibled.sync="modal" :footer-visibled="false" class="modal" title="考勤详情" width="1200px">
      <div class="title">
        <div>姓名：张三</div>
        <div>职务：运维人员</div>
        <div>考勤时间：2020-08-01 ~ 2020-08-07</div>
        <div>出勤天数：7天</div>
      </div>
      <div>
        <t-table :data="modalData.table">
          <t-table-column prop="date" label="日期"></t-table-column>
          <t-table-column prop="time" label="打卡时间" ></t-table-column>
        </t-table>
      </div>
    </t-modal>
  </div>
</template>
<script>
@@ -98,7 +112,32 @@ export default {
        type: '',
        alarmPerson: ''
      },
      singleDateVal: ''
      singleDateVal: '',
      modal: false,
      modalData: {
        table: [{
          date: '2020-08-01',
          time: '08:18'
        }, {
          date: '2020-08-02',
          time: '08:18'
        }, {
          date: '2020-08-03',
          time: '08:18'
        }, {
          date: '2020-08-04',
          time: '08:18'
        }, {
          date: '2020-08-05',
          time: '08:18'
        }, {
          date: '2020-08-06',
          time: '08:18'
        }, {
          date: '2020-08-07',
          time: '08:18'
        }]
      }
    }
  },
  mounted() {
@@ -132,6 +171,9 @@ export default {
    },
    onSizeChange(number) {
    },
    detail(row) {
      this.modal = true
    }
  }
}

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

@@ -0,0 +1,165 @@
.current-container{
  display: flex;
  width: "100%";
  height: 700px;
  .left{
    margin-top: 30px;
    width: 360px;
    height: 700px;
    .item{
      width: 300px;
      margin: 10px 30px;
      border: 1px solid #E0E0E0;
      border-radius: 5px;
      .top{
        display: flex;
        border-bottom: 1px solid #E0E0E0;
        height: 40px;
        line-height: 40px;
        padding-left: 20px;
        font-size: 12px;
        color: #000000;
        .user-pic{
          width: 25px;
          height: 25px;
          background-image: url('/static/images/user.png');
          background-size: 100% 100%;
          margin: 7.5px 5px 0 0;
        }
        .alarm{
          color: #F5222D;
          background-color: #FEE9EA;
          margin: 7.5px 0 0 5px;
          padding: 0 5px;
          font-size: 8px;
          height: 25px;
          line-height: 25px;
        }
        .hand-alarm{
          color: #FAAD14;
          background-color: #FFF7E8;
          margin: 7.5px 0 0 5px;
          padding: 0 5px;
          font-size: 8px;
          height: 25px;
          line-height: 25px;
        }
      }
      .middle{
        padding-left: 20px;
        line-height: 30px;
        font-size: 10px;
        .row{
          display: flex;
          margin: 0;
          justify-content: space-between;
          >div{
            flex: 1;
            text-align: left;
          }
        }
      }
      .footer{
        height: 40px;
        border-top: 1px solid #E0E0E0;
        display: flex;
        justify-content: flex-end;
        button{
          height: 25px;
          line-height: 25px;
          margin: 7.5px 10px 0 0;
        }
      }
    }
    .active{
      border: 2px solid #147BD1;
    }
  }
  .right{
    flex: 1;
    padding: 40px 30px 0 0;
    #current-map{
      width: 100%;
      height: 700px;
    }
  }
}
.aimap-popup-content-wrapper{
  background: #344979!important;
  .aimap-popup-content{
    margin: 0;
  }
}
.aimap-popup-tip-container{
  .aimap-popup-tip{
    background-color: #344979;
  }
} 
.tips-item{
  // width: 300px;
  // margin: 10px 30px;
  // border: 1px solid #E0E0E0;
  border-radius: 5px;
  background: #344979;
  .top{
    display: flex;
    border-bottom: 1px solid #99A3BA;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    font-size: 12px;
    color: #ffffff;
    .user-pic{
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background-image: url('/static/images/user.png');
      background-size: 100% 100%;
      margin: 7.5px 5px 0 0;
    }
    .alarm{
      color: #F5222D;
      background-color: #343E6B;
      margin: 7.5px 0 0 5px;
      padding: 0 5px;
      font-size: 8px;
      height: 25px;
      line-height: 25px;
    }
    .hand-alarm{
      color: #FAAD14;
      background-color: #FFF7E8;
      margin: 7.5px 0 0 5px;
      padding: 0 5px;
      font-size: 8px;
      height: 25px;
      line-height: 25px;
    }
  }
  .middle{
    padding-left: 20px;
    line-height: 30px;
    font-size: 10px;
    color: #ffffff;
    .row{
      display: flex;
      margin: 0;
      justify-content: space-between;
      >div{
        flex: 1;
        text-align: left;
      }
    }
  }
  .footer{
    height: 40px;
    border-top: 1px solid #E0E0E0;
    display: flex;
    justify-content: flex-end;
    button{
      height: 25px;
      line-height: 25px;
      margin: 7.5px 10px 0 0;
    }
  }
}