客户列表

zengh

2021-02-01 f5aca8b44e00a441830b5c73245cb2c249e4c024

 src/views/clientManagement/clientManagement.vue

@@ -52,16 +52,29 @@
          </template>

        </avue-crud>

      </basic-container>
    </el-col>
    <el-dialog title="缴费提醒" :visible.sync="dialogTableVisible" custom-class="payWin" append-to-body="true">
      <el-table :data="gridData">
        <el-table-column property="xb" label="序号" width="50"></el-table-column>
        <el-table-column property="deviceName" label="设备名称" width="150"></el-table-column>
        <el-table-column property="deviceNumber" label="设备编号" width="150"></el-table-column>
        <el-table-column property="street" label="所属单位" width="200"></el-table-column>
        <el-table-column property="expireTime" label="到期时间"></el-table-column>
      </el-table>
    </el-dialog>
  </el-row>
</template>

<script>
  import {getList, remove, update, add, getclient, getDeptLazyTree} from "@/api/client/client";
  import {getList, remove, update, add, getclient, getDeptLazyTree,getAll} from "@/api/client/client";
  import {mapGetters} from "vuex";

  export default {
    created() {
      this.payWin();
    },
    data() {
      return {
        form: {},
@@ -72,6 +85,8 @@
          currentPage: 1,
          total: 0
        },
        dialogTableVisible: false,
        gridData:null,
        selectionList: [],
        treeDeptId: '',
        treeData: [],
@@ -105,6 +120,7 @@
          calcHeight: 80,
          labelWidth: '100',
          dialogWidth: 950,
          menuWidth: 160,
          tip: false,
          searchShow: true,
          searchMenuSpan: 4,
@@ -112,7 +128,7 @@
          border: true,
          index: true,
          viewBtn: true,
          selection: true,
          selection: false,
          dialogClickModal: false,
          column: [
            {
@@ -128,9 +144,57 @@
              width: 130
            },
            {
              label: "行政区",
              prop: "addvcd",
              label: "省份",
              prop: "province",
              search: true,
              searchSpan: 3,
              searchLabelWidth: 60,
              placeholder: "省份",
              type: "select",
              props: {
                label: "name",
                value: "code"
              },
              cascaderItem: ["city", "district"],
              dicUrl: "/api/blade-system/region/select",
              span: 6,
              className: "cityClass1"
            },
            {
              label: "地市",
              prop: "city",
              type: "select",
              searchPlaceholder: "地市",
              placeholder: "地市",
              searchLabelWidth: 1,
              searchSpan: 2,
              search: true,
              props: {
                label: "name",
                value: "code"
              },
              dicUrl: "/api/blade-system/region/select?code={{key}}",
              span: 3,
              labelWidth: "0",
              className: "cityClass2"
            },
            {
              label: "区县",
              searchSpan: 2,
              searchLabelWidth: 1,
              searchPlaceholder: "区县",
              placeholder: "区县",
              search: true,
              prop: "district",
              type: "select",
              props: {
                label: "name",
                value: "code"
              },
              dicUrl: "/api/blade-system/region/select?code={{key}}",
              span: 3,
              labelWidth: "0",
              className: "cityClass3"
            }, {
              label: "布撤防状态",
              prop: "devicestate",
@@ -333,6 +397,11 @@
            ...this.query
          };
          values.releaseTimeRange = null;
        }else{
          values = {
            ...params,
            ...this.query
          };
        }
        this.loading = true;
        getList(page.currentPage, page.pageSize, values, this.treeDeptId).then(res => {
@@ -358,9 +427,38 @@
          };
        }
      },
      payWin(){
        var that = this;
        getAll().then(res => {
          var data =res.data.data;
          var lists = [];
          var xb = 0;
          for (var i = 0; i < data.length; i++) {
            if (data[i].type == "1") {
              xb++;
              data[i].xb = xb;
              lists.push(data[i]);
            }
          }
          if (lists.length > 0){
            that.gridData = lists;
            that.dialogTableVisible = true;
          }
        });

      }
    }
  };
</script>

<style>
  .payWin{
    overflow-y: auto;
    height: 350px;
  }

  .payWin .el-dialog__body{
    padding-top: 0px !important;
  }

</style>