Merge branch 'duhanyu' of http://39.101.188.84:8000/suzhou-jichuang-lanhai/LiaoNingDangAn
commit
4a06e66bd8
@ -0,0 +1,18 @@
|
|||||||
|
import request from "@/utils/request2";
|
||||||
|
export default {
|
||||||
|
//分页条件查询器械品种
|
||||||
|
apparatusList(query) {
|
||||||
|
return request({
|
||||||
|
url: "/pharmaceuticals/ylqxJnyelcp",
|
||||||
|
method: "GET",
|
||||||
|
params: query,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//通过注册证编号查询单条器械品种数据
|
||||||
|
// apparatusGet(zczh) {
|
||||||
|
// return request({
|
||||||
|
// url: `/pharmaceuticals/ylqxJnyelcp/${zczh}`,
|
||||||
|
// method: "GET",
|
||||||
|
// });
|
||||||
|
// },
|
||||||
|
}
|
||||||
@ -1,6 +1,8 @@
|
|||||||
import toLogin from "./archives/toLogin";
|
import toLogin from "./archives/toLogin";
|
||||||
import cosmetics from "./archives/cosmetics";
|
import cosmetics from "./archives/cosmetics";
|
||||||
|
import apparatus from "./apparatus";
|
||||||
export default {
|
export default {
|
||||||
toLogin,
|
toLogin,
|
||||||
cosmetics
|
cosmetics,
|
||||||
|
apparatus
|
||||||
};
|
};
|
||||||
@ -1,45 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<el-descriptions class="margin-top" :column="2" border>
|
|
||||||
<el-descriptions-item v-for="(item, index) in descriptionsList" :key="index" :span="item.span">
|
|
||||||
<template slot="label"> {{ item.label }} </template>
|
|
||||||
{{ item.value }}
|
|
||||||
</el-descriptions-item>
|
|
||||||
</el-descriptions>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
|
|
||||||
// list2: {
|
|
||||||
// asd: 123123213,
|
|
||||||
// idsd: "hahhah",
|
|
||||||
// },
|
|
||||||
};
|
|
||||||
},
|
|
||||||
props: {
|
|
||||||
descriptionsList: {
|
|
||||||
type: Array,
|
|
||||||
default: [],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
methods: {},
|
|
||||||
created() {
|
|
||||||
// for (let key in this.list2) {
|
|
||||||
// this.list1.forEach((values, index) => {
|
|
||||||
// if (values.data === key) {
|
|
||||||
// this.list1[index].value = this.list2[key];
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.margin-top {
|
|
||||||
margin: 15px 0;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
@ -1,50 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<div class="header--title">
|
|
||||||
<div class="title--left">
|
|
||||||
<div class="line"></div>
|
|
||||||
<div class="title">{{ header }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {};
|
|
||||||
},
|
|
||||||
props: {
|
|
||||||
header: {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
methods: {},
|
|
||||||
created() {},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.headerText {
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
.header--title {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
.title--left {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
.line {
|
|
||||||
width: 4px;
|
|
||||||
height: 16px;
|
|
||||||
background: #1e80eb;
|
|
||||||
margin-right: 8px;
|
|
||||||
}
|
|
||||||
.title {
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #1e80eb;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,476 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<el-dialog
|
|
||||||
title="提示"
|
|
||||||
:visible.sync="dialogVisible"
|
|
||||||
width="75%"
|
|
||||||
:close-on-click-modal="true"
|
|
||||||
:destroy-on-close="true"
|
|
||||||
:append-to-body="true"
|
|
||||||
>
|
|
||||||
<div slot="title" class="headerText">详情</div>
|
|
||||||
<div>
|
|
||||||
<headerTitle header="基本信息"></headerTitle>
|
|
||||||
<descriptions :descriptionsList="list1"></descriptions>
|
|
||||||
<headerTitle header="被抽样单位信息"></headerTitle>
|
|
||||||
<descriptions :descriptionsList="list2"></descriptions>
|
|
||||||
<headerTitle header="样品基本信息"></headerTitle>
|
|
||||||
<descriptions :descriptionsList="list3"></descriptions>
|
|
||||||
<headerTitle header="受托生产企业信息"></headerTitle>
|
|
||||||
<descriptions :descriptionsList="list4"></descriptions>
|
|
||||||
<headerTitle header="抽样单位信息"></headerTitle>
|
|
||||||
<descriptions :descriptionsList="list5"></descriptions>
|
|
||||||
<headerTitle header="检验信息"></headerTitle>
|
|
||||||
<div class="lastBox">
|
|
||||||
<button>初检</button>
|
|
||||||
<el-descriptions class="margin-top" :column="2" border>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label"> 报告书编号</template>
|
|
||||||
xxxxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label"> 检验类型</template>
|
|
||||||
xxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label"> 检验依据 </template>
|
|
||||||
xxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label"> 检验项目 </template>
|
|
||||||
<el-table
|
|
||||||
v-loading="loading"
|
|
||||||
:data="tableList"
|
|
||||||
border
|
|
||||||
:stripe="false"
|
|
||||||
>
|
|
||||||
<el-table-column type="index" label="序号" width="55" />
|
|
||||||
<el-table-column label="大类" prop="name" />
|
|
||||||
<el-table-column label="检验项目" prop="type">
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column label="备注" prop="num" />
|
|
||||||
<el-table-column label="检验结果" prop="enterpriseName" />
|
|
||||||
<el-table-column label="检验结论" prop="enterpriseName">
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label">检验报告书结论</template>
|
|
||||||
xxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label">报告附件</template>
|
|
||||||
<div class="fileBox">
|
|
||||||
<span>
|
|
||||||
<i class="el-icon-s-marketing"></i>
|
|
||||||
</span>
|
|
||||||
<div>A项目检验报告.doc</div>
|
|
||||||
<div class="file-icon">
|
|
||||||
<i class="el-icon-download"></i>
|
|
||||||
下载
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label">签发日期</template>
|
|
||||||
xxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label">检验单位</template>
|
|
||||||
xxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
</el-descriptions>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import headerTitle from "./components/headerTitle";
|
|
||||||
import descriptions from "./components/descriptions";
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
dialogVisible: false,
|
|
||||||
loading: false,
|
|
||||||
tableList: [
|
|
||||||
{
|
|
||||||
name: "辽宁护肤霜",
|
|
||||||
type: "化妆品",
|
|
||||||
num: "1231231231231",
|
|
||||||
enterpriseName: "xxxx有限公司",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "辽宁护肤霜",
|
|
||||||
type: "药品",
|
|
||||||
num: "1231231231231",
|
|
||||||
enterpriseName: "xxxx有限公司",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "辽宁护肤霜",
|
|
||||||
type: "医疗器械",
|
|
||||||
num: "1231231231231",
|
|
||||||
enterpriseName: "xxxx有限公司",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "辽宁护肤霜",
|
|
||||||
type: "化妆品",
|
|
||||||
num: "1231231231231",
|
|
||||||
enterpriseName: "xxxx有限公司",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "辽宁护肤霜",
|
|
||||||
type: "医疗器械",
|
|
||||||
num: "1231231231231",
|
|
||||||
enterpriseName: "xxxx有限公司",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "辽宁护肤霜",
|
|
||||||
type: "化妆品",
|
|
||||||
num: "1231231231231",
|
|
||||||
enterpriseName: "xxxx有限公司",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
//基本信息
|
|
||||||
list1: [
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "计划名称",
|
|
||||||
value: "",
|
|
||||||
data: "asd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "抽样单号编号",
|
|
||||||
value: "",
|
|
||||||
data: "idsd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "抽样环节",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "抽样时间",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
//被抽样单位信息
|
|
||||||
list2: [
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "被抽样单位名称",
|
|
||||||
value: "",
|
|
||||||
data: "asd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "统一社会信用代码",
|
|
||||||
value: "",
|
|
||||||
data: "idsd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "地区（市、州、盟）",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "县 (市、区)",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 2,
|
|
||||||
label: "详细地址",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "法定代表人/主要负责人",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "联系人 ",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "抽样地点性质",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "电话 ",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
//样品基本信息
|
|
||||||
list3: [
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "样品通用名称",
|
|
||||||
value: "",
|
|
||||||
data: "asd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "生产日期",
|
|
||||||
value: "",
|
|
||||||
data: "idsd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "样品批号",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "药品来源",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "有效期限",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "制剂类型",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "制剂规格 ",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "药品细类",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "药品大类 ",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "样品贮存相对温度",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "药品贮存温度",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "是否基药",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 2,
|
|
||||||
label: "是否国家药品集中招标采购中标品种",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "进口分包装企业",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "进口分包装批号",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
//受托生产企业信息
|
|
||||||
list4: [
|
|
||||||
{
|
|
||||||
span: 2,
|
|
||||||
label: "选择涉及主体",
|
|
||||||
value: "",
|
|
||||||
data: "asd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "委托单位企业名称1",
|
|
||||||
value: "",
|
|
||||||
data: "asd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "委托单位企业地址1",
|
|
||||||
value: "",
|
|
||||||
data: "asd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "委托单位企业名称1",
|
|
||||||
value: "",
|
|
||||||
data: "asd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "委托单位企业地址1",
|
|
||||||
value: "",
|
|
||||||
data: "asd",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
//抽样单位信息
|
|
||||||
list5: [
|
|
||||||
{
|
|
||||||
span: 2,
|
|
||||||
label: "抽样单位名称",
|
|
||||||
value: "",
|
|
||||||
data: "asd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "地区（市、州、盟）",
|
|
||||||
value: "",
|
|
||||||
data: "asd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "县（市、区）",
|
|
||||||
value: "",
|
|
||||||
data: "asd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 2,
|
|
||||||
label: "详细地址",
|
|
||||||
value: "",
|
|
||||||
data: "asd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "电话",
|
|
||||||
value: "",
|
|
||||||
data: "asd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "联系人",
|
|
||||||
value: "",
|
|
||||||
data: "asd",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "备注（需要其他说明的情况）",
|
|
||||||
value: "",
|
|
||||||
data: "asd",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
components: {
|
|
||||||
descriptions,
|
|
||||||
headerTitle,
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
open() {
|
|
||||||
this.dialogVisible = true;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
::v-deep .el-dialog__header {
|
|
||||||
background: #f8f9fa;
|
|
||||||
}
|
|
||||||
.headerText {
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
.header--title {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
.title--left {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
.line {
|
|
||||||
width: 4px;
|
|
||||||
height: 16px;
|
|
||||||
background: #1e80eb;
|
|
||||||
margin-right: 8px;
|
|
||||||
}
|
|
||||||
.title {
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #1e80eb;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .el-descriptions-row > th {
|
|
||||||
width: 20%;
|
|
||||||
background: #f5f7fa;
|
|
||||||
color: #292f38;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
::v-deep .el-descriptions-row > td {
|
|
||||||
width: 30%;
|
|
||||||
}
|
|
||||||
.lastBox {
|
|
||||||
width: 100%;
|
|
||||||
margin-top:15px;
|
|
||||||
border: 1px dashed #dee2ee;
|
|
||||||
button {
|
|
||||||
background: #1e80eb;
|
|
||||||
font-size:14px;
|
|
||||||
padding:4px 14px;
|
|
||||||
color: #fff;
|
|
||||||
border: none;
|
|
||||||
border-radius: 0px 0px 15px 0px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.margin-top{
|
|
||||||
margin: 20px;
|
|
||||||
}
|
|
||||||
::v-deep .lastBox .el-descriptions-row > td {
|
|
||||||
width: 80%;
|
|
||||||
}
|
|
||||||
::v-deep .el-dialog:not(.is-fullscreen) {
|
|
||||||
margin-bottom: 1vh !important;
|
|
||||||
}
|
|
||||||
.fileBox {
|
|
||||||
margin-top: 8px;
|
|
||||||
display: flex;
|
|
||||||
color: #333;
|
|
||||||
cursor: pointer;
|
|
||||||
& > span {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
.file-icon {
|
|
||||||
color: #02d1a6;
|
|
||||||
margin-left: 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,531 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<el-dialog
|
|
||||||
title="提示"
|
|
||||||
:visible.sync="dialogVisible"
|
|
||||||
width="75%"
|
|
||||||
:close-on-click-modal="true"
|
|
||||||
:destroy-on-close="true"
|
|
||||||
:append-to-body="true"
|
|
||||||
>
|
|
||||||
<div slot="title" class="headerText">详情</div>
|
|
||||||
<div>
|
|
||||||
<headerTitle header="基本信息"></headerTitle>
|
|
||||||
<descriptions :descriptionsList="list1"></descriptions>
|
|
||||||
<headerTitle header="被抽样单位信息"></headerTitle>
|
|
||||||
<descriptions :descriptionsList="list2"></descriptions>
|
|
||||||
<headerTitle header="样品基本信息"></headerTitle>
|
|
||||||
<descriptions :descriptionsList="list3"></descriptions>
|
|
||||||
<headerTitle
|
|
||||||
header="标示注册人/备案人/受托生产企业等信息"
|
|
||||||
></headerTitle>
|
|
||||||
<descriptions :descriptionsList="list4"></descriptions>
|
|
||||||
<headerTitle header="抽样单位信息"></headerTitle>
|
|
||||||
<descriptions :descriptionsList="list5"></descriptions>
|
|
||||||
<headerTitle header="检验信息"></headerTitle>
|
|
||||||
<div class="lastBox">
|
|
||||||
<el-descriptions class="margin-top" :column="2" border>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label"> 检验机构名称</template>
|
|
||||||
xxxxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label"> 是否合格 </template>
|
|
||||||
xxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label"> 不合格项目类型 </template>
|
|
||||||
xxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label"> 不合格项目详情 </template>
|
|
||||||
xxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label">检验结果 </template>
|
|
||||||
xxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label">结果单位 </template>
|
|
||||||
xxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label">判定依据 </template>
|
|
||||||
xxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label">检验依据 </template>
|
|
||||||
xxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label">限值规定 </template>
|
|
||||||
xxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label">检验报告 </template>
|
|
||||||
<div class="fileBox">
|
|
||||||
<span>
|
|
||||||
<i class="el-icon-s-marketing"></i>
|
|
||||||
</span>
|
|
||||||
<div>A项目检验报告.doc</div>
|
|
||||||
<div class="file-icon">
|
|
||||||
<i class="el-icon-download"></i>
|
|
||||||
下载
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="fileBox">
|
|
||||||
<span>
|
|
||||||
<i class="el-icon-s-marketing"></i>
|
|
||||||
</span>
|
|
||||||
<div>A项目检验报告.doc</div>
|
|
||||||
<div class="file-icon">
|
|
||||||
<i class="el-icon-download"></i>
|
|
||||||
下载
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="fileBox">
|
|
||||||
<span>
|
|
||||||
<i class="el-icon-s-marketing"></i>
|
|
||||||
</span>
|
|
||||||
<div>A项目检验报告.doc</div>
|
|
||||||
<div class="file-icon">
|
|
||||||
<i class="el-icon-download"></i>
|
|
||||||
下载
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-descriptions-item>
|
|
||||||
<el-descriptions-item :span="2">
|
|
||||||
<template slot="label">备注 </template>
|
|
||||||
xxxxxxxxxxxxx
|
|
||||||
</el-descriptions-item>
|
|
||||||
</el-descriptions>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import headerTitle from "./components/headerTitle";
|
|
||||||
import descriptions from "./components/descriptions";
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
dialogVisible: false,
|
|
||||||
//基本信息
|
|
||||||
list1: [
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "计划名称",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "抽样单号编号",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "抽样时间",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "任务来源",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 2,
|
|
||||||
label: "抽样地点性质",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
//被抽样单位信息
|
|
||||||
list2: [
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "被抽样单位名称",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "统一社会信用代码 ",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "地区（市、州、盟）",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "县 (市、区)",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 2,
|
|
||||||
label: "详细地址",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "联系人",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "电话",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
//样品基本信息
|
|
||||||
list3: [
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "样品通用名称",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "样品类别",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "样品批号",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "生产日期",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "有效期限",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "抽样数量",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "包装规格",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "保质期 ",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "注册证编号/备案编号",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "进口分包装企业",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "进口分包装批号",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "现场结算",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "单价",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "总价",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "实际总价",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "保存条件",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "是否进口",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "原产地",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "生产/进货数量",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
//标示注册人/备案人/受托生产企业等信息
|
|
||||||
list4: [
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "注册人/备案人所属省份",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "注册人/备案人名称",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "注册/备案人地址",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "境内责任人所属省份",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "境内责任人名称",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "境内责任人地址",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "受托生产企业所属省份",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "受托生产企业名称",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "受托生产企业地址",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "委托单位所属省份",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "委托单位名称",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "委托单位地址",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "生产企业/代理商所属省份",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "生产企业/代理商名称",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "生产企业/代理商地址",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "是否进口",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "样品进口地区",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
//抽样单位信息
|
|
||||||
list5: [
|
|
||||||
{
|
|
||||||
span: 2,
|
|
||||||
label: "抽样单位名称",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 2,
|
|
||||||
label: "地区（市、州、盟）",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "抽样人",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "电话",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "抽样人",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "电话",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
span: 1,
|
|
||||||
label: "备注",
|
|
||||||
value: "",
|
|
||||||
data: "",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
components: {
|
|
||||||
descriptions,
|
|
||||||
headerTitle,
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
open() {
|
|
||||||
this.dialogVisible = true;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
::v-deep .el-dialog__header {
|
|
||||||
background: #f8f9fa;
|
|
||||||
}
|
|
||||||
.headerText {
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
.header--title {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
.title--left {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
.line {
|
|
||||||
width: 4px;
|
|
||||||
height: 16px;
|
|
||||||
background: #1e80eb;
|
|
||||||
margin-right: 8px;
|
|
||||||
}
|
|
||||||
.title {
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #1e80eb;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.margin-top {
|
|
||||||
margin: 15px 0;
|
|
||||||
}
|
|
||||||
::v-deep .el-descriptions-row > th {
|
|
||||||
width: 18%;
|
|
||||||
background: #f5f7fa;
|
|
||||||
color: #292f38;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
::v-deep .el-descriptions-row > td {
|
|
||||||
width: 32%;
|
|
||||||
}
|
|
||||||
::v-deep .lastBox .el-descriptions-row > td {
|
|
||||||
width: 82%;
|
|
||||||
}
|
|
||||||
::v-deep .el-dialog:not(.is-fullscreen) {
|
|
||||||
margin-bottom: 1vh !important;
|
|
||||||
}
|
|
||||||
.fileBox {
|
|
||||||
margin: 8px 0;
|
|
||||||
display: flex;
|
|
||||||
color: #333;
|
|
||||||
cursor: pointer;
|
|
||||||
& > span {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
.file-icon {
|
|
||||||
color: #02d1a6;
|
|
||||||
margin-left: 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,98 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="dashboard-editor-container">
|
|
||||||
|
|
||||||
<panel-group @handleSetLineChartData="handleSetLineChartData" />
|
|
||||||
|
|
||||||
<el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
|
|
||||||
<line-chart :chart-data="lineChartData" />
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-row :gutter="32">
|
|
||||||
<el-col :xs="24" :sm="24" :lg="8">
|
|
||||||
<div class="chart-wrapper">
|
|
||||||
<raddar-chart />
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
<el-col :xs="24" :sm="24" :lg="8">
|
|
||||||
<div class="chart-wrapper">
|
|
||||||
<pie-chart />
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
<el-col :xs="24" :sm="24" :lg="8">
|
|
||||||
<div class="chart-wrapper">
|
|
||||||
<bar-chart />
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import PanelGroup from './dashboard/PanelGroup'
|
|
||||||
import LineChart from './dashboard/LineChart'
|
|
||||||
import RaddarChart from './dashboard/RaddarChart'
|
|
||||||
import PieChart from './dashboard/PieChart'
|
|
||||||
import BarChart from './dashboard/BarChart'
|
|
||||||
|
|
||||||
const lineChartData = {
|
|
||||||
newVisitis: {
|
|
||||||
expectedData: [100, 120, 161, 134, 105, 160, 165],
|
|
||||||
actualData: [120, 82, 91, 154, 162, 140, 145]
|
|
||||||
},
|
|
||||||
messages: {
|
|
||||||
expectedData: [200, 192, 120, 144, 160, 130, 140],
|
|
||||||
actualData: [180, 160, 151, 106, 145, 150, 130]
|
|
||||||
},
|
|
||||||
purchases: {
|
|
||||||
expectedData: [80, 100, 121, 104, 105, 90, 100],
|
|
||||||
actualData: [120, 90, 100, 138, 142, 130, 130]
|
|
||||||
},
|
|
||||||
shoppings: {
|
|
||||||
expectedData: [130, 140, 141, 142, 145, 150, 160],
|
|
||||||
actualData: [120, 82, 91, 154, 162, 140, 130]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'Index',
|
|
||||||
components: {
|
|
||||||
PanelGroup,
|
|
||||||
LineChart,
|
|
||||||
RaddarChart,
|
|
||||||
PieChart,
|
|
||||||
BarChart
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
lineChartData: lineChartData.newVisitis
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
handleSetLineChartData(type) {
|
|
||||||
this.lineChartData = lineChartData[type]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.dashboard-editor-container {
|
|
||||||
padding: 32px;
|
|
||||||
background-color: rgb(240, 242, 245);
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.chart-wrapper {
|
|
||||||
background: #fff;
|
|
||||||
padding: 16px 16px 0;
|
|
||||||
margin-bottom: 32px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width:1024px) {
|
|
||||||
.chart-wrapper {
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Loading…
Reference in new issue