签到样式

liuyg

2021-11-22 f6002b22ea5c6284812c231e56cf4a2ca602d78d

签到样式

 public/zhiwenDemo/app.css

@@ -22,14 +22,14 @@
    flex-direction: column;
}
#main {
    width: 100%;
    width: 96%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#imgs {
    width: 100%;
    width: 256px;
    height: 180px;
    /* border: 1px  dashed #fff; */
    /* border-image:url(/img/zhiwen/zhi.png) 30 300 round; */
@@ -52,7 +52,7 @@
    opacity: 0.9;
}
#butDiv {
    width: 100%;
    width: 200px;
    height: 180px;
    display: flex;
    align-items: center;
@@ -88,8 +88,9 @@
}
#connect_server {
    width: 66px;
    height: 40px;
    height: 35px;
    border: none;
    font-size: 16px;
    background-color: #409eff;
    border-radius: 5px;
    color: #fff;
@@ -109,13 +110,14 @@
    left: 13px;
}
#onceGgin {
    width: 66px;
    height: 40px;
    width: 60px;
    height: 31px;
    font-size: 12px;
    border: none;
    background-color: #409eff;
    border-radius: 5px;
    color: #fff;
    display: none;
    position: relative;
    left: 13px;
    left: 8px;
}

 src/styles/element-ui.scss

@@ -92,7 +92,7 @@
}

.examine_body * {
    font-size: medium !important;
    font-size: small !important;
}
.el-form-item__error {
    font-size: 18px !important;
@@ -244,11 +244,50 @@
// .el-form-item__content {
//     width: 122px !important;
// }
// .el-form-item--small.el-form-item
// .avue-crud__search .avue-form__group.avue-form__group--flex .avue-form__row:nth-last-child(1) .el-form-item__content {
//     width: 115px !important;
//     // position: relative !important;
//     // left: 51px !important;
// }

.avue-crud__search .el-form-item--small.el-form-item .el-form-item__content {
    width: 122px !important;
.avue-crud__search .avue-form__group.avue-form__group--flex .avue-form__menu--center {
    width: 115px !important;
}
.avue-crud__search .avue-form__group.avue-form__group--flex .avue-form__row {
    padding: 0 !important;
}
.avue-crud__search .avue-form__group.avue-form__group--flex .avue-form__row:nth-child(1) .el-form-item__label,
.avue-crud__search .avue-form__group.avue-form__group--flex .avue-form__row:nth-child(2) .el-form-item__label {
    width: 42px !important;
}
.avue-crud__search .avue-form__group.avue-form__group--flex .avue-form__row:nth-child(1) {
    width: 133px !important;
}
.avue-crud__search .avue-form__group.avue-form__group--flex .avue-form__row:nth-child(2) {
    width: 155px !important;
}
.avue-crud__search .avue-form__group.avue-form__group--flex .avue-form__row:nth-child(3) {
    width: 255px !important;
}
// .avue-crud__search .avue-form__group.avue-form__group--flex .avue-form__row:nth-child(3) .el-button {
//     padding: 5px 10px !important;
//     margin-left: 5px !important;
// }

.formsss .basic-container__card {
    height: 100% !important;
    overflow-x: hidden;
    overflow-y: scroll;
}

.formsss .el-card__body,
.tablesss .el-card__body {
    padding: 10px !important;
}

.zhiwenMain {
    width: 103%;
    // height: 220px;
    // border: 1px solid rgba($color: #d3d3d3, $alpha: 1);
}

 src/views/qiandao/forms.vue

@@ -68,6 +68,7 @@
        // mockBtn: true,
        // submitText: "完成",
        // printBtn: true,
        labelWidth: 70,
        submitBtn: false,
        disabled: true,
        column: [
@@ -229,6 +230,8 @@
}
.formsss {
  height: 100% !important;
  // overflow-x: hidden;
  // overflow-y: scroll;
}
.imgss {
  height: 182px;

 src/views/qiandao/index.vue

@@ -114,11 +114,13 @@
    justify-content: center;
    position: relative;
    .e_m_left {
      width: 47%;
      width: 48%;
      height: 100%;
      overflow-x: hidden;
      overflow-y: scroll;
    }
    .e_m_right {
      width: 53%;
      width: 52%;
      height: 100%;
      // border: 1px solid red;
    }

 src/views/qiandao/tables.vue

@@ -83,7 +83,7 @@
            prop: "realName",
            search: true,
            searchSpan: 5,
            searchLabelWidth: 49,
            searchLabelWidth: 45,
            width: 70,
          },
          {
@@ -91,14 +91,14 @@
            prop: "deptName",
            search: true,
            searchSpan: 6,
            searchLabelWidth: 54,
            searchLabelWidth: 45,
          },
          {
            label: "身份证号码",
            prop: "idCardNo",
            search: true,
            searchSpan: 7,
            searchLabelWidth: 97,
            searchSpan: 8,
            searchLabelWidth: 80,
            // searchRange: true,
            // searchValue: this.getuserid(),
            width: 180,
@@ -404,5 +404,8 @@
};
</script>

<style>
<style lang="scss" scoped>
.tablesss {
  height: 100% !important;
}
</style>