sc

package.json

@@ -51,7 +51,7 @@
     "diagram-js": "^11.6.0",
     "echarts": "^5.4.2",
     "echarts-wordcloud": "^2.1.0",
-    "element-plus": "2.3.4",
+    "element-plus": "2.9.4",
     "fast-xml-parser": "^4.2.2",
     "highlight.js": "^11.8.0",
     "intro.js": "^7.0.1",

src/api/okr/okr.js

@@ -0,0 +1,65 @@
+import request from '@/config/axios'
+
+// 创建
+export const createOkrNode = (data) => {
+  return request.post({
+    url: '/admin-api/okr/node/add',
+    data,
+    isSubmitForm: true,
+    headers: { 'instance-id': 1016 }
+  })
+}
+
+// 修改
+export const updateOkrNode = (data) => {
+  return request.put({
+    url: '/admin-api/okr/node/update',
+    data,
+    headers: { 'instance-id': 1016 }
+  })
+}
+
+// 查询详情
+export const getOkrNodeDetail = (nodeId) => {
+  return request.get({
+    url: '/admin-api/okr/node/get',
+    params: { nodeId },
+    headers: { 'instance-id': 1016 }
+  })
+}
+
+// 我负责的 - 节点树
+export const getMyNodeTree = (params) => {
+  return request.get({
+    url: '/admin-api/okr/node/my/list',
+    params,
+    headers: { 'instance-id': 1016 }
+  })
+}
+
+// 我负责的 - okr列表
+export const getMyOkrPage = (params) => {
+  return request.get({
+    url: '/admin-api/okr/node/my/object/list',
+    params,
+    headers: { 'instance-id': 1016 }
+  })
+}
+
+// 全部目标 - 节点树
+export const getAllNodeTree = (params) => {
+  return request.get({
+    url: '/admin-api/okr/node/all/list',
+    params,
+    headers: { 'instance-id': 1016 }
+  })
+}
+
+// 全部目标 - okr列表
+export const getAllOkrPage = (params) => {
+  return request.get({
+    url: '/admin-api/okr/node/all/object/list',
+    params,
+    headers: { 'instance-id': 1016 }
+  })
+}

src/components/Crontab/src/Crontab.vue

