增加合同未完成功能

This commit is contained in:
BianLzhaoMin 2024-11-20 10:41:15 +08:00
parent db28664e2f
commit 0804523588
8 changed files with 845 additions and 0 deletions

View File

@ -0,0 +1,146 @@
<template>
<!-- 装备管理 -->
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
label-width="80px"
>
<el-form-item prop="unitId">
<el-input
v-model="queryParams.keyWords"
placeholder="请输入领料单号"
clearable
/>
</el-form-item>
<el-form-item prop="deviceType">
<el-select
v-model="queryParams.deviceType"
placeholder="请选择工单位名称"
clearable
filterable
>
</el-select>
</el-form-item>
<el-form-item prop="deviceType">
<el-select
v-model="queryParams.deviceType"
placeholder="请选择工程名称"
clearable
filterable
>
</el-select>
</el-form-item>
<el-form-item prop="deviceType">
<el-select
v-model="queryParams.deviceType"
placeholder="请选择出库状态"
clearable
filterable
>
</el-select>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>查询</el-button
>
<el-button
icon="el-icon-refresh"
size="mini"
@click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-table border :data="tableList">
<el-table-column label="序号" type="index" align="center" />
<el-table-column prop="name" label="设备名称" align="center" />
<el-table-column prop="device" label="设备类型" align="center" />
<el-table-column
prop="upload_user"
label="规格型号"
align="center"
/>
<el-table-column
prop="upload_time"
label="所在仓库"
align="center"
/>
<el-table-column prop="upload_time" label="合格证" align="center" />
<el-table-column label="操作" align="center">
<template slot-scope="{ row }">
<el-button type="text" @click="onViewDetails">
使用详情
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
/>
<el-dialog
title="创新类设备租赁详情"
:visible.sync="logsDetailsDialogVisibleNew"
width="50%"
>
<el-table border :data="tableList">
<el-table-column label="序号" type="index" align="center" />
<el-table-column align="center" label="使用人">
张三
</el-table-column>
<el-table-column align="center" label="使用单位">
xxx公司
</el-table-column>
<el-table-column align="center" label="使用项目">
xxx工程
</el-table-column>
<el-table-column align="center" label="使用开始时间">
2024-1-23
</el-table-column>
<el-table-column align="center" label="使用结束时间">
2024-10-30
</el-table-column>
</el-table>
</el-dialog>
</div>
</template>
<script>
import { tableList } from './tableData'
export default {
data() {
return {
queryParams: {
keyWords: '',
deviceType: '',
time: '',
pageNum: 1,
pageSize: 10,
},
tableList,
total: 10,
logsDetailsDialogVisibleNew: false,
}
},
methods: {
onViewDetails() {
this.logsDetailsDialogVisibleNew = true
},
},
}
</script>
<style></style>

View File

@ -0,0 +1,62 @@
export const tableList = [
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
]

114
src/views/external/index.vue vendored Normal file
View File

@ -0,0 +1,114 @@
<template>
<!-- 外部装备参与管理 -->
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
label-width="80px"
>
<el-form-item prop="unitId">
<el-input
v-model="queryParams.keyWords"
placeholder="请输入关键字"
clearable
/>
</el-form-item>
<el-form-item prop="deviceType">
<el-select
v-model="queryParams.deviceType"
placeholder="请选择设备类型"
clearable
filterable
>
</el-select>
</el-form-item>
<el-form-item prop="deviceType">
<el-select
v-model="queryParams.deviceType"
placeholder="请选择规格型号"
clearable
filterable
>
</el-select>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>查询</el-button
>
<el-button
icon="el-icon-refresh"
size="mini"
@click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-table border :data="tableList">
<el-table-column label="序号" type="index" align="center" />
<el-table-column prop="name" label="设备名称" align="center" />
<el-table-column prop="device" label="设备类型" align="center" />
<el-table-column
prop="upload_user"
label="规格型号"
align="center"
/>
<el-table-column
prop="upload_time"
label="所属公司"
align="center"
/>
<el-table-column
prop="upload_time"
label="租赁开始时间"
align="center"
/>
<el-table-column
prop="upload_time"
label="租赁结束时间"
align="center"
/>
<el-table-column prop="upload_time" label="租赁人" align="center" />
<el-table-column
prop="upload_time"
label="所属部门"
align="center"
/>
</el-table>
<pagination
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
/>
</div>
</template>
<script>
import { tableList } from './tableData'
export default {
data() {
return {
queryParams: {
keyWords: '',
deviceType: '',
time: '',
pageNum: 1,
pageSize: 10,
},
tableList,
total: 10,
}
},
}
</script>
<style></style>

62
src/views/external/tableData.js vendored Normal file
View File

@ -0,0 +1,62 @@
export const tableList = [
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
]

View File

