新增预算组件

oa-ui/src/views/flowable/form/budget/adjust/components/CarCost.vue

@@ -0,0 +1,60 @@
+<template>
+  <div class="car-cost">
+    <table border="1" style="width:100%;">
+      <tr style="background-color:#f8f8f9">
+        <td>车牌号</td>
+        <td>折旧成本（天）</td>
+        <td>预算天数</td>
+        <td>金额</td>
+        <td class="adjust">核算天数</td>
+        <td class="adjust">核算金额</td>
+      </tr>
+      <tr v-for="car in carList" :key="'car' + car.carId">
+        <td>{{ car.car ? car.car.licensePlate : '' }}</td>
+        <td>{{ car.car ? car.car.dayCost : '' }}</td>
+        <td>{{ car.days }}</td>
+        <td>{{ car.amount }}</td>
+        <td>
+          <el-input-number :controls="false" style="width:100%;" v-model="car.daysAdjust" @change="handleChange"></el-input-number>
+        </td>
+        <td>
+          <el-input-number :controls="false" style="width:100%;" v-model="car.amountAdjust" @change="handleChange"></el-input-number>
+        </td>
+      </tr>
+    </table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CarCost',
+  props: {
+    carList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+    handleChange() {
+      this.$emit('update:carList', this.carList);
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.car-cost {
+  table {
+    text-align: center;
+    border-collapse: collapse;
+    margin: 0 auto;
+    td {
+      padding: 5px;
+    }
+  }
+  .adjust {
+    color: #F56C6C;
+    width: 120px;
+  }
+}
+</style> 

oa-ui/src/views/flowable/form/budget/adjust/components/DeviceCost.vue

@@ -0,0 +1,64 @@
+<template>
+  <div class="device-cost">
+    <table border="1" style="width:100%;">
+      <tr style="background-color:#f8f8f9">
+        <td>设备名称</td>
+        <td>规格型号</td>
+        <td>品牌</td>
+        <td>折旧成本（天）</td>
+        <td>预算天数</td>
+        <td>金额</td>
+        <td class="adjust">核算天数</td>
+        <td class="adjust">核算金额</td>
+      </tr>
+      <tr v-for="device in deviceList" :key="'device' + device.deviceId">
+        <td>{{ device.device ? device.device.name : '' }}</td>
+        <td>{{ device.device ? device.device.series : '' }}</td>
+        <td>{{ device.device ? device.device.brand : '' }}</td>
+        <td>{{ device.device ? device.device.dayCost : '' }}</td>
+        <td>{{ device.days }}</td>
+        <td>{{ device.amount }}</td>
+        <td>
+          <el-input-number :controls="false" style="width:100%;" v-model="device.daysAdjust" @change="handleChange"></el-input-number>
+        </td>
+        <td>
+          <el-input-number :controls="false" style="width:100%;" v-model="device.amountAdjust" @change="handleChange"></el-input-number>
+        </td>
+      </tr>
+    </table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'DeviceCost',
+  props: {
+    deviceList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+    handleChange() {
+      this.$emit('update:deviceList', this.deviceList);
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.device-cost {
+  table {
+    text-align: center;
+    border-collapse: collapse;
+    margin: 0 auto;
+    td {
+      padding: 5px;
+    }
+  }
+  .adjust {
+    color: #F56C6C;
+    width: 120px;
+  }
+}
+</style> 

oa-ui/src/views/flowable/form/budget/adjust/components/InnerStaffCost.vue

@@ -0,0 +1,147 @@
+<template>
+  <div class="inner-staff-cost">
+    <table border="1" style="width:100%">
+      <tr style="background-color:#f8f8f9">
+        <td></td>
+        <td>序号</td>
+        <td>姓名</td>
+        <td>人员成本（天）</td>
+        <td style="width:120px">预算天数</td>
+        <td>预算绩效</td>
+        <td style="width:120px">金额</td>
+        <td class="adjust" style="width:120px">核算天数</td>
+        <td class="adjust" style="width:120px">核算绩效</td>
+        <td class="adjust" style="width:120px">核算金额</td>
+      </tr>
+      <tr v-for="staff, index in staffList" :key="'user' + staff.userId">
+        <td>
+          <!-- <el-button type="danger" icon="el-icon-minus" circle plain></el-button> -->
+          <div class="delete-btn" v-if="index + 1 > lens" @click="removeStaff(index)"><i class="el-icon-remove-outline"
+              style="color:#F56C6C"></i>
+          </div>
+        </td>
+        <td>{{ index + 1 }}</td>
+        <td>{{ staff.user ? staff.user.nickName : '' }}</td>
+        <td>{{ staff.staffCost }}</td>
+        <td>{{ staff.days }}</td>
+        <td>{{ staff.performance }}</td>
+        <td>{{ staff.amount }}</td>
+        <td>
+          <el-input-number :controls="false" style="width:100%;" v-model="staff.daysAdjust"
+            @change="handleChange(staff)"></el-input-number>
+        </td>
+        <td>
+          <el-input-number :controls="false" style="width:100%;" v-model="staff.performanceAdjust"
+            @change="handleChange(staff)"></el-input-number>
+        </td>
+        <td>
+          {{ staff.amountAdjust }}
+        </td>
+      </tr>
+    </table>
+    <div class="add-staff mt10">
+      <el-button type="success" plain icon="el-icon-plus" @click="openPeople" size="mini">新增人员</el-button>
+    </div>
+    <!-- 选择人员对话框 -->
+    <el-dialog title="选择人员" :visible.sync="isOpenPeople" width="700px" append-to-body>
+      <choosePeople @chooseUser="getChooseUser"></choosePeople>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import choosePeople from '@/views/flowable/form/budget/components/choosePeople.vue'
+
+export default {
+  name: 'InnerStaffCost',
+  components: {
+    choosePeople
+  },
+  props: {
+    staffList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      isOpenPeople: false,
+      lens: 0,
+    }
+  },
+  watch: {
+    staffList(newval, oldval) {
+      if (oldval.length == 0) {
+        this.lens = newval.length;
+        console.log(this.lens)
+      }
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    handleChange(staff) {
+      staff.amountAdjust = ((Number(staff.staffCost) * Number(staff.daysAdjust)) + Number(staff.settleAdjust)).toFixed(2)
+      this.$emit('update:staffList', this.staffList);
+    },
+    openPeople() {
+      this.isOpenPeople = true;
+    },
+    getChooseUser(val) {
+      for (let v of val) {
+        v.days = 0;
+        v.settle = 0;
+        v.amount = 0;
+        v.user = v
+      }
+      this.staffList.push(...val);
+      this.isOpenPeople = false;
+      this.$emit('update:staffList', this.staffList);
+    },
+    removeStaff(index) {
+      this.$confirm('确实移除该人员吗', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        let arr = this.staffList;
+        if (arr.length == 1) {
+          return;
+        }
+        if (index >= 0 && index < arr.length) {
+          arr.splice(index, 1);
+        }
+      }).catch(() => { });
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.inner-staff-cost {
+  .add-staff {
+    margin-bottom: 10px;
+  }
+
+  table {
+    text-align: center;
+    border-collapse: collapse;
+    margin: 0 auto;
+
+    td {
+      padding: 5px;
+    }
+  }
+
+  .adjust {
+    color: #F56C6C;
+    width: 120px;
+  }
+}
+
+.delete-btn {
+  cursor: pointer;
+  font-size: 18px;
+}
+</style>

oa-ui/src/views/flowable/form/budget/adjust/components/OuterStaffCost.vue

@@ -0,0 +1,151 @@
+<template>
+  <div class="outer-staff-cost">
+    <table border="1" style="width:100%">
+      <tr style="background-color:#f8f8f9">
+        <td></td>
+        <td>序号</td>
+        <td>姓名</td>
+        <td>人员成本（天）</td>
+        <td style="width:120px">预算天数</td>
+        <td>预算系数</td>
+        <td>其他系数</td>
+        <td style="width:120px">金额</td>
+        <td class="adjust" style="width:120px">核算天数</td>
+        <td class="adjust" style="width:120px">核算系数</td>
+        <td class="adjust" style="width:120px">核算其他系数</td>
+        <td class="adjust" style="width:120px">核算金额</td>
+      </tr>
+      <tr v-for="staff, index in staffList" :key="'user' + staff.userId">
+        <td>
+          <div class="delete-btn" v-if="index + 1 > lens" @click="removeStaff(index)">
+            <i class="el-icon-remove-outline" style="color:#F56C6C"></i>
+          </div>
+        </td>
+        <td>{{ index + 1 }}</td>
+        <td>{{ staff.user ? staff.user.nickName : '' }}</td>
+        <td>{{ staff.staffCost }}</td>
+        <td>{{ staff.days }}</td>
+        <td>{{ staff.coefficient }}</td>
+        <td>{{ staff.otherCoefficient }}</td>
+        <td>{{ staff.amount }}</td>
+        <td>
+          <el-input-number :controls="false" style="width:100%;" v-model="staff.daysAdjust"
+            @change="handleChange(staff)"></el-input-number>
+        </td>
+        <td>
+          <el-input-number :controls="false" style="width:100%;" v-model="staff.coefficientAdjust"
+            @change="handleChange(staff)"></el-input-number>
+        </td>
+        <td>
+          <el-input-number :controls="false" style="width:100%;" v-model="staff.otherCoefficientAdjust"
+            @change="handleChange(staff)"></el-input-number>
+        </td>
+        <td>
+          {{ staff.amountAdjust }}
+        </td>
+      </tr>
+    </table>
+    <div class="add-staff mt10">
+      <el-button type="success" plain icon="el-icon-plus" @click="openPeople" size="mini">新增人员</el-button>
+    </div>
+    <!-- 选择人员对话框 -->
+    <el-dialog title="选择人员" :visible.sync="isOpenPeople" width="700px" append-to-body>
+      <choosePeople @chooseUser="getChooseUser"></choosePeople>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import choosePeople from '@/views/flowable/form/budget/components/choosePeople.vue'
+
+export default {
+  name: 'OuterStaffCost',
+  components: {
+    choosePeople
+  },
+  props: {
+    staffList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      isOpenPeople: false,
+      lens: 0
+    }
+  },
+  watch: {
+    staffList(newval, oldval) {
+      if (oldval.length == 0) {
+        this.lens = newval.length;
+      }
+    }
+  },
+  methods: {
+    handleChange(staff) {
+      // 计算调整后的金额
+      staff.amountAdjust = (Number(staff.staffCost) * Number(staff.daysAdjust) * Number(staff.coefficientAdjust) * Number(staff.otherCoefficientAdjust)).toFixed(2)
+      this.$emit('update:staffList', this.staffList);
+    },
+    openPeople() {
+      this.isOpenPeople = true;
+    },
+    getChooseUser(val) {
+      for (let v of val) {
+        v.daysAdjust = 0;
+        v.coefficientAdjust = 1;
+        v.otherCoefficientAdjust = 1;
+        v.amountAdjust = 0;
+        v.user = v;
+      }
+      this.staffList.push(...val);
+      this.isOpenPeople = false;
+      this.$emit('update:staffList', this.staffList);
+    },
+    removeStaff(index) {
+      this.$confirm('确实移除该人员吗', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        let arr = this.staffList;
+        if (arr.length == 1) {
+          return;
+        }
+        if (index >= 0 && index < arr.length) {
+          arr.splice(index, 1);
+        }
+      }).catch(() => { });
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.outer-staff-cost {
+  .add-staff {
+    margin-bottom: 10px;
+  }
+
+  table {
+    text-align: center;
+    border-collapse: collapse;
+    margin: 0 auto;
+
+    td {
+      padding: 5px;
+    }
+  }
+
+  .adjust {
+    color: #F56C6C;
+    width: 120px;
+  }
+}
+
+.delete-btn {
+  cursor: pointer;
+  font-size: 18px;
+}
+</style>

oa-ui/src/views/flowable/form/budget/adjust/index.vue

@@ -0,0 +1,305 @@
+<template>
+  <div class="main">
+    <h2 class="text-center">项目直接生产成本预算—核算表</h2>
+    <p style="text-align: center">编制人：{{ budgetForm.compilerUser ? budgetForm.compilerUser.nickName : '' }}</p>
+    <el-divider></el-divider>
+    <el-descriptions :column="3" border class="descriptions">
+      <el-descriptions-item label="项目编号">
+        {{ project.projectNumber }}
+      </el-descriptions-item>
+      <el-descriptions-item label="项目名称">
+        {{ project.projectName }}
+      </el-descriptions-item>
+      <el-descriptions-item label="项目负责人">
+        {{ getUserName(project.projectLeader) }}
+      </el-descriptions-item>
+      <el-descriptions-item label="承担部门">
+        {{ getDeptNames(project.undertakingDept) }}
+      </el-descriptions-item>
+      <el-descriptions-item label="项目备注" :span="3">
+        {{ project.remark }}
+      </el-descriptions-item>
+      <el-descriptions-item label="预算表单备注" :span="5">
+        {{ budgetForm.remark }}
+      </el-descriptions-item>
+      <el-descriptions-item label="项目计划工作量" :span="3">
+        <div>
+          <table border="1" style="width: 100%;">
+            <tr style="background-color:#f8f8f9">
+              <td style="width: 250px">工作内容</td>
+              <td style="width: 100px">比例尺/等级</td>
+              <td style="width: 100px">单位</td>
+              <td style="width: 100px">工作量</td>
+              <td style="width: 100px">要求完成时间</td>
+              <td style="width: 200px">备注</td>
+            </tr>
+            <tr v-for="(work, index) in workContentList" :key="index">
+              <td>
+                {{ work.content }}
+              </td>
+              <td>
+                {{ work.scale }}
+              </td>
+              <td>
+                {{ work.unit }}
+              </td>
+              <td>
+                {{ work.workload }}
+              </td>
+              <td>
+                {{ work.deadline }}
+              </td>
+              <td>
+                {{ work.remark }}
+              </td>
+            </tr>
+          </table>
+        </div>
+      </el-descriptions-item>
+      <el-descriptions-item label="内业绩效额" :span="3">
+        <table border="1" style="width:100%">
+          <tr style="background-color:#f8f8f9" v-if="workList.length != 0">
+            <td style="min-width:50px">工作简述</td>
+            <td style="min-width:50px">工作内容</td>
+            <td style="min-width:50px">比例尺/等级</td>
+            <td style="min-width:50px">数量</td>
+            <td style="min-width:50px">单价</td>
+            <td style="min-width:50px">单位</td>
+            <td style="min-width:50px">系数</td>
+            <td style="min-width:80px">金额</td>
+            <td style="min-width: 150px;">备注</td>
+          </tr>
+          <tr v-for="work in workList">
+            <td>{{ work.content }}</td>
+            <td>{{ work.cmcPrice ? work.cmcPrice.workItem : '' }}</td>
+            <td>
+              {{ work.scaleGrade }}
+            </td>
+            <td>
+              {{ work.workload }}
+            </td>
+            <td>{{ work.price }}</td>
+            <td>{{ work.unit }}</td>
+            <td>
+              {{ work.coefficient }}
+            </td>
+            <td style="text-align:right;">{{ work.settle ? work.settle.toFixed(2) : '0.00' }}</td>
+            <td>{{ work.remark ? work.remark : '' }}</td>
+          </tr>
+          <tr>
+            <td :colspan="7" class="head">内业绩效额合计</td>
+            <td :colspan="1" class="head" style="text-align:right;">
+              {{ budgetForm.settleExpense ? budgetForm.settleExpense.toFixed(2) : '0.00' }}
+            </td>
+            <td></td>
+          </tr>
+          <tr style="color:#F56C6C">
+            <td :colspan="7" class="head">内业核算绩效额</td>
+            <td :colspan="1" class="head">
+              <el-input-number v-model="budgetForm.settleAdjust" :controls="false" style="width:100%"></el-input-number>
+            </td>
+          </tr>
+        </table>
+      </el-descriptions-item>
+      <el-descriptions-item label="内业人员成本" :span="3">
+        <inner-staff-cost :staffList.sync="innerStaffList"
+          @update:staffList="handleInnerStaffChange"></inner-staff-cost>
+      </el-descriptions-item>
+      <el-descriptions-item label="外业人员成本" :span="3">
+        <outer-staff-cost :staffList.sync="outerStaffList"
+          @update:staffList="handleOuterStaffChange"></outer-staff-cost>
+      </el-descriptions-item>
+      <el-descriptions-item label="车辆成本" :span="3">
+        <car-cost :carList.sync="carList"></car-cost>
+      </el-descriptions-item>
+      <el-descriptions-item label="设备成本" :span="3">
+        <device-cost :deviceList.sync="deviceList"></device-cost>
+      </el-descriptions-item>
+      <el-descriptions-item label="现场开支" :span="3">
+        <table border="1" style="width:100%;">
+          <tr style="background-color:#f8f8f9">
+            <td>开支项</td>
+            <td>金额</td>
+            <td class="adjust">核算金额</td>
+          </tr>
+          <tr>
+
+          </tr>
+        </table>
+      </el-descriptions-item>
+      <el-descriptions-item label="经营相关" :span="3">
+
+      </el-descriptions-item>
+      <el-descriptions-item label="预算外开销" :span="3">
+
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+import { listBudget, updateBudget } from "@/api/oa/budget/budget";
+import { listBudgetCar, updateBudgetCar } from "@/api/oa/budget/budgetCar";
+import { listBudgetDevice, updateBudgetDevice } from "@/api/oa/budget/budgetDevice";
+import { listBudgetSettle, updateBudgetSettle } from "@/api/oa/budget/budgetSettle";
+import { listBudgetStaff } from "@/api/oa/budget/budgetStaff";
+import { listProjectWork } from "@/api/oa/project/projectWork";
+import { getProject } from "@/api/oa/project/project";
+import InnerStaffCost from './components/InnerStaffCost.vue';
+import OuterStaffCost from './components/OuterStaffCost.vue';
+import CarCost from './components/CarCost.vue';
+import DeviceCost from './components/DeviceCost.vue';
+
+export default {
+  components: {
+    InnerStaffCost,
+    OuterStaffCost,
+    CarCost,
+    DeviceCost
+  },
+  data() {
+    return {
+      loading: true,
+      budgetForm: {},
+      project: {},
+      workContentList: [],
+      workList: [],
+      innerStaffList: [],
+      outerStaffList: [],
+      carList: [],
+      deviceList: [],
+    }
+  },
+  created() {
+    this.initBudgetForm();
+    this.getProjectWorkList();
+  },
+  methods: {
+    initBudgetForm() {
+      this.loading = true;
+      listBudget({ pageNum: 1, pageSize: 20, projectId: '1897087448425566208' }).then(async res => {
+        this.budgetForm = res.rows[0];
+        if (this.budgetForm) {
+          const budgetId = this.budgetForm.budgetId;
+          // 获取设备数据
+          let deviceRes = await listBudgetDevice({ pageSize: 100, budgetId });
+          this.deviceList = deviceRes.rows;
+
+          // 获取车辆数据
+          let carRes = await listBudgetCar({ pageSize: 100, budgetId });
+          this.carList = carRes.rows;
+
+          // 获取内业人员数据
+          let innerStaffRes = await listBudgetStaff({ pageSize: 100, budgetId });
+          this.innerStaffList = innerStaffRes.rows;
+
+          // 获取外业人员数据
+          let outerStaffRes = await listBudgetStaff({ pageSize: 100, budgetId });
+          this.outerStaffList = outerStaffRes.rows;
+
+          // 获取内业绩效额数据
+          let settleRes = await listBudgetSettle({ pageSize: 100, budgetId });
+          this.workList = settleRes.rows;
+          for (let work of this.workList) {
+            if (work.groundType == '0') {
+              work.price = work.cmcPrice.commonPrice
+              work.scaleGrade = work.cmcPrice.scaleGrade
+              work.unit = work.cmcPrice.unit
+            } else {
+              work.price = work.cmcPrice.complexPrice
+              work.scaleGrade = work.cmcPrice.scaleGrade
+              work.unit = work.cmcPrice.unit
+            }
+          }
+        }
+        this.loading = false;
+      }).catch(() => {
+        this.loading = false;
+      });
+    },
+    getProjectWorkList() {
+      getProject('1897087448425566208').then(res => {
+        this.project = res.data;
+      })
+      listProjectWork({ pageSize: 999, projectId: '1897087448425566208' }).then(res => {
+        this.workContentList = res.rows;
+      })
+    },
+    // 处理内业人员数据变化
+    handleInnerStaffChange(newList) {
+      this.innerStaffList = newList;
+      console.log(newList)
+      // 计算内业人员总成本
+      const totalAmount = this.innerStaffList.reduce((sum, staff) => {
+        return sum + (staff.amountAdjust || 0);
+      }, 0);
+
+      // 更新预算表单中的内业人员成本
+      if (this.budgetForm) {
+        this.budgetForm.innerStaffAmount = totalAmount;
+        // 可以在这里调用API保存数据
+        // updateBudget(this.budgetForm);
+      }
+    },
+
+    // 处理外业人员数据变化
+    handleOuterStaffChange(newList) {
+      this.outerStaffList = newList;
+      // 计算外业人员总成本
+      const totalAmount = this.outerStaffList.reduce((sum, staff) => {
+        return sum + (staff.amountAdjust || 0);
+      }, 0);
+
+      // 更新预算表单中的外业人员成本
+      if (this.budgetForm) {
+        this.budgetForm.outerStaffAmount = totalAmount;
+        // 可以在这里调用API保存数据
+        // updateBudget(this.budgetForm);
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.mylabel {
+  font-weight: bold;
+}
+
+.main {
+  width: 85%;
+  margin: 0 auto;
+  text-align: center;
+}
+
+.descriptions {
+  width: 100%;
+  margin: 0 auto;
+}
+
+table {
+  text-align: center;
+  border-collapse: collapse;
+  margin: 0 auto;
+
+  /*设置背景颜色*/
+  /* background-color: #bfa; */
+  td {
+    padding: 5px;
+  }
+}
+
+.adjust {
+  color: #F56C6C;
+  width: 120px;
+}
+
+::v-deep .el-descriptions .is-bordered .el-descriptions-item__cell {
+  border: 1px solid #838894;
+}
+
+::v-deep .el-descriptions-item__label.is-bordered-label {
+  color: #434141;
+  background: #eaeaea;
+}
+</style>

oa-ui/src/views/flowable/form/budget/components/calculatePerformance.vue

@@ -0,0 +1,312 @@
+<template>
+  <el-dialog title="计算绩效" :visible.sync="visible" width="800px" append-to-body>
+    <div class="performance-list">
+      <div v-for="(item, index) in performanceList" :key="index" class="performance-item">
+        <div class="item-header">
+          <span>工作项目 {{ index + 1 }}</span>
+          <el-button type="text" icon="el-icon-delete" @click="removeItem(index)"
+            v-if="performanceList.length > 1">删除</el-button>
+        </div>
+        <el-form ref="form" :model="item" label-width="100px">
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="工作类别">
+                <el-select v-model="item.workType" placeholder="请选择工作类别"
+                  @change="(val) => handleWorkTypeChange(val, index)">
+                  <el-option v-for="type in workTypeList" :key="type.value" :label="type.label" :value="type.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="工作项目">
+                <el-select v-model="item.workItem" placeholder="请选择工作项目"
+                  @change="(val) => handleWorkItemChange(val, index)">
+                  <el-option v-for="workItem in item.workItemList" :key="workItem.value" :label="workItem.label"
+                    :value="workItem.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="比例尺/等级">
+                <el-select v-model="item.scaleGrade" placeholder="请选择比例尺/等级"
+                  @change="(val) => handleScaleGradeChange(val, index)">
+                  <el-option v-for="scale in item.scaleGradeList" :key="scale.value" :label="scale.label"
+                    :value="scale.value">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="地类类型">
+                <el-select v-model="item.groundType" placeholder="请选择地类类型"
+                  @change="(val) => handleGroundTypeChange(val, index)">
+                  <el-option key="一般地类" label="一般地类" value="0"></el-option>
+                  <el-option key="复杂地类" label="复杂地类" value="1"></el-option>
+                </el-select>
+              </el-form-item></el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="系数">
+                <el-input-number v-model="item.coefficient" :precision="2" :step="0.1" :min="0"
+                  @change="() => calculateTotal(index)"></el-input-number>
+                <el-tooltip content="系数备注" placement="right-start">
+                  <el-button icon="el-icon-info" type="text"
+                    @click="() => getCoefficientRemark(item.workType)"></el-button>
+                </el-tooltip>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="工作量">
+                <el-input-number v-model="item.workload" :precision="2" :step="0.1" :min="0"
+                  @change="() => calculateTotal(index)"></el-input-number>
+              </el-form-item></el-col>
+          </el-row>
+
+
+          <el-form-item label="单价">
+            <el-tag>{{ item.price }}/ {{ item.unit }}</el-tag>
+          </el-form-item>
+
+
+          <el-form-item label="单项总额">
+            <el-tag>{{ item.total }}</el-tag>
+          </el-form-item>
+        </el-form>
+      </div>
+    </div>
+
+    <div class="add-item">
+      <el-button type="primary" icon="el-icon-plus" @click="addItem">添加工作项目</el-button>
+    </div>
+
+    <div class="total-amount">
+      <span>绩效总额：</span>
+      <span class="amount">{{ totalAmount }}</span>
+    </div>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取 消</el-button>
+      <el-button type="primary" @click="handleConfirm">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { getWorkTypeList, getWorkItemList, getScaleGradeList, getUnitPrice, getPriceRemarkByWorkType } from '@/api/oa/price/price'
+
+export default {
+  name: 'CalculatePerformance',
+  data() {
+    return {
+      visible: false,
+      workTypeList: [],
+      performanceList: [this.getDefaultItem()]
+    }
+  },
+  computed: {
+    totalAmount() {
+      return this.performanceList.reduce((sum, item) => {
+        return sum + (parseFloat(item.total) || 0)
+      }, 0).toFixed(2)
+    }
+  },
+  methods: {
+    getDefaultItem() {
+      return {
+        workType: '',
+        workItem: '',
+        scaleGrade: '',
+        groundType: '0',
+        price: 0,
+        workload: 0,
+        coefficient: 1,
+        total: 0,
+        workItemList: [],
+        scaleGradeList: []
+      }
+    },
+    open() {
+      this.visible = true
+      this.resetForm()
+      this.initWorkTypeList()
+    },
+    resetForm() {
+      this.performanceList = [this.getDefaultItem()]
+    },
+    addItem() {
+      this.performanceList.push(this.getDefaultItem())
+    },
+    removeItem(index) {
+      this.performanceList.splice(index, 1)
+    },
+    initWorkTypeList() {
+      getWorkTypeList().then(res => {
+        if (res) {
+          this.workTypeList = this.setArray(res)
+        }
+      })
+    },
+    handleWorkTypeChange(value, index) {
+      const item = this.performanceList[index]
+      item.workItem = ''
+      item.scaleGrade = ''
+      item.price = 0
+      item.workItemList = []
+      item.scaleGradeList = []
+      this.calculateTotal(index)
+
+      if (value) {
+        getWorkItemList({ workType: value }).then(res => {
+          if (res) {
+            item.workItemList = this.setArray(res)
+          }
+        })
+      }
+    },
+    handleWorkItemChange(value, index) {
+      const item = this.performanceList[index]
+      item.scaleGrade = ''
+      item.price = 0
+      item.scaleGradeList = []
+      this.calculateTotal(index)
+
+      if (value) {
+        getScaleGradeList({ workItem: value }).then(res => {
+          if (res) {
+            item.scaleGradeList = this.setArray(res)
+            if (item.scaleGradeList.length > 0) {
+              item.scaleGrade = item.scaleGradeList[0].value
+              this.handleScaleGradeChange(item.scaleGrade, index)
+            }
+          }
+        })
+      }
+    },
+    handleScaleGradeChange(value, index) {
+      const item = this.performanceList[index]
+      item.price = 0
+      this.calculateTotal(index)
+
+      if (value && item.workItem) {
+        this.getUnitPrice(index)
+      }
+    },
+    handleGroundTypeChange(value, index) {
+      const item = this.performanceList[index]
+      item.price = 0
+      this.calculateTotal(index)
+
+      if (item.scaleGrade && item.workItem) {
+        this.getUnitPrice(index)
+      }
+    },
+    getUnitPrice(index) {
+      const item = this.performanceList[index]
+      getUnitPrice({
+        workItem: item.workItem,
+        scaleGrade: item.scaleGrade,
+        groundType: item.groundType
+      }).then(res => {
+        if (res.length != 0) {
+          item.price = res.data.price
+          item.unit = res.data.unit
+          this.calculateTotal(index)
+        }
+      })
+    },
+    calculateTotal(index) {
+      const item = this.performanceList[index]
+      item.total = ((parseFloat(item.price) * parseFloat(item.coefficient) * parseFloat(item.workload))).toFixed(2)
+    },
+    handleConfirm() {
+      this.$emit('confirm', this.totalAmount)
+      this.visible = false
+    },
+    getCoefficientRemark(workType) {
+      if (workType) {
+        getPriceRemarkByWorkType({ workType }).then(res => {
+          if (res.code == 200) {
+            this.$notify({
+              title: workType,
+              dangerouslyUseHTMLString: true,
+              message: res.msg,
+              duration: 0
+            })
+          }
+        })
+      }
+    },
+    setArray(arr) {
+      if (arr != [] && arr != undefined) {
+        let datalist = [...new Set(arr)]
+        let list = []
+        for (let i of datalist) {
+          let obj = new Object()
+          obj.label = i
+          obj.value = i
+          list.push(obj)
+        }
+        return list
+      } else {
+        return []
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.performance-list {
+  max-height: 600px;
+  overflow-y: auto;
+  padding: 10px;
+}
+
+.performance-item {
+  border: 1px solid #EBEEF5;
+  border-radius: 4px;
+  padding: 15px;
+  margin-bottom: 15px;
+  position: relative;
+
+  .item-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 15px;
+    padding-bottom: 10px;
+    border-bottom: 1px solid #EBEEF5;
+
+    span {
+      font-size: 16px;
+      font-weight: bold;
+    }
+  }
+}
+
+.add-item {
+  text-align: center;
+  margin: 15px 0;
+}
+
+.total-amount {
+  text-align: right;
+  padding: 15px;
+  font-size: 16px;
+  border-top: 1px solid #EBEEF5;
+  margin-top: 15px;
+
+  .amount {
+    color: #F56C6C;
+    font-size: 20px;
+    font-weight: bold;
+    margin-left: 10px;
+  }
+}
+</style>

oa-ui/src/views/flowable/form/budget/siteExpenses.vue

@@ -0,0 +1,177 @@
+<template>
+  <div>
+    <el-form ref="form" :model="form" style="padding: 20px 100px 0">
+      <el-form-item label="现场开支：">
+        <div style="color:#F56C6C">现场开支与借款挂钩,请慎重填写</div>
+        <table border="1">
+          <tr>
+            <td colspan="5" class="head">现场开支表</td>
+          </tr>
+          <tr>
+            <td>序号</td>
+            <td>名称</td>
+            <td>金额</td>
+            <td>备注</td>
+            <td>操作</td>
+          </tr>
+          <tr v-for="item, index in expensesList">
+            <td>{{ index + 1 }}</td>
+            <td>
+              <el-select v-model="item.name" placeholder="请选择开支项" clearable @change="handleExpenseChange"
+                style="width: 100%;">
+                <el-option v-for="dict in dict.type.borrow_expenses" clearable :key="dict.value" :label="dict.label"
+                  :value="dict.value" />
+                <el-option label="+新增更多开支项..." value="new_expense" />
+              </el-select>
+            </td>
+            <td>
+              <el-input-number style="width: 100%;" :controls="false" v-model="item.amount"
+                placeholder="请输入金额"></el-input-number>
+            </td>
+            <td>
+              <el-input type="textarea" v-model="item.remark"></el-input>
+            </td>
+            <td>
+              <el-button icon="el-icon-delete" type="text" style="color:#F56C6C"
+                @click="deletExpensesList(index)">删除</el-button>
+            </td>
+          </tr>
+        </table>
+        <el-button type="primary" plain icon="el-icon-plus" @click="addExpensesList" size="mini"></el-button>
+      </el-form-item>
+    </el-form>
+    <el-dialog title="新增开支项" :visible.sync="open" width="400px" append-to-body>
+      <el-form ref="newExpenseForm" :model="newExpenseForm" :rules="newExpenseRules" label-width="120px">
+        <el-form-item label="开支项名称" prop="name">
+          <el-input v-model="newExpenseForm.name" placeholder="请输入开支项名称" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitNewExpense">确 定</el-button>
+        <el-button @click="open = false">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listData, getData, delData, addData, updateData } from "@/api/system/dict/data";
+export default {
+  dicts: ['borrow_expenses', 'cmc_unit'],
+  props: {
+    outerUsers: {
+      type: Array,
+      default: () => []
+    }
+  },
+  watch: {
+    expensesList: {
+      handler(newVal) {
+        this.$emit('expensesList', [...newVal])
+      },
+    }
+  },
+  data() {
+    return {
+      open: false,
+      form: {},
+      expensesList: [{
+        name: '',
+        amount: 0,
+      }],
+      newExpenseForm: {
+        name: ''
+      },
+      newExpenseRules: {
+        name: [
+          { required: true, message: "开支项不能为空", trigger: "blur" }
+        ],
+      }
+    }
+  },
+  created() {
+    console.log(this.dict);
+  },
+  methods: {
+    addExpensesList() {
+      this.expensesList.push({
+        name: '',
+        amount: 0,
+      });
+    },
+    deletExpensesList(index) {
+      let arr = this.expensesList;
+      if (arr.length == 1) {
+        return;
+      }
+      if (index >= 0 && index < arr.length) {
+        arr.splice(index, 1);
+      }
+    },
+    handleExpenseChange(value) {
+      if (value === 'new_expense') {
+        this.open = true;
+      } else if (value === '食宿') {
+        const currentIndex = this.expensesList.findIndex(item => item.name === value);
+        if (currentIndex !== -1) {
+          const totalDays = this.outerUsers.reduce((sum, user) => sum + (user.days || 0), 0);
+          this.expensesList[currentIndex].amount = 130 * totalDays;
+          this.expensesList[currentIndex].remark = '130元/人天，共计' + totalDays + '人天';
+        }
+      }
+    },
+    submitNewExpense() {
+      this.$refs["newExpenseForm"].validate(valid => {
+        if (valid) {
+          this.newExpenseForm.dictType = 'borrow_expenses';
+          this.newExpenseForm.dictLabel = this.newExpenseForm.name;
+          this.newExpenseForm.dictValue = this.newExpenseForm.name;
+          this.newExpenseForm.listClass = 'default'
+          addData(this.newExpenseForm).then(response => {
+            this.$modal.msgSuccess("新增成功");
+            this.open = false;
+            this.newExpenseForm.name = '';
+            // 刷新字典数据
+            this.getDicts("borrow_expenses").then(response => {
+              console.log(response.data);
+              // 更新字典数据
+              this.dict.type.borrow_expenses = response.data;
+              // 重新加载字典数据后，更新当前选中项
+              if (this.expensesList.length > 0) {
+                const lastItem = this.expensesList[this.expensesList.length - 1];
+                lastItem.name = this.newExpenseForm.dictValue;
+              }
+            });
+          });
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+table {
+  width: 100%;
+  /*居中*/
+  // margin: 0 auto;
+  /*边框*/
+  /* border: 1px solid black; */
+  text-align: center;
+  border-collapse: collapse;
+  border: 1px solid #DCDFE6;
+
+  /*设置背景颜色*/
+  /* background-color: #bfa; */
+  td {
+    padding: 1px;
+  }
+
+  .head {
+    background-color: #e7f6f3;
+    font-family: '微软雅黑';
+    font-size: 18;
+    font-weight: bold;
+  }
+}
+</style>

oa-ui/src/views/oa/adjust/index.vue

@@ -0,0 +1,21 @@
+<!--
+ * @Author: ysh
+ * @Date: 2025-05-07 10:31:01
+ * @LastEditors: 
+ * @LastEditTime: 2025-05-07 10:31:07
+-->
+<template>
+  <div>
+    
+  </div>
+</template>
+
+<script>
+  export default {
+    
+  }
+</script>
+
+<style lang="scss" scoped>
+
+</style>

oa-ui/src/views/oa/train/record.vue

@@ -0,0 +1,358 @@
+<template>
+  <div>
+    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+      <el-form-item label="培训资料" prop="resourceIds">
+        <el-button type="primary" size="mini" @click="showResourceDialog">选择培训资料</el-button>
+        <div v-if="selectedResources.length > 0" class="selected-resources mt10">
+          <el-tag v-for="resource in selectedResources" :key="resource.resourceId" closable @close="removeResource(resource.resourceId)"
+            class="mr10 mb10">
+            {{ resource.title }}
+          </el-tag>
+        </div>
+      </el-form-item>
+      <el-form-item label="参培成员" prop="userIds">
+        <el-button type="primary" size="mini" @click="showUserDialog" :disabled="!form.resourceIds || form.resourceIds.length === 0">选择参培成员</el-button>
+        <div v-if="selectedUsers.length > 0" class="selected-users mt10">
+          <el-tag v-for="user in selectedUsers" :key="user.userId" closable @close="removeUser(user.userId)"
+            class="mr10 mb10">
+            {{ user.nickName }}
+          </el-tag>
+        </div>
+      </el-form-item>
+      <el-form-item label="学习时间" prop="lastTime">
+        <el-date-picker v-model="form.lastTime" type="date" placeholder="选择学习时间" value-format="yyyy-MM-dd">
+        </el-date-picker>
+      </el-form-item>
+    </el-form>
+
+    <!-- 培训资料选择对话框 -->
+    <el-dialog title="选择培训资料" :visible.sync="resourceDialogVisible" width="800px" append-to-body>
+      <el-form :inline="true" :model="resourceQueryParams" class="demo-form-inline">
+        <el-form-item label="资料名称">
+          <el-input v-model="resourceQueryParams.title" placeholder="请输入资料名称" clearable
+            @keyup.enter.native="handleResourceQuery" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleResourceQuery">查询</el-button>
+          <el-button @click="resetResourceQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="resourceLoading" :data="resourceList" @selection-change="handleResourceSelectionChange" ref="resourceTable">
+        <el-table-column type="selection" width="55" reserve-selection />
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column label="资料名称" align="center" prop="title" />
+        <el-table-column label="类型" align="center" prop="type" />
+        <el-table-column label="学时" align="center" prop="hours" />
+      </el-table>
+      <pagination v-show="resourceTotal > 0" :total="resourceTotal" :page.sync="resourceQueryParams.pageNum"
+        :limit.sync="resourceQueryParams.pageSize" @pagination="getResourceList" />
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="confirmResourceSelection">确 定</el-button>
+        <el-button @click="resourceDialogVisible = false">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 参培成员选择对话框 -->
+    <el-dialog title="选择参培成员" :visible.sync="userDialogVisible" width="800px" append-to-body>
+      <el-table v-loading="userLoading" :data="userList" @selection-change="handleUserSelectionChange" ref="userTable">
+        <el-table-column type="selection" width="55" :selectable="checkUserSelectable" reserve-selection />
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column label="姓名" align="center" prop="nickName" />
+        <el-table-column label="部门" align="center" prop="dept.deptName" />
+      </el-table>
+      <pagination v-show="userTotal > 0" :total="userTotal" :page.sync="userQueryParams.pageNum"
+        :limit.sync="userQueryParams.pageSize" @pagination="getUserList" />
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="confirmUserSelection">确 定</el-button>
+        <el-button @click="userDialogVisible = false">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listResource } from "@/api/oa/study/resource";
+import { listUser } from "@/api/system/user";
+import { listStudy } from "@/api/oa/study/myStudy";
+
+export default {
+  name: "TrainRecord",
+  props: {
+    trainId: {
+      type: String,
+    }
+  },
+  data() {
+    return {
+      // 表单数据
+      form: {
+        resourceIds: [],
+        userIds: [],
+        lastTime: null
+      },
+      // 表单校验规则
+      rules: {
+        resourceIds: [
+          { required: true, message: "请选择培训资料", trigger: "change" }
+        ],
+        userIds: [
+          { required: true, message: "请选择参培成员", trigger: "change" }
+        ],
+        lastTime: [
+          { required: true, message: "请选择学习时间", trigger: "change" }
+        ]
+      },
+      // 培训资料选择对话框
+      resourceDialogVisible: false,
+      resourceLoading: false,
+      resourceList: [],
+      resourceTotal: 0,
+      resourceQueryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        title: undefined
+      },
+      selectedResources: [],
+      tempSelectedResources: [], // 临时存储选中的资源
+      // 参培成员选择对话框
+      userDialogVisible: false,
+      userLoading: false,
+      userList: [],
+      userTotal: 0,
+      userQueryParams: {
+        pageNum: 1,
+        pageSize: 10
+      },
+      selectedUsers: [],
+      existingUserIds: [],
+      tempSelectedUsers: [], // 临时存储选中的用户
+    };
+  },
+  methods: {
+    /** 显示培训资料选择对话框 */
+    showResourceDialog() {
+      this.resourceDialogVisible = true;
+      this.tempSelectedResources = [...this.selectedResources]; // 初始化临时选中资源
+      this.getResourceList();
+      // 在下一个tick中设置选中状态
+      this.$nextTick(() => {
+        if (this.$refs.resourceTable) {
+          this.resourceList.forEach(row => {
+            if (this.tempSelectedResources.some(resource => resource.resourceId === row.resourceId)) {
+              this.$refs.resourceTable.toggleRowSelection(row, true);
+            }
+          });
+        }
+      });
+    },
+    /** 查询培训资料列表 */
+    getResourceList() {
+      this.resourceLoading = true;
+      listResource(this.resourceQueryParams).then(response => {
+        this.resourceList = response.rows;
+        this.resourceTotal = response.total;
+        this.resourceLoading = false;
+        // 在数据加载后恢复选中状态
+        this.$nextTick(() => {
+          if (this.$refs.resourceTable) {
+            this.resourceList.forEach(row => {
+              if (this.tempSelectedResources.some(resource => resource.resourceId === row.resourceId)) {
+                this.$refs.resourceTable.toggleRowSelection(row, true);
+              }
+            });
+          }
+        });
+      });
+    },
+    /** 培训资料查询按钮操作 */
+    handleResourceQuery() {
+      this.resourceQueryParams.pageNum = 1;
+      this.getResourceList();
+    },
+    /** 重置培训资料查询 */
+    resetResourceQuery() {
+      this.resourceQueryParams = {
+        pageNum: 1,
+        pageSize: 10,
+        title: undefined
+      };
+      this.handleResourceQuery();
+    },
+    /** 培训资料选择变化 */
+    handleResourceSelectionChange(selection) {
+      this.tempSelectedResources = selection;
+    },
+    /** 确认培训资料选择 */
+    confirmResourceSelection() {
+      // 去重处理
+      const uniqueResources = this.tempSelectedResources.reduce((acc, current) => {
+        const x = acc.find(item => item.resourceId === current.resourceId);
+        if (!x) {
+          return acc.concat([current]);
+        } else {
+          return acc;
+        }
+      }, []);
+      
+      this.selectedResources = uniqueResources;
+      this.form.resourceIds = this.selectedResources.map(resource => resource.resourceId);
+      this.resourceDialogVisible = false;
+      // 获取所有选中资源的已学习记录
+      this.getExistingRecords(this.form.resourceIds);
+    },
+    /** 移除已选培训资料 */
+    removeResource(resourceId) {
+      this.selectedResources = this.selectedResources.filter(resource => resource.resourceId !== resourceId);
+      this.form.resourceIds = this.selectedResources.map(resource => resource.resourceId);
+      // 同时更新临时选中资源
+      this.tempSelectedResources = this.tempSelectedResources.filter(resource => resource.resourceId !== resourceId);
+      // 更新表格选中状态
+      this.$nextTick(() => {
+        if (this.$refs.resourceTable) {
+          this.resourceList.forEach(row => {
+            if (row.resourceId === resourceId) {
+              this.$refs.resourceTable.toggleRowSelection(row, false);
+            }
+          });
+        }
+      });
+      // 重新获取已学习记录
+      this.getExistingRecords(this.form.resourceIds);
+    },
+    /** 显示参培成员选择对话框 */
+    showUserDialog() {
+      this.userDialogVisible = true;
+      this.tempSelectedUsers = [...this.selectedUsers]; // 初始化临时选中用户
+      this.getUserList();
+      // 在下一个tick中设置选中状态
+      this.$nextTick(() => {
+        if (this.$refs.userTable) {
+          this.userList.forEach(row => {
+            if (this.tempSelectedUsers.some(user => user.userId === row.userId)) {
+              this.$refs.userTable.toggleRowSelection(row, true);
+            }
+          });
+        }
+      });
+    },
+    /** 查询用户列表 */
+    getUserList() {
+      this.userLoading = true;
+      listUser(this.userQueryParams).then(response => {
+        this.userList = response.rows;
+        this.userTotal = response.total;
+        this.userLoading = false;
+        // 在数据加载后恢复选中状态
+        this.$nextTick(() => {
+          if (this.$refs.userTable) {
+            this.userList.forEach(row => {
+              if (this.tempSelectedUsers.some(user => user.userId === row.userId)) {
+                this.$refs.userTable.toggleRowSelection(row, true);
+              }
+            });
+          }
+        });
+      });
+    },
+    /** 检查用户是否可选 */
+    checkUserSelectable(row) {
+      return !this.existingUserIds.includes(row.userId);
+    },
+    /** 用户选择变化 */
+    handleUserSelectionChange(selection) {
+      // 更新临时选中用户
+      this.tempSelectedUsers = selection;
+    },
+    /** 确认用户选择 */
+    confirmUserSelection() {
+      // 去重处理
+      const uniqueUsers = this.tempSelectedUsers.reduce((acc, current) => {
+        const x = acc.find(item => item.userId === current.userId);
+        if (!x) {
+          return acc.concat([current]);
+        } else {
+          return acc;
+        }
+      }, []);
+      
+      this.selectedUsers = uniqueUsers;
+      this.form.userIds = this.selectedUsers.map(user => user.userId);
+      this.userDialogVisible = false;
+    },
+    /** 移除已选用户 */
+    removeUser(userId) {
+      this.selectedUsers = this.selectedUsers.filter(user => user.userId !== userId);
+      this.form.userIds = this.selectedUsers.map(user => user.userId);
+      // 同时更新临时选中用户
+      this.tempSelectedUsers = this.tempSelectedUsers.filter(user => user.userId !== userId);
+      // 更新表格选中状态
+      this.$nextTick(() => {
+        if (this.$refs.userTable) {
+          this.userList.forEach(row => {
+            if (row.userId === userId) {
+              this.$refs.userTable.toggleRowSelection(row, false);
+            }
+          });
+        }
+      });
+    },
+    /** 获取已学习记录 */
+    getExistingRecords(resourceIds) {
+      if (!resourceIds || resourceIds.length === 0) return;
+      // 获取所有选中资源的已学习记录
+      const promises = resourceIds.map(resourceId => 
+        listStudy({
+          resourceId,
+          pageSize: 9999,
+          pageNum: 1
+        })
+      );
+      
+      Promise.all(promises).then(responses => {
+        // 合并所有资源的已学习用户ID
+        this.existingUserIds = responses.reduce((acc, response) => {
+          return [...acc, ...response.rows.map(record => record.userId)];
+        }, []);
+        
+        // 过滤掉已存在的用户
+        this.selectedUsers = this.selectedUsers.filter(user => !this.existingUserIds.includes(user.userId));
+        this.form.userIds = this.selectedUsers.map(user => user.userId);
+      });
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.mb8 {
+  margin-bottom: 8px;
+}
+
+.ml10 {
+  margin-left: 10px;
+}
+
+.mt10 {
+  margin-top: 10px;
+}
+
+.mr10 {
+  margin-right: 10px;
+}
+
+.mb10 {
+  margin-bottom: 10px;
+}
+
+.selected-resources,
+.selected-users {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.dialog-footer {
+  margin-top: 20px;
+  text-align: right;
+}
+</style>