|
|
|
|
@ -9,52 +9,39 @@
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="7">
|
|
|
|
|
<el-form-item label="产品名称">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="form1.cpmc"
|
|
|
|
|
placeholder="请输入产品名称"
|
|
|
|
|
></el-input>
|
|
|
|
|
<el-input v-model="form1.cpmc" placeholder="请输入产品名称"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="7">
|
|
|
|
|
<el-form-item label="产品类别">
|
|
|
|
|
<el-select v-model="form1.cplb" placeholder="请选择产品类别">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in options"
|
|
|
|
|
:key="item.value"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:value="item.label"
|
|
|
|
|
>
|
|
|
|
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.label">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="7">
|
|
|
|
|
<el-form-item label="生产企业">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="form1.scqy"
|
|
|
|
|
placeholder="请输入生产企业"
|
|
|
|
|
></el-input>
|
|
|
|
|
<el-input v-model="form1.scqy" placeholder="请输入生产企业"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="7">
|
|
|
|
|
<el-form-item label="注册证编号或备案编号">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="form1.zczh"
|
|
|
|
|
placeholder="请输入注册证编号或备案编号"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<div class="logformitem">
|
|
|
|
|
<el-form-item label="注册证编号或备案编号">
|
|
|
|
|
<el-input v-model="form1.zczh" placeholder="请输入注册证编号或备案编号"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<div class="footBox">
|
|
|
|
|
<el-button icon="el-icon-refresh-left" @click="reset">重置</el-button>
|
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="searchList">查询</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</el-form>
|
|
|
|
|
<div class="footBox">
|
|
|
|
|
<el-button icon="el-icon-refresh-left" @click="reset">重置</el-button>
|
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="searchList"
|
|
|
|
|
>查询</el-button
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tabsBottom">
|
|
|
|
|
<div class="foot-main">
|
|
|
|
|
@ -62,82 +49,31 @@
|
|
|
|
|
<div class="searchP">产品列表</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="exportBtn">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
icon="el-icon-edit-outline"
|
|
|
|
|
@click="exportList()"
|
|
|
|
|
>导出</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button type="primary" icon="el-icon-edit-outline" @click="exportList()">导出</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<section class="table-box">
|
|
|
|
|
<div class="table-item">
|
|
|
|
|
<el-table
|
|
|
|
|
v-loading="loading"
|
|
|
|
|
:data="tableData"
|
|
|
|
|
border
|
|
|
|
|
height="43vh"
|
|
|
|
|
align="center"
|
|
|
|
|
>
|
|
|
|
|
<el-table v-loading="loading" :data="tableData" border height="43vh" align="center">
|
|
|
|
|
<el-table-column type="selection" width="35" align="center" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
type="index"
|
|
|
|
|
label="序号"
|
|
|
|
|
align="center"
|
|
|
|
|
width="50"
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column type="index" label="序号" align="center" width="50" />
|
|
|
|
|
<el-table-column label="产品名称" prop="cpmc" align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="产品类型"
|
|
|
|
|
prop="cplx"
|
|
|
|
|
align="center"
|
|
|
|
|
width="100"
|
|
|
|
|
></el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="生产企业"
|
|
|
|
|
prop="zcsqr"
|
|
|
|
|
align="center"
|
|
|
|
|
></el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="产品管理类别"
|
|
|
|
|
prop="cplb"
|
|
|
|
|
align="center"
|
|
|
|
|
width="100"
|
|
|
|
|
></el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="注册证编号/备案编号"
|
|
|
|
|
prop="zczh"
|
|
|
|
|
align="center"
|
|
|
|
|
width="200"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column label="产品类型" prop="cplx" align="center" width="100"></el-table-column>
|
|
|
|
|
<el-table-column label="生产企业" prop="zcsqr" align="center"></el-table-column>
|
|
|
|
|
<el-table-column label="产品管理类别" prop="cplb" align="center" width="100"></el-table-column>
|
|
|
|
|
<el-table-column label="注册证编号/备案编号" prop="zczh" align="center" width="200">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="操作"
|
|
|
|
|
class-name="small-padding fixed-width"
|
|
|
|
|
width="120"
|
|
|
|
|
align="center"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column label="操作" class-name="small-padding fixed-width" width="120" align="center">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
plain
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="toDetail(scope.row)"
|
|
|
|
|
>详情</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button size="mini" plain type="primary" @click="toDetail(scope.row)">详情</el-button>
|
|
|
|
|
<!-- <el-button size="mini" plain type="warning">编辑</el-button> -->
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<pagination
|
|
|
|
|
:total="total"
|
|
|
|
|
:page="form.current"
|
|
|
|
|
:limit="form.size"
|
|
|
|
|
@pagination="getPagination"
|
|
|
|
|
:current-page.sync="form.current"
|
|
|
|
|
></pagination>
|
|
|
|
|
<pagination :total="total" :page="form.current" :limit="form.size" @pagination="getPagination"
|
|
|
|
|
:current-page.sync="form.current"></pagination>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-dialog title="提示" :visible.sync="showCK" width="30%">
|
|
|
|
|
@ -190,7 +126,7 @@ export default {
|
|
|
|
|
src: "",
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
mounted() {},
|
|
|
|
|
mounted() { },
|
|
|
|
|
created() {
|
|
|
|
|
this.chinaCosmetics();
|
|
|
|
|
},
|
|
|
|
|
@ -203,23 +139,23 @@ export default {
|
|
|
|
|
background: "rgba(0, 0, 0, 0.7)",
|
|
|
|
|
});
|
|
|
|
|
dcylqx(this.form1).then((res) => {
|
|
|
|
|
const blob = new Blob([res],{type:res.type});
|
|
|
|
|
const blob = new Blob([res], { type: res.type });
|
|
|
|
|
const link = document.createElement("a");
|
|
|
|
|
link.style.display = 'none'
|
|
|
|
|
link.href = window.URL.createObjectURL(blob);
|
|
|
|
|
link.download = "医疗器械"+ '.xlsx';
|
|
|
|
|
link.download = "医疗器械" + '.xlsx';
|
|
|
|
|
link.click();
|
|
|
|
|
this.loadA.close();
|
|
|
|
|
this.$message({
|
|
|
|
|
type: "success",
|
|
|
|
|
message: "导出成功",
|
|
|
|
|
});
|
|
|
|
|
}) .catch((err) => {
|
|
|
|
|
this.$message({
|
|
|
|
|
type: "info",
|
|
|
|
|
message: "导出失败",
|
|
|
|
|
});
|
|
|
|
|
}).catch((err) => {
|
|
|
|
|
this.$message({
|
|
|
|
|
type: "info",
|
|
|
|
|
message: "导出失败",
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
closeDC() {
|
|
|
|
|
this.showCK = false;
|
|
|
|
|
@ -229,13 +165,10 @@ export default {
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
exportList() {
|
|
|
|
|
this.src = `确定导出${
|
|
|
|
|
this.form1.cpmc ? `产品名称为${this.form1.cpmc}、` : ""
|
|
|
|
|
}${this.form1.cplb ? `产品类别为${this.form1.cplb}、` : ""}${
|
|
|
|
|
this.form1.scqy ? `生产企业为${this.form1.scqy}、` : ""
|
|
|
|
|
}${
|
|
|
|
|
this.form1.zczh ? `注册证编号或备案编号为${this.form1.zczh}、` : ""
|
|
|
|
|
}数据吗?`;
|
|
|
|
|
this.src = `确定导出${this.form1.cpmc ? `产品名称为${this.form1.cpmc}、` : ""
|
|
|
|
|
}${this.form1.cplb ? `产品类别为${this.form1.cplb}、` : ""}${this.form1.scqy ? `生产企业为${this.form1.scqy}、` : ""
|
|
|
|
|
}${this.form1.zczh ? `注册证编号或备案编号为${this.form1.zczh}、` : ""
|
|
|
|
|
}数据吗?`;
|
|
|
|
|
this.showCK = true;
|
|
|
|
|
},
|
|
|
|
|
jieliuFunc() {
|
|
|
|
|
@ -303,12 +236,15 @@ export default {
|
|
|
|
|
::v-deep .el-dialog:not(.is-fullscreen) {
|
|
|
|
|
margin-top: 30vh !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-dialog__body {
|
|
|
|
|
padding: 15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-select {
|
|
|
|
|
width: 100% !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.container {
|
|
|
|
|
height: 100%;
|
|
|
|
|
// overflow: auto;
|
|
|
|
|
@ -321,9 +257,11 @@ export default {
|
|
|
|
|
color: #323233;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
|
|
|
|
.searchP {
|
|
|
|
|
position: relative;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
&::before {
|
|
|
|
|
content: "";
|
|
|
|
|
width: 78px;
|
|
|
|
|
@ -334,23 +272,28 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tabs {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 30%;
|
|
|
|
|
background: #fff;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//===================
|
|
|
|
|
::v-deep .el-button--medium {
|
|
|
|
|
padding: 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.footBox {
|
|
|
|
|
width: 100%;
|
|
|
|
|
text-align: center;
|
|
|
|
|
width: 87.5%;
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tabsBottom {
|
|
|
|
|
height: 70%;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
|
|
|
|
|
.foot-main {
|
|
|
|
|
height: 100%;
|
|
|
|
|
// min-height: 600px;
|
|
|
|
|
@ -358,23 +301,34 @@ export default {
|
|
|
|
|
background: white;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.exportBtn {
|
|
|
|
|
padding: 10px 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table-box {
|
|
|
|
|
padding: 0 20px;
|
|
|
|
|
.table-item {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table-item {}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.pagination {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
padding: 15px 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep.el-table--medium .el-table__cell {
|
|
|
|
|
padding: 5.3px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-table {
|
|
|
|
|
overflow: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .logformitem {
|
|
|
|
|
.el-form-item__label {
|
|
|
|
|
line-height: 25px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