@ -0,0 +1,185 @@
<template>
<!-- 创新设备管理 -->
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
label-width="80px"
>
<el-form-item prop="unitId">
<el-input
v-model="queryParams.keyWords"
placeholder="请输入关键字"
clearable
/>
</el-form-item>
<el-form-item prop="deviceType">
<el-select
v-model="queryParams.deviceType"
placeholder="请选择物品种类"
clearable
filterable
>
</el-select>
</el-form-item>
<el-form-item prop="deviceType">
<el-select
v-model="queryParams.deviceType"
placeholder="请选择设备类型"
clearable
filterable
>
</el-select>
</el-form-item>
<el-form-item prop="deviceType">
<el-select
v-model="queryParams.deviceType"
placeholder="请选择规格型号"
clearable
filterable
>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini"
>查询</el-button
>
<el-button icon="el-icon-refresh" size="mini">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="onAddInnovateDevice"
>新增创新类装备</el-button
>
</el-col>
</el-row>
<el-table border :data="tableList">
<el-table-column label="序号" type="index" align="center" />
<el-table-column prop="name" label="物品种类" align="center" />
<el-table-column prop="device" label="设备类型" align="center" />
<el-table-column
prop="upload_user"
label="规格型号"
align="center"
/>
<el-table-column
prop="upload_time"
label="所在仓库"
align="center"
/>
<el-table-column
prop="upload_time"
label="使用次数"
align="center"
/>
<el-table-column label="操作" align="center">
<template slot-scope="{ row }">
<el-button type="text" @click="onViewDetails">
租赁详情
</el-button>
<el-button type="text"> 编辑 </el-button>
<el-button type="text"> 删除 </el-button>
</template>
</el-table-column>
</el-table>
<pagination
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
/>
<el-dialog
title="新增创新类设备"
:visible.sync="logsDetailsDialogVisible"
width="50%"
>
<el-form label-width="100px" size="small">
<el-form-item label="物品种类" required>
<el-select placeholder="请选择物品种类" style="width: 100%">
</el-select>
</el-form-item>
<el-form-item label="设备类型" required>
<el-select placeholder="请选择设备类型" style="width: 100%">
</el-select>
</el-form-item>
<el-form-item label="规格型号" required>
<el-input placeholder="请输入规格型号" />
</el-form-item>
<el-form-item label="所在仓库" required>
<el-input placeholder="请输入所在仓库" />
</el-form-item>
<el-form-item>
<el-button> 确定 </el-button>
<el-button> 取消 </el-button>
</el-form-item>
</el-form>
</el-dialog>
<el-dialog
title="创新类设备租赁详情"
:visible.sync="logsDetailsDialogVisibleNew"
width="50%"
>
<el-table border :data="tableList">
<el-table-column label="序号" type="index" align="center" />
<el-table-column align="center" label="租赁人">
张三
</el-table-column>
<el-table-column align="center" label="租赁单位">
xxx公司
</el-table-column>
<el-table-column align="center" label="租赁开始时间">
2024-1-23
</el-table-column>
<el-table-column align="center" label="租赁结束时间">
2024-10-30
</el-table-column>
</el-table>
</el-dialog>
</div>
</template>
<script>
import { tableList } from './tableData'
export default {
data() {
return {
queryParams: {
keyWords: '',
deviceType: '',
time: '',
pageNum: 1,
pageSize: 10,
},
tableList,
total: 10,
logsDetailsDialogVisible: false,
logsDetailsDialogVisibleNew: false,
}
},
methods: {
onViewDetails() {
this.logsDetailsDialogVisibleNew = true
},
onAddInnovateDevice() {
this.logsDetailsDialogVisible = true
},
},
}
</script>
<style></style>

View File

@ -0,0 +1,62 @@
export const tableList = [
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
]

View File

@ -0,0 +1,152 @@
<template>
<!-- 员工管理 -->
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
label-width="80px"
>
<el-form-item prop="unitId">
<el-input
v-model="queryParams.keyWords"
placeholder="请输入领料单号"
clearable
/>
</el-form-item>
<el-form-item prop="deviceType">
<el-select
v-model="queryParams.deviceType"
placeholder="请选择工单位名称"
clearable
filterable
>
</el-select>
</el-form-item>
<el-form-item prop="deviceType">
<el-select
v-model="queryParams.deviceType"
placeholder="请选择工程名称"
clearable
filterable
>
</el-select>
</el-form-item>
<el-form-item prop="deviceType">
<el-select
v-model="queryParams.deviceType"
placeholder="请选择出库状态"
clearable
filterable
>
</el-select>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>查询</el-button
>
<el-button
icon="el-icon-refresh"
size="mini"
@click="resetQuery"
>重置</el-button
>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>下载模板</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
>导出数据</el-button
>
</el-col>
</el-row>
<el-table border :data="tableList">
<el-table-column label="序号" type="index" align="center" />
<el-table-column prop="name" label="领料单号" align="center" />
<el-table-column
prop="device"
label="领料申请单位"
align="center"
/>
<el-table-column
prop="upload_user"
label="领料申请工程"
align="center"
/>
<el-table-column
prop="upload_time"
label="申请数量"
align="center"
/>
<el-table-column
prop="upload_time"
label="申请时间"
align="center"
/>
<el-table-column
prop="upload_time"
label="已出库数量"
align="center"
/>
<el-table-column
prop="upload_time"
label="出库状态"
align="center"
/>
<el-table-column label="操作" align="center">
<template slot-scope="{ row }">
<el-button type="text"> 查看 </el-button>
<el-button type="text"> 出库 </el-button>
</template>
</el-table-column>
</el-table>
<pagination
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
/>
</div>
</template>
<script>
import { tableList } from './tableData'
export default {
data() {
return {
queryParams: {
keyWords: '',
deviceType: '',
time: '',
pageNum: 1,
pageSize: 10,
},
tableList,
total: 10,
}
},
}
</script>
<style></style>

View File

@ -0,0 +1,62 @@
export const tableList = [
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
{
name: 'BF20231207-001',
device: '挖掘机培训',
upload_user: '张伟',
upload_time: '2024-10-9',
},
]