Skip to content

A
attendance-performance-platform
Commit b5903736 authored by 姬鋆屾's avatar 姬鋆屾
Browse files
Options

推

parent a522edd9
Show whitespace changes
Inline Side-by-side
Showing with 973 additions and 272 deletions
attendance-performance-manager-ui/admin/src/assets/mixins/formdialog.js
View file @ b5903736
...@@ -64,6 +64,10 @@ export default { ...@@ -64,6 +64,10 @@ export default {
url = "/perform/perpose/save"; url = "/perform/perpose/save";
} else if (url == "/perform/rules/attend/save") { } else if (url == "/perform/rules/attend/save") {
url = "/perform/rules/category/save"; url = "/perform/rules/category/save";
} else if ((url = "/perform/staff/conf/save")) {
sessionStorage.getItem("type") == 1
? (url = "/perform/dept/conf/save")
: (url = "/perform/staff/conf/save");
} }
const el = this.$refs.form; const el = this.$refs.form;
el.validate((valid) => { el.validate((valid) => {
......
attendance-performance-manager-ui/admin/src/views/perform/dept/conf/list.vue
View file @ b5903736
<template> <template>
<div class="page"> <div class="page">
<LayoutTable :data="tableData" :config="tableConfig"> <LayoutTable :data="tableData" :config="tableConfig"> </LayoutTable>
</LayoutTable>
<drawer-show ref="drawerform" @ok="getData" /> <drawer-show ref="drawerform" @ok="getData" />
</div> </div>
</template> </template>
<script> <script>
/** 表单弹出框模式需引入 */ /** 表单弹出框模式需引入 */
import drawerShow from "./drawershow"; import drawerShow from "./drawershow";
import table from "@/assets/mixins/table"; import table from "@/assets/mixins/table";
export default { export default {
name: "PerformDeptConfList", name: "PerformDeptConfList",
components: { components: {
drawerShow drawerShow,
},
mixins: [table],
created() {
}, },
mixins: [table],
created() {},
methods: { methods: {
/** 重写新增方法 */ /** 重写新增方法 */
toAdd(row) { toAdd(row) {
...@@ -33,45 +30,73 @@ ...@@ -33,45 +30,73 @@
toView(row) { toView(row) {
this.$refs.drawerform.view(row); this.$refs.drawerform.view(row);
}, },
}, },
data() { data() {
return { return {
config: { config: {
isshowTabPane:true, isshowTabPane: true,
search: [ search: [],
],
columns: [ columns: [
{type: "selection", width: 60}, { type: "selection", width: 60 },
{type: "index",label: "序号",width: 50}, { type: "index", label: "序号", width: 50 },
{label: "部门id", prop: "deptId", formatter: this.formatter}, { label: "部门id", prop: "deptId", formatter: this.formatter },
{label: "部门名称", prop: "deptName"}, { label: "部门名称", prop: "deptName" },
{label: "考勤绩效指标数量", prop: "attendCount",formatter: this.formatter}, {
label: "考勤绩效指标数量",
prop: "attendCount",
formatter: this.formatter,
},
{label: "评价绩效指标数量", prop: "assessCount",formatter: this.formatter}, {
label: "评价绩效指标数量",
prop: "assessCount",
formatter: this.formatter,
},
{label: "办件绩效指标数量", prop: "workCount",formatter: this.formatter}, {
label: "办件绩效指标数量",
prop: "workCount",
formatter: this.formatter,
},
{label: "效能绩效指标数量", prop: "effectCount",formatter: this.formatter}, {
label: "效能绩效指标数量",
prop: "effectCount",
formatter: this.formatter,
},
{label: "其它绩效指标数量", prop: "otherCount",formatter: this.formatter}, {
label: "其它绩效指标数量",
prop: "otherCount",
formatter: this.formatter,
},
{label: "创建用户", prop: "createUserId", formatter: this.formatter}, {
label: "创建用户",
prop: "createUserId",
formatter: this.formatter,
},
{ {
label: "操作", label: "操作",
width: 240, width: 240,
formatter: row => { formatter: (row) => {
return ( return (
<table-buttons noAdd row={row} onEdit={this.toEdit} onView={this.toView} onDel={this.toDel} /> <table-buttons
noAdd
row={row}
onEdit={this.toEdit}
onView={this.toView}
onDel={this.toDel}
/>
); );
} },
} },
] ],
} },
};
}
}; };
},
};
</script> </script>
attendance-performance-manager-ui/admin/src/views/perform/staff/conf/deptdrawershow.vue 0 → 100644
View file @ b5903736
<template>
<!-- 弹出框表单 -->
<el-drawer
:title="title"
:visible.sync="open"
:direction="direction"
size="50%"
>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<Field
label="部门id"
prop="deptId"
v-model="form.deptId"
placeholder="请输入部门id"
/>
<Field
label="部门名称"
prop="deptName"
v-model="form.deptName"
type="textarea"
placeholder="请输入部门名称"
/>
<Field
label="考勤绩效指标数量"
prop="attendCount"
v-model="form.attendCount"
placeholder="请输入考勤绩效指标数量"
/>
<Field
label="评价绩效指标数量"
prop="assessCount"
v-model="form.assessCount"
placeholder="请输入评价绩效指标数量"
/>
<Field
label="办件绩效指标数量"
prop="workCount"
v-model="form.workCount"
placeholder="请输入办件绩效指标数量"
/>
<Field
label="效能绩效指标数量"
prop="effectCount"
v-model="form.effectCount"
placeholder="请输入效能绩效指标数量"
/>
<Field
label="其它绩效指标数量"
prop="otherCount"
v-model="form.otherCount"
placeholder="请输入其它绩效指标数量"
/>
<Field
label="备注"
prop="remark"
v-model="form.remark"
type="textarea"
placeholder="请输入备注"
/>
</el-row>
<form-buttons @submit="submitForm" noCancelBtn />
</el-form>
</el-drawer>
</template>
<script>
import form from "@/assets/mixins/formdialog";
export default {
name: "PerformDeptConfDetail",
mixins: [form],
components: {},
created() {
this.changePath("perform/dept/conf");
},
data() {
return {
// 遮罩层
loading: true,
// 弹出层标题
title: "部门自动考核信息",
// 是否显示弹出层
open: false,
direction: "rtl",
toString: [],
toDate: [],
// 表单校验
rules: {},
};
},
methods: {
/** 编辑 */
edit(row) {
this.reset();
this.query = { id: row.id };
this.urls.currUrl = "perform/dept/conf/edit";
this.getData();
this.pageInfo.type = "edit";
this.title = "修改部门自动考核信息";
},
/** 新增 */
add(row) {
this.reset();
this.urls.currUrl = "perform/dept/conf/add";
this.getData();
this.pageInfo.type = "add";
this.title = "新增部门自动考核信息";
},
/** 查看*/
view(row) {
this.reset();
this.query = { id: row.id };
this.urls.currUrl = "perform/dept/conf/view";
this.getData();
this.pageInfo.type = "view";
this.title = "部门自动考核信息详细";
},
/**取消按钮 */
cancel() {
this.open = false;
},
/**获取数据后弹框 */
afterRender(data) {
this.open = true;
},
afterSubmit(data) {
this.open = false;
this.$emit("ok");
},
// 表单重置
reset() {
this.form = {
deptId: null,
deptName: "",
attendCount: null,
assessCount: null,
workCount: null,
effectCount: null,
otherCount: null,
remark: "",
};
this.resetForm("form");
},
resetForm(refName) {
if (this.$refs[refName]) {
this.$refs[refName].resetFields();
}
},
},
};
</script>
attendance-performance-manager-ui/admin/src/views/perform/staff/conf/list(原绩效依据).vue 0 → 100644
View file @ b5903736
<template>
<div class="page">
<LayoutTable :data="tableData" :config="tableConfig"> </LayoutTable>
<drawer-show ref="drawerform" @ok="getData" />
</div>
</template>
<script>
/** 表单弹出框模式需引入 */
import drawerShow from "./drawershow";
import table from "@/assets/mixins/table";
export default {
name: "PerformStaffConfList",
components: {
drawerShow,
},
mixins: [table],
created() {},
methods: {
/** 重写新增方法 */
toAdd(row) {
this.$refs.drawerform.add(row);
},
/** 重写编辑方法 */
toEdit(row) {
this.$refs.drawerform.edit(row);
},
/** 重写查看方法 */
toView(row) {
this.$refs.drawerform.view(row);
},
},
data() {
return {
config: {
isshowTabPane: true,
search: [],
columns: [
{ type: "selection", width: 60 },
{ type: "index", label: "序号", width: 50 },
{ label: "人员ids", prop: "staffIds" },
{ label: "人员名称n", prop: "staffNames" },
{
label: "考核人总数",
prop: "staffCount",
formatter: this.formatter,
},
{
label: "考勤绩效指标数量",
prop: "attendCount",
formatter: this.formatter,
},
{
label: "评价绩效指标数量",
prop: "assessCount",
formatter: this.formatter,
},
{
label: "办件绩效指标数量",
prop: "workCount",
formatter: this.formatter,
},
{
label: "效能绩效指标数量",
prop: "effectCount",
formatter: this.formatter,
},
{
label: "其它绩效指标数量",
prop: "otherCount",
formatter: this.formatter,
},
{
label: "创建用户",
prop: "createUserId",
formatter: this.formatter,
},
{
label: "操作",
width: 240,
formatter: (row) => {
return (
<table-buttons
noAdd
row={row}
onEdit={this.toEdit}
onView={this.toView}
onDel={this.toDel}
/>
);
},
},
],
},
};
},
};
</script>
attendance-performance-manager-ui/admin/src/views/perform/staff/conf/list.vue
View file @ b5903736
<template> <template>
<div class="page"> <div class="page">
<LayoutTable :data="tableData" :config="tableConfig"> </LayoutTable> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="自动考核指标" name="1">
<div class="content">
<div class="top">
<el-radio-group v-model="type" @input="buttonChange">
<el-radio-button label="1">按部门</el-radio-button>
<el-radio-button label="2">按个人</el-radio-button>
</el-radio-group>
<el-button type="primary" style="margin: 0 20px;" @click="addGoal">
+ {{ type == 1 ? "新增考核部门" : "新增考核个人" }}</el-button
>
</div>
<div class="mid_content">
<div class="goal_box" v-for="(val, i) in dataList" :key="i">
<div class="goal_title">
<img src="../../../../assets/images/u17641.svg" alt="" />
<span>
{{ val.deptName ? val.deptName : "--" }}
</span>
</div>
<p class="goal_txt">
<span>考核指标：</span>
</p>
<p>
<el-tag style="margin: 0 5px 5px 0"
>考勤绩效指标/工作纪律：{{ val.attendCount }}</el-tag
>
<el-tag style="margin: 0 5px 5px 0"
>评价绩效指标/工作纪律：{{ val.assessCount }}</el-tag
>
<el-tag style="margin: 0 5px 5px 0"
>办件绩效指标/工作效能：{{ val.workCount }}</el-tag
>
<el-tag style="margin: 0 5px 5px 0"
>效能绩效指标/工作纪律：{{ val.effectCount }}</el-tag
>
</p>
<p class="goal_txt">
<span>最近更新：</span><span>{{ val.createTime }}</span>
</p>
<p class="goal_txt">
<span>更新人员：</span><span>{{ val.createUserId }}</span>
</p>
<div class="button_box">
<el-button
type="primary"
style="width: 150px;"
plain
@click="hanleEdit(val)"
>编辑</el-button
>
<el-button
type="danger"
style="width: 150px;"
plain
@click="hanleDel(val)"
>删除</el-button
>
</div>
</div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="窗口负责人管理" name="2">
<div class="content">
<LayoutTable :data="tableData" notSearch :config="tableConfig">
</LayoutTable>
</div>
</el-tab-pane>
</el-tabs>
<!-- 人员考核 -->
<drawer-show ref="drawerform" @ok="getData" /> <drawer-show ref="drawerform" @ok="getData" />
<!-- 部门考核 -->
<deptdrawer-show ref="deptdrawerform" @ok="getData" />
<!-- 窗口负责人管理 -->
<windowdrawer-show ref="windowdrawerform" @ok="getData" />
</div> </div>
</template> </template>
<script> <script>
/** 表单弹出框模式需引入 */ /** 表单弹出框模式需引入 */
import drawerShow from "./drawershow"; import drawerShow from "./drawershow";
import deptdrawerShow from "./deptdrawershow.vue";
import windowdrawerShow from "./windowdrawershow.vue";
import table from "@/assets/mixins/table"; import table from "@/assets/mixins/table";
export default { export default {
name: "PerformStaffConfList", name: "PerformStaffConfList",
components: { components: {
drawerShow, drawerShow,
deptdrawerShow,
windowdrawerShow,
}, },
mixins: [table], mixins: [table],
created() {}, created() {
console.log(this.tableData);
sessionStorage.removeItem("type");
sessionStorage.setItem("type", this.type);
},
methods: { methods: {
/** 重写新增方法 */ /** 重写新增方法 */
toAdd(row) { toAdd(row) {
this.$refs.drawerform.add(row); this.$refs.windowdrawerform.add(row);
}, },
/** 重写编辑方法 */ /** 重写编辑方法 */
toEdit(row) { toEdit(row) {
this.$refs.drawerform.edit(row); this.$refs.windowdrawerform.edit(row);
}, },
/** 重写查看方法 */ /** 重写查看方法 */
toView(row) { toView(row) {
this.$refs.drawerform.view(row); this.$refs.windowdrawerform.view(row);
},
hanleEdit(val) {
this.type == 1
? this.$refs.deptdrawerform.edit(val)
: this.$refs.drawerform.edit(val);
},
hanleDel(val) {
this.$get(
this.type == 1
? "/perform/dept/conf/delete"
: "/perform/staff/conf/delete",
{ id: val.id }
).then((res) => {
this.$message.success(res.msg);
this.getData();
});
},
addGoal() {
this.type == 1
? this.$refs.deptdrawerform.add()
: this.$refs.drawerform.add();
},
buttonChange() {
sessionStorage.setItem("type", this.type);
this.getData();
},
handleClick() {
this.getData();
},
async getData() {
await this.$post(
this.type == 1 ? "/perform/dept/conf/list" : "/perform/staff/conf/list"
).then((res) => {
console.log(res);
if (res.code == 1) {
this.dataList = res.data.data;
}
});
this.activeName == 2
? await this.$post("/window/owner/list").then((res) => {
console.log(res);
if (res.code == 1) {
this.tableData = res.data;
}
})
: "";
}, },
}, },
data() { data() {
return { return {
dataList: [],
tableData: {},
activeName: "1",
type: "1",
config: { config: {
isshowTabPane: true, isshowTabPane: false,
search: [], search: [],
columns: [ columns: [
{ type: "selection", width: 60 }, { type: "selection", width: 60 },
{ type: "index", label: "序号", width: 50 }, { type: "index", label: "序号", width: 50 },
{ label: "人员ids", prop: "staffIds" }, { label: "部门名称", prop: "deptName" },
{ label: "人员名称n", prop: "staffNames" }, { label: "姓名", prop: "name" },
{ { label: "工号", prop: "number" },
label: "考核人总数",
prop: "staffCount",
formatter: this.formatter,
},
{ { label: "电话号码", prop: "phone" },
label: "考勤绩效指标数量",
prop: "attendCount",
formatter: this.formatter,
},
{ {
label: "评价绩效指标数量", label: "负责窗口数量",
prop: "assessCount", prop: "windowCount",
formatter: this.formatter, formatter: this.formatter,
}, },
{ {
label: "办件绩效指标数量", label: "创建时间",
prop: "workCount", prop: "createTime",
formatter: this.formatter, formatter: this.formatterDate,
},
{
label: "效能绩效指标数量",
prop: "effectCount",
formatter: this.formatter,
},
{
label: "其它绩效指标数量",
prop: "otherCount",
formatter: this.formatter,
},
{
label: "创建用户",
prop: "createUserId",
formatter: this.formatter,
}, },
{ {
label: "操作", label: "操作",
...@@ -106,3 +211,120 @@ export default { ...@@ -106,3 +211,120 @@ export default {
}, },
}; };
</script> </script>
<style lang="less" scoped>
.page {
width: 100%;
height: 100%;
overflow: hidden;
/deep/.el-tabs__item {
width: 120px;
font-size: 18px;
text-align: center;
}
.content {
width: 100%;
height: 100%;
.search_top {
width: 100%;
height: 1000%;
display: flex;
justify-content: space-between;
}
/deep/.el-radio-button {
width: 150px;
text-align: center;
border: 1px solid #eee;
}
/deep/.el-radio-button__inner {
width: 150px;
}
/deep/.el-radio-button__orig-radio:checked + .el-radio-button__inner {
width: 150px;
border: none;
background: #1890ff;
color: #fff;
border: 1px solid #eee;
}
.top {
width: 100%;
height: 60px;
}
.mid {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
.mid_top {
width: 100%;
height: 300px;
display: flex;
justify-content: space-between;
.jixiaozongfen,
.jixiaopingjunfen {
width: 48%;
height: 100%;
}
}
.mid_down {
width: 100%;
height: 380px;
display: flex;
justify-content: space-evenly;
padding-top: 50px;
.box {
width: 25%;
height: 100%;
}
}
}
.mid_content,
.bar_content {
width: 100%;
height: 700px;
overflow: hidden;
}
.mid_content {
overflow-y: auto;
display: flex;
flex-wrap: wrap;
.goal_box {
width: 435px;
height: 270px;
background: inherit;
background-color: rgba(255, 255, 255, 1);
border: none;
border-radius: 8px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.117647058823529);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.117647058823529);
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.117647058823529);
margin: 0 20px 20px 0;
padding: 20px;
.goal_title {
width: 100%;
display: flex;
align-items: center;
img {
margin-right: 10px;
}
}
.goal_txt {
font-family: "微软雅黑", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 12px;
color: #666666;
width: 100%;
margin: 10px 0;
}
.button_box {
width: 100%;
display: flex;
justify-content: space-evenly;
align-items: center;
}
}
}
}
}
</style>
attendance-performance-manager-ui/admin/src/views/perform/staff/conf/windowdrawershow.vue 0 → 100644
View file @ b5903736
<template>
<!-- 弹出框表单 -->
<el-drawer
:title="title"
:visible.sync="open"
:direction="direction"
size="50%"
>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<Field
label="部门id号"
prop="deptId"
v-model="form.deptId"
placeholder="请输入部门id号"
/>
<Field
label="部门名称"
prop="deptName"
v-model="form.deptName"
placeholder="请输入部门名称"
/>
<Field
label="姓名"
prop="name"
v-model="form.name"
placeholder="请输入姓名"
/>
<Field
label="工号"
prop="number"
v-model="form.number"
placeholder="请输入工号"
/>
<Field
label="电话号码"
prop="phone"
v-model="form.phone"
placeholder="请输入电话号码"
/>
<Field
label="负责窗口数量"
prop="windowCount"
v-model="form.windowCount"
placeholder="请输入负责窗口数量"
/>
<Field
label="备注"
prop="remark"
v-model="form.remark"
type="textarea"
placeholder="请输入备注"
/>
</el-row>
<form-buttons @submit="submitForm" noCancelBtn />
</el-form>
</el-drawer>
</template>
<script>
import form from "@/assets/mixins/formdialog";
export default {
name: "WindowOwnerDetail",
mixins: [form],
components: {},
created() {
this.changePath("window/owner");
},
data() {
return {
// 遮罩层
loading: true,
// 弹出层标题
title: "窗口负责人",
// 是否显示弹出层
open: false,
direction: "rtl",
toString: [],
toDate: [],
// 表单校验
rules: {},
};
},
methods: {
/** 编辑 */
edit(row) {
this.reset();
this.query = { id: row.id };
this.urls.currUrl = "window/owner/edit";
this.getData();
this.pageInfo.type = "edit";
this.title = "修改窗口负责人";
},
/** 新增 */
add(row) {
this.reset();
this.urls.currUrl = "window/owner/add";
this.getData();
this.pageInfo.type = "add";
this.title = "新增窗口负责人";
},
/** 查看*/
view(row) {
this.reset();
this.query = { id: row.id };
this.urls.currUrl = "window/owner/view";
this.getData();
this.pageInfo.type = "view";
this.title = "窗口负责人详细";
},
/**取消按钮 */
cancel() {
this.open = false;
},
/**获取数据后弹框 */
afterRender(data) {
this.open = true;
},
afterSubmit(data) {
this.open = false;
this.$emit("ok");
},
// 表单重置
reset() {
this.form = {
deptId: 0,
deptName: "",
name: "",
number: "",
phone: "",
windowCount: null,
remark: "",
};
this.resetForm("form");
},
resetForm(refName) {
if (this.$refs[refName]) {
this.$refs[refName].resetFields();
}
},
},
};
</script>
\ No newline at end of file
attendance-performance-manager-ui/admin/src/views/window/owner/drawershow.vue
View file @ b5903736
...@@ -4,35 +4,68 @@ ...@@ -4,35 +4,68 @@
:title="title" :title="title"
:visible.sync="open" :visible.sync="open"
:direction="direction" :direction="direction"
size="50%"> size="50%"
>
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> <el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row> <el-row>
<Field label="部门id号" prop="deptId" v-model="form.deptId" placeholder="请输入部门id号"/> <Field
<Field label="部门名称" prop="deptName" v-model="form.deptName" placeholder="请输入部门名称"/> label="部门id号"
<Field label="姓名" prop="name" v-model="form.name" placeholder="请输入姓名"/> prop="deptId"
<Field label="工号" prop="number" v-model="form.number" placeholder="请输入工号"/> v-model="form.deptId"
<Field label="电话号码" prop="phone" v-model="form.phone" placeholder="请输入电话号码"/> placeholder="请输入部门id号"
<Field label="负责窗口数量" prop="windowCount" v-model="form.windowCount" placeholder="请输入负责窗口数量"/> />
<Field label="备注" prop="remark" v-model="form.remark" type="textarea" placeholder="请输入备注"/> <Field
label="部门名称"
prop="deptName"
v-model="form.deptName"
placeholder="请输入部门名称"
/>
<Field
label="姓名"
prop="name"
v-model="form.name"
placeholder="请输入姓名"
/>
<Field
label="工号"
prop="number"
v-model="form.number"
placeholder="请输入工号"
/>
<Field
label="电话号码"
prop="phone"
v-model="form.phone"
placeholder="请输入电话号码"
/>
<Field
label="负责窗口数量"
prop="windowCount"
v-model="form.windowCount"
placeholder="请输入负责窗口数量"
/>
<Field
label="备注"
prop="remark"
v-model="form.remark"
type="textarea"
placeholder="请输入备注"
/>
</el-row> </el-row>
<form-buttons @submit='submitForm' noCancelBtn /> <form-buttons @submit="submitForm" noCancelBtn />
</el-form> </el-form>
</el-drawer> </el-drawer>
</template> </template>
<script> <script>
import form from "@/assets/mixins/formdialog"; import form from "@/assets/mixins/formdialog";
export default { export default {
name: "WindowOwnerDetail", name: "WindowOwnerDetail",
mixins: [form], mixins: [form],
components: { components: {},
},
created() { created() {
this.changePath("window/owner") this.changePath("window/owner");
}, },
data() { data() {
return { return {
...@@ -42,42 +75,39 @@ ...@@ -42,42 +75,39 @@
title: "窗口负责人", title: "窗口负责人",
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
direction:"rtl", direction: "rtl",
toString:[ toString: [],
], toDate: [],
toDate:[
],
// 表单校验 // 表单校验
rules: { rules: {},
}
}; };
}, },
methods: { methods: {
/** 编辑 */ /** 编辑 */
edit(row) { edit(row) {
this.reset() this.reset();
this.query = { id: row.id }; this.query = { id: row.id };
this.urls.currUrl ="window/owner/edit"; this.urls.currUrl = "window/owner/edit";
this.getData(); this.getData();
this.pageInfo.type="edit" this.pageInfo.type = "edit";
this.title = "修改窗口负责人"; this.title = "修改窗口负责人";
}, },
/** 新增 */ /** 新增 */
add(row) { add(row) {
this.reset() this.reset();
this.urls.currUrl = "window/owner/add"; this.urls.currUrl = "window/owner/add";
this.getData(); this.getData();
this.pageInfo.type="add" this.pageInfo.type = "add";
this.title = "新增窗口负责人"; this.title = "新增窗口负责人";
}, },
/** 查看*/ /** 查看*/
view(row) { view(row) {
this.reset() this.reset();
this.query = { id: row.id }; this.query = { id: row.id };
this.urls.currUrl ="window/owner/view"; this.urls.currUrl = "window/owner/view";
this.getData(); this.getData();
this.pageInfo.type="view" this.pageInfo.type = "view";
this.title = "窗口负责人详细"; this.title = "窗口负责人详细";
}, },
/**取消按钮 */ /**取消按钮 */
...@@ -97,13 +127,13 @@ ...@@ -97,13 +127,13 @@
// 表单重置 // 表单重置
reset() { reset() {
this.form = { this.form = {
deptId : 0, deptId: 0,
deptName : "", deptName: "",
name : "", name: "",
number : "", number: "",
phone : "", phone: "",
windowCount : null, windowCount: null,
remark : "", remark: "",
}; };
this.resetForm("form"); this.resetForm("form");
}, },
...@@ -113,5 +143,5 @@ ...@@ -113,5 +143,5 @@
} }
}, },
}, },
}; };
</script> </script>
attendance-performance-manager-ui/admin/src/views/window/owner/list.vue
View file @ b5903736
<template> <template>
<div class="page"> <div class="page">
<LayoutTable :data="tableData" :config="tableConfig"> <LayoutTable :data="tableData" :config="tableConfig"> </LayoutTable>
</LayoutTable>
<drawer-show ref="drawerform" @ok="getData" /> <drawer-show ref="drawerform" @ok="getData" />
</div> </div>
</template> </template>
<script> <script>
/** 表单弹出框模式需引入 */ /** 表单弹出框模式需引入 */
import drawerShow from "./drawershow"; import drawerShow from "./drawershow";
import table from "@/assets/mixins/table"; import table from "@/assets/mixins/table";
export default { export default {
name: "WindowOwnerList", name: "WindowOwnerList",
components: { components: {
drawerShow drawerShow,
},
mixins: [table],
created() {
}, },
mixins: [table],
created() {},
methods: { methods: {
/** 重写新增方法 */ /** 重写新增方法 */
toAdd(row) { toAdd(row) {
...@@ -33,41 +30,53 @@ ...@@ -33,41 +30,53 @@
toView(row) { toView(row) {
this.$refs.drawerform.view(row); this.$refs.drawerform.view(row);
}, },
}, },
data() { data() {
return { return {
config: { config: {
isshowTabPane:true, isshowTabPane: true,
search: [ search: [],
],
columns: [ columns: [
{type: "selection", width: 60}, { type: "selection", width: 60 },
{type: "index",label: "序号",width: 50}, { type: "index", label: "序号", width: 50 },
{label: "部门名称", prop: "deptName"}, { label: "部门名称", prop: "deptName" },
{label: "姓名", prop: "name"}, { label: "姓名", prop: "name" },
{label: "工号", prop: "number"}, { label: "工号", prop: "number" },
{label: "电话号码", prop: "phone"}, { label: "电话号码", prop: "phone" },
{label: "负责窗口数量", prop: "windowCount",formatter: this.formatter}, {
label: "负责窗口数量",
prop: "windowCount",
formatter: this.formatter,
},
{label: "创建时间", prop: "createTime", formatter: this.formatterDate}, {
label: "创建时间",
prop: "createTime",
formatter: this.formatterDate,
},
{ {
label: "操作", label: "操作",
width: 240, width: 240,
formatter: row => { formatter: (row) => {
return ( return (
<table-buttons noAdd row={row} onEdit={this.toEdit} onView={this.toView} onDel={this.toDel} /> <table-buttons
noAdd
row={row}
onEdit={this.toEdit}
onView={this.toView}
onDel={this.toDel}
/>
); );
} },
} },
] ],
} },
};
}
}; };
},
};
</script> </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment