公司排版

src/views/hr/company/companyduty.vue

@@ -0,0 +1,131 @@
+<!--
+@ 作者: 秦东
+@ 时间: 2025-08-11 14:11:11
+@ 备注: 公司值班
+-->
+<script lang="ts" setup></script>
+<template>
+  <div class="comBox">
+    <el-card shadow="always">
+      <template #header>
+        <div class="card_header">
+          <div>山东荣信集团</div>
+          <div>2025年7月公司值班表</div>
+          <div>
+            <el-button type="primary">添加值班信息</el-button>
+          </div>
+        </div>
+      </template>
+      <div class="deep_card__body">
+        <table>
+          <tr>
+            <td></td>
+            <td align="center">1日</td>
+            <td align="center">2</td>
+            <td align="center">3</td>
+            <td align="center">4</td>
+            <td align="center">5</td>
+            <td align="center">6</td>
+            <td align="center">7</td>
+            <td align="center">8</td>
+            <td align="center">9</td>
+            <td align="center">10</td>
+            <td align="center">11</td>
+            <td align="center">12</td>
+            <td align="center">13</td>
+            <td align="center">14</td>
+            <td align="center">15</td>
+            <td align="center">16</td>
+            <td align="center">17</td>
+            <td align="center">18</td>
+            <td align="center">19</td>
+            <td align="center">20</td>
+            <td align="center">21</td>
+            <td align="center">22</td>
+            <td align="center">23</td>
+            <td align="center">24</td>
+            <td align="center">25</td>
+            <td align="center">26</td>
+            <td align="center">27</td>
+            <td align="center">28</td>
+            <td align="center">29</td>
+            <td align="center">30</td>
+            <td align="center">31</td>
+          </tr>
+          <tr>
+            <td>公司领导</td>
+            <td>公司领导、公司领导、公司领导</td>
+            <td>2</td>
+            <td>3</td>
+            <td>4</td>
+            <td>5</td>
+            <td>6</td>
+            <td>7</td>
+            <td>8</td>
+            <td>9</td>
+            <td>10</td>
+            <td>11</td>
+            <td>12</td>
+            <td>13</td>
+            <td>14</td>
+            <td>15</td>
+            <td>16</td>
+            <td>17</td>
+            <td>18</td>
+            <td>19</td>
+            <td>20</td>
+            <td>21</td>
+            <td>22</td>
+            <td>23</td>
+            <td>24</td>
+            <td>25</td>
+            <td>26</td>
+            <td>27</td>
+            <td>28</td>
+            <td>29</td>
+            <td>30</td>
+            <td>31</td>
+          </tr>
+        </table>
+      </div>
+    </el-card>
+  </div>
+</template>
+<style lang="scss" scoped>
+.comBox {
+  padding: 10px 20px 0 20px;
+  :deep .el-card__header {
+    padding: 10px 15px;
+  }
+  .deep_card__body {
+    width: 100%;
+    overflow: auto;
+  }
+  .card_header {
+    display: flex;
+    justify-content: space-between;
+    image-rendering: cs;
+    align-items: center;
+  }
+  .tableBox {
+  }
+  :deep table {
+    width: 100%;
+    border-collapse: collapse;
+    th,
+    td {
+      border: 1px solid #ddd;
+      padding: 10px;
+    }
+    th {
+      background-color: #2196f3;
+      color: white;
+      font-weight: bold;
+    }
+    td {
+      min-width: 120px;
+      color: #555;
+    }
+  }
+}
+</style>

src/views/sysworkflow/lowcodepage/appPage/appPageForm/dataBoard.vue

@@ -68,6 +68,9 @@ const echartsInfo = reactive<echatsViews>({
 });
 const dimAry = ref<dimMeaInfo[]>([]);
 const meaAry = ref<dimMeaInfo[]>([]);
