|
@@ -1,5 +1,14 @@
|
|
|
<template>
|
|
|
- <el-dialog v-model="visible" title="特殊借用申请单" width="75%" :close-on-click-modal="false" @close="onCancel">
|
|
|
+ <el-dialog v-model="visible" title="特殊借用" width="75%" :close-on-click-modal="false" @close="onCancel">
|
|
|
+ <!-- <div style="margin-bottom: 16px">
|
|
|
+ <ol style="padding: 10px 30px; margin-bottom: 20px; border: 1px solid #409eff; border-radius: 5px; background: #e6f7ff">
|
|
|
+ <h2>借用须知:</h2>
|
|
|
+ <li>1、申请借用设备时必须本人来办理,借用期间设备由借用人负责保管。禁止转借他人</li>
|
|
|
+ <li>2、如因人为操作不当造成的设备损坏或设备损失,应由借用人按规定赔偿。</li>
|
|
|
+ <li>3、设备需按时归还,如逾期归还,将限制借用资格。</li>
|
|
|
+ <li>4、设备借用一周以内由实验室管理办公室审核,设备借用一周以上或非我院师生借用时还需实验中心领导审核。</li>
|
|
|
+ </ol>
|
|
|
+ </div> -->
|
|
|
<el-form :model="form" label-width="110px" label-position="top" :rules="rules" ref="formRef">
|
|
|
<el-row :gutter="16">
|
|
|
<el-col :span="8">
|
|
@@ -8,13 +17,13 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="借用人" prop="borrower_name">
|
|
|
- <el-input v-model="form.borrower_name" placeholder="请输入借用人" disabled />
|
|
|
+ <el-form-item label="借用人" prop="emergency_contact">
|
|
|
+ <el-input v-model="form.emergency_contact" placeholder="请输入借用人" disabled />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="学号/工号" prop="user_code">
|
|
|
- <el-input v-model="form.user_code" placeholder="请输入学号/工号" disabled />
|
|
|
+ <el-form-item label="学号/工号" prop="app_user_borrower">
|
|
|
+ <el-input v-model="form.app_user_borrower" placeholder="请输入学号/工号" disabled />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
@@ -40,12 +49,12 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="4">
|
|
|
+ <el-col :span="4" v-if="form.team_type===1">
|
|
|
<el-form-item label="团队人数" prop="team_members_count">
|
|
|
<el-input v-model="form.team_members_count" placeholder="请输入" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="16">
|
|
|
+ <el-col :span="16" v-if="form.team_type===1">
|
|
|
<el-form-item label="团队其他人员名单" prop="team_members">
|
|
|
<el-input v-model="form.team_members" placeholder="请输入团队其他人员名单" />
|
|
|
</el-form-item>
|
|
@@ -55,21 +64,24 @@
|
|
|
<el-input v-model="form.purpose" type="textarea" placeholder="请输入借用原因" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="24">
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="审批人" prop="applicant_remark">
|
|
|
+ <el-select v-model="form.applicant_remark_type" placeholder="请选择">
|
|
|
+ <el-option label="管理员" value="1"/>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
<el-form-item label="备注" prop="applicant_remark">
|
|
|
- <el-input v-model="form.applicant_remark" type="textarea" placeholder="请输入备注" />
|
|
|
+ <el-input v-model="form.applicant_remark" placeholder="请输入备注" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <div style="margin: 16px 0 8px 0; font-weight: bold">借用列表</div>
|
|
|
+ <div style="margin: 16px 0 8px 0; font-weight: bold">借用明细表</div>
|
|
|
<el-table :data="form.items" border style="width: 100%; margin-bottom: 12px">
|
|
|
<el-table-column type="index" label="序号" width="60" />
|
|
|
- <el-table-column prop="device_name" label="设备分类" />
|
|
|
- <el-table-column prop="quantity" label="借用数量">
|
|
|
- <template #default="{ row }">
|
|
|
- <el-input v-model="row.quantity" placeholder="请输入" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column prop="remark" label="设备分类" />
|
|
|
+ <el-table-column prop="quantity" label="借用数量" />
|
|
|
<el-table-column prop="location" label="存放仓库" />
|
|
|
<el-table-column label="操作" width="80">
|
|
|
<template #default="{ row, $index }">
|
|
@@ -89,13 +101,20 @@
|
|
|
<el-button @click="onCancel">关闭</el-button>
|
|
|
<el-button type="primary" @click="onSubmit">提交</el-button>
|
|
|
</template>
|
|
|
- <SelectDeviceDialog v-model:visible="showSelectDeviceDialog" @confirm="onDeviceSelected" />
|
|
|
</el-dialog>
|
|
|
+ <SelectDeviceDialog v-model:visible="showSelectDeviceDialog" @confirm="onDeviceSelected" />
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
import { ref, watch, defineProps, defineEmits, onMounted } from 'vue';
|
|
|
-import SelectDeviceDialog from '../CommonBorrow/SelectDeviceDialog/index.vue';
|
|
|
+import SelectDeviceDialog from './SelectDeviceDialog/index.vue';
|
|
|
+import dayjs from 'dayjs';
|
|
|
+
|
|
|
+const now = dayjs().format('YYYY-MM-DD HH:mm:ss');
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
const props = defineProps<{ visible: boolean; modelValue?: any }>();
|
|
|
const emit = defineEmits(['update:visible', 'update:modelValue', 'submit']);
|
|
|
const visible = ref(props.visible);
|
|
@@ -103,18 +122,22 @@ const formRef = ref();
|
|
|
|
|
|
const form = ref({
|
|
|
application_no: '',
|
|
|
- borrower_name: '',
|
|
|
+ emergency_contact: '',
|
|
|
emergency_phone: '',
|
|
|
- user_code: '',
|
|
|
- borrower_dept: '',
|
|
|
- expected_end_time: '',
|
|
|
+ app_user_borrower: 1,
|
|
|
team_type: 0,
|
|
|
- team_members_count: '',
|
|
|
+ team_members_count: 1,
|
|
|
team_members: '',
|
|
|
+ expected_start_time:'',
|
|
|
+ expected_end_time: '',
|
|
|
+ borrower_dept: '',
|
|
|
purpose: '',
|
|
|
+ applicant_remark_type:'',
|
|
|
applicant_remark: '',
|
|
|
items: [],
|
|
|
accessory_info: '',
|
|
|
+ borrow_type: 2,
|
|
|
+ return_location:''
|
|
|
});
|
|
|
const showSelectDeviceDialog = ref(false);
|
|
|
|
|
@@ -123,12 +146,14 @@ onMounted(() => {
|
|
|
try {
|
|
|
const userInfo = JSON.parse(sessionStorage.getItem('userInfo') || '{}');
|
|
|
if (userInfo) {
|
|
|
- form.value.borrower_name = userInfo.username || '';
|
|
|
- form.value.user_code = userInfo.dept_info?.dept_id || '';
|
|
|
+ form.value.emergency_contact = userInfo.username || '';
|
|
|
+ form.value.app_user_borrower = Number(userInfo.dept_info?.dept_id )|| 1;
|
|
|
form.value.emergency_phone = userInfo.mobile || '';
|
|
|
form.value.borrower_dept = userInfo.dept_info?.dept_name || '';
|
|
|
}
|
|
|
- } catch (e) {}
|
|
|
+ } catch (e) {
|
|
|
+ /* empty */
|
|
|
+ }
|
|
|
});
|
|
|
|
|
|
watch(
|
|
@@ -146,24 +171,30 @@ function addItem() {
|
|
|
showSelectDeviceDialog.value = true;
|
|
|
}
|
|
|
function onDeviceSelected(devices) {
|
|
|
+ // 假设 form.value.items 已存在
|
|
|
form.value.items.push(
|
|
|
...devices.map((d) => ({
|
|
|
device: d.id,
|
|
|
- device_name: d.name,
|
|
|
+ remark: d.category_name,
|
|
|
quantity: 1,
|
|
|
- location: d.location,
|
|
|
+ location: d.warehouse,
|
|
|
}))
|
|
|
);
|
|
|
}
|
|
|
-function removeItem(index) {
|
|
|
+function removeItem(index: number) {
|
|
|
form.value.items.splice(index, 1);
|
|
|
}
|
|
|
function onCancel() {
|
|
|
emit('update:visible', false);
|
|
|
}
|
|
|
function onSubmit() {
|
|
|
- formRef.value.validate((valid) => {
|
|
|
+ formRef.value.validate((valid: boolean) => {
|
|
|
if (valid) {
|
|
|
+ const firstLocation = form.value.items[0]?.location || '';
|
|
|
+ form.value.return_location = firstLocation;
|
|
|
+ form.value.expected_start_time = now;
|
|
|
+ form.value.expected_end_time = dayjs(form.value.expected_end_time).format('YYYY-MM-DD HH:mm:ss')|| now;
|
|
|
+ form.team_members_count=Number(form.team_members_count)||1;
|
|
|
emit('submit', { ...form.value });
|
|
|
emit('update:visible', false);
|
|
|
}
|