11/18 关联关系1.0

dev_unify
wangwei 8 months ago
parent 2e5a7badd0
commit 9b650ced25

@ -79,13 +79,14 @@
<!-- </el-row>--> <!-- </el-row>-->
<!-- <el-divider/>--> <!-- <el-divider/>-->
<!--</el-form>--> <!--</el-form>-->
<el-form v-if="queryList && queryList.length > 0" :model="filterQuery" label-width="100px" > <el-form v-if="queryList && queryList.length > 0" :model="filterQuery" label-width="100px">
<el-row style=" display:flex; flex-wrap: wrap; "> <el-row style=" display:flex; flex-wrap: wrap; ">
<template v-for="(item, index) in queryList"> <template v-for="(item, index) in queryList">
<div v-if="showSearch || item.isImport"> <div v-if="showSearch || item.isImport">
<el-form-item <el-form-item
v-if="item.columnType == 'input' && item.columnName !='queryName' && executeEval(row,item.expression,true)" v-if="item.columnType == 'input' && item.columnName !='queryName' && executeEval(row,item.expression,true)"
:label="item.columnDesc+`:`" :key="item.id"> :label="item.columnDesc+`:`" :key="item.id"
>
<el-input <el-input
v-model="filterQuery[item.columnName]" v-model="filterQuery[item.columnName]"
:placeholder="item.columnDesc" :placeholder="item.columnDesc"
@ -96,7 +97,8 @@
</el-form-item> </el-form-item>
<el-form-item <el-form-item
v-if="item.columnType == 'input' && item.columnName =='queryName' && executeEval(row,item.expression,true)" v-if="item.columnType == 'input' && item.columnName =='queryName' && executeEval(row,item.expression,true)"
:label="item.columnDesc+`:`" :key="item.id"> :label="item.columnDesc+`:`" :key="item.id"
>
<el-autocomplete <el-autocomplete
class="inline-input" class="inline-input"
style="width: 90%" style="width: 90%"
@ -109,12 +111,14 @@
></el-autocomplete> ></el-autocomplete>
</el-form-item> </el-form-item>
<el-form-item v-if="item.columnType == 'select' && executeEval(row,item.expression,true)" <el-form-item v-if="item.columnType == 'select' && executeEval(row,item.expression,true)"
:label="item.columnDesc+`:`"> :label="item.columnDesc+`:`"
>
<el-select v-model="filterQuery[item.columnName]" <el-select v-model="filterQuery[item.columnName]"
:placeholder="item.columnDesc" :placeholder="item.columnDesc"
@change="executeFuc($event,'5',item.checkRules)" @change="executeFuc($event,'5',item.checkRules)"
:disabled="executeEval(null,item.disabledFuc,false)" :disabled="executeEval(null,item.disabledFuc,false)"
clearable> clearable
>
<el-option <el-option
v-for="dict in item.lableRuleObj" v-for="dict in item.lableRuleObj"
:key="dict.value" :key="dict.value"
@ -128,7 +132,8 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item v-if="item.columnType == 'selectServer' && executeEval(row,item.expression,true)" <el-form-item v-if="item.columnType == 'selectServer' && executeEval(row,item.expression,true)"
:label="item.columnDesc+`:`"> :label="item.columnDesc+`:`"
>
<el-select <el-select
v-model="filterQuery[item.columnName]" v-model="filterQuery[item.columnName]"
:placeholder="item.columnDesc" :placeholder="item.columnDesc"
@ -137,7 +142,8 @@
remote remote
@change="executeFuc($event,'5',item.checkRules)" @change="executeFuc($event,'5',item.checkRules)"
:remote-method="(query) => executeFuc(query,'5',item.clickFuc)" :remote-method="(query) => executeFuc(query,'5',item.clickFuc)"
clearable> clearable
>
<el-option <el-option
v-for="item in options[item.clickFuc]" v-for="item in options[item.clickFuc]"
:key="item.code" :key="item.code"
@ -151,7 +157,8 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item v-if="item.columnType == 'datePicker' && executeEval(row,item.expression,true)" <el-form-item v-if="item.columnType == 'datePicker' && executeEval(row,item.expression,true)"
:label="item.columnDesc+`:`"> :label="item.columnDesc+`:`"
>
<el-date-picker <el-date-picker
:picker-options="pickerOptions" :picker-options="pickerOptions"
v-model="actDateRange" v-model="actDateRange"
@ -164,7 +171,8 @@
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item v-if="item.columnType == 'date' && executeEval(row,item.expression,true)" <el-form-item v-if="item.columnType == 'date' && executeEval(row,item.expression,true)"
:label="item.columnDesc+`:`"> :label="item.columnDesc+`:`"
>
<el-date-picker <el-date-picker
v-model="filterQuery[item.columnName]" v-model="filterQuery[item.columnName]"
:style="`width:${item.width+'px'}`" :style="`width:${item.width+'px'}`"
@ -188,7 +196,7 @@
<el-button type="primary" icon="el-icon-plus" @click="chooseHouseDrug"></el-button> <el-button type="primary" icon="el-icon-plus" @click="chooseHouseDrug"></el-button>
<el-upload <el-upload
:action="action" :action="action"
:headers ="headers" :headers="headers"
accept=".txt" accept=".txt"
:on-preview="handlePreview" :on-preview="handlePreview"
:on-remove="handleRemove" :on-remove="handleRemove"
@ -201,8 +209,9 @@
:on-exceed="handleExceed" :on-exceed="handleExceed"
:file-list="fileList" :file-list="fileList"
:show-file-list="false" :show-file-list="false"
:data="extraData"> :data="extraData"
<el-button icon="el-icon-upload" type="primary" style="margin: 0;">药品标识上传</el-button> >
<el-button icon="el-icon-upload" type="primary" style="margin: 0;">药品标识上传</el-button>
</el-upload> </el-upload>
</el-button-group> </el-button-group>
</div> </div>
@ -210,7 +219,7 @@
<el-table v-loading="loading" :data="list" style="width: 100%" :row-style="{height: '32px' }" <el-table v-loading="loading" :data="list" style="width: 100%" :row-style="{height: '32px' }"
> >
<el-table-column type="index" label="序号"></el-table-column> <el-table-column type="index" label="序号"></el-table-column>
<el-table-column label="药品标识码" prop="nameCode" width="160"></el-table-column> <el-table-column label="药品编码" prop="nameCode" width="100"></el-table-column>
<!--<el-table-column label="收费项目编码" prop="payFeeCode" width="100"></el-table-column>--> <!--<el-table-column label="收费项目编码" prop="payFeeCode" width="100"></el-table-column>-->
<el-table-column label="药品通用名称" prop="cpmctymc" width="160"></el-table-column> <el-table-column label="药品通用名称" prop="cpmctymc" width="160"></el-table-column>
<el-table-column label="制剂规格" prop="prepnSpec" width="90"></el-table-column> <el-table-column label="制剂规格" prop="prepnSpec" width="90"></el-table-column>
@ -334,11 +343,11 @@ import {
import drugAdd from '@/views/basic/product/drug/drugAdd' import drugAdd from '@/views/basic/product/drug/drugAdd'
import chooseDrug from '@/views/basic/product/drug/chooseDrug' import chooseDrug from '@/views/basic/product/drug/chooseDrug'
import chooseHouseDrug from '@/views/basic/product/drug/chooseHouseDrug' import chooseHouseDrug from '@/views/basic/product/drug/chooseHouseDrug'
import {getAdminId, getToken} from '@/utils/auth'; import { getAdminId, getToken } from '@/utils/auth'
import { executeFuc, getHead } from '@/utils/customConfig' import { executeFuc, getHead } from '@/utils/customConfig'
export default { export default {
components: {drugAdd, chooseDrug,chooseHouseDrug}, components: { drugAdd, chooseDrug, chooseHouseDrug },
name: 'drugMaintain', name: 'drugMaintain',
data() { data() {
return { return {
@ -346,33 +355,24 @@ export default {
tableHeader: [], tableHeader: [],
queryList: [], queryList: [],
fromList: [], fromList: [],
executeFuc(row, type, clickFuc, value) {
return executeFuc(this, row, type, clickFuc, value);
},
executeEval(row, expression, defaultRet) {
if (expression) {
return eval(expression);
}
return defaultRet;
},
showSearch: false, showSearch: false,
filterBadInv: true, filterBadInv: true,
query: {}, query: {},
list: [], list: [],
mainIds:[], mainIds: [],
filterQuery: { filterQuery: {
productsType: 2, productsType: 2,
page: 1, page: 1,
limit: 20, limit: 20,
addType: 1, addType: 1,
keyWords:"", keyWords: ''
}, },
addDrugVisible: false, addDrugVisible: false,
chooseDrugVisible: false, chooseDrugVisible: false,
statusMap: { statusMap: {
0: "停用", 0: '停用',
1: "在用" 1: '在用'
}, },
fromName: '', fromName: '',
rowData: {}, rowData: {},
@ -380,22 +380,22 @@ export default {
type: null, type: null,
fromMap: { fromMap: {
'add': '新增-药品信息', 'add': '新增-药品信息',
'edit': '编辑-药品信息', 'edit': '编辑-药品信息'
}, },
loading: false, loading: false,
chooseHouseDrugVisible: false, chooseHouseDrugVisible: false,
uuid: "111", uuid: '111',
relId: "", relId: '',
isImport: false, isImport: false,
pId: 0, pId: 0,
thisData: { thisData: {
nameCode: null, nameCode: null,
cpmctymc: null, cpmctymc: null,
ggxh: null, ggxh: null
}, },
relevanceEdit: { relevanceEdit: {
id: null, id: null,
thirdId: "", thirdId: '',
isDisable: null, isDisable: null,
isUseDy: false, isUseDy: false,
isLock: null, isLock: null,
@ -404,38 +404,48 @@ export default {
allowNoExpire: null, allowNoExpire: null,
allowNoProduct: null, allowNoProduct: null,
allowNoSerial: null, allowNoSerial: null,
pId: null, pId: null
}, },
total: 0, total: 0,
headers:{ headers: {
ADMINID: getAdminId(), ADMINID: getAdminId(),
ADMINTOKEN: getToken() ADMINTOKEN: getToken()
}, },
extraData:{"uuid": "upload-txt"}, extraData: { 'uuid': 'upload-txt' },
uploadLoading: false, uploadLoading: false,
action: process.env.VUE_APP_BASE_API + "/udiwms/aliDrug/txtUpload", action: process.env.VUE_APP_BASE_API + '/udiwms/aliDrug/txtUpload',
fileList: [] fileList: []
} }
}, },
methods: { methods: {
executeFuc(row, type, clickFuc, value) {
return executeFuc(this, row, type, clickFuc, value)
},
executeEval(row, expression, defaultRet) {
if (expression) {
return eval(expression)
}
return defaultRet
},
onReset() { onReset() {
this.$router.push({ this.$router.push({
path: "", path: ''
}); })
this.filterQuery = { this.filterQuery = {
productsType: 2, productsType: 2,
page: 1, page: 1,
limit: 20, limit: 20,
addType: 1, addType: 1,
keyWords:"" keyWords: ''
}; }
this.getList(); this.getList()
}, },
hideSearch() { hideSearch() {
this.showSearch = !this.showSearch; this.showSearch = !this.showSearch
}, },
onSubmit() { onSubmit() {
this.filterQuery.page = 1; this.filterQuery.page = 1
this.getList() this.getList()
}, },
addDrug() { addDrug() {
@ -448,47 +458,47 @@ export default {
this.chooseDrugVisible = true this.chooseDrugVisible = true
}, },
chooseHouseDrug(val){ chooseHouseDrug(val) {
this.defaultSys = null; this.defaultSys = null
this.uuid = val.uuid; this.uuid = val.uuid
this.relId = val.id; this.relId = val.id
this.isImport = true; this.isImport = true
this.thisData = val; this.thisData = val
this.chooseHouseDrugVisible = true this.chooseHouseDrugVisible = true
}, },
handleRemove(file, fileList) { handleRemove(file, fileList) {
console.log(file, fileList); console.log(file, fileList)
}, },
handlePreview(file) { handlePreview(file) {
console.log(file); console.log(file)
}, },
handleExceed(files, fileList) { handleExceed(files, fileList) {
this.$message.warning(`当前限制选择 5 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`); this.$message.warning(`当前限制选择 5 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`)
}, },
beforeRemove(file, fileList) { beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${ file.name }`); return this.$confirm(`确定移除 ${file.name}`)
}, },
handleSuccess(res, file, fileList) { handleSuccess(res, file, fileList) {
fileList = fileList.filter(item => item.response.code === 20000); fileList = fileList.filter(item => item.response.code === 20000)
this.fileList = fileList; this.fileList = fileList
if (res.code === 20000) { if (res.code === 20000) {
this.$message.success(res.message); this.$message.success(res.message)
this.fileList = [] this.fileList = []
} else { } else {
this.$message.error(res.message); this.$message.error(res.message)
} }
this.uploadLoading.close(); this.uploadLoading.close()
}, },
beforeUpload(file) { beforeUpload(file) {
const isXML = file.name.endsWith('.txt'); const isXML = file.name.endsWith('.txt')
const isLt5M = file.size / 1024 / 1024 < 100; const isLt5M = file.size / 1024 / 1024 < 100
if (!isXML) { if (!isXML) {
this.$message.error('上传文件只能是 TXT 格式!'); this.$message.error('上传文件只能是 TXT 格式!')
} }
if (!isLt5M) { if (!isLt5M) {
this.$message.error('上传文件大小不能超过 10MB!'); this.$message.error('上传文件大小不能超过 10MB!')
} }
return isXML && isLt5M; return isXML && isLt5M
}, },
handleProgress() { handleProgress() {
this.uploadLoading = this.$loading({ this.uploadLoading = this.$loading({
@ -496,18 +506,18 @@ export default {
text: '文件上传中…', text: '文件上传中…',
spinner: 'el-icon-loading', spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.5)' background: 'rgba(0, 0, 0, 0.5)'
}); })
}, },
handleError() { handleError() {
this.uploadLoading.close(); this.uploadLoading.close()
this.$message.error('文件上传失败,请检查文件大小或文件格式'); this.$message.error('文件上传失败,请检查文件大小或文件格式')
}, },
getList() { getList() {
getUdiInfos(this.filterQuery) getUdiInfos(this.filterQuery)
.then((response) => { .then((response) => {
this.loading = false this.loading = false
this.list = response.data.list || [] this.list = response.data.list || []
this.mainIds = this.list.map(item => item.mainId); this.mainIds = this.list.map(item => item.mainId)
this.total = response.data.total || 0 this.total = response.data.total || 0
}) })
.catch(() => { .catch(() => {
@ -517,24 +527,24 @@ export default {
}) })
}, },
deleteDrug(row) { deleteDrug(row) {
this.$confirm("此操作将永久删除该药品信息, 是否继续?", "提示", { this.$confirm('此操作将永久删除该药品信息, 是否继续?', '提示', {
confirmButtonText: "确定", confirmButtonText: '确定',
cancelButtonText: "取消", cancelButtonText: '取消',
type: "warning", type: 'warning'
}).then(() => { }).then(() => {
let tquery = { let tquery = {
id: row.id + "", id: row.id + ''
}; }
deletetUdiInfos(tquery).then(res => { deletetUdiInfos(tquery).then(res => {
if (res.code != 20000) { if (res.code != 20000) {
this.$message.error(res.message) this.$message.error(res.message)
this.getList() this.getList()
} else { } else {
this.$message.success("删除成功!") this.$message.success('删除成功!')
this.getList() this.getList()
} }
}).catch(() => { }).catch(() => {
this.$message.error("删除错误") this.$message.error('删除错误')
}) })
}) })
}, },
@ -542,49 +552,49 @@ export default {
this.fromName = 'edit' this.fromName = 'edit'
this.type = 2 this.type = 2
this.uuid = row.uuid; this.uuid = row.uuid
this.relId = row.id; this.relId = row.id
this.isImport = false; this.isImport = false
this.thisData = row; this.thisData = row
this.pId = row.id; this.pId = row.id
this.relevanceEdit = { this.relevanceEdit = {
id: row.id, id: row.id,
isUseDy: row.isUseDy, isUseDy: row.isUseDy,
isDisable: row.isDisable, isDisable: row.isDisable,
isLock: row.isLock, isLock: row.isLock,
isAdavence: row.isAdavence, isAdavence: row.isAdavence
}; }
this.editFormat = JSON.parse(JSON.stringify(row)); this.editFormat = JSON.parse(JSON.stringify(row))
this.rowData = row this.rowData = row
this.addDrugVisible = true; this.addDrugVisible = true
}, },
closeUdi(){ closeUdi() {
}, },
closeDialog() { closeDialog() {
this.addDrugVisible = false; this.addDrugVisible = false
this.chooseHouseDrugVisible = false; this.chooseHouseDrugVisible = false
this.getList() this.getList()
} }
}, },
filters: { filters: {
statusFilterType(status) { statusFilterType(status) {
const statusMap = { const statusMap = {
0: "info", 0: 'info',
1: "success", 1: 'success'
}; }
return statusMap[status]; return statusMap[status]
} }
,
}, },
created() { created() {
getHead("drugMaintain-ypzdwh", "1").then((re) => { getHead('drugMaintain-ypzdwh', '1').then((re) => {
// //
this.tableObj = re.data; this.tableObj = re.data
this.tableHeader = re.data.tableList; this.tableHeader = re.data.tableList
this.queryList = re.data.queryList; this.queryList = re.data.queryList
this.fromList = re.data.fromList; this.fromList = re.data.fromList
}); })
this.getList() this.getList()
} }
} }

@ -62,20 +62,20 @@
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <!--<el-col :span="12" class="el-col">-->
<div class="text item"> <!-- <div class="text item">-->
<div class="itemTag"> <!-- <div class="itemTag">-->
<span>规格型号:&nbsp;</span> <!-- <span>规格型号:&nbsp;</span>-->
</div> <!-- </div>-->
<el-input <!-- <el-input-->
style="width: 65%" <!-- style="width: 65%"-->
:disabled="true" <!-- :disabled="true"-->
size="small" <!-- size="small"-->
splaceholder="请输入内容" <!-- splaceholder="请输入内容"-->
v-model="detailQuery.ggxh" <!-- v-model="detailQuery.ggxh"-->
></el-input> <!-- ></el-input>-->
</div> <!-- </div>-->
</el-col> <!--</el-col>-->
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
@ -91,9 +91,6 @@
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
@ -108,38 +105,42 @@
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>制剂单位:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="detailQuery.prepnUnit"
></el-input>
</div>
</el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>商品条码:&nbsp;</span> <span>剂型:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="detailQuery.sptm" v-model="detailQuery.prepnUnit"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<!--<el-col :span="12" class="el-col">-->
<!-- <div class="text item">-->
<!-- <div class="itemTag">-->
<!-- <span>商品条码:&nbsp;</span>-->
<!-- </div>-->
<!-- <el-input-->
<!-- style="width: 65%"-->
<!-- :disabled="true"-->
<!-- size="small"-->
<!-- splaceholder="请输入内容"-->
<!-- v-model="detailQuery.sptm"-->
<!-- ></el-input>-->
<!-- </div>-->
<!--</el-col>-->
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<el-card class="el-card"> <el-card class="el-card">
<el-form :model="filterQuery" class="query-form" label-width="100px" v-if="showSearch"> <el-form :model="filterQuery" class="query-form" label-width="100px" >
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item prop="code" label="扫码录入:"> <el-form-item prop="code" label="扫码录入:">
@ -18,39 +18,136 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row style=" display:flex; flex-wrap: wrap; ">
<el-col :span="4"> <template v-for="(item, index) in queryList">
<el-form-item label="产品通用名:"> <div v-if="showSearch || item.isImport">
<el-input v-model="filterQuery.cpmctymc" placeholder="请输入产品编码" clearable></el-input> <el-form-item
</el-form-item> v-if="item.columnType == 'input' && item.columnName !='queryName' && executeEval(row,item.expression,true)"
</el-col> :label="item.columnDesc+`:`" :key="item.id">
<el-col :span="4"> <el-input
<el-form-item label="批次号:"> v-model="filterQuery[item.columnName]"
<el-input v-model="filterQuery.batchNo" placeholder="请输入批次号" clearable></el-input> :placeholder="item.columnDesc"
</el-form-item> :disabled="executeEval(null,item.disabledFuc,false)"
</el-col> @keyup.enter.native="executeFuc($event,'5',item.clickFuc)"
clearable
></el-input>
</el-form-item>
<el-form-item
v-if="item.columnType == 'input' && item.columnName =='queryName' && executeEval(row,item.expression,true)"
:label="item.columnDesc+`:`" :key="item.id">
<el-autocomplete
class="inline-input"
style="width: 90%"
v-model="queryName"
:fetch-suggestions="queryProductName"
placeholder="请输入内容"
clearable
@select="handleSelect"
@clear="clearQueryProduct"
></el-autocomplete>
</el-form-item>
<el-form-item v-if="item.columnType == 'select' && executeEval(row,item.expression,true)"
:label="item.columnDesc+`:`">
<el-select v-model="filterQuery[item.columnName]"
:placeholder="item.columnDesc"
@change="executeFuc($event,'5',item.checkRules)"
:disabled="executeEval(null,item.disabledFuc,false)"
clearable>
<el-option
v-for="dict in item.lableRuleObj"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
<span style="float: left">{{ item.name }}</span>
<span v-if="item.isShowXx == '1'" style="float: right; color: #8492a6; font-size: 13px">{{
item.code
}}</span>
</el-select>
</el-form-item>
<el-form-item v-if="item.columnType == 'selectServer' && executeEval(row,item.expression,true)"
:label="item.columnDesc+`:`">
<el-select
v-model="filterQuery[item.columnName]"
:placeholder="item.columnDesc"
:disabled="executeEval(null,item.disabledFuc,false)"
filterable
remote
@change="executeFuc($event,'5',item.checkRules)"
:remote-method="(query) => executeFuc(query,'5',item.clickFuc)"
clearable>
<el-option
v-for="item in options[item.clickFuc]"
:key="item.code"
:label="item.label"
:value="item.code"
/>
<span style="float: left">{{ item.name }}</span>
<span v-if="item.isShowXx == '1'" style="float: right; color: #8492a6; font-size: 13px">{{
item.code
}}</span>
</el-select>
</el-form-item>
<el-form-item v-if="item.columnType == 'datePicker' && executeEval(row,item.expression,true)"
:label="item.columnDesc+`:`">
<el-date-picker
:picker-options="pickerOptions"
v-model="actDateRange"
type="daterange"
format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item v-if="item.columnType == 'date' && executeEval(row,item.expression,true)"
:label="item.columnDesc+`:`">
<el-date-picker
v-model="filterQuery[item.columnName]"
:style="`width:${item.width+'px'}`"
value-format="yyyy-MM-dd"
:disabled="executeEval(null,item.disabledFuc,false)"
type="date"
:placeholder="item.columnDesc"
></el-date-picker>
</el-form-item>
</div>
</template>
</el-row>
<!-- <el-row>-->
<!-- <el-col :span="4">--> <!-- <el-col :span="4">-->
<!-- <el-form-item label="失效日期:">--> <!-- <el-form-item label="产品通用名:">-->
<!-- <el-date-picker--> <!-- <el-input v-model="filterQuery.cpmctymc" placeholder="请输入产品编码" clearable></el-input>-->
<!-- style="width: 100%"-->
<!-- :picker-options="pickerOptions"-->
<!-- v-model="actDateRange"-->
<!-- type="daterange"-->
<!-- format="yyyy 年 MM 月 dd 日"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- range-separator="至"-->
<!-- start-placeholder="开始日期"-->
<!-- end-placeholder="结束日期"-->
<!-- >-->
<!-- </el-date-picker>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<!-- </el-col>--> <!-- </el-col>-->
</el-row> <!-- <el-col :span="4">-->
<!-- <el-form-item label="批次号:">-->
<!-- <el-input v-model="filterQuery.batchNo" placeholder="请输入批次号" clearable></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!--&lt;!&ndash; <el-col :span="4">&ndash;&gt;-->
<!--&lt;!&ndash; <el-form-item label="失效日期:">&ndash;&gt;-->
<!--&lt;!&ndash; <el-date-picker&ndash;&gt;-->
<!--&lt;!&ndash; style="width: 100%"&ndash;&gt;-->
<!--&lt;!&ndash; :picker-options="pickerOptions"&ndash;&gt;-->
<!--&lt;!&ndash; v-model="actDateRange"&ndash;&gt;-->
<!--&lt;!&ndash; type="daterange"&ndash;&gt;-->
<!--&lt;!&ndash; format="yyyy 年 MM 月 dd 日"&ndash;&gt;-->
<!--&lt;!&ndash; value-format="yyyy-MM-dd"&ndash;&gt;-->
<!--&lt;!&ndash; range-separator="至"&ndash;&gt;-->
<!--&lt;!&ndash; start-placeholder="开始日期"&ndash;&gt;-->
<!--&lt;!&ndash; end-placeholder="结束日期"&ndash;&gt;-->
<!--&lt;!&ndash; >&ndash;&gt;-->
<!--&lt;!&ndash; </el-date-picker>&ndash;&gt;-->
<!--&lt;!&ndash; </el-form-item>&ndash;&gt;-->
<!--&lt;!&ndash; </el-col>&ndash;&gt;-->
<!-- </el-row>-->
</el-form> </el-form>
<div class="top-right-btn"> <div class="top-right-btn">
<el-button-group style="display:flex;"> <el-button-group style="display:flex;">
<el-button icon="el-icon-view" type="primary" @click="hideSearch">/</el-button> <el-button icon="el-icon-view" type="primary" @click="hideSearch"></el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button> <el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button type="primary" icon="el-icon-search" @click="onSubmitFind"></el-button> <el-button type="primary" icon="el-icon-search" @click="onSubmitFind"></el-button>
<!-- <el-button type="primary" icon="el-icon-plus" @click="newDistributionForm()" :loading="loading">手动新增</el-button> --> <!-- <el-button type="primary" icon="el-icon-plus" @click="newDistributionForm()" :loading="loading">手动新增</el-button> -->
@ -83,15 +180,15 @@
:tree-props="{children: 'children', hasChildren: 'hasChildren'}" :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
style="width: 100%" row-key="id" > style="width: 100%" row-key="id" >
<el-table-column label="序号" type="index" width="60"></el-table-column> <el-table-column label="序号" type="index" width="60"></el-table-column>
<el-table-column label="产品通用名" prop="cpmctymc"></el-table-column> <el-table-column label="产品通用名" prop="cpmctymc" width="100"></el-table-column>
<el-table-column label="规格" prop="packageSpec"></el-table-column> <el-table-column label="规格" prop="packageSpec"></el-table-column>
<el-table-column label="批次号" prop="batchNo"></el-table-column> <el-table-column label="批次号" prop="batchNo"></el-table-column>
<el-table-column label="生产日期" prop="madeDate"></el-table-column> <el-table-column label="生产日期" prop="madeDate"></el-table-column>
<el-table-column label="失效日期" prop="validateDate"></el-table-column> <el-table-column label="失效日期" prop="validateDate"></el-table-column>
<el-table-column label="追溯码" prop="curCode" width="200"></el-table-column> <el-table-column label="追溯码" prop="curCode" width="200"></el-table-column>
<el-table-column label="父级码" prop="parentCode" width="200"></el-table-column> <el-table-column label="父级码" prop="parentCode" width="200"></el-table-column>
<el-table-column label="二层级数量" prop="twoLevelCount"></el-table-column> <el-table-column label="二层级数量" prop="twoLevelCount" width="120"></el-table-column>
<el-table-column label="一层级数量" prop="oneLevelCount"></el-table-column> <el-table-column label="一层级数量" prop="oneLevelCount" width="120"></el-table-column>
<!-- <el-table-column label="供应商Id" prop="erpId"></el-table-column>--> <!-- <el-table-column label="供应商Id" prop="erpId"></el-table-column>-->
<el-table-column label="备注" prop="comment"></el-table-column> <el-table-column label="备注" prop="comment"></el-table-column>
<el-table-column label="操作" width="120px"> <el-table-column label="操作" width="120px">
@ -133,7 +230,6 @@
></el-table-column> ></el-table-column>
</el-table> </el-table>
</el-dialog> </el-dialog>
</el-card> </el-card>
</div> </div>
</template> </template>
@ -143,19 +239,27 @@ import {getAdminId, getToken} from '@/utils/auth';
import operateRelCode from "@/views/collect/relCode/operateRelCode" import operateRelCode from "@/views/collect/relCode/operateRelCode"
import Treeselect from "@riophae/vue-treeselect"; import Treeselect from "@riophae/vue-treeselect";
import A from "@/plugins/KeyScaner"; import A from "@/plugins/KeyScaner";
import { executeFuc, getHead } from '@/utils/customConfig'
export default { export default {
name: "relCode", name: "relCode",
data() { data() {
return { return {
showSearch: true, //
tableHeader: [],
queryList: [],
fromList: [],
showSearch: false,
newSpDistributionVisible: false, newSpDistributionVisible: false,
filterQuery: { filterQuery: {
billAction: null, billAction: null,
billNo: "", billNo: "",
page: 1, page: 1,
limit: 10, limit: 10,
corpName: null corpName: null,
keyWord:"",
}, },
isExpandAll: true, isExpandAll: true,
idQuery: null, idQuery: null,
@ -210,6 +314,15 @@ export default {
}, },
methods: { methods: {
executeFuc(row, type, clickFuc, value) {
return executeFuc(this, row, type, clickFuc, value);
},
executeEval(row, expression, defaultRet) {
if (expression) {
return eval(expression);
}
return defaultRet;
},
onReset() { onReset() {
this.$router.push({ this.$router.push({
path: "", path: "",
@ -227,6 +340,7 @@ export default {
corpName: null, corpName: null,
type: 1, type: 1,
editStatus: 1, editStatus: 1,
keyWord:""
}; };
this.actDateRange = []; this.actDateRange = [];
this.getList(); this.getList();
@ -399,6 +513,13 @@ export default {
this.$refs.inputRef.focus(); this.$refs.inputRef.focus();
}, },
created() { created() {
getHead("relCode-glgx", "1").then((re) => {
//
this.tableObj = re.data;
this.tableHeader = re.data.tableList;
this.queryList = re.data.queryList;
this.fromList = re.data.fromList;
});
this.getList(); this.getList();
}, },
} }

Loading…
Cancel
Save