新增其他部门的考核表

oa-ui/src/assets/datas/JSContent.js

@@ -0,0 +1,187 @@
+export const JSContent = [
+  {
+    label: '参与生产',
+    value: 'f01',
+    children: [
+      {
+        label: '项目负责',
+        value: 'f0101',
+        unit: '项'
+      },
+      {
+        label: '外业负责',
+        value: 'f0102',
+        unit: '项'
+      },
+      {
+        label: '内业负责',
+        value: 'f0103',
+        unit: '项'
+      },
+      {
+        label: '参与外业',
+        value: 'f0104',
+        unit: '项'
+      },
+      {
+        label: '参与内业',
+        value: 'f0105',
+        unit: '项'
+      },
+      {
+        label: '资料整编',
+        value: 'f0106',
+        unit: '项'
+      }
+    ]
+  },
+  {
+    label: '技术设计',
+    value: 'f02',
+    children: [
+      {
+        label: '承担技术负责人',
+        value: 'f0201',
+        unit: '项'
+      },
+      {
+        label: '技术设计书编写',
+        value: 'f0202',
+        unit: '项'
+      },
+      {
+        label: '投标技术文件编写',
+        value: 'f0203',
+        unit: '项'
+      },
+      {
+        label: '技术设计书审核',
+        value: 'f0204',
+        unit: '项'
+      }
+    ]
+  },
+  {
+    label: '质量检查',
+    value: 'f03',
+    children: [
+      {
+        label: '承担项目质量负责人',
+        value: 'f0301',
+        unit: '项'
+      },
+      {
+        label: '控制测量资料检查',
+        value: 'f0302',
+        unit: '项'
+      },
+      {
+        label: '监测、施控网资料检查',
+        value: 'f0303',
+        unit: '项'
+      },
+      {
+        label: 'DOM检查',
+        value: 'f0304',
+        unit: '幅'
+      },
+      {
+        label: 'DEM检查',
+        value: 'f0305',
+        unit: '幅'
+      },
+      {
+        label: '地形图检查',
+        value: 'f0306',
+        unit: '幅'
+      },
+      {
+        label: '三维地形面检查',
+        value: 'f0307',
+        unit: '幅'
+      },
+      {
+        label: '项目空三检查',
+        value: 'f0308',
+        unit: '项'
+      },
+      {
+        label: '点云分类检查',
+        value: 'f0309',
+        unit: '幅'
+      },
+      {
+        label: '断面检查',
+        value: 'f0310',
+        unit: '项'
+      },
+      {
+        label: '外业检查、配合外业检查',
+        value: 'f0311',
+        unit: '人天'
+      },
+      {
+        label: '编写项目质量检查报告',
+        value: 'f0312',
+        unit: '项'
+      },
+      {
+        label: '质量问题处理',
+        value: 'f0313',
+        unit: '项'
+      }
+    ]
+  },
+  {
+    label: '资料管理',
+    value: 'f04',
+    children: [
+      {
+        label: '报奖资料整理',
+        value: 'f0401',
+        unit: '项'
+      },
+      {
+        label: '外部资料收集',
+        value: 'f0402',
+        unit: '项'
+      },
+      {
+        label: '项目资料内部归档',
+        value: 'f0403',
+        unit: '项'
+      },
+      {
+        label: '项目资料提交甲方',
+        value: 'f0404',
+        unit: '项'
+      },
+      {
+        label: '项目资料提交甲方归档',
+        value: 'f0405',
+        unit: '项'
+      }
+    ]
+  },
+  {
+    label: '体系维护',
+    value: 'f05',
+    children: [
+      {
+        label: '体系内审',
+        value: 'f0501',
+        unit: '项'
+      },
+      {
+        label: '协助外审',
+        value: 'f0502',
+        unit: '项'
+      },
+      {
+        label: '体系文件修编',
+        value: 'f0503',
+        unit: '项'
+      }
+    ]
+  }
+]

oa-ui/src/assets/datas/JYContent.js

@@ -0,0 +1,126 @@
+export const JYContent = [
+  {
+    label: '参与生产',
+    value: 'f01',
+    children: [
+      {
+        label: '项目负责',
+        value: 'f0101',
+        unit: '项'
+      },
+      {
+        label: '外业负责',
+        value: 'f0102',
+        unit: '项'
+      },
+      {
+        label: '内业负责',
+        value: 'f0103',
+        unit: '项'
+      },
+      {
+        label: '参与外业',
+        value: 'f0104',
+        unit: '项'
+      },
+      {
+        label: '参与内业',
+        value: 'f0105',
+        unit: '项'
+      },
+      {
+        label: '资料整编',
+        value: 'f0106',
+        unit: '项'
+      }
+    ]
+  },
+  {
+    label: '商务标书',
+    value: 'f02',
+    children: [
+      {
+        label: '编写',
+        value: 'f0201',
+        unit: '项'
+      },
+      {
+        label: '校核',
+        value: 'f0202',
+        unit: '项'
+      },
+      {
+        label: '审查',
+        value: 'f0203',
+        unit: '项'
+      }
+    ]
+  },
+  {
+    label: '报价标书',
+    value: 'f03',
+    children: [
+      {
+        label: '编写',
+        value: 'f0301',
+        unit: '项'
+      },
+      {
+        label: '校核',
+        value: 'f0302',
+        unit: '项'
+      },
+      {
+        label: '审查',
+        value: 'f0303',
+        unit: '项'
+      }
+    ]
+  },
+  {
+    label: '项目合同',
+    value: 'f04',
+    children: [
+      {
+        label: '项目前期沟通',
+        value: 'f0401',
+        unit: '项'
+      },
+      {
+        label: '合同谈判',
+        value: 'f0402',
+        unit: '项'
+      },
+      {
+        label: '合同拟定',
+        value: 'f0403',
+        unit: '项'
+      },
+      {
+        label: '合同校核',
+        value: 'f0404',
+        unit: '项'
+      },
+      {
+        label: '合同审查',
+        value: 'f0405',
+        unit: '项'
+      },
+      {
+        label: '合同台账维护',
+        value: 'f0406',
+        unit: '项'
+      },
+      {
+        label: '项目请款办理',
+        value: 'f0407',
+        unit: '项'
+      },
+      {
+        label: '内部结算审核',
+        value: 'f0408',
+        unit: '项'
+      }
+    ]
+  },
+]

oa-ui/src/assets/datas/XMContent.js

@@ -0,0 +1,101 @@
+/*
+ * @Author: ysh
+ * @Date: 2024-02-20 14:59:59
+ * @LastEditors: 
+ * @LastEditTime: 2024-02-20 15:04:24
+ */
+export const XMContent = [
+  {
+    label: '参与生产',
+    value: 'f01',
+    children: [
+      {
+        label: '项目负责',
+        value: 'f0101',
+        unit: '项'
+      },
+      {
+        label: '外业负责',
+        value: 'f0102',
+        unit: '项'
+      },
+      {
+        label: '内业负责',
+        value: 'f0103',
+        unit: '项'
+      },
+      {
+        label: '参与外业',
+        value: 'f0104',
+        unit: '项'
+      },
+      {
+        label: '参与内业',
+        value: 'f0105',
+        unit: '项'
+      },
+      {
+        label: '资料整编',
+        value: 'f0106',
+        unit: '项'
+      }
+    ]
+  },
+  {
+    label: '项目管理',
+    value: 'f02',
+    children: [
+      {
+        label: '项目备案',
+        value: 'f0201',
+        unit: '项'
+      },
+      {
+        label: '项目预算',
+        value: 'f0202',
+        unit: '项'
+      },
+      {
+        label: '任务分发',
+        value: 'f0203',
+        unit: '项'
+      },
+      {
+        label: '项目交底',
+        value: 'f0204',
+        unit: '项'
+      },
+      {
+        label: '项目内部结算',
+        value: 'f0205',
+        unit: '项'
+      },
+      {
+        label: '顾客回访',
+        value: 'f0206',
+        unit: '项'
+      }
+    ]
+  },
+  {
+    label: '委外管理',
+    value: 'f03',
+    children: [
+      {
+        label: '委外合同办理',
+        value: 'f0301',
+        unit: '项'
+      },
+      {
+        label: '委外支付办理',
+        value: 'f0302',
+        unit: '项'
+      },
+      {
+        label: '合格分包商管理',
+        value: 'f0303',
+        unit: '项'
+      }
+    ]
+  }
+]

oa-ui/src/assets/datas/ZHContent.js

@@ -0,0 +1,284 @@
+export const ZHContent = [
+  {
+    label: '劳动组织',
+    value: 'f01',
+    children: [
+      {
+        label: '组织会议',
+        value: 'f0101',
+        unit: '次'
+      },
+      {
+        label: '组织培训',
+        value: 'f0102',
+        unit: '次'
+      },
+      {
+        label: '组织考察',
+        value: 'f0103',
+        unit: '次'
+      },
+      {
+        label: '组织接待',
+        value: 'f0104',
+        unit: '次'
+      },
+      {
+        label: '组织宣传',
+        value: 'f0105',
+        unit: '次'
+      },
+      {
+        label: '公司发文管理',
+        value: 'f0106',
+        unit: '次'
+      },
+      {
+        label: '企业微信、公司官方群、公司网站维护',
+        value: 'f0107',
+        unit: '次'
+      },
+      {
+        label: '公司资质、员工信息更新、维护（含OA）',
+        value: 'f0108',
+        unit: '次'
+      }
+    ]
+  },
+  {
+    label: '安全管理',
+    value: 'f02',
+    children: [
+      {
+        label: '安全培训',
+        value: 'f0201',
+        unit: '次'
+      },
+      {
+        label: '安全交底',
+        value: 'f0202',
+        unit: '次'
+      },
+      {
+        label: '组织演练',
+        value: 'f0203',
+        unit: '次'
+      },
+      {
+        label: '外业现场安全检查',
+        value: 'f0204',
+        unit: '人天'
+      },
+      {
+        label: '办公场所安全检查',
+        value: 'f0205',
+        unit: '次'
+      },
+      {
+        label: '商业保险办理',
+        value: 'f0206',
+        unit: '次'
+      },
+      {
+        label: '工伤保险办理',
+        value: 'f0207',
+        unit: '次'
+      },
+      {
+        label: '组织体检',
+        value: 'f0208',
+        unit: '人次'
+      }
+    ]
+  },
+  {
+    label: '设备物资',
+    value: 'f03',
+    children: [
+      {
+        label: '设备、物资采购',
+        value: 'f0301',
+        unit: '次'
+      },
+      {
+        label: '物资、仪器设备领用、归还',
+        value: 'f0302',
+        unit: '项'
+      },
+      {
+        label: '设备维修',
+        value: 'f0303',
+        unit: '次'
+      },
+      {
+        label: '设备检定',
+        value: 'f0304',
+        unit: '台套'
+      },
+      {
+        label: '设备保险办理',
+        value: 'f0305',
+        unit: '次'
+      }
+    ]
+  },
+  {
+    label: '人力资源',
+    value: 'f04',
+    children: [
+      {
+        label: '招聘（校招、社招、内部竞聘）',
+        value: 'f0401',
+        unit: '次'
+      },
+      {
+        label: '薪酬、考勤休假办理',
+        value: 'f0402',
+        unit: '次'
+      },
+      {
+        label: '社保三险办理',
+        value: 'f0403',
+        unit: '次'
+      },
+      {
+        label: '入、离职、退休办理',
+        value: 'f0404',
+        unit: '次'
+      },
+      {
+        label: '劳动合同办理',
+        value: 'f0405',
+        unit: '次'
+      },
+      {
+        label: '绩效考评管理',
+        value: 'f0406',
+        unit: '次'
+      },
+      {
+        label: '职称管理',
+        value: 'f0407',
+        unit: '次'
+      }
+    ]
+  },
+  {
+    label: '车辆管理',
+    value: 'f05',
+    children: [
+      {
+        label: '车辆采购',
+        value: 'f0501',
+        unit: '次'
+      },
+      {
+        label: '车辆保险购置',
+        value: 'f0502',
+        unit: '次'
+      },
+      {
+        label: '车辆处置',
+        value: 'f0503',
+        unit: '次'
+      },
+      {
+        label: '生产项目用车（安排）',
+        value: 'f0504',
+        unit: '次'
+      },
+      {
+        label: '出差用车（安排）',
+        value: 'f0505',
+        unit: '次'
+      },
+      {
+        label: '市周边临时驾驶接送（安排）',
+        value: 'f0506',
+        unit: '次'
+      },
+      {
+        label: '驾驶车辆参与项目生产',
+        value: 'f0507',
+        unit: '人天'
+      },
+      {
+        label: '驾驶车辆参与出差',
+        value: 'f0508',
+        unit: '人天'
+      },
+      {
+        label: '年度驾驶里程',
+        value: 'f0509',
+        unit: 'km'
+      },
+      {
+        label: '车辆维修保养',
+        value: 'f0510',
+        unit: '次'
+      },
+      {
+        label: '车辆保险理赔',
+        value: 'f0511',
+        unit: '次'
+      }
+    ]
+  },
+  {
+    label: '办公区维护',
+    value: 'f06',
+    children: [
+      {
+        label: '办公区办公设施检修',
+        value: 'f0601',
+        unit: '次'
+      },
+      {
+        label: '办公区安全检查',
+        value: 'f0602',
+        unit: '次'
+      },
+      {
+        label: '办公区绿植、送水统计',
+        value: 'f0603',
+        unit: '次'
+      },
+      {
+        label: '办公区电子显示屏展示宣传',
+        value: 'f0604',
+        unit: '次'
+      },
+      {
+        label: '办公区电子信息维护（电话、网络、电脑）',
+        value: 'f0605',
+        unit: '次'
+      },
+      {
+        label: '会议室管理',
+        value: 'f0606',
+        unit: '次'
+      },
+      {
+        label: '工作餐订制、快递、报纸收发',
+        value: 'f0607',
+        unit: '次'
+      }
+    ]
+  },
+  {
+    label: '党群、董事会',
+    value: 'f07',
+    children: [
+      {
+        label: '党总支日常工作',
+        value: 'f0701',
+        unit: '次'
+      },
+      {
+        label: '董事会日常工作',
+        value: 'f0702',
+        unit: '次'
+      }
+    ]
+  }
+]

