居民监管页面修改

guanqb

2024-03-01 556e121fdf4b74132e954b47c27784afe776c6e9

居民监管页面修改

 src/styles/avue-ui.css

New file
@@ -0,0 +1,119 @@
body .avue--disabled {
  color: #777 !important;
  cursor: not-allowed;
}

.place-info-box .el-dialog {
  display: flex;
  flex-direction: column;
  height: 72% !important;
}

.place-info-box .el-dialog .el-dialog__header {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.place-info-box .el-dialog .el-dialog__header .el-dialog__headerbtn {
  top: 10px !important;
}

.place-info-box .el-dialog .el-dialog__body {
  padding: 0px !important;
  padding-bottom: 10px !important;
  height: 0 !important;
  flex: 1;
}

.place-info-box .el-dialog .el-dialog__body .el-tabs {
  display: flex;
  flex-direction: column;
  height: 100% !important;
}

.place-info-box .el-dialog .el-dialog__body .el-tabs .el-tabs__content {
  flex: 1;
}

.audit-info-box .el-dialog {
  height: auto !important;
}

.turn-over-popup .el-dialog {
  width: 520px !important;
}

.cur-house-hold-box .avue-crud__left {
  flex: 1;
}

.cur-resident-supervision-page .echarts-wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 10px 0;
  justify-content: space-between;
}

.cur-resident-supervision-page .echarts-wrap .echarts-cell {
  height: 300px;
  width: calc(33.3% - 10px);
  display: flex;
  flex-direction: column;
  background: #fff;
}

.cur-resident-supervision-page .echarts-wrap .echarts-cell .echarts-item {
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  height: 0;
  flex: 1;
}

.cur-house-hold-supervision-page .echarts-wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  justify-content: space-between;
}

.cur-house-hold-supervision-page .echarts-wrap .echarts-cell {
  margin: 0 5px;
  height: 300px;
  width: calc(20% - 10px);
  display: flex;
  flex-direction: column;
  background: #fff;
}

.cur-house-hold-supervision-page .echarts-wrap .echarts-cell .echarts-item {
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  height: 0;
  flex: 1;
}

.cur-house-hold-supervision-page .cur-from-box {
  margin-top: 10px;
  padding: 10px;
  background: #fff;
}

.cur-house-hold-supervision-page .echarts-cell:first-child {
  margin-left: 0;
}

.cur-house-hold-supervision-page .echarts-cell:last-child {
  margin-right: 0;
}

.cur-house-hold-supervision-page .echarts-cell:nth-child(1) {
  width: 0;
  flex: 1;
}

.cur-house-hold-supervision-page .echarts-cell:nth-child(2) {
  width: 0;
  flex: 2;
}

 src/styles/avue-ui.min.css

New file
@@ -0,0 +1 @@
body .avue--disabled{color:#777 !important;cursor:not-allowed}.place-info-box .el-dialog{display:flex;flex-direction:column;height:72% !important}.place-info-box .el-dialog .el-dialog__header{padding-top:10px !important;padding-bottom:10px !important}.place-info-box .el-dialog .el-dialog__header .el-dialog__headerbtn{top:10px !important}.place-info-box .el-dialog .el-dialog__body{padding:0px !important;padding-bottom:10px !important;height:0 !important;flex:1}.place-info-box .el-dialog .el-dialog__body .el-tabs{display:flex;flex-direction:column;height:100% !important}.place-info-box .el-dialog .el-dialog__body .el-tabs .el-tabs__content{flex:1}.audit-info-box .el-dialog{height:auto !important}.turn-over-popup .el-dialog{width:520px !important}.cur-house-hold-box .avue-crud__left{flex:1}.cur-resident-supervision-page .echarts-wrap{display:flex;flex-wrap:wrap;padding:0 0 10px 0;justify-content:space-between}.cur-resident-supervision-page .echarts-wrap .echarts-cell{height:300px;width:calc(33.3% - 10px);display:flex;flex-direction:column;background:#fff}.cur-resident-supervision-page .echarts-wrap .echarts-cell .echarts-item{box-sizing:border-box;padding:10px;width:100%;height:0;flex:1}.cur-house-hold-supervision-page .echarts-wrap{display:flex;flex-wrap:wrap;padding:0;justify-content:space-between}.cur-house-hold-supervision-page .echarts-wrap .echarts-cell{margin:0 5px;height:300px;width:calc(20% - 10px);display:flex;flex-direction:column;background:#fff}.cur-house-hold-supervision-page .echarts-wrap .echarts-cell .echarts-item{box-sizing:border-box;padding:10px;width:100%;height:0;flex:1}.cur-house-hold-supervision-page .cur-from-box{margin-top:10px;padding:10px;background:#fff}.cur-house-hold-supervision-page .echarts-cell:first-child{margin-left:0}.cur-house-hold-supervision-page .echarts-cell:last-child{margin-right:0}.cur-house-hold-supervision-page .echarts-cell:nth-child(1){width:0;flex:1}.cur-house-hold-supervision-page .echarts-cell:nth-child(2){width:0;flex:2}

 src/styles/avue-ui.scss

@@ -57,7 +57,33 @@
    }
}

.cur-resident-supervision-page,
.cur-resident-supervision-page {
  .echarts-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 10px 0;
    justify-content: space-between;

    .echarts-cell {
      //   margin: 0 5px;
      height: 300px;
      width: calc(33.3% - 10px);
      display: flex;
      flex-direction: column;
      background: #fff;

      .echarts-item {
        box-sizing: border-box;
        padding: 10px;
        width: 100%;
        height: 0;
        flex: 1;
      }
    }

  }
}

.cur-house-hold-supervision-page {
    .echarts-wrap {
        display: flex;
@@ -89,6 +115,7 @@
            background: #fff;

            .echarts-item {
        box-sizing: border-box;
                padding: 10px;
                width: 100%;
                height: 0;

 src/views/propertySupervision/residentSupervision.vue

@@ -8,14 +8,14 @@
    </div>

    <div class="cur-from-box">
      <avue-crud :option="option" :search.sync="search" :table-loading="loading" :data="data" ref="crud" v-model="form"
        :permission="permissionList" @row-del="rowDel" @row-update="rowUpdate" @row-save="rowSave"
            <avue-crud :option="option" :search.sync="search" :table-loading="loading" :data="data" ref="crud"
                v-model="form" :permission="permissionList" @row-del="rowDel" @row-update="rowUpdate" @row-save="rowSave"
        :before-open="beforeOpen" :page.sync="page" @search-change="searchChange" @search-reset="searchReset"
        @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
        @refresh-change="refreshChange" @on-load="onLoad">
        <template slot-scope="{row, size}" slot="menu">
          <el-button :size="size" type="text" icon="el-icon-circle-plus-outline" v-if="permission.househould_manager"
            @click="manageLabel(row)">标签
                    <el-button :size="size" type="text" icon="el-icon-circle-plus-outline"
                        v-if="permission.househould_manager" @click="manageLabel(row)">标签
          </el-button>
        </template>
        <template slot-scope="{row, size}" slot="phoneNumber">
@@ -800,7 +800,7 @@
          },
          legend: {
            orient: 'vertical',
            right: 20,
                    right: 40,
            bottom: 0,
            padding: [30, 0],
            formatter: function(name) {
@@ -814,7 +814,7 @@
          },
          series: [{
            type: 'pie',
            center: ['26%', '50%'],
                    center: ['36%', '50%'],
            radius: '60%', //修改大小
            data: [],
            label: {