Commit f2a0d247 authored by 姬鋆屾's avatar 姬鋆屾

tui

parent 0044e4f2
<template> <template>
<div className="page"> <div class="page">
<LayoutTable ref="layoutTable" :data="tableData" notAdd notDel :config="tableConfig"/> <LayoutTable
<dialog-show ref="dialogform" @ok="getData"/> ref="layoutTable"
:data="tableData"
notAdd
notDel
:config="tableConfig"
/>
<dialog-show ref="dialogform" @ok="getData" />
</div> </div>
</template> </template>
<script> <script>
import {handleTree} from "@/assets/utils/table"; import { handleTree } from "@/assets/utils/table";
import Treeselect from "@riophae/vue-treeselect"; import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css"; import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import table from "@/assets/mixins/table"; import table from "@/assets/mixins/table";
...@@ -16,15 +21,14 @@ import dialogShow from "./dialogshow"; ...@@ -16,15 +21,14 @@ import dialogShow from "./dialogshow";
export default { export default {
name: "Dept", name: "Dept",
mixins: [table], mixins: [table],
components: {Treeselect, dialogShow}, components: { Treeselect, dialogShow },
created() { created() {},
},
methods: { methods: {
afterRender(data) { afterRender(data) {
data.data = handleTree(data.data, "id", "parentId"); data.data = handleTree(data.data, "id", "parentId");
console.log("tree",data.data) console.log("tree", data.data);
this.deptOptions = data.data; this.deptOptions = data.data;
this.$refs.layoutTable.showType = "treetable" this.$refs.layoutTable.showType = "treetable";
}, },
handleAdd(row) { handleAdd(row) {
...@@ -38,17 +42,17 @@ export default { ...@@ -38,17 +42,17 @@ export default {
/** 重写编辑方法 */ /** 重写编辑方法 */
toEdit(row) { toEdit(row) {
this.loading = true; this.loading = true;
this.$post(this.pageInfo.exclude, {id: row.id}) this.$post(this.pageInfo.exclude, { id: row.id })
.then((res) => { .then((res) => {
if (res && res.code && res.code == 1) { if (res && res.code && res.code == 1) {
this.deptOptions = handleTree(res.data.result); this.deptOptions = handleTree(res.data.result);
this.$refs.dialogform.edit(row, this.deptOptions); this.$refs.dialogform.edit(row, this.deptOptions);
this.loading = false; this.loading = false;
} }
}) })
.catch((error) => { .catch((error) => {
this.$message.error(error.message); this.$message.error(error.message);
}); });
}, },
/** 重写查看方法 */ /** 重写查看方法 */
toView(row) { toView(row) {
...@@ -63,45 +67,46 @@ export default { ...@@ -63,45 +67,46 @@ export default {
showType: "treetable", showType: "treetable",
search: [], search: [],
columns: [ columns: [
{label: "部门名称", prop: "deptName"}, { label: "部门名称", prop: "deptName" },
{label: "部门编码", prop: "deptCode"}, { label: "部门编码", prop: "deptCode" },
{label: "顺序", prop: "orderNum"}, { label: "顺序", prop: "orderNum" },
{label: "部门人数", prop: "personNum"}, { label: "部门人数", prop: "personNum" },
{label: "绩效分数", prop: "score", formatter: this.formatterMoney}, { label: "绩效分数", prop: "score", formatter: this.formatterMoney },
{ // {
label: "操作", // label: "操作",
width: 280, // width: 280,
formatter: row => { // formatter: (row) => {
return ( // return (
<div> // <div>
<el-button // <el-button
size="mini" // size="mini"
type="text" // type="text"
icon="el-icon-edit-outline" // icon="el-icon-edit-outline"
onClick={() => { // onClick={() => {
this.handleAdd(row); // this.handleAdd(row);
}} // }}
> // >
新增 // 新增
</el-button> // </el-button>
<table-buttons // <table-buttons
noAdd // noAdd
noEdit // noEdit
noView // noView
row={row} // noDel
onEdit={this.toEdit} // row={row}
onView={this.toView} // onEdit={this.toEdit}
onDel={this.toDel} // onView={this.toView}
/> // onDel={this.toDel}
</div> // />
); // </div>
} // );
} // },
] // },
} ],
},
}; };
} },
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
...@@ -126,8 +131,8 @@ export default { ...@@ -126,8 +131,8 @@ export default {
.el-radio-button__orig-radio:checked + .el-radio-button__inner { .el-radio-button__orig-radio:checked + .el-radio-button__inner {
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
border: 1px solid #3E7BFA !important; border: 1px solid #3e7bfa !important;
color: #3E7BFA; color: #3e7bfa;
line-height: 14px; line-height: 14px;
outline: none; outline: none;
box-shadow: none; box-shadow: none;
......
...@@ -8,11 +8,11 @@ module.exports = { ...@@ -8,11 +8,11 @@ module.exports = {
hot: true,//自动保存 hot: true,//自动保存
proxy: { proxy: {
'/attendance': { '/attendance': {
//target: 'http://192.168.0.98:11039', target: 'http://192.168.0.98:11039',
// target: 'http://112.19.80.237:11039', // target: 'http://112.19.80.237:11039',
// target: 'http://localhost:17500', // target: 'http://localhost:17500',
// target: 'http://118.122.189.109:11039', // target: 'http://118.122.189.109:11039',
target: 'http://10.102.252.13:11039', // target: 'http://10.102.252.13:11039',
changeOrigin: true, changeOrigin: true,
secure: false, secure: false,
cookieDomainRewrite: 'localhost', cookieDomainRewrite: 'localhost',
......
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