1

src/views/hr/company/companyduty copy.vue

@@ -29,6 +29,8 @@ const saveInfo = reactive({
   night: [],
   years: 2025,
   isCompany: 0,
+  morning: [],
+  afternoon: [],
 });
 const initInfo = () => {
   companyDutyInit().then((res: any) => {
@@ -76,6 +78,8 @@ const saveData = (ord: any, val: any) => {
   saveInfo.night = val.night ? val.night : [];
   saveInfo.years = val.years ? val.years : 2025;
   saveInfo.isCompany = ord.isCompany ? ord.isCompany : 0;
+  saveInfo.morning = val.morning ? val.morning : [];
+  saveInfo.afternoon = val.afternoon ? val.afternoon : [];
   saveOpen.value = true;
   console.log("编辑数据", saveInfo);
 };
@@ -186,6 +190,25 @@ watch(
                 </el-space>
               </div>
 
+              <div>
+                <el-divider v-if="us.morning">上午</el-divider>
+                <el-space wrap>
+                  <el-tag v-for="(mItem, mi) in us.morning" closable @close="delTag()">{{
+                    mItem.name
+                  }}</el-tag>
+                </el-space>
+
+                <el-divider v-if="us.afternoon">下午</el-divider>
+                <el-space wrap>
+                  <el-tag
+                    v-for="(mItem, mi) in us.afternoon"
+                    closable
+                    @close="delTag()"
+                    >{{ mItem.name }}</el-tag
+                  >
+                </el-space>
+              </div>
+
               <div class="butBox">
                 <el-button
                   type="primary"

src/views/hr/company/savePage.vue

@@ -64,6 +64,8 @@ const getOrgPeople = () => {
       saveInfo.value.allDay = res.data.allDayAry;
       saveInfo.value.baiTian = res.data.baiTianAry;
       saveInfo.value.night = res.data.nightAry;
+      saveInfo.value.morning = res.data.morning;
+      saveInfo.value.afternoon = res.data.afternoon;
       saveInfo.value.isCompany = 1;
     })
     .finally(() => {
@@ -225,6 +227,63 @@ const orgTreeProps = {
           v-loading="loading"
         />
       </el-form-item>
+
+      <el-form-item label="上午" prop="morning">
+        <el-tree-select
+          v-if="saveInfo.isCompany == 1"
+          v-model="saveInfo.morning"
+          :data="orgPeopleList"
+          multiple
+          clearable
+          filterable
+          :props="orgTreeProps"
+          node-key="id"
+          :render-after-expand="false"
+          style="width: 300px"
+          v-loading="loading"
+        />
+        <el-tree-select
+          v-else
+          v-model="saveInfo.morning"
+          :data="orgPeopleList"
+          multiple
+          clearable
+          filterable
+          :props="orgTreeProps"
+          node-key="userKey"
+          :render-after-expand="false"
+          style="width: 300px"
+          v-loading="loading"
+        />
+      </el-form-item>
+      <el-form-item label="上午" prop="afternoon">
+        <el-tree-select
+          v-if="saveInfo.isCompany == 1"
+          v-model="saveInfo.afternoon"
+          :data="orgPeopleList"
+          multiple
+          clearable
+          filterable
+          :props="orgTreeProps"
+          node-key="id"
+          :render-after-expand="false"
+          style="width: 300px"
+          v-loading="loading"
+        />
+        <el-tree-select
+          v-else
+          v-model="saveInfo.afternoon"
+          :data="orgPeopleList"
+          multiple
+          clearable
+          filterable
+          :props="orgTreeProps"
+          node-key="userKey"
+          :render-after-expand="false"
+          style="width: 300px"
+          v-loading="loading"
+        />
+      </el-form-item>
     </el-form>
     <template #footer>
       <div class="dialog-footer">