@@ -542,10 +542,10 @@ const submit = () => {
           <el-form>
             <el-form-item label="类型">
               <el-radio-group v-model="cronValue.second.type">
-                <el-radio-button label="0">任意值</el-radio-button>
+                <el-radio-button value="0">任意值</el-radio-button>
-                <el-radio-button label="1">范围</el-radio-button>
+                <el-radio-button value="1">范围</el-radio-button>
-                <el-radio-button label="2">间隔</el-radio-button>
+                <el-radio-button value="2">间隔</el-radio-button>
-                <el-radio-button label="3">指定</el-radio-button>
+                <el-radio-button value="3">指定</el-radio-button>
               </el-radio-group>
             </el-form-item>
             <el-form-item v-if="cronValue.second.type == '1'" label="范围">
@@ -601,10 +601,10 @@ const submit = () => {
           <el-form>
             <el-form-item label="类型">
               <el-radio-group v-model="cronValue.minute.type">
-                <el-radio-button label="0">任意值</el-radio-button>
+                <el-radio-button value="0">任意值</el-radio-button>
-                <el-radio-button label="1">范围</el-radio-button>
+                <el-radio-button value="1">范围</el-radio-button>
-                <el-radio-button label="2">间隔</el-radio-button>
+                <el-radio-button value="2">间隔</el-radio-button>
-                <el-radio-button label="3">指定</el-radio-button>
+                <el-radio-button value="3">指定</el-radio-button>
               </el-radio-group>
             </el-form-item>
             <el-form-item v-if="cronValue.minute.type == '1'" label="范围">
@@ -660,10 +660,10 @@ const submit = () => {
           <el-form>
             <el-form-item label="类型">
               <el-radio-group v-model="cronValue.hour.type">
-                <el-radio-button label="0">任意值</el-radio-button>
+                <el-radio-button value="0">任意值</el-radio-button>
-                <el-radio-button label="1">范围</el-radio-button>
+                <el-radio-button value="1">范围</el-radio-button>
-                <el-radio-button label="2">间隔</el-radio-button>
+                <el-radio-button value="2">间隔</el-radio-button>
-                <el-radio-button label="3">指定</el-radio-button>
+                <el-radio-button value="3">指定</el-radio-button>
               </el-radio-group>
             </el-form-item>
             <el-form-item v-if="cronValue.hour.type == '1'" label="范围">
@@ -719,12 +719,12 @@ const submit = () => {
           <el-form>
             <el-form-item label="类型">
               <el-radio-group v-model="cronValue.day.type">
-                <el-radio-button label="0">任意值</el-radio-button>
+                <el-radio-button value="0">任意值</el-radio-button>
-                <el-radio-button label="1">范围</el-radio-button>
+                <el-radio-button value="1">范围</el-radio-button>
-                <el-radio-button label="2">间隔</el-radio-button>
+                <el-radio-button value="2">间隔</el-radio-button>
-                <el-radio-button label="3">指定</el-radio-button>
+                <el-radio-button value="3">指定</el-radio-button>
-                <el-radio-button label="4">本月最后一天</el-radio-button>
+                <el-radio-button value="4">本月最后一天</el-radio-button>
-                <el-radio-button label="5">不指定</el-radio-button>
+                <el-radio-button value="5">不指定</el-radio-button>
               </el-radio-group>
             </el-form-item>
             <el-form-item v-if="cronValue.day.type == '1'" label="范围">
@@ -780,10 +780,10 @@ const submit = () => {
           <el-form>
             <el-form-item label="类型">
               <el-radio-group v-model="cronValue.month.type">
-                <el-radio-button label="0">任意值</el-radio-button>
+                <el-radio-button value="0">任意值</el-radio-button>
-                <el-radio-button label="1">范围</el-radio-button>
+                <el-radio-button value="1">范围</el-radio-button>
-                <el-radio-button label="2">间隔</el-radio-button>
+                <el-radio-button value="2">间隔</el-radio-button>
-                <el-radio-button label="3">指定</el-radio-button>
+                <el-radio-button value="3">指定</el-radio-button>
               </el-radio-group>
             </el-form-item>
             <el-form-item v-if="cronValue.month.type == '1'" label="范围">
@@ -840,12 +840,12 @@ const submit = () => {
             <el-form>
               <el-form-item label="类型">
                 <el-radio-group v-model="cronValue.week.type">
-                  <el-radio-button label="0">任意值</el-radio-button>
+                  <el-radio-button value="0">任意值</el-radio-button>
-                  <el-radio-button label="1">范围</el-radio-button>
+                  <el-radio-button value="1">范围</el-radio-button>
-                  <el-radio-button label="2">间隔</el-radio-button>
+                  <el-radio-button value="2">间隔</el-radio-button>
-                  <el-radio-button label="3">指定</el-radio-button>
+                  <el-radio-button value="3">指定</el-radio-button>
-                  <el-radio-button label="4">本月最后一周</el-radio-button>
+                  <el-radio-button value="4">本月最后一周</el-radio-button>
-                  <el-radio-button label="5">不指定</el-radio-button>
+                  <el-radio-button value="5">不指定</el-radio-button>
                 </el-radio-group>
               </el-form-item>
               <el-form-item v-if="cronValue.week.type == '1'" label="范围">
@@ -919,11 +919,11 @@ const submit = () => {
           <el-form>
             <el-form-item label="类型">
               <el-radio-group v-model="cronValue.year.type">
-                <el-radio-button label="-1">忽略</el-radio-button>
+                <el-radio-button value="-1">忽略</el-radio-button>
-                <el-radio-button label="0">任意值</el-radio-button>
+                <el-radio-button value="0">任意值</el-radio-button>
-                <el-radio-button label="1">范围</el-radio-button>
+                <el-radio-button value="1">范围</el-radio-button>
-                <el-radio-button label="2">间隔</el-radio-button>
+                <el-radio-button value="2">间隔</el-radio-button>
-                <el-radio-button label="3">指定</el-radio-button>
+                <el-radio-button value="3">指定</el-radio-button>
               </el-radio-group>
             </el-form-item>
             <el-form-item v-if="cronValue.year.type == '1'" label="范围">

src/components/Pagination/index.vue

@@ -4,7 +4,6 @@
     v-show="total > 0"
     v-model:current-page="currentPage"
     v-model:page-size="pageSize"
-    :small="small"
     :background="true"
     :page-sizes="[10, 20, 50, 100, 200]"
     :pager-count="pagerCount"
@@ -43,10 +42,6 @@ const props = defineProps({
   layout: {
     type: String,
     default: 'total, sizes, prev, pager, next, jumper'
-  },
-  small: {
-    type: Boolean,
-    default: false
   }
 })
 

src/views/Basic/Dept/DeptForm.vue

@@ -43,8 +43,8 @@
         <el-col :span="12" :offset="0">
           <el-form-item label="状态" prop="status">
             <el-radio-group v-model="formData.status">
-              <el-radio :label="0"> 启用 </el-radio>
+              <el-radio :value="0"> 启用 </el-radio>
-              <el-radio :label="1"> 禁用 </el-radio>
+              <el-radio :value="1"> 禁用 </el-radio>
             </el-radio-group>
           </el-form-item>
         </el-col>

src/views/Basic/Menu/MenuForm.vue

@@ -32,9 +32,9 @@
       </el-form-item>
       <el-form-item label="菜单类型" prop="type">
         <el-radio-group v-model="formData.type">
-          <el-radio-button :label="1"> 目录 </el-radio-button>
+          <el-radio-button :value="1"> 目录 </el-radio-button>
-          <el-radio-button :label="2"> 菜单 </el-radio-button>
+          <el-radio-button :value="2"> 菜单 </el-radio-button>
-          <el-radio-button :label="3"> 按钮 </el-radio-button>
+          <el-radio-button :value="3"> 按钮 </el-radio-button>
         </el-radio-group>
       </el-form-item>
       <el-form-item v-if="formData.type !== 3" label="菜单图标">
@@ -69,8 +69,8 @@
       </el-form-item>
       <el-form-item label="菜单状态" prop="status">
         <el-radio-group v-model="formData.status">
-          <el-radio :label="0"> 启用 </el-radio>
+          <el-radio :value="0"> 启用 </el-radio>
-          <el-radio :label="1"> 禁用 </el-radio>
+          <el-radio :value="1"> 禁用 </el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item v-if="formData.type !== 3" label="显示状态" prop="visible">

src/views/Basic/User/UserForm.vue

@@ -16,8 +16,8 @@
         <el-col :span="12">
           <el-form-item label="用户性别">
             <el-radio-group v-model="formData.sex">
-              <el-radio :label="1"> 男 </el-radio>
+              <el-radio :value="1"> 男 </el-radio>
-              <el-radio :label="2"> 女 </el-radio>
+              <el-radio :value="2"> 女 </el-radio>
             </el-radio-group>
           </el-form-item>
         </el-col>

src/views/Finance/Commission/Comp/DialogPlan.vue

@@ -17,10 +17,10 @@
         <el-col :span="12" :offset="0">
           <el-form-item label="结算方式">
             <el-radio-group v-model="formData.percentageType">
-              <el-radio :label="1">
+              <el-radio :value="1">
                 <Tooltip message="可配置多级，命中某档位后，按照档位分级结算" />阶梯结算
               </el-radio>
-              <el-radio :label="2">
+              <el-radio :value="2">
                 <Tooltip message="可配置多级，命中某档位后所有金额全部按照该档位结算" />常规结算
               </el-radio>
             </el-radio-group>
@@ -164,8 +164,8 @@
         <el-col :span="8" :offset="0">
           <el-form-item label="包含区域提成" labelWidth="150px">
             <el-radio-group v-model="formData.isAreaPercentage">
-              <el-radio :label="true"> 是 </el-radio>
+              <el-radio :value="true"> 是 </el-radio>
-              <el-radio :label="false"> 否 </el-radio>
+              <el-radio :value="false"> 否 </el-radio>
             </el-radio-group>
           </el-form-item>
         </el-col>
@@ -174,24 +174,24 @@
         <el-col :span="8" :offset="0">
           <el-form-item label="是否关联成交率" labelWidth="150px">
             <el-radio-group v-model="formData.isRelateSignRate">
-              <el-radio :label="true"> 是 </el-radio>
+              <el-radio :value="true"> 是 </el-radio>
-              <el-radio :label="false"> 否 </el-radio>
+              <el-radio :value="false"> 否 </el-radio>
             </el-radio-group>
           </el-form-item>
         </el-col>
         <el-col :span="8" :offset="0">
           <el-form-item label="是否扣除其他支出" labelWidth="150px">
             <el-radio-group v-model="formData.isDeductExtraPay">
-              <el-radio :label="true"> 是 </el-radio>
+              <el-radio :value="true"> 是 </el-radio>
-              <el-radio :label="false"> 否 </el-radio>
+              <el-radio :value="false"> 否 </el-radio>
             </el-radio-group>
           </el-form-item>
         </el-col>
         <el-col :span="8" :offset="0">
           <el-form-item label="是否扣除售后" labelWidth="150px">
             <el-radio-group v-model="formData.isDeductAfterSale">
-              <el-radio :label="true"> 是 </el-radio>
+              <el-radio :value="true"> 是 </el-radio>
-              <el-radio :label="false"> 否 </el-radio>
+              <el-radio :value="false"> 否 </el-radio>
             </el-radio-group>
           </el-form-item>
         </el-col>

src/views/Finance/Salary/index.vue

@@ -11,8 +11,8 @@
       </el-form-item>
       <el-form-item>
         <el-radio-group v-model="searchForm.status" @change="handleQuery">
-          <el-radio :label="0"> 在职 </el-radio>
+          <el-radio :value="0"> 在职 </el-radio>
-          <el-radio :label="1"> 离职 </el-radio>
+          <el-radio :value="1"> 离职 </el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item>

src/views/OKR/Management/Components/AllTarget.vue

@@ -2,42 +2,26 @@
   <div>
     <div class="flex items-center justify-between">
       <el-row>
-        <el-popover placement="bottom" width="500px" trigger="click" @show="handleSearchPeroid">
+        <el-tree-select
-          <template #reference>
+          v-model="searchForm.nodeId"
-            <div class="flex items-center border-1px w-300px h-32px p-10px peroid-select">
+          :data="peroidList"
-              <Icon icon="ep:calendar" style="color: #aaa" />
+          :props="defaultProps"
-              <span class="text-14px ml-10px" style="color: #aaa">
+          :render-after-expand="false"
-                {{ searchForm.peroidName ? searchForm.peroidName : '选择周期' }}
+          default-expand-all
-              </span>
+          style="width: 400px"
-            </div>
+          @change="getOkrList"
-          </template>
+        />
-          <div>
-            <div class="mt-10px" style="height: 400px">
-              <el-table :data="peroidList" @row-click="handleSelectPeroid">
-                <el-table-column label="节点名称">
-                  <template #default="{ row }">
-                    <el-radio v-model="searchForm.peroidId" :label="row.id">{{
-                      row.name
-                    }}</el-radio>
-                  </template>
-                </el-table-column>
-                <el-table-column label="开始日期" prop="startDate" width="120" />
-                <el-table-column label="截止日期" prop="endDate" width="120" />
-              </el-table>
-            </div>
-          </div>
-        </el-popover>
         <el-button class="ml-10px" type="primary" @click="handleAddNode">新建节点</el-button>
       </el-row>
       <el-row>
-        <el-button type="warning" @click="handleEditOkr(searchForm.peroidId)">
+        <el-button type="warning" @click="handleEditOkr(searchForm.nodeId)">
           修改当前节点
         </el-button>
         <el-button type="success" @click="handleUpdateProcess">更新进度</el-button>
       </el-row>
     </div>
 
-    <OkrTable ref="okrTableRef" @row-click="handleShowOkr" />
+    <OkrTable ref="okrTableRef" />
     <DialogOkr ref="dialogOkr" @edit="handleEditOkr" />
     <DialogOkrInfo ref="dialogOkrInfo" />
   </div>
@@ -48,161 +32,46 @@ import OkrTable from './OkrTable.vue'
 import DialogOkrInfo from './DialogOkrInfo.vue'
 import DialogOkr from './DialogOkr.vue'
 
+import { getAllNodeTree, getAllOkrPage } from '@/api/okr/okr'
+import { listToTree } from '@/utils/tree'
+
 const message = useMessage()
 
+const defaultProps = {
+  value: 'nodeId',
+  label: 'nodeName',
+  children: 'children'
+}
+
 const okrTableRef = ref(null)
 const searchForm = ref({
-  peroidName: '',
+  nodeId: undefined
-  peroidId: null
 })
 
 const peroidList = ref([])
 
 onMounted(() => {
   handleSearchPeroid()
-  if (!searchForm.value.peroidId && peroidList.value.length) {
-    searchForm.value.peroidId = peroidList.value[0].id
-    searchForm.value.peroidName = peroidList.value[0].name
-  }
-  getOkrList()
 })
 
-async function handleSearchPeroid() {
+function handleSearchPeroid() {
-  peroidList.value = [
+  getAllNodeTree().then((resp) => {
-    {
+    peroidList.value = listToTree(resp.tree, {
-      id: 1,
+      id: 'nodeId',
-      name: '2025年寻驾okr',
+      pid: 'parentId',
-      startDate: '2022-01-01',
+      children: 'children'
-      endDate: '2022-01-31'
+    })
-    },
+    searchForm.value.nodeId = resp.nodeId
-    {
+    getOkrList()
-      id: 2,
+  })
-      name: '2024年寻驾okr',
-      startDate: '2022-02-01',
-      endDate: '2022-02-28'
-    }
-  ]
 }
 
-function handleSelectPeroid(row) {
+function getOkrList() {
-  searchForm.value.peroidName = row.name
+  getAllOkrPage(searchForm.value).then((resp) => {
-  searchForm.value.peroidId = row.id
+    const list = resp
-  handleSearchOkr()
+    nextTick(() => {
-}
+      okrTableRef.value.prepareData(list)
-
+    })
-function handleSearchOkr() {
-  console.log(searchForm.value)
-}
-
-async function getOkrList() {
-  const list = [
-    {
-      id: 1,
-      name: '销售成交额达到1000万，总体成交率15%',
-      process: 60,
-      type: 'object',
-      children: [
-        {
-          id: 11,
-          type: 'keyresult',
-          channelName: '抖音',
-          target: '线索目标',
-          targetType: 'value',
-          isSystem: true,
-          targetNum: 10000,
-          targetValue: false,
-          currentNum: 5000,
-          currentValue: false,
-          process: 60,
-          users: '张三、李四'
-        },
-        {
-          id: 12,
-          type: 'keyresult',
-          channelName: '抖音',
-          target: '成交数',
-          isSystem: true,
-          targetType: 'value',
-          targetNum: 2500,
-          targetValue: false,
-          currentNum: 500,
-          currentValue: false,
-          process: 60,
-          users: '张三、李四'
-        }
-      ]
-    },
-    {
-      id: 2,
-      name: '运营消耗预算控制在20万以内，获得10万条线索',
-      process: 80,
-      type: 'object',
-      children: [
-        {
-          id: 21,
-          type: 'keyresult',
-          target: '本月抖音运营投入相较上月少10%',
-          targetType: 'radio',
-          isSystem: false,
-          targetNum: 0,
-          targetValue: false,
-          currentNum: 0,
-          currentValue: false,
-          process: 0,
-          users: ''
-        },
-        {
-          id: 22,
-          type: 'keyresult',
-          target: '累计输出作品',
-          process: 15,
-          users: '',
-          isSystem: false,
-          targetType: 'value',
-          targetNum: 200,
-          targetValue: false,
-          currentNum: 30,
-          currentValue: false
-        }
-      ]
-    },
-    {
-      id: 3,
-      name: '目标3',
-      process: 40,
-      type: 'object',
-      children: [
-        {
-          id: 31,
-          type: 'keyresult',
-          target: '关键成果1',
-          process: 100,
-          users: '',
-          isSystem: false,
-          targetType: 'radio',
-          targetNum: 0,
-          targetValue: false,
-          currentNum: 0,
-          currentValue: true
-        },
-        {
-          id: 22,
-          type: 'keyresult',
-          target: '关键成果2',
-          process: 15,
-          users: '',
-          isSystem: false,
-          targetType: 'value',
-          targetNum: 200,
-          targetValue: false,
-          currentNum: 30,
-          currentValue: false
-        }
-      ]
-    }
-  ]
-  nextTick(() => {
-    okrTableRef.value.prepareData(list)
   })
 }
 
@@ -213,7 +82,7 @@ function handleAddNode() {
 
 function handleEditOkr() {
   dialogOkr.value.close()
-  dialogOkrInfo.value.open('update', 1)
+  dialogOkrInfo.value.open('update', searchForm.value.nodeId)
 }
 
 function handleUpdateProcess() {
@@ -222,9 +91,9 @@ function handleUpdateProcess() {
 }
 
 const dialogOkr = ref(null)
-function handleShowOkr(row) {
+// function handleShowOkr(row) {
-  dialogOkr.value.open(row.id)
+//   dialogOkr.value.open(row.id)
-}
+// }
 </script>
 
 <style lang="scss" scoped>

src/views/OKR/Management/Components/DialogOkrInfo.vue

@@ -28,21 +28,24 @@
                   v-model="form.parentId"
                   :data="parentNodeList"
                   check-strictly
-                  :props="{ value: 'id', label: 'label', children: 'children' }"
+                  :props="{ value: 'nodeId', label: 'nodeName', children: 'children' }"
                   :render-after-expand="false"
                   placeholder="父节点"
+                  clearable
+                  :disabled="!!form.nodeId"
+                  @change="handleChangeParent"
                 />
               </el-form-item>
             </el-col>
             <el-col :span="4" :offset="0">
-              <el-form-item prop="name">
+              <el-form-item prop="nodeName">
-                <el-input v-model="form.name" placeholder="请输入节点名称" />
+                <el-input v-model="form.nodeName" placeholder="请输入节点名称" />
               </el-form-item>
             </el-col>
             <el-col :span="4" :offset="0">
-              <el-form-item prop="createTime">
+              <el-form-item prop="startTime">
                 <el-date-picker
-                  v-model="form.createTime"
+                  v-model="form.startTime"
                   type="date"
                   format="YYYY-MM-DD"
                   value-format="YYYY-MM-DD"
@@ -67,6 +70,8 @@
                   v-model="form.executor"
                   placeholder="选择执行人，可多选"
                   multiple
+                  collapse-tags
+                  collapse-tags-tooltip
                   clearable
                   filterable
                 >
@@ -74,16 +79,17 @@
                     v-for="item in userOptions"
                     :key="item.id"
                     :label="item.name"
-                    :value="item.id"
+                    :value="item.id + ''"
+                    :disabled="item.status == 1"
                   />
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="4" :offset="0">
-              <el-form-item prop="persission">
+              <el-form-item prop="dataScope">
-                <el-select v-model="form.persission" placeholder="选择权限" clearable filterable>
+                <el-select v-model="form.dataScope" placeholder="选择权限" clearable filterable>
-                  <el-option label="公开" :value="0" />
+                  <el-option label="公开" :value="1" />
-                  <el-option label="仅上级可见" :value="1" />
+                  <el-option label="仅上级可见" :value="2" />
                 </el-select>
               </el-form-item>
             </el-col>
@@ -91,8 +97,8 @@
         </el-form>
         <div class="relative">
           <el-button
-            v-if="okrKey === 'okr'"
+            v-if="okrKey == 'okr'"
-            style="position: absolute; right: 10px; top: 10px"
+            style="position: absolute; right: 10px; top: 10px; z-index: 9"
             type="primary"
             size="small"
             @click="addObjective"
@@ -100,8 +106,8 @@
             添加目标
           </el-button>
           <el-button
-            v-else-if="okrKey === 'childNode'"
+            v-else-if="okrKey == 'childNode'"
-            style="position: absolute; right: 10px; top: 10px"
+            style="position: absolute; right: 10px; top: 10px; z-index: 9"
             type="primary"
             size="small"
             @click="addChildNode"
@@ -114,63 +120,75 @@
                 <div
                   class="flex items-center w-full"
                   v-for="(item, i) in objectList"
-                  :key="item.id"
+                  :key="item.objectiveId"
                 >
                   <div class="flex-1 w-100px">
                     <div class="flex items-center">
                       <el-tag type="success" class="mr-10px">O{{ i + 1 }}</el-tag>
-                      <el-input v-model="item.name" placeholder="目标名称" class="flex-1 w-150px" />
+                      <el-input
+                        v-model="item.objectiveName"
+                        placeholder="目标名称"
+                        class="flex-1 w-150px"
+                        :disabled="!!item.objectiveId"
+                      />
                       <el-select
-                        v-model="item.objExecutor"
+                        v-model="item.executor"
                         placeholder="选择执行人，可多选"
                         multiple
                         clearable
                         filterable
-                        style="min-width: 240px; margin-left: 10px"
+                        style="width: 240px; margin-left: 10px"
                       >
                         <el-option
                           v-for="it in userOptions"
                           :key="it.id"
                           :label="it.name"
-                          :value="it.id"
+                          :value="it.id + ''"
+                          :disabled="it.status == 1"
                         />
                       </el-select>
                       <el-select
-                        v-model="item.persission"
+                        v-model="item.dataScope"
                         placeholder="选择权限"
                         clearable
                         filterable
                         style="width: 120px; margin-left: 10px"
                       >
-                        <el-option label="公开" :value="0" />
+                        <el-option label="公开" :value="1" />
-                        <el-option label="仅上级可见" :value="1" />
+                        <el-option label="仅上级可见" :value="2" />
                       </el-select>
                       <div class="ml-10px">
-                        <el-button type="primary" text @click="AddKR">新增关键成果</el-button>
+                        <el-button type="primary" text @click="AddKR(i)">新增关键成果</el-button>
-                        <el-button type="danger" text @click="removeObj">删除目标</el-button>
+                        <el-button type="danger" text @click="removeObj(i)">删除目标</el-button>
                       </div>
                     </div>
                     <div style="background: #f0f3fa; padding-bottom: 15px">
-                      <div class="ml-50px" v-for="(kr, index) in item.children" :key="kr.id">
+                      <div
+                        class="ml-50px"
+                        v-for="(kr, index) in item.keyResults"
+                        :key="kr.keyResultId"
+                      >
                         <div class="flex flex-1 items-center pb-5px pt-5px">
                           <el-tag class="mr-10px">KR{{ index + 1 }}</el-tag>
                           <el-select
-                            v-model="kr.id"
+                            v-model="kr.keyResultName"
-                            placeholder="选择或输入"
+                            placeholder="选择或输入关键成果"
                             filterable
-                            :props="{ value: 'id', label: 'name' }"
+                            :props="{ value: 'keyResultId', label: 'keyResultName' }"
                             allow-create
                             :reserve-keyword="false"
                             class="flex-1 w-150px"
                           >
                             <el-option
-                              v-for="it in item.children"
+                              v-for="it in krOptions"
-                              :key="it.id"
+                              :key="it.keyResultId"
-                              :label="it.name"
+                              :label="it.keyResultName"
-                              :value="it.id"
+                              :value="it.keyResultId"
                             />
                           </el-select>
-                          <el-button type="danger" text @click="removeKR">删除关键成果</el-button>
+                          <el-button type="danger" text @click="removeKR(i, index)">
+                            删除关键成果
+                          </el-button>
                         </div>
                         <div class="mt-5px flex items-center">
                           <el-tree-select
@@ -180,47 +198,51 @@
                             check-strictly
                             clearable
                             filterable
+                            style="width: 200px"
                             node-key="sourceId"
                             placeholder="请选择渠道"
                           />
-                          <el-radio-group v-model="kr.targetType" class="ml-10px">
+                          <el-radio-group v-model="kr.resultType" class="ml-10px">
-                            <el-radio-button label="value">目标值</el-radio-button>
+                            <el-radio-button :value="1">目标值</el-radio-button>
-                            <el-radio-button label="radio">是/否</el-radio-button>
+                            <el-radio-button :value="2">是/否</el-radio-button>
                           </el-radio-group>
 
                           <el-input
-                            v-if="kr.targetType === 'value'"
+                            v-if="kr.resultType == 1"
-                            v-model="kr.targetNum"
+                            v-model="kr.targetValue"
                             type="number"
                             placeholder="目标值"
                             class="ml-10px"
-                            style="width: 100px"
+                            style="width: 120px"
                           />
 
                           <el-select
-                            v-model="kr.objExecutor"
+                            v-model="kr.executor"
                             placeholder="选择执行人，可多选"
                             multiple
                             clearable
                             filterable
-                            style="min-width: 240px; margin-left: 10px"
+                            collapse-tags
+                            collapse-tags-tooltip
+                            style="width: 240px; margin-left: 10px"
                           >
                             <el-option
                               v-for="it in userOptions"
                               :key="it.id"
                               :label="it.name"
-                              :value="it.id"
+                              :value="it.id + ''"
+                              :disabled="it.status == 1"
                             />
                           </el-select>
                           <el-select
-                            v-model="kr.persission"
+                            v-model="kr.dataScope"
                             placeholder="选择权限"
                             clearable
                             filterable
                             style="width: 120px; margin-left: 10px"
                           >
-                            <el-option label="公开" :value="0" />
+                            <el-option label="公开" :value="1" />
-                            <el-option label="仅上级可见" :value="1" />
+                            <el-option label="仅上级可见" :value="2" />
                           </el-select>
                         </div>
                       </div>
@@ -234,13 +256,13 @@
               <el-table :data="childNodeList">
                 <el-table-column label="名称">
                   <template #default="{ row }">
-                    <el-input v-model="row.name" placeholder="子节点名称" />
+                    <el-input v-model="row.nodeName" placeholder="子节点名称" />
                   </template>
                 </el-table-column>
                 <el-table-column label="开始日期" width="160px">
                   <template #default="{ row }">
                     <el-date-picker
-                      v-model="row.createTime"
+                      v-model="row.startTime"
                       type="date"
                       format="YYYY-MM-DD"
                       value-format="YYYY-MM-DD"
@@ -263,9 +285,9 @@
                 </el-table-column>
                 <el-table-column label="权限" width="160px">
                   <template #default="{ row }">
-                    <el-select v-model="row.permission" placeholder="请选择" style="width: 130px">
+                    <el-select v-model="row.dataScope" placeholder="请选择" style="width: 130px">
-                      <el-option label="公开" :value="0" />
+                      <el-option label="公开" :value="1" />
-                      <el-option label="仅上级可见" :value="1" />
+                      <el-option label="仅上级可见" :value="2" />
                     </el-select>
                   </template>
                 </el-table-column>
@@ -283,7 +305,8 @@
                         v-for="item in userOptions"
                         :key="item.id"
                         :label="item.name"
-                        :value="item.id"
+                        :value="item.id + ''"
+                        :disabled="item.status == 1"
                       />
                     </el-select>
                   </template>
@@ -303,6 +326,16 @@
 </template>
 
 <script setup name="DialogOkrInfo">
+import {
+  getAllNodeTree,
+  getOkrNodeDetail,
+  createOkrNode,
+  updateOkrNode,
+  getAllOkrPage
+} from '@/api/okr/okr'
+import { listToTree } from '@/utils/tree'
+import { getEmployeeSimpleList } from '@/api/pers/employee'
+
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
 
@@ -322,39 +355,20 @@ const formType = ref('create')
 
 const form = ref({})
 const formLoading = ref(false)
-const rules = ref({})
+const rules = ref({
+  nodeName: { required: true, message: '节点名称不可为空', trigger: 'blur' },
+  startTime: { required: true, message: '开始日期不可为空', trigger: 'change' },
+  endTime: { required: true, message: '截止日期不可为空', trigger: 'change' }
+})
 
 const okrKey = ref('okr')
 
-const parentNodeList = ref([
+const parentNodeList = ref([])
-  {
-    id: 1,
-    label: '寻驾全年目标',
-    children: [
-      { id: 2, label: '1月' },
-      { id: 3, label: '2月' },
-      { id: 4, label: '3月' },
-      { id: 5, label: '4月' },
-      { id: 6, label: '5月' },
-      { id: 7, label: '6月' },
-      { id: 8, label: '7月' },
-      { id: 9, label: '8月' },
-      { id: 10, label: '9月' },
-      { id: 11, label: '10月' },
-      { id: 12, label: '11月' },
-      { id: 13, label: '12月' }
-    ]
-  }
-])
 
-const childNodeList = ref([{}])
+const childNodeList = ref([])
 
-const userOptions = ref([
+const userOptions = ref([])
-  { id: 1, name: '张三' },
+const krOptions = ref([])
-  { id: 2, name: '李四' },
-  { id: 3, name: '王五' },
-  { id: 4, name: '赵六' }
-])
 const defaultProps = {
   children: 'children',
   label: 'sourceName',
@@ -362,151 +376,51 @@ const defaultProps = {
   isLeaf: 'leaf'
 }
 const sourceOptions = ref([])
-const objectList = ref([
+const objectList = ref([])
-  {
-    nodeId: 2,
-    name: '1月销售任务概述，例：销售额100万，成交率15%',
-    objExecutor: [1, 2],
-    id: 'a1',
-    children: [
-      {
-        id: 'a1-1',
-        name: '销售额',
-        isSystem: true,
-        targetNum: 10000,
-        targetValue: false,
-        targetType: 'value'
-      },
-      {
-        id: 'a1-2',
-        name: '成交数',
-        isSystem: true,
-        targetNum: 10000,
-        targetValue: false,
-        targetType: 'value'
-      },
-      {
-        id: 'a1-3',
-        name: '成交率',
-        isSystem: true,
-        targetNum: 10000,
-        targetValue: false,
-        targetType: 'value'
-      },
-      {
-        id: 'a1-4',
-        name: '本月抖音运营投入相较上月少10%',
-        isSystem: false,
-        targetNum: 0,
-        targetValue: false,
-        targetType: 'radio'
-      }
-    ]
-  },
-  {
-    nodeId: 3,
-    name: '1月运营目标',
-    objExecutor: [1, 2],
-    id: 'a2',
-    children: [
-      {
-        id: 'a2-1',
-        name: '销售额',
-        isSystem: true,
-        targetNum: 10000,
-        targetValue: false,
-        targetType: 'value'
-      },
-      {
-        id: 'a2-2',
-        name: '成交数',
-        isSystem: true,
-        targetNum: 10000,
-        targetValue: false,
-        targetType: 'value'
-      },
-      {
-        id: 'a1-3',
-        name: '成交率',
-        isSystem: true,
-        targetNum: 10000,
-        targetValue: false,
-        targetType: 'value'
-      },
-      {
-        id: 'a1-4',
-        name: '本月抖音运营投入相较上月少10%',
-        isSystem: false,
-        targetNum: 0,
-        targetValue: false,
-        targetType: 'radio'
-      }
-    ]
-  },
-  {
-    nodeId: 4,
-    name: '1月主播任务',
-    objExecutor: [1, 2],
-    id: 'a3',
-    children: [
-      {
-        id: 'a3-1',
-        name: '销售额',
-        isSystem: true,
-        targetNum: 10000,
-        targetValue: false,
-        targetType: 'value'
-      },
-      {
-        id: 'a3-2',
-        name: '成交数',
-        isSystem: true,
-        targetNum: 10000,
-        targetValue: false,
-        targetType: 'value'
-      },
-      {
-        id: 'a3-3',
-        name: '成交率',
-        isSystem: true,
-        targetNum: 10000,
-        targetValue: false,
-        targetType: 'value'
-      },
-      {
-        id: 'a3-4',
-        name: '本月抖音运营投入相较上月少10%',
-        isSystem: false,
-        targetNum: 0,
-        targetValue: false,
-        targetType: 'radio'
-      }
-    ]
-  }
-])
 
-async function open(type, val) {
+function open(type, val) {
   show.value = true
   title.value = type == 'update' ? '修改Okr' : '新增Okr'
   formType.value = type
   resetForm()
+  getEmployeeSimpleList().then((data) => {
+    userOptions.value = data
+  })
+  getAllNodeTree().then((resp) => {
+    parentNodeList.value = listToTree(resp.tree, {
+      id: 'nodeId',
+      pid: 'parentId',
+      children: 'children'
+    })
+  })
   if (val) {
     formLoading.value = true
     try {
-      // form.value = await KpiApi.getKpiDetail(val)
+      getOkrNodeDetail(val).then((resp) => {
+        form.value = resp
+        if (resp.objectives) {
+          objectList.value = resp.objectives.map((item) => ({
+            ...item,
+            keyResults: item.keyResults || []
+          }))
+        } else {
+          objectList.value = []
+        }
+        childNodeList.value = [...resp.children]
+      })
     } finally {
       formLoading.value = false
     }
   }
-  // getOptions()
 }
 function resetForm() {
   form.value = {
-    parentId: '',
+    parentId: undefined,
-    name: '',
+    nodeName: undefined,
-    createTime: '',
+    startTime: undefined,
-    endTime: '',
+    endTime: undefined,
-    executor: []
+    executor: [],
+    dataScope: 1
   }
 }
 
@@ -518,26 +432,36 @@ const emit = defineEmits(['success', 'close']) // 定义 success 事件，用于
 
 function addObjective() {
   objectList.value.push({
-    name: '',
+    objectiveName: '',
-    objExecutor: [],
+    executor: [],
-    children: []
+    keyResults: [],
+    dataScope: 1
   })
 }
 
-function AddKR() {
+function AddKR(idx) {
-  objectList.value.push({
+  if (!objectList.value[idx].keyResults) {
-    name: '',
+    objectList.value[idx].keyResults = []
-    objExecutor: [],
+  }
-    children: []
+  const obj = objectList.value[idx]
+  objectList.value[idx].keyResults.push({
+    keyResultName: undefined,
+    resultType: 1,
+    source: undefined,
+    targetValue: undefined,
+    process: undefined,
+    currentValue: undefined,
+    executor: obj.executor,
+    dataScope: obj.dataScope
   })
 }
 
-function removeObj() {
+function removeObj(idx) {
-  objectList.value.pop()
+  objectList.value.splice(idx, 1)
 }
 
-function removeKR() {
+function removeKR(oIdx, krIdx) {
-  objectList.value.pop()
+  objectList.value[oIdx].keyResults.splice(krIdx, 1)
 }
 
 function addChildNode() {
@@ -548,6 +472,23 @@ function removeChildNode(idx) {
   childNodeList.value.splice(idx, 1)
 }
 
+// 读取父节点的OKR，并展示出来
+function handleChangeParent() {
+  // 通过父节点Id,查询父节点的okr，需要继承
+  if (form.value.parentId) {
+    getAllOkrPage({ nodeId: form.value.parentId }).then((resp) => {
+      objectList.value = resp
+    })
+  }
+}
+
+function getLastDayOfMonth(year, month) {
+  // 创建一个日期对象，将月份设置为指定月份的下一个月，日期设置为 0
+  const date = new Date(year, month + 1, 0)
+  // 返回该日期对象的日期部分，即指定年月的最后一天
+  return date.getDate()
+}
+
 async function handleSave() {
   // 校验表单
   if (!formRef.value) return
@@ -556,11 +497,46 @@ async function handleSave() {
   // 提交请求
   formLoading.value = true
   try {
+    form.value.objectives = objectList.value
+    form.value.children = childNodeList.value
     if (formType.value === 'create') {
-      // await KpiApi.createKpi(form.value)
+      // 创建的是一级节点,且子节点为空时，自动新增12个月子节点，并且每月添加4周的周子节点
+      if (!form.value.parentId) {
+        if (form.value.children.length == 0) {
+          const defaultTime = new Date(form.value.startTime)
+          for (let month = 0; month < 12; month++) {
+            form.value.children.push({
+              nodeName: `${month + 1}月`,
+              startTime: `${defaultTime.getFullYear()}-${String(month + 1).padStart('0')}-01`,
+              endTime: `${defaultTime.getFullYear()}-${String(month + 1).padStart(
+                '0'
+              )}-${getLastDayOfMonth(defaultTime.getFullYear(), month)}`,
+              children: [
+                {
+                  nodeName: `第${month + 1}月第1周`,
+                  children: []
+                },
+                {
+                  nodeName: `第${month + 1}月第2周`,
+                  children: []
+                },
+                {
+                  nodeName: `第${month + 1}月第3周`,
+                  children: []
+                },
+                {
+                  nodeName: `第${month + 1}月第3周`,
+                  children: []
+                }
+              ]
+            })
+          }
+        }
+      }
+      await createOkrNode(form.value)
       message.success(t('common.createSuccess'))
     } else {
-      // await KpiApi.updateKpi(form.value)
+      await updateOkrNode(form.value)
       message.success(t('common.updateSuccess'))
     }
     show.value = false

src/views/OKR/Management/Components/DialogWait.vue

@@ -264,7 +264,7 @@ async function open(type, id) {
 function getFollowList(id) {
   // 跟进数据
   getFollowWaitPage({
-    waitId: id
+    workId: id
   }).then((data) => {
     followList.value = data
   })

src/views/OKR/Management/Components/MyDuty.vue

@@ -2,37 +2,17 @@
   <div>
     <div class="flex items-center justify-between">
       <el-row>
-        <el-popover placement="bottom" width="500px" trigger="click" @show="handleSearchPeroid">
+        <el-tree-select
-          <template #reference>
+          v-model="searchForm.nodeId"
-            <div class="flex items-center border-1px w-300px h-32px p-10px peroid-select">
+          :data="peroidList"
-              <Icon icon="ep:calendar" style="color: #aaa" />
+          :props="defaultProps"
-              <span class="text-14px ml-10px" style="color: #aaa">
+          :render-after-expand="false"
-                {{ searchForm.peroidName ? searchForm.peroidName : '选择周期' }}
+          default-expand-all
-              </span>
+          style="width: 400px"
-            </div>
+          @change="handleSearchOkr"
-          </template>
+        />
-          <div>
-            <div class="mt-10px" style="height: 400px">
-              <el-table :data="peroidList" @row-click="handleSelectPeroid">
-                <el-table-column label="节点名称">
-                  <template #default="{ row }">
-                    <el-radio v-model="searchForm.peroidId" :label="row.id">{{
-                      row.name
-                    }}</el-radio>
-                  </template>
-                </el-table-column>
-                <el-table-column label="开始日期" prop="startDate" width="120" />
-                <el-table-column label="截止日期" prop="endDate" width="120" />
-              </el-table>
-            </div>
-          </div>
-        </el-popover>
-        <el-button class="ml-10px" type="primary" @click="handleAddNode">新建节点</el-button>
       </el-row>
       <el-row>
-        <el-button type="warning" @click="handleEditOkr(searchForm.peroidId)">
-          修改当前节点
-        </el-button>
         <el-button type="success" @click="handleUpdateProcess">更新进度</el-button>
       </el-row>
     </div>
@@ -50,45 +30,78 @@ import DialogOkr from './DialogOkr.vue'
 
 const message = useMessage()
 
+const defaultProps = {
+  value: 'nodeId',
+  label: 'nodeName',
+  children: 'children'
+}
+
 const okrTableRef = ref(null)
 const searchForm = ref({
-  peroidName: '',
+  nodeId: 4
-  peroidId: null
 })
 
 const peroidList = ref([])
 
 onMounted(() => {
   handleSearchPeroid()
-  if (!searchForm.value.peroidId && peroidList.value.length) {
-    searchForm.value.peroidId = peroidList.value[0].id
-    searchForm.value.peroidName = peroidList.value[0].name
-  }
   getOkrList()
 })
 
 async function handleSearchPeroid() {
   peroidList.value = [
     {
-      id: 1,
+      nodeId: 1,
-      name: '2025年寻驾okr',
+      nodeName: '2025年寻驾okr',
       startDate: '2022-01-01',
-      endDate: '2022-01-31'
+      endDate: '2022-01-31',
-    },
+      children: [
-    {
+        {
-      id: 2,
+          nodeId: 2,
-      name: '2024年寻驾okr',
+          nodeName: '1月',
-      startDate: '2022-02-01',
+          startDate: '2022-01-01',
-      endDate: '2022-02-28'
+          endDate: '2022-01-31',
+          children: [
+            {
+              nodeId: 3,
+              nodeName: '第1周',
+              startDate: '2022-01-01',
+              endDate: '2022-01-31',
+              children: [
+                {
+                  nodeId: 4,
+                  nodeName: '仇山河',
+                  startDate: '2022-01-01',
+                  endDate: '2022-01-31'
+                }
+              ]
+            },
+            {
+              nodeId: 5,
+              nodeName: '第2周',
+              startDate: '2022-02-01',
+              endDate: '2022-02-28',
+              children: [
+                {
+                  nodeId: 6,
+                  nodeName: '仇山河',
+                  startDate: '2022-02-01',
+                  endDate: '2022-02-28'
+                }
+              ]
+            }
+          ]
+        }
+      ]
     }
   ]
 }
 
-function handleSelectPeroid(row) {
+// function handleSelectPeroid(row) {
-  searchForm.value.peroidName = row.name
+//   searchForm.value.peroidName = row.name
-  searchForm.value.peroidId = row.id
+//   searchForm.value.nodeId = row.id
-  handleSearchOkr()
+//   handleSearchOkr()
-}
+// }
 
 function handleSearchOkr() {
   console.log(searchForm.value)
@@ -100,7 +113,7 @@ async function getOkrList() {
       id: 1,
       name: '销售成交额达到1000万，总体成交率15%',
       process: 60,
-      type: 'object',
+      type: '目标',
       children: [
         {
           id: 11,
@@ -136,7 +149,7 @@ async function getOkrList() {
       id: 2,
       name: '运营消耗预算控制在20万以内，获得10万条线索',
       process: 80,
-      type: 'object',
+      type: '目标',
       children: [
         {
           id: 21,
@@ -170,7 +183,7 @@ async function getOkrList() {
       id: 3,
       name: '目标3',
       process: 40,
-      type: 'object',
+      type: '目标',
       children: [
         {
           id: 31,
@@ -207,9 +220,9 @@ async function getOkrList() {
 }
 
 const dialogOkrInfo = ref(null)
-function handleAddNode() {
+// function handleAddNode() {
-  dialogOkrInfo.value.open('create', null)
+//   dialogOkrInfo.value.open('create', null)
-}
+// }
 
 function handleEditOkr() {
   dialogOkr.value.close()

src/views/OKR/Management/Components/OkrTable.vue

@@ -15,11 +15,11 @@
             v-if="!expandedRows[row.id]"
             class="line1"
             :style="{
-              top: row.type == 'object' ? '30px' : 0,
+              top: !row.keyResultId ? '30px' : 0,
               height: getHeight(row, $index)
             }"
           ></span>
-          <span v-if="row.type === 'object'">【目标】{{ row.name }}</span>
+          <span v-if="!row.keyResultId">【目标】{{ row.objectiveName }}</span>
           <template v-else>
             <span class="line2"></span>
             <span>
@@ -41,8 +41,8 @@
                 v-model="row.currentValue"
                 size="small"
               >
-                <el-radio :label="true">是</el-radio>
+                <el-radio :value="true">是</el-radio>
-                <el-radio :label="false">否</el-radio>
+                <el-radio :value="false">否</el-radio>
               </el-radio-group>
             </div>
           </template>
@@ -53,7 +53,7 @@
           <el-progress :percentage="row.process" />
         </template>
       </el-table-column>
-      <el-table-column prop="users" label="执行人" width="200px" />
+      <el-table-column prop="executorName" label="执行人" width="200px" />
     </el-table>
   </div>
 </template>
@@ -69,7 +69,7 @@ function prepareData(list) {
   helpList.value = []
   okrList.value.map((item) => {
     helpList.value.push(item)
-    item.children.map((child) => {
+    item.children?.map((child) => {
       helpList.value.push(child)
     })
   })
@@ -80,7 +80,7 @@ defineExpose({
 })
 
 function getHeight(row, index) {
-  if (helpList.value.length - 1 == index || helpList.value[index + 1].type == 'object') {
+  if (helpList.value.length - 1 == index || helpList.value[index + 1].type == '目标') {
     return '22px'
   } else {
     return '100%'

src/views/OKR/Management/Components/WaitTarget.vue

@@ -167,7 +167,7 @@ import { useUserStore } from '@/store/modules/user'
 import { dateFormatter } from '@/utils/formatTime'
 import DialogWait from './DialogWait.vue'
 
-import { getWaitPage, deleteWait, getWaitCount } from '@/api/okr/wait'
+import { getWaitPage, deleteWait, getWaitCount, urgeWait } from '@/api/okr/wait'
 
 const userStore = useUserStore()
 const currentUserId = userStore.getUser.id
@@ -278,7 +278,9 @@ function handleNotice(row) {
   console.log(row)
 
   message.confirm('即将发送微信通知提醒执行人，是否继续？').then(() => {
-    message.success('发送成功')
+    urgeWait({ workId: row.workId }).then(() => {
+      message.success('发送成功')
+    })
   })
 }
 

src/views/Pers/Employee/Comp/DialogEmployee.vue

@@ -16,8 +16,8 @@
         <el-col :span="12">
           <el-form-item label="用户性别">
             <el-radio-group v-model="formData.sex">
-              <el-radio :label="1"> 男 </el-radio>
+              <el-radio :value="1"> 男 </el-radio>
-              <el-radio :label="2"> 女 </el-radio>
+              <el-radio :value="2"> 女 </el-radio>
             </el-radio-group>
           </el-form-item>
         </el-col>

src/views/Pers/Employee/index.vue

@@ -11,8 +11,8 @@
       </el-form-item>
       <el-form-item>
         <el-radio-group v-model="searchForm.status" @change="handleQuery">
-          <el-radio :label="0"> 在职 </el-radio>
+          <el-radio :value="0"> 在职 </el-radio>
-          <el-radio :label="1"> 离职 </el-radio>
+          <el-radio :value="1"> 离职 </el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item>

src/views/Profile/components/BasicInfo.vue

@@ -2,8 +2,8 @@
   <Form ref="formRef" :labelWidth="80" :rules="rules" :schema="schema">
     <template #sex="form">
       <el-radio-group v-model="form['sex']">
-        <el-radio :label="1">{{ t('profile.user.man') }}</el-radio>
+        <el-radio :value="1">{{ t('profile.user.man') }}</el-radio>
-        <el-radio :label="2">{{ t('profile.user.woman') }}</el-radio>
+        <el-radio :value="2">{{ t('profile.user.woman') }}</el-radio>
       </el-radio-group>
     </template>
   </Form>

yarn.lock

@@ -1227,7 +1227,7 @@
   resolved "https://registry.yarnpkg.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz#b6c75a56a1947cc916ea058772d666a2c8932f31"
   integrity sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==
 
-"@element-plus/icons-vue@^2.0.6", "@element-plus/icons-vue@^2.1.0":
+"@element-plus/icons-vue@^2.1.0", "@element-plus/icons-vue@^2.3.1":
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz#1f635ad5fdd5c85ed936481525570e82b5a8307a"
   integrity sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==
@@ -3520,7 +3520,7 @@ data-view-byte-offset@^1.0.0:
     es-errors "^1.3.0"
     is-data-view "^1.0.1"
 
-dayjs@^1.11.3:
+dayjs@^1.11.13:
   version "1.11.13"
   resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.13.tgz#92430b0139055c3ebb60150aa13e860a4b5a366c"
   integrity sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==
@@ -3837,20 +3837,20 @@ electron-to-chromium@^1.4.668:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.736.tgz#ecb4348f4d5c70fb1e31c347e5bad6b751066416"
   integrity sha512-Rer6wc3ynLelKNM4lOCg7/zPQj8tPOCB2hzD32PX9wd3hgRRi9MxEbmkFCokzcEhRVMiOVLjnL9ig9cefJ+6+Q==
 
-element-plus@2.3.4:
+element-plus@2.9.4:
-  version "2.3.4"
+  version "2.9.4"
-  resolved "https://registry.yarnpkg.com/element-plus/-/element-plus-2.3.4.tgz#4319f6b0a1096cfac9c53b69da2fe23ac5aea63e"
+  resolved "https://registry.yarnpkg.com/element-plus/-/element-plus-2.9.4.tgz#e4b75055f0f1b1c1f33186321eb3d7a6424051e5"
-  integrity sha512-SQr0J9z7N4z48WYk/l9NE2tizl8Q7j2OhqlpTc42k4pGncry3+rVX6dsmcsglFynn6vt3NzYxWJqmLFyDKQq+g==
+  integrity sha512-sGnW0wd9zf6lEGixXV2gfwx3X6VTMkP52qTkX7zbURJ2oariyslrKTBh2txt1sdn1pUvj2l0KY3OfSXoZGmDOw==
   dependencies:
     "@ctrl/tinycolor" "^3.4.1"
-    "@element-plus/icons-vue" "^2.0.6"
+    "@element-plus/icons-vue" "^2.3.1"
     "@floating-ui/dom" "^1.0.1"
     "@popperjs/core" "npm:@sxzz/popperjs-es@^2.11.7"
     "@types/lodash" "^4.14.182"
     "@types/lodash-es" "^4.17.6"
     "@vueuse/core" "^9.1.0"
     async-validator "^4.2.5"
-    dayjs "^1.11.3"
+    dayjs "^1.11.13"
     escape-html "^1.0.3"
     lodash "^4.17.21"
     lodash-es "^4.17.21"