|
@@ -0,0 +1,97 @@
|
|
|
+<template>
|
|
|
+ <div v-loading="loading">
|
|
|
+ <div v-if = "operatingState == 'see'">
|
|
|
+ <el-table size="mini" v-loading="loading" :data="data" :key="refreshTable">
|
|
|
+ <el-table-column label="员工" align="center" prop="staff" />
|
|
|
+ <el-table-column label="部门" align="center" prop="dept" />
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div v-if = "operatingState == 'edit'">
|
|
|
+ <div style="float:right">
|
|
|
+ <el-button type="primary" size="mini" @click="btnAddRow" v-if = "operatingState == 'edit'">新增</el-button>
|
|
|
+ </div>
|
|
|
+ <el-table size="mini" v-loading="loading" :data="data" :key="refreshTable">
|
|
|
+ <el-table-column label="员工" align="center" prop="staff">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input size="mini" v-model="scope.row.staff" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="部门" align="center" prop="dept">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input size="mini" v-model="scope.row.dept" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div style="float:right">
|
|
|
+ <el-button type="primary" size="mini" @click="btnEdit" v-if = "operatingState == 'see'">修改</el-button>
|
|
|
+ <el-button size="mini" @click="btnCancel" v-if = "operatingState == 'edit'">取消</el-button>
|
|
|
+ <el-button type="primary" size="mini" @click="btnSave" v-if = "operatingState == 'edit'">保存</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { PmPerformancelist,pmPerformanceSave} from "@/api/business/ehr/config/config";
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: "PmPerformanceConfig",
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 遮罩层
|
|
|
+ loading: true,
|
|
|
+ //员工数据权限
|
|
|
+ data: null,
|
|
|
+ //操作状态
|
|
|
+ operatingState:"see",
|
|
|
+ //刷新表格标记
|
|
|
+ refreshTable:0,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ async created() {
|
|
|
+ this.operatingState = "see";
|
|
|
+ this.loading = true;
|
|
|
+ let res = await PmPerformancelist();
|
|
|
+ this.data = res.data;
|
|
|
+ this.loading = false;
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //修改按钮
|
|
|
+ btnEdit(){
|
|
|
+ this.refreshTable++;
|
|
|
+ this.operatingState = "edit";
|
|
|
+ },
|
|
|
+ //取消按钮
|
|
|
+ async btnCancel(){
|
|
|
+ PmPerformancelist().then(res => {
|
|
|
+ this.data = res.data;
|
|
|
+ })
|
|
|
+ this.refreshTable++;
|
|
|
+ this.operatingState = "see";
|
|
|
+ },
|
|
|
+ //保存按钮
|
|
|
+ btnSave(){
|
|
|
+ this.loading = true;
|
|
|
+ try {
|
|
|
+ pmPerformanceSave(this.data).then(response => {
|
|
|
+ this.$modal.msgSuccess("保存成功");
|
|
|
+ PmPerformancelist().then(res => {
|
|
|
+ this.data = res.data;
|
|
|
+ this.refreshTable++;
|
|
|
+ this.operatingState = "see";
|
|
|
+ this.loading = false;
|
|
|
+ })
|
|
|
+ });
|
|
|
+ } catch (err) {
|
|
|
+ console.error(err);
|
|
|
+ } finally {
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+</style>
|