1.添加医院客户接口和页面
x_z
3 years ago
parent
40d361b4b9
commit
1c74c6b2b2
@ -0,0 +1,44 @@
|
||||
import axios from "../../utils/axios";
|
||||
|
||||
export function getUnitMaintain(query) {
|
||||
return axios({
|
||||
url: "/warehouse/unitMaintain/filter",
|
||||
method: "get",
|
||||
params: query
|
||||
});
|
||||
}
|
||||
|
||||
export function combine(query) {
|
||||
return axios({
|
||||
url: "/udiwms/basic/unit/maintain/combine",
|
||||
method: "post",
|
||||
data: query
|
||||
});
|
||||
}
|
||||
|
||||
export function deleteUnitMaintain(query) {
|
||||
return axios({
|
||||
url: "/warehouse/unitMaintain/delete",
|
||||
method: "post",
|
||||
data: query
|
||||
});
|
||||
}
|
||||
|
||||
export function addUnit(query) {
|
||||
return axios({
|
||||
url: "/warehouse/unitMaintain/add",
|
||||
method: "post",
|
||||
data: query
|
||||
});
|
||||
}
|
||||
|
||||
export function modifyUnit(query) {
|
||||
return axios({
|
||||
url: "/warehouse/unitMaintain/modify",
|
||||
method: "post",
|
||||
data: query
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,684 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-form :inline="true" :model="query" class="query-form" size="mini">
|
||||
<el-row>
|
||||
<el-form-item class="query-form-item">
|
||||
<el-input v-model="query.key" style="width: 300px;" 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="handleAddClick"
|
||||
>关联医院客户
|
||||
</el-button
|
||||
>
|
||||
</el-button-group>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="list"
|
||||
style="width: 100%"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column label="序号" type="index" fixed></el-table-column>
|
||||
<el-table-column label="往来单位编码" prop="unitId" fixed></el-table-column>
|
||||
<el-table-column label="往来单位名称" prop="corpName" fixed></el-table-column>
|
||||
<el-table-column label="拼音码" prop="pinyinCode" fixed></el-table-column>
|
||||
<el-table-column label="医院客户名称" prop="platformName" fixed></el-table-column>
|
||||
<el-table-column label="操作" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native.stop="handleModifyClick(scope.row)"
|
||||
>编辑
|
||||
</el-button
|
||||
>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native.stop="unbindDialog(scope.row)"
|
||||
>解绑
|
||||
</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-pagination
|
||||
:page-size="query.limit"
|
||||
@current-change="handleCurrentChange"
|
||||
layout="prev, pager, next"
|
||||
:total="total"
|
||||
:current-page="query.page"
|
||||
></el-pagination>
|
||||
|
||||
<el-dialog
|
||||
title="关联医院客户"
|
||||
:visible.sync="editLoginVisible"
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
width="40%"
|
||||
>
|
||||
<el-form :model="editLogin" ref="editLogin" :rules="platformRules">
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="15" class="el-col" type="flex">
|
||||
<div class="text item">
|
||||
<el-form-item label="医院客户名称" prop="unitId">
|
||||
<el-select
|
||||
v-model="editLogin.unitId"
|
||||
style="width: 65%"
|
||||
:disabled="editDialogVisible"
|
||||
@change="unitChange"
|
||||
placeholder="请选择医院客户"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in corpNamesList"
|
||||
:key="item.erpId"
|
||||
:label="item.name"
|
||||
:value="item.erpId"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="15" class="el-col" type="flex">
|
||||
<div class="edit-text">
|
||||
<el-form-item label="自助平台名称" prop="platformId">
|
||||
<el-select
|
||||
v-model="editLogin.platformId"
|
||||
style="width: 65%"
|
||||
@change="intentPlatform"
|
||||
placeholder="请选择自助平台"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in platformList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="15" class="el-col" type="flex">
|
||||
<div class="text item">
|
||||
<el-form-item label="本地单据类型" prop="sourceAction">
|
||||
<el-select
|
||||
v-model="editLogin.sourceAction"
|
||||
style="width: 65%"
|
||||
placeholder="请选择本地单据类型"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in bussinessTypes"
|
||||
:key="item.action"
|
||||
:label="item.name"
|
||||
:value="item.action"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="15" class="el-col" type="flex">
|
||||
<div class="text item">
|
||||
<el-form-item label="账号" prop="platformUsername">
|
||||
<el-input
|
||||
v-model="editLogin.platformUsername"
|
||||
placeholder="请输入账号"
|
||||
style="width: 70%"
|
||||
size="small"
|
||||
@input="change()"
|
||||
></el-input>
|
||||
<el-button type="primary" style="margin-left: 3px;" @click.native="testUserInfo">
|
||||
账号验证
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="15" class="el-col" type="flex">
|
||||
<div class="text item">
|
||||
<el-form-item label="密码" prop="platformPassword">
|
||||
<el-input
|
||||
v-model="editLogin.platformPassword"
|
||||
placeholder="请输入密码"
|
||||
style="width: 70%"
|
||||
size="small"
|
||||
type="password"
|
||||
show-password
|
||||
@input="change()"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="20" class="el-col" type="flex">
|
||||
<div class="text item">
|
||||
<el-form-item label="目标仓库" prop="invCode">
|
||||
<el-select v-model="editLogin.invCode"
|
||||
style="width: 35%;"
|
||||
:disabled="targetPlatformEdit"
|
||||
placeholder="目标仓库信息" @change="locInvChange"
|
||||
clearable>
|
||||
<el-option
|
||||
v-for="item in targetInvs"
|
||||
:key="item.name"
|
||||
:label="item.name"
|
||||
:value="item.code">
|
||||
<span style="float: left">{{ item.name }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="20" class="el-col" type="flex">
|
||||
<div class="text item">
|
||||
<el-form-item label="目标分库" prop="invSubCode">
|
||||
<el-select v-model="editLogin.invSubCode" placeholder="目标分库信息"
|
||||
style="width: 35%;"
|
||||
:disabled="targetPlatformEdit"
|
||||
@change="locSubInvChange"
|
||||
clearable>
|
||||
<el-option
|
||||
v-for="item in targetSubInvs"
|
||||
:key="item.name"
|
||||
:label="item.name"
|
||||
:value="item.code">
|
||||
<span style="float: left">{{ item.name }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="15" class="el-col" type="flex">
|
||||
<div class="text item">
|
||||
<el-form-item label="目标单据类型" prop="targetAction">
|
||||
<el-select
|
||||
v-model="editLogin.targetAction"
|
||||
style="width: 65%"
|
||||
:disabled="targetPlatformEdit"
|
||||
placeholder="请选择目标单据类型"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in targetActions"
|
||||
:key="item.action"
|
||||
:label="item.name"
|
||||
:value="item.action"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click.native.stop="cancelDialog" size="small">取消</el-button>
|
||||
<el-button type="primary" size="small" @click.native="linkSubmit()"
|
||||
>提交
|
||||
</el-button
|
||||
>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
addUnit,
|
||||
modifyUnit
|
||||
} from "../../api/basic/unitMaintain";
|
||||
import {getBasicUnitMaintains} from "@/api/basic/basicUnitMaintain";
|
||||
import {
|
||||
getPlatform,
|
||||
linkPlatform,
|
||||
getLinkPlatformList,
|
||||
unbindPlatform,
|
||||
getTargetActions,
|
||||
getTargetInv,
|
||||
getTargetSubInv,
|
||||
testUserInfo
|
||||
} from "../../api/auth/platform";
|
||||
import {getBussinessType} from "../../api/basic/bussinessType";
|
||||
import {isBlank} from "@/utils/strUtil";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
query: {
|
||||
key: "",
|
||||
coryType: null,
|
||||
customerId: this.$store.getters.customerId,
|
||||
page: 1,
|
||||
limit: 20
|
||||
},
|
||||
editLogin: {
|
||||
id: null,
|
||||
unitId: null,
|
||||
corpName: null,
|
||||
platformId: null,
|
||||
platformUsername: null,
|
||||
platformPassword: null,
|
||||
appid: null,
|
||||
appKey: null,
|
||||
sceretKey: null,
|
||||
sourceAction: null,
|
||||
targetAction: null,
|
||||
invCode: "",
|
||||
invSubCode: "",
|
||||
customerId: this.$store.getters.customerId
|
||||
},
|
||||
editPlatformQuery: {
|
||||
unitId: null,
|
||||
name: null,
|
||||
host: null
|
||||
},
|
||||
loading: false,
|
||||
editLoginVisible: false,
|
||||
|
||||
checked: false,
|
||||
editDialogVisible: false,
|
||||
list: [],
|
||||
total: 0,
|
||||
multipleSelection: [],
|
||||
platformList: [],
|
||||
corpNamesList: [],
|
||||
bussinessTypes: [],
|
||||
targetActions: [],
|
||||
targetInvs: [],
|
||||
targetSubInvs: [],
|
||||
targetPlatformEdit: true, //目标平台启用编辑
|
||||
platformRules: {
|
||||
corpName: [
|
||||
{required: true, message: "请选择往来单位", trigger: "change"}
|
||||
],
|
||||
platformId: [
|
||||
{required: true, message: "请选择自助平台", trigger: "change"}
|
||||
],
|
||||
invCode: [
|
||||
{required: true, message: "请选择目标分库", trigger: "change"}
|
||||
],
|
||||
invSubCode: [
|
||||
{required: true, message: "请选择目标分库", trigger: 'change'}
|
||||
],
|
||||
platformUsername: [
|
||||
{required: true, message: "请输入账号", trigger: "change"}
|
||||
],
|
||||
platformPassword: [
|
||||
{required: true, message: "请输入密码", trigger: "change"}
|
||||
],
|
||||
sourceAction: [
|
||||
{required: true, message: "请选择本地单据类型", trigger: "change"}
|
||||
],
|
||||
targetAction: [
|
||||
{required: true, message: "请选择目标单据类型", trigger: "change"}
|
||||
]
|
||||
|
||||
},
|
||||
curPlatformId: "",
|
||||
editType: 0,
|
||||
corpTypeList: [
|
||||
{
|
||||
value: 1,
|
||||
label: "客户"
|
||||
},
|
||||
{
|
||||
value: 2,
|
||||
label: "供应商"
|
||||
},
|
||||
{
|
||||
value: 4,
|
||||
label: "特殊往来"
|
||||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
onReset() {
|
||||
this.$router.push({
|
||||
path: ""
|
||||
});
|
||||
this.query = {
|
||||
key: "",
|
||||
coryType: null,
|
||||
customerId: this.$store.getters.customerId,
|
||||
page: 1,
|
||||
limit: 20
|
||||
};
|
||||
this.getList();
|
||||
},
|
||||
resetForm() {
|
||||
this.$nextTick(() => {
|
||||
this.$refs["editLogin"].clearValidate();
|
||||
});
|
||||
},
|
||||
search() {
|
||||
this.query.page = 1;
|
||||
this.getList();
|
||||
},
|
||||
getList() {
|
||||
this.loading = true;
|
||||
getLinkPlatformList(this.query).then((res) => {
|
||||
this.loading = false;
|
||||
this.list = res.data.list || [];
|
||||
this.total = res.data.total || 0;
|
||||
}).catch(() => {
|
||||
this.loading = false;
|
||||
this.list = [];
|
||||
});
|
||||
},
|
||||
cancelDialog() {
|
||||
this.editLoginVisible = false;
|
||||
},
|
||||
handleModifyClick(row) {
|
||||
if (row.platformId != null) {
|
||||
//已经绑定过
|
||||
this.$confirm("是否需要重新关联自助平台?", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
}).then(() => {
|
||||
this.editType = 2;
|
||||
this.editLoginVisible = true;
|
||||
this.editLogin = row;
|
||||
this.editDialogVisible = true;
|
||||
this.getUnitMaintain();
|
||||
this.getPlatformList();
|
||||
this.getLocalBussinessType();
|
||||
this.curPlatformId = row.platformId;
|
||||
this.getTargetInv();
|
||||
|
||||
this.getTargetSubInv();
|
||||
this.getTargetActions();
|
||||
}).catch(() => {
|
||||
});
|
||||
} else {
|
||||
this.editType = 2;
|
||||
this.editLoginVisible = true;
|
||||
this.editLogin = row;
|
||||
}
|
||||
},
|
||||
handleAddClick() {
|
||||
this.editType = 0;
|
||||
this.editLoginVisible = true;
|
||||
this.editDialogVisible = false;
|
||||
this.resetForm();
|
||||
this.curPlatformId = "",
|
||||
//清空表单数据
|
||||
this.editLogin = {
|
||||
id: null,
|
||||
unitId: null,
|
||||
corpName: null,
|
||||
platformId: null,
|
||||
platformUsername: null,
|
||||
platformPassword: null,
|
||||
appid: null,
|
||||
appKey: null,
|
||||
sceretKey: null,
|
||||
sourceAction: null,
|
||||
targetAction: null,
|
||||
invCode: "",
|
||||
invSubCode: "",
|
||||
customerId: this.$store.getters.customerId
|
||||
};
|
||||
this.getLocalBussinessType();
|
||||
this.getUnitMaintain();
|
||||
this.getPlatformList();
|
||||
},
|
||||
getUnitMaintain() {
|
||||
let unitQuery = {
|
||||
customerId: this.$store.getters.customerId,
|
||||
corpType: 5
|
||||
};
|
||||
getBasicUnitMaintains(unitQuery)
|
||||
.then((response) => {
|
||||
this.corpNamesList = response.data.page.list || [];
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
//获取自助平台数据
|
||||
getPlatformList() {
|
||||
this.loading = true;
|
||||
getPlatform().then((response) => {
|
||||
this.loading = false;
|
||||
this.platformList = response.data.list || [];
|
||||
}).catch(() => {
|
||||
this.loading = false;
|
||||
this.platformList = [];
|
||||
});
|
||||
},
|
||||
unitChange(value) {
|
||||
this.editLogin.unitId = value;
|
||||
},
|
||||
intentPlatform(value) {
|
||||
this.editPlatformQuery.id = value;
|
||||
this.curPlatformId = value;
|
||||
this.targetPlatformEdit = true;
|
||||
//拉取对应平台的单据类型
|
||||
this.getTargetInv(value);
|
||||
},
|
||||
|
||||
getTargetActions() {
|
||||
this.targetActions = [];
|
||||
let query = {
|
||||
platformId: this.curPlatformId,
|
||||
invSubCode: this.editLogin.invSubCode,
|
||||
};
|
||||
getTargetActions(query).then((res) => {
|
||||
this.targetActions = res.data.list || [];
|
||||
}).catch((error) => {
|
||||
this.$message.error("获取自助平台单据类型失败");
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
getTargetInv() {
|
||||
this.targetActions = [];
|
||||
let query = {
|
||||
platformId: this.curPlatformId
|
||||
};
|
||||
getTargetInv(query).then((res) => {
|
||||
this.targetInvs = res.data || [];
|
||||
}).catch((error) => {
|
||||
this.$message.error("获取自助平台单据类型失败");
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
getTargetSubInv() {
|
||||
this.targetActions = [];
|
||||
let query = {
|
||||
invCode: this.editLogin.invCode,
|
||||
platformId: this.curPlatformId
|
||||
};
|
||||
getTargetSubInv(query).then((res) => {
|
||||
this.targetSubInvs = res.data || [];
|
||||
}).catch((error) => {
|
||||
this.$message.error("获取自助平台单据类型失败");
|
||||
});
|
||||
},
|
||||
getLocalBussinessType() {
|
||||
let tQuery = {};
|
||||
getBussinessType(tQuery).then((res) => {
|
||||
this.bussinessTypes = res.data.list || [];
|
||||
}).catch((error) => {
|
||||
this.$message.error(error.message);
|
||||
});
|
||||
},
|
||||
//获取往来单位集合
|
||||
formSubmit() {
|
||||
this.$refs["editQuery"].validate((valid) => {
|
||||
if (valid) {
|
||||
if (this.editType == 0) {
|
||||
addUnit(this.editQuery)
|
||||
.then((response) => {
|
||||
if (response.code == 20000) {
|
||||
this.getList();
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "添加成功"
|
||||
});
|
||||
this.cancelDialog();
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
} else {
|
||||
modifyUnit(this.editQuery)
|
||||
.then((response) => {
|
||||
if (response.code == 20000) {
|
||||
this.getList();
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "修改成功"
|
||||
});
|
||||
this.cancelDialog();
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
unbindDialog(row) {
|
||||
this.$confirm("此操作将解除绑定, 是否继续?", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning"
|
||||
}).then(() => {
|
||||
this.loading = true;
|
||||
let query = {
|
||||
id: row.id
|
||||
};
|
||||
unbindPlatform(query).then((res) => {
|
||||
this.loading = false;
|
||||
this.getList();
|
||||
this.$message.success("解绑成功");
|
||||
}).catch((error) => {
|
||||
this.loading = false;
|
||||
this.$message.error("解绑失败");
|
||||
});
|
||||
}).catch(() => {
|
||||
});
|
||||
},
|
||||
linkSubmit() {
|
||||
if (this.targetPlatformEdit) {
|
||||
this.$message.error("请验证账号！");
|
||||
return;
|
||||
}
|
||||
this.$refs["editLogin"].validate((valid) => {
|
||||
if (valid) {
|
||||
linkPlatform(this.editLogin)
|
||||
.then((response) => {
|
||||
if (response.code == 20000) {
|
||||
this.getList();
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "关联成功"
|
||||
});
|
||||
this.targetPlatformEdit = true;
|
||||
this.cancelDialog();
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.query.page = val;
|
||||
this.getList();
|
||||
},
|
||||
locInvChange() {
|
||||
this.getTargetSubInv();
|
||||
},
|
||||
|
||||
locSubInvChange() {
|
||||
this.getTargetActions();
|
||||
},
|
||||
testUserInfo() {
|
||||
if (isBlank(this.editLogin.platformId)) {
|
||||
this.$message.error("请选择自助平台");
|
||||
return;
|
||||
}
|
||||
if (isBlank(this.editLogin.platformUsername)) {
|
||||
this.$message.error("请输入用户名");
|
||||
return;
|
||||
}
|
||||
if (isBlank(this.editLogin.platformPassword)) {
|
||||
this.$message.error("请输入密码");
|
||||
return;
|
||||
}
|
||||
let data = {
|
||||
platformId: this.editLogin.platformId,
|
||||
username: this.editLogin.platformUsername,
|
||||
password: this.editLogin.platformPassword
|
||||
};
|
||||
testUserInfo(data).then((res) => {
|
||||
if (res.code === 20000) {
|
||||
this.targetPlatformEdit = false;
|
||||
this.getTargetInv();
|
||||
this.$message.success("验证成功");
|
||||
} else {
|
||||
this.$message.error(res.message);
|
||||
}
|
||||
}).catch((error) => {
|
||||
});
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
this.getPlatformList();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
Loading…
Reference in New Issue