saas0801/dist/static/js/58.64a43a9e686178f13a1b.js

webpackJsonp([58],{

/***/ "IfIt":
/***/ (function(module, exports) {

// removed by extract-text-webpack-plugin

/***/ }),

/***/ "zkUY":
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });

// EXTERNAL MODULE: ./node_modules/babel-runtime/core-js/json/stringify.js
var stringify = __webpack_require__("mvHQ");
var stringify_default = /*#__PURE__*/__webpack_require__.n(stringify);

// EXTERNAL MODULE: ./node_modules/vue-schart/src/vue-schart.vue + 2 modules
var vue_schart = __webpack_require__("S4mo");

// EXTERNAL MODULE: ./src/components/zTree1.vue + 2 modules
var zTree1 = __webpack_require__("6Ljo");

// EXTERNAL MODULE: ./src/api/index.js + 5 modules
var api = __webpack_require__("gyMJ");

// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/dueRoom.vue

//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//




/* harmony default export */ var dueRoom = ({
  name: "campus",
  data: function data() {
    return {
      steplist: [{ src: "../assets/img/1.png", title: "房源选择" }, { src: "../assets/img/2.png", title: "人员退租" }],
      stepindex: 0,
      stepindex1: 0,
      query: {
        address: "",
        name: "",
        pageIndex: 1,
        pageSize: 20,
        activeName: "first"
      },
      activeName: "first",
      options: {
        type: "bar",
        title: {
          text: "近6个月即将到期房间-柱状图"
        },
        xRorate: 25,
        labels: ["周一", "周二", "周三", "周四", "周五"],
        datasets: [{
          label: "已到期房间",
          data: [234, 278, 270, 190, 230]
        }, {
          label: "本月到期房间",
          data: [164, 178, 190, 135, 160]
        }, {
          label: "下月到期房间",
          data: [144, 198, 150, 235, 120]
        }]
      },
      tableData: [],
      tableData1: [],
      tableData2: [],
      tableData3: [],
      multipleSelection: [],
      delList: [],
      editVisible: false,
      pageTotal: 0,
      form: {},
      idx: -1,
      id: -1,
      showIndex: 0,
      ztreeObj: null,
      uselist: [],
      zNodes: [],
      setting: {
        edit: {
          enable: true,
          drag: {
            isMove: true
          },
          showRemoveBtn: false,
          showRenameBtn: false
        },
        check: {
          enable: false
        },
        data: {
          simpleData: {
            enable: true,
            pIdKey: "pid"
          }
        },
        view: {
          showIcon: true,
          addHoverDom: this.addHoverDom,
          removeHoverDom: this.removeHoverDom
        }
      },
      fatherid: 0
    };
  },

  components: {
    Schart: vue_schart["a" /* default */],
    zTree: zTree1["a" /* default */]
  },
  created: function created() {
    this.getalllist();
  },

  methods: {
    onClick: function onClick(evt, treeId, treeNode) {
      // 点击事件
      this.fatherid = treeNode.pid;
      this.fatherMethod(treeNode.pid);
    },
    fatherMethod: function fatherMethod(id) {
      var _this = this;

      var q = {
        ancestor: id
      };
      var data = {
        q: stringify_default()(q),
        pageNum: 1,
        pageSize: 20
      };
      Object(api["d" /* httpGet */])(data, this.$api.getSiteList).then(function (res) {
        _this.tableData = res.data.list.list;
        _this.pageTotal = res.data.list.total;
        var tableData1 = [],
            tableData2 = [];
        res.data.list.list.map(function (li, index) {
          if (li.id == id) {
            _this.tableData.splice(index, 1);
          } else if (li.count == 0) {
            tableData2.push(li);
          } else if (li.count > 0) {
            tableData1.push(li);
          }
        });
        _this.tableData1 = tableData1;
        _this.tableData2 = tableData2;
      });
    },
    fatherMethod1: function fatherMethod1(pageNum) {
      var _this2 = this;

      var q = {
        ancestor: this.fatherid
      };
      var data = {
        q: stringify_default()(q),
        pageNum: pageNum,
        pageSize: 20
      };
      Object(api["d" /* httpGet */])(data, this.$api.getSiteList).then(function (res) {
        _this2.tableData = res.data.list.list;
        _this2.pageTotal = res.data.list.total;
        var tableData1 = [],
            tableData2 = [];
        res.data.list.list.map(function (li, index) {
          if (li.id == id) {
            _this2.tableData.splice(index, 1);
          } else if (li.count == 0) {
            tableData2.push(li);
          } else if (li.count > 0) {
            tableData1.push(li);
          }
        });
        _this2.tableData1 = tableData1;
        _this2.tableData2 = tableData2;
      });
    },

    // 获取所有房间
    getalllist: function getalllist() {
      var _this3 = this;

      var data = {};
      Object(api["d" /* httpGet */])(data, this.$api.getTree).then(function (res) {
        _this3.zNodes = res.data;
      });
    },
    handleClick: function handleClick(tab, event) {
      if (tab.name == "second") {
        this.pageTotal = this.tableData1.length;
      } else if (tab.name == "third") {
        this.pageTotal = this.tableData2.length;
      }
    },
    handleChange: function handleChange(value) {
      console.log(value);
    },

    // 触发搜索按钮
    handleSearch: function handleSearch() {
      this.$set(this.query, "pageIndex", 1);
      this.getData();
    },

    // 删除操作
    handleDelete: function handleDelete(index) {
      var _this4 = this;

      // 二次确认删除
      this.$confirm("确定要删除吗？", "提示", {
        type: "warning"
      }).then(function () {
        _this4.$message.success("删除成功");
        _this4.tableData.splice(index, 1);
      }).catch(function () {});
    },

    // 多选操作
    handleSelectionChange: function handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    delAllSelection: function delAllSelection() {
      var length = this.multipleSelection.length;
      var str = "";
      this.delList = this.delList.concat(this.multipleSelection);
      for (var i = 0; i < length; i++) {
        str += this.multipleSelection[i].name + " ";
      }
      this.$message.error("\u5220\u9664\u4E86" + str);
      this.multipleSelection = [];
    },
    handleCurrentChange: function handleCurrentChange(val) {},

    // 编辑操作
    handleEdit: function handleEdit(index, row) {
      this.idx = index;
      this.form = row;
      this.editVisible = true;
    },

    // 保存编辑
    saveEdit: function saveEdit() {
      this.editVisible = false;
      this.$message.success("\u4FEE\u6539\u7B2C " + (this.idx + 1) + " \u884C\u6210\u529F");
      this.$set(this.tableData, this.idx, this.form);
    },

    // 分页导航
    handlePageChange: function handlePageChange(val) {
      console.log(val, this.query);
      if (this.activeName == 'first') {
        this.$set(this.query, "pageIndex", val);
        this.fatherMethod1(val);
      } else if (this.activeName == 'second') {} else if (this.activeName == 'third') {} else if (this.activeName == 'fourth') {}
    }
  }
});
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-6cea387e","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/views/dueRoom.vue
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('el-row',{staticClass:"elrow",attrs:{"gutter":20}},[_c('el-col',{attrs:{"span":24}},[_c('el-card',{attrs:{"shadow":"hover"}},[_c('el-row',{staticClass:"flexrow"},[_c('el-col',{attrs:{"span":5}},[_c('div',{staticClass:"grid-content grid-con-2"},[_c('div',{staticClass:"colposition"},[_c('img',{staticClass:"w100",attrs:{"src":__webpack_require__("RMRd"),"alt":""}}),_vm._v(" "),_c('div',{staticClass:"grid-cont-right"},[_c('div',[_vm._v("到期房间")]),_vm._v(" "),_c('div',{staticClass:"grid-num"},[_vm._v("5")])])])])]),_vm._v(" "),_c('el-col',{attrs:{"span":5}},[_c('div',{staticClass:"grid-content grid-con-2"},[_c('div',{staticClass:"colposition"},[_c('img',{staticClass:"w100",attrs:{"src":__webpack_require__("qMbp"),"alt":""}}),_vm._v(" "),_c('div',{staticClass:"grid-cont-right"},[_c('div',[_vm._v("本月到期房间")]),_vm._v(" "),_c('div',{staticClass:"grid-num"},[_vm._v("3")])])])])]),_vm._v(" "),_c('el-col',{attrs:{"span":5}},[_c('div',{staticClass:"grid-content grid-con-1"},[_c('div',{staticClass:"colposition"},[_c('img',{staticClass:"w100",attrs:{"src":__webpack_require__("KHtw"),"alt":""}}),_vm._v(" "),_c('div',{staticClass:"grid-cont-right"},[_c('div',[_vm._v("下月到期房间")]),_vm._v(" "),_c('div',{staticClass:"grid-num"},[_vm._v("11")])])])])]),_vm._v(" "),_c('el-col',{attrs:{"span":9}},[_c('schart',{ref:"bar",staticClass:"schart",attrs:{"canvasId":"bar","options":_vm.options}})],1)],1)],1)],1)],1),_vm._v(" "),_c('el-card',{staticStyle:{}},[_c('el-row',{staticStyle:{"box-sizing":"border-box","margin":"0 0 0 10px"},attrs:{"gutter":20}},[_c('el-col',{staticStyle:{"background":"#fff","height":"598px","overflow-y":"auto"},attrs:{"span":6}},[_c('el-card',{staticStyle:{},attrs:{"shadow":"always"}},[_c('zTree',{attrs:{"setting":_vm.setting,"nodes":_vm.zNodes},on:{"onClick":_vm.onClick}})],1)],1),_vm._v(" "),_c('el-col',{attrs:{"span":18}},[_c('div',{staticClass:"container"},[_c('div',{staticClass:"handle-box"},[_c('el-tabs',{on:{"tab-click":_vm.handleClick},model:{value:(_vm.activeName),callback:function ($$v) {_vm.activeName=$$v},expression:"activeName"}},[_c('el-tab-pane',{attrs:{"label":"全部房间","name":"first"}}),_vm._v(" "),_c('el-tab-pane',{attrs:{"label":"到期房间","name":"second"}}),_vm._v(" "),_c('el-tab-pane',{attrs:{"label":"本月到期房间","name":"third"}}),_vm._v(" "),_c('el-tab-pane',{attrs:{"label":"下月到期房间","name":"fourth"}})],1)],1),_vm._v(" "),(_vm.activeName == 'first')?_c('el-table',{ref:"multipleTable",staticClass:"table",attrs:{"data":_vm.tableData,"border":"","height":"400","header-cell-class-name":"table-header","highlight-current-row":""},on:{"current-change":_vm.handleCurrentChange}},[_c('el-table-column',{attrs:{"prop":"id","label":"ID","align":"center"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"name","label":"名称"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"count","label":"入住"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"address","label":"地址"}}),_vm._v(" "),_c('el-table-column',{attrs:{"label":"户型","align":"center"},scopedSlots:_vm._u([{key:"default",fn:function(scope){return [(scope.row.layout == 0)?_c('div',[_vm._v("单间")]):_vm._e(),_vm._v(" "),(scope.row.layout == 1)?_c('div',[_vm._v("一室一厅")]):_vm._e(),_vm._v(" "),(scope.row.layout == 2)?_c('div',[_vm._v("两室一厅")]):_vm._e(),_vm._v(" "),(scope.row.layout == 3)?_c('div',[_vm._v("三室一厅")]):_vm._e()]}}],null,false,3585474365)}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"acreage","label":"面积/m²"}})],1):_vm._e(),_vm._v(" "),(_vm.activeName == 'second')?_c('el-table',{ref:"multipleTable",staticClass:"table",attrs:{"data":_vm.tableData1,"border":"","height":"400","highlight-current-row":"","header-cell-class-name":"table-header"},on:{"current-change":_vm.handleCurrentChange}},[_c('el-table-column',{attrs:{"prop":"id","label":"ID","align":"center"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"name","label":"名称"}}),_vm._v(" "),
var staticRenderFns = []
var esExports = { render: render, staticRenderFns: staticRenderFns }
/* harmony default export */ var views_dueRoom = (esExports);
// CONCATENATED MODULE: ./src/views/dueRoom.vue
function injectStyle (ssrContext) {
  __webpack_require__("IfIt")
}
var normalizeComponent = __webpack_require__("VU/8")
/* script */


/* template */

/* template functional */
var __vue_template_functional__ = false
/* styles */
var __vue_styles__ = injectStyle
/* scopeId */
var __vue_scopeId__ = "data-v-6cea387e"
/* moduleIdentifier (server only) */
var __vue_module_identifier__ = null
var Component = normalizeComponent(
  dueRoom,
  views_dueRoom,
  __vue_template_functional__,
  __vue_styles__,
  __vue_scopeId__,
  __vue_module_identifier__
)

/* harmony default export */ var src_views_dueRoom = __webpack_exports__["default"] = (Component.exports);


/***/ })

});