我是企业相关功能提交
yuanwei
1 year ago
parent
cf7732a748
commit
bd1da2f46f
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,267 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="el-card" v-if="checked">
|
||||
<el-form size="mini" :model="erpQuery" label-width="100px" v-show="showSearch">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="往来单位ID:">
|
||||
<el-input v-model="erpQuery.unitId" placeholder="请输入往来单位ID" style="width: 90%" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="往来单位:">
|
||||
<el-input v-model="erpQuery.name" placeholder="往来单位" style="width: 90%" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
|
||||
<div class="top-right-btn">
|
||||
<el-button-group style="display:flex;">
|
||||
<el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
|
||||
<el-button type="primary" icon="el-icon-search" @click="getErpList">查询</el-button>
|
||||
</el-button-group>
|
||||
</div>
|
||||
|
||||
<el-divider style="margin: 15px"></el-divider>
|
||||
<el-table :data="erpList" style="width: 100%" border highlight-current-row @current-change="handleCurrentChange">
|
||||
<el-table-column label="序号" type="index"></el-table-column>
|
||||
<el-table-column label="第三方往来单位ID" prop="customid" width="200"></el-table-column>
|
||||
<el-table-column label="往来单位名称" prop="customname" width="400"></el-table-column>
|
||||
</el-table>
|
||||
<pagination
|
||||
v-show="erpTotal>0"
|
||||
:total="erpTotal"
|
||||
:page.sync="erpQuery.page"
|
||||
:limit.sync="erpQuery.limit"
|
||||
@pagination="handleErppageChange"
|
||||
></pagination>
|
||||
</el-card>
|
||||
|
||||
<el-card class="el-card">
|
||||
<el-form :model="unitQuery" size="mini" label-width="100px" v-show="showSearch">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="往来单位编码:">
|
||||
<el-input v-model="unitQuery.unitId" style="width: 90%" placeholder="请输入往来单位编码" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="请设置主系统:">
|
||||
<el-select v-model="thirdSysFk" style="width: 90%" placeholder="请设置主系统" disabled>
|
||||
<el-option
|
||||
v-for="item in thirdSys"
|
||||
:key="item.value"
|
||||
:label="item.thirdName"
|
||||
:value="item.thirdId">
|
||||
<span style="float: left">{{ item.thirdName }}</span>
|
||||
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.thirdId }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<div class="top-right-btn">
|
||||
<el-button-group style="display:flex;">
|
||||
<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="search">查询</el-button>
|
||||
<el-button type="primary" size="mini" icon="el-icon-bottom-right" @click="combine">选入</el-button>
|
||||
<el-button type="primary" size="mini" icon="el-icon-bottom-right" @click="combineAll">结果全部选入</el-button>
|
||||
</el-button-group>
|
||||
</div>
|
||||
<el-divider style="margin: 15px"></el-divider>
|
||||
<el-table :data="unitlList" style="width: 100%" @selection-change="handleSelectionUdiChange" border highlight-current-row>
|
||||
<el-table-column type="selection" width="55" :selectable="checkSelectable"></el-table-column>
|
||||
<el-table-column label="序号" type="index"></el-table-column>
|
||||
<el-table-column label="往来单位编码" prop="id"></el-table-column>
|
||||
<el-table-column label="往来单位名称"prop="name" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="往来单位简写" show-overflow-tooltip prop="spell"></el-table-column>
|
||||
<el-table-column label="地址" prop="addr" show-overflow-tooltip></el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="unitQuery.page"
|
||||
:limit.sync="unitQuery.limit"
|
||||
@pagination="handlepageChange"
|
||||
|
||||
></pagination>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {combine, ucloudUnit, combineAll} from "@/api/basic/basicUnitMaintain";
|
||||
import {getBasicThirdSys} from "@/api/basic/basicThirdSys";
|
||||
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showSearch: true,
|
||||
unitQuery: {
|
||||
page: 1,
|
||||
limit: 10,
|
||||
key: "",
|
||||
thirdSys: null,
|
||||
},
|
||||
combineQuery: {
|
||||
thirdSys: "",
|
||||
keys: [],
|
||||
custmandocResponses: [],
|
||||
},
|
||||
total: 0,
|
||||
erpTotal: 0,
|
||||
checked: false,
|
||||
unitlList: [],
|
||||
erpList: [],
|
||||
currentRow: null,
|
||||
multipleUdiSelection: [],
|
||||
thirdSys: [],
|
||||
thirdSysFk: null,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
onReset() {
|
||||
this.$router.push({
|
||||
path: "",
|
||||
});
|
||||
this.unitQuery = {
|
||||
key: "",
|
||||
page: 1,
|
||||
limit: 10,
|
||||
thirdSys: null,
|
||||
};
|
||||
this.getList();
|
||||
},
|
||||
hideSearch() {
|
||||
this.showSearch = !this.showSearch;
|
||||
},
|
||||
handlepageChange(val) {
|
||||
this.unitQuery.page = val.page;
|
||||
this.getList();
|
||||
},
|
||||
handleErppageChange(val) {
|
||||
this.erpQuery.page = val;
|
||||
this.getErpList();
|
||||
},
|
||||
checkSelectable(row) {
|
||||
return !row.checked;
|
||||
},
|
||||
search() {
|
||||
this.unitQuery.page = 1;
|
||||
this.getList();
|
||||
},
|
||||
getList() {
|
||||
this.loading = true;
|
||||
this.unitQuery.thirdSys = this.thirdSysFk;
|
||||
ucloudUnit(this.unitQuery)
|
||||
.then((response) => {
|
||||
this.loading = false;
|
||||
|
||||
if (response.code == 20000) {
|
||||
this.unitlList = response.data.list || [];
|
||||
this.total = response.data.total || 0;
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
this.unitlList = [];
|
||||
this.total = 0;
|
||||
}
|
||||
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.unitlList = [];
|
||||
this.total = 0;
|
||||
});
|
||||
},
|
||||
|
||||
intentBack() {
|
||||
this.$router.go(-1);
|
||||
},
|
||||
getBasicThirdSys() {
|
||||
let query = {
|
||||
enabled: true,
|
||||
mainSys: true,
|
||||
};
|
||||
getBasicThirdSys(query)
|
||||
.then((response) => {
|
||||
this.thirdSys = response.data.list || [];
|
||||
this.thirdSysFk = this.thirdSys[0].thirdId;
|
||||
this.getList();
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.list = [];
|
||||
});
|
||||
},
|
||||
combine() {
|
||||
let selectData = this.multipleUdiSelection;
|
||||
var ids = [];
|
||||
selectData.forEach((obj) => {
|
||||
ids.push(obj);
|
||||
});
|
||||
if (ids.length == 0) {
|
||||
this.$message.warning("请选择往来单位信息！");
|
||||
return;
|
||||
}
|
||||
this.combineQuery.thirdSys = this.thirdSysFk;
|
||||
this.combineQuery.custmandocResponses = ids;
|
||||
combine(this.combineQuery)
|
||||
.then((response) => {
|
||||
if (response.code == 20000) {
|
||||
this.$emit("closeMain", true);
|
||||
} else {
|
||||
this.$emit("closeMain", false);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.$emit("closeMain", false);
|
||||
});
|
||||
},
|
||||
combineAll() {
|
||||
|
||||
this.$confirm("此操作将在后台自动选入所有查询结果, 是否继续?", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
})
|
||||
.then(() => {
|
||||
this.unitQuery.thirdSys = this.thirdSysFk;
|
||||
combineAll(this.unitQuery)
|
||||
.then((response) => {
|
||||
if (response.code == 20000) {
|
||||
this.$emit("closeMain", true);
|
||||
} else {
|
||||
this.$emit("closeMain", false);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.$emit("closeMain", false);
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
|
||||
|
||||
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.currentRow = val;
|
||||
this.unitQuery.key = this.currentRow.name;
|
||||
},
|
||||
|
||||
handleSelectionUdiChange(val) {
|
||||
this.multipleUdiSelection = val;
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.getBasicThirdSys();
|
||||
},
|
||||
};
|
||||
</script>
|
||||
@ -0,0 +1,268 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="el-card" v-if="checked">
|
||||
<el-form :inline="true" :model="erpQuery" size="mini" label-width="100px" v-show="showSearch">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="单位编码:">
|
||||
<el-input v-model="erpQuery.customname" placeholder="搜索" style="width: 90%"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<div class="top-right-btn">
|
||||
<el-button-group style="display:flex;">
|
||||
<el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
|
||||
<el-button type="primary" icon="el-icon-search" @click="getErpList">查询</el-button>
|
||||
</el-button-group>
|
||||
</div>
|
||||
<el-divider style="margin: 15px"></el-divider>
|
||||
|
||||
<el-table :data="erpList" style="width: 100%" border highlight-current-row @current-change="handleCurrentChange">
|
||||
<el-table-column label="序号" type="index"></el-table-column>
|
||||
<el-table-column label="第三方往来单位ID" prop="customid" width="200"></el-table-column>
|
||||
<el-table-column label="往来单位名称" prop="customname" width="400"></el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="erpTotal>0"
|
||||
:total="erpTotal"
|
||||
:page.sync="erpQuery.page"
|
||||
:limit.sync="erpQuery.limit"
|
||||
@pagination="handleErppageChange"
|
||||
></pagination>
|
||||
</el-card>
|
||||
|
||||
<el-card class="el-card">
|
||||
<el-form :model="unitQuery" label-width="100px" v-show="showSearch" size="mini">
|
||||
<el-row>
|
||||
<el-col span="6">
|
||||
<el-form-item label="往来单位编码:">
|
||||
<el-input v-model="unitQuery.unitId" style="width: 90%" placeholder="往来单位编码" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="6">
|
||||
<el-form-item label="往来单位:">
|
||||
<el-input v-model="unitQuery.name" style="width: 90%" placeholder="往来单位" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col span="6">
|
||||
<el-form-item label="外部系统:">
|
||||
<el-select v-model="thirdSysFk" style="width: 90%" placeholder="请选择第三方系统" disabled="true">
|
||||
<el-option
|
||||
v-for="item in thirdSys"
|
||||
:key="item.value"
|
||||
:label="item.thirdName"
|
||||
:value="item.thirdId">
|
||||
<span style="float: left">{{ item.thirdName }}</span>
|
||||
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.thirdId }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<div class="top-right-btn">
|
||||
<el-button-group style="display:flex;">
|
||||
<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="searchList">查询</el-button>
|
||||
<el-button type="primary" size="mini" icon="el-icon-bottom-right" @click="combine" :loading="combineLoading">选入</el-button>
|
||||
</el-button-group>
|
||||
</div>
|
||||
|
||||
<el-divider style="margin: 15px"></el-divider>
|
||||
<el-table border highlight-current-row @current-change="handleCurrentChange" :data="unitlList" :row-class-name="tableRowClassName" style="width: 100%">
|
||||
<el-table-column label="序号" type="index"></el-table-column>
|
||||
<el-table-column label="往来单位编码" prop="id"></el-table-column>
|
||||
<el-table-column label="往来单位名称" prop="name" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="往来单位简写" show-overflow-tooltip prop="spell"></el-table-column>
|
||||
<el-table-column label="地址" prop="addr"></el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="unitQuery.page"
|
||||
:limit.sync="unitQuery.limit"
|
||||
@pagination="handlepageChange"
|
||||
|
||||
></pagination>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {combineSingle, ucloudUnit, removeRl} from "@/api/basic/basicUnitMaintain";
|
||||
import {getBasicThirdSys} from "@/api/basic/basicThirdSys";
|
||||
|
||||
export default {
|
||||
name: "combinType",
|
||||
props: {
|
||||
corpData: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
defaultSys: {
|
||||
type: Object,
|
||||
required: true,
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
showSearch: true,
|
||||
unitQuery: {
|
||||
page: 1,
|
||||
limit: 10,
|
||||
key: "",
|
||||
thirdSys: null,
|
||||
},
|
||||
combineQuery: {
|
||||
thirdSys: "",
|
||||
key: null,
|
||||
basicErpUnitsResponse: [],
|
||||
},
|
||||
total: 0,
|
||||
erpTotal: 0,
|
||||
checked: false,
|
||||
unitlList: [],
|
||||
erpList: [],
|
||||
currentRow: null,
|
||||
multipleUdiSelection: [],
|
||||
thirdSys: [],
|
||||
thirdSysFk: null,
|
||||
combineLoading: false,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
handlepageChange(val) {
|
||||
this.unitQuery.page = val.page;
|
||||
this.getList();
|
||||
},
|
||||
handleErppageChange(val) {
|
||||
this.erpQuery.page = val;
|
||||
this.getErpList();
|
||||
},
|
||||
searchList() {
|
||||
this.unitQuery.page = 1;
|
||||
this.getList();
|
||||
},
|
||||
hideSearch() {
|
||||
this.showSearch = !this.showSearch;
|
||||
},
|
||||
onReset() {
|
||||
this.unitQuery = {
|
||||
page: 1,
|
||||
limit: 10,
|
||||
key: "",
|
||||
thirdSys: null,
|
||||
}
|
||||
this.total = 0;
|
||||
this.getList();
|
||||
},
|
||||
getList() {
|
||||
this.loading = true;
|
||||
this.unitQuery.thirdSys = this.thirdSysFk;
|
||||
ucloudUnit(this.unitQuery)
|
||||
.then((response) => {
|
||||
console.log(response);
|
||||
this.loading = false;
|
||||
|
||||
if (response.code == 20000) {
|
||||
this.unitlList = response.data.list || [];
|
||||
this.total = response.data.total || 0;
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
this.unitlList = [];
|
||||
this.total = 0;
|
||||
}
|
||||
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.unitlList = [];
|
||||
this.total = 0;
|
||||
});
|
||||
},
|
||||
|
||||
intentBack() {
|
||||
this.$router.go(-1);
|
||||
},
|
||||
getBasicThirdSys() {
|
||||
let query = {
|
||||
enabled: true,
|
||||
};
|
||||
getBasicThirdSys(query)
|
||||
.then((response) => {
|
||||
this.thirdSys = response.data.list || [];
|
||||
this.thirdSysFk = this.thirdSys[0].thirdId;
|
||||
if (this.defaultSys != null) {
|
||||
this.thirdSysFk = this.defaultSys;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.list = [];
|
||||
});
|
||||
},
|
||||
|
||||
handleCurrentChange(val) {
|
||||
console.log(val);
|
||||
this.combineQuery.thirdSys = this.thirdSysFk;
|
||||
this.combineQuery.key = this.corpData.id;
|
||||
this.combineQuery.basicErpUnitsResponse = val;
|
||||
},
|
||||
combine() {
|
||||
|
||||
if (this.combineQuery.key == null) {
|
||||
this.$message.warning("未选择往来单位！");
|
||||
return;
|
||||
}
|
||||
if (this.combineQuery.basicErpUnitsResponse.checked == true) {
|
||||
this.$message.warning("该往来单位已被关联，不能重复选入！");
|
||||
return;
|
||||
}
|
||||
|
||||
this.combineLoading = true;
|
||||
combineSingle(this.combineQuery)
|
||||
.then((response) => {
|
||||
this.combineLoading = false;
|
||||
this.$emit("cancelDialog", true);
|
||||
if (response.code == 20000) {
|
||||
this.$message.success("关联成功！");
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.combineLoading = false;
|
||||
this.$emit("cancelDialog", false);
|
||||
});
|
||||
},
|
||||
tableRowClassName({row}) {
|
||||
if (row.checked) return "warning-row";
|
||||
return "";
|
||||
},
|
||||
handleSelectionUdiChange(val) {
|
||||
console.log("----" + val[0].id);
|
||||
this.multipleUdiSelection = val;
|
||||
},
|
||||
|
||||
},
|
||||
created() {
|
||||
this.getBasicThirdSys();
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
div /deep/ .el-table .warning-row {
|
||||
background: #bebebe;
|
||||
}
|
||||
|
||||
div /deep/ .el-table .success-row {
|
||||
background: #ffffff;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,561 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<el-card>
|
||||
<div style="
|
||||
float: left;
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
margin-bottom: 8px;
|
||||
">
|
||||
<span>产品标识:</span>
|
||||
</div>
|
||||
<el-table :data="detailList" style="width: 100%" border key="3" highlight-current-row>
|
||||
<el-table-column label="产品最小销售标识" prop="nameCode" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="物资名称" prop="cpmctymc" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="包装级别" prop="packLevel" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="包装单位" prop="packUnit" show-overflow-tooltip></el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
<el-card>
|
||||
<el-form
|
||||
:model="editQuery"
|
||||
:rules="rules"
|
||||
ref="editQuery"
|
||||
label-width="100px"
|
||||
style="margin-top: 20px"
|
||||
>
|
||||
<el-collapse v-model="activeNames">
|
||||
<el-collapse-item name="1">
|
||||
<template slot="title">
|
||||
<p class="form-title">产品标识基本信息</p>
|
||||
</template>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>产品标识: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.nameCode"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>最小包装单元内包含使用单元数量: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.zxxsbzbhsydysl"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>包含下级产品编码: </span>
|
||||
</div>
|
||||
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
size="small"
|
||||
:disabled="true"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.bhxjcpbm"
|
||||
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>包含最小销售包装数量: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
size="small"
|
||||
:disabled="true"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.bhzxxsbzsl"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-collapse-item>
|
||||
|
||||
<el-collapse-item name="2">
|
||||
<template slot="title">
|
||||
<p class="form-title">产品基本信息</p>
|
||||
</template>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>物资名称: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
:disabled="true"
|
||||
v-model="editQuery.cpmctymc"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>规格型号: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.ggxh"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>产品类别: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.hchzsb"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>分类编码: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.flbm"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>医疗器械注册人: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="ylqxzcrbarmc"
|
||||
v-model="editQuery.ylqxzcrbarmc"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>注册人英文名称: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.ylqxzcrbarywmc"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>器械类别: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.cplx"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>生产企业: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>商品条码: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
size="small" :disabled="true"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.sptm"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>医保编码: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%" :disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.ybbm"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>统一社会信用号: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.tyshxydm"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>注册证/备案号: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.zczbhhzbapzbh"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>产品描述: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="!checked"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.cpms"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-collapse-item>
|
||||
|
||||
|
||||
<el-collapse-item name="3">
|
||||
<template slot="title">
|
||||
<p class="form-title">生产标识基本信息</p>
|
||||
</template>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>是否包含批号: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.scbssfbhph"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>是否包含序列号: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
v-model="editQuery.scbssfbhxlh"
|
||||
splaceholder="请输入内容"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>是否包含生产日期: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.scbssfbhscrq"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>是否包含失效日期: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
v-model="editQuery.scbssfbhsxrq"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
</el-collapse-item>
|
||||
|
||||
<el-collapse-item name="4">
|
||||
<template slot="title">
|
||||
<p class="form-title">包装标识信息</p>
|
||||
</template>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>上级产品编码: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.sjcpbm"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>包装级别: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
:disabled="true"
|
||||
v-model="editQuery.packLevel"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>包装层级: </span>
|
||||
</div>
|
||||
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="editQuery.bzcj"
|
||||
:disabled="true"
|
||||
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>包含下级包装数量: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
:disabled="true"
|
||||
v-model="editQuery.bhxjsl"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-collapse-item>
|
||||
|
||||
</el-collapse>
|
||||
|
||||
</el-form>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import {filterByUuid} from "@/api/basic/udiRlCompany";
|
||||
|
||||
export default {
|
||||
name: "SelectDIDetailDialog",
|
||||
props: {
|
||||
editQuery: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeNames: ['1'],
|
||||
detailList: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getDetailList(detailQuery) {
|
||||
filterByUuid(detailQuery)
|
||||
.then((response) => {
|
||||
this.detailList = response.data || [];
|
||||
})
|
||||
.catch(() => {
|
||||
this.detailList = [];
|
||||
});
|
||||
},
|
||||
},
|
||||
|
||||
created() {
|
||||
//获取产品标识列表
|
||||
let ttquery = {
|
||||
uuid: this.editQuery.uuid,
|
||||
};
|
||||
this.getDetailList(ttquery);
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.form-title {
|
||||
font-size: 16px;
|
||||
font-family: Noto Sans SC;
|
||||
font-weight: bold;
|
||||
color: #303133;
|
||||
padding-bottom: 17px;
|
||||
padding-top: 17px;
|
||||
}
|
||||
|
||||
.itemTag {
|
||||
float: left;
|
||||
text-align: right;
|
||||
margin-top: 5px;
|
||||
padding-right: 10px;
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 13px;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
|
||||
.query-form-item {
|
||||
display: block !important;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.edit-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.el-row {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/* .el-col {
|
||||
border-radius: 4px;
|
||||
flex-wrap: wrap;
|
||||
} */
|
||||
|
||||
.el-table .cell.el-tooltip {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.form-title {
|
||||
font-size: 16px;
|
||||
font-family: Noto Sans SC;
|
||||
font-weight: bold;
|
||||
color: #303133;
|
||||
padding-bottom: 17px;
|
||||
padding-top: 17px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,558 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card>
|
||||
<el-table v-loading="loading" :data="detailList" style="width: 100%; margin-top: 20px" border key="3"
|
||||
@current-change="handleDetail">
|
||||
<el-table-column label="产品标识" prop="nameCode" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="产品通用名" prop="cpmctymc" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="包装级别" prop="packLevel" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="包装层级" prop="bzcj" show-overflow-tooltip></el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-form :model="detailQuery" :rules="rules" ref="detailQuery" label-width="100px" style="margin-top: 20px">
|
||||
<el-collapse v-model="activeNames">
|
||||
<el-collapse-item name="1">
|
||||
<template slot="title">
|
||||
<p class="form-title">产品标识基本信息</p>
|
||||
</template>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>产品标识: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.nameCode"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>最小包装单元内包含使用单元数量: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="!checked"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.zxxsbzbhsydysl"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>包含下级产品编码: </span>
|
||||
</div>
|
||||
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
size="small"
|
||||
:disabled="true"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.bhxjcpbm"
|
||||
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>包含最小销售包装数量: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
size="small"
|
||||
:disabled="true"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.bhzxxsbzsl"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-collapse-item>
|
||||
|
||||
<el-collapse-item name="2">
|
||||
<template slot="title">
|
||||
<p class="form-title">产品基本信息</p>
|
||||
</template>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>产品名称: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
:disabled="true"
|
||||
v-model="detailQuery.cpmctymc"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>产品标识: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.nameCode"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>规格型号: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.ggxh"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>器械类别: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.cplx"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>产品类别: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.hchzsb"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>分类编码: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.flbm"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>商品条码: </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">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>医保编码: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.ybbm"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>医疗器械注册人: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="ylqxzcrbarmc"
|
||||
v-model="detailQuery.ylqxzcrbarmc"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>注册人英文名称: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.ylqxzcrbarywmc"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>统一社会信用号: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.tyshxydm"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>注册证/备案号: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.zczbhhzbapzbh"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>生产企业: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="!checked"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>产品描述: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="!checked"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.cpms"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-collapse-item>
|
||||
|
||||
<el-collapse-item name="3">
|
||||
<template slot="title">
|
||||
<p class="form-title">生产标识基本信息</p>
|
||||
</template>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>是否包含批号: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="!checked"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.scbssfbhph"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>是否包含序列号: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="!checked"
|
||||
size="small"
|
||||
v-model="detailQuery.scbssfbhxlh"
|
||||
splaceholder="请输入内容"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>是否包含生产日期: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="!checked"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.scbssfbhscrq"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>是否包含失效日期: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="!checked"
|
||||
v-model="detailQuery.scbssfbhsxrq"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-collapse-item>
|
||||
|
||||
<el-collapse-item name="4">
|
||||
<template slot="title">
|
||||
<p class="form-title">包装标识信息</p>
|
||||
</template>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>上级产品编码: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
:disabled="true"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.sjcpbm"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>包装级别: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
:disabled="true"
|
||||
v-model="detailQuery.packLevel"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" class="el-row" type="flex">
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>包装层级: </span>
|
||||
</div>
|
||||
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
v-model="detailQuery.bzcj"
|
||||
:disabled="true"
|
||||
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<div class="text item">
|
||||
<div class="itemTag">
|
||||
<span>包含下级包装数量: </span>
|
||||
</div>
|
||||
<el-input
|
||||
style="width: 65%"
|
||||
size="small"
|
||||
splaceholder="请输入内容"
|
||||
:disabled="true"
|
||||
v-model="detailQuery.bhxjsl"
|
||||
></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-collapse-item>
|
||||
|
||||
</el-collapse>
|
||||
|
||||
</el-form>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import {filterByUuid} from "@/api/basic/udiRlCompany";
|
||||
|
||||
export default {
|
||||
name: "udilnfoManageSpDetail",
|
||||
props: {
|
||||
detailQuery: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
checked: {
|
||||
type: Boolean,
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
sysList: [],
|
||||
detailList: [],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getDetailList() {
|
||||
let ttquery = {
|
||||
uuid: this.detailQuery.uuid
|
||||
};
|
||||
this.loading = true;
|
||||
filterByUuid(ttquery)
|
||||
.then((response) => {
|
||||
this.isUseDyCheck = false;
|
||||
this.loading = false;
|
||||
this.detailList = response.data || [];
|
||||
this.detailList.forEach((item, index, array) => {
|
||||
if (item.zxxsbzbhsydysl > 1) {
|
||||
this.isUseDyCheck = true;
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.detailList = [];
|
||||
});
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.getDetailList(this.detailQuery.id);
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.itemTag {
|
||||
float: left;
|
||||
text-align: right;
|
||||
margin-top: 5px;
|
||||
padding-right: 10px;
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 13px;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
|
||||
.query-form-item {
|
||||
display: block !important;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.edit-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.el-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.el-col {
|
||||
border-radius: 4px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.el-table .cell.el-tooltip {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.form-title {
|
||||
font-size: 16px;
|
||||
font-family: Noto Sans SC;
|
||||
font-weight: bold;
|
||||
color: #303133;
|
||||
padding-bottom: 17px;
|
||||
padding-top: 17px;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,452 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card>
|
||||
<el-form :model="conpanyUserQuery" class="query-form" label-width="120px">
|
||||
<el-row>
|
||||
<el-col :span="7">
|
||||
<el-form-item label="用户账号:" >
|
||||
<el-input v-model="conpanyUserQuery.userName" style="width: 100%" placeholder="请输入用户账号" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<!--<el-form-item label="状态:">-->
|
||||
<!-- <el-select v-model="query.userFlag" style="width: 100%" placeholder="请选择状态">-->
|
||||
<!-- <el-option label="全部" value=""></el-option>-->
|
||||
<!-- <el-option label="禁用" value="0"></el-option>-->
|
||||
<!-- <el-option label="正常" value="1"></el-option>-->
|
||||
<!-- <el-option label="未验证" value="2"></el-option>-->
|
||||
<!-- </el-select>-->
|
||||
<!--</el-form-item>-->
|
||||
</el-col>
|
||||
<!--
|
||||
<el-form-item class="query1-form-item">
|
||||
<el-select v-model="query.roleId" placeholder="角色">
|
||||
<el-option label="全部角色" value=""></el-option>
|
||||
<el-option v-for="item in companyUserRoles" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
-->
|
||||
<el-col :span="9">
|
||||
<el-form-item>
|
||||
<el-button-group style="display:flex;">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-refresh"
|
||||
@click="companyUserOnReset"
|
||||
>重置</el-button>
|
||||
<el-button type="primary" icon="search" @click="onCompanyUserSubmit"
|
||||
>查询</el-button
|
||||
>
|
||||
<el-button type="primary" @click.native="handleCompanyUserForm(null, null)"
|
||||
>新增</el-button>
|
||||
</el-button-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-table v-loading="loading" :data="companyUserList" style="width: 100%" border highlight-current-row>
|
||||
<el-table-column type="index" width="50"> </el-table-column>
|
||||
<el-table-column label="用户账号" prop="userName" > </el-table-column>
|
||||
<el-table-column label="系统负责人名称" prop="name" >
|
||||
</el-table-column>
|
||||
<el-table-column label="系统负责人电话" prop="tel" >
|
||||
</el-table-column>
|
||||
<el-table-column label="系统负责人qq" prop="qq" >
|
||||
</el-table-column>
|
||||
<el-table-column label="系统负责人微信" prop="weChat" >
|
||||
</el-table-column>
|
||||
<el-table-column label="系统负责人邮箱" prop="email" >
|
||||
</el-table-column>
|
||||
<el-table-column label="创建时间" prop="createTime" >
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column label="操作" >
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native="handleCompanyUserForm(scope.$index, scope.row)"
|
||||
>编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native="handleCompanyUserDel(scope.$index, scope.row)"
|
||||
>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="conpanyUserTotal>0"
|
||||
:total="conpanyUserTotal"
|
||||
:limit.sync="conpanyUserQuery.limit"
|
||||
:page.sync="conpanyUserQuery.page"
|
||||
@pagination="handleCurrentCompanyUserChange"
|
||||
></pagination>
|
||||
|
||||
<!--表单-->
|
||||
<el-dialog
|
||||
:title="formMap[formName]"
|
||||
:visible.sync="companyUserFormVisible"
|
||||
:before-close="hideCompanyUserForm"
|
||||
append-to-body
|
||||
:modal-append-to-body="false"
|
||||
:close-on-click-modal="false"
|
||||
width="60%"
|
||||
>
|
||||
<el-form :model="companyUserFormData" :rules="formRules" ref="dataCompanyUserForm" label-width="120px">
|
||||
<el-row >
|
||||
<el-col :span="11" >
|
||||
<el-form-item label="系统负责人名称" prop="name">
|
||||
<el-input
|
||||
v-model="companyUserFormData.name"
|
||||
style="width: 90%"
|
||||
size="small"
|
||||
clearable
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="11" >
|
||||
|
||||
<el-form-item label="用户账号" prop="userName">
|
||||
<el-input v-model="companyUserFormData.userName" size="small" style="width: 90%" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="11" >
|
||||
<el-form-item label="登录密码" prop="password">
|
||||
<el-input
|
||||
type="password"
|
||||
size="small"
|
||||
v-model="companyUserFormData.password"
|
||||
style="width: 90%"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
|
||||
</el-col>
|
||||
<el-col :span="11" >
|
||||
<el-form-item label="确认密码" prop="checkPassword">
|
||||
<el-input
|
||||
type="password"
|
||||
size="small"
|
||||
v-model="companyUserFormData.checkPassword"
|
||||
style="width: 90%"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="11" >
|
||||
<el-form-item label="系统负责人电话" prop="tel">
|
||||
<el-input
|
||||
size="small"
|
||||
v-model="companyUserFormData.tel"
|
||||
style="width: 90%"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
|
||||
</el-col>
|
||||
<el-col :span="11" >
|
||||
<el-form-item label="系统负责人qq" prop="qq">
|
||||
<el-input
|
||||
size="small"
|
||||
v-model="companyUserFormData.qq"
|
||||
style="width: 90%"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="11" >
|
||||
<el-form-item label="系统负责人微信" prop="weChat">
|
||||
<el-input
|
||||
size="small"
|
||||
v-model="companyUserFormData.weChat"
|
||||
style="width: 90%"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
|
||||
</el-col>
|
||||
<el-col :span="11" >
|
||||
<el-form-item label="系统负责人邮箱" prop="email">
|
||||
<el-input
|
||||
size="small"
|
||||
v-model="companyUserFormData.email"
|
||||
style="width: 90%"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click.native="hideCompanyUserForm" size="small">取消</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
@click.native="formCompanyUserSubmit()"
|
||||
:companyUserLoading="companyUserFormLoading"
|
||||
>提交</el-button
|
||||
>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { filterList ,updatePerSon,daletePerSon} from "@/api/sup/userPerson";
|
||||
|
||||
|
||||
const formJson = {
|
||||
id: "",
|
||||
userName: "",
|
||||
name: "",
|
||||
tel: "",
|
||||
qq: "",
|
||||
weChat: "",
|
||||
email: "",
|
||||
createTime: "",
|
||||
companyId:"",
|
||||
};
|
||||
export default {
|
||||
name: "currentCustomer",
|
||||
props: {
|
||||
currentCustomer: "",
|
||||
|
||||
closeCustomerDialog: {
|
||||
type: Function,
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
companyUserRoles: [],
|
||||
conpanyUserQuery: {
|
||||
userName: "",
|
||||
name: "",
|
||||
page: 1,
|
||||
limit: 20,
|
||||
tel: "",
|
||||
qq: "",
|
||||
weChat: "",
|
||||
email: "",
|
||||
createTime: "",
|
||||
companyId:"",
|
||||
},
|
||||
companyUserList: [],
|
||||
conpanyUserTotal: 0,
|
||||
companyUserLoading: true,
|
||||
index: null,
|
||||
formName: null,
|
||||
formMap: {
|
||||
add: "新增",
|
||||
edit: "编辑",
|
||||
},
|
||||
|
||||
userInfo: {
|
||||
customerId: "",
|
||||
userId: "",
|
||||
companyUserRoles: [],
|
||||
},
|
||||
companyUserFormLoading: false,
|
||||
companyUserFormVisible: false,
|
||||
companyUserFormData: formJson,
|
||||
formRules: {},
|
||||
addRules: {
|
||||
userName: [{ required: true, message: "请输入用户账号", trigger: "blur" }],
|
||||
password: [
|
||||
{ required: true, message: "请输入密码", trigger: "blur" },
|
||||
{ validator: validatePass, trigger: "blur" },
|
||||
],
|
||||
checkPassword: [
|
||||
{
|
||||
required: true,
|
||||
message: "请再次输入密码",
|
||||
trigger: "blur",
|
||||
},
|
||||
{ validator: validatePass2, trigger: "blur" },
|
||||
],
|
||||
},
|
||||
editRules: {
|
||||
userName: [{ required: true, message: "请输入姓名", trigger: "blur" }],
|
||||
password: [
|
||||
{ required: true, message: "请输入密码", trigger: "blur" },
|
||||
{ validator: validatePass, trigger: "blur" },
|
||||
],
|
||||
checkPassword: [
|
||||
{
|
||||
required: true,
|
||||
message: "请再次输入密码",
|
||||
trigger: "blur",
|
||||
},
|
||||
{ validator: validatePass2, trigger: "blur" },
|
||||
],
|
||||
},
|
||||
deleteLoading: false,
|
||||
currentCustomerId: this.$store.getters.customerId
|
||||
};
|
||||
let validatePass = (rule, value, callback) => {
|
||||
debugger
|
||||
if (value === "") {
|
||||
callback(new Error("请输入密码"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
let validatePass2 = (rule, value, callback) => {
|
||||
if (value === "") {
|
||||
callback(new Error("请再次输入密码"));
|
||||
} else if (value !== this.companyUserFormData.password) {
|
||||
callback(new Error("两次输入密码不一致!"));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
companyUserOnReset() {
|
||||
this.$router.push({
|
||||
path: "",
|
||||
});
|
||||
this.conpanyUserQuery = {
|
||||
userName: "",
|
||||
name: "",
|
||||
page: 1,
|
||||
limit: 20,
|
||||
tel: "",
|
||||
qq: "",
|
||||
weChat: "",
|
||||
email: "",
|
||||
createTime: "",
|
||||
companyId: this.currentCustomer,
|
||||
};
|
||||
this.getCompanyUserList();
|
||||
},
|
||||
onCompanyUserSubmit() {
|
||||
this.conpanyUserQuery.page = 1;
|
||||
this.getCompanyUserList();
|
||||
},
|
||||
handleCurrentCompanyUserChange(val) {
|
||||
this.conpanyUserQuery.page = val.page;
|
||||
this.getCompanyUserList();
|
||||
},
|
||||
getCompanyUserList() {
|
||||
this.companyUserLoading = true;
|
||||
filterList(this.conpanyUserQuery)
|
||||
.then((response) => {
|
||||
this.companyUserLoading = false;
|
||||
this.companyUserList = response.data.list || [];
|
||||
this.conpanyUserTotal = response.data.total || 0;
|
||||
})
|
||||
.catch(() => {
|
||||
this.companyUserLoading = false;
|
||||
this.companyUserList = [];
|
||||
this.conpanyUserTotal = 0;
|
||||
this.companyUserRoles = [];
|
||||
});
|
||||
},
|
||||
|
||||
// 刷新表单
|
||||
resetCompanyUserForm() {
|
||||
if (this.$refs["dataCompanyUserForm"]) {
|
||||
// 清空验证信息表单
|
||||
this.$refs["dataCompanyUserForm"].clearValidate();
|
||||
// 刷新表单
|
||||
this.$refs["dataCompanyUserForm"].resetFields();
|
||||
}
|
||||
},
|
||||
|
||||
// 隐藏表单
|
||||
hideCompanyUserForm() {
|
||||
// 更改值
|
||||
this.companyUserFormVisible = !this.companyUserFormVisible;
|
||||
// 清空表单
|
||||
this.$refs["dataCompanyUserForm"].resetFields();
|
||||
return true;
|
||||
},
|
||||
|
||||
// 显示表单
|
||||
handleCompanyUserForm(index, row) {
|
||||
this.companyUserFormVisible = true;
|
||||
|
||||
this.companyUserFormData = JSON.parse(JSON.stringify(formJson));
|
||||
if (row !== null) {
|
||||
this.companyUserFormData = Object.assign({}, row);
|
||||
}
|
||||
this.formName = "add";
|
||||
this.formRules = this.addRules;
|
||||
if (index !== null) {
|
||||
this.index = index;
|
||||
this.formName = "edit";
|
||||
this.formRules = this.editRules;
|
||||
}
|
||||
},
|
||||
|
||||
formCompanyUserSubmit() {
|
||||
this.$refs["dataCompanyUserForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
updatePerSon(this.companyUserFormData)
|
||||
.then((res) => {
|
||||
if (res.code == 20000) {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "提交成功！",
|
||||
});
|
||||
this.closeCustomerDialog();
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
},
|
||||
// 删除
|
||||
handleCompanyUserDel(index, row) {
|
||||
this.$confirm("是否删除?", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
}).then(()=>{
|
||||
let param={
|
||||
id:row.id
|
||||
}
|
||||
daletePerSon(param)
|
||||
.then((res)=>{
|
||||
if(res.code == 20000){
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "删除成功！",
|
||||
});
|
||||
}
|
||||
this.closeCustomerDialog();
|
||||
})
|
||||
|
||||
|
||||
}).catch(()=>{
|
||||
|
||||
})
|
||||
|
||||
|
||||
|
||||
},
|
||||
},
|
||||
|
||||
|
||||
created() {
|
||||
this.conpanyUserQuery.companyId = this.currentCustomer;
|
||||
this.getCompanyUserList();
|
||||
},
|
||||
|
||||
};
|
||||
</script>
|
||||
|
||||
<style type="text/scss" lang="scss">
|
||||
</style>
|
||||
Loading…
Reference in New Issue