|
|
|
|
@ -1,15 +1,477 @@
|
|
|
|
|
<template>
|
|
|
|
|
<h1>
|
|
|
|
|
请购
|
|
|
|
|
</h1>
|
|
|
|
|
<div class="main-container-text">
|
|
|
|
|
<div class="title">采购申请</div>
|
|
|
|
|
<div class="header">
|
|
|
|
|
<el-button type="primary" plain @click="openDialogTableVisible"><i class="el-icon-edit" />新建采购申请单</el-button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <el-dialog :title="dialogTitile" :close-on-click-modal="false" :visible.sync="dialogVisible" @close="onClose">
|
|
|
|
|
<el-row :gutter="15">
|
|
|
|
|
<el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="80px">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="柜体名称" prop="client_name">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="formData.client_name"
|
|
|
|
|
placeholder="请输入柜体名称"
|
|
|
|
|
clearable
|
|
|
|
|
:style="{width: '100%'}"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="柜体标题" prop="client_title">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="formData.client_title"
|
|
|
|
|
placeholder="请输入柜体标题"
|
|
|
|
|
clearable
|
|
|
|
|
:style="{width: '100%'}"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="柜体序号" prop="client_code">
|
|
|
|
|
<el-input v-model="formData.client_code" placeholder="请输入柜体序号" clearable :style="{width: '100%'}" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="柜体类型" prop="client_type">
|
|
|
|
|
<el-input v-model="formData.client_type" placeholder="请输入柜体类型" clearable :style="{width: '100%'}" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="柜体位置" prop="place">
|
|
|
|
|
<el-autocomplete
|
|
|
|
|
v-model="formData.place"
|
|
|
|
|
class="inline-input"
|
|
|
|
|
:style="{width: '100%'}"
|
|
|
|
|
:fetch-suggestions="querySearchAsync"
|
|
|
|
|
clearable
|
|
|
|
|
placeholder="请输入柜体位置"
|
|
|
|
|
@select="handleSelect"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="单元数量" prop="layer_num">
|
|
|
|
|
<el-input v-model="formData.layer_num" placeholder="请输入柜体单元数量" clearable :style="{width: '100%'}" :disabled="dialogTitile =='编辑柜体信息' ? true:false" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="柜体滤芯 生产日期" prop="filter_production_date">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-model="formData.filter_production_date"
|
|
|
|
|
style="width: 100%"
|
|
|
|
|
type="datetime"
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
|
placeholder="请选择柜体滤芯 生产日期"
|
|
|
|
|
clearable
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="提醒滤芯 到期提前" prop="filter_shelf_life_warning_value">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="formData.filter_shelf_life_warning_value"
|
|
|
|
|
placeholder="请输入提醒滤芯 到期提前"
|
|
|
|
|
clearable
|
|
|
|
|
:style="{width: '100%'}"
|
|
|
|
|
>
|
|
|
|
|
<template slot="append">天</template>
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="联系人" prop="contact_people_name">
|
|
|
|
|
<el-input v-model="formData.contact_people_name" placeholder="请输入联系人" clearable :style="{width: '100%'}" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="联系电话" prop="contact_phone">
|
|
|
|
|
<el-input v-model="formData.contact_phone" placeholder="请输入联系电话" clearable :style="{width: '100%'}" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="说明" prop="description">
|
|
|
|
|
<el-input v-model="formData.description" placeholder="请输入说明" clearable :style="{width: '100%'}" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-form>
|
|
|
|
|
</el-row>
|
|
|
|
|
<div slot="footer" style="text-align: center">
|
|
|
|
|
<el-button @click="onClose">取消</el-button>
|
|
|
|
|
<el-button type="primary" @click="handelConfirm">确定</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog
|
|
|
|
|
title="撤销采购单申请"
|
|
|
|
|
:visible.sync="centerDialogVisible"
|
|
|
|
|
width="30%"
|
|
|
|
|
center>
|
|
|
|
|
<span>是否确认撤销</span>
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="centerDialogVisible = false">取 消</el-button>
|
|
|
|
|
<el-button type="primary" @click="backcheck()">确 定</el-button>
|
|
|
|
|
</span>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
<div class="header-right">
|
|
|
|
|
<el-button icon="el-icon-refresh" circle @click="handleRefresh" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-table
|
|
|
|
|
stripe
|
|
|
|
|
ref="multipleTable"
|
|
|
|
|
:data="tableData"
|
|
|
|
|
:header-cell-style="headerStyle"
|
|
|
|
|
@select="handleSelection"
|
|
|
|
|
row-key="medicament_id"
|
|
|
|
|
height="69vh"
|
|
|
|
|
class="table-style"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
|
|
<el-table-column align="center" type="index" width="50" label="序号" />
|
|
|
|
|
<el-table-column prop="user_name" show-overflow-tooltip label="采购申请人" align="center" />
|
|
|
|
|
<el-table-column prop="create_date" show-overflow-tooltip label="申请时间" align="center" />
|
|
|
|
|
<el-table-column prop="is_solve" show-overflow-tooltip label="状态" align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-tag :type="statusColorMap[scope.row.is_solve]">{{ statusMap[scope.row.is_solve] }}</el-tag>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="solve_user_name" show-overflow-tooltip label="审批人1" align="center" />
|
|
|
|
|
<el-table-column prop="solve_user_pt_name" show-overflow-tooltip label="审批人2" align="center" />
|
|
|
|
|
<el-table-column prop="solve_date" show-overflow-tooltip label="审批时间" align="center" />
|
|
|
|
|
<el-table-column prop="information" show-overflow-tooltip label="备注" align="center" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
fixed="right"
|
|
|
|
|
label="操作"
|
|
|
|
|
align="center"
|
|
|
|
|
width="250">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button @click="handleCheck(scope.row)" type="text" size="small">修改申请单</el-button>
|
|
|
|
|
<el-button @click="handback(scope.row)" type="text" size="small">撤销申请单</el-button>
|
|
|
|
|
<el-button @click="handleExport(scope.row)" type="text" size="small">导出申请单</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<div class="my-pagination" style="text-align: center">
|
|
|
|
|
<el-pagination
|
|
|
|
|
background
|
|
|
|
|
layout="prev, pager, next"
|
|
|
|
|
:current-page.sync="page"
|
|
|
|
|
:total="total"
|
|
|
|
|
:page-size.sync="page_size"
|
|
|
|
|
@current-change="pageChange"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import stringify from '@/utils/stringify'
|
|
|
|
|
import {
|
|
|
|
|
get_list,
|
|
|
|
|
add,
|
|
|
|
|
update,
|
|
|
|
|
solve,
|
|
|
|
|
del
|
|
|
|
|
} from '@/api/reagent/purchase'
|
|
|
|
|
import { dowload,click_dowload } from '@/api/reagent/dowload_file'
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: 'Buy'
|
|
|
|
|
name: 'Buy',
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
page: 1,
|
|
|
|
|
page_size: 10,
|
|
|
|
|
total: 0,
|
|
|
|
|
tableData: [],
|
|
|
|
|
centerDialogVisible: false,
|
|
|
|
|
row_id:'',
|
|
|
|
|
statusColorMap: ['warning','success','danger'],
|
|
|
|
|
statusMap: ['未处理', '已处理','已驳回'],
|
|
|
|
|
|
|
|
|
|
seach_word:'',
|
|
|
|
|
total1: 0,
|
|
|
|
|
client_id: '',
|
|
|
|
|
dialogVisible: false,
|
|
|
|
|
tableData1: [],
|
|
|
|
|
headerStyle: { 'background': '#E6E6E6' },
|
|
|
|
|
multipleSelection: [],
|
|
|
|
|
handleSelectionSelection: [],
|
|
|
|
|
dialogHistoryVisible: false,
|
|
|
|
|
loadingHistory: false,
|
|
|
|
|
historyData: [],
|
|
|
|
|
name: '',
|
|
|
|
|
history_client_id: '',
|
|
|
|
|
value1: '',
|
|
|
|
|
value2: ['', ''],
|
|
|
|
|
history_page: 1,
|
|
|
|
|
history_page_size: 15,
|
|
|
|
|
history_total: 100,
|
|
|
|
|
dialogTableVisible: false,
|
|
|
|
|
checkList: [],
|
|
|
|
|
ptUserArray:[],
|
|
|
|
|
pt_form:{
|
|
|
|
|
user_id_pt: '',
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
rules: {
|
|
|
|
|
user_id_pt: [
|
|
|
|
|
{ required: true, message: '请选择陪同人', trigger: 'change' }
|
|
|
|
|
],
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created () {
|
|
|
|
|
this.get_drug_group()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
//获取试剂列表
|
|
|
|
|
get_drug_group: function() {
|
|
|
|
|
var that =this
|
|
|
|
|
const data = {
|
|
|
|
|
page:1,
|
|
|
|
|
page_size: 10
|
|
|
|
|
}
|
|
|
|
|
get_list(stringify(data)).then(rsp => {
|
|
|
|
|
console.log("rsp.data.data_list>>", rsp.data.data_list)
|
|
|
|
|
this.tableData = this.addDataIndex(rsp.data.data_list)
|
|
|
|
|
this.total = rsp.data.total_count
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleExport(row){
|
|
|
|
|
const data = {
|
|
|
|
|
id: row.id,
|
|
|
|
|
file_name: '请购单'
|
|
|
|
|
}
|
|
|
|
|
this.recordLoading = true
|
|
|
|
|
// 导出
|
|
|
|
|
dowload(data).then(
|
|
|
|
|
res => {
|
|
|
|
|
this.$message.success(res.statusText)
|
|
|
|
|
click_dowload(data, res)
|
|
|
|
|
}
|
|
|
|
|
).finally(() => { this.recordLoading = false })
|
|
|
|
|
},
|
|
|
|
|
handback(row){
|
|
|
|
|
this.row_id =row.id
|
|
|
|
|
this.centerDialogVisible =true
|
|
|
|
|
},
|
|
|
|
|
backcheck(){
|
|
|
|
|
this.recordLoading = true
|
|
|
|
|
const data = {
|
|
|
|
|
id: this.row_id,
|
|
|
|
|
}
|
|
|
|
|
// 撤销
|
|
|
|
|
del(stringify(data)).then(
|
|
|
|
|
res => {
|
|
|
|
|
if (res.status ==0){
|
|
|
|
|
this.centerDialogVisible =false
|
|
|
|
|
this.$message.success(res.msg)
|
|
|
|
|
this.get_drug_group()
|
|
|
|
|
}else{
|
|
|
|
|
this.$message.error(res.msg)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
).finally(() => { this.recordLoading = false })
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//勾选
|
|
|
|
|
handleSelection(selection){
|
|
|
|
|
var that =this
|
|
|
|
|
that.handleSelectionSelection =selection
|
|
|
|
|
},
|
|
|
|
|
// 查看详情
|
|
|
|
|
handleCheck(row) {
|
|
|
|
|
this.dialogHistoryVisible = true
|
|
|
|
|
this.historyData = JSON.parse(row.use_content)
|
|
|
|
|
// if (this.handleSelectionSelection.length === 1) {
|
|
|
|
|
// this.dialogHistoryVisible = true
|
|
|
|
|
// this.historyData = JSON.parse(this.handleSelectionSelection[0].use_content)
|
|
|
|
|
// } else {
|
|
|
|
|
// this.$message.warning("选择一条记录操作！")
|
|
|
|
|
// }
|
|
|
|
|
},
|
|
|
|
|
//查看详情关闭
|
|
|
|
|
dialogHistoryClose() {
|
|
|
|
|
this.dialogHistoryVisible = false
|
|
|
|
|
this.historyData = []
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//添加申请列表
|
|
|
|
|
handleClick(row){
|
|
|
|
|
var that =this
|
|
|
|
|
var result = that.checkList.filter(item => item).map(item => item.bar_code);
|
|
|
|
|
if(result.indexOf(row.bar_code) !=-1){
|
|
|
|
|
that.$message({
|
|
|
|
|
type: 'info',
|
|
|
|
|
message: '不可重复添加'
|
|
|
|
|
});
|
|
|
|
|
}else{
|
|
|
|
|
that.checkList.push(row)
|
|
|
|
|
let getLocation = that.tableData.indexOf(row);
|
|
|
|
|
that.tableData.splice(getLocation, 1)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
//取消试剂申请
|
|
|
|
|
cancelClick(row){
|
|
|
|
|
var that =this
|
|
|
|
|
let getLocation = that.checkList.indexOf(row);
|
|
|
|
|
that.checkList.splice(getLocation, 1)
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//获取申请列表
|
|
|
|
|
get_apply(){
|
|
|
|
|
const data = {
|
|
|
|
|
page:this.page,
|
|
|
|
|
page_size: this.page_size
|
|
|
|
|
}
|
|
|
|
|
get_apply_list(stringify(data)).then(rsp => {
|
|
|
|
|
console.log("apply>>>", rsp)
|
|
|
|
|
this.tableData1 = rsp.data.data_list
|
|
|
|
|
this.total1 = rsp.data.total_count
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//陪同用户
|
|
|
|
|
get_pt_user() {
|
|
|
|
|
console.log("jjj")
|
|
|
|
|
const data = {
|
|
|
|
|
page: 1,
|
|
|
|
|
page_size: 10000,
|
|
|
|
|
user_id:this.$store.state.user.id,
|
|
|
|
|
user_code: this.user_code,
|
|
|
|
|
real_name: this.real_name,
|
|
|
|
|
role_id: this.role_id,
|
|
|
|
|
is_enabled: this.is_enabled
|
|
|
|
|
}
|
|
|
|
|
console.log("hhhhh")
|
|
|
|
|
get_pt_user_list(stringify(data)).then(res => {
|
|
|
|
|
this.ptUserArray = res.data.data_list
|
|
|
|
|
console.log("res>>>", res)
|
|
|
|
|
})
|
|
|
|
|
console.log("giao")
|
|
|
|
|
},
|
|
|
|
|
//提交申请
|
|
|
|
|
create_apply(pt_from){
|
|
|
|
|
var that =this
|
|
|
|
|
let datalist = that.checkList.map((item) => {
|
|
|
|
|
return Object.assign({}, { name: item.name, num: item.num,client_id: item.client_id, purity: item.purity, speci: item.speci})
|
|
|
|
|
})
|
|
|
|
|
if (pt_from.user_id_pt === '') {
|
|
|
|
|
that.$message({
|
|
|
|
|
type: 'info',
|
|
|
|
|
message: '请选择陪同人'
|
|
|
|
|
});
|
|
|
|
|
}else{
|
|
|
|
|
const data = {
|
|
|
|
|
user_id: this.$store.state.user.id,
|
|
|
|
|
user_id_pt: pt_from.user_id_pt,
|
|
|
|
|
use_content: JSON.stringify(datalist),
|
|
|
|
|
}
|
|
|
|
|
add_apply(stringify(data)).then(rsp => {
|
|
|
|
|
console.log("rsp>>", rsp)
|
|
|
|
|
if (rsp.status==0){
|
|
|
|
|
this.dialogTableClose()
|
|
|
|
|
//清空表格多选框
|
|
|
|
|
this.$refs.multipleTable.clearSelection();
|
|
|
|
|
that.checkList=[]
|
|
|
|
|
this.get_apply()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
//申请页翻页
|
|
|
|
|
pageChange(page) {
|
|
|
|
|
this.page = page
|
|
|
|
|
this.get_apply()
|
|
|
|
|
},
|
|
|
|
|
addDataIndex(initData){
|
|
|
|
|
for (let i = 0; i < initData.length; i++) {
|
|
|
|
|
initData[i]["index"] = i
|
|
|
|
|
}
|
|
|
|
|
return initData
|
|
|
|
|
},
|
|
|
|
|
//申请
|
|
|
|
|
handleRefresh() {
|
|
|
|
|
this.get_apply()
|
|
|
|
|
this.get_drug_group()
|
|
|
|
|
},
|
|
|
|
|
//打开申请列表
|
|
|
|
|
openDialogTableVisible(){
|
|
|
|
|
this.dialogTableVisible = true
|
|
|
|
|
},
|
|
|
|
|
//关闭申请列表
|
|
|
|
|
dialogTableClose() {
|
|
|
|
|
this.user_id_pt = ''
|
|
|
|
|
this.dialogTableVisible = false
|
|
|
|
|
this.checkList=[]
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.main-container-text {
|
|
|
|
|
min-height: calc(100vh - 110px);
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
margin: 1rem;
|
|
|
|
|
background: white;
|
|
|
|
|
|
|
|
|
|
.title {
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: #000000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.header {
|
|
|
|
|
margin: 1rem 0 1rem 0;
|
|
|
|
|
|
|
|
|
|
.el-input {
|
|
|
|
|
width: 9.375rem;
|
|
|
|
|
margin-right: 1rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-select {
|
|
|
|
|
margin-right: 1rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.header-right {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.add-item {
|
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
/* 1,必须去掉scoped，否则overflow-x: hidden失效 */
|
|
|
|
|
.box {
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
width: 95%;
|
|
|
|
|
height: 95%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 2，外包一个div,来减少对其他页面会有冲突（此时缺少scoped） */
|
|
|
|
|
.box .el-scrollbar__wrap {
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
}
|
|
|
|
|
/* .el-dialog__body {
|
|
|
|
|
height: 600px !important;
|
|
|
|
|
} */
|
|
|
|
|
</style>
|
|
|
|
|
|
cxw
2 years ago