Commit f0bb03ee by duxingshan

1、借出归还台账接口对接

2、设备台账接口对接
3、部分细节调整
parent f96f58a8
......@@ -5,4 +5,4 @@ VUE_APP_TITLE = 智慧校园管理系统
ENV = 'production'
# 智慧校园/生产环境
VUE_APP_BASE_API = '/prod-api'
VUE_APP_BASE_API = '/gld_api'
......@@ -38,7 +38,7 @@ export function editEquipmentLedger(data) {
//根据分类编码ID获取设备型号
export function getModelByID(id) {
return request({
url: `productCategory/getEquipmentByCode/${id}`,
url: `/productCategory/getEquipmentByCode/${id}`,
method: "GET",
});
}
......@@ -46,7 +46,19 @@ export function getModelByID(id) {
//设备台账出库 删除
export function deleteEquipmentLedger(id) {
return request({
url: `equipmentLedger/outStock/${id}`,
url: `/equipmentLedger/outStock/${id}`,
method: "POST",
});
}
/**
* 公共接口
* 获取用户列表
**/
export function getUserList(params) {
return request({
url: '/equipmentLedger/getUser',
method: "GET",
params
});
}
import request from "@/utils/request";
//查询借出归还台账列表
export function getLendingReturn(params) {
return request({
url: "/circulation/list",
method: "GET",
params,
});
}
//借出归还台账 根据ID获取详情
export function getLRDetailByID(id) {
return request({
url: `/circulation/${id}`,
method: "GET",
});
}
//借出归还台账新增
export function addLendingReturn(data) {
return request({
url: "/circulation/add",
method: "POST",
data,
});
}
//借出归还台账编辑
export function editLendingReturn(data) {
return request({
url: "/circulation/edit",
method: "PUT",
data,
});
}
//借出归还台账删除
export function deleteLendingReturn(id) {
return request({
url: `/circulation/delete/${id}`,
method: "POST",
});
}
......@@ -22,9 +22,10 @@
<div class="login-card-left">
<el-image
style="width: 600px;"
:src="require('@/assets/images/logo-login.gif')"
:src="require('@/assets/images/login.png')"
lazy
></el-image>
<!-- :src="require('@/assets/images/logo-login.gif')"-->
</div>
<div class="login-card-right">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
......@@ -200,6 +201,9 @@ export default {
</script>
<style rel="stylesheet/scss" lang="scss">
.login {
background-color: rgba(0,191,255,0.15);
}
.login-container {
//transition: transform .5s ease-in;
......
......@@ -247,12 +247,6 @@ export default {
})
},
// 查询管理员列表
handleQueryVehicle() {
this.throttle(() => {
this.getVehicleList();
})
},
rowClick(row) {
this.$refs.vehicleSelectTable.clearSelection();
this.$refs.vehicleSelectTable.toggleRowSelection(row, true);
......
......@@ -42,7 +42,7 @@
@click="handleDelete(0)" :disabled="isDisabledBtn">批量出库</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="success" icon="el-icon-download" size="mini" @click="handleImport">导入</el-button>
<el-button type="success" icon="el-icon-download" size="mini" @click="upload.open = true">导入</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" icon="el-icon-upload2" size="mini" @click="handleExportClass">导出</el-button>
......@@ -217,8 +217,12 @@
</el-col>
<el-col :span="12">
<el-form-item label="使用人:" prop="useName">
<el-input v-model="form.useName" placeholder="请输入使用人"
:disabled="nowOptionType==2?true:false" clearable></el-input>
<el-select v-model="form.useId" filterable placeholder="请选择使用人"
:disabled="nowOptionType==2?true:false" clearable>
<el-option v-for="(item,index) in userList" :key="index"
:label="item.userName" :value="item.userId">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
......@@ -239,37 +243,39 @@
</el-dialog>
<!-- 导入对话框-->
<!-- <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>-->
<!-- <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url"-->
<!-- :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess"-->
<!-- :auto-upload="false" drag>-->
<!-- <i class="el-icon-upload"></i>-->
<!-- <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>-->
<!-- <div class="el-upload__tip text-center" slot="tip">-->
<!-- <span>仅允许导入xls、xlsx格式文件。</span>-->
<!-- <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"-->
<!-- @click="importTemplate">下载模板-->
<!-- </el-link>-->
<!-- </div>-->
<!-- </el-upload>-->
<!-- <div slot="footer" class="dialog-footer">-->
<!-- <el-button type="primary" @click="submitFileForm">确 定</el-button>-->
<!-- <el-button @click="upload.open = false">取 消</el-button>-->
<!-- </div>-->
<!-- </el-dialog>-->
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
<el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url"
:disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess"
:auto-upload="false" drag>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
<div class="el-upload__tip text-center" slot="tip">
<span>仅允许导入xls、xlsx格式文件。</span>
<el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
@click="importTemplate">下载模板
</el-link>
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm">确 定</el-button>
<el-button @click="upload.open = false">取 消</el-button>
</div>
</el-dialog>
<!-- 打印二维码 弹框部分 -->
<el-dialog title="打印条码预览" :visible.sync="printDialog" width="30%">
<div class="qrCodeList">
<div v-for="(item,index) in chooseList" :key="index" class="flexBlock qrCode">
<div class="qrCodeLeft">
<div :id="'qrcode' + index"></div>
<div>{{item.encode}}</div>
</div>
<div class="qrCodeRight">
<div>东营市二中</div>
<div>型号:{{ item.model }}</div>
<div>设备名称:{{ item.equipmentName }}</div>
<div v-for="(item,index) in chooseList" :key="index">
<div class="titlShow">东营市二中</div>
<div class="flexBlock qrCode">
<div class="qrCodeLeft">
<div :id="'qrcode' + index"></div>
<div>{{item.encode}}</div>
</div>
<div class="qrCodeRight">
<div>{{ item.equipmentName }}:{{ item.model }}</div>
<div>地点:{{ item.place }}</div>
</div>
</div>
</div>
</div>
......@@ -281,15 +287,17 @@
<!-- 隐藏二维码页面样式 -->
<div id="printBlock">
<div v-for="(item,index) in printList" :key="index" class="flexBlock printQrCode">
<div class="qrCodeLeft">
<div :id="'print' + index" class="printImg"></div>
<div>{{item.encode}}</div>
</div>
<div class="printRight">
<div>东营市二中</div>
<div>型号:{{ item.model }}</div>
<div>设备名称:{{ item.equipmentName }}</div>
<div v-for="(item,index) in printList" :key="index" class="printBody">
<div class="titlePrint">东营市二中</div>
<div class="flexBlock printQrCode">
<div class="printLeft">
<div :id="'print' + index" class="printImg"></div>
<div>{{item.encode}}</div>
</div>
<div class="printRight">
<div>{{ item.equipmentName }}:{{ item.model }}</div>
<div>地点:{{item.place}}</div>
</div>
</div>
<div style="page-break-after:always"></div>
</div>
......@@ -306,7 +314,7 @@ import { getToken } from "@/utils/auth";
import {
addEquipmentLedger, deleteEquipmentLedger, editEquipmentLedger,
getEquipmentLedger,
getEquipmentLedgerDetailByID, getModelByID
getEquipmentLedgerDetailByID, getModelByID, getUserList
} from "../../../../api/smartSchool/schoolProperty/equipmenTledger";
import { getProduct } from "../../../../api/smartSchool/schoolProperty/classiFication";
import Treeselect from "@riophae/vue-treeselect";
......@@ -345,7 +353,7 @@ export default {
// 设置上传的请求头部
headers: { Authorization: "Bearer " + getToken() },
// 上传的地址
url: process.env.VUE_APP_BASE_API + "/schoolClass/importData"
url: process.env.VUE_APP_BASE_API + "/equipmentLedger/importData"
},
form: {
id:'',
......@@ -363,6 +371,7 @@ export default {
price:'',
lifeOfUtility:'',
place:'',
useId:'',
useName:'',
remark:'',
},
......@@ -382,7 +391,8 @@ export default {
isDisabledBtn:true,
chooseList:[], //用户选择的table数据
printDialog:false, // 打印二维码预览
printList:[]
printList:[],
userList:[] //使用人列表
};
},
created() {
......@@ -465,9 +475,11 @@ export default {
lifeOfUtility:'',
place:'',
useName:'',
useId:'',
remark:'',
}
this.nowOptionType = type
this.getSelectUser()
if(type != 0){
getEquipmentLedgerDetailByID(id).then(res=>{
if(res.code == 200){
......@@ -481,8 +493,19 @@ export default {
this.dialogVisible = true
},
//使用人列表数据
getSelectUser(){
getUserList().then(res=>{
if(res.code == 200){
this.userList = res.rows
}
})
},
//表单提交
submitForm(){
const useId = this.form.useId
this.form.useName = this.userList.find(item=>item.userId == useId).userName
this.$refs['form'].validate((valid) => {
if (valid) {
if(this.nowOptionType == 0){
......@@ -502,6 +525,7 @@ export default {
lifeOfUtility:this.form.lifeOfUtility,
place:this.form.place,
useName:this.form.useName,
useId,
remark:this.form.remark,
}
addEquipmentLedger(data).then(res=>{
......@@ -523,7 +547,6 @@ export default {
}
}
})
},
//出库
......@@ -552,8 +575,37 @@ export default {
},
//导入
handleImport(){},
//模版下载
importTemplate(){
this.download(
"/equipmentLedger/importTemplate",
{},
`设备台账_template_${new Date().getTime()}.xlsx`
);
},
// 文件上传中处理
handleFileUploadProgress(event, file, fileList) {
this.upload.isUploading = true;
},
// 文件上传成功处理
handleFileSuccess(response, file, fileList) {
this.upload.open = false;
this.upload.isUploading = false;
this.$refs.upload.clearFiles();
this.$alert(
"<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
response.msg +
"</div>",
"导入结果",
{ dangerouslyUseHTMLString: true }
);
this.getList();
},
// 提交上传文件
submitFileForm() {
this.$refs.upload.submit();
},
//导出
handleExportClass(){
......@@ -574,19 +626,25 @@ export default {
this.printList = this.chooseList
this.$nextTick(()=>{
this.chooseList.map((item,index) => {
new QRCode(`qrcode${index}`, {
width: 150,
height: 150,
text: item.encode,
});
const dom = document.getElementById(`qrcode${index}`).lastElementChild
if(dom == null){
new QRCode(`qrcode${index}`, {
width: 150,
height: 150,
text: item.encode,
});
}
})
this.printList.map((item,index) =>{
new QRCode(`print${index}`, {
width: 80,
height: 80,
text: item.encode,
});
const domPrint = document.getElementById(`print${index}`).lastElementChild
if(domPrint == null) {
new QRCode(`print${index}`, {
width: 60,
height: 60,
text: item.encode,
});
}
})
})
......@@ -598,14 +656,26 @@ export default {
printable: 'printBlock', // 标签元素id
type: 'html',
targetStyles: ['*'],
style:'#printBlock{display:block!important}'
font_size: '10px',
style:`
@media print{
@page{
size:auto;
margin:4mm 0mm 0mm 0mm
}
@page :first {
margin-top:2mm
}
#printBlock{
display:block!important
}
}`
})
},
// 多选框选中数据
handleSelectionChange(selection) {
this.chooseList = selection
console.log("selection",selection)
this.electItem = selection.map(item=>{
return item.id
})
......@@ -641,30 +711,43 @@ export default {
.qrCodeRight {
padding:20px 0 20px 15px;
}
.qrCodeRight div:first-child {
font-size: 18px;
.titlShow {
font-weight: bold;
text-align: center;
padding-bottom: 10px;
font-size: 16px;
}
#printBlock {
display: none;
margin: 0px!important;
}
.printLeft {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.printBody {
width: 250px;
}
.printQrCode {
font-size: 10px;
line-height: 30px;
align-items: flex-start;
padding: 10px;
font-size: 6px;
line-height: 20px;
align-items: center;
padding: 8px;
}
.printRight {
padding:10px 0 10px 5px;
width: 60%;
padding:0 5px;
}
.printRight div:first-child {
font-size: 12px;
.titlePrint {
font-size: 8px;
font-weight: bold;
text-align: center;
}
.printImg {
display: block;
margin-left: 30px;
}
</style>
......@@ -2,10 +2,10 @@
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="80px">
<el-form-item label="设备名称" prop="studentName">
<el-input v-model="queryParams.xc" placeholder="请输入设备名称" clearable/>
<el-input v-model="queryParams.equipmentName" placeholder="请输入设备名称" clearable/>
</el-form-item>
<el-form-item label="借用日期" prop="studentName">
<el-date-picker v-model="queryParams.xc" type="date" clearable
<el-date-picker v-model="queryParams.borrowTime" type="date" clearable
placeholder="请选择借用日期" format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
......@@ -20,22 +20,21 @@
</el-col>
</el-row>
<el-table v-loading="loading" :data="lendReturnData" stripe>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column label="序号" type="index" width="55" align="center"/>
<el-table-column label="自编码" align="center" prop="studentName"/>
<el-table-column label="设备名称" align="center" prop="studentNumber"/>
<el-table-column label="型号" align="center" prop="studentNumber"/>
<el-table-column label="借用日期" align="center" prop="studentNumber"/>
<el-table-column label="借用人" align="center" prop="studentNumber"/>
<el-table-column label="用途" align="center" prop="studentNumber"/>
<el-table-column label="借用期限(天)" align="center" prop="studentNumber"/>
<el-table-column label="归还日期" align="center" prop="studentNumber"/>
<el-table-column label="归还时设备情况" align="center" prop="studentNumber"/>
<el-table-column label="接收人" align="center" prop="studentNumber"/>
<el-table-column label="预计使用时间" align="center" prop="studentNumber"/>
<el-table-column label="实际使用时间" align="center" prop="studentNumber"/>
<el-table-column label="备注" align="center" prop="studentNumber"/>
<el-table-column label="操作" align="center" prop="orgname" width="150">
<el-table-column label="自编码" align="center" prop="encode"/>
<el-table-column label="设备名称" align="center" prop="equipmentName"/>
<el-table-column label="型号" align="center" prop="model"/>
<el-table-column label="借用日期" align="center" prop="borrowTime"/>
<el-table-column label="借用人" align="center" prop="borrowBy"/>
<el-table-column label="用途" align="center" prop="purpose"/>
<el-table-column label="借用期限(天)" align="center" prop="deadline"/>
<el-table-column label="归还日期" align="center" prop="returnTime"/>
<el-table-column label="归还时设备情况" align="center" prop="returnEquipmentCondition"/>
<el-table-column label="接收人" align="center" prop="receivedBy"/>
<el-table-column label="预计使用时间" align="center" prop="yjuseTime"/>
<el-table-column label="实际使用时间" align="center" prop="sjuseTime"/>
<el-table-column label="备注" align="center" prop="remark"/>
<el-table-column label="操作" align="center" prop="orgname" width="150" fixed="right">
<template slot-scope="{ row }">
<el-button type="text" size="small" @click="handleOption(1,row)">编辑</el-button>
<el-button type="text" size="small" @click="handleOption(2,row)">查看</el-button>
......@@ -48,83 +47,112 @@
<!-- 新增、编辑、查看页面 -->
<el-dialog title="详细信息" :visible.sync="dialogVisible" width="50%">
<el-form :model="lendReturnForm" :rules="lendReturnRules" ref="achievementForm"
label-width="110px" label-position="right">
<el-form :model="lendReturnForm" :rules="lendReturnRules" ref="lendReturnForm"
label-width="120px" label-position="right">
<el-row :gutter="30">
<el-col :span="12">
<el-form-item label="自编码" prop="idCard">
<el-input v-model="lendReturnForm" placeholder="请输入自编码"></el-input>
<el-form-item label="自编码" prop="encode">
<el-input v-model="lendReturnForm.encode" placeholder="请输入自编码"
:disabled="nowType != 0?true:false" @change="getOtherInfoByCode"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="借用人" prop="idCard">
<el-input v-model="lendReturnForm" placeholder="请输入借用人"></el-input>
<el-form-item label="借用人" prop="borrowById">
<el-select v-model="lendReturnForm.borrowById" filterable placeholder="请选择借用人"
:disabled="nowType == 2?true:false" clearable>
<el-option v-for="(item,index) in userList" :key="index"
:label="item.userName" :value="item.userId">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="30">
<el-col :span="12">
<el-form-item label="设备名称" prop="idCard">
<el-input v-model="lendReturnForm" placeholder="请输入设备名称"></el-input>
<el-form-item label="设备名称" prop="equipmentName">
<el-input v-model="lendReturnForm.equipmentName" placeholder="请输入设备名称" :disabled="nowType == 2?true:false"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="型号" prop="idCard">
<el-input v-model="lendReturnForm" placeholder="请输入型号"></el-input>
<el-form-item label="型号" prop="model">
<el-input v-model="lendReturnForm.model" placeholder="请输入型号" :disabled="nowType == 2?true:false"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="30">
<el-col :span="12">
<el-form-item label="借用日期" prop="idCard">
<el-date-picker v-model="lendReturnForm" type="date" clearable class="selectWidth"
placeholder="请选择借用日期" format="yyyy-MM-dd">
<el-form-item label="借用日期" prop="borrowTime">
<el-date-picker v-model="lendReturnForm.borrowTime" type="date" clearable class="selectWidth"
placeholder="请选择借用日期" format="yyyy-MM-dd" :disabled="nowType == 2?true:false">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="归还日期" prop="idCard">
<el-date-picker v-model="lendReturnForm" type="date" clearable class="selectWidth"
placeholder="请选择归还日期" format="yyyy-MM-dd">
<el-form-item label="归还日期" prop="returnTime">
<el-date-picker v-model="lendReturnForm.returnTime" type="date" clearable class="selectWidth"
placeholder="请选择归还日期" format="yyyy-MM-dd" :disabled="nowType == 2?true:false">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="30">
<el-col :span="12">
<el-form-item label="借用期限(天)" prop="idCard">
<el-input v-model="lendReturnForm" placeholder="请输入借用期限"></el-input>
<el-form-item label="借用期限(天)" prop="deadline">
<el-input v-model="lendReturnForm.deadline" placeholder="请输入借用期限" :disabled="nowType == 2?true:false"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="归还时设备情况" prop="idCard">
<el-input v-model="lendReturnForm" placeholder="请输入归还时设备情况"></el-input>
<el-form-item label="归还时设备情况" prop="returnEquipmentCondition">
<el-input v-model="lendReturnForm.returnEquipmentCondition" placeholder="请输入归还时设备情况"
:disabled="nowType == 2?true:false"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="30">
<el-col :span="12">
<el-form-item label="用途" prop="idCard">
<el-input v-model="lendReturnForm" placeholder="请输入用途"></el-input>
<el-form-item label="用途" prop="purpose">
<el-input v-model="lendReturnForm.purpose" placeholder="请输入用途" :disabled="nowType == 2?true:false"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="接收人" prop="idCard">
<el-input v-model="lendReturnForm" placeholder="请输入接收人"></el-input>
<el-form-item label="接收人" prop="receivedById">
<el-select v-model="lendReturnForm.receivedById" filterable placeholder="请选择接收人"
:disabled="nowType == 2?true:false" clearable>
<el-option v-for="(item,index) in adminUserList" :key="index"
:label="item.admin" :value="item.adminId">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="30">
<el-col :span="12">
<el-form-item label="预计使用时间" prop="yjuseTime">
<el-date-picker v-model="lendReturnForm.yjuseTime" type="date" clearable class="selectWidth"
placeholder="请选择预计使用时间" format="yyyy-MM-dd" :disabled="nowType == 2?true:false">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="实际使用时间" prop="sjuseTime">
<el-date-picker v-model="lendReturnForm.sjuseTime" type="date" clearable class="selectWidth"
placeholder="请选择实际使用时间" format="yyyy-MM-dd" :disabled="nowType == 2?true:false">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="30">
<el-col :span="24">
<el-form-item label="备注" prop="chemistry">
<el-input type="textarea" v-model="lendReturnForm" placeholder="请输入备注"></el-input>
<el-form-item label="备注" prop="remark">
<el-input type="textarea" v-model="lendReturnForm.remark" placeholder="请输入备注"
:disabled="nowType == 2?true:false"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button type="primary" v-if="nowType != 2" @click="submitForm">确 定</el-button>
</span>
</el-dialog>
<!-- 新增、编辑、查看页面 -->
......@@ -132,45 +160,218 @@
</template>
<script>
import {
addLendingReturn, deleteLendingReturn, editLendingReturn,
getLendingReturn,
getLRDetailByID
} from "../../../../api/smartSchool/schoolProperty/lendingReturn";
import { getRepairencode } from "../../../../api/smartSchool/schoolProperty/repairApplicant";
import { getUserList } from "../../../../api/smartSchool/schoolProperty/equipmenTledger";
import { getAdmin } from '@/api/smartSchool/schoolProperty/classiFication.js'
export default {
// dicts: [''],
data() {
return {
queryParams: {
xc: '',
equipmentName: '',
borrowTime: '',
pageNum: 1,
pageSize: 10,
},
loading: false,
total: 0,
lendReturnData:[],
lendReturnForm:{},
lendReturnRules:[],
lendReturnForm:{
id:'',
encode:'',
equipmentId:'',
equipmentName:'',
model:'',
borrowTime:'',
borrowById:'',
borrowBy:'',
purpose:'',
deadline:'',
returnTime:'',
returnEquipmentCondition:'',
receivedById:'',
yjuseTime:'',
sjuseTime:'',
remark:'',
},
lendReturnRules:{
encode:[
{ required: true, message: '请输入自编码', trigger: 'blur' },
],
equipmentName:[
{ required: true, message: '请输入设备名称', trigger: 'blur' },
],
model:[
{ required: true, message: '请输入型号', trigger: 'blur' },
],
borrowById:[
{ required: true, message: '请输入借用人', trigger: 'blur' },
],
borrowTime:[
{ required: true, message: '请输入借用日期', trigger: 'change' },
],
deadline:[
{ required: true, message: '请输入借用期限', trigger: 'change' },
],
purpose:[
{ required: true, message: '请输入用途', trigger: 'change' },
],
},
dialogVisible:false,
nowType:0, // 0新增、1编辑、2查看
userList:[], //用户列表
adminUserList:[] //管理员用户列表
}
},
mounted() {
this.getList()
},
methods:{
// 获取列表数据
getList(){},
getList(){
this.loading = true
getLendingReturn({...this.queryParams}).then(res=>{
if(res.code == 200){
this.total = res.total
this.lendReturnData = res.rows
this.loading = false
}
})
},
// 重置搜索
resetQuery(){},
resetQuery(){
this.queryParams = {
equipmentName: '',
borrowTime: '',
pageNum: 1,
pageSize: 10,
}
this.getList()
},
//根据自编码获取信息
getOtherInfoByCode(){
const code = this.lendReturnForm.encode
getRepairencode(code).then(res=>{
if(res.code == 200){
this.lendReturnForm.equipmentId = res.data.equipmentId
this.lendReturnForm.model = res.data.model
this.lendReturnForm.equipmentName = res.data.equipmentName
}
})
},
// 0新增、1编辑、2查看
handleOption(type,item){
this.lendReturnForm = {
id:'',
encode:'',
equipmentId:'',
equipmentName:'',
model:'',
borrowTime:'',
borrowById:'',
borrowBy:'',
purpose:'',
deadline:'',
returnTime:'',
returnEquipmentCondition:'',
receivedById:'',
yjuseTime:'',
sjuseTime:'',
remark:'',
}
this.nowType = type
this.getSelectUser()
this.getAdminUserList()
if(type != 0){
const id = item.id
getLRDetailByID(id).then(res=>{
if(res.code == 200){
Object.keys(this.lendReturnForm).forEach(key => {
if (res.data[key]) {
this.$set(this.lendReturnForm, key, res.data[key]);
}
})
}
})
}
this.dialogVisible = true
},
//获取用户列表数据
getSelectUser(){
getUserList().then(res=>{
if(res.code == 200){
this.userList = res.rows
}
})
},
//获取管理员用户列表
getAdminUserList(){
getAdmin().then(res=>{
if(res.code == 200){
this.adminUserList = res.data
}
})
},
//删除
handleDelete(){},
handleDelete(id){
this.$confirm("此操作将永久删除该数据,是否继续?", '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteLendingReturn(id).then(res=>{
if(res.code == 200){
this.$message.success("删除成功!")
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除!'
});
});
},
//表单提交
submitForm(){},
submitForm(){
const borrowById = this.lendReturnForm.borrowById
this.lendReturnForm.borrowBy = borrowById ==''?'':this.userList.find(item=>item.userId == borrowById).userName
this.$refs['lendReturnForm'].validate((valid) => {
if (valid) {
if(this.nowType == 1){
//1编辑
editLendingReturn({...this.lendReturnForm}).then(res=>{
if(res.code == 200){
this.$message.success("编辑成功!")
this.dialogVisible = false
this.getList()
}
})
}else if(this.nowType == 0){
//0新增
addLendingReturn({...this.lendReturnForm}).then(res=>{
if(res.code == 200){
this.$message.success("新增成功!")
this.dialogVisible = false
this.getList()
}
})
}
}
})
},
}
}
</script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment