Merge remote-tracking branch 'origin/master'
commit
2f062fd0ba
@ -1,4 +1,4 @@
|
||||
{
|
||||
"BASE_URL": "http://192.168.0.166:9991",
|
||||
"BASE_URL": "http://127.0.0.1:9991",
|
||||
"hosp_name": "平和县医院"
|
||||
}
|
||||
|
@ -0,0 +1,48 @@
|
||||
import axios from '@/utils/request'
|
||||
|
||||
|
||||
export function getDetailCodes(query) {
|
||||
return axios({
|
||||
url: "/udiwms/inout/order/draft/detailCode",
|
||||
method: "get",
|
||||
params: query
|
||||
});
|
||||
}
|
||||
|
||||
//获取业务明细
|
||||
export function getDetailBizs(query) {
|
||||
return axios({
|
||||
url: "/udiwms/inout/order/draft/biz",
|
||||
method: "get",
|
||||
params: query
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
//业务明细添加产品
|
||||
export function addBizProduct(query) {
|
||||
return axios({
|
||||
url: "/udiwms/inout/order/addBizProduct",
|
||||
method: "post",
|
||||
data: query
|
||||
});
|
||||
}
|
||||
|
||||
export function updateBizProduct(query) {
|
||||
return axios({
|
||||
url: "/udiwms/inout/order/updateBizProduct",
|
||||
method: "post",
|
||||
data: query
|
||||
});
|
||||
}
|
||||
|
||||
export function delBizProduct(query) {
|
||||
return axios({
|
||||
url: "/udiwms/inout/order/delBizProduct",
|
||||
method: "post",
|
||||
data: query
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
@ -0,0 +1,144 @@
|
||||
function pluralize(time, label) {
|
||||
if (time === 1) {
|
||||
return time + label;
|
||||
}
|
||||
return time + label + "s";
|
||||
}
|
||||
export function timeAgo(time) {
|
||||
const between = Date.now() / 1000 - Number(time);
|
||||
if (between < 3600) {
|
||||
return pluralize(~~(between / 60), " minute");
|
||||
} else if (between < 86400) {
|
||||
return pluralize(~~(between / 3600), " hour");
|
||||
} else {
|
||||
return pluralize(~~(between / 86400), " day");
|
||||
}
|
||||
}
|
||||
|
||||
export function parseTime(time, cFormat) {
|
||||
if (arguments.length === 0) {
|
||||
return null;
|
||||
}
|
||||
|
||||
if ((time + "").length === 10) {
|
||||
time = +time * 1000;
|
||||
}
|
||||
|
||||
const format = cFormat || "{y}-{m}-{d} {h}:{i}:{s}";
|
||||
let date;
|
||||
if (typeof time === "object") {
|
||||
date = time;
|
||||
} else {
|
||||
date = new Date(parseInt(time));
|
||||
}
|
||||
const formatObj = {
|
||||
y: date.getFullYear(),
|
||||
m: date.getMonth() + 1,
|
||||
d: date.getDate(),
|
||||
h: date.getHours(),
|
||||
i: date.getMinutes(),
|
||||
s: date.getSeconds(),
|
||||
a: date.getDay()
|
||||
};
|
||||
const timeStr = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
|
||||
let value = formatObj[key];
|
||||
if (key === "a")
|
||||
return ["一", "二", "三", "四", "五", "六", "日"][value - 1];
|
||||
if (result.length > 0 && value < 10) {
|
||||
value = "0" + value;
|
||||
}
|
||||
return value || 0;
|
||||
});
|
||||
return timeStr;
|
||||
}
|
||||
export function rTime(date) {
|
||||
var json_date = new Date(date).toJSON();
|
||||
return new Date(new Date(json_date) + 8 * 3600 * 1000)
|
||||
.toISOString()
|
||||
.replace(/T/g, " ")
|
||||
.replace(/\.[\d]{3}Z/, "");
|
||||
}
|
||||
export function formatTime(time, option) {
|
||||
time = +time * 1000;
|
||||
const d = new Date(time);
|
||||
const now = Date.now();
|
||||
|
||||
const diff = (now - d) / 1000;
|
||||
|
||||
if (diff < 30) {
|
||||
return "刚刚";
|
||||
} else if (diff < 3600) {
|
||||
// less 1 hour
|
||||
return Math.ceil(diff / 60) + "分钟前";
|
||||
} else if (diff < 3600 * 24) {
|
||||
return Math.ceil(diff / 3600) + "小时前";
|
||||
} else if (diff < 3600 * 24 * 2) {
|
||||
return "1天前";
|
||||
}
|
||||
if (option) {
|
||||
return parseTime(time, option);
|
||||
} else {
|
||||
return (
|
||||
d.getMonth() +
|
||||
1 +
|
||||
"月" +
|
||||
d.getDate() +
|
||||
"日" +
|
||||
d.getHours() +
|
||||
"时" +
|
||||
d.getMinutes() +
|
||||
"分"
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/* 数字 格式化 */
|
||||
export function nFormatter(num, digits) {
|
||||
const si = [
|
||||
{ value: 1e18, symbol: "E" },
|
||||
{ value: 1e15, symbol: "P" },
|
||||
{ value: 1e12, symbol: "T" },
|
||||
{ value: 1e9, symbol: "G" },
|
||||
{ value: 1e6, symbol: "M" },
|
||||
{ value: 1e3, symbol: "k" }
|
||||
];
|
||||
for (let i = 0; i < si.length; i++) {
|
||||
if (num >= si[i].value) {
|
||||
return (
|
||||
(num / si[i].value + 0.1)
|
||||
.toFixed(digits)
|
||||
.replace(/\.0+$|(\.[0-9]*[1-9])0+$/, "$1") + si[i].symbol
|
||||
);
|
||||
}
|
||||
}
|
||||
return num.toString();
|
||||
}
|
||||
|
||||
export function html2Text(val) {
|
||||
const div = document.createElement("div");
|
||||
div.innerHTML = val;
|
||||
return div.textContent || div.innerText;
|
||||
}
|
||||
|
||||
export function toThousandslsFilter(num) {
|
||||
return (+num || 0)
|
||||
.toString()
|
||||
.replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ","));
|
||||
}
|
||||
|
||||
/**
|
||||
* 格式化文件大小
|
||||
* @param value
|
||||
* @returns {*}
|
||||
*/
|
||||
export function renderSize(value) {
|
||||
if (!value || value === null || value === "") {
|
||||
return "";
|
||||
}
|
||||
let unitArr = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
|
||||
let srcsize = parseFloat(value);
|
||||
let index = Math.floor(Math.log(srcsize) / Math.log(1024));
|
||||
let size = srcsize / Math.pow(1024, index);
|
||||
size = size.toFixed(0); // 保留的小数位数
|
||||
return size + unitArr[index];
|
||||
}
|
@ -0,0 +1,914 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card style="margin: 5px;margin-top: -20px">
|
||||
<el-form :model="formData" :rules="formRules" ref="dataForm" label-width="100px"
|
||||
style="margin-bottom: -15px">
|
||||
<el-button-group style="display: flex;margin: 0px 0 10px 80%; height: 35px">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="primary"
|
||||
@click.native="saveOrder()"
|
||||
>草稿保存
|
||||
</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="primary"
|
||||
@click.native="submit('0')"
|
||||
>提交订单
|
||||
</el-button
|
||||
>
|
||||
</el-button-group>
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="corpOrderId" label="单据号:">
|
||||
<el-input v-model="formData.corpOrderId" auto-complete="off" style="width: 90%"
|
||||
clearable
|
||||
:disabled="corpOrderIdDisabled"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="createTime" label="单据时间:">
|
||||
<el-date-picker
|
||||
v-model="formData.createTime"
|
||||
type="datetime"
|
||||
placeholder="日期"
|
||||
clearable
|
||||
:disabled="true"
|
||||
style="width: 90%"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="invCode" label="当前仓库:">
|
||||
<el-select v-model="formData.invCode" placeholder="当前仓库信息"
|
||||
style="width: 90%"
|
||||
clearable
|
||||
:disabled="corpOrderIdDisabled" @change="changeInv" filterable>
|
||||
<el-option
|
||||
v-for="item in curInvOptions"
|
||||
:key="item.name"
|
||||
:label="item.name"
|
||||
:value="item.code">
|
||||
<span style="float: left">{{ item.name }}</span>
|
||||
<span style="float: right; color: #8492a6; font-size: 13px">{{
|
||||
item.code
|
||||
}}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="action" label="单据类型:">
|
||||
<el-select v-model="formData.action" placeholder="请选择单据类型"
|
||||
:disabled="corpOrderIdDisabled"
|
||||
clearable
|
||||
style="width: 90%"
|
||||
@change="actionChange">
|
||||
<el-option
|
||||
v-for="item in busTypeOptions"
|
||||
:key="item.name"
|
||||
:label="item.name"
|
||||
:value="item.action">
|
||||
<span style="float: left">{{ item.name }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="fromCorp"
|
||||
label="往来信息:"
|
||||
v-if="curAction.corpType ==0 || curAction.corpType == 2 || (curAction.corpType == 1 && !curAction.genUnit)"
|
||||
>
|
||||
<el-select
|
||||
v-model="formData.fromCorp"
|
||||
filterable
|
||||
remote
|
||||
clearable
|
||||
reserve-keyword
|
||||
style="width: 90%"
|
||||
placeholder="请输入往来单位"
|
||||
:remote-method="findMethod"
|
||||
:loading="loading"
|
||||
:disabled="corpOrderIdDisabled"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in fromOptions"
|
||||
:key="item.erpId"
|
||||
:label="item.name"
|
||||
:value="item.erpId"
|
||||
>
|
||||
<span style="float: left">{{ item.name }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item prop="fromCorp"
|
||||
v-if="curAction.corpType ==3"
|
||||
label="往来信息:"
|
||||
>
|
||||
<el-select v-model="formData.fromInvCode" placeholder="请选择往来仓库"
|
||||
:disabled="corpOrderIdDisabled" filterable
|
||||
clearable
|
||||
style="width: 90%"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in fromInvOptions"
|
||||
:key="item.code"
|
||||
:label="item.name"
|
||||
:value="item.code">
|
||||
<span style="float: left">{{ item.name }}</span>
|
||||
<span style="float: right; color: #8492a6; font-size: 13px">{{
|
||||
item.code
|
||||
}}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
|
||||
</el-form-item>
|
||||
<el-form-item prop="fromCorp"
|
||||
v-if="curAction.corpType ==1 && curAction.genUnit">
|
||||
<el-input v-model="formData.fromCorp" auto-complete="off"
|
||||
clearable
|
||||
style="width: 90%"
|
||||
:disabled="corpOrderIdDisabled"
|
||||
placeholder="请输入病人住院号"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="remark" label="备注:">
|
||||
<el-input v-model="formData.remark" auto-complete="off"
|
||||
clearable
|
||||
style="width: 90%"
|
||||
placeholder="请输入备注信息"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="20">
|
||||
<el-form-item prop="code" label="扫码录入:">
|
||||
<el-input
|
||||
id="inputer"
|
||||
@focus="getInputFocus($event)"
|
||||
@keypress.enter.native="enterKey($event)"
|
||||
ref='inputRef'
|
||||
style="ime-mode:disabled"
|
||||
type="tel"
|
||||
v-model="formData.code"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="2">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
@click.native.stop="addCode()"
|
||||
style=" margin-left: 15px"
|
||||
>添加
|
||||
</el-button
|
||||
>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-tabs type="border-card" style="margin: 5px">
|
||||
<el-tab-pane label="业务详情">
|
||||
<biz-detail-panel :idQuery="idQuery" v-if="isCodeAlive"></biz-detail-panel>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="扫码详情">
|
||||
<codeDetailPanel :idQuery="idQuery" v-if="isCodeAlive"></codeDetailPanel>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="扫码明细">
|
||||
<codesPanel :idQuery="idQuery" v-if="isCodeAlive"></codesPanel>
|
||||
</el-tab-pane>
|
||||
|
||||
</el-tabs>
|
||||
|
||||
|
||||
<!-- <el-dialog-->
|
||||
<!-- :title="selectUnitTitle"-->
|
||||
<!-- :visible.sync="dialogTableVisible"-->
|
||||
<!-- :close-on-click-modal="false"-->
|
||||
<!-- :close-on-press-escape="false"-->
|
||||
<!-- v-if="dialogTableVisible"-->
|
||||
<!-- width="70%"-->
|
||||
<!-- append-to-body-->
|
||||
<!-- >-->
|
||||
<!-- <DialogSelectUnit-->
|
||||
<!-- :codeId="curRow"-->
|
||||
<!-- v-on:selectSupUnit="selectSupUnit"-->
|
||||
<!-- v-on:closeBindDialog="closeBindDialog"-->
|
||||
<!-- ></DialogSelectUnit>-->
|
||||
<!-- </el-dialog>-->
|
||||
<!-- <el-dialog-->
|
||||
<!-- :title="selectRlTitle"-->
|
||||
<!-- :visible.sync="selectRlVisible"-->
|
||||
<!-- width="80%"-->
|
||||
<!-- :close-on-click-modal="false"-->
|
||||
<!-- :close-on-press-escape="false"-->
|
||||
<!-- v-if="selectRlVisible"-->
|
||||
<!-- append-to-body-->
|
||||
<!-- >-->
|
||||
<!-- <selectRlDialog-->
|
||||
<!-- :curRow="curRow"-->
|
||||
<!-- :curAction="curAction"-->
|
||||
<!-- v-on:selectBindRl="selectBindRl"-->
|
||||
<!-- v-on:closeBindDialog="closeBindDialog"-->
|
||||
<!-- ></selectRlDialog>-->
|
||||
<!-- </el-dialog>-->
|
||||
|
||||
<!-- <el-dialog-->
|
||||
<!-- :title="editTitle"-->
|
||||
<!-- :visible.sync="editCodeVisible"-->
|
||||
<!-- append-to-body width="70%"-->
|
||||
<!-- :close-on-click-modal="false"-->
|
||||
<!-- :close-on-press-escape="false"-->
|
||||
<!-- v-if="editCodeVisible"-->
|
||||
<!-- >-->
|
||||
<!-- <editCodeDialog-->
|
||||
<!-- editTye="2"-->
|
||||
<!-- :closeCodeDialog="closeCodeDialog"-->
|
||||
<!-- :codeDetail="codeDetail">-->
|
||||
<!-- </editCodeDialog>-->
|
||||
<!-- </el-dialog>-->
|
||||
|
||||
<!-- <el-dialog-->
|
||||
<!-- :title="editTitle"-->
|
||||
<!-- :visible.sync="editOriginCodeVisible"-->
|
||||
<!-- append-to-body width="70%"-->
|
||||
<!-- :close-on-click-modal="false"-->
|
||||
<!-- :close-on-press-escape="false"-->
|
||||
<!-- v-if="editOriginCodeVisible">-->
|
||||
<!-- <editCodeDialog-->
|
||||
<!-- :closeCodeDialog="closeCodeDialog"-->
|
||||
<!-- :repeatAddCode="repeatAddCode"-->
|
||||
<!-- :codeDetail="formData"-->
|
||||
<!-- editTye="1">-->
|
||||
<!-- </editCodeDialog>-->
|
||||
<!-- </el-dialog>-->
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
errorCodeList, addOrderWeb, deleteCodesTempById, submitOrderWeb, saveOrderWeb,
|
||||
updateCodeBindSup, enterCodeWeb
|
||||
} from "../../api/inout/order";
|
||||
import {filterSubByInv, findByFrom, findByInvUser, findInvByUser} from "../../api/system/invSubWarehouse";
|
||||
import draggable from "vuedraggable";
|
||||
import {parseTime} from "../../utils/coTools";
|
||||
import {getBasicUnitMaintains} from "../../api/basic/basicUnitMaintain"
|
||||
import {filterAllByLoc, filterAllByUser} from "@/api/system/invWarehouse";
|
||||
import {getLocalJoinByUser} from "../../api/basic/busType";
|
||||
// import DialogSelectUnit from "./DialogSelectUnit";
|
||||
// import selectRlDialog from "./DialogSelectRl";
|
||||
// import editCodeDialog from "./editCode";
|
||||
|
||||
|
||||
import codesPanel from "./IoCreateOrderCodes"
|
||||
import codeDetailPanel from "./IoCreateOrderCodeDetail"
|
||||
import bizDetailPanel from "./IoCreateOrderBizDetail"
|
||||
import A from "../../plugins/KeyScaner"
|
||||
import {isBlank} from "@/utils/strUtil";
|
||||
import {filterDepts} from "@/api/auth/authDept";
|
||||
import {selectSysParamByKey} from "@/api/param/systemParamConfig";
|
||||
import store from "@/store";
|
||||
|
||||
|
||||
export default {
|
||||
name: "idQuery",
|
||||
props: {
|
||||
closeDialog: {
|
||||
type: Function,
|
||||
required: true,
|
||||
},
|
||||
idQuery: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
formData: {
|
||||
billNo: null,
|
||||
corpOrderId: null,
|
||||
action: null,
|
||||
createTime: new Date(),
|
||||
invCode: null,
|
||||
fromCorp: null,
|
||||
fromInvCode: null,
|
||||
remark: null,
|
||||
code: "",
|
||||
fromType: 2,
|
||||
batchNo: null,
|
||||
produceDate: null,
|
||||
expireDate: null,
|
||||
serialNo: null,
|
||||
},
|
||||
curInvOptions: [],
|
||||
busTypeOptions: [],
|
||||
fromInvOptions: [],
|
||||
curAction: {
|
||||
corpType: 0,
|
||||
genUnit: false,
|
||||
},
|
||||
fromOptions: [],
|
||||
isCodeAlive: true,
|
||||
|
||||
editCodeVisible: false,
|
||||
actionEnable: false,
|
||||
editOriginCodeVisible: false,
|
||||
curId: null,
|
||||
storageList: [],
|
||||
|
||||
formRules: {
|
||||
temp: [
|
||||
{required: true, message: "请输入条码", trigger: "blur"}
|
||||
],
|
||||
},
|
||||
isScan: true,
|
||||
scanText: "扫码录入:",
|
||||
corpOrderIdDisabled: false,
|
||||
|
||||
loading: false,
|
||||
index: null,
|
||||
formLoading: false,
|
||||
formVisible: false,
|
||||
deleteLoading: false,
|
||||
orderNo: null,
|
||||
|
||||
fromStorageOptions: [],
|
||||
|
||||
|
||||
curRow: null,
|
||||
|
||||
dialogTableVisible: false,
|
||||
sitcomScan: false,
|
||||
selectRlTitle: "绑定产品",
|
||||
selectUnitTitle: "绑定供应商",
|
||||
sictomText: "",
|
||||
originCode: "",
|
||||
checkSuccess: false,
|
||||
codeDetail: null,
|
||||
editTitle: "编辑条码",
|
||||
fromDeptOptions: [],
|
||||
enableDept: false
|
||||
};
|
||||
},
|
||||
components: {
|
||||
draggable,
|
||||
// DialogSelectUnit, selectRlDialog, editCodeDialog
|
||||
codesPanel, codeDetailPanel, bizDetailPanel
|
||||
},
|
||||
methods: {
|
||||
|
||||
|
||||
//获取用户仓库列表
|
||||
findInvByUser() {
|
||||
this.curInvOptions = [];
|
||||
findInvByUser()
|
||||
.then((response) => {
|
||||
this.curInvOptions = response.data || [];
|
||||
if (this.curInvOptions != null && this.curInvOptions.length == 1) {
|
||||
this.formData.invWarehouseCode = this.curInvOptions[0].code;
|
||||
this.getBusTypeByInv()
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
},
|
||||
|
||||
//仓库改变
|
||||
changeInv() {
|
||||
this.formData.action = null;
|
||||
this.getBusTypeByInv();
|
||||
},
|
||||
|
||||
//根据仓库,用户获取单据类型
|
||||
getBusTypeByInv() {
|
||||
let query = {
|
||||
code: this.formData.invCode,
|
||||
};
|
||||
findByInvUser(query)
|
||||
.then((response) => {
|
||||
this.busTypeOptions = response.data || [];
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
},
|
||||
|
||||
//获取往来单位候选列表
|
||||
findMethod(query) {
|
||||
this.fromOptions = [];
|
||||
let cQuery = {
|
||||
key: query,
|
||||
corpType: null,
|
||||
outType: null,
|
||||
page: 1,
|
||||
limit: 20
|
||||
};
|
||||
if (this.curAction.corpType == 3) {//内部科室
|
||||
cQuery.corpType = 3;
|
||||
} else if (this.curAction.corpType == 2)//供应商信息
|
||||
{
|
||||
cQuery.corpType = 2;
|
||||
} else if (this.curAction.corpType == 0) {
|
||||
cQuery.corpType = 2;
|
||||
} else return;
|
||||
getBasicUnitMaintains(cQuery)
|
||||
.then((response) => {
|
||||
this.loading = false;
|
||||
this.fromOptions = response.data.list || [];
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
||||
//单据类型改变
|
||||
actionChange(item) {
|
||||
this.curAction = this.getActionItem(item);
|
||||
if (this.curAction.corpType == 0 || this.curAction.corpType == 2 || (this.curAction.corpType == 1 && !this.curAction.genUnit)) {
|
||||
//1.切换往来单位
|
||||
this.formData.fromCorp = null;
|
||||
this.findMethod();
|
||||
} else if (this.curAction.corpType == 3) {
|
||||
//2. 切换往来仓库
|
||||
this.formData.fromInvCode = null;
|
||||
this.findFromInvList();
|
||||
}
|
||||
},
|
||||
|
||||
//获取往来仓库列表
|
||||
findFromInvList(val) {
|
||||
let cQuery = {
|
||||
locInvCode: this.formData.invCode,
|
||||
};
|
||||
findByFrom(cQuery)
|
||||
.then((response) => {
|
||||
this.fromInvOptions = response.data || [];
|
||||
if (val == 1) {
|
||||
this.formData.fromInvCode = this.fromInvOptions[0].code;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
},
|
||||
|
||||
//获取当前单据类型
|
||||
getActionItem(action) {
|
||||
for (let i = 0; i < this.busTypeOptions.length; i++) {
|
||||
if (this.busTypeOptions[i].action == action) {
|
||||
return this.busTypeOptions[i];
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
//添加条码
|
||||
addCode(event) {
|
||||
this.originCode = "";
|
||||
this.sictomText = "";
|
||||
this.formData.corpOrderId = this.formData.corpOrderId.trim();
|
||||
this.formData.batchNo = "";
|
||||
this.formData.produceDate = "";
|
||||
this.formData.expireDate = "";
|
||||
this.formData.serialNo = "";
|
||||
this.actionEnable = true;
|
||||
if (event == null) {
|
||||
} else event.target.select();
|
||||
this.$refs.inputRef.select();
|
||||
if (this.$isBlank(this.formData.action)) {
|
||||
this.$message.warning("请选择单据类型!");
|
||||
return;
|
||||
}
|
||||
if (this.$isBlank(this.formData.corpOrderId)) {
|
||||
let date = new Date();
|
||||
this.formData.corpOrderId = parseTime(date, '{y}{m}{d}{h}{i}{s}') + Math.ceil(Math.random() * 89 + 10);
|
||||
}
|
||||
this.formData.code = this.formData.code.trim();
|
||||
if (this.$isBlank(this.formData.code)) return;
|
||||
this.loading = true;
|
||||
let tQuery = Object.assign(JSON.parse(JSON.stringify(this.formData)));
|
||||
tQuery.orderId = this.idQuery.id;
|
||||
tQuery.actDate = parseTime(this.formData.actDate, '{y}-{m}-{d} {h}:{i}:{s}');
|
||||
tQuery.action = this.formData.action;
|
||||
this.addCodeSubmit(tQuery);
|
||||
this.$refs.inputRef.select();
|
||||
},
|
||||
|
||||
//添加条码后提交
|
||||
addCodeSubmit(tQuery) {
|
||||
addOrderWeb(tQuery).then((response) => {
|
||||
if (response.code === 20000) {
|
||||
this.idQuery.billNo = response.data.orderId;
|
||||
if (response.data.errMsg != null) {
|
||||
this.$alert(response.data.errMsg, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
type: 'warning',
|
||||
closeOnClickModal: true,
|
||||
callback: action => {
|
||||
}
|
||||
});
|
||||
}
|
||||
this.corpOrderIdDisabled = true;
|
||||
this.refreshCodesPanel();
|
||||
this.$refs.inputRef.focus();
|
||||
this.$refs.inputRef.select();
|
||||
} else {
|
||||
if (response.code == 502) {
|
||||
this.curRow = response.data;
|
||||
this.idQuery.billNo = this.curRow.orderId;
|
||||
this.refreshCodesPanel();
|
||||
this.selectRlTitle = response.message;
|
||||
this.bindRl(response.data);
|
||||
} else if (response.code == 503) {
|
||||
this.curRow = response.data;
|
||||
this.idQuery.billNo = this.curRow.orderId;
|
||||
this.refreshCodesPanel();
|
||||
this.selectUnitTitle = response.message;
|
||||
this.handleUnitClick(response.data);
|
||||
} else if (response.code == 504) {
|
||||
|
||||
this.$confirm(response.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "忽略",
|
||||
type: "error",
|
||||
}).then(() => {
|
||||
tQuery.ignoreExpire = true;
|
||||
this.addCodeSubmit(tQuery)
|
||||
}).catch(() => {
|
||||
|
||||
});
|
||||
} else if (response.code == 505) {
|
||||
this.$confirm(response.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "忽略",
|
||||
type: "warning",
|
||||
}).then(() => {
|
||||
tQuery.ignoreRecentExpire = true;
|
||||
this.addCodeSubmit(tQuery)
|
||||
}).catch(() => {
|
||||
|
||||
});
|
||||
} else if (response.code == 507) {
|
||||
this.editOriginCodeVisible = true;
|
||||
this.editTitle = response.message;
|
||||
this.formData.produceDate = response.data.produceDate;
|
||||
this.formData.expireDate = response.data.expireDate;
|
||||
this.formData.batchNo = response.data.batchNo;
|
||||
this.formData.serialNo = response.data.serialNo;
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: "提交失败!" + this.editTitle,
|
||||
customClass: 'messageIndex'
|
||||
});
|
||||
} else {
|
||||
this.$alert(response.message, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
type: 'warning',
|
||||
closeOnClickModal: true,
|
||||
callback: action => {
|
||||
this.$refs.inputRef.focus();
|
||||
this.$refs.inputRef.select();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
||||
refreshCodesPanel() {
|
||||
this.isCodeAlive = false;
|
||||
this.idQuery =
|
||||
this.$nextTick(() => { //重新加载组件
|
||||
this.isCodeAlive = true
|
||||
})
|
||||
},
|
||||
|
||||
|
||||
submit(formName) {
|
||||
if (this.total < 1) {
|
||||
this.$message.error('未添加条码');
|
||||
return;
|
||||
}
|
||||
let tQuery = {
|
||||
orderId: this.idQuery.id,
|
||||
locStorageCode: this.formData.locStorageCode,
|
||||
invStorageCode: this.formData.invStorageCode,
|
||||
invWarehouseCode: this.formData.invWarehouseCode,
|
||||
fromInvCode: this.formData.fromInvCode,
|
||||
subInvCode: this.formData.subInvCode,
|
||||
action: this.formData.action,
|
||||
fromCorp: this.formData.fromCorp,
|
||||
fromCorpId: this.formData.fromCorpId,
|
||||
outChangeEnable: this.formData.outChangeEnable,
|
||||
preCheck: this.formData.preCheck,
|
||||
deptCode: this.formData.deptCode,
|
||||
}
|
||||
submitOrderWeb(tQuery)
|
||||
.then((response) => {
|
||||
if (response.code === 20000) {
|
||||
this.$message.success("提交成功");
|
||||
this.closeDialog();
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
saveOrder() {
|
||||
if (this.total < 1) {
|
||||
this.$message.error('未添加条码');
|
||||
return;
|
||||
}
|
||||
if (this.formData.action == null || this.formData.action == '') {
|
||||
this.$message.error('未选择扫码单据类型');
|
||||
return
|
||||
}
|
||||
|
||||
|
||||
if (this.formData.invWarehouseCode == null || this.formData.invWarehouseCode == '') {
|
||||
this.$message.error('当前分库不能为空');
|
||||
return;
|
||||
}
|
||||
let tQuery = Object.assign(JSON.parse(JSON.stringify(this.formData)));
|
||||
tQuery.orderId = this.idQuery.billNo;
|
||||
tQuery.actDate = parseTime(this.formData.actDate, '{y}-{m}-{d} {h}:{i}:{s}');
|
||||
saveOrderWeb(tQuery).then((response) => {
|
||||
if (response.code === 20000) {
|
||||
this.closeDialog();
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
closeCodeDialog() {
|
||||
this.editCodeVisible = false;
|
||||
this.editOriginCodeVisible = false;
|
||||
this.getCodeList();
|
||||
},
|
||||
|
||||
// 刷新表单
|
||||
resetForm() {
|
||||
if (this.$refs["dataForm"]) {
|
||||
// 清空验证信息表单
|
||||
this.$refs["dataForm"].clearValidate();
|
||||
// 刷新表单
|
||||
this.$refs["dataForm"].resetFields();
|
||||
this.getList();
|
||||
}
|
||||
},
|
||||
enterKey(event) {
|
||||
this.checkSuccess = true;
|
||||
let tQuery = {
|
||||
originCode: this.originCode,
|
||||
code: this.formData.code.trim(),
|
||||
}
|
||||
enterCodeWeb(tQuery).then((response) => {
|
||||
if (response.code === 20000) {
|
||||
this.$refs.inputRef.focus();
|
||||
this.$refs.inputRef.select();
|
||||
this.formData.code = response.data;
|
||||
this.addCode();
|
||||
} else {
|
||||
if (response.code == 502) {
|
||||
this.checkSuccess = false;
|
||||
this.formData.code = response.data;
|
||||
this.originCode = this.formData.code;
|
||||
} else if (response.code == 501) {
|
||||
this.checkSuccess = false;
|
||||
// this.formData.code = response.data;
|
||||
// this.originCode = this.formData.code;
|
||||
this.$message.error(response.message);
|
||||
} else if (response.code == 503) {
|
||||
this.checkSuccess = false;
|
||||
this.formData.code = response.data;
|
||||
this.$confirm(response.message, "提示", {
|
||||
type: "warning",
|
||||
})
|
||||
.then(() => {
|
||||
this.formData.code = response.data;
|
||||
this.addCode();
|
||||
})
|
||||
.catch(() => {
|
||||
this.formData.code = this.originCode;
|
||||
});
|
||||
|
||||
} else if (response.code == 508) {
|
||||
this.originCode = "";
|
||||
this.formData.code = "01" + response.data.nameCode;
|
||||
this.originCode = this.formData.code;
|
||||
} else {
|
||||
this.$alert(response.message, '提示', {
|
||||
confirmButtonText: '确定',
|
||||
type: 'warning',
|
||||
closeOnClickModal: true,
|
||||
callback: action => {
|
||||
this.$refs.inputRef.focus();
|
||||
this.$refs.inputRef.select();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
repeatAddCode(editData) {
|
||||
let tQuery = editData;
|
||||
tQuery.orderId = this.idQuery.id;
|
||||
tQuery.actDate = parseTime(this.formData.actDate, '{y}-{m}-{d} {h}:{i}:{s}');
|
||||
tQuery.action = this.formData.action;
|
||||
this.closeCodeDialog();
|
||||
this.addCodeSubmit(tQuery);
|
||||
|
||||
},
|
||||
|
||||
|
||||
getInputFocus(event) {
|
||||
event.currentTarget.select();
|
||||
},
|
||||
tableSelection() {
|
||||
this.$refs.multipleTable.clearSelection();
|
||||
this.$refs.multipleTable.toggleAllSelection();
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.query.limit = val;
|
||||
this.getCodeList();
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.query.page = val;
|
||||
this.getCodeList();
|
||||
},
|
||||
|
||||
intentBack() {
|
||||
this.$router.go(-1);
|
||||
},
|
||||
|
||||
|
||||
selectSupUnit(row) {
|
||||
let query = {
|
||||
id: this.curRow.id,
|
||||
supId: row.erpId,
|
||||
};
|
||||
updateCodeBindSup(query).then((response) => {
|
||||
if (response.code == 20000) {
|
||||
this.$message.success("绑定成功");
|
||||
this.idQuery.id = this.curRow.orderId;
|
||||
this.getCodeList();
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
}).catch(() => {
|
||||
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
selectBindRl(row) {
|
||||
let query = {
|
||||
id: this.curRow.id,
|
||||
relId: row.id,
|
||||
mySupId: row.unitFk,
|
||||
};
|
||||
updateCodeBindSup(query).then((response) => {
|
||||
if (response.code == 20000) {
|
||||
this.$message.success("绑定成功");
|
||||
this.idQuery.id = this.curRow.orderId;
|
||||
this.getCodeList();
|
||||
} else {
|
||||
if (response.code == 503) {
|
||||
this.curRow = response.data;
|
||||
this.idQuery.id = this.curRow.orderId;
|
||||
this.getCodeList();
|
||||
this.selectUnitTitle = response.message;
|
||||
this.handleUnitClick(response.data);
|
||||
} else
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
}).catch(() => {
|
||||
|
||||
});
|
||||
},
|
||||
closeBindDialog(val) {
|
||||
this.selectRlVisible = false;
|
||||
this.dialogTableVisible = false;
|
||||
},
|
||||
|
||||
},
|
||||
filters: {},
|
||||
mounted() {
|
||||
document.body.ondrop = function (event) {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
};
|
||||
var that = this;
|
||||
var inputer = document.getElementById("inputer");
|
||||
window.sc = new A.KeyScaner(inputer);//传入要监听的DOM节点
|
||||
sc.onInput = function (text) {
|
||||
if (text.includes("delete")) {
|
||||
that.formData.code = "";
|
||||
that.sictomText = "";
|
||||
that.originCode = "";
|
||||
return;
|
||||
}
|
||||
if (that.sitcomScan) {
|
||||
let tempTxt = text;
|
||||
let str = tempTxt.replace(/[\r]/g, "");
|
||||
that.sictomText = that.sictomText + str;
|
||||
that.formData.code = that.sictomText;
|
||||
} else {
|
||||
|
||||
that.formData.code = text;
|
||||
// setTimeout(function(){ that.formData.code = text; }, 3000);
|
||||
|
||||
|
||||
}
|
||||
};
|
||||
inputer.focus();
|
||||
},
|
||||
created() {
|
||||
this.formData.code = '';
|
||||
this.codeArray = [];
|
||||
if (this.$isNotBlank(this.idQuery.billNo)) {
|
||||
this.formData.actDate = new Date(this.idQuery.actDate);
|
||||
this.formData.corpOrderId = this.idQuery.corpOrderId;
|
||||
this.corpOrderIdDisabled = true;
|
||||
this.formData.action = this.idQuery.action;
|
||||
this.formData.fromCorp = this.idQuery.fromCorp;
|
||||
this.formData.deptCode = this.idQuery.deptCode
|
||||
this.formData.invCode = this.idQuery.invCode;
|
||||
this.formData.fromInvCode = this.idQuery.fromInvCode;
|
||||
this.formData.preCheck = this.idQuery.preCheck;
|
||||
this.formData.remark = this.idQuery.remark;
|
||||
this.actionEnable = true;
|
||||
this.refreshCodesPanel();
|
||||
//选择框候选数据
|
||||
this.findInvByUser();
|
||||
this.getBusTypeByInv();
|
||||
this.findMethod(this.formData.fromCorp);
|
||||
this.findFromInvList();
|
||||
} else {
|
||||
this.corpOrderIdDisabled = false;
|
||||
this.formData.actDate = new Date();
|
||||
let date = new Date();
|
||||
this.formData.corpOrderId = parseTime(date, '{y}{m}{d}{h}{i}{s}') + Math.ceil(Math.random() * 89 + 10);
|
||||
this.formData.invCode = this.$store.getters.locInvCode;
|
||||
this.findInvByUser();
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
,
|
||||
}
|
||||
;
|
||||
</script>
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
|
||||
#inputer {
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
background-color: white;
|
||||
border: #d0d0d0;
|
||||
border-style: solid;
|
||||
border-width: 0.1px;
|
||||
color: #4a4a4a;
|
||||
|
||||
}
|
||||
|
||||
#inputer:focus {
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
background-color: white;
|
||||
border: #0080FF;
|
||||
border-style: solid;
|
||||
border-width: 0.1px;
|
||||
color: #4a4a4a;
|
||||
|
||||
}
|
||||
|
||||
.ime-disabled {
|
||||
ime-mode: disabled;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
@ -0,0 +1,101 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table v-loading="loading" :data="detailList" style="width: 100%;" max-height="350" height="350"
|
||||
border
|
||||
ref="multipleTable">
|
||||
<el-table-column type="index" label="序号" width="50"></el-table-column>
|
||||
<el-table-column label="产品通用名" width="150" prop="coName" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="规格型号" width="150" prop="spec" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="批次号" width="150" prop="batchNo" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="生产日期" width="120" prop="productDate" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
<span>{{ convertDateFun(scope.row.productDate) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="失效日期" width="120" prop="expireDate" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
<span>{{ convertDateFun(scope.row.expireDate) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="扫码数量" width="80" prop="count" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="实际数量" width="80" prop="reCount" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="价格" width="150" prop="price" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="生产厂家" width="150" prop="ylqxzcrbarmc" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="注册/备案凭证号" width="150" prop="certCode" show-overflow-tooltip></el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="query.page"
|
||||
:limit.sync="query.limit"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {convertDate} from "@/utils/date";
|
||||
import {getDetailCodes} from "@/api/inout/orderDetailCode";
|
||||
|
||||
export default {
|
||||
name: "IoCreateOrderCodeDetail",
|
||||
props: {
|
||||
idQuery: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
convertDateFun: convertDate,
|
||||
loading: false,
|
||||
query: {
|
||||
orderId: null,
|
||||
code: "",
|
||||
corpOrderId: "",
|
||||
page: 1,
|
||||
limit: 10,
|
||||
},
|
||||
detailList: [],
|
||||
total: 0,
|
||||
selectRlVisible: false,
|
||||
dialogTableVisible: false,
|
||||
editCodeVisible: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getOrderDetails() {
|
||||
this.loading = true;
|
||||
this.query.orderId = this.idQuery.billNo;
|
||||
getDetailCodes(this.query) //查找该单号下的所有条码
|
||||
.then((response) => {
|
||||
this.detailList = response.data.list || [];
|
||||
this.total = response.data.total || 0;
|
||||
this.loading = false;
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.detailList = [];
|
||||
this.total = 0;
|
||||
});
|
||||
},
|
||||
|
||||
rowStyle({row, rowIndex}) {
|
||||
let rowBackground = {};
|
||||
if (!this.$isNotBlank(row.supId) || !this.$isNotBlank(row.relId)) {
|
||||
rowBackground.color = '#f60303';
|
||||
}
|
||||
return rowBackground;
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.getOrderDetails();
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
@ -0,0 +1,210 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table v-loading="loading" :data="codeArray" style="width: 100%;" max-height="350" height="350"
|
||||
:row-style="rowStyle"
|
||||
border
|
||||
ref="multipleTable">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" type="index" width="55"></el-table-column>
|
||||
<el-table-column
|
||||
label="UDI码"
|
||||
prop="code"
|
||||
width="280"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="生产日期"
|
||||
prop="produceDate"
|
||||
width="120"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="失效日期"
|
||||
prop="expireDate"
|
||||
width="120"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="批次号"
|
||||
prop="batchNo"
|
||||
width="120"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="序列号"
|
||||
prop="serialNo"
|
||||
width="120"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="供应商"
|
||||
prop="supName"
|
||||
width="180"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="扫码数量"
|
||||
prop="count"
|
||||
width="80"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="实际数量"
|
||||
prop="reCount"
|
||||
width="80"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column label="操作" width="240">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native.stop="deleteCode(scope.$index, scope.row)"
|
||||
>减一
|
||||
</el-button
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native.stop="bindRl(scope.row)"
|
||||
>选择产品
|
||||
</el-button
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native.stop="handleUnitClick(scope.row)"
|
||||
>选择供应商
|
||||
</el-button
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native.stop="editCode(scope.row)"
|
||||
>编辑
|
||||
</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="query.page"
|
||||
:limit.sync="query.limit"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {deleteCodesTempById, errorCodeList} from "@/api/inout/order";
|
||||
|
||||
export default {
|
||||
name: "IoAddCodeDetail",
|
||||
props: {
|
||||
idQuery: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
query: {
|
||||
code: "",
|
||||
corpOrderId: "",
|
||||
page: 1,
|
||||
limit: 10,
|
||||
},
|
||||
codeArray: [],
|
||||
total: 0,
|
||||
curRow: null,
|
||||
selectRlVisible: false,
|
||||
dialogTableVisible: false,
|
||||
editCodeVisible: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getCodeList() {
|
||||
this.loading = true;
|
||||
this.query.orderId = this.idQuery.billNo;
|
||||
errorCodeList(this.query) //查找该单号下的所有条码
|
||||
.then((response) => {
|
||||
this.codeArray = response.data.list || [];
|
||||
this.total = response.data.total || 0;
|
||||
for (let i = 0; i < this.codeArray.length; i++) {
|
||||
this.codeArray[i].fromType = this.formData.fromType;
|
||||
this.codeArray[i].billType = this.formData.billType;
|
||||
}
|
||||
this.tableSelection();
|
||||
this.loading = false;
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.list = [];
|
||||
this.total = 0;
|
||||
});
|
||||
},
|
||||
|
||||
deleteCode(index, row) {
|
||||
this.$confirm("是否确定移除一个条码?", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
}).then(() => {
|
||||
this.loading = true;
|
||||
let tQuery = {
|
||||
id: row.id
|
||||
}
|
||||
deleteCodesTempById(tQuery)
|
||||
.then((response) => {
|
||||
if (response.code === 20000) {
|
||||
this.getCodeList();
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
this.loading = false;
|
||||
});
|
||||
}).catch(() => {
|
||||
});
|
||||
},
|
||||
|
||||
bindRl(val) {
|
||||
this.curRow = val;
|
||||
this.selectRlVisible = true;
|
||||
},
|
||||
|
||||
handleUnitClick(row) {
|
||||
this.curRow = row;
|
||||
this.dialogTableVisible = true;
|
||||
},
|
||||
|
||||
editCode(row) {
|
||||
this.editTitle = "编辑条码";
|
||||
this.codeDetail = row;
|
||||
this.editCodeVisible = true;
|
||||
},
|
||||
|
||||
rowStyle({row, rowIndex}) {
|
||||
let rowBackground = {};
|
||||
if (!this.$isNotBlank(row.supId) || !this.$isNotBlank(row.relId)) {
|
||||
rowBackground.color = '#f60303';
|
||||
}
|
||||
return rowBackground;
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.getCodeList();
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
@ -0,0 +1,701 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="el-card">
|
||||
<el-form :model="filterQuery" class="query-form" size="mini" label-width="100px" v-show="showSearch">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item class="query-form-item" label="单号:">
|
||||
<el-input v-model="filterQuery.billNo" placeholder="单号:"
|
||||
style="width: 90%"
|
||||
clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item class="query-form-item" label="出入库类型:">
|
||||
<el-select v-model="filterQuery.mainAction" placeholder="请选择出入库类型" style="width: 90%">
|
||||
<el-option label="全部" value=""></el-option>
|
||||
<el-option label="入库" value="WareHouseIn"></el-option>
|
||||
<el-option label="出库" value="WareHouseOut"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item class="query-form-item" label="单据类型:">
|
||||
<el-select v-model="filterQuery.action" placeholder="请选择单据类型"
|
||||
style="width: 90%">
|
||||
<el-option
|
||||
v-for="item in busTypes"
|
||||
:key="item.name"
|
||||
:label="item.name"
|
||||
:value="item.action">
|
||||
<span style="float: left">{{ item.name }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item class="query-form-item" label="所属仓库:">
|
||||
<el-select v-model="filterQuery.invWarehouseCode" placeholder="请选择所属仓库" clearable="true"
|
||||
style="width: 90%"
|
||||
@change="subInvChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in subInvList"
|
||||
:key="item.name"
|
||||
:label="item.name"
|
||||
:value="item.code">
|
||||
<span style="float: left">{{ item.name }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div class="top-right-btn">
|
||||
<el-button-group>
|
||||
<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-search" @click="onSubmit"
|
||||
>查询
|
||||
</el-button
|
||||
>
|
||||
<el-button type="primary" icon="el-icon-s-unfold" @click="mergesOrders">合并单据</el-button>
|
||||
<el-button type="primary" icon="el-icon-plus" @click="addOrders">新增单据</el-button>
|
||||
<el-button type="primary" icon="el-icon-error" @click="errOrders">异常单据</el-button>
|
||||
</el-button-group>
|
||||
</div>
|
||||
<el-divider style="margin: 15px"></el-divider>
|
||||
<el-table v-loading="loading" :data="list" style="width: 100%" highlight-current-row
|
||||
border
|
||||
@selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55"></el-table-column>
|
||||
<el-table-column label="序号" type="index"></el-table-column>
|
||||
<el-table-column label="扫码单据类型" prop="billTypeName">
|
||||
</el-table-column>
|
||||
<el-table-column label="订单号" prop="id" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="来源订单号" prop="corpOrderId" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="来源" prop="fromType">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ fromTypeMap[scope.row.fromType] }}</span>
|
||||
</template>
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="往来单位" prop="fromCorp" width="220">
|
||||
|
||||
</el-table-column>
|
||||
<el-table-column label="当前仓库" prop="invName" width="120">
|
||||
</el-table-column>
|
||||
<el-table-column label="当前分库" prop="subInvName" width="120">
|
||||
</el-table-column>
|
||||
<el-table-column label="所属科室" prop="deptName" width="120" v-if="enableDept">>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column label="创建时间" prop="actDate" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
<i class="el-icon-time"></i>
|
||||
<span>{{ scope.row.actDate }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="校验状态" prop="status" width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="(scope.row.status ===-1 ) | statusFilterType">{{
|
||||
checkStatus[scope.row.status]
|
||||
}}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native.stop="addOrders(scope.row)"
|
||||
>编辑
|
||||
</el-button
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native.stop="deleteDialog(scope.row.id)"
|
||||
>删除
|
||||
</el-button
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
v-if="scope.row.status !== -1"
|
||||
@click.native.stop="onUpload(scope.row.id)"
|
||||
>立即处理
|
||||
</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-dialog title="错误信息" :visible.sync="dialogVisible" width="30%">
|
||||
<span>{{ errorDetail }}</span>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="dialogVisible = false"
|
||||
>关 闭</el-button
|
||||
>
|
||||
</span>
|
||||
</el-dialog>
|
||||
<el-dialog
|
||||
title="选择往来单位"
|
||||
:visible.sync="dialogTableVisible"
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="70%"
|
||||
>
|
||||
<el-form :inline="true" :model="unitquery" class="query-form" size="mini">
|
||||
<el-form-item class="query-form-item">
|
||||
<el-input v-model="unitquery.key" placeholder="搜索"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="search"
|
||||
@click.native.stop="getUnitList()"
|
||||
>查询
|
||||
</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="unitlist"
|
||||
style="width: 100%"
|
||||
@row-click="selectUnit"
|
||||
>
|
||||
<el-table-column
|
||||
label="往来单位ID"
|
||||
prop="erpId"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="往来单位名称"
|
||||
prop="name"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="往来单位简写"
|
||||
prop="spell"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="地址"
|
||||
prop="addr"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column label="状态" prop="status"></el-table-column>
|
||||
<el-table-column label="类型" prop="type"></el-table-column>
|
||||
</el-table>
|
||||
</el-dialog>
|
||||
<el-dialog
|
||||
title="异常订单"
|
||||
:visible.sync="errOrderVisible"
|
||||
width="80%"
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
>
|
||||
<ioErrorOrder
|
||||
></ioErrorOrder>
|
||||
</el-dialog>
|
||||
<el-dialog
|
||||
title="新增单据"
|
||||
:visible.sync="addOrderVisible"
|
||||
width="85%"
|
||||
append-to-body
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
v-if="addOrderVisible"
|
||||
@close='closeDialog'
|
||||
>
|
||||
<addOrder
|
||||
:closeDialog="closeDialog"
|
||||
:idQuery="idQuery"
|
||||
></addOrder>
|
||||
</el-dialog>
|
||||
<el-dialog
|
||||
title="单号详情"
|
||||
:visible.sync="codeDetailVisible"
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="80%"
|
||||
v-if="codeDetailVisible"
|
||||
>
|
||||
<codeDetail
|
||||
:idQuery="idQuery"
|
||||
v-on:closeDetailDialog="closeDetailDialog"
|
||||
></codeDetail>
|
||||
</el-dialog>
|
||||
<el-pagination
|
||||
:page-size="filterQuery.limit"
|
||||
@current-change="handleCurrentChange"
|
||||
layout="prev, pager, next"
|
||||
:total="total"
|
||||
:current-page="filterQuery.page"
|
||||
></el-pagination>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getDraft,
|
||||
filterOrder,
|
||||
deleteByOrderId,
|
||||
commitOrder,
|
||||
updateUnit, mergeOrder,
|
||||
} from "../../api/inout/order";
|
||||
import {getBasicUnitMaintains} from "../../api/basic/basicUnitMaintain"
|
||||
import draggable from "vuedraggable";
|
||||
// import codeDetail from "./errorCode";
|
||||
// import ioErrorOrder from "./IOErrorOrder";todo
|
||||
import addOrder from "./IoCreateOrder";
|
||||
import store from "../../store";
|
||||
import {filterAllByUser} from "@/api/system/invWarehouse";
|
||||
import {getLocalJoinByUser} from "@/api/basic/busType";
|
||||
import {filterSubByInv} from "@/api/system/invSubWarehouse";
|
||||
import {isBlank} from "@/utils/strUtil";
|
||||
import {selectSysParamByKey} from "@/api/param/systemParamConfig";
|
||||
|
||||
const formJson = {
|
||||
site_id: "",
|
||||
site_name: "",
|
||||
describe: "",
|
||||
ads: [],
|
||||
};
|
||||
|
||||
export default {
|
||||
name: "IoNewOrder",
|
||||
data() {
|
||||
return {
|
||||
|
||||
showSearch: true,
|
||||
filterQuery: {
|
||||
id: "",
|
||||
mainAction: null,
|
||||
action: null,
|
||||
page: 1,
|
||||
status: 10,
|
||||
limit: 10,
|
||||
locStorageCode: this.$store.getters.locInvCode,
|
||||
invWarehouseCode: this.$store.getters.locSubInvCode,
|
||||
},
|
||||
checkStatus: {
|
||||
'-1': "草稿",
|
||||
// 1: "等待处理",
|
||||
1: "等待处理",
|
||||
2: "等待校验",
|
||||
3: "校验异常",
|
||||
4: "校验成功",
|
||||
},
|
||||
curIndex: "",
|
||||
unitquery: {key: "", page: 1, limit: 20},
|
||||
unitlist: [],
|
||||
multipleSelection: [],
|
||||
unitUpdateQuery: {
|
||||
id: "",
|
||||
fromCorpId: "",
|
||||
fromCorp: "",
|
||||
},
|
||||
idQuery: {
|
||||
},
|
||||
storageList: [],
|
||||
subInvList: [],
|
||||
errOrderVisible: false,
|
||||
list: [],
|
||||
adId: [],
|
||||
adSelectList: [],
|
||||
adList: {},
|
||||
adListNoDataText: "无数据",
|
||||
queryAdIdAsyncLoading: false,
|
||||
codeDetailVisible: false,
|
||||
addOrderVisible: false,
|
||||
total: 0,
|
||||
loading: false,
|
||||
index: null,
|
||||
formName: null,
|
||||
errorDetail: "1111111111111",
|
||||
formMap: {
|
||||
add: "新增",
|
||||
edit: "编辑",
|
||||
},
|
||||
enableDept: false,
|
||||
fromTypeMap: {
|
||||
"1": "UDIMS平台",
|
||||
"2": "网页新增",
|
||||
"3": "pda即时校验",
|
||||
"4": "pda未校验",
|
||||
"5": "pc端扫码精灵",
|
||||
"6": "缺量补录单据",
|
||||
"7": "UDI供应商平台",
|
||||
"8": "平衡补录单据",
|
||||
"10": "手动补单",
|
||||
"11": "仓库盘点"
|
||||
},
|
||||
deleteData: {
|
||||
id: "",
|
||||
status: 10,
|
||||
},
|
||||
dialogTableVisible: false,
|
||||
formLoading: false,
|
||||
dialogVisible: false,
|
||||
formData: formJson,
|
||||
deleteLoading: false,
|
||||
busTypes: [],
|
||||
};
|
||||
},
|
||||
components: {
|
||||
draggable,
|
||||
// codeDetail,
|
||||
addOrder,
|
||||
// ioErrorOrder
|
||||
},
|
||||
methods: {
|
||||
onReset() {
|
||||
this.$router.push({
|
||||
path: "",
|
||||
});
|
||||
this.filterQuery = {
|
||||
status: 10,
|
||||
page: 1,
|
||||
limit: 10,
|
||||
};
|
||||
this.getList();
|
||||
},
|
||||
onSubmit() {
|
||||
this.loading = true;
|
||||
this.getList();
|
||||
},
|
||||
hideSearch() {
|
||||
this.showSearch = !this.showSearch;
|
||||
},
|
||||
|
||||
handleSizeChange(val) {
|
||||
this.filterQuery.limit = val;
|
||||
this.getList();
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.filterQuery.page = val;
|
||||
this.getList();
|
||||
},
|
||||
handleUnitClick(row) {
|
||||
this.curIndex = row.id;
|
||||
this.dialogTableVisible = true;
|
||||
},
|
||||
closeDetailDialog(val) {
|
||||
this.codeDetailVisible = false;
|
||||
},
|
||||
getActionName(action) {
|
||||
for (let i = 0; i < this.busTypes.length; i++) {
|
||||
if (this.busTypes[i].action === action) {
|
||||
return this.busTypes[i].name;
|
||||
}
|
||||
}
|
||||
},
|
||||
getBusType() {
|
||||
if (this.subInvList.length > 0) {
|
||||
this.filterQuery.locStorageCode = this.subInvList.find(item => item.code == this.filterQuery.invWarehouseCode).parentId
|
||||
}
|
||||
let query = {
|
||||
code: this.filterQuery.invWarehouseCode,
|
||||
enabled: true,
|
||||
};
|
||||
getLocalJoinByUser(query)
|
||||
.then((response) => {
|
||||
this.busTypes = response.data.list || [];
|
||||
this.filterQuery.billAction = this.busTypes[0].action;
|
||||
// this.getList();
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
},
|
||||
getStorage() {
|
||||
this.storageList = [];
|
||||
filterAllByUser()
|
||||
.then((response) => {
|
||||
this.storageList = response.data || [];
|
||||
if (this.storageList.length > 0) {
|
||||
this.getSubInvList();
|
||||
this.getList();
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
},
|
||||
getStorageName(code) {
|
||||
for (let i = 0; i < this.storageList.length; i++) {
|
||||
if (this.storageList[i].code === code) {
|
||||
return this.storageList[i].name;
|
||||
}
|
||||
}
|
||||
},
|
||||
getSubStorageName(code) {
|
||||
for (let i = 0; i < this.subInvList.length; i++) {
|
||||
if (this.subInvList[i].code === code) {
|
||||
return this.subInvList[i].name;
|
||||
}
|
||||
}
|
||||
},
|
||||
addOrders(row) {
|
||||
this.idQuery = {};
|
||||
this.idQuery = row;
|
||||
this.addOrderVisible = true;
|
||||
},
|
||||
errOrders() {
|
||||
this.errOrderVisible = true;
|
||||
},
|
||||
closeDialog() {
|
||||
this.addOrderVisible = false;
|
||||
this.addHosOrderVisible = false;
|
||||
this.getList();
|
||||
},
|
||||
getUnitList() {
|
||||
this.loading = true;
|
||||
getBasicUnitMaintains(this.unitquery)
|
||||
.then((response) => {
|
||||
this.loading = false;
|
||||
this.unitlist = response.data.list || [];
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
selectUnit(row) {
|
||||
this.unitUpdateQuery.id = this.curIndex;
|
||||
this.unitUpdateQuery.fromCorp = row.name;
|
||||
this.unitUpdateQuery.fromCorpId = row.unitid;
|
||||
updateUnit(this.unitUpdateQuery)
|
||||
.then((response) => {
|
||||
this.dialogTableVisible = false;
|
||||
this.getList();
|
||||
})
|
||||
.catch(() => {
|
||||
this.dialogTableVisible = false;
|
||||
});
|
||||
},
|
||||
//获取订单列表
|
||||
getList() {
|
||||
this.loading = true;
|
||||
getDraft(this.filterQuery)
|
||||
.then((response) => {
|
||||
this.loading = false;
|
||||
if (response.code === 20000) {
|
||||
this.list = response.data.list || [];
|
||||
this.total = response.data.total || 0;
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
this.$message.error(error.message)
|
||||
this.loading = false;
|
||||
this.list = [];
|
||||
this.total = 0;
|
||||
});
|
||||
},
|
||||
mergesOrders() {
|
||||
let repeatData = this.multipleSelection;
|
||||
if (repeatData.length <= 1) {
|
||||
this.$message.warning("未选择单据!");
|
||||
return;
|
||||
}
|
||||
let orderid = repeatData[0].id;
|
||||
let unit = repeatData[0].fromCorp;
|
||||
let action = repeatData[0].action;
|
||||
let orderList = [];
|
||||
for (let index in repeatData) {
|
||||
if (action !== repeatData[index].action) {
|
||||
this.$message.warning("业务类型不一致!");
|
||||
return;
|
||||
}
|
||||
if (unit !== repeatData[index].fromCorp) {
|
||||
this.$message.warning("往来单位不一致!");
|
||||
return;
|
||||
}
|
||||
orderList.push(repeatData[index].id);
|
||||
}
|
||||
let tquery = {
|
||||
orderList: orderList,
|
||||
type: 2,
|
||||
};
|
||||
|
||||
this.$confirm(
|
||||
"所选择的订单将会合并到订单号为" + orderid + "的订单下",
|
||||
"提示",
|
||||
{
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
}
|
||||
)
|
||||
.then(() => {
|
||||
mergeOrder(tquery).then((response) => {
|
||||
if (response.code === 20000) {
|
||||
this.getList();
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "合并成功",
|
||||
});
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
},
|
||||
deleteOrders(data) {
|
||||
this.loading = true;
|
||||
this.deleteData.id = data;
|
||||
deleteByOrderId(this.deleteData)
|
||||
.then((response) => {
|
||||
|
||||
if (response.code == 20000) {
|
||||
this.getList();
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "删除成功!",
|
||||
});
|
||||
} else if (response.code == 520) {
|
||||
this.$message.error("新增扫码单据列表已不存在该扫码单据!");
|
||||
this.getList();
|
||||
}
|
||||
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
},
|
||||
deleteDialog(rowId) {
|
||||
this.$confirm("此操作将永久删除该订单, 是否继续?", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
})
|
||||
.then(() => {
|
||||
this.deleteOrders(rowId);
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
},
|
||||
onUpload(data) {
|
||||
this.loading = true;
|
||||
var idQuery = {
|
||||
orderId: "",
|
||||
};
|
||||
idQuery.orderId = data;
|
||||
commitOrder(idQuery)
|
||||
.then((response) => {
|
||||
if (response.code == 20000) {
|
||||
this.$message.success(response.data);
|
||||
for (let i = 0; i < this.list.length; i++) {
|
||||
if (this.list[i].id === idQuery.orderId) {
|
||||
this.list.splice(i, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
this.loading = false;
|
||||
} else {
|
||||
this.loading = false
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
},
|
||||
handleErrorDetail(poistion) {
|
||||
var mOrder = this.list[poistion];
|
||||
var corpOrderId = mOrder.remark;
|
||||
|
||||
this.errorDetail = mOrder.remark;
|
||||
this.dialogVisible = true;
|
||||
},
|
||||
intentDetail(row) {
|
||||
this.codeDetailVisible = true;
|
||||
this.idQuery.id = row.id;
|
||||
|
||||
},
|
||||
invChange() {
|
||||
this.subInvList = [];
|
||||
this.filterQuery.invWarehouseCode = "";
|
||||
let query = {
|
||||
pcode: this.filterQuery.locStorageCode
|
||||
};
|
||||
filterSubByInv(query)
|
||||
.then((response) => {
|
||||
this.subInvList = response.data || [];
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
},
|
||||
getSubInvList() {
|
||||
let query = {
|
||||
// pcode: this.filterQuery.locStorageCode
|
||||
filter: 3,
|
||||
};
|
||||
filterSubByInv(query)
|
||||
.then((response) => {
|
||||
this.subInvList = response.data || [];
|
||||
this.getList();
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
},
|
||||
subInvChange() {
|
||||
this.getBusType();
|
||||
},
|
||||
init() {
|
||||
axios.get("./config.json").then(res => {
|
||||
// 基础地址
|
||||
let response = res.data.BASE_URL;
|
||||
this.uploadFileUrl = response + "/udiwms/orders/file/upload";
|
||||
});
|
||||
},
|
||||
},
|
||||
filters: {
|
||||
statusFilterType(status) {
|
||||
const statusMap = {
|
||||
false: "success",
|
||||
true: "warning",
|
||||
};
|
||||
return statusMap[status];
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
document.body.ondrop = function (event) {
|
||||
event.preventDefault();
|
||||
event.stopPropagation();
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getSubInvList();
|
||||
this.getBusType();
|
||||
let query = this.$route.query;
|
||||
this.filterQuery = Object.assign(this.filterQuery, query);
|
||||
this.filterQuery.limit = parseInt(this.filterQuery.limit);
|
||||
selectSysParamByKey({paramKey: "muti_inv_mode"}).then((res) => {
|
||||
if (res.code === 20000) {
|
||||
if (res.data.paramValue === "0") {
|
||||
this.enableDept = true;
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style type="text/scss" lang="scss">
|
||||
</style>
|
||||
|
@ -0,0 +1,315 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="el-card">
|
||||
<div>
|
||||
<el-form :model="listQuery" size="mini">
|
||||
<el-row style="margin-top: 15px;width: 1000px">
|
||||
<el-form-item class="query-form-item">
|
||||
<el-input v-model="listQuery.udiCode"
|
||||
style="width: 600px"
|
||||
placeholder="请扫描或输入UDI码"
|
||||
clearable="true"
|
||||
@keyup.enter.native="keyup_submit($event)"></el-input>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item class="query-form-item">
|
||||
<el-input v-model="listQuery.unionCode" placeholder="DI/医保编码/商品条码"
|
||||
clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item class="query-form-item">
|
||||
<el-input v-model="listQuery.cpmctymc" placeholder="产品通用名" clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item class="query-form-item">
|
||||
<el-input v-model="listQuery.ggxh" placeholder="规格型号" clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item class="query-form-item">
|
||||
<el-input v-model="listQuery.ylqxzcrbarmc" placeholder="生产企业/注册备案人"
|
||||
clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item class="query-form-item">
|
||||
<el-input v-model="listQuery.thrPiId" placeholder="第三方产品编码" clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button-group>
|
||||
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
|
||||
<el-button type="primary" icon="search" @click="search">查询</el-button>
|
||||
<el-button type="primary" icon="search" @click="confirmSelect">确定</el-button>
|
||||
</el-button-group>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<el-table
|
||||
:data="dataList"
|
||||
style="width: 100%"
|
||||
highlight-current-row="false"
|
||||
v-loading="loading"
|
||||
border
|
||||
@current-change="handleChange"
|
||||
ref="multipleTable"
|
||||
>
|
||||
<el-table-column label width="45">
|
||||
<template slot-scope="scope">
|
||||
<el-radio :label="scope.row.id" v-model="radioCheck"><span></span></el-radio>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" type="index"></el-table-column>
|
||||
<el-table-column
|
||||
label="最小销售产品标识"
|
||||
prop="nameCode"
|
||||
width="140"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="产品编码"
|
||||
prop="thirdId"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="医疗器械注册人"
|
||||
prop="ylqxzcrbarmc"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="产品通用名"
|
||||
prop="cpmctymc"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="规格型号"
|
||||
prop="ggxh"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="注册/备案凭证"
|
||||
prop="zczbhhzbapzbh"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="器械类别"
|
||||
prop="qxlb"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="配送企业"
|
||||
prop="companyName"
|
||||
show-overflow-tooltip
|
||||
></el-table-column>
|
||||
<el-table-column label="操作" width="160">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native.stop="handleDetailClick(scope.row)"
|
||||
>详情
|
||||
</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination
|
||||
:page-size="listQuery.limit"
|
||||
@current-change="handleErpPageChange"
|
||||
layout="prev, pager, next"
|
||||
:total="pageTotal"
|
||||
:current-page="listQuery.page"
|
||||
></el-pagination>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-dialog title="请选择对应的资质证书" :visible.sync="dialogFormVisible" append-to-body width="40%">
|
||||
<el-form :model="form">
|
||||
<el-form-item label="" prop="isGive">
|
||||
<el-radio-group v-model="currentCert">
|
||||
<el-radio :label="item" :key="item" v-for="item in certList">{{ item }}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="selectCert">确 定</el-button>
|
||||
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import {getUdiInfos} from "@/api/basic/product/udiRelevance";
|
||||
import {addBizProduct} from "@/api/inout/orderDetailCode";
|
||||
|
||||
export default {
|
||||
name: "stockOrderNewSelectProduct",
|
||||
props: {
|
||||
data: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
closeDialog: {
|
||||
type: Function,
|
||||
required: true,
|
||||
},
|
||||
filterType: {
|
||||
type: Function,
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
listQuery: {
|
||||
udiCode: null,
|
||||
cpmctymc: null,
|
||||
ggxh: null,
|
||||
ylqxzcrbarmc: null,
|
||||
thrPiId: null,
|
||||
page: 1,
|
||||
limit: 10,
|
||||
},
|
||||
dataList: [],
|
||||
pageTotal: 1,
|
||||
total: 1,
|
||||
radioCheck: null,
|
||||
currentRow: null,
|
||||
|
||||
//选择资质证书
|
||||
dialogFormVisible: false,
|
||||
currentCert: null,
|
||||
certList: [],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
|
||||
onReset() {
|
||||
this.listQuery = {
|
||||
udiCode: null,
|
||||
cpmctymc: null,
|
||||
ggxh: null,
|
||||
ylqxzcrbarmc: null,
|
||||
thrPiId: null,
|
||||
page: 1,
|
||||
limit: 10,
|
||||
}
|
||||
this.radioCheck = null;
|
||||
this.currentRow = null;
|
||||
this.getList();
|
||||
},
|
||||
|
||||
search() {
|
||||
this.listQuery.page = 1;
|
||||
this.getList();
|
||||
},
|
||||
|
||||
getList() {
|
||||
this.loading = true;
|
||||
getUdiInfos(this.listQuery)
|
||||
.then((response) => {
|
||||
this.loading = false;
|
||||
if (response.code === 20000) {
|
||||
this.dataList = response.data.list || [];
|
||||
this.pageTotal = response.data.total || 0;
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
this.dataList = [];
|
||||
this.pageTotal = 0;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.dataList = [];
|
||||
this.pageTotal = 0;
|
||||
});
|
||||
},
|
||||
|
||||
keyup_submit(event) {
|
||||
this.listQuery.page = 1;
|
||||
this.getList();
|
||||
event.target.select();
|
||||
},
|
||||
|
||||
handleChange(val) {
|
||||
this.radioCheck = val.id;
|
||||
this.currentRow = val;
|
||||
},
|
||||
|
||||
confirmSelect() {
|
||||
if (this.radioCheck == null) {
|
||||
this.$message.error('未选择产品');
|
||||
return;
|
||||
}
|
||||
let str = this.currentRow.zczbhhzbapzbh;
|
||||
if (str.search(",") != -1) {
|
||||
this.currentCert = null;
|
||||
this.certList = str.split(',');
|
||||
this.dialogFormVisible = true;
|
||||
} else {
|
||||
this.combine();
|
||||
}
|
||||
},
|
||||
|
||||
selectCert() {
|
||||
if (this.currentCert == null) {
|
||||
this.$message.error("请先选择对应的注册证!");
|
||||
} else {
|
||||
this.multipleSelection.zczbhhzbapzbh = this.currentCert;
|
||||
this.combine();
|
||||
}
|
||||
},
|
||||
|
||||
combine() {
|
||||
let data = {
|
||||
relId: this.currentRow.id,
|
||||
supId: this.currentRow.customerId,
|
||||
zczbhhzbapzbh: this.currentRow.zczbhhzbapzbh,
|
||||
orderEntity: this.data,
|
||||
}
|
||||
this.loading = true;
|
||||
addBizProduct(data)
|
||||
.then((response) => {
|
||||
this.loading = false;
|
||||
if (response.code === 20000) {
|
||||
this.closeDialog(response.data);
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.dataList = [];
|
||||
this.pageTotal = 0;
|
||||
});
|
||||
},
|
||||
|
||||
},
|
||||
components: {}
|
||||
,
|
||||
|
||||
created() {
|
||||
this.getList();
|
||||
}
|
||||
,
|
||||
}
|
||||
;
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.query-form-item {
|
||||
display: block !important;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
div /deep/ .el-table .warning-row {
|
||||
background: #bebebe;
|
||||
}
|
||||
|
||||
div /deep/ .el-table .success-row {
|
||||
background: #ffffff;
|
||||
}
|
||||
</style>
|
Loading…
Reference in New Issue