|
|
@@ -369,123 +369,147 @@ defineExpose({ open })
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
-
|
|
|
- <el-dialog v-model="leave_visible" :show-close="true" width="80%" top="5vh" style="border-radius: 40px; ">
|
|
|
- <template #header="{ close, titleId, titleClass }">
|
|
|
- <div class="leave_title">请假</div>
|
|
|
- <el-radio-group v-model="type" size="large" @change="typeFun">
|
|
|
- <el-radio-button label="我要请假" value="1" />
|
|
|
- <el-radio-button label="请假记录" value="2" />
|
|
|
- </el-radio-group>
|
|
|
- <div v-show="type == '1'" class="leave">
|
|
|
- <el-form ref="ruleFormRef" style="display: flex;flex-wrap: wrap;" :model="ruleForm" :rules="rules"
|
|
|
- :validate-on-rule-change=false label-width="auto" class="demo-ruleForm" :size="formSize"
|
|
|
- status-icon>
|
|
|
- <el-form-item label="是否离郑" prop="leaveType">
|
|
|
- <el-radio-group v-model="ruleForm.leaveType" @change="leaveStatus">
|
|
|
- <el-radio value="0">不离郑</el-radio>
|
|
|
- <el-radio value="1">离郑</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="本人手机号码" prop="userPhone">
|
|
|
- <el-input v-model="ruleForm.userPhone" placeholder="请输入本人手机号码" />
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="班长姓名" prop="monitorName" v-if="ruleForm.leaveType == '1'">
|
|
|
- <el-input v-model="ruleForm.monitorName" placeholder="请输入班长姓名" />
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="宿舍" prop="dormitory">
|
|
|
- <el-input v-model="ruleForm.dormitory" placeholder="例如松15-XXX" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="请假原因" prop="reason">
|
|
|
- <el-input v-model="ruleForm.reason" type="textarea" placeholder="一定要写清楚，例如拔牙" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="出行目的地" prop="destination">
|
|
|
- <el-input v-model="ruleForm.destination" type="textarea"
|
|
|
- placeholder="一定要写清楚，例如郑州市中原区高新区郑州中心医院" />
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="父母是否知情" prop="isKnow">
|
|
|
-
|
|
|
- <el-radio-group v-model="ruleForm.isKnow">
|
|
|
- <el-radio value="1">知情</el-radio>
|
|
|
- <el-radio value="0">不知情</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="同行人电话" prop="companionsPhone" v-if="ruleForm.leaveType == '1'">
|
|
|
- <el-input v-model="ruleForm.companionsPhone" placeholder="请输入同行人电话" />
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="母亲电话" prop="motherPhone">
|
|
|
- <el-input v-model="ruleForm.motherPhone" placeholder="请输入母亲电话" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="父亲电话" prop="fatherPhone">
|
|
|
- <el-input v-model="ruleForm.fatherPhone" placeholder="请输入父亲电话" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="出行方式" prop="travelMode">
|
|
|
- <el-input v-model="ruleForm.travelMode" placeholder="请输入出行方式" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="请假时间" prop="startTime">
|
|
|
- <el-date-picker v-model="ruleForm.startTime" type="datetime" placeholder="请输入请假时间"
|
|
|
- style="width: 100%;" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="返校时间" prop="endTime">
|
|
|
- <el-date-picker v-model="ruleForm.endTime" type="datetime" placeholder="请输入返校时间"
|
|
|
- style="width: 100%;" />
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- </el-form>
|
|
|
- <div class="reset_sub">
|
|
|
- <el-button @click="resetData(ruleFormRef)">重置</el-button>
|
|
|
- <el-button type="success" @click="submitForm(ruleFormRef)" :disabled="buttonStatus">提交</el-button>
|
|
|
+ <div class="outt"> <el-dialog v-model="leave_visible" :show-close="true" width="80%" top="5vh"
|
|
|
+ style="border-radius: 40px; ">
|
|
|
+ <template #header="{ close, titleId, titleClass }">
|
|
|
+ <!-- <img src="../assets/zs/top_leave.png" alt="" > -->
|
|
|
+ <div class="leave_title"></div>
|
|
|
+ <el-radio-group v-model="type" size="large" @change="typeFun" style="margin-left:20px">
|
|
|
+ <el-radio-button label="我要请假" value="1" />
|
|
|
+ <el-radio-button label="请假记录" value="2" />
|
|
|
+ </el-radio-group>
|
|
|
+ <div v-show="type == '1'" class="leave">
|
|
|
+ <el-form ref="ruleFormRef" style="display: flex;flex-wrap: wrap;" :model="ruleForm" :rules="rules"
|
|
|
+ :validate-on-rule-change=false label-width="auto" class="demo-ruleForm" :size="formSize"
|
|
|
+ status-icon>
|
|
|
+ <el-form-item label="是否离郑" prop="leaveType">
|
|
|
+ <el-radio-group v-model="ruleForm.leaveType" @change="leaveStatus">
|
|
|
+ <el-radio value="0">不离郑</el-radio>
|
|
|
+ <el-radio value="1">离郑</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="本人手机号码" prop="userPhone">
|
|
|
+ <el-input v-model="ruleForm.userPhone" placeholder="请输入本人手机号码" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="班长姓名" prop="monitorName" v-if="ruleForm.leaveType == '1'">
|
|
|
+ <el-input v-model="ruleForm.monitorName" placeholder="请输入班长姓名" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="宿舍" prop="dormitory">
|
|
|
+ <el-input v-model="ruleForm.dormitory" placeholder="例如松15-XXX" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="请假原因" prop="reason">
|
|
|
+ <el-input v-model="ruleForm.reason" :rows="1" type="textarea" placeholder="一定要写清楚，例如拔牙" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="出行目的地" prop="destination">
|
|
|
+ <el-input v-model="ruleForm.destination" :rows="1" type="textarea"
|
|
|
+ placeholder="一定要写清楚，例如郑州市中原区高新区郑州中心医院" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="父母是否知情" prop="isKnow">
|
|
|
+
|
|
|
+ <el-radio-group v-model="ruleForm.isKnow">
|
|
|
+ <el-radio value="1">知情</el-radio>
|
|
|
+ <el-radio value="0">不知情</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="同行人电话" prop="companionsPhone" v-if="ruleForm.leaveType == '1'">
|
|
|
+ <el-input v-model="ruleForm.companionsPhone" placeholder="请输入同行人电话" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="母亲电话" prop="motherPhone">
|
|
|
+ <el-input v-model="ruleForm.motherPhone" placeholder="请输入母亲电话" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="父亲电话" prop="fatherPhone">
|
|
|
+ <el-input v-model="ruleForm.fatherPhone" placeholder="请输入父亲电话" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="出行方式" prop="travelMode">
|
|
|
+ <el-input v-model="ruleForm.travelMode" placeholder="请输入出行方式" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="请假时间" prop="startTime">
|
|
|
+ <el-date-picker v-model="ruleForm.startTime" type="datetime" placeholder="请输入请假时间"
|
|
|
+ style="width: 100%;" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="返校时间" prop="endTime">
|
|
|
+ <el-date-picker v-model="ruleForm.endTime" type="datetime" placeholder="请输入返校时间"
|
|
|
+ style="width: 100%;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ <div class="reset_sub">
|
|
|
+ <el-button @click="resetData(ruleFormRef)"
|
|
|
+ style="border-radius: 40px;padding:10px 40px">重置</el-button>
|
|
|
+ <el-button type="success" @click="submitForm(ruleFormRef)" :disabled="buttonStatus"
|
|
|
+ style="border-radius: 40px;padding:10px 40px">提交</el-button>
|
|
|
+ </div>
|
|
|
+ <div class="leave_tip"> 温馨提示：（天气寒冷，晚上行人少，为保证大家安全，返校时间尽量在21:00之前）
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="leave_tip"> 温馨提示：（天气寒冷，晚上行人少，为保证大家安全，返校时间尽量在21:00之前）
|
|
|
+ <div v-show="type == '2'" style="padding:10px 20px">
|
|
|
+ <el-table :data="tableData" style="width: 100%;height: 60vh;"
|
|
|
+ :header-cell-style="{ background: '#F8F8F8', color: '#606266' }">
|
|
|
+ <el-table-column fixed prop="leaveType" label="是否离郑" width="" :formatter="leaveTypeFormatter" />
|
|
|
+ <el-table-column prop="userPhone" label="本人手机号码" width="" />
|
|
|
+ <el-table-column prop="monitorName" label="班长姓名" width="" />
|
|
|
+ <el-table-column prop="dormitory" label="宿舍" width="" />
|
|
|
+ <el-table-column prop="reason" label="请假原因" width="" />
|
|
|
+ <el-table-column prop="destination" label="出行目的地" width="" />
|
|
|
+ <el-table-column prop="isKnow" label="父母是否知情" width="" :formatter="isKnowFormatter" />
|
|
|
+ <el-table-column prop="companionsPhone" label="同行人电话" width="" />
|
|
|
+ <el-table-column prop="motherPhone" label="母亲电话" width="" />
|
|
|
+ <el-table-column prop="fatherPhone" label="父亲电话" width="" />
|
|
|
+ <el-table-column prop="travelMode" label="出行方式" width="" />
|
|
|
+ <el-table-column prop="startTime" label="请假时间" width="" />
|
|
|
+ <el-table-column prop="endTime" label="返校时间" width="" />
|
|
|
+ <el-table-column fixed="right" prop="auditSuggest" label="审核建议" width="" />
|
|
|
+ <el-table-column fixed="right" prop="auditStatus" label="审核状态" width=""
|
|
|
+ :formatter="auditStatusFormatter" />
|
|
|
+ <el-table-column fixed="right" prop="auditResult" label="审核结果" width=""
|
|
|
+ :formatter="auditResultFormatter" />
|
|
|
+ <el-table-column fixed="right" label="操作" min-width="">
|
|
|
+ <template #default="scoped">
|
|
|
+
|
|
|
+ <el-button v-show="scoped.row.auditResult == null" link type="primary" size="small"
|
|
|
+ @click="editFun(scoped.row)">重新编辑</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-pagination background v-model:current-page="pageNum" :page-size="pageSize"
|
|
|
+ layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div v-show="type == '2'">
|
|
|
- <el-table :data="tableData" style="width: 100%;height: 60vh;"
|
|
|
- :header-cell-style="{ background: '#F8F8F8', color: '#606266' }">
|
|
|
- <el-table-column fixed prop="leaveType" label="是否离郑" width="" :formatter="leaveTypeFormatter" />
|
|
|
- <el-table-column prop="userPhone" label="本人手机号码" width="" />
|
|
|
- <el-table-column prop="monitorName" label="班长姓名" width="" />
|
|
|
- <el-table-column prop="dormitory" label="宿舍" width="" />
|
|
|
- <el-table-column prop="reason" label="请假原因" width="" />
|
|
|
- <el-table-column prop="destination" label="出行目的地" width="" />
|
|
|
- <el-table-column prop="isKnow" label="父母是否知情" width="" :formatter="isKnowFormatter" />
|
|
|
- <el-table-column prop="companionsPhone" label="同行人电话" width="" />
|
|
|
- <el-table-column prop="motherPhone" label="母亲电话" width="" />
|
|
|
- <el-table-column prop="fatherPhone" label="父亲电话" width="" />
|
|
|
- <el-table-column prop="travelMode" label="出行方式" width="" />
|
|
|
- <el-table-column prop="startTime" label="请假时间" width="" />
|
|
|
- <el-table-column prop="endTime" label="返校时间" width="" />
|
|
|
- <el-table-column fixed="right" prop="auditSuggest" label="审核建议" width="" />
|
|
|
- <el-table-column fixed="right" prop="auditStatus" label="审核状态" width=""
|
|
|
- :formatter="auditStatusFormatter" />
|
|
|
- <el-table-column fixed="right" prop="auditResult" label="审核结果" width=""
|
|
|
- :formatter="auditResultFormatter" />
|
|
|
- <el-table-column fixed="right" label="操作" min-width="">
|
|
|
- <template #default="scoped">
|
|
|
-
|
|
|
- <el-button v-show="scoped.row.auditResult == null" link type="primary" size="small"
|
|
|
- @click="editFun(scoped.row)">重新编辑</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <el-pagination background v-model:current-page="pageNum" :page-size="pageSize"
|
|
|
- layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <CpdmLeaveEdit ref="editFlag" @search='listFun' />
|
|
|
- </el-dialog>
|
|
|
+ </template>
|
|
|
+ <CpdmLeaveEdit ref="editFlag" @search='listFun' />
|
|
|
+ </el-dialog></div>
|
|
|
+
|
|
|
|
|
|
</template>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+.outt {
|
|
|
+ :deep(.el-dialog) {
|
|
|
+ padding: 0px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ :deep(.el-dialog__header.show-close) {
|
|
|
+ padding-right: 0px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ :deep(.el-dialog__headerbtn .el-dialog__close) {
|
|
|
+ color: #ffffff !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
.leave {
|
|
|
+ padding: 10px 20px;
|
|
|
+
|
|
|
+ :deep(.el-form) {
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+
|
|
|
:deep(.el-form-item) {
|
|
|
- width: 50% !important;
|
|
|
+ width: 48% !important;
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
|
|
|
@@ -500,7 +524,8 @@ defineExpose({ open })
|
|
|
}
|
|
|
|
|
|
:deep(.el-form-item__content) {
|
|
|
- align-items: flex-start !important;
|
|
|
+ // align-items: flex-start !important;
|
|
|
+ align-items: center !important;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -522,6 +547,12 @@ defineExpose({ open })
|
|
|
|
|
|
|
|
|
.leave_title {
|
|
|
+ background: url(../assets/zs/top_leave.png) no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ // border-radius: 40px;
|
|
|
+ border-top-left-radius: 40px;
|
|
|
+ border-top-right-radius: 40px;
|
|
|
+ height: 40px;
|
|
|
text-align: center;
|
|
|
color: #333333;
|
|
|
font-weight: 700;
|
