You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
409 lines
12 KiB
409 lines
12 KiB
webpackJsonp([82],{
|
|
|
|
/***/ "ArgT":
|
|
/***/ (function(module, exports) {
|
|
|
|
// removed by extract-text-webpack-plugin
|
|
|
|
/***/ }),
|
|
|
|
/***/ "zyEe":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
|
// EXTERNAL MODULE: ./node_modules/vue-schart/src/vue-schart.vue + 2 modules
|
|
var vue_schart = __webpack_require__("S4mo");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/duePerson.vue
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
|
|
|
|
/* harmony default export */ var duePerson = ({
|
|
name: "campus",
|
|
data: function data() {
|
|
return {
|
|
query: {
|
|
address: "",
|
|
name: "",
|
|
pageIndex: 1,
|
|
pageSize: 10,
|
|
activeName: "first",
|
|
options: [{
|
|
value: "xaxqgy",
|
|
label: "雄安新区XXX公寓",
|
|
children: [{
|
|
value: "1",
|
|
label: "1",
|
|
children: [{
|
|
value: "2",
|
|
label: "2"
|
|
}, {
|
|
value: "1",
|
|
label: "1",
|
|
children: [{
|
|
value: "2",
|
|
label: "1"
|
|
}, {
|
|
value: "1",
|
|
label: "2"
|
|
}]
|
|
}]
|
|
}]
|
|
}]
|
|
},
|
|
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: [],
|
|
multipleSelection: [],
|
|
delList: [],
|
|
editVisible: false,
|
|
pageTotal: 0,
|
|
form: {},
|
|
idx: -1,
|
|
id: -1
|
|
};
|
|
},
|
|
|
|
components: {
|
|
Schart: vue_schart["a" /* default */]
|
|
},
|
|
created: function created() {
|
|
this.getData();
|
|
},
|
|
|
|
methods: {
|
|
handleClick: function handleClick(tab, event) {
|
|
console.log(tab, event);
|
|
console.log(tab, event);
|
|
},
|
|
handleChange: function handleChange(value) {
|
|
console.log(value);
|
|
},
|
|
|
|
// 触发搜索按钮
|
|
handleSearch: function handleSearch() {
|
|
this.$set(this.query, "pageIndex", 1);
|
|
this.getData();
|
|
},
|
|
|
|
// 删除操作
|
|
handleDelete: function handleDelete(index) {
|
|
var _this = this;
|
|
|
|
// 二次确认删除
|
|
this.$confirm("确定要删除吗？", "提示", {
|
|
type: "warning"
|
|
}).then(function () {
|
|
_this.$message.success("删除成功");
|
|
_this.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 = [];
|
|
},
|
|
|
|
// 编辑操作
|
|
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) {
|
|
this.$set(this.query, "pageIndex", val);
|
|
this.getData();
|
|
}
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-2043134d","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/duePerson.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',[_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("11")])])])])]),_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("0")])])])])]),_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("0")])])])])]),_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-row',{attrs:{"gutter":20}},[_c('el-col',{staticStyle:{"height":"460px","background":"#fff"},attrs:{"span":4}},[_c('el-card',{staticStyle:{},attrs:{"shadow":"hover"}},[_c('el-menu',{staticClass:"el-menu-vertical-demo",attrs:{"default-active":"2"},on:{"open":_vm.handleOpen,"close":_vm.handleClose}},[_c('el-submenu',{attrs:{"index":"1"},scopedSlots:_vm._u([{key:"title",fn:function(){return [_c('i',{staticClass:"el-icon-location"}),_vm._v(" "),_c('span',[_vm._v("雄安新区XXX公寓")])]},proxy:true}])},[_vm._v(" "),_c('el-submenu',{attrs:{"index":"1-1"},scopedSlots:_vm._u([{key:"title",fn:function(){return [_vm._v("1")]},proxy:true}])},[_vm._v(" "),_c('el-submenu',{attrs:{"index":"1-1-1"},scopedSlots:_vm._u([{key:"title",fn:function(){return [_vm._v("1")]},proxy:true}])},[_vm._v(" "),_c('el-menu-item',{attrs:{"index":"1-1-1-1"}},[_vm._v("1")]),_vm._v(" "),_c('el-menu-item',{attrs:{"index":"1-1-1-2"}},[_vm._v("2")])],1),_vm._v(" "),_c('el-submenu',{attrs:{"index":"1-1-2"},scopedSlots:_vm._u([{key:"title",fn:function(){return [_vm._v("2")]},proxy:true}])},[_vm._v(" "),_c('el-menu-item',{attrs:{"index":"1-1-2-1"}},[_vm._v("1")]),_vm._v(" "),_c('el-menu-item',{attrs:{"index":"1-1-2-2"}},[_vm._v("2")])],1)],1)],1)],1)],1)],1),_vm._v(" "),_c('el-col',{attrs:{"span":20}},[_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.tableData.length == 0)?_c('el-table',{ref:"multipleTable",staticClass:"table",attrs:{"data":_vm.tableData,"border":"","header-cell-class-name":"table-header"},on:{"selection-change":_vm.handleSelectionChange}},[_c('el-table-column',{attrs:{"type":"selection","width":"55","align":"center"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"id","label":"ID","width":"55","align":"center"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"name","label":"名称"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"number","label":"序列号"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"ppai","label":"品牌"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"imei","label":"IMEI"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"electricity","label":"电量"}}),_vm._v(" "),_c('el-table-column',{attrs:{"label":"状态","align":"center"},scopedSlots:_vm._u([{key:"default",fn:function(scope){return [_c('el-tag',{attrs:{"type":scope.row.state === '成功'
|
|
? 'success'
|
|
: scope.row.state === '失败'
|
|
? 'danger'
|
|
: ''}},[_vm._v(_vm._s(scope.row.state))])]}}],null,false,1008060476)}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"date","label":"更新时间"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"address","label":"绑定房间"}}),_vm._v(" "),_c('el-table-column',{attrs:{"label":"操作","width":"180","align":"center"},scopedSlots:_vm._u([{key:"default",fn:function(scope){return [_c('el-button',{attrs:{"type":"text","icon":"el-icon-edit"},on:{"click":function($event){return _vm.handleEdit(scope.$index, scope.row)}}},[_vm._v("编辑")]),_vm._v(" "),_c('el-button',{staticClass:"red",attrs:{"type":"text","icon":"el-icon-delete"},on:{"click":function($event){return _vm.handleDelete(scope.$index, scope.row)}}},[_vm._v("删除")])]}}],null,false,2927004000)})],1):_vm._e(),_vm._v(" "),_c('div',{staticClass:"nulldiv"},[_c('img',{staticClass:"nullimg",attrs:{"src":__webpack_require__("X27V"),"alt":""}}),_vm._v(" "),_c('div',[_vm._v("暂无房源")])]),_vm._v(" "),_c('div',{staticClass:"pagination"},[_c('el-pagination',{attrs:{"background":"","layout":"total, prev, pager, next","current-page":_vm.query.pageIndex,"page-size":_vm.query.pageSize,"total":_vm.pageTotal},on:{"current-change":_vm.handlePageChange}})],1)],1)])],1),_vm._v(" "),_c('el-dialog',{attrs:{"title":"编辑","width":"30%"},scopedSlots:_vm._u([{key:"footer",fn:function(){return [_c('span',{staticClass:"dialog-footer"},[_c('el-button',{on:{"click":function($event){_vm.editVisible = false}}},[_vm._v("取 消")]),_vm._v(" "),_c('el-button',{attrs:{"type":"primary"},on:{"click":_vm.saveEdit}},[_vm._v("确 定")])],1)]},proxy:true}]),model:{value:(_vm.editVisible),callback:function ($$v) {_vm.editVisible=$$v},expression:"editVisible"}},[_c('el-form',{ref:"form",attrs:{"model":_vm.form,"label-width":"70px"}},[_c('el-form-item',{attrs:{"label":"用户名"}},[_c('el-input',{model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, "name", $$v)},expression:"form.name"}})],1),_vm._v(" "),_c('el-form-item',{attrs:{"label":"地址"}},[_c('el-input',{model:{value:(_vm.form.address),callback:function ($$v) {_vm.$set(_vm.form, "address", $$v)},expression:"form.address"}})],1)],1)],1)],1)}
|
|
var staticRenderFns = []
|
|
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
|
/* harmony default export */ var views_duePerson = (esExports);
|
|
// CONCATENATED MODULE: ./src/views/duePerson.vue
|
|
function injectStyle (ssrContext) {
|
|
__webpack_require__("ArgT")
|
|
}
|
|
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-2043134d"
|
|
/* moduleIdentifier (server only) */
|
|
var __vue_module_identifier__ = null
|
|
var Component = normalizeComponent(
|
|
duePerson,
|
|
views_duePerson,
|
|
__vue_template_functional__,
|
|
__vue_styles__,
|
|
__vue_scopeId__,
|
|
__vue_module_identifier__
|
|
)
|
|
|
|
/* harmony default export */ var src_views_duePerson = __webpack_exports__["default"] = (Component.exports);
|
|
|
|
|
|
/***/ })
|
|
|
|
});
|