|
|
@ -9,28 +9,28 @@
|
|
|
|
<el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-col :span="7">
|
|
|
|
<el-col :span="7">
|
|
|
|
<el-form-item label="产品名称">
|
|
|
|
<el-form-item label="产品名称">
|
|
|
|
<el-input v-model="form1.cpmc"></el-input>
|
|
|
|
<el-input v-model="form1.cpmc" placeholder="请输入"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="7">
|
|
|
|
<el-col :span="7">
|
|
|
|
<el-form-item label="备案编号">
|
|
|
|
<el-form-item label="备案编号">
|
|
|
|
<el-input v-model="form1.babm"></el-input>
|
|
|
|
<el-input v-model="form1.babm" placeholder="请输入"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="7">
|
|
|
|
<el-col :span="7">
|
|
|
|
<el-form-item label="生产企业">
|
|
|
|
<el-form-item label="生产企业">
|
|
|
|
<el-input v-model="form1.scqy"></el-input>
|
|
|
|
<el-input v-model="form1.scqy" placeholder="请输入"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-col :span="7">
|
|
|
|
<el-col :span="7">
|
|
|
|
<el-form-item label="注册证编号">
|
|
|
|
<el-form-item label="注册证编号">
|
|
|
|
<el-input v-model="form1.name"></el-input>
|
|
|
|
<el-input v-model="form1.name" placeholder="请输入"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="7">
|
|
|
|
<el-col :span="7">
|
|
|
|
<el-form-item label="化妆品类型">
|
|
|
|
<el-form-item label="化妆品类型" placeholder="请输入">
|
|
|
|
<el-select
|
|
|
|
<el-select
|
|
|
|
v-model="types"
|
|
|
|
v-model="types"
|
|
|
|
placeholder="请选择化妆品类型"
|
|
|
|
placeholder="请选择化妆品类型"
|
|
|
@ -69,10 +69,10 @@
|
|
|
|
v-loading="loading"
|
|
|
|
v-loading="loading"
|
|
|
|
:data="tableData"
|
|
|
|
:data="tableData"
|
|
|
|
border
|
|
|
|
border
|
|
|
|
height="300"
|
|
|
|
height="43vh"
|
|
|
|
:stripe="false"
|
|
|
|
:stripe="false"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
|
<el-table-column type="selection" width="35" align="center" />
|
|
|
|
<el-table-column
|
|
|
|
<el-table-column
|
|
|
|
type="index"
|
|
|
|
type="index"
|
|
|
|
label="序号"
|
|
|
|
label="序号"
|
|
|
@ -84,12 +84,12 @@
|
|
|
|
{{ scope.row.mc || scope.row.cpmc }}
|
|
|
|
{{ scope.row.mc || scope.row.cpmc }}
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column :label="A2" align="center">
|
|
|
|
<el-table-column :label="A2" align="center" width="230">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
{{ scope.row.bah || scope.row.pzrq }}
|
|
|
|
{{ scope.row.bah || scope.row.pzrq }}
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column :label="A3" align="center">
|
|
|
|
<el-table-column :label="A3" align="center" width="240">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
{{ scope.row.qy || scope.row.sf }}
|
|
|
|
{{ scope.row.qy || scope.row.sf }}
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
@ -117,9 +117,10 @@
|
|
|
|
<pagination
|
|
|
|
<pagination
|
|
|
|
v-show="total > 0"
|
|
|
|
v-show="total > 0"
|
|
|
|
:total="total"
|
|
|
|
:total="total"
|
|
|
|
:page="form1.current"
|
|
|
|
:page="form.current"
|
|
|
|
:limit="form1.size"
|
|
|
|
:limit="form.size"
|
|
|
|
@pagination="getPagination"
|
|
|
|
@pagination="getPagination"
|
|
|
|
|
|
|
|
:current-page.sync="form.current"
|
|
|
|
></pagination>
|
|
|
|
></pagination>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -137,23 +138,23 @@ export default {
|
|
|
|
A1: "产品名称",
|
|
|
|
A1: "产品名称",
|
|
|
|
A2: "备案编码",
|
|
|
|
A2: "备案编码",
|
|
|
|
A3: "生产企业",
|
|
|
|
A3: "生产企业",
|
|
|
|
types: '1',
|
|
|
|
types: "1",
|
|
|
|
total: 0,
|
|
|
|
total: 0,
|
|
|
|
options: [
|
|
|
|
options: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
value: '1',
|
|
|
|
value: "1",
|
|
|
|
label: "国产化妆品",
|
|
|
|
label: "国产化妆品",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
value: '2',
|
|
|
|
value: "2",
|
|
|
|
label: "国产特殊化妆品",
|
|
|
|
label: "国产特殊化妆品",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
value: '3',
|
|
|
|
value: "3",
|
|
|
|
label: "进口化妆品",
|
|
|
|
label: "进口化妆品",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
value: '4',
|
|
|
|
value: "4",
|
|
|
|
label: "进口特殊化妆品",
|
|
|
|
label: "进口特殊化妆品",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
@ -162,47 +163,67 @@ export default {
|
|
|
|
cpmc: "",
|
|
|
|
cpmc: "",
|
|
|
|
name: "",
|
|
|
|
name: "",
|
|
|
|
scqy: "",
|
|
|
|
scqy: "",
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
form: {
|
|
|
|
size: 10,
|
|
|
|
size: 10,
|
|
|
|
current: 1,
|
|
|
|
current: 1,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
jieliuShow: true,
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mounted() {},
|
|
|
|
mounted() {},
|
|
|
|
created() {
|
|
|
|
created() {
|
|
|
|
this.changeType('1');
|
|
|
|
this.changeType("1");
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
jieliuFunc() {
|
|
|
|
|
|
|
|
if (this.jieliuShow) {
|
|
|
|
|
|
|
|
this.getData(this.types);
|
|
|
|
|
|
|
|
this.jieliuShow = false;
|
|
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
|
|
|
this.jieliuShow = true;
|
|
|
|
|
|
|
|
}, 3000);
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
this.$message("点击过快");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
//去内嵌页面
|
|
|
|
//去内嵌页面
|
|
|
|
toDetail(e) {
|
|
|
|
toDetail(e) {
|
|
|
|
let data = "";
|
|
|
|
let data = "";
|
|
|
|
if (this.types == '1') {
|
|
|
|
if (this.types == "1") {
|
|
|
|
data = e.bah;
|
|
|
|
data = e.bah;
|
|
|
|
} else if (this.types == '2') {
|
|
|
|
} else if (this.types == "2") {
|
|
|
|
data = e.zczh;
|
|
|
|
data = e.zczh;
|
|
|
|
} else if (this.types == '3') {
|
|
|
|
} else if (this.types == "3") {
|
|
|
|
data = e.bah;
|
|
|
|
data = e.bah;
|
|
|
|
} else if (this.types == '4') {
|
|
|
|
} else if (this.types == "4") {
|
|
|
|
data = e.zczh;
|
|
|
|
data = e.zczh;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//利用type区分三种档案
|
|
|
|
//利用type区分三种档案
|
|
|
|
//利用flag区分四种化妆品详情 然后分别调用不同的详情接口
|
|
|
|
//利用flag区分四种化妆品详情 然后分别调用不同的详情接口
|
|
|
|
this.$router.push({
|
|
|
|
this.$router.push({
|
|
|
|
path: `/cosmeticsDetail`,
|
|
|
|
path: `/cosmeticsDetail`,
|
|
|
|
query: { type: '1', flag: this.types, data },
|
|
|
|
query: { type: "1", flag: this.types, data },
|
|
|
|
});
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
//搜索
|
|
|
|
//搜索
|
|
|
|
searchList() {
|
|
|
|
searchList() {
|
|
|
|
this.getData(this.types);
|
|
|
|
this.form.current = 1;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
for (let i in this.form1) {
|
|
|
|
|
|
|
|
this.form[i] = this.form1[i];
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
this.jieliuFunc();
|
|
|
|
},
|
|
|
|
},
|
|
|
|
getPagination(e) {
|
|
|
|
getPagination(e) {
|
|
|
|
console.log(e);
|
|
|
|
console.log(e);
|
|
|
|
this.form1.current = e.page;
|
|
|
|
this.form.current = e.page;
|
|
|
|
this.form1.size = e.limit;
|
|
|
|
this.form.size = e.limit;
|
|
|
|
this.chinaCosmetics();
|
|
|
|
this.chinaCosmetics();
|
|
|
|
},
|
|
|
|
},
|
|
|
|
//重置
|
|
|
|
//重置
|
|
|
|
reset() {
|
|
|
|
reset() {
|
|
|
|
|
|
|
|
this.types = "1";
|
|
|
|
this.form1 = {
|
|
|
|
this.form1 = {
|
|
|
|
babm: "",
|
|
|
|
babm: "",
|
|
|
|
cpmc: "",
|
|
|
|
cpmc: "",
|
|
|
@ -211,75 +232,79 @@ export default {
|
|
|
|
size: 10,
|
|
|
|
size: 10,
|
|
|
|
current: 1,
|
|
|
|
current: 1,
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
this.form = {
|
|
|
|
|
|
|
|
size: 10,
|
|
|
|
|
|
|
|
current: 1,
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
this.jieliuFunc();
|
|
|
|
},
|
|
|
|
},
|
|
|
|
//国产化妆品
|
|
|
|
//国产化妆品
|
|
|
|
async chinaCosmetics() {
|
|
|
|
async chinaCosmetics() {
|
|
|
|
this.loading = true;
|
|
|
|
this.loading = true;
|
|
|
|
let msg1 = await this.$api.cosmetics.domesticList(this.form1);
|
|
|
|
let msg1 = await this.$api.cosmetics.domesticList(this.form);
|
|
|
|
this.tableData = msg1.data.records;
|
|
|
|
this.tableData = msg1.data.records;
|
|
|
|
this.total = msg1.data.total;
|
|
|
|
this.total = msg1.data.total;
|
|
|
|
this.form1.size = msg1.data.size;
|
|
|
|
this.form.size = msg1.data.size;
|
|
|
|
this.form1.current = msg1.data.current;
|
|
|
|
this.form.current = msg1.data.current;
|
|
|
|
this.loading = false;
|
|
|
|
this.loading = false;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
//国产特殊化妆品
|
|
|
|
//国产特殊化妆品
|
|
|
|
async chinaSpecialCosmetics() {
|
|
|
|
async chinaSpecialCosmetics() {
|
|
|
|
this.loading = true;
|
|
|
|
this.loading = true;
|
|
|
|
let msg1 = await this.$api.cosmetics.specialList(this.form1);
|
|
|
|
let msg1 = await this.$api.cosmetics.specialList(this.form);
|
|
|
|
this.tableData = msg1.data.records;
|
|
|
|
this.tableData = msg1.data.records;
|
|
|
|
this.total = msg1.data.total;
|
|
|
|
this.total = msg1.data.total;
|
|
|
|
this.form1.size = msg1.data.size;
|
|
|
|
this.form.size = msg1.data.size;
|
|
|
|
this.form1.current = msg1.data.current;
|
|
|
|
this.form.current = msg1.data.current;
|
|
|
|
this.loading = false;
|
|
|
|
this.loading = false;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
//进口化妆品
|
|
|
|
//进口化妆品
|
|
|
|
async importCosmetics() {
|
|
|
|
async importCosmetics() {
|
|
|
|
this.loading = true;
|
|
|
|
this.loading = true;
|
|
|
|
let msg1 = await this.$api.cosmetics.importList(this.form1);
|
|
|
|
let msg1 = await this.$api.cosmetics.importList(this.form);
|
|
|
|
this.tableData = msg1.data.records;
|
|
|
|
this.tableData = msg1.data.records;
|
|
|
|
this.total = msg1.data.total;
|
|
|
|
this.total = msg1.data.total;
|
|
|
|
this.form1.size = msg1.data.size;
|
|
|
|
this.form.size = msg1.data.size;
|
|
|
|
this.form1.current = msg1.data.current;
|
|
|
|
this.form.current = msg1.data.current;
|
|
|
|
this.loading = false;
|
|
|
|
this.loading = false;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
//进口特殊化妆品
|
|
|
|
//进口特殊化妆品
|
|
|
|
async importSpecialCosmetics() {
|
|
|
|
async importSpecialCosmetics() {
|
|
|
|
this.loading = true;
|
|
|
|
this.loading = true;
|
|
|
|
let msg1 = await this.$api.cosmetics.importSpecialList(this.form1);
|
|
|
|
let msg1 = await this.$api.cosmetics.importSpecialList(this.form);
|
|
|
|
this.tableData = msg1.data.records;
|
|
|
|
this.tableData = msg1.data.records;
|
|
|
|
this.total = msg1.data.total;
|
|
|
|
this.total = msg1.data.total;
|
|
|
|
this.form1.size = msg1.data.size;
|
|
|
|
this.form.size = msg1.data.size;
|
|
|
|
this.form1.current = msg1.data.current;
|
|
|
|
this.form.current = msg1.data.current;
|
|
|
|
this.loading = false;
|
|
|
|
this.loading = false;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
async getData(e) {
|
|
|
|
async getData(e) {
|
|
|
|
if (e == '1') {
|
|
|
|
if (e == "1") {
|
|
|
|
this.A2 = "备案编码";
|
|
|
|
this.A2 = "备案编码";
|
|
|
|
this.A3 = "生产企业";
|
|
|
|
this.A3 = "生产企业";
|
|
|
|
this.chinaCosmetics();
|
|
|
|
this.chinaCosmetics();
|
|
|
|
} else if (e == '2') {
|
|
|
|
} else if (e == "2") {
|
|
|
|
this.A2 = "批准日期";
|
|
|
|
this.A2 = "批准日期";
|
|
|
|
this.A3 = "省份";
|
|
|
|
this.A3 = "省份";
|
|
|
|
this.chinaSpecialCosmetics();
|
|
|
|
this.chinaSpecialCosmetics();
|
|
|
|
} else if (e == '3') {
|
|
|
|
} else if (e == "3") {
|
|
|
|
this.A2 = "备案编码";
|
|
|
|
this.A2 = "备案编码";
|
|
|
|
this.A3 = "生产企业";
|
|
|
|
this.A3 = "生产企业";
|
|
|
|
this.importCosmetics();
|
|
|
|
this.importCosmetics();
|
|
|
|
} else if (e == '4') {
|
|
|
|
} else if (e == "4") {
|
|
|
|
this.A2 = "批准日期";
|
|
|
|
this.A2 = "批准日期";
|
|
|
|
this.A3 = "省份";
|
|
|
|
this.A3 = "省份";
|
|
|
|
this.importSpecialCosmetics();
|
|
|
|
this.importSpecialCosmetics();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
async changeType(e) {
|
|
|
|
async changeType(e) {
|
|
|
|
this.reset();
|
|
|
|
// this.reset();
|
|
|
|
this.getData(e);
|
|
|
|
this.getData(e);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
::v-deep .el-select {
|
|
|
|
::v-deep .el-select {
|
|
|
|
width: 100% !important;
|
|
|
|
width: 100% !important;
|
|
|
@ -346,4 +371,10 @@ export default {
|
|
|
|
justify-content: space-between;
|
|
|
|
justify-content: space-between;
|
|
|
|
padding: 15px 20px;
|
|
|
|
padding: 15px 20px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
::v-deep.el-table--medium .el-table__cell {
|
|
|
|
|
|
|
|
padding: 5.3px 0;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
::v-deep .el-table {
|
|
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|