新增采购计划表单，新增勘察菜单

oa-back/ruoyi-system/src/main/resources/mapper/oa/CmcProcurePlanMapper.xml

@@ -19,21 +19,21 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
     </resultMap>
 
     <sql id="selectCmcProcurePlanVo">
-        select procure_plan_id, procure_apply_id, name, series, unit, price, num, amount, procure_way, usage, remark from cmc_procure_plan
+        select procure_plan_id, procure_apply_id, `name`, series, unit, price, num, amount, procure_way, `usage`, remark from cmc_procure_plan
     </sql>
 
     <select id="selectCmcProcurePlanList" parameterType="CmcProcurePlan" resultMap="CmcProcurePlanResult">
         <include refid="selectCmcProcurePlanVo"/>
         <where>  
             <if test="procureApplyId != null  and procureApplyId != ''"> and procure_apply_id = #{procureApplyId}</if>
-            <if test="name != null  and name != ''"> and name like concat('%', #{name}, '%')</if>
+            <if test="name != null  and name != ''"> and `name` like concat('%', #{name}, '%')</if>
             <if test="series != null  and series != ''"> and series = #{series}</if>
             <if test="unit != null  and unit != ''"> and unit = #{unit}</if>
             <if test="price != null "> and price = #{price}</if>
             <if test="num != null "> and num = #{num}</if>
             <if test="amount != null "> and amount = #{amount}</if>
             <if test="procureWay != null  and procureWay != ''"> and procure_way = #{procureWay}</if>
-            <if test="usage != null  and usage != ''"> and usage = #{usage}</if>
+            <if test="usage != null  and usage != ''"> and `usage` = #{usage}</if>
         </where>
     </select>
     
@@ -46,14 +46,14 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         insert into cmc_procure_plan
         <trim prefix="(" suffix=")" suffixOverrides=",">
             <if test="procureApplyId != null">procure_apply_id,</if>
-            <if test="name != null">name,</if>
+            <if test="name != null">`name`,</if>
             <if test="series != null">series,</if>
             <if test="unit != null">unit,</if>
             <if test="price != null">price,</if>
             <if test="num != null">num,</if>
             <if test="amount != null">amount,</if>
             <if test="procureWay != null">procure_way,</if>
-            <if test="usage != null">usage,</if>
+            <if test="usage != null">`usage`,</if>
             <if test="remark != null">remark,</if>
          </trim>
         <trim prefix="values (" suffix=")" suffixOverrides=",">
@@ -74,14 +74,14 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         update cmc_procure_plan
         <trim prefix="SET" suffixOverrides=",">
             <if test="procureApplyId != null">procure_apply_id = #{procureApplyId},</if>
-            <if test="name != null">name = #{name},</if>
+            <if test="name != null">`name` = #{name},</if>
             <if test="series != null">series = #{series},</if>
             <if test="unit != null">unit = #{unit},</if>
             <if test="price != null">price = #{price},</if>
             <if test="num != null">num = #{num},</if>
             <if test="amount != null">amount = #{amount},</if>
             <if test="procureWay != null">procure_way = #{procureWay},</if>
-            <if test="usage != null">usage = #{usage},</if>
+            <if test="usage != null">`usage` = #{usage},</if>
             <if test="remark != null">remark = #{remark},</if>
         </trim>
         where procure_plan_id = #{procurePlanId}

oa-ui/src/api/oa/procure/procurePlan.js

@@ -36,9 +36,9 @@ export function updateProcurePlan(data) {
 }
 
 // 删除采购计划
-export function delProcurePlan(procurePlanId) {
+export function delProcurePlan(procureApplyId) {
   return request({
-    url: '/oa/procurePlan/' + procurePlanId,
+    url: '/oa/procurePlan/' + procureApplyId,
     method: 'delete'
   })
 }

oa-ui/src/utils/deleteResource.js

@@ -2,7 +2,7 @@
  * @Author: ysh
  * @Date: 2024-06-13 17:07:59
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-08-16 15:04:21
+ * @LastEditTime: 2024-09-20 13:59:08
  */
 import request from '@/utils/request'
 
@@ -96,6 +96,13 @@ const apiEndpoints = [
       '/oa/declare/:id'
     ]
   },
+  {
+    procDefName: '采购审批',
+    apiUrl: [
+      '/oa/procureApproval/:id',
+      '/oa/procurePlan/:id'
+    ]
+  },
 ]
 
 // 编写一个方法来处理删除请求，并同时发送所有API请求  

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

@@ -2,7 +2,7 @@
  * @Author: ysh
  * @Date: 2024-06-21 18:51:51
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-09-04 09:57:21
+ * @LastEditTime: 2024-09-20 09:49:18
 -->
 <template>
   <div>
@@ -134,7 +134,9 @@ export default {
     },
     getNameList() {
       listDeviceName().then(res => {
-        this.nameList = res.data
+        this.nameList = res.data.filter(function (item) {
+          return item !== null;
+        });
       })
     },
     handleSelectionChange(val) {
@@ -201,7 +203,7 @@ export default {
     formatChooseList() {
       if (this.chooseList.name) {
         return this.chooseList.name + '-' + this.chooseList.series + '-' + this.chooseList.brand
-      }else{
+      } else {
         return null
       }
     }

oa-ui/src/views/flowable/form/components/auditorRow.vue

@@ -34,13 +34,16 @@ export default {
   data() {
     return {
       localSignature: '',
-      loaclSignTime: ''
+      loaclSignTime: '',
+      localSignatureUserId: undefined
     }
   },
   watch: {
     signature(newval) {
-      if (newval)
+      if (newval) {
         this.localSignature = this.getUserName(newval);
+        this.localSignatureUserId = newval;
+      }
     },
     signTime(newval) {
       if (newval)
@@ -50,6 +53,7 @@ export default {
   mounted() {
     if (this.isCurrent) {
       this.localSignature = this.$store.getters.name;
+      this.localSignatureUserId = this.$store.getters.userId;
       this.loaclSignTime = parseTime(new Date(), '{y}-{m}-{d}');
     } else {
       this.localSignature = this.signature;

oa-ui/src/views/flowable/form/components/conditionDisplay.vue

@@ -2,7 +2,7 @@
  * @Author: ysh
  * @Date: 2024-04-23 17:08:16
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-08-16 15:26:43
+ * @LastEditTime: 2024-09-20 16:45:23
 -->
 <template>
   <div>
@@ -34,6 +34,8 @@
     <device-form :key="'device'+taskForm.taskId" :taskForm="taskForm" :taskName="''" :formDisabled="true" v-else-if="taskForm.procDefName == '设备审批'"></device-form>
     <change-form :key="'change'+taskForm.taskId" :taskForm="taskForm" :taskName="''" v-else-if="taskForm.procDefName == '项目变更'"></change-form>
     <declare :key="'work'+taskForm.taskId" :taskForm="taskForm" :taskName="''" :formDisabled="true" v-else-if="taskForm.procDefName == '工作填报'"></declare>
+    <procure-form :key="'procure'+taskForm.taskId"  :taskForm="taskForm" :taskName="''" :isFlow ="true" v-else-if="taskForm.procDefName == '采购审批'"></procure-form>
+    <outsource-form :key="'outsource'+taskForm.taskId"  :taskForm="taskForm" :taskName="''" :isFlow ="true" v-else-if="taskForm.procDefName == '项目委外'"></outsource-form>
   </div>
 </template>
 
@@ -61,8 +63,10 @@ import BrandForm from '../business/brandForm.vue';
 import DepositForm from '../finance/depositForm.vue';
 import DeviceForm from '../oa/deviceForm.vue';
 import changeForm from "../changeForm.vue";
-import workFilling from "../work/declareForm.vue";
-import declare from "../work/declareForm.vue";
+import workFilling from "@/views/flowable/form/work/declareForm.vue";
+import declare from "@/views/flowable/form/work/declareForm.vue";
+import procureForm from "@/views/flowable/form/procure/procureForm.vue";
+import outsourceForm from '@/views/flowable/form/outsource/outsourceForm.vue';
 export default {
   props: {
     passingParam: {
@@ -98,7 +102,9 @@ export default {
     DepositForm,
     DeviceForm,
     changeForm,
-    declare
+    declare,
+    procureForm,
+    outsourceForm
   },
   data() {
     return {

oa-ui/src/views/flowable/form/components/detailDisplay.vue

@@ -46,6 +46,10 @@
       @goBack="goBack"></change-form>
     <declare-form :taskName="taskName" :taskForm="taskForm" v-else-if="taskForm.procDefName == '工作填报'"
       @goBack="goBack"></declare-form>
+    <procure-form :taskName="taskName" :taskForm="taskForm" v-else-if="taskForm.procDefName == '采购审批'"
+      @goBack="goBack"></procure-form>
+    <outsource-form :taskName="taskName" :taskForm="taskForm" v-else-if="taskForm.procDefName == '项目委外'"
+      @goBack="goBack"></outsource-form>
   </div>
 </template>
 
@@ -74,7 +78,9 @@ import archiveForm from '@/views/flowable/form/archiveForm.vue';
 import settleForm from '@/views/flowable/form/settleForm.vue';
 import settleOther from '@/views/flowable/form/settleOther.vue';
 import changeForm from '@/views/flowable/form/changeForm.vue';
-import declareForm from '../work/declareForm.vue';
+import declareForm from '@/views/flowable/form/work/declareForm.vue';
+import procureForm from '@/views/flowable/form/procure/procureForm.vue';
+import outsourceForm from '@/views/flowable/form/outsource/outsourceForm.vue';
 export default {
   components: {
     ScTable,
@@ -101,7 +107,9 @@ export default {
     settleForm,
     settleOther,
     changeForm,
-    declareForm
+    declareForm,
+    procureForm,
+    outsourceForm
   },
   props: {
     taskForm: {
@@ -111,8 +119,8 @@ export default {
       type: String
     }
   },
-  methods:{
-    goBack(){
+  methods: {
+    goBack() {
       this.$emit('goBack')
     }
   }

oa-ui/src/views/flowable/form/outsource/outsourceForm.vue

@@ -0,0 +1,67 @@
+<!--
+ * @Author: ysh
+ * @Date: 2024-09-20 16:09:07
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-09-20 16:46:18
+-->
+<template>
+  <div class="app-container">
+    <el-row :gutter="20">
+      <el-col :span="isFlow ? 18 : 24" :xs="24">
+        <el-form ref="form" :model="form" :rules="rules" label-width="100px" :disabled="taskName == ''">
+          <h2 style="text-align: center;">项目委外审批表</h2>
+        </el-form>
+      </el-col>
+      <el-col :span="6" :xs="24" v-if="isFlow">
+        <el-card>
+          <h2 style="text-align: center;">流程进度</h2>
+          <div>
+            <flow :flowData="flowData" />
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import flow from '@/views/flowable/task/todo/detail/flow';
+import { flowXmlAndNode } from "@/api/flowable/definition";
+export default {
+  components: { flow },
+  props: {
+    taskName: {
+      type: String,
+      required: true
+    },
+    taskForm: {
+      type: Object,
+      required: true
+    },
+    isFlow: {
+      type: Boolean,
+      default: true
+    },
+  },
+  data() {
+    return {
+      flowData:{}
+    }
+  },
+  created() {
+    this.initFlow();
+    // this.initForm();
+  },
+  methods: {
+    initFlow() {
+      if (this.isFlow) {
+        flowXmlAndNode({ procInsId: this.taskForm.procInsId, deployId: this.taskForm.deployId }).then(res => {
+          this.flowData = res.data;
+        })
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped></style>

oa-ui/src/views/flowable/form/procure/plan.vue

@@ -0,0 +1,163 @@
+<template>
+  <div style="width:100%;">
+    <table border="1" style="width:100%">
+      <tr>
+        <td style="width:55px;">序号</td>
+        <td>采购内容</td>
+        <td style="width:50px;" v-if="taskName == '采购申请'|| taskName == '编制计划'">操作</td>
+      </tr>
+      <tr v-for="(item, index) in itemList" :key="index">
+        <td>
+          {{ index + 1 }}
+        </td>
+        <td>
+          <el-descriptions :column="4" border size="mini">
+            <el-descriptions-item label="名称" :span="4">
+              <el-input v-model="item.name"></el-input>
+            </el-descriptions-item>
+            <el-descriptions-item label="规格型号" :span="4">
+              <el-input v-model="item.series"></el-input>
+            </el-descriptions-item>
+            <el-descriptions-item label="单位">
+              <el-input v-model="item.unit" maxlength="5" show-word-limit></el-input>
+            </el-descriptions-item>
+            <el-descriptions-item label="参考单价">
+              <el-input v-model="item.price" @blur="getAmount(item)"></el-input>
+            </el-descriptions-item>
+            <el-descriptions-item label="数量">
+              <el-input v-model="item.num" @blur="getAmount(item)"></el-input>
+            </el-descriptions-item>
+            <el-descriptions-item label="总价">
+              <el-input v-model="item.amount"></el-input>
+            </el-descriptions-item>
+            <el-descriptions-item label="购买方式">
+              <el-input v-model="item.procureWay" maxlength="5" show-word-limit></el-input>
+            </el-descriptions-item>
+            <el-descriptions-item label="用途">
+              <el-input type="textarea" v-model="item.usage" maxlength="10" show-word-limit></el-input>
+            </el-descriptions-item>
+            <el-descriptions-item label="备注" :span="3">
+              <el-input type="textarea" v-model="item.remark"></el-input>
+            </el-descriptions-item>
+          </el-descriptions>
+        </td>
+        <td v-if="taskName == '采购申请' || taskName == '编制计划'">
+          <div class="delete-btn" @click="deleItem(index)">
+            <i class="el-icon-circle-close"></i>
+          </div>
+        </td>
+      </tr>
+    </table>
+    <el-button @click="addItem" icon="el-icon-plus" type="primary" size="mini"></el-button>
+  </div>
+</template>
+
+<script>
+import { listProcurePlan, getProcurePlan, addProcurePlan, updateProcurePlan, delProcurePlan } from "@/api/oa/procure/procurePlan";
+export default {
+  props: {
+    procureApplyId: {
+      type: String,
+      default: ''
+    },
+    taskName: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      itemList: [],
+      formTotal: 0
+    }
+  },
+  created() {
+    this.initList()
+  },
+  methods: {
+    initList() {
+      const queryParams = {
+        pageSize: 999,
+        procureApplyId: this.procureApplyId
+      }
+      listProcurePlan(queryParams).then(res => {
+        if (res.total != 0) {
+          this.formTotal = 1
+          this.itemList = res.rows;
+        } else {
+          this.itemList = [{
+            name: '',
+            series: '',
+            unit: '',
+            price: 0,
+            num: 1,
+            amount: 0,
+            procureWay: '',
+            usage: '',
+            remark: ''
+          }]
+        }
+      })
+    },
+    getAmount(item) {
+      const price = Number(item.price);
+      const num = Number(item.num);
+      if (!isNaN(price) && !isNaN(num)) {
+        // 计算总价  
+        const amount = price * num;
+        this.$set(item, 'amount', amount)
+      }
+    },
+    addItem() {
+      this.itemList.push({
+        name: '',
+        series: '',
+        unit: '',
+        price: 0,
+        num: 1,
+        amount: 0,
+        procureWay: '',
+        usage: '',
+        remark: ''
+      })
+    },
+    deleItem(index) {
+      let arr = this.itemList;
+      if (arr.length == 1) {
+        return;
+      }
+      if (index >= 0 && index < arr.length) {
+        arr.splice(index, 1);
+      }
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/styles/element-reset.scss";
+
+table {
+  /*边框*/
+  /* border: 1px solid black; */
+  text-align: center;
+  border-collapse: collapse;
+  border: 1px solid #a5abb0;
+
+  /*设置背景颜色*/
+  /* background-color: #bfa; */
+  td {
+    padding: 5px;
+    font-size: 14px;
+  }
+}
+
+.delete-btn {
+  color: #F56C6C;
+  cursor: pointer;
+
+  i {
+    font-size: 25px;
+  }
+}
+</style>

oa-ui/src/views/flowable/form/procure/procureForm.vue

@@ -0,0 +1,256 @@
+<!--
+ * @Author: ysh
+ * @Date: 2024-09-19 13:45:43
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-09-20 15:05:52
+-->
+<template>
+  <div class="app-container">
+    <el-row :gutter="20">
+      <el-col :span="isFlow ? 18 : 24" :xs="24">
+        <el-form ref="form" :model="form" :rules="rules" label-width="100px" :disabled="taskName == ''">
+          <h2 style="text-align: center;">采购申请表</h2>
+          <el-row :gutter="20">
+            <el-col :span="7" :xs="24">
+              <el-form-item label="申请人：" prop="applier">
+                {{ getUserName(form.applier) }}
+              </el-form-item>
+            </el-col>
+            <el-col :span="7" :xs="24">
+              <el-form-item label="申请部门：" prop="applyDept">
+                {{ getDeptName(form.applyDept) }}
+              </el-form-item>
+            </el-col>
+            <el-col :span="7" :xs="24">
+              <el-form-item label="申请时间：" prop="date">
+                {{ form.applyTime }}
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-form-item label="购置说明：" prop="applyReason">
+            <el-input type="textarea" v-model="form.applyReason" :autosize="{ minRows: 4 }"
+              :disabled="taskName != '采购申请'"></el-input>
+          </el-form-item>
+          <el-form-item label="采购计划表：">
+            <plan ref="planRef" :procureApplyId="form.procureApplyId" :taskName="taskName"></plan>
+          </el-form-item>
+          <el-form-item label="分管审核意见：" prop="managerComment" label-width="130px">
+            <el-input type="textarea" v-model="form.managerComment" :autosize="{ minRows: 4 }"
+              :disabled="taskName != '分管审核'"></el-input>
+            <auditor-row ref="fgRef" :isCurrent="taskName == '分管审核'"
+              :signature="form.managerUserId ? form.managerUserId : null"
+              :signTime="form.managerTime"></auditor-row>
+          </el-form-item>
+          <el-form-item label="总经理审批意见：" prop="zjlComment" label-width="130px">
+            <el-input type="textarea" v-model="form.zjlComment" :autosize="{ minRows: 4 }"
+              :disabled="taskName != '总经理审批'"></el-input>
+            <auditor-row ref="zjlRef" :isCurrent="taskName == '总经理审批'"
+              :signature="form.zjlUserId ? form.zjlUserId : null" :signTime="form.zjlTime"></auditor-row>
+          </el-form-item>
+        </el-form>
+        <el-row style="text-align: center;" v-if="taskName != ''">
+          <el-button type="warning" @click="saves()">保存</el-button>
+          <el-button type="primary" @click="completeApply()">提交</el-button>
+        </el-row>
+      </el-col>
+      <el-col :span="6" :xs="24" v-if="isFlow">
+        <el-card>
+          <h2 style="text-align: center;">流程进度</h2>
+          <div>
+            <flow :flowData="flowData" />
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-dialog title="选择下个流程审批人" :visible.sync="completeOpen" width="60%" append-to-body>
+      <el-form ref="taskForm" :model="taskForm">
+        <el-form-item prop="targetKey">
+          <flow-user v-if="checkSendUser" :checkType="checkType" @handleUserSelect="handleUserSelect"></flow-user>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="completeOpen = false">取 消</el-button>
+        <el-button type="primary" @click="taskComplete()">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import flow from '@/views/flowable/task/todo/detail/flow';
+import { flowXmlAndNode } from "@/api/flowable/definition";
+import { parseTime } from "@/utils/ruoyi";
+import { complete, rejectTask, returnList, returnTask, getNextFlowNode, delegate, flowTaskForm, } from "@/api/flowable/todo";
+import { getUsersDeptLeaderByDept, getUsersManageLeaderByDept, getUserByPost } from '@/api/system/post'
+import { listProcureApproval, getProcureApproval, addProcureApproval, updateProcureApproval, delProcureApproval } from "@/api/oa/procure/procureApproval";
+import { listProcurePlan, getProcurePlan, addProcurePlan, updateProcurePlan, delProcurePlan } from "@/api/oa/procure/procurePlan";
+import plan from './plan.vue'
+import AuditorRow from '../components/auditorRow.vue';
+import FlowUser from '@/components/flow/User';
+export default {
+  components: { flow, FlowUser, plan, AuditorRow },
+  props: {
+    taskName: {
+      type: String,
+      required: true
+    },
+    taskForm: {
+      type: Object,
+      required: true
+    },
+    isFlow: {
+      type: Boolean,
+      default: true
+    },
+  },
+  created() {
+    this.initFlow();
+    this.initForm();
+  },
+  data() {
+    return {
+      flowData: {},
+      form: {
+        deptId: undefined,
+        applyTime: undefined,
+        applier: undefined,
+      },
+      rules: {
+        applyReason: [
+          { required: true, message: '请输入购置说明', trigger: 'blur' }
+        ]
+      },
+      formTotal: 0,
+      checkSendUser: false,
+      completeOpen: false,
+      completeTitle: '',
+      checkType: 'single',
+    }
+  },
+  methods: {
+    initFlow() {
+      if (this.isFlow) {
+        flowXmlAndNode({ procInsId: this.taskForm.procInsId, deployId: this.taskForm.deployId }).then(res => {
+          this.flowData = res.data;
+        })
+      }
+    },
+    initForm() {
+      const formId = this.taskForm.formId;
+      getProcureApproval(formId).then(res => {
+        if (res.data) {
+          this.formTotal = 1
+          this.form = res.data
+        } else {
+        }
+        if (this.taskName == '采购申请') {
+          this.form.applier = this.$store.getters.userId;
+          this.form.applyDept = this.$store.getters.deptId;
+          this.form.applyTime = parseTime(new Date(), "{y}-{m}-{d}")
+        } else if (this.taskName == '分管审核') {
+          this.rules = {
+            managerComment: [
+              { required: true, message: '请输入审核意见', trigger: 'blur' }
+            ]
+          }
+        } else if (this.taskName == '总经理审批') {
+          this.rules = {
+            zjlComment: [
+              { required: true, message: '请输入审核意见', trigger: 'blur' }
+            ]
+          }
+        }
+      })
+    },
+    // 保存表单
+    async saves() {
+      if (this.formTotal) {
+        if (this.taskName == '分管审核') {
+          this.form.managerUserId = this.$refs.fgRef.localSignatureUserId;
+          this.form.managerTime = this.$refs.fgRef.loaclSignTime;
+        } else if (this.taskName == '总经理审批') {
+          this.form.zjlUserId = this.$refs.zjlRef.localSignatureUserId;
+          this.form.zjlTime = this.$refs.zjlRef.loaclSignTime;
+        }
+        await updateProcureApproval(this.form)
+      } else {
+        this.form.procureApplyId = this.taskForm.formId
+        await addProcureApproval(this.form)
+      }
+      this.savePlan();
+      this.$message.success('保存成功')
+    },
+    // 保存采购计划
+    async savePlan() {
+      const planList = this.$refs.planRef.itemList;
+      const isAdd = this.$refs.planRef.formTotal;
+      const procureApplyId = this.taskForm.formId;
+      if (isAdd)
+        await delProcurePlan(procureApplyId)
+      for (let plan of planList) {
+        plan.procureApplyId = procureApplyId
+        await addProcurePlan(plan)
+      }
+    },
+    completeApply() {
+      const params = { taskId: this.taskForm.taskId };
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+          this.saves();
+          getNextFlowNode(params).then(async res => {
+            if (this.taskName == '采购申请') {
+              this.checkSendUser = true;
+              this.completeOpen = true;
+            } else if (this.taskName == '编制计划') {
+              let managerList = []
+              let result = await getUsersManageLeaderByDept({ deptId: this.form.applyDept });
+              result.data.forEach(element => {
+                managerList.push(element.userId)
+              });
+              this.$set(this.taskForm.variables, "approvalList", managerList);
+              this.successComplete();
+            } else if (this.taskName == '分管审核') {
+              let result = await getUserByPost({ postName: '总经理' })
+              this.$set(this.taskForm.variables, "approval", result.data[0].userId);
+              this.successComplete();
+            } else if (this.taskName == '总经理审批') {
+              this.successComplete();
+            }
+          })
+        } else {
+          this.$message.error('请完善必填项')
+        }
+      })
+    },
+    successComplete() {
+      complete(this.taskForm).then(response => {
+        this.$modal.msgSuccess(response.msg);
+        this.$emit('goBack')
+      })
+    },
+    // 用户信息选中数据
+    handleUserSelect(selection) {
+      if (selection) {
+        //不多选
+        this.$set(this.taskForm.variables, "approval", selection.userId.toString());
+      }
+    },
+    /** 用户审批任务 */
+    taskComplete() {
+      if (!this.taskForm.variables && this.checkSendUser) {
+        this.$modal.msgError("请选择流程接收人员!");
+        return;
+      }
+      if (this.taskForm) {
+        this.successComplete();
+      }
+    },
+  },
+
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/styles/element-reset.scss";
+</style>

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

@@ -2,7 +2,7 @@
  * @Author: ysh
  * @Date: 2024-01-03 09:23:11
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-08-16 09:18:46
+ * @LastEditTime: 2024-09-19 13:44:13
 -->
 <template>
   <div class="app-container">
@@ -477,15 +477,16 @@ export default {
     },
     // 是否显示审批通过
     isShowApprove() {
-      if (this.taskName == '员工填报' || this.taskForm.procDefName == '用车审批' || this.taskForm.procDefName == '设备审批' || this.taskForm.procDefName == '项目流转'
-        || (this.taskForm.procDefName == '项目预算' && this.taskName != '预算审核') || this.taskForm.procDefName == '借款审批' || this.taskForm.procDefName == '安全交底' ||
-        this.taskForm.procDefName == '技术交底' || this.taskForm.procDefName == '技术方案' || this.taskForm.procDefName == '承接合同评审' || this.taskForm.procDefName == '分包合同评审'
-        || this.taskForm.procDefName == '品牌项目支付' || this.taskForm.procDefName == '保证金审批' || this.taskForm.procDefName == '成果归档' || this.taskForm.procDefName == '项目结算'
-        || this.taskForm.procDefName == '项目变更' || this.taskForm.procDefName == '其他结算' ||this.taskForm.procDefName == '工作填报') {
-        return false
-      } else {
-        return true
-      }
+      return false
+      // if (this.taskName == '员工填报' || this.taskForm.procDefName == '用车审批' || this.taskForm.procDefName == '设备审批' || this.taskForm.procDefName == '项目流转'
+      //   || (this.taskForm.procDefName == '项目预算' && this.taskName != '预算审核') || this.taskForm.procDefName == '借款审批' || this.taskForm.procDefName == '安全交底' ||
+      //   this.taskForm.procDefName == '技术交底' || this.taskForm.procDefName == '技术方案' || this.taskForm.procDefName == '承接合同评审' || this.taskForm.procDefName == '分包合同评审'
+      //   || this.taskForm.procDefName == '品牌项目支付' || this.taskForm.procDefName == '保证金审批' || this.taskForm.procDefName == '成果归档' || this.taskForm.procDefName == '项目结算'
+      //   || this.taskForm.procDefName == '项目变更' || this.taskForm.procDefName == '其他结算' ||this.taskForm.procDefName == '工作填报') {
+      //   return false
+      // } else {
+      //   return true
+      // }
     }
   },
 };

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

@@ -2,7 +2,7 @@
  * @Author: ysh
  * @Date: 2024-02-27 14:49:15
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-09-13 16:26:08
+ * @LastEditTime: 2024-09-20 16:56:04
 -->
 <template>
   <div class="project-wrapper">
@@ -70,7 +70,7 @@
     <!-- 项目列表 -->
     <el-card style="margin-top: 20px;">
       <div slot="header" class="card-header">
-        <div style="font-weight: bold;font-size: 20px;">项目列表</div>
+        <div style="font-weight: bold;font-size: 20px;">测绘项目列表</div>
         <div>
           <el-button style="float: right;margin-right: 10px;" type="success" size="mini" icon="el-icon-plus"
             @click="handleRegister">登记项目</el-button>

oa-ui/src/views/oa/project/invest.vue

@@ -0,0 +1,617 @@
+<!--
+ * @Author: ysh
+ * @Date: 2024-02-27 14:49:15
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-09-20 16:55:07
+-->
+<template>
+  <div class="project-wrapper">
+    <!-- 搜索栏 -->
+    <el-row>
+      <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="88px">
+        <el-form-item label="项目编号" prop="projectNumber">
+          <el-input v-model="queryParams.projectNumber" placeholder="请输入项目编号" clearable
+            @keyup.enter.native="handleQuery" />
+        </el-form-item>
+        <el-form-item label="项目名称" prop="projectName">
+          <el-input v-model="queryParams.projectName" placeholder="请输入项目名称" clearable
+            @keyup.enter.native="handleQuery" />
+        </el-form-item>
+        <el-form-item label="项目负责人" prop="projectLeader">
+          <el-select v-model="queryParams.projectLeader" clearable filterable placeholder="请输入项目负责人" size="large"
+            style="width: 240px" @keyup.enter.native="handleQuery">
+            <el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="状态" prop="isFinished">
+          <el-select v-model="queryParams.isFinished" clearable>
+            <el-option label="进行中" value="0"></el-option>
+            <el-option label="已结束" value="1"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+        </el-form-item>
+      </el-form>
+    </el-row>
+    <!-- 项目统计 -->
+    <!-- <el-row>
+      <el-col>
+        <el-row :gutter="20">
+          <el-col :span="8" :xs="24">
+            <div class="static-box">
+              <div class="title">今年项目数量</div>
+              <div class="box-content">
+                <div class="box-left">
+                  <div class="number">48</div>
+                </div>
+                <dir class="box-right">
+                  <div style="display: flex;">
+                    <div>院内</div>
+                    <div class="progress"><el-progress :percentage="100" :stroke-width="14"></el-progress></div>
+                  </div>
+                  <div style="display: flex;" class="mt10">
+                    <div>院外</div>
+                    <div class="progress"><el-progress :percentage="100" :stroke-width="14"></el-progress></div>
+                  </div>
+                </dir>
+              </div>
+            </div>
+          </el-col>
+          <el-col :span="8" :xs="24">
+
+          </el-col>
+          <el-col :span="8" :xs="24">
+
+          </el-col>
+        </el-row>
+      </el-col>
+    </el-row> -->
+    <!-- 项目列表 -->
+    <el-card style="margin-top: 20px;">
+      <div slot="header" class="card-header">
+        <div style="font-weight: bold;font-size: 20px;">勘察项目列表</div>
+        <div>
+          <el-button style="float: right;margin-right: 10px;" type="success" size="mini" icon="el-icon-plus"
+            @click="handleRegister">登记项目</el-button>
+          <el-button style="float: right;margin-right: 10px;" type="warning" size="mini" icon="el-icon-download"
+            @click="handleExport">导出项目</el-button>
+        </div>
+      </div>
+      <el-table v-loading="loading" :data="projectList" style="margin-top: 30px;">
+        <el-table-column type="index" width="50">
+        </el-table-column>
+        <el-table-column prop="isFinshed" align="center" label="状态" width="90px">
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.isFinished === '0' ? 'success' : 'warning'" disable-transitions>
+              {{ scope.row.isFinished == '0' ? '进行中' : '已结束' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="percentage" align="center" label="生产进度" width="120px">
+          <template slot-scope="scope">
+            <el-progress :text-inside="true" :stroke-width="26" :status="formatStatus(scope.row.percentage)"
+              :percentage="scope.row.percentage" text-color="#fff"></el-progress>
+          </template>
+        </el-table-column>
+        <el-table-column label="项目编号" align="center" key="projectNumber" prop="projectNumber" width="120px" />
+        <el-table-column label="项目名称" align="center" key="projectName" prop="projectName" />
+        <el-table-column label="承担部门" align="center" key="undertakingDeptName" prop="undertakingDeptName" />
+        <el-table-column label="项目负责人" align="center" key="projectLeaderName" prop="projectLeaderUser.nickName"
+          width="120px" />
+        <el-table-column label="项目级别" align="center" key="projectLevel" prop="projectLevel" width="120px">
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.projectLevel ? (scope.row.projectLevel === '0' ? 'info' : 'danger') : 'info'"
+              disable-transitions>
+              {{ scope.row.projectLevel ? (scope.row.projectLevel == '0' ? '一般项目' : '重大项目') : '一般项目' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="项目类型" align="center" key="projectType" prop="projectType" width="120px" />
+        <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
+          <template slot-scope="scope" v-if="scope.row.userId !== 1">
+            <el-button size="mini" type="text" icon="el-icon-view" @click="handleView(scope.row)"
+              v-hasPermi="['oa:project:query']">查看</el-button>
+            <!-- <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
+              v-hasPermi="['oa:project:edit']">修改</el-button> -->
+            <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
+              v-hasPermi="['oa:project:remove']">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+        :autoScroll="false" @pagination="getList" />
+    </el-card>
+    <!-- 新建项目 -->
+    <el-dialog :title="title" :visible.sync="addOpen" append-to-body>
+      <el-form :model="addForm" :rules="rules" label-width="100px">
+        <el-form-item label="项目编号：" prop="projectNumber">
+          <el-input v-model="addForm.projectNumber"></el-input>
+        </el-form-item>
+        <el-form-item label="项目名称：" prop="projectName">
+          <el-input v-model="addForm.projectName"></el-input>
+        </el-form-item>
+        <el-form-item label="项目负责人：" prop="projectLeader">
+          <el-tag effect="plain" type="warning" style="margin-right: 10px;"
+            v-if="addForm.projectLeaderName != undefined">{{
+        addForm.projectLeaderName }}</el-tag>
+          <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="choosePeople">选择</el-button>
+        </el-form-item>
+        <el-form-item label="项目类型：" prop="projectType">
+          <el-input v-model="addForm.projectType"></el-input>
+        </el-form-item>
+        <el-form-item label="项目级别：" prop="projectLevel">
+          <el-radio v-model="addForm.projectLevel" label="0">一般项目</el-radio>
+          <el-radio v-model="addForm.projectLevel" label="1">重大项目</el-radio>
+        </el-form-item>
+        <el-form-item label="项目来源：" prop="projectSource">
+          <el-radio v-model="addForm.projectSource" label="0">院内</el-radio>
+          <el-radio v-model="addForm.projectSource" label="1">院外</el-radio>
+        </el-form-item>
+        <el-form-item label="甲方单位：" prop="partyA">
+          <el-input v-model="addForm.partyA"></el-input>
+        </el-form-item>
+        <el-form-item label="联系人：" prop="contactPerson">
+          <el-input v-model="addForm.contactPerson"></el-input>
+        </el-form-item>
+        <el-form-item label="联系电话：" prop="telephone">
+          <el-input v-model="addForm.telephone"></el-input>
+        </el-form-item>
+        <el-form-item label="项目概况：" prop="projectRegistrant">
+          <table border="1">
+            <tr>
+              <td style="width:250px;">工作内容</td>
+              <td>等级或比例尺</td>
+              <td>单位</td>
+              <td>工作量</td>
+              <td style="width:100px;">要求完成时间</td>
+              <td>备注</td>
+            </tr>
+            <tr v-for="(work, index) in workList" :key="index">
+              <td>
+                <el-input v-model="work.content" type="textarea" autosize clearable></el-input>
+              </td>
+              <td>
+                <el-input v-model="work.scale" clearable></el-input>
+              </td>
+              <td>
+                <el-input v-model="work.unit" clearable></el-input>
+              </td>
+              <td>
+                <el-input v-model="work.workload" clearable></el-input>
+              </td>
+              <td>
+                <el-date-picker style="width:140px;" v-model="work.deadline" value-format="yyyy-MM-dd" type="date"
+                  placeholder="选择日期">
+                </el-date-picker>
+              </td>
+              <td>
+                <el-input v-model="work.remark" type="textarea" autosize clearable></el-input>
+              </td>
+              <td>
+                <el-button type="danger" icon="el-icon-minus" size="mini" circle
+                  @click="deletWorkItem(index)"></el-button>
+              </td>
+            </tr>
+          </table>
+
+          <el-button icon="el-icon-plus" size="mini" @click="addWorkList"></el-button>
+        </el-form-item>
+        <el-form-item label="项目登记人：" prop="projectRegistrant">
+          <el-input v-model="addForm.projectRegistrant"></el-input>
+        </el-form-item>
+        <el-form-item label="备注：" prop="projectRegistrant">
+          <el-input v-model="addForm.remark" type="textarea" rows="3"></el-input>
+        </el-form-item>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer" style="text-align: center;">
+        <el-button type="primary" @click="confirmAddForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+      <!-- 人员选择对话框 -->
+      <el-dialog width="30%" title="选择项目负责人" :visible.sync="peopleVisible" append-to-body>
+        <el-form>
+          <el-form-item label="部门：">
+            <el-select v-model="peopleForm.deptId" @change="handleChangeDept">
+              <el-option v-for="item in peopleForm.deptList" :key="item.deptId" :label="item.deptName"
+                :value="item.deptId" v-if="item.deptName != '四川中水成勘院测绘工程有限责任公司'">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="人员：">
+            <el-select v-model="peopleForm.userId">
+              <el-option v-for="item in peopleForm.userList" :key="item.userId" :label="item.nickName"
+                :value="item.userId">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button @click="confirmPeople" type="primary">确定</el-button>
+            <el-button @click="cancelChoosePeople">取消</el-button>
+          </el-form-item>
+        </el-form>
+      </el-dialog>
+
+      <!-- 修改项目 -->
+      <el-dialog :title="title" :visible.sync="modifyOpen">
+
+      </el-dialog>
+
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listInvestProject, submitProject, modifyProject, delProject } from "@/api/oa/project/project";
+import { listProjectProgress, getProjectProgress } from "@/api/oa/project/projectProgress";
+import { listDept } from '@/api/system/dept';
+import { listUser, getUser } from '@/api/system/user';
+import { mapGetters } from 'vuex';
+import { checkPermi } from '@/utils/permission';
+import { listDefinition } from "@/api/flowable/definition";
+import { definitionStart, flowXmlAndNode } from "@/api/flowable/definition";
+import { todoList, getNextFlowNodeByStart } from "@/api/flowable/todo";
+import { Snowflake } from '@/utils/snowFlake.js'
+
+export default {
+  name: 'Invest',
+  computed: {
+    ...mapGetters(['deptId', 'userId'])
+  },
+  data() {
+    return {
+      userList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        projectNumber: '',
+        projectLeader: undefined,
+        projectName: '',
+      },
+      projectList: [],
+      total: 0,
+      loading: true,
+      addOpen: false,
+      modifyOpen: false,
+      title: '',
+      addForm: {},
+      rules: {
+        projectNumber: [{ required: true, message: '请输入项目编号', trigger: 'blur' }],
+        projectName: [{ required: true, message: '请输入项目名称', trigger: 'blur' }]
+      },
+      peopleVisible: false,
+      peopleForm: {
+        deptId: '',
+        deptList: [],
+        userId: '',
+        userList: []
+      },
+      workList: [{
+        content: '',
+        scale: '',
+        unit: '',
+        workload: '',
+        deadline: '',
+        remark: ''
+      }],
+    }
+  },
+  created() {
+    this.getList();
+    this.getDeptList();
+    this.getUserList();
+  },
+  methods: {
+    // 查询项目列表
+    async getList() {
+      this.loading = true
+      if (this.deptId > 106 && this.deptId != 109) {
+        let response = await checkPermi(['oa:allproject:query'])
+        if (response == false) {
+          this.queryParams.undertakingDept = this.deptId
+        }
+      }
+      listInvestProject(this.queryParams).then(response => {
+        this.projectList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+        for (let project of this.projectList) {
+          getProjectProgress(project.projectId).then(res => {
+            if (res.data) {
+              let len = res.data.length
+              if (len != 0) {
+                this.$set(project, 'percentage', Number(res.data[len - 1].percentage))
+              } else {
+                this.$set(project, 'percentage', 0)
+              }
+              if (project.isFinished == '1') {
+                this.$set(project, 'percentage', 100)
+              }
+            }
+          })
+        }
+      })
+    },
+    getDeptList() {
+      listDept({
+        deptName: undefined,
+        status: undefined
+      }).then(res => {
+        this.peopleForm.deptList = res.data
+      })
+    },
+    getUserList() {
+      listUser({ pageNum: 1, pageSize: 9999 }).then(res => {
+        this.userList = res.rows
+      })
+    },
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    handleAdd() {
+      this.title = '新增项目'
+      this.addOpen = true
+    },
+    handleView(row) {
+      let id = row.projectId
+      this.$router.push({
+        path: '/project/info',
+        query: { projectId: id }
+      })
+    },
+    handleUpdate(row) {
+      this.addForm = row;
+      this.title = '修改项目信息';
+      this.addOpen = true;
+    },
+    handleDelete(row) {
+      const projectIds = row.projectId || this.ids;
+      const projectNumbers = row.projectNumber || this.ids;
+      this.$modal.confirm('是否确认删除项目编号为"' + projectNumbers + '"的数据项？').then(function () {
+        return delProject(projectIds);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => { });
+    },
+    confirmAddForm() {
+      this.addForm.workList = this.workList;
+      let formData = new FormData();
+      let form = JSON.stringify(this.addForm);
+      formData.append("form", form);
+      if (this.title == '新增项目')
+        submitProject(formData).then(response => {
+          this.$modal.msgSuccess("新增成功");
+          this.addOpen = false;
+          this.getList();
+        });
+      else
+        modifyProject(formData).then(response => {
+          this.$modal.msgSuccess("修改成功");
+          this.addOpen = false;
+          this.getList();
+        });
+    },
+    // 人员选择
+    choosePeople() {
+      this.peopleVisible = true;
+    },
+    // 改变部门选择
+    handleChangeDept(deptId) {
+      this.peopleForm.userId = '';
+      listUser({ pageSize: 999999, deptId }).then(res => {
+        this.peopleForm.userList = res.rows
+      })
+    },
+    // 确定项目负责人
+    confirmPeople() {
+      this.addForm.projectLeader = this.peopleForm.userId;
+      this.addForm.projectLeaderName = this.tagLeader()
+      this.peopleVisible = false
+    },
+    tagLeader() {
+      if (this.addForm.projectLeader == '' || this.addForm.projectLeader == undefined || this.addForm.projectLeader == null) {
+        return undefined
+      } else {
+        for (let user of this.peopleForm.userList) {
+          if (this.addForm.projectLeader == user.userId) {
+            return user.nickName
+          }
+        }
+      }
+    },
+    cancel() {
+      this.peopleForm.deptId = '';
+      this.peopleForm.userId = '';
+      this.addOpen = false;
+      this.addForm = {}
+    },
+    addWorkList() {
+      this.workList.push({
+        content: '',
+        scale: '',
+        unit: '',
+        workload: '',
+        deadline: '',
+        remark: ''
+      });
+    },
+    deletWorkItem(index) {
+      let arr = this.workList
+      if (arr.length == 1) {
+        return
+      }
+      if (index >= 0 && index < arr.length) {
+        arr.splice(index, 1);
+      }
+    },
+    cancelChoosePeople() {
+      this.peopleForm.deptId = '';
+      this.peopleForm.userId = '';
+      this.peopleVisible = false;
+    },
+    formatStatus(row) {
+      if (row <= 20) {
+        return 'exception'
+      } else if (row > 20 && row <= 50) {
+        return 'warning'
+      } else if (row > 50 && row <= 80) {
+        return ''
+      } else {
+        return 'success'
+      }
+    },
+    async handleRegister() {
+      let response = await listDefinition({
+        pageNum: 1,
+        pageSize: 9999,
+        name: "项目流转",
+        category: "project",
+      })
+      if (response.data.total == 1) {
+        let obj = response.data.records[0]
+        this.$confirm("是否发起项目流转？", '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.handleStartProcess(obj)
+        }).catch(() => { });
+      }
+    },
+    handleExport() {
+      this.queryParams.pageSize = 99999
+      this.download('oa/project/export', {
+        ...this.queryParams
+      }, `project_${new Date().getTime()}.xlsx`).then(() => {
+        this.queryParams.pageSize = 10
+      })
+    },
+    handleStartProcess(row) {
+      let formId = new Snowflake(1n, 1n, 0n).nextId().toString();
+      getNextFlowNodeByStart({ deploymentId: row.deploymentId, variables: { formId: formId } }).then(res => {
+        let data = res.data;
+        const variables = {};
+        const formData = {};
+        formData.disabled = true;
+        formData.formBtns = false;
+        formData.formId = formId
+        if (row.id) {
+          variables.variables = formData;
+          let routePath = this.getRoutePath(row);
+          definitionStart(row.id, JSON.stringify(variables)).then(res => {
+            this.$modal.msgSuccess(res.msg);
+            let procInstanceId = res.data;
+            todoList({
+              pageNum: 1,
+              pageSize: 99999999, processInsId: procInstanceId
+            }).then(toDoRes => {
+              let records = toDoRes.data.records;
+              if (records.length == 1) {
+                records = records[0]
+              }
+              this.$router.push({
+                path: routePath,
+                query: {
+                  procInsId: records.procInsId,
+                  executionId: records.executionId,
+                  deployId: records.deployId,
+                  taskId: records.taskId,
+                  taskName: records.taskName,
+                  startUser: records.startUserName + '-' + records.startDeptName,
+                  formId: formData.formId,
+                  procDefName: records.procDefName
+                }
+              })
+            })
+          })
+        }
+      })
+    },
+    getRoutePath(row) {
+      let path;
+      for (let p of this.publicData.pathRoute) {
+        if (p.name == row.name) {
+          path = p.path
+          break
+        } else {
+          path = '/flowable/task/todo/detail/index'
+        }
+      }
+      return path
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.project-wrapper {
+  padding: 25px;
+  background-color: #f5f5f5;
+}
+
+.table-header {
+  background-color: #f5f5f5;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 10px;
+}
+
+table {
+  /*居中*/
+  margin: 0 auto;
+  /*边框*/
+  /* border: 1px solid black; */
+  text-align: center;
+  border-collapse: collapse;
+  /*设置背景颜色*/
+  /* background-color: #bfa; */
+}
+
+.static-box {
+  width: 100%;
+  height: 120px;
+  background-color: #fff;
+  border-radius: 6px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+
+  .title {
+    padding-left: 30px;
+    padding-top: 10px;
+    font-size: 18px;
+  }
+
+  .box-content {
+    display: flex;
+
+    .box-left {
+      padding: 10px;
+
+      .number {
+        padding-left: 20px;
+        font-size: 36px;
+        font-family: Arial, Helvetica, sans-serif;
+        line-height: 70px;
+        min-width: 100px;
+      }
+    }
+
+    .box-right {
+      flex: 1;
+      padding: 0 10px;
+
+      .progress {
+        flex: 1;
+        padding-left: 10px;
+      }
+    }
+  }
+
+}
+</style>