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