oa-ui/src/views/flowable/form/cwForm.vue

@@ -0,0 +1,248 @@
+<!--
+ * @Author: ysh
+ * @Date: 2024-01-19 16:29:01
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-02-20 17:17:50
+-->
+<template>
+  <div>
+    <el-form ref="scform" :model="form">
+      <el-form-item label="工作自述：">
+        <el-input style="width:900px" type="textarea" :rows="2" placeholder="请输入内容" v-model="form['selfAssess']">
+        </el-input>
+      </el-form-item>
+      <el-form-item label="选择考核项：">
+        <el-checkbox-group v-model="checkedBtn" @change="assessChangeFn">
+          <el-checkbox v-for="sc, index in AssessmentContent" :label="sc.label" :key="index">{{ sc.label
+          }}</el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      <div class="tips" v-if="tipsShow">请至少选择一项考核项</div>
+      <el-row type="flex" style="flex-wrap:wrap;">
+        <el-card v-for="item, index in checkedBtn" style="flex:1;margin:10px;min-width: 400px;max-width: 450px;"
+          :key="index">
+          <div slot="header" class="clearfix">
+            <strong>{{ item }}</strong>
+            <el-button style="float: right; padding: 3px 0" type="text" @click="closeItem(item)">关闭</el-button>
+          </div>
+          <el-scrollbar style="height: 500px;">
+            <div v-for="ass in AssessmentContent" v-if="ass.label == item">
+              <table border="1" cellspacing="0" align="center" cellpadding="5">
+                <tr style="background-color:#409EFF;color: #fff;">
+                  <td>等级、比例尺等</td>
+                  <td>工作量</td>
+                  <td>单位</td>
+                </tr>
+                <tr v-for="child in ass.children">
+                  <td v-if="!Array.isArray(child.label)">{{ child.label }}</td>
+                  <td v-else>
+                    <el-checkbox-group v-model="form.f07">
+                      <el-checkbox v-for="label, index in child.label" :label="label" :key="'k' + index"></el-checkbox>
+                    </el-checkbox-group>
+                  </td>
+                  <td v-if="Array.isArray(child.label)">
+                    <el-input v-model="form[child.value]" style="width: 100%"></el-input>
+                  </td>
+                  <td v-if="!Array.isArray(child.label)">
+                    <el-input v-model="form[child.value]" style="width: 100%"></el-input>
+                  </td>
+                  <td>{{ child.unit }}</td>
+                </tr>
+                <tr>
+                  <td>参与情况</td>
+                  <td colspan="2">
+                    <el-radio-group v-model="form['role' + ass.value.slice(-2)]">
+                      <el-radio label="00">主办</el-radio>
+                      <el-radio label="01">参与</el-radio>
+                      <el-radio label="02">协助</el-radio>
+                    </el-radio-group>
+                  </td>
+                </tr>
+                <tr>
+                  <td>备注</td>
+                  <td colspan="2">
+                    <el-input type="textarea" :rows="2" placeholder="请输入内容"
+                      v-model="form['remark' + ass.value.slice(-2)]">
+                    </el-input>
+                  </td>
+                </tr>
+              </table>
+              <div class="tips" v-if="inputTips">工作量只能输入数字</div>
+            </div>
+          </el-scrollbar>
+        </el-card>
+      </el-row>
+      <el-form-item label="其他工作：">
+        <el-input style="width:900px" type="textarea" :rows="2" placeholder="有其他工作请在此写入内容" v-model="form['otherWork']">
+        </el-input>
+      </el-form-item>
+      <el-row>
+        <el-button @click="generateForm" type="primary">生成考核表</el-button>
+      </el-row>
+    </el-form>
+    <el-dialog title="" :visible.sync="taskOpen" width="65%" append-to-body>
+      <ZhTable :tableForm="noNullForm" ref="zhTable" @submit="submit"></ZhTable>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { ZHContent } from '@/assets/datas/ZHContent'
+import { MessageBox } from 'element-ui'
+import { Snowflake } from '@/utils/snowFlake.js'
+import { submitAssess } from '@/api/oa/assess/assess.js'
+import { listProject } from '@/api/oa/project/project.js'
+import { getProject } from '@/api/oa/project/project'
+import ZhTable from './zhTable.vue';
+export default {
+  dicts: ['cmc_skill'],
+  components: { ZhTable },
+  data() {
+    return {
+      checkedBtn: [],
+      AssessmentContent: ZHContent,
+      projectList: [],
+      form: {},
+      noNullForm: {},
+      taskOpen: false,
+      tipsShow: false,
+      inputTips: false
+    };
+  },
+  created() {
+    this.initForm();
+  },
+  watch: {},
+  mounted() {
+
+  },
+  methods: {
+    initForm() {
+      listProject({ pageSize: 200 }).then(res => {
+        this.projectList = res.rows;
+      })
+    },
+    // 提交表单
+    submit(tableForm) {
+      MessageBox.confirm('确认提交？', '任务提交', { confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning' }).then(() => {
+        tableForm.formId = new Snowflake(1n, 1n, 0n).nextId().toString();
+        tableForm.disabled = true;
+        console.log(tableForm);
+        let formData = new FormData();
+        let form = JSON.stringify(tableForm);
+        formData.append("form", form);
+        submitAssess(formData).then(res => {
+        debugger
+          this.taskOpen = false;
+          this.$emit('submit', tableForm);
+        });
+      }).catch(() => {
+      });
+    },
+    // 生成考核表格
+    generateForm() {
+      let flag = 0;
+      if (this.checkedBtn.length == 0) {
+        this.tipsShow = true;
+        return
+      }
+      for (let f in this.form) {
+        if (this.form[f] != "" && this.form[f] != [] && this.form[f] !== undefined) {
+          this.$set(this.noNullForm, f, this.form[f])
+        }
+        if (f.indexOf('familiar') != -1) {
+          this.$set(this.noNullForm, f, this.form[f])
+        }
+      }
+      for (let btn of this.checkedBtn) {
+        let ids = this.changeLabelToValue(btn);
+        if (this.form['familiar' + ids] == undefined) {
+          this.$message.error('熟练程度为必填项，请完善！');
+          flag = 0
+          break
+        } else {
+          flag = 1
+        }
+      }
+      if (flag) {
+        this.taskOpen = true;
+        if (this.$refs.zhTable != undefined) {
+          this.$refs.zhTable.formatForm();
+        }
+      }
+    },
+    getProjectById(id) {
+      getProject(id).then(res => {
+        if (res.data != undefined) {
+          this.form.projectName = res.data.projectName;
+          this.form.projectNumber = res.data.projectNumber;
+        }
+      })
+    },
+    closeItem(item) {
+      let index = this.checkedBtn.indexOf(item);
+      let number;
+      if (index !== -1) {
+        this.checkedBtn.splice(index, 1);
+      }
+      for (let i of ZHContent) {
+        if (i.label == item) {
+          number = i.value;
+        }
+      }
+      for (let fkey in this.form) {
+        if (fkey.substring(0, 3) == number) {
+          if (typeof (this.form[fkey]) == 'string') {
+            this.form[fkey] = "";
+          }
+          else if (Array.isArray(this.form[fkey])) {
+            this.form[fkey] = [];
+          }
+        }
+        this.form['familiar' + number.substring(1, 3)] = undefined;
+        this.form['remark' + number.substring(1, 3)] = "";
+      }
+    },
+    assessChangeFn(val) {
+      if (val.length != 0) {
+        this.tipsShow = false;
+      }
+    },
+    mustNumber(val, event) {
+      let regex = /^\d+(\.\d{1,2})?$/;
+      let newElement = document.createElement("div");
+      newElement.innerHTML = '工作量必须是数字';
+      newElement.classList.add('inputTips');
+      if (regex.test(val) || val == "") {
+        this.inputTips = false;
+      } else {
+        this.inputTips = true;
+        event.target.parentNode.appendChild(newElement, event.target)
+      }
+    },
+    changeLabelToValue(label) {
+      for (let s of ZHContent) {
+        if (s.label == label) {
+          return s.value.slice(-2)
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.tips {
+  color: #f00;
+  font-size: 12px;
+  line-height: 18px;
+}
+</style>
+<style>
+.inputTips {
+  color: #f00;
+  font-size: 12px;
+  line-height: 18px;
+  display: block;
+}
+</style>

oa-ui/src/views/flowable/form/jsForm.vue

@@ -0,0 +1,249 @@
+<!--
+ * @Author: ysh
+ * @Date: 2024-02-20 10:40:26
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-02-20 10:58:38
+-->
+<template>
+  <!-- 技术质量部 -->
+  <div>
+    <el-form ref="scform" :model="form">
+      <el-form-item label="工作自述：">
+        <el-input style="width:900px" type="textarea" :rows="2" placeholder="请输入内容" v-model="form['selfAssess']">
+        </el-input>
+      </el-form-item>
+      <el-form-item label="选择考核项：">
+        <el-checkbox-group v-model="checkedBtn" @change="assessChangeFn">
+          <el-checkbox v-for="sc, index in AssessmentContent" :label="sc.label" :key="index">{{ sc.label
+          }}</el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      <div class="tips" v-if="tipsShow">请至少选择一项考核项</div>
+      <el-row type="flex" style="flex-wrap:wrap;">
+        <el-card v-for="item, index in checkedBtn" style="flex:1;margin:10px;min-width: 400px;max-width: 450px;"
+          :key="index">
+          <div slot="header" class="clearfix">
+            <strong>{{ item }}</strong>
+            <el-button style="float: right; padding: 3px 0" type="text" @click="closeItem(item)">关闭</el-button>
+          </div>
+          <el-scrollbar style="height: 500px;">
+            <div v-for="ass in AssessmentContent" v-if="ass.label == item">
+              <table border="1" cellspacing="0" align="center" cellpadding="5">
+                <tr style="background-color:#409EFF;color:#fff;">
+                  <td>工作内容</td>
+                  <td>工作量</td>
+                  <td>单位</td>
+                </tr>
+                <tr v-for="child in ass.children">
+                  <td v-if="!Array.isArray(child.label)">{{ child.label }}</td>
+                  <td v-else>
+                    <el-checkbox-group v-model="form.f07">
+                      <el-checkbox v-for="label, index in child.label" :label="label" :key="'k' + index"></el-checkbox>
+                    </el-checkbox-group>
+                  </td>
+                  <td v-if="Array.isArray(child.label)">
+                    <el-input v-model="form[child.value]" style="width: 100%"></el-input>
+                  </td>
+                  <td v-if="!Array.isArray(child.label)">
+                    <el-input v-model="form[child.value]" style="width: 100%"></el-input>
+                  </td>
+                  <td>{{ child.unit }}</td>
+                </tr>
+                <tr>
+                  <td>熟练程度</td>
+                  <td colspan="2">
+                    <el-radio-group v-model="form['familiar' + ass.value.slice(-2)]">
+                      <el-radio :label="0">生疏</el-radio>
+                      <el-radio :label="2">熟练</el-radio>
+                      <el-radio :label="3">精通</el-radio>
+                    </el-radio-group>
+                  </td>
+                </tr>
+                <tr>
+                  <td>备注</td>
+                  <td colspan="2">
+                    <el-input type="textarea" :rows="2" placeholder="请输入内容"
+                      v-model="form['remark' + ass.value.slice(-2)]">
+                    </el-input>
+                  </td>
+                </tr>
+              </table>
+              <div class="tips" v-if="inputTips">工作量只能输入数字</div>
+            </div>
+          </el-scrollbar>
+        </el-card>
+      </el-row>
+      <el-form-item label="其他工作：">
+        <el-input style="width:900px" type="textarea" :rows="2" placeholder="有其他工作请在此写入内容" v-model="form['otherWork']">
+        </el-input>
+      </el-form-item>
+      <el-row>
+        <el-button @click="generateForm" type="primary">生成考核表</el-button>
+      </el-row>
+    </el-form>
+    <el-dialog title="" :visible.sync="taskOpen" width="65%" append-to-body>
+      <JsTable :tableForm="noNullForm" ref="jsTable" @submit="submit"></JsTable>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { JSContent } from '@/assets/datas/JSContent'
+import { MessageBox } from 'element-ui'
+import { Snowflake } from '@/utils/snowFlake.js'
+import { submitAssess } from '@/api/oa/assess/assess.js'
+import { listProject } from '@/api/oa/project/project.js'
+import { getProject } from '@/api/oa/project/project'
+import JsTable from './jsTable.vue'
+export default {
+  dicts: ['cmc_skill'],
+  components: { JsTable },
+  data() {
+    return {
+      checkedBtn: [],
+      AssessmentContent: JSContent,
+      projectList: [],
+      form: {},
+      noNullForm: {},
+      taskOpen: false,
+      tipsShow: false,
+      inputTips: false
+    };
+  },
+  created() {
+    this.initForm();
+  },
+  watch: {},
+  mounted() {
+
+  },
+  methods: {
+    initForm() {
+      listProject({ pageSize: 200 }).then(res => {
+        this.projectList = res.rows;
+      })
+    },
+    // 提交表单
+    submit(tableForm) {
+      MessageBox.confirm('确认提交？', '任务提交', { confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning' }).then(() => {
+        tableForm.formId = new Snowflake(1n, 1n, 0n).nextId().toString();
+        tableForm.disabled = true;
+        console.log(tableForm);
+        let formData = new FormData();
+        let form = JSON.stringify(tableForm);
+        formData.append("form", form);
+        submitAssess(formData).then(res => {
+        debugger
+          this.taskOpen = false;
+          this.$emit('submit', tableForm);
+        });
+      }).catch(() => {
+      });
+    },
+    // 生成考核表格
+    generateForm() {
+      let flag = 0;
+      if (this.checkedBtn.length == 0) {
+        this.tipsShow = true;
+        return
+      }
+      for (let f in this.form) {
+        if (this.form[f] != "" && this.form[f] != [] && this.form[f] !== undefined) {
+          this.$set(this.noNullForm, f, this.form[f])
+        }
+        if (f.indexOf('familiar') != -1) {
+          this.$set(this.noNullForm, f, this.form[f])
+        }
+      }
+      for (let btn of this.checkedBtn) {
+        let ids = this.changeLabelToValue(btn);
+        if (this.form['familiar' + ids] == undefined) {
+          this.$message.error('熟练程度为必填项，请完善！');
+          flag = 0
+          break
+        } else {
+          flag = 1
+        }
+      }
+      if (flag) {
+        this.taskOpen = true;
+        if (this.$refs.jsTable != undefined) {
+          this.$refs.jsTable.formatForm();
+        }
+      }
+    },
+    getProjectById(id) {
+      getProject(id).then(res => {
+        if (res.data != undefined) {
+          this.form.projectName = res.data.projectName;
+          this.form.projectNumber = res.data.projectNumber;
+        }
+      })
+    },
+    closeItem(item) {
+      let index = this.checkedBtn.indexOf(item);
+      let number;
+      if (index !== -1) {
+        this.checkedBtn.splice(index, 1);
+      }
+      for (let i of JSContent) {
+        if (i.label == item) {
+          number = i.value;
+        }
+      }
+      for (let fkey in this.form) {
+        if (fkey.substring(0, 3) == number) {
+          if (typeof (this.form[fkey]) == 'string') {
+            this.form[fkey] = "";
+          }
+          else if (Array.isArray(this.form[fkey])) {
+            this.form[fkey] = [];
+          }
+        }
+        this.form['familiar' + number.substring(1, 3)] = undefined;
+        this.form['remark' + number.substring(1, 3)] = "";
+      }
+    },
+    assessChangeFn(val) {
+      if (val.length != 0) {
+        this.tipsShow = false;
+      }
+    },
+    mustNumber(val, event) {
+      let regex = /^\d+(\.\d{1,2})?$/;
+      let newElement = document.createElement("div");
+      newElement.innerHTML = '工作量必须是数字';
+      newElement.classList.add('inputTips');
+      if (regex.test(val) || val == "") {
+        this.inputTips = false;
+      } else {
+        this.inputTips = true;
+        event.target.parentNode.appendChild(newElement, event.target)
+      }
+    },
+    changeLabelToValue(label) {
+      for (let s of JSContent) {
+        if (s.label == label) {
+          return s.value.slice(-2)
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.tips {
+  color: #f00;
+  font-size: 12px;
+  line-height: 18px;
+}
+</style>
+<style>
+.inputTips {
+  color: #f00;
+  font-size: 12px;
+  line-height: 18px;
+  display: block;
+}
+</style>

oa-ui/src/views/flowable/form/jsTable.vue

@@ -0,0 +1,752 @@
+<template>
+  <!-- 技术质量部表格 -->
+  <div style="padding:10px">
+    <h2 style="text-align: center;">技术质量部考核表</h2>
+    <table class="table" ref="tableDatas">
+      <tr>
+        <td class="table-title">姓名</td>
+        <td style="text-align:left;padding-left:10px;">{{ tableForm.nickName }}</td>
+        <td class="table-title">考核年度</td>
+        <td> {{ tableForm.assessTime }}</td>
+        <td colspan="3" class="table-title">部门负责人考核意见</td>
+        <td colspan="3" class="table-title">分管领导考核意见</td>
+      </tr>
+      <tr>
+        <td class="table-title">所在部门</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.deptName }}</td>
+        <td colspan="3">
+          <el-radio-group v-model="tableForm.deptAssessment" :disabled="!isDeptLeader">
+            <el-radio v-for="dict in dict.type.cmc_accessment" :key="dict.value" :label="dict.value">
+              {{ dict.label }}
+            </el-radio>
+          </el-radio-group>
+        </td>
+        <td colspan="3">
+          <el-radio-group v-model="tableForm.managerAssessment" :disabled="!isManager">
+            <el-radio v-for="dict in dict.type.cmc_accessment" :key="dict.value" :label="dict.value">
+              {{ dict.label }}
+            </el-radio>
+          </el-radio-group>
+        </td>
+      </tr>
+      <tr>
+        <td class="table-title">部门职务</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.postGroup }}</td>
+        <td colspan="3" rowspan="4">
+          <el-input type="textarea" :rows="4" placeholder="请输入考核意见" v-model="tableForm.deptAdvice" :disabled="!isDeptLeader">
+          </el-input>
+          <el-row justify="center" type="flex">
+            <el-col :span="12">考核人：<el-input v-model="tableForm.deptAssesser" style="width:150px;" placeholder="请输入考核人" :disabled="!isDeptLeader"></el-input> </el-col>
+            <el-col :span="12">日期：<el-date-picker type="date"  placeholder="请选择考核日期" v-model="tableForm.deptTime" style="width:150px;" :disabled="!isDeptLeader"></el-date-picker> </el-col>
+          </el-row>
+        </td>
+        <td colspan="3" rowspan="4">
+          <el-input type="textarea" :rows="4" placeholder="请输入考核意见" v-model="tableForm.managerAdvice" :disabled="!isManager">
+          </el-input>
+          <el-row justify="center">
+            <el-col :span="12">考核人：<el-input v-model="tableForm.managerAssesser" style="width:150px;" placeholder="请输入考核人" :disabled="!isManager"></el-input></el-col>
+            <el-col :span="12">日期：<el-date-picker type="date"  placeholder="请选择考核日期" v-model="tableForm.managerTime" style="width:150px;" :disabled="!isManager"></el-date-picker></el-col>
+          </el-row>
+        </td>
+      </tr>
+      <tr>
+        <td class="table-title">工程师岗级</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.pmLevel }}</td>
+      </tr>
+      <tr>
+        <td class="table-title">技术职称</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.titles }}</td>
+      </tr>
+      <tr>
+        <td class="table-title">入职年月</td>
+        <td style="text-align:left;padding-left:10px;">{{ tableForm.entryDate }}</td>
+        <td class="table-title">年龄</td>
+        <td style="text-align:left;padding-left:10px;">{{ tableForm.age }}</td>
+      </tr>
+      <tr>
+        <td rowspan="2" class="table-title">考核内容</td>
+        <td colspan="5" class="table-title">被考核人填写</td>
+        <td colspan="4" class="table-title" style="width:300px;">项目负责人考核</td>
+      </tr>
+      <tr>
+        <td class="table-title">工作内容</td>
+        <td class="table-title">单位</td>
+        <td class="table-title">工作量</td>
+        <td class="table-title">熟练程度</td>
+        <td class="table-title">备注</td>
+        <td class="table-title">工作量</td>
+        <td class="table-title">技能掌握</td>
+        <td class="table-title">岗位综合表现</td>
+        <td class="table-title">考核建议</td>
+      </tr>
+      <tr>
+        <td rowspan="6">参与生产</td>
+        <td>项目负责</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0101 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0101"></el-input>
+        </td>
+        <td rowspan="6">
+          <el-radio-group v-model="tableForm.familiar01" :disabled="!isStaff">
+            <div><el-radio :label="0">生疏</el-radio></div>
+            <div><el-radio :label="2">熟练</el-radio></div>
+            <div><el-radio :label="3">精通</el-radio></div>
+          </el-radio-group>
+        </td>
+        
+        <td rowspan="6">
+          <div>{{ tableForm.remark01 }}</div>
+        </td>
+        <!-- 工作量 -->
+        <td rowspan="6">
+          <el-radio-group v-model="tableForm.workload01" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_workload" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'workload05')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="6">
+          <el-radio-group v-model="tableForm.skill01" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'skill01')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="6">
+          <el-radio-group v-model="tableForm.assessment01" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'assessment01')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="6" >
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice01" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>外业负责</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0102 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0102"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>内业负责</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0103 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0103"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>参与外业</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0104 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0104"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>参与内业</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0105 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0105"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>资料整编</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0106 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0106">
+          </el-input>
+        </td>
+      </tr>
+
+      <!--  -->
+      <tr>
+        <td rowspan="4">技术设计</td>
+        <td>承担技术负责人</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0201 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0201"></el-input>
+        </td>
+        <td rowspan="4">
+          <el-radio-group v-model="tableForm.familiar02" :disabled="!isStaff">
+            <div><el-radio :label="0">生疏</el-radio></div>
+            <div><el-radio :label="2">熟练</el-radio></div>
+            <div><el-radio :label="3">精通</el-radio></div>
+          </el-radio-group>
+        </td>
+        <td rowspan="4">
+          <div>{{ tableForm.remark02 }}</div>
+        </td>
+        <!-- 工作量 -->
+        <td rowspan="4">
+          <el-radio-group v-model="tableForm.workload02" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_workload" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'workload05')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="4">
+          <el-radio-group v-model="tableForm.skill02" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'skill02')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="4">
+          <el-radio-group v-model="tableForm.assessment02" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'assessment02')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="4">
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice02" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>技术设计书编写</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0202 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0202"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>投标技术文件编写</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0203 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0203"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>技术设计书审核</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0204 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0204"></el-input>
+        </td>
+      </tr>
+<!--  -->
+
+      <tr>
+        <td rowspan="13">质量检查</td>
+        <td>承担项目质量负责人</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0301 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0301"></el-input>
+        </td>
+        <td rowspan="13">
+          <el-radio-group v-model="tableForm.familiar03" :disabled="!isStaff">
+            <div><el-radio :label="0">生疏</el-radio></div>
+            <div><el-radio :label="2">熟练</el-radio></div>
+            <div><el-radio :label="3">精通</el-radio></div>
+          </el-radio-group>
+        </td>
+        <td rowspan="13">
+          <div>{{ tableForm.remark03 }}</div>
+        </td>
+        <!-- 工作量 -->
+        <td rowspan="13">
+          <el-radio-group v-model="tableForm.workload03" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_workload" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'workload05')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="13">
+          <el-radio-group v-model="tableForm.skill03" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'skill03')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="13">
+          <el-radio-group v-model="tableForm.assessment03" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'assessment03')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="13">
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice03" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>控制测量资料检查</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0302 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0302"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>监测、施控网资料检查</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0303 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0303"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>DOM检查</td>
+        <td>幅</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0304 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0304"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>DEM检查</td>
+        <td>幅</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0305 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0305"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>地形图检查</td>
+        <td>幅</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0306 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0306"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>三维地形面检查</td>
+        <td>幅</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0307 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0307"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>项目空三检查</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0308 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0308"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>点云分类检查</td>
+        <td>幅</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0309 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0309"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>断面检查</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0310 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0310"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>外业检查、配合外业检查</td>
+        <td>人天</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0311 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0311"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>编写项目质量检查报告</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0312 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0312"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>质量问题处理</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0313 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0313"></el-input>
+        </td>
+      </tr>
+
+      <!--  -->
+
+      <tr>
+        <td rowspan="5">资料管理</td>
+        <td>报奖资料整理</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0401 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0401"></el-input>
+        </td>
+        <td rowspan="5">
+          <el-radio-group v-model="tableForm.familiar04" :disabled="!isStaff">
+            <div><el-radio :label="0">生疏</el-radio></div>
+            <div><el-radio :label="2">熟练</el-radio></div>
+            <div><el-radio :label="3">精通</el-radio></div>
+          </el-radio-group>
+        </td>
+        <td rowspan="5">
+          <div>{{ tableForm.remark04 }}</div>
+        </td>
+        <!-- 工作量 -->
+        <td rowspan="5">
+          <el-radio-group v-model="tableForm.workload04" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_workload" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'workload05')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="5">
+          <el-radio-group v-model="tableForm.skill04" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'skill04')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="5">
+          <el-radio-group v-model="tableForm.assessment04" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'assessment04')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="5">
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice04" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>外部资料收集</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0402 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0402"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>项目资料内部归档</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0403 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0403"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>项目资料提交甲方</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0404 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0404"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>项目资料提交甲方归档</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0405 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0405"></el-input>
+        </td>
+      </tr>
+
+      <!--  -->
+
+      <tr>
+        <td rowspan="3">体系维护</td>
+        <td>体系内审</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0501 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0501"></el-input>
+        </td>
+        <td rowspan="3">
+          <el-radio-group v-model="tableForm.familiar05" :disabled="!isStaff">
+            <div><el-radio :label="0">生疏</el-radio></div>
+            <div><el-radio :label="2">熟练</el-radio></div>
+            <div><el-radio :label="3">精通</el-radio></div>
+          </el-radio-group>
+        </td>
+        <td rowspan="3">
+          <div>{{ tableForm.remark05 }}</div>
+        </td>
+        <!-- 工作量 -->
+        <td rowspan="3">
+          <el-radio-group v-model="tableForm.workload05" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_workload" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'workload05')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="3">
+          <el-radio-group v-model="tableForm.skill05" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'skill05')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="3">
+          <el-radio-group v-model="tableForm.assessment05" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'assessment05')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="3">
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice05" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>协助外审</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0502 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0502"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>体系文件修编</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0503 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0503"></el-input>
+        </td>
+      </tr>
+
+      <!--  -->
+
+      <tr style="height:90px;">
+        <td>其他工作</td>
+        <td colspan="9">
+          <span v-if="!isStaff">{{ tableForm.otherWork }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.otherWork" type="textarea" :rows="2"></el-input>
+        </td>
+      </tr>
+      <tr style="height:90px;">
+        <td>年度自述</td>
+        <td colspan="9">
+          <span v-if="!isStaff">{{ tableForm.selfAssess }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.selfAssess" type="textarea" :rows="2"></el-input>
+        </td>
+      </tr>
+    </table>
+    <el-row justify="center" type="flex" style="margin-top:20px;"
+      v-if="tableForm.taskName == undefined || tableForm.taskName == '员工修改'">
+      <el-button type="primary" @click="submit">提交</el-button>
+      <el-button>取消</el-button>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { JYContent } from '@/assets/datas/JYContent'
+import { getDicts as getDicts } from '@/api/system/dict/data'
+export default {
+  dicts: ['cmc_role', 'cmc_skill', 'cmc_accessment','cmc_workload'],
+  props: {
+    tableForm: {
+      type: Object,
+      required: true
+    },
+  },
+  watch: {
+    tableForm: function (newval, oldval) {
+      this.formatForm();
+    }
+  },
+  data() {
+    return {
+      form: {},
+      radio1: "",
+      radio2: "",
+      textarea1: "",
+      textarea2: "",
+      isDeptLeader: false,
+      isPiLeader: false,
+      isManager: false,
+      isStaff: false,
+    }
+  },
+  created() {
+    this.initForm();
+  },
+  mounted() {
+    this.formatForm();
+  },
+  methods: {
+    initForm() {
+
+    },
+    formatForm() {
+      if (this.tableForm.taskName == '项目负责人审核') {
+        this.isPiLeader = true;
+        this.isDeptLeader = false;
+        this.isManager = false;
+        this.isStaff = false;
+      } else if (this.tableForm.taskName == '部门审核') {
+        this.isPiLeader = false;
+        this.isDeptLeader = true;
+        this.isManager = false;
+        this.isStaff = false;
+      } else if (this.tableForm.taskName == '分管领导审核') {
+        this.isPiLeader = false;
+        this.isDeptLeader = false;
+        this.isManager = true;
+        this.isStaff = false;
+      } else if (this.tableForm.taskName == '员工修改') {
+        this.isPiLeader = false;
+        this.isDeptLeader = false;
+        this.isManager = false;
+        this.isStaff = true;
+      }
+    },
+    submit() {
+      if(!this.isStaff){
+        this.$emit('submit', this.tableForm);
+      }else{
+        this.$emit('submit', this.tableForm);
+      }
+      
+    },
+    cancelSelect(value, name) {
+      debugger
+      if (!this.isPiLeader) {
+        return
+      }
+      if (this.tableForm[name] == value) {
+        this.tableForm[name] = null
+      } else {
+
+        if (this.tableForm[name] !== undefined)
+          this.tableForm[name] = value
+      }
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.table {
+  border-collapse: collapse;
+  width: 100%;
+}
+
+.table-title {
+  background-color: #dad4d4;
+  font-weight: bold;
+}
+
+.table,
+th,
+td {
+  border: 1px solid black;
+  text-align: center;
+}
+
+td {
+  height: 24px;
+  width: 100px;
+}
+
+.head {
+  background-color: #ccc;
+}
+
+::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
+  border-color: #fff;
+}
+
+::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
+  background-color: #409eff;
+  border-color: #409eff;
+}
+
+::v-deep .el-checkbox__input.is-disabled+span.el-checkbox__label {
+  color: #000;
+}
+
+::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+
+::v-deep .el-radio__input.is-disabled .el-radio__inner,
+.el-radio__input.is-disabled.is-checked .el-radio__inner {
+  background-color: #f1f1f1;
+  border-color: #f1f1f1;
+}
+
+::v-deep .el-radio__input.is-disabled+span.el-radio__label {
+  color: #000;
+}
+
+
+::v-deep .el-radio__input.is-checked .el-radio__inner::after {
+  content: "";
+  width: 10px;
+  height: 5px;
+  border: 2px solid #409eff;
+  border-top: transparent;
+  border-right: transparent;
+  text-align: center;
+  display: block;
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  vertical-align: middle;
+  transform: rotate(-45deg);
+  border-radius: 0px;
+  background: none;
+}
+</style>

oa-ui/src/views/flowable/form/jyForm.vue

@@ -0,0 +1,248 @@
+<!--
+ * @Author: ysh
+ * @Date: 2024-01-19 16:29:01
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-02-19 14:36:21
+-->
+<template>
+  <div>
+    <el-form ref="scform" :model="form">
+      <el-form-item label="工作自述：">
+        <el-input style="width:900px" type="textarea" :rows="2" placeholder="请输入内容" v-model="form['selfAssess']">
+        </el-input>
+      </el-form-item>
+      <el-form-item label="选择考核项：">
+        <el-checkbox-group v-model="checkedBtn" @change="assessChangeFn">
+          <el-checkbox v-for="sc, index in AssessmentContent" :label="sc.label" :key="index">{{ sc.label
+          }}</el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      <div class="tips" v-if="tipsShow">请至少选择一项考核项</div>
+      <el-row type="flex" style="flex-wrap:wrap;">
+        <el-card v-for="item, index in checkedBtn" style="flex:1;margin:10px;min-width: 400px;max-width: 450px;"
+          :key="index">
+          <div slot="header" class="clearfix">
+            <strong>{{ item }}</strong>
+            <el-button style="float: right; padding: 3px 0" type="text" @click="closeItem(item)">关闭</el-button>
+          </div>
+          <el-scrollbar style="height: 500px;">
+            <div v-for="ass in AssessmentContent" v-if="ass.label == item">
+              <table border="1" cellspacing="0" align="center" cellpadding="5">
+                <tr style="background-color:#409EFF;color:#fff;">
+                  <td>等级、比例尺等</td>
+                  <td>工作量</td>
+                  <td>单位</td>
+                </tr>
+                <tr v-for="child in ass.children">
+                  <td v-if="!Array.isArray(child.label)">{{ child.label }}</td>
+                  <td v-else>
+                    <el-checkbox-group v-model="form.f07">
+                      <el-checkbox v-for="label, index in child.label" :label="label" :key="'k' + index"></el-checkbox>
+                    </el-checkbox-group>
+                  </td>
+                  <td v-if="Array.isArray(child.label)">
+                    <el-input v-model="form[child.value]" style="width: 100%"></el-input>
+                  </td>
+                  <td v-if="!Array.isArray(child.label)">
+                    <el-input v-model="form[child.value]" style="width: 100%"></el-input>
+                  </td>
+                  <td>{{ child.unit }}</td>
+                </tr>
+                <tr>
+                  <td>熟练程度</td>
+                  <td colspan="2">
+                    <el-radio-group v-model="form['familiar' + ass.value.slice(-2)]">
+                      <el-radio :label="0">生疏</el-radio>
+                      <el-radio :label="2">熟练</el-radio>
+                      <el-radio :label="3">精通</el-radio>
+                    </el-radio-group>
+                  </td>
+                </tr>
+                <tr>
+                  <td>备注</td>
+                  <td colspan="2">
+                    <el-input type="textarea" :rows="2" placeholder="请输入内容"
+                      v-model="form['remark' + ass.value.slice(-2)]">
+                    </el-input>
+                  </td>
+                </tr>
+              </table>
+              <div class="tips" v-if="inputTips">工作量只能输入数字</div>
+            </div>
+          </el-scrollbar>
+        </el-card>
+      </el-row>
+      <el-form-item label="其他工作：">
+        <el-input style="width:900px" type="textarea" :rows="2" placeholder="有其他工作请在此写入内容" v-model="form['otherWork']">
+        </el-input>
+      </el-form-item>
+      <el-row>
+        <el-button @click="generateForm" type="primary">生成考核表</el-button>
+      </el-row>
+    </el-form>
+    <el-dialog title="" :visible.sync="taskOpen" width="65%" append-to-body>
+      <JyTable :tableForm="noNullForm" ref="jyTable" @submit="submit"></JyTable>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { JYContent } from '@/assets/datas/JYContent'
+import { MessageBox } from 'element-ui'
+import { Snowflake } from '@/utils/snowFlake.js'
+import { submitAssess } from '@/api/oa/assess/assess.js'
+import { listProject } from '@/api/oa/project/project.js'
+import { getProject } from '@/api/oa/project/project'
+import JyTable from './jyTable.vue';
+export default {
+  dicts: ['cmc_skill'],
+  components: { JyTable },
+  data() {
+    return {
+      checkedBtn: [],
+      AssessmentContent: JYContent,
+      projectList: [],
+      form: {},
+      noNullForm: {},
+      taskOpen: false,
+      tipsShow: false,
+      inputTips: false
+    };
+  },
+  created() {
+    this.initForm();
+  },
+  watch: {},
+  mounted() {
+
+  },
+  methods: {
+    initForm() {
+      listProject({ pageSize: 200 }).then(res => {
+        this.projectList = res.rows;
+      })
+    },
+    // 提交表单
+    submit(tableForm) {
+      MessageBox.confirm('确认提交？', '任务提交', { confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning' }).then(() => {
+        tableForm.formId = new Snowflake(1n, 1n, 0n).nextId().toString();
+        tableForm.disabled = true;
+        console.log(tableForm);
+        let formData = new FormData();
+        let form = JSON.stringify(tableForm);
+        formData.append("form", form);
+        submitAssess(formData).then(res => {
+        debugger
+          this.taskOpen = false;
+          this.$emit('submit', tableForm);
+        });
+      }).catch(() => {
+      });
+    },
+    // 生成考核表格
+    generateForm() {
+      let flag = 0;
+      if (this.checkedBtn.length == 0) {
+        this.tipsShow = true;
+        return
+      }
+      for (let f in this.form) {
+        if (this.form[f] != "" && this.form[f] != [] && this.form[f] !== undefined) {
+          this.$set(this.noNullForm, f, this.form[f])
+        }
+        if (f.indexOf('familiar') != -1) {
+          this.$set(this.noNullForm, f, this.form[f])
+        }
+      }
+      for (let btn of this.checkedBtn) {
+        let ids = this.changeLabelToValue(btn);
+        if (this.form['familiar' + ids] == undefined) {
+          this.$message.error('熟练程度为必填项，请完善！');
+          flag = 0
+          break
+        } else {
+          flag = 1
+        }
+      }
+      if (flag) {
+        this.taskOpen = true;
+        if (this.$refs.jyTable != undefined) {
+          this.$refs.jyTable.formatForm();
+        }
+      }
+    },
+    getProjectById(id) {
+      getProject(id).then(res => {
+        if (res.data != undefined) {
+          this.form.projectName = res.data.projectName;
+          this.form.projectNumber = res.data.projectNumber;
+        }
+      })
+    },
+    closeItem(item) {
+      let index = this.checkedBtn.indexOf(item);
+      let number;
+      if (index !== -1) {
+        this.checkedBtn.splice(index, 1);
+      }
+      for (let i of JYContent) {
+        if (i.label == item) {
+          number = i.value;
+        }
+      }
+      for (let fkey in this.form) {
+        if (fkey.substring(0, 3) == number) {
+          if (typeof (this.form[fkey]) == 'string') {
+            this.form[fkey] = "";
+          }
+          else if (Array.isArray(this.form[fkey])) {
+            this.form[fkey] = [];
+          }
+        }
+        this.form['familiar' + number.substring(1, 3)] = undefined;
+        this.form['remark' + number.substring(1, 3)] = "";
+      }
+    },
+    assessChangeFn(val) {
+      if (val.length != 0) {
+        this.tipsShow = false;
+      }
+    },
+    mustNumber(val, event) {
+      let regex = /^\d+(\.\d{1,2})?$/;
+      let newElement = document.createElement("div");
+      newElement.innerHTML = '工作量必须是数字';
+      newElement.classList.add('inputTips');
+      if (regex.test(val) || val == "") {
+        this.inputTips = false;
+      } else {
+        this.inputTips = true;
+        event.target.parentNode.appendChild(newElement, event.target)
+      }
+    },
+    changeLabelToValue(label) {
+      for (let s of JYContent) {
+        if (s.label == label) {
+          return s.value.slice(-2)
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.tips {
+  color: #f00;
+  font-size: 12px;
+  line-height: 18px;
+}
+</style>
+<style>
+.inputTips {
+  color: #f00;
+  font-size: 12px;
+  line-height: 18px;
+  display: block;
+}
+</style>

oa-ui/src/views/flowable/form/jyTable.vue

@@ -0,0 +1,476 @@
+<template>
+  <div style="padding:10px">
+    <h2 style="text-align: center;">经营发展部考核表</h2>
+    <table class="table" ref="tableDatas">
+      <tr>
+        <td class="table-title">项目编号</td>
+        <td colspan="1" style="text-align:left;padding-left:10px;">
+          {{ tableForm.projectNumber }}
+        </td>
+        <td class="table-title">项目名称</td>
+        <td colspan="9" style="text-align:left;padding-left:10px;">
+          {{ tableForm.projectName }}
+        </td>
+      </tr>
+      <tr>
+        <td class="table-title">姓名</td>
+        <td style="text-align:left;padding-left:10px;">{{ tableForm.nickName }}</td>
+        <td class="table-title">考核年度</td>
+        <td> {{ tableForm.assessTime }}</td>
+        <td colspan="3" class="table-title">部门负责人考核意见</td>
+        <td colspan="3" class="table-title">分管领导考核意见</td>
+      </tr>
+      <tr>
+        <td class="table-title">所在部门</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.deptName }}</td>
+        <td colspan="3">
+          <el-radio-group v-model="tableForm.deptAssessment" :disabled="!isDeptLeader">
+            <el-radio v-for="dict in dict.type.cmc_accessment" :key="dict.value" :label="dict.value">
+              {{ dict.label }}
+            </el-radio>
+          </el-radio-group>
+        </td>
+        <td colspan="3">
+          <el-radio-group v-model="tableForm.managerAssessment" :disabled="!isManager">
+            <el-radio v-for="dict in dict.type.cmc_accessment" :key="dict.value" :label="dict.value">
+              {{ dict.label }}
+            </el-radio>
+          </el-radio-group>
+        </td>
+      </tr>
+      <tr>
+        <td class="table-title">部门职务</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.postGroup }}</td>
+        <td colspan="3" rowspan="5">
+          <el-input type="textarea" :rows="4" placeholder="请输入考核意见" v-model="tableForm.deptAdvice" :disabled="!isDeptLeader">
+          </el-input>
+          <el-row justify="center" type="flex">
+            <el-col :span="12">考核人：<el-input v-model="tableForm.deptAssesser" style="width:150px;" placeholder="请输入考核人" :disabled="!isDeptLeader"></el-input> </el-col>
+            <el-col :span="12">日期：<el-date-picker type="date"  placeholder="请选择考核日期" v-model="tableForm.deptTime" style="width:150px;" :disabled="!isDeptLeader"></el-date-picker> </el-col>
+          </el-row>
+        </td>
+        <td colspan="3" rowspan="5">
+          <el-input type="textarea" :rows="4" placeholder="请输入考核意见" v-model="tableForm.managerAdvice" :disabled="!isManager">
+          </el-input>
+          <el-row justify="center">
+            <el-col :span="12">考核人：<el-input v-model="tableForm.managerAssesser" style="width:150px;" placeholder="请输入考核人" :disabled="!isManager"></el-input></el-col>
+            <el-col :span="12">日期：<el-date-picker type="date"  placeholder="请选择考核日期" v-model="tableForm.managerTime" style="width:150px;" :disabled="!isManager"></el-date-picker></el-col>
+          </el-row>
+        </td>
+      </tr>
+      <tr>
+        <td class="table-title">项目经理</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.pmLevel }}</td>
+      </tr>
+      <tr>
+        <td class="table-title">技术职称</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.titles }}</td>
+      </tr>
+      <tr>
+        <td class="table-title">作业类别</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.remark }}</td>
+      </tr>
+      <tr>
+        <td class="table-title">入职年月</td>
+        <td style="text-align:left;padding-left:10px;">{{ tableForm.entryDate }}</td>
+        <td class="table-title">年龄</td>
+        <td style="text-align:left;padding-left:10px;">{{ tableForm.age }}</td>
+      </tr>
+      <tr>
+        <td rowspan="2" class="table-title">考核内容</td>
+        <td colspan="5" class="table-title">被考核人填写</td>
+        <td colspan="3" class="table-title" style="width:300px;">项目负责人考核</td>
+      </tr>
+      <tr>
+        <td class="table-title">等级、比例尺等</td>
+        <td class="table-title">单位</td>
+        <td class="table-title">工作量</td>
+        <td class="table-title">熟练程度</td>
+        <td class="table-title">备注</td>
+        <td class="table-title">产品质量</td>
+        <td class="table-title">技能掌握</td>
+        <td class="table-title">考核建议</td>
+      </tr>
+      <tr>
+        <td rowspan="6">参与生产</td>
+        <td>项目负责</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0101 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0101"></el-input>
+        </td>
+        <td rowspan="6">
+          <el-radio-group v-model="tableForm.familiar01" :disabled="!isStaff">
+            <div><el-radio :label="0">生疏</el-radio></div>
+            <div><el-radio :label="2">熟练</el-radio></div>
+            <div><el-radio :label="3">精通</el-radio></div>
+          </el-radio-group>
+        </td>
+        
+        <td rowspan="6">
+          <div>{{ tableForm.remark01 }}</div>
+        </td>
+        <td rowspan="6">
+          <el-radio-group v-model="tableForm.quality01" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'quality01')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="6">
+          <el-radio-group v-model="tableForm.skill01" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'skill01')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="6" >
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice01" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>外业负责</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0102 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0102"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>内业负责</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0103 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0103"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>参与外业</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0104 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0104"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>参与内业</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0105 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0105"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>资料整编</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0106 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0106">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td rowspan="3">商务标书</td>
+        <td>编写</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0201 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0201"></el-input>
+        </td>
+        <td rowspan="3">
+          <el-radio-group v-model="tableForm.familiar02" :disabled="!isStaff">
+            <div><el-radio :label="0">生疏</el-radio></div>
+            <div><el-radio :label="2">熟练</el-radio></div>
+            <div><el-radio :label="3">精通</el-radio></div>
+          </el-radio-group>
+        </td>
+        <td rowspan="3">
+          <div>{{ tableForm.remark02 }}</div>
+        </td>
+        <td rowspan="3">
+          <el-radio-group v-model="tableForm.quality02" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'quality02')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="3">
+          <el-radio-group v-model="tableForm.skill02" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'skill02')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="3">
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice02" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>校核</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0202 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0202"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>审查</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0203 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0203"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td rowspan="3">报价标书</td>
+        <td>编写</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0301 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0301"></el-input>
+        </td>
+        <td rowspan="3">
+          <el-radio-group v-model="tableForm.familiar03" :disabled="!isStaff">
+            <div><el-radio :label="0">生疏</el-radio></div>
+            <div><el-radio :label="2">熟练</el-radio></div>
+            <div><el-radio :label="3">精通</el-radio></div>
+          </el-radio-group>
+        </td>
+        <td rowspan="3">
+          <div>{{ tableForm.remark03 }}</div>
+        </td>
+        <td rowspan="3">
+          <el-radio-group v-model="tableForm.quality03" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'quality03')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="3">
+          <el-radio-group v-model="tableForm.skill03" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'skill03')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="3">
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice03" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>校核</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0302 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0302"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>审查</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0303 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0303"></el-input>
+        </td>
+      </tr>
+
+      <tr style="height:90px;">
+        <td>其他工作</td>
+        <td colspan="9">
+          <span v-if="!isStaff">{{ tableForm.otherWork }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.otherWork" type="textarea" :rows="2"></el-input>
+        </td>
+      </tr>
+      <tr style="height:90px;">
+        <td>年度自述</td>
+        <td colspan="9">
+          <span v-if="!isStaff">{{ tableForm.selfAssess }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.selfAssess" type="textarea" :rows="2"></el-input>
+        </td>
+      </tr>
+    </table>
+    <el-row justify="center" type="flex" style="margin-top:20px;"
+      v-if="tableForm.taskName == undefined || tableForm.taskName == '员工修改'">
+      <el-button type="primary" @click="submit">提交</el-button>
+      <el-button>取消</el-button>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { JYContent } from '@/assets/datas/JYContent'
+import { getDicts as getDicts } from '@/api/system/dict/data'
+export default {
+  dicts: ['cmc_role', 'cmc_skill', 'cmc_accessment'],
+  props: {
+    tableForm: {
+      type: Object,
+      required: true
+    },
+  },
+  watch: {
+    tableForm: function (newval, oldval) {
+      this.formatForm();
+    }
+  },
+  data() {
+    return {
+      form: {},
+      radio1: "",
+      radio2: "",
+      textarea1: "",
+      textarea2: "",
+      isDeptLeader: false,
+      isPiLeader: false,
+      isManager: false,
+      isStaff: false,
+    }
+  },
+  created() {
+    this.initForm();
+  },
+  mounted() {
+    this.formatForm();
+  },
+  methods: {
+    initForm() {
+
+    },
+    formatForm() {
+      if (this.tableForm.taskName == '项目负责人审核') {
+        this.isPiLeader = true;
+        this.isDeptLeader = false;
+        this.isManager = false;
+        this.isStaff = false;
+      } else if (this.tableForm.taskName == '部门审核') {
+        this.isPiLeader = false;
+        this.isDeptLeader = true;
+        this.isManager = false;
+        this.isStaff = false;
+      } else if (this.tableForm.taskName == '分管领导审核') {
+        this.isPiLeader = false;
+        this.isDeptLeader = false;
+        this.isManager = true;
+        this.isStaff = false;
+      } else if (this.tableForm.taskName == '员工修改') {
+        this.isPiLeader = false;
+        this.isDeptLeader = false;
+        this.isManager = false;
+        this.isStaff = true;
+      }
+    },
+    submit() {
+      if(!this.isStaff){
+        this.$emit('submit', this.tableForm);
+      }else{
+        this.$emit('submit', this.tableForm);
+      }
+      
+    },
+    cancelSelect(value, name) {
+      debugger
+      if (!this.isPiLeader) {
+        return
+      }
+      if (this.tableForm[name] == value) {
+        this.tableForm[name] = null
+      } else {
+
+        if (this.tableForm[name] !== undefined)
+          this.tableForm[name] = value
+      }
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.table {
+  border-collapse: collapse;
+  width: 100%;
+}
+
+.table-title {
+  background-color: #dad4d4;
+}
+
+.table,
+th,
+td {
+  border: 1px solid black;
+  text-align: center;
+}
+
+td {
+  height: 24px;
+  width: 100px;
+}
+
+.head {
+  background-color: #ccc;
+}
+
+::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
+  border-color: #fff;
+}
+
+::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
+  background-color: #409eff;
+  border-color: #409eff;
+}
+
+::v-deep .el-checkbox__input.is-disabled+span.el-checkbox__label {
+  color: #000;
+}
+
+::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+
+::v-deep .el-radio__input.is-disabled .el-radio__inner,
+.el-radio__input.is-disabled.is-checked .el-radio__inner {
+  background-color: #f1f1f1;
+  border-color: #f1f1f1;
+}
+
+::v-deep .el-radio__input.is-disabled+span.el-radio__label {
+  color: #000;
+}
+
+
+::v-deep .el-radio__input.is-checked .el-radio__inner::after {
+  content: "";
+  width: 10px;
+  height: 5px;
+  border: 2px solid #409eff;
+  border-top: transparent;
+  border-right: transparent;
+  text-align: center;
+  display: block;
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  vertical-align: middle;
+  transform: rotate(-45deg);
+  border-radius: 0px;
+  background: none;
+}
+</style>

oa-ui/src/views/flowable/form/xmForm.vue

@@ -0,0 +1,248 @@
+<!--
+ * @Author: ysh
+ * @Date: 2024-01-19 16:29:01
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-02-20 15:08:09
+-->
+<template>
+  <div>
+    <el-form ref="scform" :model="form">
+      <el-form-item label="工作自述：">
+        <el-input style="width:900px" type="textarea" :rows="2" placeholder="请输入内容" v-model="form['selfAssess']">
+        </el-input>
+      </el-form-item>
+      <el-form-item label="选择考核项：">
+        <el-checkbox-group v-model="checkedBtn" @change="assessChangeFn">
+          <el-checkbox v-for="sc, index in AssessmentContent" :label="sc.label" :key="index">{{ sc.label
+          }}</el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      <div class="tips" v-if="tipsShow">请至少选择一项考核项</div>
+      <el-row type="flex" style="flex-wrap:wrap;">
+        <el-card v-for="item, index in checkedBtn" style="flex:1;margin:10px;min-width: 400px;max-width: 450px;"
+          :key="index">
+          <div slot="header" class="clearfix">
+            <strong>{{ item }}</strong>
+            <el-button style="float: right; padding: 3px 0" type="text" @click="closeItem(item)">关闭</el-button>
+          </div>
+          <el-scrollbar style="height: 500px;">
+            <div v-for="ass in AssessmentContent" v-if="ass.label == item">
+              <table border="1" cellspacing="0" align="center" cellpadding="5">
+                <tr style="background-color:#409EFF;color:#fff;">
+                  <td>等级、比例尺等</td>
+                  <td>工作量</td>
+                  <td>单位</td>
+                </tr>
+                <tr v-for="child in ass.children">
+                  <td v-if="!Array.isArray(child.label)">{{ child.label }}</td>
+                  <td v-else>
+                    <el-checkbox-group v-model="form.f07">
+                      <el-checkbox v-for="label, index in child.label" :label="label" :key="'k' + index"></el-checkbox>
+                    </el-checkbox-group>
+                  </td>
+                  <td v-if="Array.isArray(child.label)">
+                    <el-input v-model="form[child.value]" style="width: 100%"></el-input>
+                  </td>
+                  <td v-if="!Array.isArray(child.label)">
+                    <el-input v-model="form[child.value]" style="width: 100%"></el-input>
+                  </td>
+                  <td>{{ child.unit }}</td>
+                </tr>
+                <tr>
+                  <td>熟练程度</td>
+                  <td colspan="2">
+                    <el-radio-group v-model="form['familiar' + ass.value.slice(-2)]">
+                      <el-radio :label="0">生疏</el-radio>
+                      <el-radio :label="2">熟练</el-radio>
+                      <el-radio :label="3">精通</el-radio>
+                    </el-radio-group>
+                  </td>
+                </tr>
+                <tr>
+                  <td>备注</td>
+                  <td colspan="2">
+                    <el-input type="textarea" :rows="2" placeholder="请输入内容"
+                      v-model="form['remark' + ass.value.slice(-2)]">
+                    </el-input>
+                  </td>
+                </tr>
+              </table>
+              <div class="tips" v-if="inputTips">工作量只能输入数字</div>
+            </div>
+          </el-scrollbar>
+        </el-card>
+      </el-row>
+      <el-form-item label="其他工作：">
+        <el-input style="width:900px" type="textarea" :rows="2" placeholder="有其他工作请在此写入内容" v-model="form['otherWork']">
+        </el-input>
+      </el-form-item>
+      <el-row>
+        <el-button @click="generateForm" type="primary">生成考核表</el-button>
+      </el-row>
+    </el-form>
+    <el-dialog title="" :visible.sync="taskOpen" width="65%" append-to-body>
+      <XmTable :tableForm="noNullForm" ref="xmTable" @submit="submit"></XmTable>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { XMContent } from '@/assets/datas/XMContent'
+import { MessageBox } from 'element-ui'
+import { Snowflake } from '@/utils/snowFlake.js'
+import { submitAssess } from '@/api/oa/assess/assess.js'
+import { listProject } from '@/api/oa/project/project.js'
+import { getProject } from '@/api/oa/project/project'
+import XmTable from './xmTable.vue'
+export default {
+  dicts: ['cmc_skill'],
+  components: { XmTable },
+  data() {
+    return {
+      checkedBtn: [],
+      AssessmentContent: XMContent,
+      projectList: [],
+      form: {},
+      noNullForm: {},
+      taskOpen: false,
+      tipsShow: false,
+      inputTips: false
+    };
+  },
+  created() {
+    this.initForm();
+  },
+  watch: {},
+  mounted() {
+
+  },
+  methods: {
+    initForm() {
+      listProject({ pageSize: 200 }).then(res => {
+        this.projectList = res.rows;
+      })
+    },
+    // 提交表单
+    submit(tableForm) {
+      MessageBox.confirm('确认提交？', '任务提交', { confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning' }).then(() => {
+        tableForm.formId = new Snowflake(1n, 1n, 0n).nextId().toString();
+        tableForm.disabled = true;
+        console.log(tableForm);
+        let formData = new FormData();
+        let form = JSON.stringify(tableForm);
+        formData.append("form", form);
+        submitAssess(formData).then(res => {
+        debugger
+          this.taskOpen = false;
+          this.$emit('submit', tableForm);
+        });
+      }).catch(() => {
+      });
+    },
+    // 生成考核表格
+    generateForm() {
+      let flag = 0;
+      if (this.checkedBtn.length == 0) {
+        this.tipsShow = true;
+        return
+      }
+      for (let f in this.form) {
+        if (this.form[f] != "" && this.form[f] != [] && this.form[f] !== undefined) {
+          this.$set(this.noNullForm, f, this.form[f])
+        }
+        if (f.indexOf('familiar') != -1) {
+          this.$set(this.noNullForm, f, this.form[f])
+        }
+      }
+      for (let btn of this.checkedBtn) {
+        let ids = this.changeLabelToValue(btn);
+        if (this.form['familiar' + ids] == undefined) {
+          this.$message.error('熟练程度为必填项，请完善！');
+          flag = 0
+          break
+        } else {
+          flag = 1
+        }
+      }
+      if (flag) {
+        this.taskOpen = true;
+        if (this.$refs.xmTable != undefined) {
+          this.$refs.xmTable.formatForm();
+        }
+      }
+    },
+    getProjectById(id) {
+      getProject(id).then(res => {
+        if (res.data != undefined) {
+          this.form.projectName = res.data.projectName;
+          this.form.projectNumber = res.data.projectNumber;
+        }
+      })
+    },
+    closeItem(item) {
+      let index = this.checkedBtn.indexOf(item);
+      let number;
+      if (index !== -1) {
+        this.checkedBtn.splice(index, 1);
+      }
+      for (let i of XMContent) {
+        if (i.label == item) {
+          number = i.value;
+        }
+      }
+      for (let fkey in this.form) {
+        if (fkey.substring(0, 3) == number) {
+          if (typeof (this.form[fkey]) == 'string') {
+            this.form[fkey] = "";
+          }
+          else if (Array.isArray(this.form[fkey])) {
+            this.form[fkey] = [];
+          }
+        }
+        this.form['familiar' + number.substring(1, 3)] = undefined;
+        this.form['remark' + number.substring(1, 3)] = "";
+      }
+    },
+    assessChangeFn(val) {
+      if (val.length != 0) {
+        this.tipsShow = false;
+      }
+    },
+    mustNumber(val, event) {
+      let regex = /^\d+(\.\d{1,2})?$/;
+      let newElement = document.createElement("div");
+      newElement.innerHTML = '工作量必须是数字';
+      newElement.classList.add('inputTips');
+      if (regex.test(val) || val == "") {
+        this.inputTips = false;
+      } else {
+        this.inputTips = true;
+        event.target.parentNode.appendChild(newElement, event.target)
+      }
+    },
+    changeLabelToValue(label) {
+      for (let s of XMContent) {
+        if (s.label == label) {
+          return s.value.slice(-2)
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.tips {
+  color: #f00;
+  font-size: 12px;
+  line-height: 18px;
+}
+</style>
+<style>
+.inputTips {
+  color: #f00;
+  font-size: 12px;
+  line-height: 18px;
+  display: block;
+}
+</style>

oa-ui/src/views/flowable/form/xmTable.vue

@@ -0,0 +1,488 @@
+<template>
+  <div style="padding:10px">
+    <h2 style="text-align: center;">项目管理部考核表</h2>
+    <table class="table" ref="tableDatas">
+      <tr>
+        <td class="table-title">姓名</td>
+        <td style="text-align:left;padding-left:10px;">{{ tableForm.nickName }}</td>
+        <td class="table-title">考核年度</td>
+        <td> {{ tableForm.assessTime }}</td>
+        <td colspan="3" class="table-title">部门负责人考核意见</td>
+        <td colspan="3" class="table-title" style="width:300px;">分管领导考核意见</td>
+      </tr>
+      <tr>
+        <td class="table-title">所在部门</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.deptName }}</td>
+        <td colspan="3">
+          <el-radio-group v-model="tableForm.deptAssessment" :disabled="!isDeptLeader">
+            <el-radio v-for="dict in dict.type.cmc_accessment" :key="dict.value" :label="dict.value">
+              {{ dict.label }}
+            </el-radio>
+          </el-radio-group>
+        </td>
+        <td colspan="3">
+          <el-radio-group v-model="tableForm.managerAssessment" :disabled="!isManager">
+            <el-radio v-for="dict in dict.type.cmc_accessment" :key="dict.value" :label="dict.value">
+              {{ dict.label }}
+            </el-radio>
+          </el-radio-group>
+        </td>
+      </tr>
+      <tr>
+        <td class="table-title">部门职务</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.postGroup }}</td>
+        <td colspan="3" rowspan="3">
+          <el-input type="textarea" :rows="4" placeholder="请输入考核意见" v-model="tableForm.deptAdvice" :disabled="!isDeptLeader">
+          </el-input>
+          <el-row justify="center" type="flex">
+            <el-col :span="12">考核人：<el-input v-model="tableForm.deptAssesser" style="width:150px;" placeholder="请输入考核人" :disabled="!isDeptLeader"></el-input> </el-col>
+            <el-col :span="12">日期：<el-date-picker type="date"  placeholder="请选择考核日期" v-model="tableForm.deptTime" style="width:150px;" :disabled="!isDeptLeader"></el-date-picker> </el-col>
+          </el-row>
+        </td>
+        <td colspan="3" rowspan="3">
+          <el-input type="textarea" :rows="4" placeholder="请输入考核意见" v-model="tableForm.managerAdvice" :disabled="!isManager">
+          </el-input>
+          <el-row justify="center">
+            <el-col :span="12">考核人：<el-input v-model="tableForm.managerAssesser" style="width:150px;" placeholder="请输入考核人" :disabled="!isManager"></el-input></el-col>
+            <el-col :span="12">日期：<el-date-picker type="date"  placeholder="请选择考核日期" v-model="tableForm.managerTime" style="width:150px;" :disabled="!isManager"></el-date-picker></el-col>
+          </el-row>
+        </td>
+      </tr>
+      <tr>
+        <td class="table-title">技术职称</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.titles }}</td>
+      </tr>
+      <tr>
+        <td class="table-title">入职年月</td>
+        <td style="text-align:left;padding-left:10px;">{{ tableForm.entryDate }}</td>
+        <td class="table-title">年龄</td>
+        <td style="text-align:left;padding-left:10px;">{{ tableForm.age }}</td>
+      </tr>
+      <tr>
+        <td rowspan="2" class="table-title">考核内容</td>
+        <td colspan="5" class="table-title">被考核人填写</td>
+        <td colspan="3" class="table-title" style="width:300px;">项目负责人考核</td>
+      </tr>
+      <tr>
+        <td class="table-title">工作内容</td>
+        <td class="table-title">单位</td>
+        <td class="table-title">工作量</td>
+        <td class="table-title">熟练程度</td>
+        <td class="table-title">备注</td>
+        <td class="table-title">工作量</td>
+        <td class="table-title">岗位综合表现</td>
+        <td class="table-title">考核建议</td>
+      </tr>
+      <tr>
+        <td rowspan="6">参与生产</td>
+        <td>项目负责</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0101 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0101"></el-input>
+        </td>
+        <td rowspan="6">
+          <el-radio-group v-model="tableForm.familiar01" :disabled="!isStaff">
+            <div><el-radio :label="0">生疏</el-radio></div>
+            <div><el-radio :label="2">熟练</el-radio></div>
+            <div><el-radio :label="3">精通</el-radio></div>
+          </el-radio-group>
+        </td>
+        
+        <td rowspan="6">
+          <div>{{ tableForm.remark01 }}</div>
+        </td>
+        <td rowspan="6">
+          <el-radio-group v-model="tableForm.quality01" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_workload" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'quality01')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="6">
+          <el-radio-group v-model="tableForm.assessment01" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'assessment01')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="6" >
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice01" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>外业负责</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0102 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0102"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>内业负责</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0103 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0103"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>参与外业</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0104 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0104"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>参与内业</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0105 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0105"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>资料整编</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0106 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0106">
+          </el-input>
+        </td>
+      </tr>
+
+      <!--  -->
+      <tr>
+        <td rowspan="6">项目管理</td>
+        <td>项目备案</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0201 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0201"></el-input>
+        </td>
+        <td rowspan="6">
+          <el-radio-group v-model="tableForm.familiar02" :disabled="!isStaff">
+            <div><el-radio :label="0">生疏</el-radio></div>
+            <div><el-radio :label="2">熟练</el-radio></div>
+            <div><el-radio :label="3">精通</el-radio></div>
+          </el-radio-group>
+        </td>
+        <td rowspan="6">
+          <div>{{ tableForm.remark02 }}</div>
+        </td>
+        <td rowspan="6">
+          <el-radio-group v-model="tableForm.quality02" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_workload" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'quality02')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="6">
+          <el-radio-group v-model="tableForm.assessment02" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'assessment02')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="6">
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice02" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>项目预算</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0202 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0202"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>任务分发</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0203 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0203"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>项目交底</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0204 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0204"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>项目内部结算</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0205 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0205"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>顾客回访</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0206 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0206"></el-input>
+        </td>
+      </tr>
+
+
+
+      <!--  -->
+      <tr>
+        <td rowspan="3">委外管理</td>
+        <td>委外合同办理</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0301 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0301"></el-input>
+        </td>
+        <td rowspan="3">
+          <el-radio-group v-model="tableForm.familiar03" :disabled="!isStaff">
+            <div><el-radio :label="0">生疏</el-radio></div>
+            <div><el-radio :label="2">熟练</el-radio></div>
+            <div><el-radio :label="3">精通</el-radio></div>
+          </el-radio-group>
+        </td>
+        <td rowspan="3">
+          <div>{{ tableForm.remark03 }}</div>
+        </td>
+        <td rowspan="3">
+          <el-radio-group v-model="tableForm.quality03" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_workload" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'quality03')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="3">
+          <el-radio-group v-model="tableForm.assessment03" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'assessment03')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="3">
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice03" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>委外支付办理</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0302 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0302"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>合格分包商管理</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0303 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0303"></el-input>
+        </td>
+      </tr>
+<!--  -->
+      <tr style="height:90px;">
+        <td>其他工作</td>
+        <td colspan="9">
+          <span v-if="!isStaff">{{ tableForm.otherWork }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.otherWork" type="textarea" :rows="2"></el-input>
+        </td>
+      </tr>
+      <tr style="height:90px;">
+        <td>年度自述</td>
+        <td colspan="9">
+          <span v-if="!isStaff">{{ tableForm.selfAssess }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.selfAssess" type="textarea" :rows="2"></el-input>
+        </td>
+      </tr>
+    </table>
+    <el-row justify="center" type="flex" style="margin-top:20px;"
+      v-if="tableForm.taskName == undefined || tableForm.taskName == '员工修改'">
+      <el-button type="primary" @click="submit">提交</el-button>
+      <el-button>取消</el-button>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { XMContent } from '@/assets/datas/XMContent'
+import { getDicts as getDicts } from '@/api/system/dict/data'
+export default {
+  dicts: ['cmc_role', 'cmc_skill', 'cmc_accessment','cmc_workload'],
+  props: {
+    tableForm: {
+      type: Object,
+      required: true
+    },
+  },
+  watch: {
+    tableForm: function (newval, oldval) {
+      this.formatForm();
+    }
+  },
+  data() {
+    return {
+      form: {},
+      radio1: "",
+      radio2: "",
+      textarea1: "",
+      textarea2: "",
+      isDeptLeader: false,
+      isPiLeader: false,
+      isManager: false,
+      isStaff: false,
+    }
+  },
+  created() {
+    this.initForm();
+  },
+  mounted() {
+    this.formatForm();
+  },
+  methods: {
+    initForm() {
+
+    },
+    formatForm() {
+      if (this.tableForm.taskName == '项目负责人审核') {
+        this.isPiLeader = true;
+        this.isDeptLeader = false;
+        this.isManager = false;
+        this.isStaff = false;
+      } else if (this.tableForm.taskName == '部门审核') {
+        this.isPiLeader = false;
+        this.isDeptLeader = true;
+        this.isManager = false;
+        this.isStaff = false;
+      } else if (this.tableForm.taskName == '分管领导审核') {
+        this.isPiLeader = false;
+        this.isDeptLeader = false;
+        this.isManager = true;
+        this.isStaff = false;
+      } else if (this.tableForm.taskName == '员工修改') {
+        this.isPiLeader = false;
+        this.isDeptLeader = false;
+        this.isManager = false;
+        this.isStaff = true;
+      }
+    },
+    submit() {
+      if(!this.isStaff){
+        this.$emit('submit', this.tableForm);
+      }else{
+        this.$emit('submit', this.tableForm);
+      }
+      
+    },
+    cancelSelect(value, name) {
+      debugger
+      if (!this.isPiLeader) {
+        return
+      }
+      if (this.tableForm[name] == value) {
+        this.tableForm[name] = null
+      } else {
+
+        if (this.tableForm[name] !== undefined)
+          this.tableForm[name] = value
+      }
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.table {
+  border-collapse: collapse;
+  width: 100%;
+}
+
+.table-title {
+  background-color: #dad4d4;
+}
+
+.table,
+th,
+td {
+  border: 1px solid black;
+  text-align: center;
+}
+
+td {
+  height: 24px;
+  width: 100px;
+}
+
+.head {
+  background-color: #ccc;
+}
+
+::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
+  border-color: #fff;
+}
+
+::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
+  background-color: #409eff;
+  border-color: #409eff;
+}
+
+::v-deep .el-checkbox__input.is-disabled+span.el-checkbox__label {
+  color: #000;
+}
+
+::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+
+::v-deep .el-radio__input.is-disabled .el-radio__inner,
+.el-radio__input.is-disabled.is-checked .el-radio__inner {
+  background-color: #f1f1f1;
+  border-color: #f1f1f1;
+}
+
+::v-deep .el-radio__input.is-disabled+span.el-radio__label {
+  color: #000;
+}
+
+
+::v-deep .el-radio__input.is-checked .el-radio__inner::after {
+  content: "";
+  width: 10px;
+  height: 5px;
+  border: 2px solid #409eff;
+  border-top: transparent;
+  border-right: transparent;
+  text-align: center;
+  display: block;
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  vertical-align: middle;
+  transform: rotate(-45deg);
+  border-radius: 0px;
+  background: none;
+}
+</style>

oa-ui/src/views/flowable/form/zhForm.vue

@@ -0,0 +1,248 @@
+<!--
+ * @Author: ysh
+ * @Date: 2024-01-19 16:29:01
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-02-20 16:21:05
+-->
+<template>
+  <div>
+    <el-form ref="scform" :model="form">
+      <el-form-item label="工作自述：">
+        <el-input style="width:900px" type="textarea" :rows="2" placeholder="请输入内容" v-model="form['selfAssess']">
+        </el-input>
+      </el-form-item>
+      <el-form-item label="选择考核项：">
+        <el-checkbox-group v-model="checkedBtn" @change="assessChangeFn">
+          <el-checkbox v-for="sc, index in AssessmentContent" :label="sc.label" :key="index">{{ sc.label
+          }}</el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+      <div class="tips" v-if="tipsShow">请至少选择一项考核项</div>
+      <el-row type="flex" style="flex-wrap:wrap;">
+        <el-card v-for="item, index in checkedBtn" style="flex:1;margin:10px;min-width: 400px;max-width: 450px;"
+          :key="index">
+          <div slot="header" class="clearfix">
+            <strong>{{ item }}</strong>
+            <el-button style="float: right; padding: 3px 0" type="text" @click="closeItem(item)">关闭</el-button>
+          </div>
+          <el-scrollbar style="height: 500px;">
+            <div v-for="ass in AssessmentContent" v-if="ass.label == item">
+              <table border="1" cellspacing="0" align="center" cellpadding="5">
+                <tr style="background-color:#409EFF;color:#fff;">
+                  <td>等级、比例尺等</td>
+                  <td>工作量</td>
+                  <td>单位</td>
+                </tr>
+                <tr v-for="child in ass.children">
+                  <td v-if="!Array.isArray(child.label)">{{ child.label }}</td>
+                  <td v-else>
+                    <el-checkbox-group v-model="form.f07">
+                      <el-checkbox v-for="label, index in child.label" :label="label" :key="'k' + index"></el-checkbox>
+                    </el-checkbox-group>
+                  </td>
+                  <td v-if="Array.isArray(child.label)">
+                    <el-input v-model="form[child.value]" style="width: 100%"></el-input>
+                  </td>
+                  <td v-if="!Array.isArray(child.label)">
+                    <el-input v-model="form[child.value]" style="width: 100%"></el-input>
+                  </td>
+                  <td>{{ child.unit }}</td>
+                </tr>
+                <tr>
+                  <td>参与情况</td>
+                  <td colspan="2">
+                    <el-radio-group v-model="form['role' + ass.value.slice(-2)]">
+                      <el-radio label="00">主办</el-radio>
+                      <el-radio label="01">参与</el-radio>
+                      <el-radio label="02">协助</el-radio>
+                    </el-radio-group>
+                  </td>
+                </tr>
+                <tr>
+                  <td>备注</td>
+                  <td colspan="2">
+                    <el-input type="textarea" :rows="2" placeholder="请输入内容"
+                      v-model="form['remark' + ass.value.slice(-2)]">
+                    </el-input>
+                  </td>
+                </tr>
+              </table>
+              <div class="tips" v-if="inputTips">工作量只能输入数字</div>
+            </div>
+          </el-scrollbar>
+        </el-card>
+      </el-row>
+      <el-form-item label="其他工作：">
+        <el-input style="width:900px" type="textarea" :rows="2" placeholder="有其他工作请在此写入内容" v-model="form['otherWork']">
+        </el-input>
+      </el-form-item>
+      <el-row>
+        <el-button @click="generateForm" type="primary">生成考核表</el-button>
+      </el-row>
+    </el-form>
+    <el-dialog title="" :visible.sync="taskOpen" width="65%" append-to-body>
+      <ZhTable :tableForm="noNullForm" ref="zhTable" @submit="submit"></ZhTable>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { ZHContent } from '@/assets/datas/ZHContent'
+import { MessageBox } from 'element-ui'
+import { Snowflake } from '@/utils/snowFlake.js'
+import { submitAssess } from '@/api/oa/assess/assess.js'
+import { listProject } from '@/api/oa/project/project.js'
+import { getProject } from '@/api/oa/project/project'
+import ZhTable from './zhTable.vue';
+export default {
+  dicts: ['cmc_skill'],
+  components: { ZhTable },
+  data() {
+    return {
+      checkedBtn: [],
+      AssessmentContent: ZHContent,
+      projectList: [],
+      form: {},
+      noNullForm: {},
+      taskOpen: false,
+      tipsShow: false,
+      inputTips: false
+    };
+  },
+  created() {
+    this.initForm();
+  },
+  watch: {},
+  mounted() {
+
+  },
+  methods: {
+    initForm() {
+      listProject({ pageSize: 200 }).then(res => {
+        this.projectList = res.rows;
+      })
+    },
+    // 提交表单
+    submit(tableForm) {
+      MessageBox.confirm('确认提交？', '任务提交', { confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning' }).then(() => {
+        tableForm.formId = new Snowflake(1n, 1n, 0n).nextId().toString();
+        tableForm.disabled = true;
+        console.log(tableForm);
+        let formData = new FormData();
+        let form = JSON.stringify(tableForm);
+        formData.append("form", form);
+        submitAssess(formData).then(res => {
+        debugger
+          this.taskOpen = false;
+          this.$emit('submit', tableForm);
+        });
+      }).catch(() => {
+      });
+    },
+    // 生成考核表格
+    generateForm() {
+      let flag = 0;
+      if (this.checkedBtn.length == 0) {
+        this.tipsShow = true;
+        return
+      }
+      for (let f in this.form) {
+        if (this.form[f] != "" && this.form[f] != [] && this.form[f] !== undefined) {
+          this.$set(this.noNullForm, f, this.form[f])
+        }
+        if (f.indexOf('familiar') != -1) {
+          this.$set(this.noNullForm, f, this.form[f])
+        }
+      }
+      for (let btn of this.checkedBtn) {
+        let ids = this.changeLabelToValue(btn);
+        if (this.form['familiar' + ids] == undefined) {
+          this.$message.error('熟练程度为必填项，请完善！');
+          flag = 0
+          break
+        } else {
+          flag = 1
+        }
+      }
+      if (flag) {
+        this.taskOpen = true;
+        if (this.$refs.zhTable != undefined) {
+          this.$refs.zhTable.formatForm();
+        }
+      }
+    },
+    getProjectById(id) {
+      getProject(id).then(res => {
+        if (res.data != undefined) {
+          this.form.projectName = res.data.projectName;
+          this.form.projectNumber = res.data.projectNumber;
+        }
+      })
+    },
+    closeItem(item) {
+      let index = this.checkedBtn.indexOf(item);
+      let number;
+      if (index !== -1) {
+        this.checkedBtn.splice(index, 1);
+      }
+      for (let i of ZHContent) {
+        if (i.label == item) {
+          number = i.value;
+        }
+      }
+      for (let fkey in this.form) {
+        if (fkey.substring(0, 3) == number) {
+          if (typeof (this.form[fkey]) == 'string') {
+            this.form[fkey] = "";
+          }
+          else if (Array.isArray(this.form[fkey])) {
+            this.form[fkey] = [];
+          }
+        }
+        this.form['familiar' + number.substring(1, 3)] = undefined;
+        this.form['remark' + number.substring(1, 3)] = "";
+      }
+    },
+    assessChangeFn(val) {
+      if (val.length != 0) {
+        this.tipsShow = false;
+      }
+    },
+    mustNumber(val, event) {
+      let regex = /^\d+(\.\d{1,2})?$/;
+      let newElement = document.createElement("div");
+      newElement.innerHTML = '工作量必须是数字';
+      newElement.classList.add('inputTips');
+      if (regex.test(val) || val == "") {
+        this.inputTips = false;
+      } else {
+        this.inputTips = true;
+        event.target.parentNode.appendChild(newElement, event.target)
+      }
+    },
+    changeLabelToValue(label) {
+      for (let s of ZHContent) {
+        if (s.label == label) {
+          return s.value.slice(-2)
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.tips {
+  color: #f00;
+  font-size: 12px;
+  line-height: 18px;
+}
+</style>
+<style>
+.inputTips {
+  color: #f00;
+  font-size: 12px;
+  line-height: 18px;
+  display: block;
+}
+</style>

oa-ui/src/views/flowable/form/zhTable.vue

@@ -0,0 +1,904 @@
+<template>
+  <div style="padding:10px">
+    <h2 style="text-align: center;">综合事务部考核表</h2>
+    <table class="table" ref="tableDatas">
+      <tr>
+        <td class="table-title">姓名</td>
+        <td style="text-align:left;padding-left:10px;">{{ tableForm.nickName }}</td>
+        <td class="table-title">考核年度</td>
+        <td> {{ tableForm.assessTime }}</td>
+        <td colspan="3" class="table-title">部门负责人考核意见</td>
+        <td colspan="3" class="table-title" style="width:300px">分管领导考核意见</td>
+      </tr>
+      <tr>
+        <td class="table-title">所在部门</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.deptName }}</td>
+        <td colspan="3">
+          <el-radio-group v-model="tableForm.deptAssessment" :disabled="!isDeptLeader">
+            <el-radio v-for="dict in dict.type.cmc_accessment" :key="dict.value" :label="dict.value">
+              {{ dict.label }}
+            </el-radio>
+          </el-radio-group>
+        </td>
+        <td colspan="3">
+          <el-radio-group v-model="tableForm.managerAssessment" :disabled="!isManager">
+            <el-radio v-for="dict in dict.type.cmc_accessment" :key="dict.value" :label="dict.value">
+              {{ dict.label }}
+            </el-radio>
+          </el-radio-group>
+        </td>
+      </tr>
+      <tr>
+        <td class="table-title">部门职务</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.postGroup }}</td>
+        <td colspan="3" rowspan="3">
+          <el-input type="textarea" :rows="4" placeholder="请输入考核意见" v-model="tableForm.deptAdvice"
+            :disabled="!isDeptLeader">
+          </el-input>
+          <el-row justify="center" type="flex">
+            <el-col :span="12">考核人：<el-input v-model="tableForm.deptAssesser" style="width:150px;" placeholder="请输入考核人"
+                :disabled="!isDeptLeader"></el-input> </el-col>
+            <el-col :span="12">日期：<el-date-picker type="date" placeholder="请选择考核日期" v-model="tableForm.deptTime"
+                style="width:150px;" :disabled="!isDeptLeader"></el-date-picker> </el-col>
+          </el-row>
+        </td>
+        <td colspan="3" rowspan="3">
+          <el-input type="textarea" :rows="4" placeholder="请输入考核意见" v-model="tableForm.managerAdvice"
+            :disabled="!isManager">
+          </el-input>
+          <el-row justify="center">
+            <el-col :span="12">考核人：<el-input v-model="tableForm.managerAssesser" style="width:150px;" placeholder="请输入考核人"
+                :disabled="!isManager"></el-input></el-col>
+            <el-col :span="12">日期：<el-date-picker type="date" placeholder="请选择考核日期" v-model="tableForm.managerTime"
+                style="width:150px;" :disabled="!isManager"></el-date-picker></el-col>
+          </el-row>
+        </td>
+      </tr>
+      <tr>
+        <td class="table-title">技术职称</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.titles }}</td>
+      </tr>
+      <tr>
+        <td class="table-title">入职年月</td>
+        <td style="text-align:left;padding-left:10px;">{{ tableForm.entryDate }}</td>
+        <td class="table-title">年龄</td>
+        <td style="text-align:left;padding-left:10px;">{{ tableForm.age }}</td>
+      </tr>
+      <tr>
+        <td rowspan="2" class="table-title">考核内容</td>
+        <td colspan="5" class="table-title">被考核人填写</td>
+        <td colspan="3" class="table-title" style="width:300px;">项目负责人考核</td>
+      </tr>
+      <tr>
+        <td class="table-title">工作内容</td>
+        <td class="table-title">单位</td>
+        <td class="table-title">工作量</td>
+        <td class="table-title">参与情况</td>
+        <td class="table-title">备注</td>
+        <td class="table-title">工作量</td>
+        <td class="table-title">岗位综合表现</td>
+        <td class="table-title">考核建议</td>
+      </tr>
+      <tr>
+        <td rowspan="9">劳动组织</td>
+        <td>组织会议</td>
+        <td>次</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0101 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0101"></el-input>
+        </td>
+        <td rowspan="9">
+          <el-radio-group v-model="tableForm.role01" :disabled="!isStaff">
+            <div><el-radio label="00">主办</el-radio></div>
+            <div><el-radio label="01">参与</el-radio></div>
+            <div><el-radio label="02">协助</el-radio></div>
+          </el-radio-group>
+        </td>
+
+        <td rowspan="9">
+          <div>{{ tableForm.remark01 }}</div>
+        </td>
+        <td rowspan="9">
+          <el-radio-group v-model="tableForm.workload01" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_workload" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'workload01')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="9">
+          <el-radio-group v-model="tableForm.assessment01" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'assessment01')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="9">
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice01" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>组织培训</td>
+        <td>次</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0102 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0102"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>组织考察</td>
+        <td>次</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0103 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0103"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>组织接待</td>
+        <td>次</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0104 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0104"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>组织宣传</td>
+        <td>次</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0105 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0105"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>公司发文管理</td>
+        <td>次</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0106 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0106">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>公司发文管理</td>
+        <td>次</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0106 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0106">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>企业微信、公司官方群、公司网站维护</td>
+        <td>次</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0107 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0107">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>公司资质、员工信息更新、维护（含OA）</td>
+        <td>次</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0108 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0108">
+          </el-input>
+        </td>
+      </tr>
+
+      <!--  -->
+
+      <tr>
+        <td rowspan="8">安全管理</td>
+        <td>安全培训</td>
+        <td>项</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0201 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0201"></el-input>
+        </td>
+        <td rowspan="8">
+          <el-radio-group v-model="tableForm.role02" :disabled="!isStaff">
+            <div><el-radio label="00">主办</el-radio></div>
+            <div><el-radio label="01">参与</el-radio></div>
+            <div><el-radio label="02">协助</el-radio></div>
+          </el-radio-group>
+        </td>
+        <td rowspan="8">
+          <div>{{ tableForm.remark02 }}</div>
+        </td>
+        <td rowspan="8">
+          <el-radio-group v-model="tableForm.workload02" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_workload" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'workload02')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="8">
+          <el-radio-group v-model="tableForm.assessment02" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'assessment02')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="8">
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice02" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>安全交底</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0202 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0202"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>组织演练</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0203 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0203"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>外业现场安全检查</td>
+        <td>人天</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0204 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0204"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>办公场所安全检查</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0205 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0205"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>商业保险办理</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0206 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0206"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>工伤保险办理</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0207 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0207"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>组织体检</td>
+        <td>人次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0208 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0208"></el-input>
+        </td>
+      </tr>
+
+      <!--  -->
+
+      <tr>
+        <td rowspan="5">设备物资</td>
+        <td>设备、物资采购</td>
+        <td>次</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0301 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0301"></el-input>
+        </td>
+        <td rowspan="5">
+          <el-radio-group v-model="tableForm.role03" :disabled="!isStaff">
+            <div><el-radio label="00">主办</el-radio></div>
+            <div><el-radio label="01">参与</el-radio></div>
+            <div><el-radio label="02">协助</el-radio></div>
+          </el-radio-group>
+        </td>
+        <td rowspan="5">
+          <div>{{ tableForm.remark03 }}</div>
+        </td>
+        <td rowspan="5">
+          <el-radio-group v-model="tableForm.workload03" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_workload" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'workload03')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="5">
+          <el-radio-group v-model="tableForm.assessment03" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'assessment03')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="5">
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice03" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>物资、仪器设备领用、归还</td>
+        <td>项</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0302 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0302"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>设备维修</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0303 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0303"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>设备检定</td>
+        <td>台套</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0304 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0304"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>设备保险办理</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0305 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0305"></el-input>
+        </td>
+      </tr>
+      <!--  -->
+
+      <tr>
+        <td rowspan="7">人力资源</td>
+        <td>招聘（校招、社招、内部竞聘）</td>
+        <td>次</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0401 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0401"></el-input>
+        </td>
+        <td rowspan="7">
+          <el-radio-group v-model="tableForm.role04" :disabled="!isStaff">
+            <div><el-radio label="00">主办</el-radio></div>
+            <div><el-radio label="01">参与</el-radio></div>
+            <div><el-radio label="02">协助</el-radio></div>
+          </el-radio-group>
+        </td>
+        <td rowspan="7">
+          <div>{{ tableForm.remark04 }}</div>
+        </td>
+        <td rowspan="7">
+          <el-radio-group v-model="tableForm.workload04" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_workload" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'workload04')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="7">
+          <el-radio-group v-model="tableForm.assessment04" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'assessment04')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="7">
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice04" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>薪酬、考勤休假办理</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0402 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0402"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>社保三险办理</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0403 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0403"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>入、离职、退休办理</td>
+        <td>台套</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0404 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0404"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>劳动合同办理</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0405 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0405"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>绩效考评管理</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0406 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0406"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>职称管理</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0407 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0407"></el-input>
+        </td>
+      </tr>
+
+      <!--  -->
+      <tr>
+        <td rowspan="10">车辆管理</td>
+        <td>车辆采购</td>
+        <td>次</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0501 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0501"></el-input>
+        </td>
+        <td rowspan="10">
+          <el-radio-group v-model="tableForm.role05" :disabled="!isStaff">
+            <div><el-radio label="00">主办</el-radio></div>
+            <div><el-radio label="01">参与</el-radio></div>
+            <div><el-radio label="02">协助</el-radio></div>
+          </el-radio-group>
+        </td>
+        <td rowspan="10">
+          <div>{{ tableForm.remark05 }}</div>
+        </td>
+        <td rowspan="10">
+          <el-radio-group v-model="tableForm.workload05" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_workload" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'workload05')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="10">
+          <el-radio-group v-model="tableForm.assessment05" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'assessment05')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="10">
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice05" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>车辆保险购置</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0502 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0502"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>生产项目用车（安排）</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0503 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0503"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>出差用车（安排）</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0504 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0504"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>市周边临时驾驶接送（安排）</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0505 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0505"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>驾驶车辆参与项目生产</td>
+        <td>人天</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0506 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0506"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>驾驶车辆参与出差</td>
+        <td>人天</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0507 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0507"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>年度驾驶里程</td>
+        <td>km</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0508 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0508"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>车辆维修保养</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0509 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0509"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>车辆保险理赔</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0510 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0510"></el-input>
+        </td>
+      </tr>
+      <!--  -->
+      <tr>
+        <td rowspan="7">办公区维护</td>
+        <td>办公区办公设施检修</td>
+        <td>次</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0601 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0601"></el-input>
+        </td>
+        <td rowspan="7">
+          <el-radio-group v-model="tableForm.role06" :disabled="!isStaff">
+            <div><el-radio label="00">主办</el-radio></div>
+            <div><el-radio label="01">参与</el-radio></div>
+            <div><el-radio label="02">协助</el-radio></div>
+          </el-radio-group>
+        </td>
+        <td rowspan="7">
+          <div>{{ tableForm.remark06 }}</div>
+        </td>
+        <td rowspan="7">
+          <el-radio-group v-model="tableForm.workload06" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_workload" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'workload06')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="7">
+          <el-radio-group v-model="tableForm.assessment06" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'assessment06')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="7">
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice06" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>办公区安全检查</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0602 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0602"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>办公区绿植、送水统计</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0603 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0603"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>办公区电子显示屏展示宣传</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0604 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0604"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>办公区电子信息维护（电话、网络、电脑）</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0605 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0605"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>会议室管理</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0606 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0606"></el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>工作餐订制、快递、报纸收发</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0607 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0607"></el-input>
+        </td>
+      </tr>
+      <!--  -->
+      <tr>
+        <td rowspan="2">党群、董事会</td>
+        <td>党总支日常工作</td>
+        <td>次</td>
+        <td class="personInput">
+          <span v-if="!isStaff">{{ tableForm.f0701 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0701"></el-input>
+        </td>
+        <td rowspan="2">
+          <el-radio-group v-model="tableForm.role07" :disabled="!isStaff">
+            <div><el-radio label="00">主办</el-radio></div>
+            <div><el-radio label="01">参与</el-radio></div>
+            <div><el-radio label="02">协助</el-radio></div>
+          </el-radio-group>
+        </td>
+        <td rowspan="2">
+          <div>{{ tableForm.remark07 }}</div>
+        </td>
+        <td rowspan="2">
+          <el-radio-group v-model="tableForm.workload07" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_workload" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value, 'workload07')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="2">
+          <el-radio-group v-model="tableForm.assessment07" :disabled="!isPiLeader">
+            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
+              <el-radio :key="dict.value" :label="dict.value"
+                @click.native.prevent="cancelSelect(dict.value, 'assessment07')">
+                {{ dict.label }}
+              </el-radio>
+            </div>
+          </el-radio-group>
+        </td>
+        <td rowspan="2">
+          <el-input type="textarea" :rows="4" v-model="tableForm.advice07" :disabled="!isPiLeader">
+          </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td>董事会日常工作</td>
+        <td>次</td>
+        <td>
+          <span v-if="!isStaff">{{ tableForm.f0702 }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.f0702"></el-input>
+        </td>
+      </tr>
+      <!--  -->
+
+      <tr style="height:90px;">
+        <td>其他工作</td>
+        <td colspan="9">
+          <span v-if="!isStaff">{{ tableForm.otherWork }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.otherWork" type="textarea" :rows="2"></el-input>
+        </td>
+      </tr>
+      <tr style="height:90px;">
+        <td>年度自述</td>
+        <td colspan="9">
+          <span v-if="!isStaff">{{ tableForm.selfAssess }}</span>
+          <el-input v-if="isStaff" v-model="tableForm.selfAssess" type="textarea" :rows="2"></el-input>
+        </td>
+      </tr>
+    </table>
+    <el-row justify="center" type="flex" style="margin-top:20px;"
+      v-if="tableForm.taskName == undefined || tableForm.taskName == '员工修改'">
+      <el-button type="primary" @click="submit">提交</el-button>
+      <el-button>取消</el-button>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { JYContent } from '@/assets/datas/JYContent'
+import { getDicts as getDicts } from '@/api/system/dict/data'
+export default {
+  dicts: ['cmc_role', 'cmc_skill', 'cmc_accessment','cmc_workload'],
+  props: {
+    tableForm: {
+      type: Object,
+      required: true
+    },
+  },
+  watch: {
+    tableForm: function (newval, oldval) {
+      this.formatForm();
+    }
+  },
+  data() {
+    return {
+      form: {},
+      radio1: "",
+      radio2: "",
+      textarea1: "",
+      textarea2: "",
+      isDeptLeader: false,
+      isPiLeader: false,
+      isManager: false,
+      isStaff: false,
+    }
+  },
+  created() {
+    this.initForm();
+  },
+  mounted() {
+    this.formatForm();
+  },
+  methods: {
+    initForm() {
+
+    },
+    formatForm() {
+      if (this.tableForm.taskName == '项目负责人审核') {
+        this.isPiLeader = true;
+        this.isDeptLeader = false;
+        this.isManager = false;
+        this.isStaff = false;
+      } else if (this.tableForm.taskName == '部门审核') {
+        this.isPiLeader = false;
+        this.isDeptLeader = true;
+        this.isManager = false;
+        this.isStaff = false;
+      } else if (this.tableForm.taskName == '分管领导审核') {
+        this.isPiLeader = false;
+        this.isDeptLeader = false;
+        this.isManager = true;
+        this.isStaff = false;
+      } else if (this.tableForm.taskName == '员工修改') {
+        this.isPiLeader = false;
+        this.isDeptLeader = false;
+        this.isManager = false;
+        this.isStaff = true;
+      }
+    },
+    submit() {
+      if (!this.isStaff) {
+        this.$emit('submit', this.tableForm);
+      } else {
+        this.$emit('submit', this.tableForm);
+      }
+
+    },
+    cancelSelect(value, name) {
+      debugger
+      if (!this.isPiLeader) {
+        return
+      }
+      if (this.tableForm[name] == value) {
+        this.tableForm[name] = null
+      } else {
+
+        if (this.tableForm[name] !== undefined)
+          this.tableForm[name] = value
+      }
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.table {
+  border-collapse: collapse;
+  width: 100%;
+}
+
+.table-title {
+  background-color: #dad4d4;
+}
+
+.table,
+th,
+td {
+  border: 1px solid black;
+  text-align: center;
+}
+
+td {
+  height: 24px;
+  width: 100px;
+}
+
+.head {
+  background-color: #ccc;
+}
+
+::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
+  border-color: #fff;
+}
+
+::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
+  background-color: #409eff;
+  border-color: #409eff;
+}
+
+::v-deep .el-checkbox__input.is-disabled+span.el-checkbox__label {
+  color: #000;
+}
+
+::v-deep .el-checkbox__label {
+  font-size: 12px;
+}
+
+::v-deep .el-radio__input.is-disabled .el-radio__inner,
+.el-radio__input.is-disabled.is-checked .el-radio__inner {
+  background-color: #f1f1f1;
+  border-color: #f1f1f1;
+}
+
+::v-deep .el-radio__input.is-disabled+span.el-radio__label {
+  color: #000;
+}
+
+
+::v-deep .el-radio__input.is-checked .el-radio__inner::after {
+  content: "";
+  width: 10px;
+  height: 5px;
+  border: 2px solid #409eff;
+  border-top: transparent;
+  border-right: transparent;
+  text-align: center;
+  display: block;
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  vertical-align: middle;
+  transform: rotate(-45deg);
+  border-radius: 0px;
+  background: none;
+}
+</style>

oa-ui/src/views/flowable/task/myProcess/send/index.vue

@@ -17,7 +17,17 @@
           </el-col>
         </el-tab-pane> -->
         <el-tab-pane label="表单信息" name="1">
-          <scform @submit="submitForm"></scform>
+          <sc-form @submit="submitForm" v-if="deployId == '7653'"></sc-form>
+          <jy-form @submit="submitForm" v-else-if="deployId == '10018'"></jy-form>
+          <zh-form @submit="submitForm" v-else-if="deployId == '10022'"></zh-form>
+          <js-form @submit="submitForm" v-else-if="deployId == '12501'"></js-form>
+          <xm-form @submit="submitForm" v-else-if="deployId == '12505'"></xm-form>
+          <el-col :span="16" :offset="4" v-else>
+            <div class="test-form">
+              <parser :key="new Date().getTime()" :form-conf="formConf" @submit="submitForm" ref="parser"
+                @getData="getData" />
+            </div>
+          </el-col>
         </el-tab-pane>
         <!--流程图-->
         <el-tab-pane label="流程图" name="2">
@@ -46,7 +56,11 @@ import { flowFormData } from "@/api/flowable/process";
 import { getNextFlowNodeByStart } from "@/api/flowable/todo";
 import FlowUser from '@/components/flow/User'
 import FlowRole from '@/components/flow/Role'
-import scform from '../../../form/scForm.vue';
+import ScForm from '../../../form/scForm.vue';
+import JyForm from '../../../form/jyForm.vue';
+import ZhForm from '../../../form/zhForm.vue';
+import JsForm from '../../../form/jsForm.vue';
+import XmForm from '../../../form/xmForm.vue';
 
 export default {
   name: "Record",
@@ -55,8 +69,12 @@ export default {
     flow,
     FlowUser,
     FlowRole,
-    scform
-  },
+    ScForm,
+    JyForm,
+    ZhForm,
+    JsForm,
+    XmForm
+},
   props: {},
   data() {
     return {

oa-ui/src/views/flowable/task/todo/detail/index.vue

@@ -398,6 +398,8 @@ export default {
     handleReject() {
       this.rejectOpen = true;
       this.rejectTitle = "驳回流程";
+      console.log(this.flowRecordList);
+      
     },
     /** 驳回任务 */
     taskReject() {