Skip to content

T
template_vue
Commit 76fd445f authored by 孙浩's avatar 孙浩
Browse files
Options

oneTable

parent 70cb323a
Show whitespace changes
Inline Side-by-side
Showing with 603 additions and 70 deletions
src/api/oneTbale.js 0 → 100644
View file @ 76fd445f
import request from '@/utils/request'
import Qs from 'qs'
/**
* 1. 列表查询
* 2. 查询详细信息
* 3. 新增
* 4. 修改
* 5. 逻辑删除
* 6. 导出
*
*/
// 1. 查询列表
export function listIncomeInspectInfo(query) {
return request({
url: '/incomeinspectinfo/list',
method: 'get',
params: query
})
}
// 2. 查询详细信息
export function getIncomeInspectInfo(businessId) {
return request({
url: '/incomeinspectinfo/detail/' + businessId,
method: 'get'
})
}
// 3. 新增
export function addIncomeInspectInfo(data) {
data = Qs.stringify(data)
return request({
url: '/incomeinspectinfo/add',
method: 'post',
data: data
})
}
// 4. 修改
export function updateIncomeInspectInfo(data) {
const businessId = data.businessId
data = Qs.stringify(data)
return request({
url: '/incomeinspectinfo/update/' + businessId,
method: 'put',
data
})
}
// 5. 逻辑删除
export function delIncomeInspectInfo(businessId) {
return request({
url: '/incomeinspectinfo/deleteLogical/' + businessId,
method: 'delete'
})
}
// 6. 导出
export function exportIncomeInspectInfo(query) {
return request({
url: '/incomeinspectinfo/export',
method: 'get',
params: query,
responseType: 'blob'
})
}
src/views/check/oneTbale.vue
View file @ 76fd445f
<template> <template>
<div class="oneCheckTbale"> <div class="app-container">
<div class="search" style="border-bottom: 14px solid #f4f4f4">
<el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true"> <el-form ref="queryForm" style="padding: 0 0 0 10px" :model="queryParams" :inline="true">
<el-form-item label="厂家" prop="value1"> <!-- <el-form-item label="类型(1 )" prop="jcType">-->
<!-- <el-input-->
<!-- v-model="queryParams.jcType"-->
<!-- placeholder="请输入类型(1 )"-->
<!-- clearable-->
<!-- :maxlength="1"-->
<!-- size="small"-->
<!-- style="width: 150px"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="单号" prop="jcCode">-->
<!-- <el-input-->
<!-- v-model="queryParams.jcCode"-->
<!-- placeholder="请输入单号"-->
<!-- clearable-->
<!-- :maxlength="127"-->
<!-- size="small"-->
<!-- style="width: 150px"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="lot" prop="jcLot">-->
<!-- <el-input-->
<!-- v-model="queryParams.jcLot"-->
<!-- placeholder="请输入lot"-->
<!-- clearable-->
<!-- :maxlength="127"-->
<!-- size="small"-->
<!-- style="width: 150px"-->
<!-- />-->
<!-- </el-form-item>-->
<el-form-item label="厂家" prop="jcCj">
<el-input <el-input
v-model="queryParams.value1" v-model="queryParams.jcCj"
placeholder="请输入厂家" placeholder="请输入厂家"
clearable clearable
:maxlength="30" :maxlength="255"
size="small" size="small"
style="width: 150px" style="width: 150px"
@keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<!-- <el-form-item label="pn" prop="jcPn">-->
<!-- <el-input-->
<!-- v-model="queryParams.jcPn"-->
<!-- placeholder="请输入pn"-->
<!-- clearable-->
<!-- :maxlength="255"-->
<!-- size="small"-->
<!-- style="width: 150px"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="lot number" prop="jcNum">-->
<!-- <el-input-->
<!-- v-model="queryParams.jcNum"-->
<!-- placeholder="请输入lot number"-->
<!-- clearable-->
<!-- :maxlength="255"-->
<!-- size="small"-->
<!-- style="width: 150px"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="检查结果" prop="jcResult">-->
<!-- <el-input-->
<!-- v-model="queryParams.jcResult"-->
<!-- placeholder="请输入检查结果"-->
<!-- clearable-->
<!-- :maxlength="1"-->
<!-- size="small"-->
<!-- style="width: 150px"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="备注" prop="jcNote">-->
<!-- <el-input-->
<!-- v-model="queryParams.jcNote"-->
<!-- placeholder="请输入备注"-->
<!-- clearable-->
<!-- :maxlength="500"-->
<!-- size="small"-->
<!-- style="width: 150px"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="审批时间">-->
<!-- <el-date-picker-->
<!-- v-model="dateRange"-->
<!-- size="small"-->
<!-- style="width: 200px"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- type="daterange"-->
<!-- range-separator="-"-->
<!-- start-placeholder="开始日期"-->
<!-- end-placeholder="结束日期"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="审批意见" prop="approveNote">-->
<!-- <el-input-->
<!-- v-model="queryParams.approveNote"-->
<!-- placeholder="请输入审批意见"-->
<!-- clearable-->
<!-- :maxlength="500"-->
<!-- size="small"-->
<!-- style="width: 150px"-->
<!-- />-->
<!-- </el-form-item>-->
<el-form-item label="审批状态" prop="approveStatus">
<el-input
v-model="queryParams.approveStatus"
placeholder="请输入审批状态"
clearable
:maxlength="1"
size="small"
style="width: 150px"
/>
</el-form-item>
<!-- <el-form-item label="状态" prop="flag">-->
<!-- <el-select v-model="queryParams.flag" placeholder="请选择状态" clearable size="small">-->
<!-- <el-option-->
<!-- v-for="dict in statusOptions"-->
<!-- :key="dict.dictValue"-->
<!-- :label="dict.dictLabel"-->
<!-- :value="dict.dictValue"-->
<!-- />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item> <el-form-item>
<!-- //查询按钮-->
<el-button <el-button
:class="commonField.queryClass" :class="commonField.queryClass"
:type="commonField.typePrimary" :type="commonField.typePrimary"
:icon="commonField.queryIcon" :icon="commonField.queryIcon"
:size="commonField.smallSize" :size="commonField.smallSize"
@click="handleQuery" @click="handleQuery">查询</el-button>
>{{ commonField.queryName }}</el-button>
<!-- //重置按钮-->
<el-button <el-button
:class="commonField.resetClass" :class="commonField.resetClass"
:icon="commonField.resetIcon" :icon="commonField.resetIcon"
:size="commonField.smallSize" :size="commonField.smallSize"
@click="resetQuery" @click="resetQuery">重置</el-button>
>{{ commonField.resetName }}</el-button> </el-form-item>
<div style="float: right">
<el-form-item>
<!-- <el-button-->
<!-- :class="commonField.addClass"-->
<!-- :type="commonField.typePrimary"-->
<!-- :icon="commonField.addIcon"-->
<!-- :size="commonField.smallSize"-->
<!-- @click="handleAdd">新增</el-button>-->
<el-button
:class="commonField.exportClass"
:type="commonField.typeSuccess"
:icon="commonField.exportIcon"
:size="commonField.smallSize"
@click="handleExport">导出</el-button>
</el-form-item> </el-form-item>
</el-form>
</div> </div>
<div class="table" style="padding:5px 10px"> </el-form>
<div class="tableTitle">检查表列表</div> <div class="placeholder" />
<el-table v-loading="loading" border :data="roleList"> <div style="padding:5px 10px">
<el-table-column type="index" label="序号" width="90" /> <div class="mb12 font-small-bold">检查表列表</div>
<el-table-column label="名称" prop="value1" :show-overflow-tooltip="true"> <el-table v-loading="loading" border :data="incomeInspectInfoList" >
<el-table-column type="index" label="序号" width="55" align="center" />
<!-- <el-table-column label="类型 (1 )" prop="jcType" :show-overflow-tooltip="true">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.jcType || '-' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="单号" prop="jcCode" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.jcCode || '-' }}
</template>
</el-table-column>
<!-- <el-table-column label="lot" prop="jcLot" :show-overflow-tooltip="true">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.jcLot || '-' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="厂家" prop="jcCj" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.jcCj || '-' }}
</template>
</el-table-column>
<!-- <el-table-column label="pn" prop="jcPn" :show-overflow-tooltip="true">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.jcPn || '-' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="lot number" prop="jcNum" :show-overflow-tooltip="true">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.jcNum || '-' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="抽样" prop="jcFacadeCy" :show-overflow-tooltip="true">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.jcFacadeCy || '-' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="不合格" prop="jcFacadeBl" :show-overflow-tooltip="true">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.jcFacadeBl || '-' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="检查结果" prop="jcResult" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.jcResult || '-' }}
</template>
</el-table-column>
<el-table-column label="备注" prop="jcNote" :show-overflow-tooltip="true">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.value1 || '-' }} {{ scope.row.jcNote || '-' }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="权限字符" prop="value2"> <el-table-column label="审批人" prop="approveUser" :show-overflow-tooltip="true">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.value2 || '-' }} {{ scope.row.approveUser || '-' }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="显示顺序" prop="value3"> <el-table-column label="审批时间" prop="approveDate" :show-overflow-tooltip="true">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.value3 || '-' }} <span>{{ scope.row.approveDate | transformDateByFormat('YYYY-MM-DD') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="创建时间" :show-overflow-tooltip="true" align="center" prop="createTime"> <el-table-column label="审批意见" prop="approveNote" :show-overflow-tooltip="true">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.createDate | transformDateByFormat('YYYY-MM-DD HH:mm') }}</span> {{ scope.row.approveNote || '-' }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="审批状态" prop="approveStatus" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{ scope.row.approveStatus || '-' }}
</template>
</el-table-column>
<!-- <el-table-column width="120" label="状态" prop="flag">-->
<!-- <template slot-scope="scope">-->
<!-- <el-switch-->
<!-- v-model="scope.row.flag"-->
<!-- class="switchDisabledStyle"-->
<!-- inactive-value="0"-->
<!-- active-value="1"-->
<!-- @click.native="handleStatusChange(scope.row)"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="备注" prop="remarks" :show-overflow-tooltip="true">-->
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.remarks || '-' }}-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="创建时间" prop="createDate" :show-overflow-tooltip="true">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ scope.row.createDate | transformDateByFormat('YYYY-MM-DD HH:mm') }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="操作" class-name="small-padding fixed-width" width="200px"> <el-table-column label="操作" class-name="small-padding fixed-width" width="200px">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- 审核--> <el-button
:class="commonField.updateClass"
:type="commonField.typeParent"
:size="commonField.size"
@click="handleApprove(scope.row)"
>审批</el-button>
<el-button <el-button
:class="commonField.updateClass" :class="commonField.updateClass"
:type="commonField.typeParent" :type="commonField.typeParent"
:size="commonField.size" :size="commonField.size"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
>审核</el-button> >修改</el-button>
<el-button
:class="commonField.delClass"
:type="commonField.typeParent"
:size="commonField.size"
@click="handleDelete(scope.row)"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.page"
:limit.sync="queryParams.rows"
@pagination="getList"
/>
<!-- 添加或修改配置对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="90px">
<el-form-item label="类型(1 )" prop="jcType">
<el-input v-model.trim="form.jcType" show-word-limit :maxlength="1" placeholder="请输入??(1 )" />
</el-form-item>
<el-form-item label="单号" prop="jcCode">
<el-input v-model.trim="form.jcCode" show-word-limit :maxlength="127" placeholder="请输入??" />
</el-form-item>
<el-form-item label="lot" prop="jcLot">
<el-input v-model.trim="form.jcLot" show-word-limit :maxlength="127" placeholder="请输入lot" />
</el-form-item>
<el-form-item label="厂家" prop="jcCj">
<el-input v-model.trim="form.jcCj" show-word-limit :maxlength="255" placeholder="请输入??" />
</el-form-item>
<el-form-item label="pn" prop="jcPn">
<el-input v-model.trim="form.jcPn" show-word-limit :maxlength="255" placeholder="请输入pn" />
</el-form-item>
<el-form-item label="lot number" prop="jcNum">
<el-input v-model.trim="form.jcNum" show-word-limit :maxlength="255" placeholder="请输入lot number" />
</el-form-item>
<el-form-item label="抽样" prop="jcFacadeCy">
<el-input-number v-model.trim="form.jcFacadeCy" controls-position="right" :min="0" />
</el-form-item>
<el-form-item label="不合格" prop="jcFacadeBl">
<el-input-number v-model.trim="form.jcFacadeBl" controls-position="right" :min="0" />
</el-form-item>
<el-form-item label="检查结果" prop="jcResult">
<el-input v-model.trim="form.jcResult" show-word-limit :maxlength="1" placeholder="请输入检查结果" />
</el-form-item>
<el-form-item label="备注" prop="jcNote">
<el-input v-model.trim="form.jcNote" show-word-limit :maxlength="500" placeholder="请输入??" />
</el-form-item>
<el-form-item label="审批人" prop="approveUser">
<el-input-number v-model.trim="form.approveUser" controls-position="right" :min="0" />
</el-form-item>
<el-form-item label="审批时间" prop="approveDate">
<el-date-picker
v-model="form.approveDate"
value-format="yyyy-MM-dd"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item label="审批意见" prop="approveNote">
<el-input v-model.trim="form.approveNote" show-word-limit :maxlength="500" placeholder="请输入????" />
</el-form-item>
<el-form-item label="审批状态" prop="approveStatus">
<el-input v-model.trim="form.approveStatus" show-word-limit :maxlength="1" placeholder="请输入0 cg 1 ??? 2 ??? 3 ???" />
</el-form-item>
<el-form-item label="状态">
<el-radio-group v-model="form.flag">
<el-radio label="1">启用</el-radio>
<el-radio label="0">停用</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remarks">
<el-input v-model.trim="form.remarks" maxlength="200" show-word-limit type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button class="cancelBtn" @click="cancel">取 消</el-button>
<el-button class="submitBtn" type="primary" @click="submitForm">确 定</el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import {
listIncomeInspectInfo,
getIncomeInspectInfo,
delIncomeInspectInfo,
addIncomeInspectInfo,
updateIncomeInspectInfo,
exportIncomeInspectInfo } from '@/api/oneTbale'
import commonField from '@/utils/commonField' import commonField from '@/utils/commonField'
export default { export default {
name: 'OneTbale', name: 'IncomeInspectInfo',
data() { data() {
return { return {
loading: false, // 遮罩层
roleList: [ loading: true,
// 总条数
total: 0,
// 表格数据
incomeInspectInfoList: [],
// 弹出层标题
title: '',
// 是否显示弹出层
open: false,
// 状态菜单
statusOptions: [
{
dictLabel: '启用',
dictValue: '1'
},
{ {
value1: '1', dictLabel: '停用',
value2: '2', dictValue: '0'
value3: '3',
createDate: '2023-01-23 09:33'
} }
], ],
// 日期范围
dateRange: [],
// 查询参数 // 查询参数
queryParams: { queryParams: {
page: 1, page: 1,
rows: 10, rows: 10,
value1: '', jcType: undefined,
value2: '', jcCode: undefined,
value3: '' jcLot: undefined,
jcCj: undefined,
jcPn: undefined,
jcNum: undefined,
jcFacadeCy: undefined,
jcFacadeBl: undefined,
jcResult: undefined,
jcNote: undefined,
approveUser: undefined,
approveDate: undefined,
approveNote: undefined,
approveStatus: undefined,
flag: ''
},
// 表单参数
form: {},
// 表单校验
rules: {
} }
} }
}, },
...@@ -103,31 +416,183 @@ export default { ...@@ -103,31 +416,183 @@ export default {
return commonField return commonField
} }
}, },
created() {
this.getList() // 列表查询
},
methods: { methods: {
handleUpdate() { /** 查询列表 */
this.$router.push({ getList() {
path: '/checkList' this.loading = true
}) listIncomeInspectInfo(this.addDateRange(this.queryParams, this.dateRange)).then(
response => {
this.incomeInspectInfoList = response.rows
this.total = response.total
this.loading = false
}
)
},
// 取消按钮
cancel() {
this.open = false
this.reset()
}, },
// 表单重置
reset() {
this.form = {
businessId: undefined,
remarks: undefined,
jcType: undefined,
jcCode: undefined,
jcLot: undefined,
jcCj: undefined,
jcPn: undefined,
jcNum: undefined,
jcFacadeCy: undefined,
jcFacadeBl: undefined,
jcResult: undefined,
jcNote: undefined,
approveUser: undefined,
approveDate: undefined,
approveNote: undefined,
approveStatus: undefined,
flag: '1'
}
this.resetForm('form')
},
/** 查询按钮操作 */
handleQuery() { handleQuery() {
this.queryParams.page = 1
this.getList()
}, },
/** 重置按钮操作 */
resetQuery() { resetQuery() {
this.dateRange = []
this.queryParams = {
page: 1,
rows: 10,
jcType: undefined,
jcCode: undefined,
jcLot: undefined,
jcCj: undefined,
jcPn: undefined,
jcNum: undefined,
jcFacadeCy: undefined,
jcFacadeBl: undefined,
jcResult: undefined,
jcNote: undefined,
approveUser: undefined,
approveDate: undefined,
approveNote: undefined,
approveStatus: undefined,
flag: ''
}
this.handleQuery()
},
/** 新增按钮操作 */
handleAdd() {
this.reset()
this.open = true
this.title = '添加'
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset()
const id = row.businessId
getIncomeInspectInfo(id).then(response => {
this.form = response.data
this.open = true
this.title = '修改'
})
},
// 改变状态
handleStatusChange(row) {
const text = row.flag === '1' ? '启用' : '停用'
this.$confirm('确认操作?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(function() {
return updateIncomeInspectInfo(row)
}).then(() => {
this.$message({
message: text + '成功',
type: 'success'
})
}).catch(function() {
row.flag = row.flag === '0' ? '1' : '0'
})
},
/** 提交按钮 */
submitForm: function() {
this.$refs['form'].validate(valid => {
if (valid) {
if (this.form.businessId !== undefined) {
updateIncomeInspectInfo(this.form).then(response => {
this.msgSuccess('修改成功')
this.open = false
this.getList()
})
} else {
addIncomeInspectInfo(this.form).then(response => {
this.msgSuccess('新增成功')
this.open = false
this.getList()
})
}
}
})
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.businessId
this.$confirm('是否确认操作？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(function() {
return delIncomeInspectInfo(id)
}).then(() => {
this.getList()
this.$message({
message: '删除成功',
type: 'success'
})
}).catch(function() {
})
},
/** 导出按钮操作 */
handleExport() {
const queryParams = this.queryParams
this.$confirm('是否确认操作?', '警告', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(function() {
return exportIncomeInspectInfo(queryParams).then(response => {
const blob = new Blob([response])
const downloadElement = document.createElement('a')
const href = window.URL.createObjectURL(blob)// 创建下载的链接
downloadElement.href = href
downloadElement.download = '信息' + '.xls' // 下载后文件名
document.body.appendChild(downloadElement)
downloadElement.click()// 点击下载
document.body.removeChild(downloadElement)// 下载完成移除元素
window.URL.revokeObjectURL(href)// 释放掉blob对象
})
})
} }
} }
} }
</script> </script>
<style lang="scss" scoped>
.app-container {
font-size: 18px;
padding: 0;
<style scoped lang="scss"> .placeholder {
.oneCheckTbale{ height: 1.3vh;
.tableTitle{ background-color: #F4F4F4;
margin: 20px 0; margin-bottom: 10px
color: #333333;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
text-align: LEFT;
} }
} }
</style> </style>
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