加班管理

src/views/Home/clgl/ClglCreate.vue

@@ -1,5 +1,8 @@
 <template>
-  <ContentWrap>
+  <el-card >
+    <template #header>
+      <span style="font-size: 16px">创建车辆管理流程</span>
+    </template>
     <el-form
       ref="formRef"
       :model="formData"
@@ -104,8 +107,10 @@
         <el-input v-model="formData.carRemark" type="textarea" placeholder="请输入备注" />
       </el-form-item>
     </el-form>
-    <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+    <template #footer>
-  </ContentWrap>
+      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+    </template>
+  </el-card>
 </template>
 <script setup lang="ts">
 import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'

src/views/Home/clgl/ClglDetail.vue

@@ -1,5 +1,8 @@
 <template>
-  <ContentWrap>
+  <el-card>
+    <template #header>
+      <span style="font-size: 16px">车辆管理流程</span>
+    </template>
     <el-form
       ref="formRef"
       :model="formData"
@@ -108,7 +111,7 @@
         <el-input v-model="formData.carRemark" type="textarea" placeholder="请输入备注" disabled />
       </el-form-item>
     </el-form>
-  </ContentWrap>
+  </el-card>
 </template>
 <script setup lang="ts">
 import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'

src/views/Home/qjgl/QjglCreate.vue

@@ -1,5 +1,8 @@
 <template>
-  <ContentWrap>
+  <el-card >
+    <template #header>
+      <span style="font-size: 16px">创建请假管理流程</span>
+    </template>
 <!--  <Dialog :title="dialogTitle" v-model="dialogVisible">-->
     <el-form
       ref="formRef"
@@ -79,17 +82,20 @@
       </el-col>
       </el-row>
     </el-form>
-  <el-form>
+<!--  <el-form>-->
-    <el-form-item>
+<!--    <el-form-item>-->
-      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+<!--      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>-->
-    </el-form-item>
+<!--    </el-form-item>-->
-  </el-form>
+<!--  </el-form>-->
 <!--    <template #footer>-->
 <!--      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>-->
 <!--      <el-button @click="dialogVisible = false">取 消</el-button>-->
 <!--    </template>-->
 <!--  </Dialog>-->
-  </ContentWrap>
+    <template #footer>
+      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+    </template>
+  </el-card>
 </template>
 <script setup lang="ts">
 import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'

src/views/Home/qjgl/QjglDetail.vue

@@ -1,12 +1,14 @@
 <template>
-  <ContentWrap>
+  <el-card>
-    <!--  <Dialog :title="dialogTitle" v-model="dialogVisible">-->
+    <template #header>
+      <span style="font-size: 16px">请假管理流程</span>
+    </template>
     <el-form
-        ref="formRef"
+      ref="formRef"
-        :model="formData"
+      :model="formData"
-        :rules="formRules"
+      :rules="formRules"
-        label-width="100px"
+      label-width="100px"
-        v-loading="formLoading"
+      v-loading="formLoading"
     >
       <el-row>
         <el-col :span="24">
@@ -22,29 +24,29 @@
         <el-col :span="12">
           <el-form-item label="部门" prop="deptId">
             <el-input v-model="formData.deptId" placeholder="请输入部门" v-show="false"  />
-<!--            <div class="pull-left" v-show="true" v-if="userInfo?.dept">{{ userInfo?.dept.name }} </div>-->
+            <!--            <div class="pull-left" v-show="true" v-if="userInfo?.dept">{{ userInfo?.dept.name }} </div>-->
             <div class="pull-left" v-show="true" v-if="deptInfo">{{ deptInfo }} </div>
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="开始时间" prop="startTime" readonly>
             <el-date-picker
-                v-model="formData.startTime"
+              v-model="formData.startTime"
-                type="datetime"
+              type="datetime"
-                value-format="x"
+              value-format="x"
-                placeholder="选择开始时间"
+              placeholder="选择开始时间"
-                disabled
+              disabled
             />
           </el-form-item>
         </el-col>
         <el-col :span="12">
           <el-form-item label="结束时间" prop="endTime" >
             <el-date-picker
-                v-model="formData.endTime"
+              v-model="formData.endTime"
-                type="datetime"
+              type="datetime"
-                value-format="x"
+              value-format="x"
-                placeholder="选择结束时间"
+              placeholder="选择结束时间"
-                disabled
+              disabled
             />
           </el-form-item>
         </el-col>
@@ -53,10 +55,10 @@
           <el-form-item label="请假类型" prop="type" >
             <el-select v-model="formData.type" placeholder="请选择请假类型" :disabled="isReadOnly">
               <el-option
-                  v-for="dict in getIntDictOptions(DICT_TYPE.BPM_OA_LEAVE_TYPE)"
+                v-for="dict in getIntDictOptions(DICT_TYPE.BPM_OA_LEAVE_TYPE)"
-                  :key="dict.value"
+                :key="dict.value"
-                  :label="dict.label"
+                :label="dict.label"
-                  :value="dict.value"
+                :value="dict.value"
               />
             </el-select>
           </el-form-item>
@@ -74,7 +76,8 @@
         </el-col>
       </el-row>
     </el-form>
-  </ContentWrap>
+  </el-card>
+    <!--  <Dialog :title="dialogTitle" v-model="dialogVisible">-->
 </template>
 <script setup lang="ts">
 import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'