parent
b6ec5d3cc0
commit
d1f2741373
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
|
Before Width: | Height: | Size: 236 KiB After Width: | Height: | Size: 44 KiB |
@ -0,0 +1,456 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container">
|
||||||
|
<div class="tabs">
|
||||||
|
<div class="headerText">
|
||||||
|
<div class="searchP">查询条件</div>
|
||||||
|
</div>
|
||||||
|
<div class="search-input">
|
||||||
|
<div class="inputSonBox">
|
||||||
|
<div class="texts1" style="width: 6%">小区名称:</div>
|
||||||
|
<el-input
|
||||||
|
size="mini"
|
||||||
|
v-model="form1.name"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
<div class="texts1" style="width: 8%">物业管理公司:</div>
|
||||||
|
<el-input
|
||||||
|
size="mini"
|
||||||
|
v-model="form1.sfz"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
<div class="texts1" style="width: 8%">物业电话:</div>
|
||||||
|
<el-input
|
||||||
|
size="mini"
|
||||||
|
v-model="form1.lxfs"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
<div class="searchBtn">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
size="mini"
|
||||||
|
icon="el-icon-search"
|
||||||
|
@click="addlist"
|
||||||
|
>查询</el-button
|
||||||
|
>
|
||||||
|
<el-button size="mini" icon="el-icon-refresh-left" @click="resetTwo"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tabsBottom">
|
||||||
|
<div class="foot-main">
|
||||||
|
<div class="headerText">
|
||||||
|
<div class="searchP searchA">楼栋管理列表</div>
|
||||||
|
</div>
|
||||||
|
<div class="exportBtn1">
|
||||||
|
<div class="danchunxinzeng" @click="addRules">
|
||||||
|
新增
|
||||||
|
</div>
|
||||||
|
<!-- <el-button icon="el-icon-edit-outline" size="mini" @click="exportList"
|
||||||
|
>导出</el-button
|
||||||
|
> -->
|
||||||
|
</div>
|
||||||
|
<section class="table-box">
|
||||||
|
<div class="table-item">
|
||||||
|
<el-table v-loading="loading" :data="tableData" border>
|
||||||
|
<!-- <el-table-column type="selection" width="35" align="center" /> -->
|
||||||
|
<el-table-column
|
||||||
|
type="index"
|
||||||
|
label="序号"
|
||||||
|
width="55"
|
||||||
|
align="center"
|
||||||
|
/>
|
||||||
|
<el-table-column label="小区名称" align="center" prop="xm">
|
||||||
|
<!-- <template slot-scope="scope">
|
||||||
|
{{ scope.row.mc || scope.row.cpmc }}
|
||||||
|
</template> -->
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="地址"
|
||||||
|
align="center"
|
||||||
|
prop="xb"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="总户口"
|
||||||
|
align="center"
|
||||||
|
prop="sfzh"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="总人口数"
|
||||||
|
align="center"
|
||||||
|
prop="lxfs"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="建成年份"
|
||||||
|
align="center"
|
||||||
|
prop="zz"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="物业管理公司"
|
||||||
|
align="center"
|
||||||
|
prop="shgx"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="物业电话"
|
||||||
|
align="center"
|
||||||
|
prop="jgyy"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
|
||||||
|
<el-table-column label="操作" align="center" width="200">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<button @click="toDetail(scope.row, 0)" class="sqbtn sqbtn1">
|
||||||
|
查看
|
||||||
|
</button>
|
||||||
|
<button @click="toDetail(scope.row, 1)" class="sqbtn sqbtn2">
|
||||||
|
编辑
|
||||||
|
</button>
|
||||||
|
<button @click="delTable(scope.row)" class="sqbtn sqbtn3">
|
||||||
|
删除
|
||||||
|
</button>
|
||||||
|
<!-- <el-button size="mini" plain type="warning">编辑</el-button> -->
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<pagination
|
||||||
|
:total="total"
|
||||||
|
:page="form1.current"
|
||||||
|
:limit="form1.size"
|
||||||
|
@pagination="getPagination"
|
||||||
|
:current-page.sync="form1.current"
|
||||||
|
></pagination>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-dialog
|
||||||
|
:visible.sync="showCK"
|
||||||
|
width="40%"
|
||||||
|
title="新增楼栋信息"
|
||||||
|
@close="close"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
:close-on-press-escape="false"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<el-form
|
||||||
|
ref="form"
|
||||||
|
:model="form"
|
||||||
|
:rules="rules"
|
||||||
|
label-width="120px"
|
||||||
|
:disabled="mytitle == '查看人员'"
|
||||||
|
>
|
||||||
|
<el-form-item label="小区名称" size="mini" prop="xm">
|
||||||
|
<el-input
|
||||||
|
v-model="form.xm"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="地址" prop="xb">
|
||||||
|
<el-input
|
||||||
|
v-model="form.sfzhd"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="总户口（户）" size="mini" prop="sfzh">
|
||||||
|
<el-input
|
||||||
|
v-model="form.sfzh"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="总人口数" size="mini" prop="zz">
|
||||||
|
<el-input
|
||||||
|
v-model="form.zz"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="建成年份" size="mini" prop="lxfs">
|
||||||
|
<el-input
|
||||||
|
v-model="form.lxfs"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="物业电话" size="mini" prop="jgyr">
|
||||||
|
<el-input
|
||||||
|
v-model="form.jgyr"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="物业管理公司" prop="shgx">
|
||||||
|
<el-input
|
||||||
|
type="textarea"
|
||||||
|
resize="none"
|
||||||
|
:rows="5"
|
||||||
|
v-model="form.shgx"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<span
|
||||||
|
slot="footer"
|
||||||
|
class="dialog-footer"
|
||||||
|
v-show="mytitle != '查看人员'"
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
icon="el-icon-refresh-left"
|
||||||
|
@click="reset('form')"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-document"
|
||||||
|
@click="save('form')"
|
||||||
|
>保存</el-button
|
||||||
|
>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
const startTimeAndendTime = (rule, value, callback) => {
|
||||||
|
// const date1 = this.form.startTime;
|
||||||
|
// const date2 = this.form.endTime;
|
||||||
|
// const timeString = "01:07:53";
|
||||||
|
const date1 = new Date(`2000-01-01 ${this.form.startTime}`);
|
||||||
|
const date2 = new Date(`2000-01-01 ${this.form.endTime}`);
|
||||||
|
if (this.form.startTime === "" || this.form.endTime === "") {
|
||||||
|
callback(new Error("开始时间和结束时间都不能为空"));
|
||||||
|
} else if (date1 > date2) {
|
||||||
|
callback(new Error("结束时间不能小于开始时间"));
|
||||||
|
} else {
|
||||||
|
callback();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
return {
|
||||||
|
mytitle: "新增人员",
|
||||||
|
radio: 1,
|
||||||
|
rules: {
|
||||||
|
attendanceDescription: [
|
||||||
|
{ required: true, message: "请输入考勤规则描述", trigger: "blur" },
|
||||||
|
],
|
||||||
|
name: [
|
||||||
|
{ required: true, message: "请输入考勤规则名称", trigger: "blur" },
|
||||||
|
],
|
||||||
|
status: [{ required: true, message: "请选择状态", trigger: "change" }],
|
||||||
|
groupIdList: [
|
||||||
|
{ required: true, message: "请选择考勤组", trigger: "blur" },
|
||||||
|
],
|
||||||
|
date: [
|
||||||
|
{ required: true, validator: startTimeAndendTime, trigger: "blur" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
form: {
|
||||||
|
name: "",
|
||||||
|
attendanceDescription: "", //考勤规则描述
|
||||||
|
status: 1,
|
||||||
|
groupIdList: [],
|
||||||
|
groupNames: "",
|
||||||
|
endTime: "", //打卡结束时间
|
||||||
|
startTime: "", //打卡开始时间
|
||||||
|
},
|
||||||
|
showCK: false,
|
||||||
|
loading: false,
|
||||||
|
tableData: [
|
||||||
|
{
|
||||||
|
xm:"阳光花园",
|
||||||
|
xb:"幸福路88号",
|
||||||
|
sfzh:"300",
|
||||||
|
lxfs:"900",
|
||||||
|
zz:"2010",
|
||||||
|
shgx:"阳光物业",
|
||||||
|
jgyy:"13255698852",
|
||||||
|
|
||||||
|
|
||||||
|
},{
|
||||||
|
xm:"阳光花园",
|
||||||
|
xb:"幸福路88号",
|
||||||
|
sfzh:"300",
|
||||||
|
lxfs:"900",
|
||||||
|
zz:"2010",
|
||||||
|
shgx:"阳光物业",
|
||||||
|
jgyy:"13255698852",
|
||||||
|
|
||||||
|
|
||||||
|
},{
|
||||||
|
xm:"阳光花园",
|
||||||
|
xb:"幸福路88号",
|
||||||
|
sfzh:"300",
|
||||||
|
lxfs:"900",
|
||||||
|
zz:"2010",
|
||||||
|
shgx:"阳光物业",
|
||||||
|
jgyy:"13255698852",
|
||||||
|
|
||||||
|
|
||||||
|
},{
|
||||||
|
xm:"阳光花园",
|
||||||
|
xb:"幸福路88号",
|
||||||
|
sfzh:"300",
|
||||||
|
lxfs:"900",
|
||||||
|
zz:"2010",
|
||||||
|
shgx:"阳光物业",
|
||||||
|
jgyy:"13255698852",
|
||||||
|
|
||||||
|
|
||||||
|
},{
|
||||||
|
xm:"阳光花园",
|
||||||
|
xb:"幸福路88号",
|
||||||
|
sfzh:"300",
|
||||||
|
lxfs:"900",
|
||||||
|
zz:"2010",
|
||||||
|
shgx:"阳光物业",
|
||||||
|
jgyy:"13255698852",
|
||||||
|
|
||||||
|
|
||||||
|
},{
|
||||||
|
xm:"阳光花园",
|
||||||
|
xb:"幸福路88号",
|
||||||
|
sfzh:"300",
|
||||||
|
lxfs:"900",
|
||||||
|
zz:"2010",
|
||||||
|
shgx:"阳光物业",
|
||||||
|
jgyy:"13255698852",
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
],
|
||||||
|
options: [],
|
||||||
|
total: 0,
|
||||||
|
form1: {
|
||||||
|
name: "",
|
||||||
|
current: 1,
|
||||||
|
size: 10,
|
||||||
|
},
|
||||||
|
//添加之后的数组渲染按钮数组
|
||||||
|
tagList: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getList();
|
||||||
|
this.remoteMethod();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 查询
|
||||||
|
addlist() {
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
// 重置
|
||||||
|
resetTwo() {
|
||||||
|
this.form1 = { name: "", current: 1, size: 10 };
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
getList() {
|
||||||
|
this.loading = false;
|
||||||
|
|
||||||
|
},
|
||||||
|
// 保存
|
||||||
|
save(refForm) {
|
||||||
|
|
||||||
|
},
|
||||||
|
// 新增/修改规则重置
|
||||||
|
reset(formRef) {
|
||||||
|
if (this.mytitle == "新增人员") {
|
||||||
|
this.$refs[formRef].resetFields();
|
||||||
|
} else {
|
||||||
|
this.chakanxiangqing(this.form);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 查看编辑
|
||||||
|
async toDetail(rew, type) {
|
||||||
|
if (type == 0) {
|
||||||
|
// 查看
|
||||||
|
this.mytitle = "查看人员";
|
||||||
|
this.chakanxiangqing(rew);
|
||||||
|
} else if (type == 1) {
|
||||||
|
// 编辑
|
||||||
|
this.mytitle = "编辑考勤规则";
|
||||||
|
this.chakanxiangqing(rew);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
delTable(rew) {
|
||||||
|
// 删除
|
||||||
|
this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
cancelButtonText: "取消",
|
||||||
|
type: "warning",
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.$message({
|
||||||
|
type: "info",
|
||||||
|
message: "已取消删除",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 回显
|
||||||
|
async chakanxiangqing(rew) {
|
||||||
|
|
||||||
|
this.showCK = true;
|
||||||
|
},
|
||||||
|
remoteMethod() {
|
||||||
|
|
||||||
|
},
|
||||||
|
// 关闭
|
||||||
|
close() {
|
||||||
|
this.$refs["form"].resetFields();
|
||||||
|
this.showCK = false;
|
||||||
|
},
|
||||||
|
getPagination(res) {
|
||||||
|
this.form1.current = res.pageNum;
|
||||||
|
this.form1.size = res.pageSize;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
addAttendance() {},
|
||||||
|
addRules() {
|
||||||
|
this.mytitle = "新增人员";
|
||||||
|
this.showCK = true;
|
||||||
|
},
|
||||||
|
|
||||||
|
// 导出
|
||||||
|
exportList() {
|
||||||
|
this.$confirm("是否确认导出考勤点数据项?", "警告", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
cancelButtonText: "取消",
|
||||||
|
type: "warning",
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
this.exportLoading = true;
|
||||||
|
this.download(
|
||||||
|
"/jn/rule/export",
|
||||||
|
{
|
||||||
|
...this.form1,
|
||||||
|
},
|
||||||
|
"考勤规则" + new Date().getTime() + ".xlsx"
|
||||||
|
);
|
||||||
|
this.exportLoading = false;
|
||||||
|
})
|
||||||
|
.catch(() => {});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
@ -0,0 +1,485 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container">
|
||||||
|
<div class="tabs">
|
||||||
|
<div class="headerText">
|
||||||
|
<div class="searchP">查询条件</div>
|
||||||
|
</div>
|
||||||
|
<div class="search-input">
|
||||||
|
<div class="inputSonBox">
|
||||||
|
<div class="texts1" style="width: 6%">小区名称:</div>
|
||||||
|
<el-input
|
||||||
|
size="mini"
|
||||||
|
v-model="form1.name"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
<div class="texts1" style="width: 8%">物业管理公司:</div>
|
||||||
|
<el-input
|
||||||
|
size="mini"
|
||||||
|
v-model="form1.sfz"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
<div class="texts1" style="width: 8%">物业电话:</div>
|
||||||
|
<el-input
|
||||||
|
size="mini"
|
||||||
|
v-model="form1.lxfs"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
<div class="searchBtn">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
size="mini"
|
||||||
|
icon="el-icon-search"
|
||||||
|
@click="addlist"
|
||||||
|
>查询</el-button
|
||||||
|
>
|
||||||
|
<el-button size="mini" icon="el-icon-refresh-left" @click="resetTwo"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="tabsBottom">
|
||||||
|
<div class="foot-main">
|
||||||
|
<div class="headerText">
|
||||||
|
<div class="searchP searchA">小区管理列表</div>
|
||||||
|
</div>
|
||||||
|
<div class="exportBtn1">
|
||||||
|
<div class="danchunxinzeng" @click="addRules">
|
||||||
|
新增
|
||||||
|
</div>
|
||||||
|
<!-- <el-button icon="el-icon-edit-outline" size="mini" @click="exportList"
|
||||||
|
>导出</el-button
|
||||||
|
> -->
|
||||||
|
</div>
|
||||||
|
<section class="table-box">
|
||||||
|
<div class="table-item">
|
||||||
|
<el-table v-loading="loading" :data="tableData" border>
|
||||||
|
<!-- <el-table-column type="selection" width="35" align="center" /> -->
|
||||||
|
<el-table-column
|
||||||
|
type="index"
|
||||||
|
label="序号"
|
||||||
|
width="55"
|
||||||
|
align="center"
|
||||||
|
/>
|
||||||
|
<el-table-column label="小区名称" align="center" prop="xm">
|
||||||
|
<!-- <template slot-scope="scope">
|
||||||
|
{{ scope.row.mc || scope.row.cpmc }}
|
||||||
|
</template> -->
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="楼栋名称"
|
||||||
|
align="center"
|
||||||
|
prop="xb"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="建筑类型"
|
||||||
|
align="center"
|
||||||
|
prop="sfzh"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="总层数"
|
||||||
|
align="center"
|
||||||
|
prop="lxfs"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="每户层数"
|
||||||
|
align="center"
|
||||||
|
prop="zz"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="安全检查记录"
|
||||||
|
align="center"
|
||||||
|
prop="shgx"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="楼栋管理员"
|
||||||
|
align="center"
|
||||||
|
prop="jgyy"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="联系方式"
|
||||||
|
align="center"
|
||||||
|
prop="jgdy"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column label="操作" align="center" width="200">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<button @click="toDetail(scope.row, 0)" class="sqbtn sqbtn1">
|
||||||
|
查看
|
||||||
|
</button>
|
||||||
|
<button @click="toDetail(scope.row, 1)" class="sqbtn sqbtn2">
|
||||||
|
编辑
|
||||||
|
</button>
|
||||||
|
<button @click="delTable(scope.row)" class="sqbtn sqbtn3">
|
||||||
|
删除
|
||||||
|
</button>
|
||||||
|
<!-- <el-button size="mini" plain type="warning">编辑</el-button> -->
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<pagination
|
||||||
|
:total="total"
|
||||||
|
:page="form1.current"
|
||||||
|
:limit="form1.size"
|
||||||
|
@pagination="getPagination"
|
||||||
|
:current-page.sync="form1.current"
|
||||||
|
></pagination>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-dialog
|
||||||
|
:visible.sync="showCK"
|
||||||
|
width="40%"
|
||||||
|
title="新增小区信息"
|
||||||
|
@close="close"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
:close-on-press-escape="false"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<el-form
|
||||||
|
ref="form"
|
||||||
|
:model="form"
|
||||||
|
:rules="rules"
|
||||||
|
label-width="120px"
|
||||||
|
:disabled="mytitle == '查看人员'"
|
||||||
|
>
|
||||||
|
<el-form-item label="所属小区名称" size="mini" prop="xm">
|
||||||
|
<el-input
|
||||||
|
v-model="form.xm"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="楼栋名称" prop="xb">
|
||||||
|
<el-input
|
||||||
|
v-model="form.sfzhaas"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="建筑类型" size="mini" prop="sfzh">
|
||||||
|
<el-input
|
||||||
|
v-model="form.sfzh"
|
||||||
|
placeholder="请输入号"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="总层数(层)" size="mini" prop="zz">
|
||||||
|
<el-input
|
||||||
|
v-model="form.zz"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="每层户数" size="mini" prop="lxfs">
|
||||||
|
<el-input
|
||||||
|
v-model="form.lxfs"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="楼栋管理员" size="mini" prop="jgyr">
|
||||||
|
<el-input
|
||||||
|
v-model="form.jgyra"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="联系方式" prop="shgx">
|
||||||
|
<el-input
|
||||||
|
v-model="form.jgyrb"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="安全记录检查" prop="jgyy">
|
||||||
|
<el-input
|
||||||
|
v-model="form.jgyrc
|
||||||
|
"
|
||||||
|
placeholder="请输入"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<span
|
||||||
|
slot="footer"
|
||||||
|
class="dialog-footer"
|
||||||
|
v-show="mytitle != '查看人员'"
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
icon="el-icon-refresh-left"
|
||||||
|
@click="reset('form')"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-document"
|
||||||
|
@click="save('form')"
|
||||||
|
>保存</el-button
|
||||||
|
>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
const startTimeAndendTime = (rule, value, callback) => {
|
||||||
|
// const date1 = this.form.startTime;
|
||||||
|
// const date2 = this.form.endTime;
|
||||||
|
// const timeString = "01:07:53";
|
||||||
|
const date1 = new Date(`2000-01-01 ${this.form.startTime}`);
|
||||||
|
const date2 = new Date(`2000-01-01 ${this.form.endTime}`);
|
||||||
|
if (this.form.startTime === "" || this.form.endTime === "") {
|
||||||
|
callback(new Error("开始时间和结束时间都不能为空"));
|
||||||
|
} else if (date1 > date2) {
|
||||||
|
callback(new Error("结束时间不能小于开始时间"));
|
||||||
|
} else {
|
||||||
|
callback();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
return {
|
||||||
|
mytitle: "新增人员",
|
||||||
|
radio: 1,
|
||||||
|
rules: {
|
||||||
|
attendanceDescription: [
|
||||||
|
{ required: true, message: "请输入考勤规则描述", trigger: "blur" },
|
||||||
|
],
|
||||||
|
name: [
|
||||||
|
{ required: true, message: "请输入考勤规则名称", trigger: "blur" },
|
||||||
|
],
|
||||||
|
status: [{ required: true, message: "请选择状态", trigger: "change" }],
|
||||||
|
groupIdList: [
|
||||||
|
{ required: true, message: "请选择考勤组", trigger: "blur" },
|
||||||
|
],
|
||||||
|
date: [
|
||||||
|
{ required: true, validator: startTimeAndendTime, trigger: "blur" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
form: {
|
||||||
|
name: "",
|
||||||
|
attendanceDescription: "", //考勤规则描述
|
||||||
|
status: 1,
|
||||||
|
groupIdList: [],
|
||||||
|
groupNames: "",
|
||||||
|
endTime: "", //打卡结束时间
|
||||||
|
startTime: "", //打卡开始时间
|
||||||
|
},
|
||||||
|
showCK: false,
|
||||||
|
loading: false,
|
||||||
|
tableData: [
|
||||||
|
{
|
||||||
|
xm:"阳光花园",
|
||||||
|
xb:"阳光楼",
|
||||||
|
sfzh:"高层",
|
||||||
|
lxfs:"13",
|
||||||
|
zz:"4",
|
||||||
|
shgx:"2024-01-05",
|
||||||
|
jgyy:"王五",
|
||||||
|
jgdy:"13911111111",
|
||||||
|
|
||||||
|
},{
|
||||||
|
xm:"绿茵雅苑",
|
||||||
|
xb:"绿茵阁",
|
||||||
|
sfzh:"小高层",
|
||||||
|
lxfs:"13",
|
||||||
|
zz:"4",
|
||||||
|
shgx:"2024-01-05",
|
||||||
|
jgyy:"王五",
|
||||||
|
jgdy:"13911111111",
|
||||||
|
|
||||||
|
},{
|
||||||
|
xm:"绿茵雅苑",
|
||||||
|
xb:"绿茵阁",
|
||||||
|
sfzh:"小高层",
|
||||||
|
lxfs:"13",
|
||||||
|
zz:"4",
|
||||||
|
shgx:"2024-01-05",
|
||||||
|
jgyy:"王五",
|
||||||
|
jgdy:"13911111111",
|
||||||
|
|
||||||
|
},{
|
||||||
|
xm:"蓝湾半岛",
|
||||||
|
xb:"蓝湾轩",
|
||||||
|
sfzh:"多层",
|
||||||
|
lxfs:"13",
|
||||||
|
zz:"4",
|
||||||
|
shgx:"2024-01-05",
|
||||||
|
jgyy:"王五",
|
||||||
|
jgdy:"13911111111",
|
||||||
|
|
||||||
|
},{
|
||||||
|
xm:"金色港湾",
|
||||||
|
xb:"金港府",
|
||||||
|
sfzh:"小高层",
|
||||||
|
lxfs:"13",
|
||||||
|
zz:"4",
|
||||||
|
shgx:"2024-01-05",
|
||||||
|
jgyy:"王五",
|
||||||
|
jgdy:"13911111111",
|
||||||
|
|
||||||
|
},{
|
||||||
|
xm:"绿茵雅苑",
|
||||||
|
xb:"绿茵阁",
|
||||||
|
sfzh:"小高层",
|
||||||
|
lxfs:"13",
|
||||||
|
zz:"4",
|
||||||
|
shgx:"2024-01-05",
|
||||||
|
jgyy:"王五",
|
||||||
|
jgdy:"13911111111",
|
||||||
|
|
||||||
|
},,{
|
||||||
|
xm:"绿茵雅苑",
|
||||||
|
xb:"绿茵阁",
|
||||||
|
sfzh:"小高层",
|
||||||
|
lxfs:"13",
|
||||||
|
zz:"4",
|
||||||
|
shgx:"2024-01-05",
|
||||||
|
jgyy:"王五",
|
||||||
|
jgdy:"13911111111",
|
||||||
|
|
||||||
|
},,{
|
||||||
|
xm:"绿茵雅苑",
|
||||||
|
xb:"绿茵阁",
|
||||||
|
sfzh:"小高层",
|
||||||
|
lxfs:"13",
|
||||||
|
zz:"4",
|
||||||
|
shgx:"2024-01-05",
|
||||||
|
jgyy:"王五",
|
||||||
|
jgdy:"13911111111",
|
||||||
|
|
||||||
|
},
|
||||||
|
],
|
||||||
|
options: [],
|
||||||
|
total: 0,
|
||||||
|
form1: {
|
||||||
|
name: "",
|
||||||
|
current: 1,
|
||||||
|
size: 10,
|
||||||
|
},
|
||||||
|
//添加之后的数组渲染按钮数组
|
||||||
|
tagList: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getList();
|
||||||
|
this.remoteMethod();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 查询
|
||||||
|
addlist() {
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
// 重置
|
||||||
|
resetTwo() {
|
||||||
|
this.form1 = { name: "", current: 1, size: 10 };
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
getList() {
|
||||||
|
this.loading = false;
|
||||||
|
|
||||||
|
},
|
||||||
|
// 保存
|
||||||
|
save(refForm) {
|
||||||
|
|
||||||
|
},
|
||||||
|
// 新增/修改规则重置
|
||||||
|
reset(formRef) {
|
||||||
|
if (this.mytitle == "新增人员") {
|
||||||
|
this.$refs[formRef].resetFields();
|
||||||
|
} else {
|
||||||
|
this.chakanxiangqing(this.form);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 查看编辑
|
||||||
|
async toDetail(rew, type) {
|
||||||
|
if (type == 0) {
|
||||||
|
// 查看
|
||||||
|
this.mytitle = "查看人员";
|
||||||
|
this.chakanxiangqing(rew);
|
||||||
|
} else if (type == 1) {
|
||||||
|
// 编辑
|
||||||
|
this.mytitle = "编辑考勤规则";
|
||||||
|
this.chakanxiangqing(rew);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
delTable(rew) {
|
||||||
|
// 删除
|
||||||
|
this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
cancelButtonText: "取消",
|
||||||
|
type: "warning",
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.$message({
|
||||||
|
type: "info",
|
||||||
|
message: "已取消删除",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 回显
|
||||||
|
async chakanxiangqing(rew) {
|
||||||
|
|
||||||
|
this.showCK = true;
|
||||||
|
},
|
||||||
|
remoteMethod() {
|
||||||
|
|
||||||
|
},
|
||||||
|
// 关闭
|
||||||
|
close() {
|
||||||
|
this.$refs["form"].resetFields();
|
||||||
|
this.showCK = false;
|
||||||
|
},
|
||||||
|
getPagination(res) {
|
||||||
|
this.form1.current = res.pageNum;
|
||||||
|
this.form1.size = res.pageSize;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
addAttendance() {},
|
||||||
|
addRules() {
|
||||||
|
this.mytitle = "新增人员";
|
||||||
|
this.showCK = true;
|
||||||
|
},
|
||||||
|
|
||||||
|
// 导出
|
||||||
|
exportList() {
|
||||||
|
this.$confirm("是否确认导出考勤点数据项?", "警告", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
cancelButtonText: "取消",
|
||||||
|
type: "warning",
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
this.exportLoading = true;
|
||||||
|
this.download(
|
||||||
|
"/jn/rule/export",
|
||||||
|
{
|
||||||
|
...this.form1,
|
||||||
|
},
|
||||||
|
"考勤规则" + new Date().getTime() + ".xlsx"
|
||||||
|
);
|
||||||
|
this.exportLoading = false;
|
||||||
|
})
|
||||||
|
.catch(() => {});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
Loading…
Reference in new issue