+
+const sunDimAry = ref<any>([]);
+const sunMeaAry = ref<any>([]);
 /**
 @ 作者: 秦东
 @ 时间: 2025-06-27 13:06:25
@@ -79,6 +82,8 @@ const dimMeaList = () => {
     console.log("获取维度义量化字段", data);
     dimAry.value = data.data.dimList;
     meaAry.value = data.data.meaList;
+    sunDimAry.value = data.data.sunDimList;
+    sunMeaAry.value = data.data.sunMeaList;
   });
   /*获取视图数据*/
   getChartCont({ id: props.state.formData.form.name }).then((data) => {
@@ -136,8 +141,13 @@ const saveChart = () => {
           />
         </div>
       </el-main>
-      <el-aside width="250px"
+      <el-aside width="250px">
-        ><RightPath :dim-ary="dimAry" :mea-ary="meaAry" />
+        <RightPath
+          :dim-ary="dimAry"
+          :mea-ary="meaAry"
+          :sun-dim-ary="sunDimAry"
+          :sun-mea-ary="sunMeaAry"
+        />
       </el-aside>
     </el-container>
   </div>

src/views/sysworkflow/lowcodepage/appPage/appPageForm/echatesUnit/right.vue

@@ -30,6 +30,18 @@ const props = defineProps({
       return [];
     },
   },
+  sunDimAry: {
+    type: Array,
+    default() {
+      return [];
+    },
+  },
+  sunMeaAry: {
+    type: Array,
+    default() {
+      return [];
+    },
+  },
 });
 
 const pickDimInfo = ref<dimSetInfo>("");
@@ -353,6 +365,8 @@ const shuxingmh = (val: any) => {
       :dim-mea-type="dimMeaType"
       :dim-ary="dimAry"
       :mea-ary="meaAry"
+      :sun-dim-ary="props.sunDimAry"
+      :sun-mea-ary="props.sunMeaAry"
     />
     <FilterPage
       v-if="openFilpage"

src/views/sysworkflow/lowcodepage/appPage/appPageForm/echatesUnit/winBox/dimMea.vue

@@ -30,6 +30,18 @@ const props = defineProps({
       return [];
     },
   },
+  sunDimAry: {
+    type: Array,
+    default() {
+      return [];
+    },
+  },
+  sunMeaAry: {
+    type: Array,
+    default() {
+      return [];
+    },
+  },
 });
 const drawTitle = ref("");
 const leftPick = ref<CollapseIconPositionType>("right");
@@ -629,6 +641,7 @@ const duliangBianhua = () => {
     checkMeaList.value = checkMeaList.value.slice(-1);
   }
 };
+const checkListsund = ref([]);
 </script>
 <template>
   <el-drawer
@@ -684,6 +697,23 @@ const duliangBianhua = () => {
           </el-collapse>
         </div>
       </el-checkbox-group>
+      <el-divider
+        v-if="props.dimMeaType == 3 || props.dimMeaType == 4"
+        content-position="left"
+        >子表</el-divider
+      >
+      <el-tabs v-if="props.dimMeaType != 2" type="border-card">
+        <el-tab-pane v-for="(item, index) in props.sunDimAry" :label="index">
+          <el-checkbox-group v-model="checkListsund">
+            <div v-for="(iv, idx) in item">
+              <el-checkbox :value="iv.field" :label="iv.title" size="large" :key="idx" />
+            </div>
+          </el-checkbox-group>
+        </el-tab-pane>
+        <el-tab-pane label="Config">Config</el-tab-pane>
+        <el-tab-pane label="Role">Role</el-tab-pane>
+        <el-tab-pane label="Task">Task</el-tab-pane>
+      </el-tabs>
 
       <el-divider
         v-if="props.dimMeaType == 3 || props.dimMeaType == 4"
@@ -732,6 +762,19 @@ const duliangBianhua = () => {
           </el-collapse>
         </div>
       </el-checkbox-group>
+      <el-divider
+        v-if="props.dimMeaType == 3 || props.dimMeaType == 4"
+        content-position="left"
+        >子表</el-divider
+      >
+      <el-tabs v-if="props.dimMeaType != 1" type="border-card">
+        <el-tab-pane v-for="(item, index) in props.sunMeaAry" :label="index">{{
+          item
+        }}</el-tab-pane>
+        <el-tab-pane label="Config">Config</el-tab-pane>
+        <el-tab-pane label="Role">Role</el-tab-pane>
+        <el-tab-pane label="Task">Task</el-tab-pane>
+      </el-tabs>
 
       <el-button class="drawBut" type="primary" @click="pickDimMeaSet()">确定</el-button>
     </div>