ehr-绩效：功能开发；

src/api/business/ehr/pm/performance.js

@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+
+// 查询绩效列表
+export function listPerformance(query) {
+  return request({
+    url: '/ehr/pm/performance/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询绩效详细
+export function getPerformance(id) {
+  return request({
+    url: '/ehr/pm/performance/' + id,
+    method: 'get'
+  })
+}

src/api/business/ehr/pm/performanceitem.js

@@ -0,0 +1,35 @@
+import request from '@/utils/request'
+
+// 查询任务详细
+export function getPerformanceItem(id) {
+  return request({
+    url: '/ehr/pm/performanceitem/' + id,
+    method: 'get'
+  })
+}
+
+// 新增绩效明细
+export function addPerformanceItem(data) {
+  return request({
+    url: '/ehr/pm/performanceitem',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改绩效明细
+export function updatePerformanceItem(data) {
+  return request({
+    url: '/ehr/pm/performanceitem',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除绩效明细
+export function delPerformanceItem(id) {
+  return request({
+    url: '/ehr/pm/performanceitem/' + id,
+    method: 'delete'
+  })
+}

src/api/business/ehr/pm/stage.js

@@ -0,0 +1,45 @@
+import request from '@/utils/request'
+
+// 查询阶段列表
+export function listStage(query) {
+  return request({
+    url: '/ehr/pm/stage/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询阶段详细
+export function getStage(id) {
+  return request({
+    url: '/ehr/pm/stage/' + id,
+    method: 'get'
+  })
+}
+
+// 新增阶段控制
+export function addStage(data) {
+  return request({
+    url: '/ehr/pm/stage',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改阶段控制
+export function updateStage(data) {
+  return request({
+    url: '/ehr/pm/stage',
+    method: 'put',
+    data: data
+  })
+}
+
+// 发布阶段
+export function publishStage(data) {
+  return request({
+    url: '/ehr/pm/stage/publish',
+    method: 'post',
+    data: data
+  })
+}

src/api/business/spd/bo/task.js

@@ -35,7 +35,7 @@ export function updateTask(data) {
   })
 }
 
-// 删除岗位
+// 删除任务
 export function delTask(taskId) {
   return request({
     url: '/mk/bo/task/' + taskId,

src/views/business/ehr/pm/performance/detail.vue

@@ -0,0 +1,313 @@
+<template>
+  <div>
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span style="font-weight:bold">绩效考核表</span>
+        <div style="float: right; padding: 3px 0" type="text">
+          <el-button size="mini" plain @click="btnBack">返回</el-button>
+          <el-button size="mini" plain @click="btnSubmit">提交</el-button>
+          <el-button size="mini" plain @click="btnCopyItem">复制指标</el-button>
+          <el-button size="mini" plain @click="btnLog">指标修改记录</el-button>
+          <el-button size="mini" plain @click="btnPreviou">上一个</el-button>
+          <el-button size="mini" plain @click="btnNext">下一个</el-button>
+        </div>
+      </div>
+      <div v-loading="loading">
+        <el-descriptions :column="4">
+          <el-descriptions-item label="员工编号">{{form.staff}}</el-descriptions-item>
+          <el-descriptions-item label="员工姓名">{{form.staffName}}</el-descriptions-item>
+          <el-descriptions-item label="入职日期">{{form.deadlineTime}}</el-descriptions-item>
+          <el-descriptions-item label="转正日期">{{form.deadlineTime}}</el-descriptions-item>
+          <el-descriptions-item label="一级部门">{{form.year}}</el-descriptions-item>
+          <el-descriptions-item label="二级部门">{{form.startTime}}</el-descriptions-item>
+          <el-descriptions-item label="三级部门">{{form.deadlineTime}}</el-descriptions-item>
+          <el-descriptions-item label="职位">{{form.deadlineTime}}</el-descriptions-item>
+          <el-descriptions-item label="评估周期">{{form.year}}</el-descriptions-item>
+          <el-descriptions-item label="评估人编号">{{form.startTime}}</el-descriptions-item>
+          <el-descriptions-item label="评估人姓名">{{form.deadlineTime}}</el-descriptions-item>
+          <el-descriptions-item label="现任职开始日期">{{form.deadlineTime}}</el-descriptions-item>
+          <el-descriptions-item label="平衡计分卡">{{form.year}}</el-descriptions-item>
+          <el-descriptions-item label="职位描述">{{form.deadlineTime}}</el-descriptions-item>
+        </el-descriptions>
+        <el-descriptions :column="4">
+          <el-descriptions-item label="个人总结">{{form.deadlineTime}}</el-descriptions-item>
+          <el-descriptions-item label="评语">{{form.year}}</el-descriptions-item>
+          <el-descriptions-item label="奖惩意见">{{form.deadlineTime}}</el-descriptions-item>
+        </el-descriptions>
+        <div style="float:right">
+          <el-button type="primary" size="mini" @click="btnAddRow">增加指标</el-button>
+          <el-button size="mini" @click="btnUnfold">{{isUnfold == true ? "收起" : "展开"}}</el-button>
+        </div>
+        <el-table size="mini"  :data="form.performanceItem" show-summary :summary-method="getSummaries">
+          <el-table-column label="评估方面" align="center" prop="aspect">
+            <template slot-scope="scope">
+              <dict-tag :options="dict.type.ehr_pm_aspect" :value="scope.row.aspect"/>
+            </template>
+          </el-table-column>
+          <el-table-column :show-overflow-tooltip="!isUnfold" label="评估指标" align="center" prop="target" />
+          <el-table-column :show-overflow-tooltip="!isUnfold" label="评估说明" align="center" prop="instructions" />
+          <!-- <el-table-column label="评估指标" align="center" prop="target" />
+          <el-table-column label="评估说明" align="center" prop="instructions" /> -->
+          <el-table-column label="角色" align="center" prop="role">
+            <template slot-scope="scope">
+              <dict-tag :options="dict.type.ehr_pm_role" :value="scope.row.aspect"/>
+            </template>
+          </el-table-column>
+          <el-table-column label="权重(%)" align="center" prop="weight" sortable/>
+          <el-table-column :show-overflow-tooltip="!isUnfold" label="绩效标准" align="center" prop="standard" />
+          <!-- <el-table-column label="绩效标准" align="center" prop="standard" /> -->
+          <el-table-column label="数据来源" align="center" prop="source" />
+          <el-table-column label="自评分（0-100）" align="center" prop="selfScoring" />
+          <el-table-column label="自评语" align="center" prop="selfComment" />
+          <el-table-column label="上级评分（0-100）" align="center" prop="leaderScoring" />
+          <el-table-column label="上级评语" align="center" prop="leaderComment" />
+          <el-table-column label="加权得分" align="center" prop="weightedScore" />
+          <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width">
+          <template slot-scope="scope">
+              <el-button size="mini" type="text" @click="btnEdit(scope.row)">修改</el-button>
+              <el-button size="mini" type="text" @click="btnDelete(scope.row)">删行</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </el-card>
+    
+    <el-dialog title="指标明细" :visible.sync="rowDataOpen" width="1000px" :close-on-click-modal="false" :show-close="false">
+      <el-form size="mini" label-position="right" ref="rowDataForm" :model="rowData" :rules="rowRules" label-width="80px">
+        <el-form-item label="评估方面" prop="aspect">
+          <el-select v-model="rowData.aspect" >
+            <el-option
+              v-for="dict in dict.type.ehr_pm_aspect"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="评估指标" prop="target">
+          <el-input v-model="rowData.target"></el-input>
+        </el-form-item>
+        <el-form-item label="评估说明" prop="instructions">
+          <el-input type="textarea" v-model="rowData.instructions"></el-input>
+        </el-form-item>
+        <el-form-item label="角色" prop="role">
+          <el-select v-model="rowData.role" >
+            <el-option
+              v-for="dict in dict.type.ehr_pm_role"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="权重(%)" prop="weight">
+          <el-input v-model="rowData.weight"></el-input>
+        </el-form-item>
+        <el-form-item label="加/减分项" prop="asItem">
+          <el-checkbox v-model="rowData.asItem"></el-checkbox>
+        </el-form-item>
+        <el-form-item label="绩效标准" prop="standard">
+          <el-input type="textarea" v-model="rowData.standard"></el-input>
+        </el-form-item>
+        <el-form-item label="数据来源" prop="source">
+          <el-input v-model="rowData.source"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="mini" @click="btnRowClose">取 消</el-button>
+        <el-button size="mini" type="primary" @click="btnRowConfirm">确 定</el-button>
+      </span>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import { getPerformance} from "@/api/business/ehr/pm/performance";
+import { getPerformanceItem,addPerformanceItem,updatePerformanceItem,delPerformanceItem} from "@/api/business/ehr/pm/performanceitem";
+
+export default {
+  name: 'detail',
+  dicts: ['ehr_pm_aspect','ehr_pm_role'],
+  props: ['pageStu','rowId',"ids"],
+  model: {
+    prop: 'isList',
+    event: 'jugislist'
+  },
+  data() {
+    return {
+      //id
+      id:null,
+      //表单
+      form:{},
+      //遮罩
+      loading: false,
+      //单行明细
+      rowData:{},
+      //是否显示行明细弹出层
+      rowDataOpen:false,
+      //当行明细校验规则
+      rowRules:{
+        aspect: [
+          { required: true, message: "评估方面不能为空", trigger: "blur" },
+        ],
+        target: [
+          { required: true, message: "评估指标不能为空", trigger: "blur" },
+        ],
+        instructions: [
+          { required: true, message: "评估说明不能为空", trigger: "blur" },
+        ],
+        role: [
+          { required: true, message: "角色不能为空", trigger: "blur" },
+        ],
+        weight: [
+          { required: true, message: "权重", trigger: "blur" },
+        ],
+        standard: [
+          { required: true, message: "绩效标准不能为空", trigger: "blur" },
+        ],
+        source: [
+          { required: true, message: "数据来源不能为空", trigger: "blur" },
+        ],
+      },
+      //是否展开
+      isUnfold:false,
+      //明细权重合计值
+      weightSum: 0,
+    }
+  },
+  async created() {
+    this.id = this.rowId;
+    this.fetchPerformance(this.id);
+    if(this.pageStu == 'add'){
+    }
+    if(this.pageStu == 'edit' || this.pageStu == 'see') {
+    }
+  },
+  watch: {
+  },
+  methods: {
+    //返回
+    btnBack(){
+      this.$emit('jugislist', true)
+      this.$emit('refresh')
+    },
+    //查询详情
+    async fetchPerformance(id){
+      this.loading = true;
+      await getPerformance(id).then(res => {
+        if (res.code === 200) {
+          this.form = res.data;
+          this.id = res.data.id;
+         }
+         this.loading = false;
+      })
+    },
+    //增行
+    btnAddRow(){
+      this.rowData = {assessId: this.form.id};
+      this.rowDataOpen = true;
+    },
+    //修改
+    async btnEdit(row){
+      await getPerformanceItem(row.id).then(res => {
+        if (res.code === 200) {
+          this.rowData = res.data
+          this.rowDataOpen = true;
+         }
+      })
+    },
+    //删行
+    btnDelete(row){
+      this.$modal.confirm('是否确认删除【"' + row.aspect + '"】数据项？').then(function() {
+        return delPerformanceItem(row.id);
+      }).then(() => {
+        this.fetchPerformance(this.id);
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    //单行明细取消
+    btnRowClose(){
+      this.rowDataOpen = false;
+    },
+    //单行明细确认
+    btnRowConfirm(){
+      this.$refs["rowDataForm"].validate(valid => {
+        if (valid) {
+          if (this.rowData.id != undefined) {
+            updatePerformanceItem(this.rowData).then(response => {
+              this.$modal.msgSuccess("保存成功");
+              this.rowDataOpen = false;
+              this.fetchPerformance(this.id);
+            });
+          } else {
+            addPerformanceItem(this.rowData).then(response => {
+              this.$modal.msgSuccess("保存成功");
+              this.rowDataOpen = false;
+              this.fetchPerformance(this.id);
+            });
+          }
+        }
+      });
+    },
+    //展开/收起
+    btnUnfold(){
+      this.isUnfold = !this.isUnfold;
+    },
+    //上一个
+    btnPreviou(){
+      let i = this.ids.indexOf(this.id) - 1;
+      if(i > -1){
+        let id = this.ids[i];
+        this.fetchPerformance(id);
+      }else{
+        this.$modal.msgSuccess("已经是当前页第一条了！");
+      }
+    },
+    //下一个
+    btnNext(){
+      let i = this.ids.indexOf(this.id) + 1;
+      if(i < this.ids.length){
+        let id = this.ids[i];
+        this.fetchPerformance(id);
+      }else{
+        this.$modal.msgSuccess("已经是当前页最后一条了！");
+      }
+      
+    },
+    //合计
+    getSummaries(param){
+      const { columns, data } = param;
+      let val = data.reduce((sum, e) => sum + Number(e.weight || 0), 0);
+      this.weightSum = val;
+      return ['合计','','','',val];
+    },
+    //提交
+    btnSubmit(){
+      if(this.weightSum != 100){
+        this.$modal.msgWarning("权重不为100%无法提交！");
+      }
+    },
+    //复制指标
+    btnCopyItem(){
+
+    },
+    //指标修改记录
+    btnLog(){
+
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+.btn_group {
+  z-index: 500;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  line-height: var(--footer-height);
+  color: #fff;
+}
+</style>

src/views/business/ehr/pm/performance/index.vue

@@ -0,0 +1,183 @@
+<template>
+  <div>
+    <div class="app-container" v-if="isList">
+      <el-form :model="queryParams" ref="queryForm" size="mini" :inline="true" label-width="68px">
+        <el-form-item label="员工" prop="staffName">
+          <el-input
+            v-model="queryParams.staffName"
+            clearable
+            @keyup.enter.native="btnSearch"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="btnSearch">搜索</el-button>
+          <el-button icon="el-icon-refresh" size="mini" @click="btnResetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+      <div style="float:right">
+        <el-button type="primary" size="mini" @click="btnResetQuery">本月绩效</el-button>
+      </div>
+      <el-table size="mini" height="500px" v-loading="loading" :data="listData" @row-dblclick="btnDetails">
+        <el-table-column label="员工姓名" align="center" prop="staffName" />
+        <el-table-column label="评估周期" align="center" prop="name" />
+        <el-table-column label="开始日期" align="center" prop="" />
+        <el-table-column label="结束日期" align="center" prop="" />
+        <el-table-column label="权重" align="center" prop="weight" />
+        <el-table-column label="得分" align="center" prop="mark" />
+        <el-table-column label="等级" align="center" prop="grade" />
+        <el-table-column label="绩效系数" align="center" prop="" />
+        <el-table-column label="状态" align="center" prop="result" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.mk_bo_behavior_res" :value="scope.row.result"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-search"
+              @click="btnDetails(scope.row)"
+            >详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="paginationClass">
+        <pagination
+          v-show="total>0"
+          :total="total"
+          :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList"
+        />
+      </div>
+    </div>
+    <detail v-model="isList" v-if="!isList" :pageStu="page" :rowId="rowId" :ids="ids" @refresh="refresh" />
+  </div>
+</template>
+
+<script>
+import detail from './detail.vue'
+import { listPerformance} from "@/api/business/ehr/pm/performance";
+
+export default {
+  name: "assess",
+  dicts: ['mk_bo_behavior_res','mk_bo_behavior_type','sys_yes_no','mk_bo_behavior_goal','mk_bo_signintype'],
+  components: {detail},
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      listData: [],
+      // id集合
+      ids: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        staffName: null,
+      },
+      // 查询日期范围
+      dateRange: [],
+      pickerOptions: {
+        shortcuts: [{
+          text: '最近一周',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+            picker.$emit('pick', [start, end]);
+          }
+        }, {
+          text: '最近一个月',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+            picker.$emit('pick', [start, end]);
+          }
+        }, {
+          text: '最近三个月',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+            picker.$emit('pick', [start, end]);
+          }
+        }]
+      },
+      //页面显示
+      isList: true,
+      //页面状态
+      page: '',
+      //详情id
+      rowId: '',
+    };
+  },
+  created() {
+    // this.queryParams.params = {source:"list"};
+    this.getList();
+  },
+  methods: {
+    /** 查询绩效列表 */
+    getList() {
+      this.loading = true;
+      listPerformance(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+        this.listData = response.rows;
+        this.ids = response.rows.map(item => item.id);
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    btnSearch() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    btnResetQuery() {
+      this.resetForm("queryForm");
+      this.dateRange = [];
+      this.btnSearch();
+    },
+    /** 刷新 */
+    refresh(){
+      this.resetForm("queryForm");
+      this.dateRange = [];
+      this.getList();
+    },
+    /** 进入详情 */
+    btnDetails(row){
+      this.rowId = row.id;
+      this.page = 'add';
+      this.isList = false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.btn_grooup {
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: flex-end;
+}
+.paginationClass {
+  z-index: 500;
+  position: fixed;
+  bottom: 10px;
+  right: 10px;
+  width: 100%;
+  line-height: var(--footer-height);
+  color: #fff;
+}
+</style>

src/views/business/ehr/pm/stagecontrol/detail.vue

@@ -0,0 +1,183 @@
+<template>
+  <div>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span style="font-weight:bold">阶段控制</span>
+        <div style="float: right; padding: 3px 0" type="text" v-if="pageState == 'see'">
+          <el-button size="mini" plain @click="btnBack">返回</el-button>
+          <el-button size="mini" type="primary" plain @click="btnPublish" v-if="form.stage == '0'">发布</el-button>
+          <el-button size="mini" plain @click="btnPreviou">上一个</el-button>
+          <el-button size="mini" plain @click="btnNext">下一个</el-button>
+        </div>
+      </div>
+      <div v-loading="loading">
+        <el-descriptions :column="4" v-if="pageState == 'see'">
+          <el-descriptions-item label="名称">{{form.name}}</el-descriptions-item>
+          <el-descriptions-item label="月份">{{form.month}}</el-descriptions-item>
+          <el-descriptions-item label="阶段">{{form.stage}}</el-descriptions-item>
+        </el-descriptions>
+        <el-form size="mini" label-position="right" ref="form" :model="form" :rules="formRules" :inline="true" class="demo-form-inline" v-if="pageState != 'see'">
+          <el-row>
+            <el-col span="6">
+              <el-form-item label="名称" prop="name">
+                <el-input v-model="form.name"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col span="6">
+              <el-form-item label="月份" prop="yearMonth">
+                <el-date-picker type="month" v-model="form.month">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <div class="foot">
+          <el-button type="primary" size="mini" plain @click="btnEdit" v-if="pageState == 'see'">修改</el-button>
+          <el-button size="mini" plain @click="btnCancel" v-if="pageState != 'see'">取消</el-button>
+          <el-button type="primary" size="mini" plain @click="btnSave" v-if="pageState != 'see'">保存</el-button>
+        </div>
+      </div>
+    </el-card>
+    
+  </div>
+</template>
+
+<script>
+import { getStage,addStage,updateStage,publishStage} from "@/api/business/ehr/pm/stage";
+
+export default {
+  name: 'detail',
+  dicts: ['ehr_pm_aspect',],
+  props: ['enterState','rowId',"ids"],
+  model: {
+    prop: 'isList',
+    event: 'jugislist'
+  },
+  data() {
+    return {
+      //id
+      id:null,
+      //表单
+      form:{},
+      //表单校验规则
+      formRules:{
+        name: [
+          { required: true, message: "名称不能为空", trigger: "blur" },
+        ],
+        month: [
+          { required: true, message: "月份不能为空", trigger: "blur" },
+        ],
+      },
+      //遮罩
+      loading: false,
+      //页面状态
+      pageState: null,
+    }
+  },
+  async created() {
+    this.pageState = this.enterState;
+    if(this.enterState == 'add'){
+      this.form.stage = 0;
+    }
+    if(this.enterState == 'edit' || this.enterState == 'see') {
+      this.id = this.rowId;
+      this.fetchStage(this.id);
+    }
+  },
+  watch: {
+  },
+  methods: {
+    //返回
+    btnBack(){
+      this.$emit('jugislist', true)
+      this.$emit('refresh')
+    },
+    //查询详情
+    async fetchStage(id){
+      this.loading = true;
+      await getStage(id).then(res => {
+        if (res.code === 200) {
+          this.form = res.data;
+          this.id = res.data.id;
+         }
+         this.loading = false;
+      })
+    },
+    //上一个
+    btnPreviou(){
+      let i = this.ids.indexOf(this.id) - 1;
+      if(i > -1){
+        let id = this.ids[i];
+        this.fetchStage(id);
+      }else{
+        this.$modal.msgSuccess("已经是当前页第一条了！");
+      }
+    },
+    //下一个
+    btnNext(){
+      let i = this.ids.indexOf(this.id) + 1;
+      if(i < this.ids.length){
+        let id = this.ids[i];
+        this.fetchStage(id);
+      }else{
+        this.$modal.msgSuccess("已经是当前页最后一条了！");
+      }
+    },
+    //发布
+    btnPublish(){
+      publishStage(this.form).then(response => {
+        this.$modal.msgSuccess("发布成功");
+      });
+      // console.log(111);
+      // this.$modal.confirm('确认要发布吗？').then(function() {
+      //   console.log(222);
+      //   return publishStage(this.form);
+      // }).then(() => {
+      //   this.$modal.msgSuccess("发布成功");
+      // }).catch(() => {});
+    },
+    //修改
+    btnEdit(){
+      this.pageState = "edit";
+    },
+    //取消
+    btnCancel(){
+      if(this.enterState == 'add'){
+        this.btnBack();
+      }else{
+        this.pageState = "see";
+      }
+    },
+    //保存
+    btnSave(){
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != undefined) {
+            updateStage(this.form).then(response => {
+              this.$modal.msgSuccess("保存成功");
+              this.btnBack();
+            });
+          } else {
+            addStage(this.form).then(response => {
+              this.$modal.msgSuccess("保存成功");
+              this.btnBack();
+            });
+          }
+        }
+      });
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.foot {
+  z-index: 500;
+  position: fixed;
+  bottom: 10px;
+  right: 10px;
+  width: 100%;
+  line-height: var(--footer-height);
+  text-align: right;
+}
+</style>

src/views/business/ehr/pm/stagecontrol/index.vue

@@ -0,0 +1,181 @@
+<template>
+  <div>
+    <div class="app-container" v-if="isList">
+      <el-form :model="queryParams" ref="queryForm" size="mini" :inline="true" label-width="68px">
+        <el-form-item label="名称" prop="name">
+          <el-input
+            v-model="queryParams.name"
+            clearable
+            @keyup.enter.native="btnSearch"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="btnSearch">搜索</el-button>
+          <el-button icon="el-icon-refresh" size="mini" @click="btnResetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+      <div style="float:right">
+        <el-button type="primary" size="mini" @click="btnAdd">新增</el-button>
+      </div>
+      <el-table size="mini" v-loading="loading" :data="listData" height="500px" @row-dblclick="btnDetails">
+        <el-table-column label="序号" align="center" prop="id" />
+        <el-table-column label="名称" align="center" prop="name" />
+        <el-table-column label="阶段" align="center" prop="stage" />
+        <!-- <el-table-column label="阶段" align="center" prop="result" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.mk_bo_behavior_res" :value="scope.row.result"/>
+          </template>
+        </el-table-column> -->
+        <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-search"
+              @click="btnDetails(scope.row)"
+            >详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="paginationClass">
+        <pagination
+          v-show="total>0"
+          :total="total"
+          :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList"
+        />
+      </div>
+    </div>
+    <detail v-model="isList" v-if="!isList" :enterState="enterState" :rowId="rowId" :ids="ids" @refresh="refresh" />
+  </div>
+</template>
+
+<script>
+import detail from './detail.vue'
+import { listStage} from "@/api/business/ehr/pm/stage";
+
+export default {
+  name: "assess",
+  dicts: [],
+  components: {detail},
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      listData: [],
+      // id集合
+      ids: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        name: null,
+      },
+      // 查询日期范围
+      dateRange: [],
+      pickerOptions: {
+        shortcuts: [{
+          text: '最近一周',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+            picker.$emit('pick', [start, end]);
+          }
+        }, {
+          text: '最近一个月',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+            picker.$emit('pick', [start, end]);
+          }
+        }, {
+          text: '最近三个月',
+          onClick(picker) {
+            const end = new Date();
+            const start = new Date();
+            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+            picker.$emit('pick', [start, end]);
+          }
+        }]
+      },
+      //页面显示
+      isList: true,
+      //进入详情页面状态
+      enterState: '',
+      //详情id
+      rowId: '',
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询行动列表 */
+    getList() {
+      this.loading = true;
+      listStage(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+        this.listData = response.rows;
+        this.ids = response.rows.map(item => item.id);
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    btnSearch() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    btnResetQuery() {
+      this.resetForm("queryForm");
+      this.dateRange = [];
+      this.btnSearch();
+    },
+    /** 刷新 */
+    refresh(){
+      this.resetForm("queryForm");
+      this.dateRange = [];
+      this.getList();
+    },
+    /** 进入详情 */
+    btnDetails(row){
+      this.rowId = row.id;
+      this.enterState = 'see';
+      this.isList = false;
+    },
+    //新增
+    btnAdd(){
+      this.rowId = null;
+      this.enterState = 'add';
+      this.isList = false;
+    },
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.btn_grooup {
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: flex-end;
+}
+.paginationClass {
+  z-index: 500;
+  position: fixed;
+  bottom: 10px;
+  right: 10px;
+  width: 100%;
+  line-height: var(--footer-height);
+  color: #fff;
+}
+</style>