From 3c8c63548b5741409626c8524b476060e9968b49 Mon Sep 17 00:00:00 2001
From: quyixiao <2621048238@qq.com>
Date: Thu, 13 Aug 2020 17:56:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/api_result.js                         |   5 +
 src/router/index.js                           |  11 +-
 .../modules/result/record/lzresultrecord.vue  |  12 +-
 src/views/modules/result/record/record.txt    | 129 ++++++
 .../record/recorddetail-add-or-update.vue     | 147 ++++++
 .../modules/result/record/recorddetail.vue    | 428 ++++++++++++++++++
 src/views/modules/staff/manage/index.vue      |   6 -
 7 files changed, 726 insertions(+), 12 deletions(-)
 create mode 100644 src/views/modules/result/record/record.txt
 create mode 100644 src/views/modules/result/record/recorddetail-add-or-update.vue
 create mode 100644 src/views/modules/result/record/recorddetail.vue

diff --git a/src/api/api_result.js b/src/api/api_result.js
index 7ace164..91e5342 100644
--- a/src/api/api_result.js
+++ b/src/api/api_result.js
@@ -8,3 +8,8 @@ export const apiGetResultRecordList = params => {
 export const departmentQuery = params => {
   return http({url: '/lz_management/user/lzresultrecord/departmentQuery', method: 'get', params})
 }
+
+
+export const getStaffResultDetail = params => {
+  return http({url: '/lz_management/user/lzresultrecord/getStaffResultDetail', method: 'get', params})
+}
diff --git a/src/router/index.js b/src/router/index.js
index 7b0ebb6..30ca83c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -21,6 +21,15 @@ const globalRoutes = [
   { path: '/login', component: _import('common/login'), name: 'login', meta: { title: '登录' } }
 ]
 
+const configRoutes = [
+  {
+    path: '/recorddetail',
+    component: _import('modules/result/record/recorddetail'),
+    name: 'recorddetail',
+    meta: {title: '业绩详情', isDynamic: true, isTab: true}
+  }
+]
+
 // 主入口路由(需嵌套上左右整体布局)
 const mainRoutes = {
   path: '/',
@@ -134,7 +143,7 @@ function fnAddDynamicMenuRoutes (menuList = [], routes = []) {
     fnAddDynamicMenuRoutes(temp, routes)
   } else {
     mainRoutes.name = 'main-dynamic'
-    mainRoutes.children = routes
+    mainRoutes.children = routes.concat(configRoutes)
     router.addRoutes([
       mainRoutes,
       { path: '*', redirect: { name: '404' } }
diff --git a/src/views/modules/result/record/lzresultrecord.vue b/src/views/modules/result/record/lzresultrecord.vue
index 5721c7f..babf45a 100644
--- a/src/views/modules/result/record/lzresultrecord.vue
+++ b/src/views/modules/result/record/lzresultrecord.vue
@@ -118,7 +118,7 @@
         width="150"
         label="操作">
         <template slot-scope="scope">
-          <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
+          <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">详情</el-button>
           <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
         </template>
       </el-table-column>
@@ -138,9 +138,11 @@
 </template>
 
 <script>
+
 import AddOrUpdate from './lzresultrecord-add-or-update'
 import {apiGetResultRecordList, departmentQuery} from '@/api/api_result'
 import {getDataForMonth} from '@/utils'
+import {isURL} from '@/utils/validate'
 
 export default {
   filters: {
@@ -204,6 +206,7 @@ export default {
 
     }
   },
+  computed: {},
   components: {
     AddOrUpdate
   },
@@ -292,11 +295,10 @@ export default {
     selectionChangeHandle (val) {
       this.dataListSelections = val
     },
-    // 新增 / 修改
+    //
     addOrUpdateHandle (id) {
-      this.addOrUpdateVisible = true
-      this.$nextTick(() => {
-        this.$refs.addOrUpdate.init(id)
+      this.$router.push({name: 'recorddetail',query: {id}}, () => {
+        this.mainTabsActiveName = this.$route.name
       })
     },
     // 删除
diff --git a/src/views/modules/result/record/record.txt b/src/views/modules/result/record/record.txt
new file mode 100644
index 0000000..b89cbfc
--- /dev/null
+++ b/src/views/modules/result/record/record.txt
@@ -0,0 +1,129 @@
+tableData: [{
+        id: '12987122',
+        item1: '业绩',
+        name: '公司资产盘点管理系统',
+        amount1: '234',
+        amount2: '3.2',
+        amount3: 10,
+        amount4: '83298',
+        amount5: '83298',
+        amount6: '83298'
+      }, {
+        id: '12987123',
+        item1: '业绩',
+        name: '数字化办公系统',
+        amount1: '前期需求整理、流程图（基于目前盘点系统扩展）；\n' +
+          '   1.1：业绩考核线上化需求采集，流程图整理，表设计（100%完成）；\n' +
+          '   1.2：业绩考核线上化编码；\n' +
+          '      1.2.1：实现业绩基本功能（100%完成，）；\n' +
+          '           1.2.1.1：后台H5项目指标添加（比重，评分）（100%完成，无严重bug）；\n' +
+          '           1.2.1.2：后台H5关键结果添加（100%完成，无严重bug）；\n' +
+          '           1.2.1.3：后台H5考核结果添加（100%完成，无严重bug）；\n' +
+          '           1.2.1.4：后台H5当项目评分，评分说明（100%完成，无严重bug）；\n' +
+          '           1.2.1.5：后台H5价值观考核结果（100%完成，无严重bug）；\n' +
+          '           1.2.1.6：后台H5价值观评分，评分说明（100%完成，无严重bug）；\n' +
+          '           1.2.1.7：后台H5总分计算（100%完成，无严重bug）\n' +
+          '   1.3：权限管理\n' +
+          '      1.3.2：后台H5权限管理（100%完成，无重bug）；',
+        amount2: '4.43',
+        amount3: 12,
+        amount4: '83298',
+        amount5: '83298',
+        amount6: '83298'
+      }, {
+        id: '12987124',
+        item1: '业绩',
+        name: '团队健康发展',
+        amount1: '324',
+        amount2: '1.9',
+        amount3: 9,
+        amount4: '83298',
+        amount5: '83298',
+        amount6: '83298'
+      }, {
+        id: '12987125',
+        item1: '业绩',
+        name: '王小虎',
+        amount1: '621',
+        amount2: '2.2',
+        amount3: 17,
+        amount4: '83298',
+        amount5: '83298',
+        amount6: '83298'
+      }, {
+        id: '12987126',
+        item1: '业绩',
+        name: '王小虎',
+        amount1: '539',
+        amount2: '4.1',
+        amount3: 15,
+        amount4: '83298',
+        amount5: '83298',
+        amount6: '83298'
+      },
+        {
+          id: '12987122',
+          item1: '',
+          name: '',
+          amount1: '234',
+          amount2: '3.2',
+          amount3: 10,
+          amount4: '83298',
+          amount5: '83298',
+          amount6: '83298'
+        },
+        {
+          id: '12987122',
+          item1: '文化价值观',
+          name: '做人：相信、包容、担当',
+          amount1: 'xxxxxxxxxxxxxxxxx',
+          amount2: '3.2',
+          amount3: 10,
+          amount4: '83298',
+          amount5: '83298',
+          amount6: '83298'
+        }, {
+          id: '12987123',
+        item1: '文化价值观',
+        name: '做事：用户第一、求真、极致',
+        amount1: '后台H5权限管理（100%完成，无重bug）；',
+        amount2: '4.43',
+        amount3: 12,
+        amount4: '83298',
+        amount5: '83298',
+        amount6: '83298'
+      },
+        {
+          id: '12987123',
+          item1: '',
+          name: '',
+          amount1: '文化价值观考核结果',
+          amount2: '4.43',
+          amount3: 12,
+          amount4: '83298',
+          amount5: '83298',
+          amount6: '83298'
+        },
+        {
+          id: '12987123',
+          item1: '最终绩效考核评分',
+          name: '',
+          amount1: '',
+          amount2: '4.43',
+          amount3: 12,
+          amount4: '83298',
+          amount5: '83298',
+          amount6: '83298'
+        },
+        {
+          id: '12987123',
+          item1: '最终绩效考核结果等级',
+          name: '',
+          amount1: '',
+          amount2: '4.43',
+          amount3: 12,
+          amount4: '83298',
+          amount5: '83298',
+          amount6: '83298'
+        }
+      ],
diff --git a/src/views/modules/result/record/recorddetail-add-or-update.vue b/src/views/modules/result/record/recorddetail-add-or-update.vue
new file mode 100644
index 0000000..e430d30
--- /dev/null
+++ b/src/views/modules/result/record/recorddetail-add-or-update.vue
@@ -0,0 +1,147 @@
+<template>
+  <el-dialog
+    :title="!dataForm.id ? '新增' : '修改'"
+    :close-on-click-modal="false"
+    :visible.sync="visible">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
+      <el-form-item label="是否删除状态，1：删除，0：有效" prop="isDelete">
+        <el-input v-model="dataForm.isDelete" placeholder="是否删除状态，1：删除，0：有效"></el-input>
+      </el-form-item>
+      <el-form-item label="创建时间" prop="gmtCreate">
+        <el-input v-model="dataForm.gmtCreate" placeholder="创建时间"></el-input>
+      </el-form-item>
+      <el-form-item label="最后修改时间" prop="gmtModified">
+        <el-input v-model="dataForm.gmtModified" placeholder="最后修改时间"></el-input>
+      </el-form-item>
+      <el-form-item label="月份" prop="monthTime">
+        <el-input v-model="dataForm.monthTime" placeholder="月份"></el-input>
+      </el-form-item>
+      <el-form-item label="0.新建，1 提交审批中，2 拒绝" prop="status">
+        <el-input v-model="dataForm.status" placeholder="0.新建，1 提交审批中，2 拒绝"></el-input>
+      </el-form-item>
+      <el-form-item label="最后得分" prop="lastScore">
+        <el-input v-model="dataForm.lastScore" placeholder="最后得分"></el-input>
+      </el-form-item>
+      <el-form-item label="总分" prop="allScore">
+        <el-input v-model="dataForm.allScore" placeholder="总分"></el-input>
+      </el-form-item>
+      <el-form-item label="备注" prop="remark">
+        <el-input v-model="dataForm.remark" placeholder="备注"></el-input>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      visible: false,
+      dataForm: {
+        id: 0,
+        isDelete: '',
+        gmtCreate: '',
+        gmtModified: '',
+        monthTime: '',
+        status: '',
+        lastScore: '',
+        allScore: '',
+        remark: ''
+      },
+      dataRule: {
+        isDelete: [
+          { required: true, message: '是否删除状态，1：删除，0：有效不能为空', trigger: 'blur' }
+        ],
+        gmtCreate: [
+          { required: true, message: '创建时间不能为空', trigger: 'blur' }
+        ],
+        gmtModified: [
+          { required: true, message: '最后修改时间不能为空', trigger: 'blur' }
+        ],
+        monthTime: [
+          { required: true, message: '月份不能为空', trigger: 'blur' }
+        ],
+        status: [
+          { required: true, message: '0.新建，1 提交审批中，2 拒绝不能为空', trigger: 'blur' }
+        ],
+        lastScore: [
+          { required: true, message: '最后得分不能为空', trigger: 'blur' }
+        ],
+        allScore: [
+          { required: true, message: '总分不能为空', trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: '备注不能为空', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    init (id) {
+      this.dataForm.id = 30 || 0
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields()
+        if (this.dataForm.id) {
+          this.$http({
+            url: this.$http.adornUrl(`/user/lzresultrecord/info/${this.dataForm.id}`),
+            method: 'get',
+            params: this.$http.adornParams()
+          }).then(({data}) => {
+            if (data && data.code === 0) {
+              this.dataForm.isDelete = data.lzresultrecord.isDelete
+              this.dataForm.gmtCreate = data.lzresultrecord.gmtCreate
+              this.dataForm.gmtModified = data.lzresultrecord.gmtModified
+              this.dataForm.monthTime = data.lzresultrecord.monthTime
+              this.dataForm.status = data.lzresultrecord.status
+              this.dataForm.lastScore = data.lzresultrecord.lastScore
+              this.dataForm.allScore = data.lzresultrecord.allScore
+              this.dataForm.remark = data.lzresultrecord.remark
+            }
+          })
+        }
+      })
+    },
+    // 表单提交
+    dataFormSubmit () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.$http({
+            url: this.$http.adornUrl(`/user/lzresultrecord/${!this.dataForm.id ? 'save' : 'update'}`),
+            method: 'post',
+            data: this.$http.adornData({
+              'id': this.dataForm.id || undefined,
+              'isDelete': this.dataForm.isDelete,
+              'gmtCreate': this.dataForm.gmtCreate,
+              'gmtModified': this.dataForm.gmtModified,
+              'monthTime': this.dataForm.monthTime,
+              'status': this.dataForm.status,
+              'lastScore': this.dataForm.lastScore,
+              'allScore': this.dataForm.allScore,
+              'remark': this.dataForm.remark
+            })
+          }).then(({data}) => {
+            if (data && data.code === 0) {
+              this.$message({
+                message: '操作成功',
+                type: 'success',
+                duration: 1500,
+                onClose: () => {
+                  this.visible = false
+                  this.$emit('refreshDataList')
+                }
+              })
+            } else {
+              this.$message.error(data.msg)
+            }
+          })
+        }
+      })
+    }
+  }
+}
+</script>
diff --git a/src/views/modules/result/record/recorddetail.vue b/src/views/modules/result/record/recorddetail.vue
new file mode 100644
index 0000000..5222f36
--- /dev/null
+++ b/src/views/modules/result/record/recorddetail.vue
@@ -0,0 +1,428 @@
+<template>
+  <div class="app-container goodsOrder">
+    <div class="orderTable">
+      <!--列表表头-->
+      <div class="title">
+        <div class="titleTop">
+
+          <el-steps :active="active" finish-status="success">
+            <el-step title="03-23 11:21"></el-step>
+            <el-step title="03-23 11:21"></el-step>
+            <el-step title="03-23 11:21"></el-step>
+            <el-step title="03-23 11:21"></el-step>
+            <el-step title="03-23 11:21"></el-step>
+            <el-step title="03-23 11:21"></el-step>
+          </el-steps>
+
+        </div>
+        <div class="titleCenter">
+          <span>考核月份：<b>{{checkMonth}}</b></span>
+          <span>员工姓名：<b>{{ staffName }}</b></span>
+          <span>一级部门：<b>{{ department1 }}</b></span>
+          <span>二级部门：<b>{{ department2 }}</b></span>
+          <span>三级部门：<b>{{ department3 }}</b></span>
+          <span>直属上级:<b>{{ superStaff }}</b></span>
+        </div>
+
+        <div class="titleBottom">
+        </div>
+
+
+      </div>
+      <el-table
+        :data="tableData"
+        :span-method="objectSpanMethod"
+        :cell-style="cellStyle"
+        v-loading.body="loading"
+        element-loading-text="Loading" border fit highlight-current-row>
+        <el-table-column label="考核维度" prop="checkRange" align="center" width="80"></el-table-column>
+        <el-table-column label="目标/指标" prop="target" align="center" width="200"></el-table-column>
+        <el-table-column label="关键结果" prop="keyResult" width="400" align="center"></el-table-column>
+        <el-table-column label="考核权重" prop="checkWeight" align="center" >
+          <template slot-scope="scope">
+            <div class="conatnt-name">
+              <span style="color: blue">{{ scope.row.checkWeight | getcheckWeightStr }}</span>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="考核结果（员工填写）" prop="checkResult" width="400"></el-table-column>
+        <el-table-column label="直属上级评分(100%）" prop="superScore" align="center" width="300"></el-table-column>
+        <el-table-column label="得分" prop="acquireScore" align="center">
+          <template slot-scope="scope">
+            <div class="conatnt-name">
+              <span style="color: red">{{ scope.row.acquireScore  }}</span>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="评分说明（直属上级填写）" width="300" prop="scoreComment"></el-table-column>
+        <el-table-column width="80" label="操作" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-button size="mini" style="margin-left:0px;" v-if="scope.row.isAdd===1">添加</el-button>
+            <el-button size="mini" style="margin-left:0px;" @click="handleAddOrUpdate()" v-if="scope.row.isAdd >=0 " >修改</el-button>
+            <el-button size="mini" style="margin-left:0px;background: mistyrose" v-if="scope.row.isAdd >=0 " >删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+    </div>
+
+  </div>
+</template>
+
+
+<script>
+import {getStaffResultDetail} from '@/api/api_result'
+
+export default {
+  created () {
+    this.recordResultId = this.$route.query.id
+  },
+  filters: {
+    getcheckWeightStr (val) {
+      return val * 100 + '%'
+    }
+  },
+  data () {
+    return {
+      active: 3,
+      recordResultId: 0,
+      tableData: [],
+      firstRowspan: 5,
+      secondRowspan: 6,
+      threeRowspan: 8,
+      fourRowspan: 9,
+      fiveRowspan: 10,
+      checkMonth: '2020-03-21',
+      staffName: '瞿贻晓',
+      department1: '业务中台',
+      department2: '金融业务组',
+      department3: '技术部门',
+      superStaff: '吴林'
+
+    }
+  },
+  activated () {
+    this.getDataList(this.recordResultId)
+  },
+  methods: {
+    getDataList (val) {
+      getStaffResultDetail({
+        'recordResultId': val
+      }).then(data => {
+        if (data && data.code === 0) {
+          this.tableData = data.list
+          this.firstRowspan = data.firstRowspan
+          this.secondRowspan = data.secondRowspan
+          this.threeRowspan = data.threeRowspan
+          this.fourRowspan = data.fourRowspan
+          this.fiveRowspan = data.fiveRowspan
+          this.checkMonth = data.checkMonth
+          this.staffName = data.staffName
+          this.department1 = data.department1
+          this.department2 = data.department2
+          this.department3 = data.department3
+          this.superStaff = data.superStaff
+        } else {
+          this.tableData = []
+        }
+        this.dataListLoading = false
+        this.addOrUpdateVisible = false
+      })
+    },
+    // 新增 / 编辑
+    handleAddOrUpdate (id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    },
+    cellStyle ({row, column, rowIndex, columnIndex}) {
+      if (rowIndex === this.firstRowspan || rowIndex === this.threeRowspan) {
+        return 'background:#FFC400;font-weight:bolder!important;'
+      } else {
+        return ''
+      }
+    },
+    objectSpanMethod ({row, column, rowIndex, columnIndex}) {
+      if (columnIndex === 0) {
+        if (rowIndex === 0) {
+          return {
+            rowspan: this.firstRowspan,
+            colspan: 1
+          }
+        } else if (rowIndex === this.firstRowspan) {
+
+        } else if (rowIndex === this.secondRowspan) {
+          return {
+            rowspan: 2,
+            colspan: 1
+          }
+        } else if (rowIndex >= this.threeRowspan && rowIndex <= this.fiveRowspan) {
+
+        } else {
+          return {
+            rowspan: 0,
+            colspan: 0
+          }
+        }
+      }
+      if (rowIndex === this.firstRowspan) {
+        if (columnIndex === 0) {
+          return [1, 2]
+        } else if (columnIndex === 1) {
+          return [0, 0]
+        }
+      }
+
+      if (rowIndex >= this.secondRowspan && rowIndex < this.threeRowspan) {
+        if (columnIndex === 1) {
+          return [1, 2]
+        } else if (columnIndex === 2) {
+          return [0, 0]
+        }
+      }
+      if (rowIndex === this.threeRowspan) {
+        if (columnIndex === 0) {
+          return [1, 2]
+        } else if (columnIndex === 1) {
+          return [0, 0]
+        }
+      }
+
+      if (rowIndex >= this.fourRowspan && rowIndex <= this.fiveRowspan) {
+        if (columnIndex === 0) {
+          return [1, 2]
+        } else if (columnIndex === 1) {
+          return [0, 0]
+        } else if (columnIndex === 2) {
+          return [1, 4]
+        } else if (columnIndex >= 3 && columnIndex <= 5) {
+          return [0, 0]
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+.app-container {
+  font-size: 14px;
+
+  .tip {
+    color: red;
+    padding-left: 10px;
+    padding-top: 5px;
+  }
+
+  .export {
+    text-align: right;
+    margin: 5px;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+
+    a {
+      margin: 0px 20px 0px 4px;
+    }
+  }
+
+  .uploadDiv {
+    display: inline-block;
+  }
+
+  .orderTable {
+    margin-bottom: 10px;
+    font-size: 12px;
+
+    .title {
+      display: flow;
+      justify-content: space-between;
+      align-items: flex-end;
+      background-color: #D9EDF7;
+      border: 2px solid #BCE8F1;
+      color: #31708f;
+
+      .titleLine {
+        margin: 10px 0px;
+
+        span {
+          margin: 18px;
+          cursor: pointer;
+        }
+
+        .logEdit {
+          color: blue;
+        }
+
+        .logEdit:hover {
+          text-decoration: underline;
+        }
+      }
+
+      .titleTop {
+        width: 100%;
+        word-wrap: break-word;
+
+        span {
+          display: inline-block;
+          margin: 5px 15px;
+        }
+      }
+
+      .titleCenter {
+        margin-top: 5px;
+        width: 100%;
+        word-wrap: break-word;
+
+        span {
+          display: inline-block;
+          margin: 5px 15px;
+        }
+      }
+
+    }
+
+    .typeItem {
+      margin-bottom: 5px;
+    }
+
+  }
+
+  .relation {
+    padding: 5px 0 15px;
+  }
+
+  .contEdit {
+    color: #23b7e5;
+    cursor: pointer;
+  }
+}
+
+.goodsLog {
+  height: 500px;
+  overflow-y: scroll
+}
+
+.refund-wrapper {
+  width: 80%;
+
+  .item-line {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    flex-direction: row;
+    justify-content: flex-start;
+    margin-bottom: 20px;
+  }
+
+  .left-content {
+    text-align: right;
+    width: 120px;
+    margin-right: 20px;
+
+    .left-tip {
+      color: red;
+    }
+  }
+
+  .right-content {
+    width: 480px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+    p {
+      margin: 0;
+    }
+
+    .right-item {
+      margin-top: 10px;
+    }
+
+    .middle-tip {
+      margin-bottom: 15px;
+    }
+
+    .tip {
+      color: red;
+      font-size: 12px;
+    }
+  }
+}
+
+.deliver-title {
+  font-weight: bold;
+  margin-bottom: 20px;
+}
+
+.igo-form-item {
+  width: 160px;
+}
+
+// 包裹信息相关样式
+.package-content {
+  position: relative;
+
+  .package-name {
+    position: absolute;
+    bottom: 30px;
+    left: 10px;
+  }
+
+  .package-delete {
+    position: absolute;
+    bottom: 25px;
+    left: 400px;
+  }
+}
+
+.package-btn {
+  margin-left: 10px;
+}
+
+.package_info {
+  margin-bottom: 10px;
+  font-weight: bold;
+}
+
+// 计算按钮相关样式
+.calculation-box {
+  position: relative;
+
+  .calculation-btn {
+    position: absolute;
+    bottom: -20px;
+    left: 70px;
+  }
+}
+
+.remark-list {
+  margin-top: -25px;
+  list-style: none;
+  margin-bottom: 20px;
+
+  .remark-state-box {
+    color: #999;
+
+    span {
+      margin-right: 40px;
+    }
+
+    .isSolve {
+      color: red;
+    }
+  }
+}
+
+.item-err {
+  color: red;
+  line-height: 1;
+  position: absolute;
+  top: 111%;
+  left: 146px;
+  font-size: 12px;
+}
+
+</style>
diff --git a/src/views/modules/staff/manage/index.vue b/src/views/modules/staff/manage/index.vue
index 25e02ed..b4349f6 100644
--- a/src/views/modules/staff/manage/index.vue
+++ b/src/views/modules/staff/manage/index.vue
@@ -309,12 +309,6 @@ export default {
       console.log(tab, event)
     },
     async handleView (data) {
-      this.$message({
-        message: '编辑暂未开放',
-        showClose: true,
-        type: 'warning'
-      })
-      return
       console.log('data: ', data)
       this.activeName = 'first'
       await this.getEmployeesInfo(data.staffId)