suzhou-jichuang-lanhai
/
LiaoningYaopinIframe
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: suzhou-jichuang-lanhai:Lvtianfang
Branches Tags
suzhou-jichuang-lanhai:master
suzhou-jichuang-lanhai:Lvtianfang
suzhou-jichuang-lanhai:duhanyu
..
compare: suzhou-jichuang-lanhai:duhanyu
Branches Tags
suzhou-jichuang-lanhai:master
suzhou-jichuang-lanhai:Lvtianfang
suzhou-jichuang-lanhai:duhanyu

3 Commits
Lvtianfang ... duhanyu

Author SHA1 Message Date
杜函宇 e98d558676 优化
2 years ago
杜函宇 e764c12f0e 优化
2 years ago
杜函宇 5905dc1d06 化妆品
2 years ago
19 changed files with 2689 additions and 1680 deletions
Show Stats

52
src/App.vue
Unescape View File

@ -5,6 +5,7 @@
</template>
<script>
import { Message } from "element-ui";
export default {
name: "App",
metaInfo() {
@ -20,31 +21,29 @@ export default {
};
},
mounted() {
setTimeout(async () => {
let Authentication = await this.$api.login.frimLogin();
localStorage.setItem(
"Authentication",
Authentication.data.result.userToken
);
}, 25200000);
//! 冒陈-permission request
/*
/static/
/usr/share/nginx/html/ggfw
sudo mv ggfw.zip /usr/share/nginx/html/ggfw 在 MSSM-Dev 文件夹下 移动压缩包到 ggfw文件夹下
cd /usr/share/nginx/html/ggfw 移动到文件夹下
unzip ggfw.zip -d . 解压
rm ./ggfw.zip 删除当前目录下的压缩包 弹出确定删除 打 y 并回车
*/
/*
*/
// 获取地址栏参数
var queryString = window.location.search;
// 创建 URLSearchParams 对象
var params = new URLSearchParams(queryString);
// 创建空的 JSON 对象
var obj = {};
// 遍历参数，并将其添加到 JSON 对象中
params.forEach(function (value, key) {
// 对地址栏参数进行解码
var decodedValue = decodeURIComponent(value);
obj[key] = decodedValue;
});
if (obj.token) {
localStorage.setItem("MSSM-LIAONING__TOKEN", obj.token);
} else {
this.$alert("暂无token",'提示', {
confirmButtonText: "返回",
callback: (action) => {
this.$router.go(-1);
},
});
}
this.$store.commit("app/URLChange", obj);
},
};
</script>
@ -53,6 +52,7 @@ export default {
width: 0 !important;
}
::-webkit-scrollbar {
width: 0 !important;height: 0;
width: 0 !important;
height: 0;
}
</style>

45
src/api/Myapi/productDetails/index.js
Unescape View File

@ -1,45 +0,0 @@
import request from "@/utils/request";
export default {
// 通过批准文号查询单条药品批件信息
vRdgYpwhGxwz(data) {
return request({
url: `/pharmaceuticals/vRdgYpwhGxwz/${data}`,
method: "get",
});
},
// 根据备案号查询进口化妆品数据
jkcp(data) {
return request({
url: `/pharmaceuticals/jkcp/${data}`,
method: "get",
});
},
// 通过注册证号查询单条进口特殊化妆品数据
jktshzp(data) {
return request({
url: `/pharmaceuticals/jktshzp/${data}`,
method: "get",
});
},
// 根据备案号查询单条国产化妆品数据
gccp(data) {
return request({
url: `/pharmaceuticals/gccp/${data}`,
method: "get",
});
},
// 通过注册证号查询单条国产特殊化妆品
gctshzp(data) {
return request({
url: `/pharmaceuticals/gctshzp/${data}`,
method: "get",
});
},
// 通过注册证编号查询单条器械品种数据
ylqxJnyelcp(data) {
return request({
url: `/pharmaceuticals/ylqxJnyelcp/${data}`,
method: "get",
});
}
}

45
src/api/cosmetics/index.js
Unescape View File

@ -0,0 +1,45 @@
import request from "@/utils/request";
export default {
//根据备案号查询单条国产化妆品数据
getChina1(e) {
return request({
url: `/pharmaceuticals/gccp/${e}`,
method: "get",
})
},
//通过注册证号查询单条国产特殊化妆品
getChinaSpecial(e) {
return request({
url: `pharmaceuticals/gctshzp/${e}`,
method: "get",
})
},
//根据备案号查询进口化妆品数据
getInlet(e) {
return request({
url: `/pharmaceuticals/jkcp/${e}`,
method: "get",
})
},
//通过注册证号查询单条进口特殊化妆品数据
getInletSpecial(e) {
return request({
url: `/pharmaceuticals/jktshzp/${e}`,
method: "get",
})
},
//通过批准文号查询单条药品批件信息
getYaoPin(e){
return request({
url: `/pharmaceuticals/vRdgYpwhGxwz/${e}`,
method: "get",
})
},
//通过注册证编号查询单条器械品种数据
getQiXie(e){
return request({
url: `/pharmaceuticals/ylqxJnyelcp/${e}`,
method: "get",
})
}
}

7
src/api/index.js
Unescape View File

@ -1,8 +1,9 @@
// 召回
import frimCenter from "./Myapi/frimCenter/index.js";
import productDetails from "./Myapi/productDetails/index.js"
import cosmetics from './cosmetics/index.js'
import yaoPin from './yaoPin/index.js'
export default {
frimCenter,
productDetails
cosmetics,
yaoPin
};

26
src/api/yaoPin/index.js
Unescape View File

@ -0,0 +1,26 @@
import request from "@/utils/request";
export default {
//分页条件查询国家药品抽检数据-抽样信息表
getYPList(query) {
return request({
url: `/pharmaceuticals/gjypcjsjCyxxb`,
method: "get",
params:query
})
},
//通过主键查询单条国家药品抽检数据-抽样信息表
getSingle(id){
return request({
url: `/pharmaceuticals/gjypcjsjCyxxb/${id}`,
method: "get",
})
},
//分页条件查询国家药品抽检数据-检验项目表
jyList(query){
return request({
url: `/pharmaceuticals/gjypcjsjJyxmb`,
method: "get",
params:query
})
}
}

112
src/components/Pagination/index.vue
Unescape View File

@ -1,113 +1,127 @@
<template>
<div :class="{'hidden':hidden}" class="pagination-container">
<el-pagination
:background="background"
:current-page.sync="currentPage"
:page-size.sync="pageSize"
:layout="layout"
:page-sizes="pageSizes"
:pager-count="pagerCount"
:total="total"
v-bind="$attrs"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
<div :class="{ hidden: hidden }" class="paginBox">
<div class="leftBox">
总共{{ this.total }} 条:显示{{
this.currentPage == 1 ? "1" : (this.currentPage - 1) * this.pageSize
}}-{{
this.total <= this.pageSize
? this.total
: this.currentPage * this.pageSize > this.total
? this.total
: this.currentPage * this.pageSize
}}条
</div>
<div class="rightBox">
<el-pagination
:background="background"
:current-page.sync="currentPage"
:page-size.sync="pageSize"
:layout="layout"
:page-sizes="pageSizes"
:total="total"
v-bind="$attrs"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
</div>
</template>
<script>
import { scrollTo } from '@/utils/scroll-to'
import { scrollTo } from "@/utils/scroll-to";
export default {
name: 'Pagination',
name: "Pagination",
props: {
total: {
required: true,
type: Number
type: Number,
},
page: {
type: Number,
default: 1
default: 1,
},
limit: {
type: Number,
default: 20
default: 20,
},
pageSizes: {
type: Array,
default() {
return [10, 20, 30, 50]
}
return [5,10,20];
},
},
// 移动端页码按钮的数量端默认值5
pagerCount: {
type: Number,
default: document.body.clientWidth < 992 ? 5 : 7
},
// pagerCount: {
// type: Number,
// default: document.body.clientWidth < 992 ? 5 : 7
// },
layout: {
type: String,
default: 'total, sizes, prev, pager, next, jumper'
default: " sizes, prev, pager, next, jumper",
},
background: {
type: Boolean,
default: true
default: true,
},
autoScroll: {
type: Boolean,
default: true
default: true,
},
hidden: {
type: Boolean,
default: false
}
default: false,
},
},
data() {
return {
};
return {};
},
computed: {
currentPage: {
get() {
return this.page
return this.page;
},
set(val) {
this.$emit('update:page', val)
}
this.$emit("update:page", val);
},
},
pageSize: {
get() {
return this.limit
return this.limit;
},
set(val) {
this.$emit('update:limit', val)
}
}
this.$emit("update:limit", val);
},
},
},
methods: {
handleSizeChange(val) {
if (this.currentPage * val > this.total) {
this.currentPage = 1
this.currentPage = 1;
}
this.$emit('pagination', { page: this.currentPage, limit: val })
this.$emit("pagination", { page: this.currentPage, limit: val });
if (this.autoScroll) {
scrollTo(0, 800)
scrollTo(0, 800);
}
},
handleCurrentChange(val) {
this.$emit('pagination', { page: val, limit: this.pageSize })
this.$emit("pagination", { page: val, limit: this.pageSize });
if (this.autoScroll) {
scrollTo(0, 800)
scrollTo(0, 800);
}
}
}
}
},
},
};
</script>
<style scoped>
.pagination-container {
background: #fff;
padding: 32px 16px;
.paginBox {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
}
.pagination-container.hidden {
display: none;
}

125
src/permission.js
Unescape View File

@ -13,125 +13,18 @@ NProgress.configure({ showSpinner: false });
const whiteList = ["/login", "/register"];
router.beforeEach(async (to, from, next) => {
if (to.name) NProgress.start();
// 这个判断是不行的，暂时先这样
// if(!localStorage.getItem("Authentication")) {
// let Authentication = await API.login.frimLogin();
// localStorage.setItem("Authentication", Authentication.data.result.userToken);
// let data = {
// "corpName": "",
// "uniscid": "", // 社会信用代码
// "location": "",
// "enterpriseStatusId": "",
// "licenseCode": "",
// "type": [],
// "startDate": "",
// "endDate": "",
// "pageNum": 5, //5
// "pageSize": 10
// }
// let info = await API.frimCenter.getEnterpriseLicenseByPage(data);
// localStorage.setItem('frimCenterInfo',JSON.stringify(info.result.list[7])) //6
// }
let obj = {
entCode: "91320594MA1YXGLG8L", // 社会信用代码
// entCode: "91211000055695073L",
entName: "苏州极创澜海科技有限公司",
idsextcorpAuth: "1",
idsextcreditID: "+f9KOHgG8vZ3SWg63fqKieE/7WaZUYR1",
idsextcreditType: "",
idsextjbrCreditID: "4xZNBCCEs1hSmqymq7jfZuE/7WaZUYR1",
idsextjbrtel: "/7AvIbKF3hhrYDZYpevYTQ==",
idsextrelNameAuth: "",
mobile: "",
relPerson: "韩斌斌",
score: "2",
token: "sso_username:60800920",
trueName: "吴顺杰",
userId: "60800920",
userName: "suzhoujichuang",
};
localStorage.setItem("loginName", JSON.stringify(obj));
localStorage.setItem("Ls-Token", obj.token);
if (localStorage.getItem("loginName")) {
// TODO 这里是临时的登录
if (
!localStorage.getItem("Authentication") ||
!localStorage.getItem("Ls-Token")
) {
Cookies.set("logTime", Date.now());
// 现在token还没改，所以要登录一下那token
//
let Authentication = await API.login.frimLogin();
localStorage.setItem(
"Authentication",
Authentication.data.result.userToken
);
// localStorage.setItem(
// "Authentication",
// localStorage.getItem("MSSM-LIAONING__TOKEN")
// );
let data = {
corpName: "",
uniscid: JSON.parse(localStorage.getItem("loginName")).entCode, // 社会信用代码
location: "",
enterpriseStatusId: "",
licenseCode: "",
type: [],
startDate: "",
endDate: "",
pageNum: 1,
pageSize: 10,
};
let info = await API.frimCenter.getEnterpriseLicenseByPage(data);
localStorage.setItem(
"frimCenterInfo",
JSON.stringify(info.result.list[0])
); //6
// 请求头区分登录--不是正式token
localStorage.setItem(
"Ls-Token",
JSON.parse(localStorage.getItem("loginName")).token
);
}
next();
let token = localStorage.getItem('MSSM-LIAONING__TOKEN')
if (token) {
next()
} else {
localStorage.setItem("Login_index", "0");
const queryString = window.location.search; // 获取完整查询字符串，例如 "?name=John&age=30"
if (queryString == "" || queryString == undefined || queryString == null) {
// !本地使用
// let hrefa = process.env.VUE_APP_DAN_Dian;
// location.href = "https://dev-mssm-liaoning.imian.org.cn/ggfw-api/pharmaceuticals/singleSignOn/getSessionId";
// !外地使用
location.href = `${location.origin}${process.env.VUE_APP_URL}/pharmaceuticals/singleSignOn/getSessionId`;
}
const url = location.href;
const regex = /sessionId=([^#]+)/;
const matchResult = url.match(regex);
const queryStringtow = matchResult[1];
// router.history.pending.query["sessionId"],
let result = await API.Zhaohui.getUserIfo({
sessionId: queryStringtow,
this.$alert("暂无token",'提示', {
confirmButtonText: "返回",
callback: (action) => {
this.$router.go(-1);
},
});
if (result.code == 200) {
localStorage.setItem("loginName", JSON.stringify(result.data));
// let text = location.href;
// location.href = text.split("?")[0];
}
}
if (to.path.split("/")[1] == "dw") {
next();
}
if (to.path.split("/")[1] == "no-top") {
next();
}
});
})
router.afterEach(() => {
NProgress.done();
});

7
src/store/modules/app.js
Unescape View File

@ -7,10 +7,15 @@ const state = {
hide: false
},
device: 'desktop',
size: Cookies.get('size') || 'medium'
size: Cookies.get('size') || 'medium',
//存储的传递的数据
urlA:'',
}
const mutations = {
URLChange : (state, B) => {
state.urlA = B
},
TOGGLE_SIDEBAR: state => {
if (state.sidebar.hide) {
return false;

10
src/utils/request.js
Unescape View File

@ -34,7 +34,7 @@ service.interceptors.request.use(
// 是否需要防止数据重复提交
const isRepeatSubmit = (config.headers || {}).repeatSubmit === false;
if (isToken) {
config.headers["Authentication"] = localStorage.getItem("Authentication");
config.headers["Authentication"] = localStorage.getItem("MSSM-LIAONING__TOKEN");
}
// get请求映射params参数
if (config.method === "get" && config.params) {
@ -83,7 +83,6 @@ service.interceptors.request.use(
return config;
},
(error) => {
console.log(error);
Promise.reject(error);
}
);
@ -103,7 +102,6 @@ service.interceptors.response.use(
) {
return res.data;
}
// console.log("454545", code);
if (code === 401) {
if (!isRelogin.show) {
isRelogin.show = true;
@ -145,10 +143,10 @@ service.interceptors.response.use(
}
},
async(error) => {
// console.log(error);
// console.log(error.response)
console.log(error);
console.log(error.response)
let { message } = error;
// console.log(3333, message);
console.log(3333, message);
if (
message == "Request failed with status code 401" ||
message == "Request failed with status code 500"

6
src/views/firmContent/components/descriptions/index.vue
Unescape View File

@ -11,7 +11,7 @@
<template slot="label">
{{ item.label }}
</template>
{{ item.value }}
{{ item.value || '-' }}
</el-descriptions-item>
</el-descriptions>
</div>
@ -51,7 +51,11 @@ export default {
},
methods:{
},
created() {
},
}
</script>
<style lang="scss" scoped>
@import "@/assets/styles/utils.scss";

3
src/views/firmContent/components/dialogTitle/index.vue
Unescape View File

@ -59,6 +59,9 @@ export default {
<style lang="scss" scoped>
@import "@/assets/styles/utils.scss";
::v-deep .el-dialog__body{
margin-bottom:10px;
}
.dialog-slot {
padding: 0;
.closeClick {

45
src/views/firmContent/components/table/index.vue
Unescape View File

@ -0,0 +1,45 @@
<template>
<div>
<el-table :data="list" style="width: 100%" v-loading="loading" border>
<el-table-column type="index" label="序号" width="50">
</el-table-column>
<el-table-column
v-for="(item,index) in labels"
:key="index"
:prop="item.value"
header-align="center"
:width="item.width"
:label="item.header"
>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
data() {
return {
};
},
props:{
list:{
type:Array,
default:[]
},
labels:{
type:Array,
default:[]
},
loading:{
type:Boolean,
default:false
}
},
methods: {
},
};
</script>
<style lang="scss" scoped>
</style>

819
src/views/firmContent/drugInfo/PZchouyang/PZchouyang.vue
Unescape View File

@ -1,5 +1,31 @@
<template>
<div class="pzChouyang">
<div class="drug-input">
<div class="inputs">
<div class="rank">
<div class="input--label">抽样级别：</div>
<el-select v-model="value" placeholder="请选择抽样级别">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</div>
<div class="number">
<div class="input--label">抽样编号：</div>
<div>
<el-input v-model="name" :placeholder="'请输入抽样编号'"></el-input>
</div>
</div>
</div>
<div class="search-btns">
<button class="reset" @click="reset">重置</button>
<button class="inquire" @click="inquire()">查询</button>
</div>
</div>
<block-header title="查询结果">
<div class="tables">
<el-table
@ -10,32 +36,27 @@
border
>
<el-table-column
prop="id"
type="index"
header-align="center"
label="序号"
width="80"
>
</el-table-column>
<el-table-column
prop="rank"
header-align="center"
label="抽样级别"
>
<el-table-column prop="cyrw" header-align="center" label="抽样级别">
<!-- <template slot-scope="scope">
{{ filterLevel(scope.row.cyjb ) }}
</template> -->
</el-table-column>
<el-table-column
prop="number"
label="抽样编号"
header-align="center"
>
<el-table-column prop="cybh" label="抽样编号" header-align="center">
</el-table-column>
<el-table-column
prop="name"
prop="yptymc"
label="药品通用名"
header-align="center"
>
</el-table-column>
<el-table-column
prop="unitName"
prop="bcydwmc"
label="被抽样单位名称"
header-align="center"
>
@ -52,17 +73,9 @@
header-align="center"
>
</el-table-column>
<el-table-column
prop="date"
label="抽样日期"
header-align="center"
>
<el-table-column prop="cyrq" label="抽样日期" header-align="center">
</el-table-column>
<el-table-column
label="操作"
header-align="center"
width="100"
>
<el-table-column label="操作" header-align="center" width="100">
<template slot-scope="scope">
<div class="button">
<el-button
@ -70,158 +83,442 @@
class="informant-btn"
plain
type="primary"
@click="handleEdit(scope.$index, scope.row)">详情
@click="handleEdit(scope.$index, scope.row)"
>详情
</el-button>
</div>
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination" :class="transinformation.b == '1' ? 'paginationTwo':''">
<!-- <span class="custom"
>共{{ total }}条，显示{{
total == 0
? "0"
: queryCondition.current == 1
? "1"
: queryCondition.size * (queryCondition.current - 1) + 1
}}-{{ numberMap() }}条</span
> -->
<span class="custom">
共100条，显示1-10条
</span>
<el-pagination
background
:small="transinformation.b == '1'"
:page-sizes="[10, 15]"
:total="total"
layout=" prev, pager, next, sizes, jumper"
@current-change="currentChange"
@size-change="sizeChange"
:current-page.sync="currentPage"
:page-size.sync="pageSize"
>
</el-pagination>
</div>
<!-- <div
class="pagination"
:class="transinformation.b == '1' ? 'paginationTwo' : ''"
> -->
<pagination
v-show="total > 0"
:total="total"
:page="form1.current"
:limit="form1.size"
@pagination="getPagination"
></pagination>
<!-- </div> -->
</block-header>
<!-- 国抽 -->
<dialog-title title="详情" width="90%" ref="xiangqingDialog">
<div class="dialog-tabs">
<div class="tabs">
<div class="tab" @click="actionTab(1)" :class="action == 1 ? 'actionTab':''">
<img :class="action !== 1 ? 'actionImage' : ''" :src="action == 1 ? `${require('@/assets/images/home/icon1-1@2x.png')}`:`${require('@/assets/images/home/icon1-2@2x.png')}`" alt="">
<div
class="tab"
@click="actionTab(1)"
:class="action == 1 ? 'actionTab' : ''"
>
<span>基本信息</span>
</div>
<div class="tab" @click="actionTab(2)" :class="action == 2 ? 'actionTab':''">
<img :src="action == 2 ? `${require('@/assets/images/home/icon2-1@2x.png')}`:`${require('@/assets/images/home/icon2-2@2x.png')}`" alt="">
<span>品种抽样</span>
<div
class="tab"
@click="actionTab(2)"
:class="action == 2 ? 'actionTab' : ''"
>
<span>检验项目</span>
</div>
</div>
</div>
<component :is="currentComponent"></component>
<component
:is="currentComponent"
:descriptions="descriptions"
:loading="load1"
></component>
</dialog-title>
<!-- 省抽 -->
<dialog-title title="查看抽样详情" :width="transinformation.b == '1' ? '65%':'90%'" ref="chouyangDialog">
<dialog-title
title="查看抽样详情"
:width="transinformation.b == '1' ? '65%' : '90%'"
ref="chouyangDialog"
>
<chouyang-info></chouyang-info>
</dialog-title>
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%':'90%'" ref="medicalInfo">
<dialog-title
title="详情"
:width="transinformation.b == '1' ? '75%' : '90%'"
ref="medicalInfo"
>
<medical-info></medical-info>
</dialog-title>
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%':'90%'" ref="drugDetail">
<dialog-title
title="详情"
:width="transinformation.b == '1' ? '75%' : '90%'"
ref="drugDetail"
>
<drug-detail></drug-detail>
</dialog-title>
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%':'90%'" ref="drugProvince">
<dialog-title
title="详情"
:width="transinformation.b == '1' ? '75%' : '90%'"
ref="drugProvince"
>
<drug-province></drug-province>
</dialog-title>
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%':'90%'" ref="samplingDetail">
<dialog-title
title="详情"
:width="transinformation.b == '1' ? '75%' : '90%'"
ref="samplingDetail"
>
<sampling-detail></sampling-detail>
</dialog-title>
</div>
</template>
<script>
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
import dialogTitle from "@/views/firmContent/components/dialogTitle/index.vue"
import basicInfo from "./basicInfo/basicInfo.vue"
import chouYang from "./chouYang/chouYang.vue"
import chouyangInfo from "./chouyangInfo/index.vue"
import medicalInfo from "./medical.vue"
import samplingDetail from "./samplingDetail.vue"
import drugDetail from "./drugDetail.vue"
import drugProvince from "./drugProvince.vue"
import blockHeader from "@/views/firmContent/components/blockHeader/index";
import dialogTitle from "@/views/firmContent/components/dialogTitle/index";
import basicInfo from "./basicInfo/basicInfo";
import chouYang from "./chouYang/chouYang";
import chouyangInfo from "./chouyangInfo/index";
import medicalInfo from "./medical";
import samplingDetail from "./samplingDetail";
import drugDetail from "./drugDetail";
import drugProvince from "./drugProvince";
import { mapState } from "vuex";
export default {
data() {
return {
tableData:[
{
id:1,
rank:'国抽',
number:'YC20230619',
name:'布洛芬胶囊',
unitName:'xxxxxxx制药有限公司',
unitAreaName:'沈阳',
productionName:'xxxxxxx制药有限公司',
date:'2023-06-19'
},{
id:2,
rank:'省抽',
number:'YC20230619',
name:'布洛芬胶囊',
unitName:'xxxxxxx制药有限公司',
unitAreaName:'沈阳',
productionName:'xxxxxxx制药有限公司',
date:'2023-06-19'
},{
id:3,
rank:'国抽',
number:'YC20230619',
name:'布洛芬胶囊',
unitName:'xxxxxxx制药有限公司',
unitAreaName:'沈阳',
productionName:'xxxxxxx制药有限公司',
date:'2023-06-19'
},{
id:4,
rank:'省抽',
number:'YC20230619',
name:'布洛芬胶囊',
unitName:'xxxxxxx制药有限公司',
unitAreaName:'沈阳',
productionName:'xxxxxxx制药有限公司',
date:'2023-06-19'
},{
id:5,
rank:'国抽',
number:'YC20230619',
name:'布洛芬胶囊',
unitName:'xxxxxxx制药有限公司',
unitAreaName:'沈阳',
productionName:'xxxxxxx制药有限公司',
date:'2023-06-19'
},{
id:6,
rank:'省抽',
number:'YC20230619',
name:'布洛芬胶囊',
unitName:'xxxxxxx制药有限公司',
unitAreaName:'沈阳',
productionName:'xxxxxxx制药有限公司',
date:'2023-06-19'
}
value: "",
name: "",
options: [
{
value: 0,
label: "国抽",
},
{
value: 1,
label: "省抽",
},
],
loading:false,
action:1,
currentComponent:'basicInfo',
tableData: [],
loading: false,
action: 1,
currentComponent: "basicInfo",
// pzChouyangStyle:{
// height:''
// }
currentPage:1,
pageSize:10,
total:100,
}
total: 0,
//药品的参数
form1: {
size: 10,
current: 1,
//抽样编号
cybh: "",
},
//主键
ids: "",
descriptions: [
{
span: 1,
label: "药品通用名称",
value: "",
data: "yptymc",
},
{
span: 1,
label: "药品商品名称",
value: "",
data: "ypspmc",
},
{
span: 1,
label: "药品批准文号",
value: "",
data: "yppzwh",
},
{
span: 1,
label: "药品类别",
value: "",
data: "yplb",
},
{
span: 1,
label: "药品上市许可持有人",
value: "",
data: "ypssxkcyr",
},
{
span: 1,
label: "药品上市许可持有人统一社会信用代码",
value: "",
data: "ypssxkcyrtyshxxdm",
},
{
span: 1,
label: "药品上市许可持有人地址",
value: "",
data: "ypssxkcyrdz",
},
{
span: 1,
label: "药品上市持有人所在省份",
value: "",
data: "ypssxkcyrszsf",
},
{
span: 1,
label: "剂型",
value: "",
data: "jx",
},
{
span: 1,
label: "制剂规格",
value: "",
data: "zjgg",
},
{
span: 1,
label: "包装规格",
value: "",
data: "bzgg",
},
{
span: 1,
label: "抽样编号",
value: "",
data: "cybh",
},
{
span: 1,
label: "抽样数量",
value: "",
data: "cysl",
},
{
span: 1,
label: "有效期",
value: "",
data: "xq",
},
{
span: 1,
label: "来源",
value: "",
data: "ly",
},
{
span: 1,
label: "抽样环节",
value: "",
data: "cyhj",
},
{
span: 1,
label: "批号",
value: "",
data: "ph",
},
{
span: 1,
label: "有效期截至日期",
value: "",
data: "yxqjzrq",
},
{
span: 1,
label: "被抽样单位统一社会信用代码",
value: "",
data: "bcydwshyxdm",
},
{
span: 1,
label: "被抽样单位名称",
value: "",
data: "bcydwmc",
},
{
span: 1,
label: "被抽样单位地址",
value: "",
data: "bcydwdz",
},
{
span: 1,
label: "抽样地点性质",
value: "",
data: "cyddxz",
},
{
span: 1,
label: "抽样单位名称全称",
value: "",
data: "cydwmc",
},
{
span: 1,
label: "抽样单位所在省份",
value: "",
data: "cydwszsf",
},
{
span: 1,
label: "药品单价",
value: "",
data: "ypdj",
},
{
span: 1,
label: "药品总价",
value: "",
data: "ypzj",
},
{
span: 1,
label: "生产日期",
value: "",
data: "scrq",
},
{
span: 1,
label: "样品存放现场温度",
value: "",
data: "ypcfxcwd",
},
{
span: 1,
label: "样品存放现场湿度",
value: "",
data: "ypcfxcsd",
},
{
span: 1,
label: "抽样日期",
value: "",
data: "cyrq",
},
{
span: 1,
label: "抽样级别",
value: "",
data: "cyjb",
},
{
span: 1,
label: "抽样单位经手人",
value: "",
data: "cydwjsr",
},
{
span: 1,
label: "承检机构",
value: "",
data: "cjjg",
},
{
span: 1,
label: "生产企业是否否认生产",
value: "",
data: "scqysffrsc",
},
{
span: 1,
label: "基本药物 ",
value: "",
data: "jbyw",
},
{
span: 1,
label: "抽样任务",
value: "",
data: "cyrw",
},
{
span: 1,
label: "最终检验结论",
value: "",
data: "zzjyjl",
},
{
span: 1,
label: "检验证书编号",
value: "",
data: "jybgsbh",
},
{
span: 1,
label: "报告签发日期",
value: "",
data: "bgqfrq",
},
{
span: 1,
label: "复检结论",
value: "",
data: "fjjl",
},
{
span: 1,
label: "复检检验依据",
value: "",
data: "fjjyyj",
},
{
span: 1,
label: "复检报告书编号",
value: "",
data: "fjbgsbh",
},
{
span: 1,
label: "复检报告签发日期",
value: "",
data: "fjbgqfrq",
},
{
span: 1,
label: "收样或退样日期",
value: "",
data: "syhtyrq",
},
{
span: 1,
label: "原检结论",
value: "",
data: "yjjl",
},
{
span: 1,
label: "补充检验结果",
value: "",
data: "bcjyjg",
},
{
span: 1,
label: "计划ID",
value: "",
data: "planId",
},
{
span: 1,
label: "计划名称",
value: "",
data: "planName",
},
{
span: 1,
label: "编辑时间",
value: "",
data: "bjsj",
},
{
span: 1,
label: "更新时间",
value: "",
data: "gxsj",
},
],
load1: true,
};
},
props:['transinformation'],
components:{
props: ["transinformation"],
components: {
blockHeader,
dialogTitle,
basicInfo,
@ -232,62 +529,154 @@ export default {
drugDetail,
drugProvince,
},
methods:{
computed: {
// // ...
...mapState({
urlA: (state) => state.app.urlA,
}),
},
created() {
this.getDAList();
},
methods: {
inquire() {
if (this.urlA.type == "1") {
} else if (this.urlA.type == "2") {
this.form1.cybh = this.name;
this.form1.size = 10;
this.form1.current = 1;
this.listyp()
} else if (this.urlA.type == "3") {
}
},
reset() {
this.name = "";
this.value = "";
},
getPagination(e) {
console.log(e);
this.form1.current = e.page;
this.form1.size = e.limit;
this.chinaCosmetics();
this.listyp();
},
filterLevel(e) {
if (e === "01") {
return "省抽";
} else if (e === "02") {
return "地级市";
} else if (e === "03") {
return "县级";
} else if (e === "04") {
return "乡、镇";
} else if (e === "05") {
return "其他";
}
},
//药品数据
async listyp() {
this.loading = true;
let msg1 = await this.$api.yaoPin.getYPList(this.form1);
this.tableData = msg1.data.records;
this.total = msg1.data.total;
this.form1.size = msg1.data.size;
this.form1.current = msg1.data.current;
this.loading = false;
},
//判断是哪一个档案传递过来的数据
getDAList() {
let AA = this.$store.state.app.urlA;
if (AA) {
// 化妆品
if (AA.type == "1") {
} else if (AA.type == "2") {
//药品
this.listyp();
} else if (AA.type == "3") {
}
}
},
// 详情弹出框的tabs切换事件
actionTab(id){
actionTab(id) {
this.action = id;
if(id == 1) {
this.currentComponent = 'basicInfo'
if (id == 1) {
this.currentComponent = "basicInfo";
} else {
this.currentComponent = 'chouYang'
this.currentComponent = "chouYang";
}
},
//药品详情
async idData() {
this.load1 = true;
let msg1 = await this.$api.yaoPin.getSingle(this.ids);
this.filter(msg1.data, this.descriptions);
this.load1 = false;
},
//处理数据
filter(A, B) {
for (let key in A) {
B.forEach((values, index) => {
if (values.data === key) {
B[index].value = A[key];
}
});
}
},
// 点击详情按钮
handleEdit(index,row){
if(index == 1) {
this.$refs.chouyangDialog.open(row);
} else if(index == 2){
handleEdit(index, row) {
this.ids = row.id;
console.log(this.ids);
// 化妆品
if (this.urlA.type == "1") {
} else if (this.urlA.type == "2") {
//药品要判断是国抽还是省抽
this.idData();
this.$refs.xiangqingDialog.open(row);
} else if( index == 3) {
this.$refs.medicalInfo.open(row)
} else if(index == 0) {
this.$refs.samplingDetail.open(row)
} else if(index == 4) {
this.$refs.drugProvince.open(row)
} else if(index == 5) {
this.$refs.drugDetail.open(row)
} else if (this.urlA.type == "3") {
}
// if (index == 1) {
// this.$refs.chouyangDialog.open(row);
// } else if (index == 2) {
// this.$refs.xiangqingDialog.open(row);
// } else if (index == 3) {
// this.$refs.medicalInfo.open(row);
// } else if (index == 0) {
// this.$refs.samplingDetail.open(row);
// } else if (index == 4) {
// this.$refs.drugProvince.open(row);
// } else if (index == 5) {
// this.$refs.drugDetail.open(row);
// }
},
// tabs某列的样式修改
columnStyle({ row, column, rowIndex, columnIndex }) {
if (columnIndex == 7 || columnIndex == 0) {
return "font-family: DIN;";
} else if (columnIndex == 2 || columnIndex == 1 || columnIndex == 3 || columnIndex == 4) {
} else if (
columnIndex == 2 ||
columnIndex == 1 ||
columnIndex == 3 ||
columnIndex == 4
) {
return "font-family: Source Han Sans CN;";
} else if(columnIndex == 5 || columnIndex == 6 || columnIndex == 8) {
} else if (columnIndex == 5 || columnIndex == 6 || columnIndex == 8) {
return "font-family: Adobe Heiti Std;font-weight: normal;";
}
},
currentChange(index){
},
sizeChange(index){
},
currentChange(index) {},
sizeChange(index) {},
},
mounted(){
// this.$nextTick(()=>{
// let dom = document.getElementsByClassName('pzChouyang');
// let height = dom[0].getBoundingClientRect();
// let windowWidth = window.innerWidth;
// let windowHeight = window.innerHeight;
// let relativeHeight = windowHeight - height.top - (26 / 1920 * windowWidth)
// this.pzChouyangStyle.height = relativeHeight + 'px'
// })
console.log(this.transinformation)
}
}
mounted() {
// this.$nextTick(()=>{
// let dom = document.getElementsByClassName('pzChouyang');
// let height = dom[0].getBoundingClientRect();
// let windowWidth = window.innerWidth;
// let windowHeight = window.innerHeight;
// let relativeHeight = windowHeight - height.top - (26 / 1920 * windowWidth)
// this.pzChouyangStyle.height = relativeHeight + 'px'
// })
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/styles/utils.scss";
@ -322,7 +711,7 @@ export default {
padding: 0;
font-size: vw(14);
font-weight: 400;
color: #292F38;
color: #292f38;
}
::v-deep .el-table th {
height: vh(40);
@ -379,9 +768,9 @@ export default {
.tabs {
width: 100%;
display: flex;
border-bottom: vw(1) solid #DBE0E8;
border-bottom: vw(1) solid #dbe0e8;
.tab {
border: vw(1) solid #DBE0E8;
border: vw(1) solid #dbe0e8;
padding: vh(7) vw(22);
display: flex;
align-items: center;
@ -389,7 +778,7 @@ export default {
margin-right: vw(9);
cursor: pointer;
&:last-child{
&:last-child {
margin-right: 0;
}
@ -410,16 +799,86 @@ export default {
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #2F3742;
color: #2f3742;
}
}
.actionTab {
background-color: #1E80EB;
background-color: #1e80eb;
span {
color: #fff;
}
}
}
}
.drug-input {
background: #f5f9fc;
padding: vh(40) vw(22);
display: flex;
align-items: center;
.inputs {
display: flex;
align-items: center;
.rank,
.number {
display: flex;
align-items: center;
.input--label {
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #6a6c6f;
}
::v-deep .el-input__inner {
width: vw(386);
height: vw(40);
border-radius: vw(2);
}
::v-deep .el-select__caret::before {
line-height: vw(40);
}
}
.number {
margin-left: vw(39);
}
}
.search-btns {
margin-left: vw(40);
display: flex;
align-items: center;
.inquire {
display: flex;
justify-content: center;
align-items: center;
border: none;
width: vw(64);
height: vh(40);
background: #1e80eb;
border-radius: vw(4);
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: vh(50);
margin-left: vw(10);
cursor: pointer;
}
.reset {
display: flex;
justify-content: center;
align-items: center;
width: vw(64);
height: vh(40);
border: vw(1) solid #1e80eb;
border-radius: vw(4);
background-color: #fff;
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #1e80eb;
line-height: vh(50);
cursor: pointer;
}
}
}
</style>

597
src/views/firmContent/drugInfo/PZchouyang/basicInfo/basicInfo.vue
Unescape View File

@ -1,152 +1,473 @@
<template>
<block-header title="国家药品抽检信息">
<my-descriptions :descriptions="descriptions" width></my-descriptions>
<my-descriptions
:descriptions="descriptions"
width
v-loading="loading"
></my-descriptions>
</block-header>
</template>
<script>
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
import myDescriptions from "@/views/firmContent/components/descriptions/index.vue"
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue";
import myDescriptions from "@/views/firmContent/components/descriptions/index.vue";
export default {
data() {
return {
descriptions:[
{
id:1,
label:'药品通用名称',
value:'注射用冷冻干燥用氯化丁基橡胶塞'
},{
id:2,
label:'药品商品名称',
value:'xxxxxxxxxxxxxxx'
},{
id:3,
label:'药品批准文号',
value:'药包材登记号B20190008023'
},{
id:4,
label:'药品类别',
value:'xxxxxxxxxxxxxxx'
},{
id:5,
label:'药品上市许可持有人',
value:'重庆市沛玲三海兰陵有限责任公司'
},{
id:6,
label:'药品上市许可持有人统一社会信用代码',
value:'xxxxxxxxxxxxxxx'
},{
id:7,
label:'药品上市许可持有人地址',
value:'xxxxxxxxxxxxx'
},{
id:8,
label:'药品上市许可持有人所在省份',
value:'xxxxxxxxxxxxxxx'
},{
id:9,
label:'剂型',
value:'xxxxxxxxxxxxxxx'
},{
id:10,
label:'制剂规格',
value:'xxxxxxxxxxxxxxx'
},{
id:11,
label:'包装规格',
value:'xxxxxxxxxxxxxxxxx'
},{
id:12,
label:'抽样编号',
value:'xxxxxxxxxxxxxxx'
},{
id:13,
label:'抽样数量',
value:'xxxxxxxxxxxxxxx'
},{
id:14,
label:'效期',
value:'xxxxxxxxxxxxxxx'
},{
id:15,
label:'来源',
value:'xxxxxxxxxxxxxxxxx'
},{
id:16,
label:'抽样环节',
value:'xxxxxxxxxxxxxxx'
},{
id:17,
label:'批号',
value:'xxxxxxxxxxxxxx'
},{
id:18,
label:'有效期截止日期',
value:'xxxxxxxxxxxxxxx'
},{
id:19,
label:'被抽样单位统一社会信用代码',
value:'xxxxxxxxxxxxxx'
},{
id:20,
label:'被抽样单位名称',
value:'xxxxxxxxxxxxxxx'
},{
id:21,
label:'被抽样单位地址',
value:'xxxxxxxxxxxxxxx'
},{
id:22,
label:'抽样地点性质',
value:'xxxxxxxxxxxxxxx'
},{
id:23,
label:'药品单价',
value:'xxxxxxxxxxxxxx'
},{
id:24,
label:'抽样单位所在省份',
value:'xxxxxxxxxxxxxxx'
},{
id:25,
label:'生产日期',
value:'xxxxxxxxxxxxxxxx'
},{
id:26,
label:'药品总价',
value:'xxxxxxxxxxxxxxx'
},{
id:27,
label:'药品存放现场湿度',
value:'xxxxxxxx'
},{
id:28,
label:'样品存放现场温度',
value:'xxxxxxxxxxxxxxx'
},{
id:29,
label:'抽样级别',
value:'xxxxxxx'
},{
id:30,
label:'抽样日期',
value:'xxxxxxxxxxxx'
},{
id:31,
label:'承检机构',
value:'xxxxxxxxx'
},{
id:32,
label:'抽样单位经手人',
value:'xxxxxxxxxxxxxx'
},
]
// descriptions:[
// {
// id:1,
// label:'药品通用名称',
// value:'注射用冷冻干燥用氯化丁基橡胶塞'
// },{
// id:2,
// label:'药品商品名称',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:3,
// label:'药品批准文号',
// value:'药包材登记号B20190008023'
// },{
// id:4,
// label:'药品类别',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:5,
// label:'药品上市许可持有人',
// value:'重庆市沛玲三海兰陵有限责任公司'
// },{
// id:6,
// label:'药品上市许可持有人统一社会信用代码',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:7,
// label:'药品上市许可持有人地址',
// value:'xxxxxxxxxxxxx'
// },{
// id:8,
// label:'药品上市许可持有人所在省份',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:9,
// label:'剂型',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:10,
// label:'制剂规格',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:11,
// label:'包装规格',
// value:'xxxxxxxxxxxxxxxxx'
// },{
// id:12,
// label:'抽样编号',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:13,
// label:'抽样数量',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:14,
// label:'效期',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:15,
// label:'来源',
// value:'xxxxxxxxxxxxxxxxx'
// },{
// id:16,
// label:'抽样环节',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:17,
// label:'批号',
// value:'xxxxxxxxxxxxxx'
// },{
// id:18,
// label:'有效期截止日期',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:19,
// label:'被抽样单位统一社会信用代码',
// value:'xxxxxxxxxxxxxx'
// },{
// id:20,
// label:'被抽样单位名称',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:21,
// label:'被抽样单位地址',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:22,
// label:'抽样地点性质',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:23,
// label:'药品单价',
// value:'xxxxxxxxxxxxxx'
// },{
// id:24,
// label:'抽样单位所在省份',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:25,
// label:'生产日期',
// value:'xxxxxxxxxxxxxxxx'
// },{
// id:26,
// label:'药品总价',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:27,
// label:'药品存放现场湿度',
// value:'xxxxxxxx'
// },{
// id:28,
// label:'样品存放现场温度',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:29,
// label:'抽样级别',
// value:'xxxxxxx'
// },{
// id:30,
// label:'抽样日期',
// value:'xxxxxxxxxxxx'
// },{
// id:31,
// label:'承检机构',
// value:'xxxxxxxxx'
// },{
// id:32,
// label:'抽样单位经手人',
// value:'xxxxxxxxxxxxxx'
// },
// ],
// descriptions: [
// {
// span: 1,
// label: "药品通用名称",
// value: "",
// data: "yptymc",
// },
// {
// span: 1,
// label: "药品商品名称",
// value: "",
// data: "ypspmc",
// },
// {
// span: 1,
// label: "药品批准文号",
// value: "",
// data: "yppzwh",
// },
// {
// span: 1,
// label: "药品类别",
// value: "",
// data: "yplb",
// },
// {
// span: 1,
// label: "药品上市许可持有人",
// value: "",
// data: "ypssxkcyr",
// },
// {
// span: 1,
// label: "药品上市许可持有人统一社会信用代码",
// value: "",
// data: "ypssxkcyrtyshxxdm",
// },
// {
// span: 1,
// label: "药品上市许可持有人地址",
// value: "",
// data: "ypssxkcyrdz",
// },
// {
// span: 1,
// label: "药品上市持有人所在省份",
// value: "",
// data: "ypssxkcyrszsf",
// },
// {
// span: 1,
// label: "剂型",
// value: "",
// data: "jx",
// },
// {
// span: 1,
// label: "制剂规格",
// value: "",
// data: "zjgg",
// },
// {
// span: 1,
// label: "包装规格",
// value: "",
// data: "bzgg",
// },
// {
// span: 1,
// label: "抽样编号",
// value: "",
// data: "cybh",
// },
// {
// span: 1,
// label: "抽样数量",
// value: "",
// data: "cysl",
// },
// {
// span: 1,
// label: "有效期",
// value: "",
// data: "xq",
// },
// {
// span: 1,
// label: "来源",
// value: "",
// data: "ly",
// },
// {
// span: 1,
// label: "抽样环节",
// value: "",
// data: "cyhj",
// },
// {
// span: 1,
// label: "批号",
// value: "",
// data: "ph",
// },
// {
// span: 1,
// label: "有效期截至日期",
// value: "",
// data: "yxqjzrq",
// },
// {
// span: 1,
// label: "被抽样单位统一社会信用代码",
// value: "",
// data: "bcydwshyxdm",
// },
// {
// span: 1,
// label: "被抽样单位名称",
// value: "",
// data: "bcydwmc",
// },
// {
// span: 1,
// label: "被抽样单位地址",
// value: "",
// data: "bcydwdz",
// },
// {
// span: 1,
// label: "抽样地点性质",
// value: "",
// data: "cyddxz",
// },
// {
// span: 1,
// label: "抽样单位名称全称",
// value: "",
// data: "cydwmc",
// },
// {
// span: 1,
// label: "抽样单位所在省份",
// value: "",
// data: "cydwszsf",
// },
// {
// span: 1,
// label: "药品单价",
// value: "",
// data: "ypdj",
// },
// {
// span: 1,
// label: "药品总价",
// value: "",
// data: "ypzj",
// },
// {
// span: 1,
// label: "生产日期",
// value: "",
// data: "scrq",
// },
// {
// span: 1,
// label: "样品存放现场温度",
// value: "",
// data: "ypcfxcwd",
// },
// {
// span: 1,
// label: "样品存放现场湿度",
// value: "",
// data: "ypcfxcsd",
// },
// {
// span: 1,
// label: "抽样日期",
// value: "",
// data: "cyrq",
// },
// {
// span: 1,
// label: "抽样级别",
// value: "",
// data: "cyjb",
// },
// {
// span: 1,
// label: "抽样单位经手人",
// value: "",
// data: "cydwjsr",
// },
// {
// span: 1,
// label: "承检机构",
// value: "",
// data: "cjjg",
// },
// {
// span: 1,
// label: "生产企业是否否认生产",
// value: "",
// data: "scqysffrsc",
// },
// {
// span: 1,
// label: "基本药物 ",
// value: "",
// data: "jbyw",
// },
// {
// span: 1,
// label: "抽样任务",
// value: "",
// data: "cyrw",
// },
// {
// span: 1,
// label: "最终检验结论",
// value: "",
// data: "zzjyjl",
// },
// {
// span: 1,
// label: "检验证书编号",
// value: "",
// data: "jybgsbh",
// },
// {
// span: 1,
// label: "报告签发日期",
// value: "",
// data: "bgqfrq",
// },
// {
// span: 1,
// label: "复检结论",
// value: "",
// data: "fjjl",
// },
// {
// span: 1,
// label: "复检检验依据",
// value: "",
// data: "fjjyyj",
// },
// {
// span: 1,
// label: "复检报告书编号",
// value: "",
// data: "fjbgsbh",
// },
// {
// span: 1,
// label: "复检报告签发日期",
// value: "",
// data: "fjbgqfrq",
// },
// {
// span: 1,
// label: "收样或退样日期",
// value: "",
// data: "syhtyrq",
// },
// {
// span: 1,
// label: "原检结论",
// value: "",
// data: "yjjl",
// },
// {
// span: 1,
// label: "补充检验结果",
// value: "",
// data: "bcjyjg",
// },
// {
// span: 1,
// label: "计划ID",
// value: "",
// data: "planId",
// },
// {
// span: 1,
// label: "计划名称",
// value: "",
// data: "planName",
// },
// {
// span: 1,
// label: "编辑时间",
// value: "",
// data: "bjsj",
// },
// {
// span: 1,
// label: "更新时间",
// value: "",
// data: "gxsj",
// },
// ],
// loading: true,
};
},
props: {
descriptions:{
type:Array,
default:[]
},
loading:{
type:Boolean,
default:true
}
},
components:{blockHeader,myDescriptions},
methods:{
components: { blockHeader, myDescriptions },
created() {
},
mounted(){
},
}
methods: {
},
};
</script>
<style lang="scss" scoped>
</style>

365
src/views/firmContent/drugInfo/PZchouyang/chouYang/chouYang.vue
Unescape View File

@ -1,290 +1,121 @@
<template>
<block-header title="检验项目信息">
<div class="tables">
<el-table
:data="tableData"
style="width: 100%"
v-loading="loading"
border
>
<el-table-column
prop="id"
header-align="center"
label="序号"
width="50"
>
</el-table-column>
<el-table-column
prop="dalei"
header-align="center"
width="80"
label="检验大类"
>
</el-table-column>
<el-table-column
prop="project"
width="90"
header-align="center"
label="检验项目"
>
</el-table-column>
<el-table-column
prop="guiding"
header-align="center"
label="标准规定"
>
</el-table-column>
<el-table-column
prop="jieguo"
header-align="center"
width="105"
label="检验结果"
>
</el-table-column>
<el-table-column
prop="jielun"
header-align="center"
width="80"
label="检验结论"
>
</el-table-column>
<el-table-column
prop="yiju"
label="检验依据"
header-align="center"
>
</el-table-column>
<el-table-column
prop="xuhao"
label="检验序号"
width="90"
header-align="center"
>
</el-table-column>
<el-table-column
prop="leibie"
label="报告类别"
width="90"
header-align="center"
>
</el-table-column>
<el-table-column
prop="bianhao"
label="抽样编号"
width="135"
header-align="center"
>
</el-table-column>
<el-table-column
prop="name"
label="药品通用名"
header-align="center"
>
</el-table-column>
<el-table-column
prop="editdate"
label="编辑时间"
width="90"
header-align="center"
>
</el-table-column>
<el-table-column
prop="update"
label="更新时间"
width="90"
header-align="center"
>
</el-table-column>
</el-table>
</div>
<div class="pagination">
<span class="custom"
>共{{ tableData.length }}条，显示{{
0
}}-{{ tableData.length }}条</span
>
<el-pagination
background
small
@current-change="currentChange"
@size-change="sizeChange"
:current-page.sync="current"
:page-size.sync="size"
:page-sizes="[10, 15]"
layout=" prev, pager, next, sizes, jumper"
:total="tableData.length"
>
</el-pagination>
<tables :labels="labels" :list="tableData" :loading="loading"></tables>
</div>
<pagination
v-show="total > 0"
:total="total"
:page="form1.current"
:limit="form1.size"
@pagination="getPagination"
></pagination>
</block-header>
</template>
<script>
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
import tables from "@/views/firmContent/components/table/index.vue";
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue";
export default {
data() {
return {
tableData:[
tableData: [],
total: 1,
labels: [
{
header: "检验大类",
value: "jydl",
width: "",
},
{
header: "检验项目",
value: "jyxm",
width: "",
},
{
header: "标准规定",
value: "bzgd",
width: "",
},
{
id:1,
dalei:'其他',
project:'含量测定',
guiding:'按无水物计算，每 1mg的效应不得少 于610红霉素单位',
jieguo:'655单位',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'14',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:2,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'18',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:3,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'16',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:4,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'25',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:5,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'55',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:6,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'23',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:7,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'11',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:8,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'18',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:9,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'12',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:10,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'15',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
header: "检验结果",
value: "jyjg",
width: "",
},
{
header: "检验结论",
value: "jyjl",
width: "",
},
{
header: "检验依据",
value: "jyyj",
width: "",
},
{
header: "检验序号",
value: "jyxh",
width: "",
},
{
header: "报告类别",
value: "bglb",
width: "",
},
{
header: "抽样编号",
value: "cybh",
width: "",
},
{
header: "药品通用名字",
value: "yptym",
width: "",
},
{
header: "编辑时间",
value: "bjsj",
width: "",
},
{
header: "更新时间",
value: "gxsj",
width: "",
},
],
loading:false,
current:1,
size:10
}
loading: false,
form1: {
current: 1,
size: 10,
},
};
},
components:{blockHeader},
methods:{
currentChange(index){
components: { blockHeader, tables },
created() {
this.arrData();
},
methods: {
async arrData() {
this.loading = true;
let msg1 = await this.$api.yaoPin.jyList(this.form1);
this.tableData = msg1.data.records;
this.total = msg1.data.total;
this.form1.current = msg1.data.current;
this.form1.size = msg1.data.size;
this.loading = false;
},
sizeChange(index){
getPagination(e) {
console.log(e);
this.form1.current = e.page;
this.form1.size = e.limit;
this.arrData();
},
},
}
};
</script>
<style lang="scss" scoped>
@import "@/assets/styles/utils.scss";
.tables {
min-height: 400px;
.button {
display: flex;
justify-content: center;
@ -313,7 +144,7 @@ export default {
font-size: vw(14);
font-weight: 400;
font-family: Source Han Sans CN;
color: #292F38;
color: #292f38;
}
::v-deep .el-table th {
height: vh(40);

1310
src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue
View File

File diff suppressed because it is too large Load Diff

267
src/views/firmContent/drugInfo/drugBasicInfo/qxBasicInfo/index.vue
Unescape View File

@ -1,267 +0,0 @@
<template>
<block-header title="基本信息">
<el-descriptions :column="2" :colon="false" border labelClassName='labelClassName' contentClassName="contentClassName">
<el-descriptions-item label="产品名称">{{ cpmc }}</el-descriptions-item>
<el-descriptions-item label="注册厂家"></el-descriptions-item>
<el-descriptions-item label="统一社会信用代码">{{ shxydm }}</el-descriptions-item>
<el-descriptions-item label="生产地址">{{ scdz }}</el-descriptions-item>
<el-descriptions-item label="注册人住所/备案人注册地址">{{ sczdz }}</el-descriptions-item>
<el-descriptions-item label="注册人/备案人所在地区">{{ zcrszx }}</el-descriptions-item>
<el-descriptions-item label="注册人/备案人所在市">{{ zcrszshi }}</el-descriptions-item>
<el-descriptions-item label="产品类型">{{ cplx }}</el-descriptions-item>
<el-descriptions-item label="行政区划代码">{{ xzqydm }}</el-descriptions-item>
<el-descriptions-item label="结构特征">{{ ylqxjgtz }}</el-descriptions-item>
<el-descriptions-item label="注册证编号/备案号">{{ zczh }}</el-descriptions-item>
<el-descriptions-item label="创新产品">{{ sfCxcp }}</el-descriptions-item>
<el-descriptions-item label="分类编码">{{ ylqxflbm }}</el-descriptions-item>
<el-descriptions-item label="产品管理类别">{{ cplb }}</el-descriptions-item>
<el-descriptions-item label="结构及组成或主要组成部分" span="2">{{ jgjzccf }}</el-descriptions-item>
<el-descriptions-item label="结构及组成或主要组成部分附件" span="2">
<div class="fileBox">
<span>
<i class="el-icon-s-marketing"></i>
</span>
<div>{{ jgjzccffj }}</div>
<div class="file-icon">
<!-- jgjzccflj 下载地址字段 -->
<i class="el-icon-download"></i>
下载
</div>
</div>
</el-descriptions-item>
<el-descriptions-item label="适用范围或预期用途" span="2">{{ cpsyfw }}</el-descriptions-item>
<el-descriptions-item label="适用范围或预期用途附件" span="2">
<div class="fileBox">
<span>
<i class="el-icon-s-marketing"></i>
</span>
<div>{{ cpsyfwfj }}</div>
<div class="file-icon">
<!-- cpsyfwlj -->
<i class="el-icon-download"></i>
下载
</div>
</div>
</el-descriptions-item>
<el-descriptions-item label="规格型号/包装规格" span="2">{{ xhgg }}</el-descriptions-item>
<el-descriptions-item label="规格型号/包装规格附件" span="2">
<div class="fileBox">
<span>
<i class="el-icon-s-marketing"></i>
</span>
<div>{{ xhggfj }}</div>
<div class="file-icon" @click="downloadFile(xhgglj)">
<!-- xhgglj -->
<i class="el-icon-download"></i>
下载
</div>
</div>
</el-descriptions-item>
<el-descriptions-item label="产品存储条件/产品有效期" span="2">{{ cpyxq }}</el-descriptions-item>
<el-descriptions-item label="批准日期">{{ pzrq }}</el-descriptions-item>
<el-descriptions-item label="生效日期">{{ sxrq }}</el-descriptions-item>
<el-descriptions-item label="批准有效期">{{ pzyxq }}</el-descriptions-item>
<el-descriptions-item label="批准有效期至疫情结束">{{ pzyxqzyqjs }}</el-descriptions-item>
<el-descriptions-item label="产品技术要求" span="2">{{ cpjsyq }}</el-descriptions-item>
<el-descriptions-item label="产品技术要求附件" span="2">
<div class="fileBox">
<span>
<i class="el-icon-s-marketing"></i>
</span>
<div>A项目检验报告.doc</div>
<div class="file-icon">
<!-- cpjsyqlj -->
<i class="el-icon-download"></i>
下载
</div>
</div>
</el-descriptions-item>
<el-descriptions-item label="产品状态"></el-descriptions-item>
<el-descriptions-item label="首次上报标志">{{ isUpload == 1 ? "是":"否" }}</el-descriptions-item>
<el-descriptions-item label="审批部门/备案部门">{{ spbm }}</el-descriptions-item>
<el-descriptions-item label="注册证状态/备案凭证状态">{{ ppztDm }}</el-descriptions-item>
<el-descriptions-item label="注销/撤销/吊销/取消备案时间" span="2">{{ zxsj }}</el-descriptions-item>
<el-descriptions-item label="原注册证号">{{ yzczh }}</el-descriptions-item>
<!-- xkztpfjId附件id字段 -->
<el-descriptions-item label="许可证图片附件"></el-descriptions-item>
<el-descriptions-item label="延续注册次数">{{ yxzccs }}</el-descriptions-item>
<el-descriptions-item label="联系人">{{ lxr }}</el-descriptions-item>
<el-descriptions-item label="电话号码">{{ lxdh }}</el-descriptions-item>
<el-descriptions-item label="传真">{{ cz }}</el-descriptions-item>
<el-descriptions-item label="电子邮箱">{{ dzyx }}</el-descriptions-item>
<el-descriptions-item label="是否为优先注册产品">{{ sfYxz }}</el-descriptions-item>
<el-descriptions-item label="是否为应急注册产品">{{ sfYjzccp }}</el-descriptions-item>
<el-descriptions-item label="是否为组合包装类产品">{{ sfZhlcp }}</el-descriptions-item>
<el-descriptions-item label="是否为一次性适用产品">{{ sfYcxsycp }}</el-descriptions-item>
<el-descriptions-item label="是否为附条件审批产品">{{ sfFjtjspcp }}</el-descriptions-item>
<!-- smslj -->
<el-descriptions-item label="说明书附件" span="2">{{ sms ? sms:'-' }}</el-descriptions-item>
<el-descriptions-item label="变更内容" span="2">{{ bgqk }}</el-descriptions-item>
<el-descriptions-item label="变更日期" span="2">{{ bgrq }}</el-descriptions-item>
<el-descriptions-item label="变更历史记录" span="2">{{ bglsjl }}</el-descriptions-item>
<el-descriptions-item label="其他内容" span="2">{{ qtnr }}</el-descriptions-item>
<el-descriptions-item label="备注" span="2">{{ bz }}</el-descriptions-item>
</el-descriptions>
</block-header>
</template>
<script>
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
import downloadFilebox from "@/views/firmContent/components/downloadFileBox/index.vue"
export default {
data() {
return {
files:[
{
id:1,
name:'A项目检验报告.pdf',
size:'44KB',
}
],
cpmc:'-',
shxydm:'-',
scdz:'-',
sczdz:'-',
zcrszx:'-',
zcrszshi:'-',
cplx:'-',
xzqydm:'-',
ylqxjgtz:'-',
zczh:'-',
sfCxcp:'-',
ylqxflbm:'-',
cplb:'-',
jgjzccf:'-',
jgjzccffj:'-',
cpsyfw:'-',
cpsyfwfj:'-',
xhgg:'-',
xhggfj:'-',
cpyxq:'-',
pzrq:'-',
sxrq:'-',
pzyxq:'-',
pzyxqzyqjs:'-',
cpjsyq:'-',
isUpload:'-',
spbm:'-',
ppztDm:'-',
zxsj:'-',
yzczh:'-',
yxzccs:'-',
lxr:'-',
lxdh:'-',
cz:'-',
dzyx:'-',
sfYxz:'-',
sfYjzccp:'-',
sfZhlcp:'-',
sfYcxsycp:'-',
sfFjtjspcp:'-',
sms:'-',
bgqk:'-',
bgrq:'-',
bglsjl:'-',
qtnr:'-',
bz:'-',
xhgglj:null,
}
},
props:['myzczh'],
components:{blockHeader,downloadFilebox},
methods:{
async ylqxJnyelcp(){
let data = await this.$api.productDetails.ylqxJnyelcp(this.myzczh);
this.cpmc = data.data.cpmc;
this.shxydm = data.data.shxydm;
this.scdz = data.data.scdz;
this.sczdz = data.data.sczdz;
this.zcrszx = data.data.zcrszx;
this.zcrszshi = data.data.zcrszshi;
this.cplx = data.data.cplx;
this.xzqydm = data.data.xzqydm;
this.ylqxjgtz = data.data.ylqxjgtz;
this.zczh = data.data.zczh;
this.sfCxcp = data.data.sfCxcp;
this.ylqxflbm = data.data.ylqxflbm;
this.cplb = data.data.cplb;
this.jgjzccf = data.data.jgjzccf;
this.jgjzccffj = data.data.jgjzccffj;
this.cpsyfw = data.data.cpsyfw;
this.cpsyfwfj = data.data.cpsyfwfj;
this.xhgg = data.data.xhgg;
this.xhggfj = data.data.xhggfj;
this.cpyxq = data.data.cpyxq;
this.pzrq = data.data.pzrq;
this.sxrq = data.data.sxrq;
this.pzyxq = data.data.pzyxq;
this.pzyxqzyqjs = data.data.pzyxqzyqjs;
this.cpjsyq = data.data.cpjsyq;
this.isUpload = data.data.isUpload;
this.spbm = data.data.spbm;
this.ppztDm = data.data.ppztDm;
this.zxsj = data.data.zxsj;
this.yzczh = data.data.yzczh;
this.yxzccs = data.data.yxzccs;
this.lxr = data.data.lxr;
this.lxdh = data.data.lxdh;
this.cz = data.data.cz;
this.dzyx = data.data.dzyx;
this.sfYxz = data.data.sfYxz;
this.sfYjzccp = data.data.sfYjzccp;
this.sfZhlcp = data.data.sfZhlcp;
this.sfYcxsycp = data.data.sfYcxsycp;
this.sfFjtjspcp = data.data.sfFjtjspcp;
this.sms = data.data.sms;
this.bgqk = data.data.bgqk;
this.bgrq = data.data.bgrq;
this.bglsjl = data.data.bglsjl;
this.qtnr = data.data.qtnr;
this.bz = data.data.bz;
this.xhgglj = data.data.xhgglj;
},
downloadFile(url){
console.log(url)
}
},
mounted(){
this.ylqxJnyelcp()
}
}
</script>
<style lang="scss" scoped>
@import "@/assets/styles/utils.scss";
::v-deep .el-descriptions__body {
.labelClassName{
background-color: #F7FAFC;
width: vw(246);
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #6A6C6F;
}
.contentClassName{
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #292F38;
.my--file {
display: flex;
flex-direction: column;
width: 95%;
}
}
.fileBox {
margin-top: 8px;
display: flex;
color: #333;
cursor: pointer;
& > span {
font-size: 14px;
}
.file-icon {
color: #02d1a6;
margin-left: 40px;
}
}
}
</style>

186
src/views/firmContent/drugInfo/index.vue
Unescape View File

@ -3,9 +3,9 @@
<div class="drugInfo-top">
<div class="top-left">
<div class="drug-name">
<span v-if="isYppzwh">药品通用名称：</span>
<span v-else>产品名称：</span>
<span class="Name">{{ name }}</span>
<span>{{ pruduct.key }} ：</span>
<!-- <span class="Name">{{ 暂无 }}</span> -->
<span class="Name">{{ pruduct.value || '暂无' }}</span>
</div>
<div class="drug-tag">
<span v-for="item in tags" :key="item.id">{{ item.name }}</span>
@ -33,7 +33,7 @@
</div>
</div>
</div>
<div class="drug-input" v-show="action == 2 || action == 3 ">
<!-- <div class="drug-input" v-show="action == 2 || action == 3 ">
<div class="inputs">
<div class="rank" v-show="action == 2">
<div class="input--label">抽样级别：</div>
@ -63,18 +63,18 @@
<button class="reset" @click="reset">重置</button>
<button class="inquire" @click="inquire(1)">查询</button>
</div>
</div>
</div> -->
<div class="drug-exit" :style="drugExitStyle">
<!-- <router-view></router-view> -->
<component :is="currentComponent" :transinformation="transinformation"></component>
<component :is="currentComponent" :transinformation="transinformation" @getCPName="getCPName"></component>
</div>
</div>
</div>
</template>
<script>
import basicInfo from "./drugBasicInfo/drugBasicInfo.vue"
import PZchouyang from "./PZchouyang/PZchouyang.vue"
import adverseReaction from "./adverseReaction/adverseReaction.vue"
import basicInfo from "./drugBasicInfo/drugBasicInfo"
import PZchouyang from "./PZchouyang/PZchouyang"
import adverseReaction from "./adverseReaction/adverseReaction"
export default {
data() {
return {
@ -88,21 +88,7 @@ export default {
name:'疗效显著'
},
],
options:[
{
value:0,
label:'国抽'
},{
value:1,
label:'省抽'
},
],
value:'',
action:1,
// action == 3 报告编号 ⌈ 输入框绑定的值 ⌋
number:'',
// action == 2抽样编号/action == 3患者姓名 ⌈ 输入框绑定的值 ⌋
name:'',
currentComponent:'basicInfo',
drugExitStyle:{
height:'',
@ -111,9 +97,11 @@ export default {
goback:true,
id:null,
token:null,
isYppzwh:false,
isHzp:false,
isTsHzp:false,
//产品名称
pruduct:{
key:'某某产品',
value:'-'
}
}
},
components:{
@ -122,6 +110,11 @@ export default {
adverseReaction
},
methods:{
//获取名称
getCPName(e){
this.pruduct.key = e.key
this.pruduct.value = e.value
},
goBack(){
this.$router.go(-1)
},
@ -148,12 +141,6 @@ export default {
// this.$router.push({ name:'adverseReaction' })
}
},
inquire(){
// this.isOne = true;
},
reset(){
// this.isOne = false;
},
getHeight(){
let dom = document.getElementsByClassName('drug-exit');
let height = dom[0].getBoundingClientRect();
@ -161,37 +148,7 @@ export default {
let windowHeight = window.innerHeight;
let relativeHeight = windowHeight - height.top - 10
this.drugExitStyle.height = relativeHeight + 'px'
},
// 药品
async getVRdgYpwhGxwz(res){
let data = await this.$api.productDetails.vRdgYpwhGxwz(res);
this.name = data.data.yptymc;
},
// 医疗器械
async ylqxJnyelcp(res){
let data = await this.$api.productDetails.ylqxJnyelcp(res);
this.name = data.data.cpmc;
},
// 国产化妆品
async getGccp(res){
let data = await this.$api.productDetails.gccp(res);
this.name = data.data.mc;
},
// 国产特殊化妆品
async gctshzp(res){
let data = await this.$api.productDetails.gctshzp(res);
this.name = data.data.cpmc;
},
// 进口化妆品
async jkcp(res) {
let data = await this.$api.productDetails.jkcp(res);
this.name = data.data.mc;
},
// 进口特殊化妆品
async jktshzp(res){
let data = await this.$api.productDetails.gccp(res);
this.name = data.data.cpmc;
},
}
},
// watch: {
// $route: {
@ -235,37 +192,10 @@ export default {
// this.row = this.$route.params.row;
let search = window.location.search.slice(1);
let params = search.split('&');
let paramsLabel = params[2].split('=')[0]
this.id = params[0].split('=')[1];
this.token = params[1].split('=')[1];
if (paramsLabel == 'yppzwh') {
this.isYppzwh = true;
this.getVRdgYpwhGxwz(params[2].split('=')[1]);
} else if(paramsLabel == 'qxzczh') {
this.ylqxJnyelcp(params[2].split('=')[1]);
} else if(paramsLabel == 'bah') {
// 判断是哪种化妆品
let cosmeticsType = params[3].split('=')[1];
if(cosmeticsType == '1') {
// 国产化妆品
this.getGccp(params[2].split('=')[1]);
} else if(cosmeticsType == '3') {
// 进口化妆品
this.jkcp(params[2].split('=')[1]);
}
} else if(paramsLabel == 'zczh') {
// 判断是哪种特殊化妆品
let cosmeticsType = params[3].split('=')[1];
if(cosmeticsType == '2') {
// 国产特殊化妆品
this.gctshzp(params[2].split('=')[1]);
} else if(cosmeticsType == '4') {
// 进口特殊化妆品
this.jktshzp(params[2].split('=')[1]);
}
if (params[0].includes('b')) {
this.id = params[0].split('=')[1]
this.token = params[1].split('=')[1]
}
// 判断是用⌈ 返回 ⌋ 还是用⌈ X ⌋ 用来返回上一级
if(this.id == '1') {
this.goback = true;
} else {
@ -390,75 +320,7 @@ export default {
}
}
}
.drug-input {
background: #F5F9FC;
padding: vh(40) vw(22);
display: flex;
align-items: center;
.inputs {
display: flex;
align-items: center;
.rank , .number {
display: flex;
align-items: center;
.input--label {
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #6A6C6F;
}
::v-deep .el-input__inner {
width: vw(386);
height: vw(40);
border-radius: vw(2);
}
::v-deep .el-select__caret::before {
line-height: vw(40);
}
}
.number {
margin-left: vw(39);
}
}
.search-btns {
margin-left: vw(40);
display: flex;
align-items: center;
.inquire {
display: flex;
justify-content: center;
align-items: center;
border: none;
width: vw(64);
height: vh(40);
background: #1e80eb;
border-radius: vw(4);
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: vh(50);
margin-left: vw(10);
cursor: pointer;
}
.reset {
display: flex;
justify-content: center;
align-items: center;
width: vw(64);
height: vh(40);
border: vw(1) solid #1e80eb;
border-radius: vw(4);
background-color: #fff;
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #1e80eb;
line-height: vh(50);
cursor: pointer;
}
}
}
.drug-exit {
margin-top: vh(25);
padding-bottom: vw(20);

342
src/views/firmContent/index.vue
Unescape View File

@ -0,0 +1,342 @@
<template>
<div class="affair">
<div class="affair-title">
<img src="@/assets/images/home/location.png" alt="" />
<p style="margin: 0 20px 0 0"><span>企业门户 / </span>企业中心</p>
<el-dropdown
size="mini"
split-button
type="primary"
trigger="click"
@command="handleCommand"
>
{{ TestName }}
<el-dropdown-menu slot="dropdown">
<el-dropdown-item
:command="item"
v-for="(item, index) in TestLise"
:key="index"
>{{ item.businessDomainName }}</el-dropdown-item
>
</el-dropdown-menu>
</el-dropdown>
</div>
<div class="affair-main">
<div class="main-left" v-if="num">
<div
v-for="(name, index) in typeName"
class="left-tabs"
:class="active == index ? 'active-tabs' : ''"
@click="activeTabs(index, name)"
:key="index"
>
<span>{{ name }}</span>
</div>
</div>
<div class="main-right">
<router-view></router-view>
</div>
</div>
</div>
</template>
<script>
import TestLise from "@/utils/TestList.js";
export default {
name: "firmContent",
data() {
return {
activeName: "first",
active: 0,
toPath: [],
num: true,
typeName: [],
componentsRoute: "firmInfo",
// 测试切换企业
TestName: "测试切换企业",
TestLise: TestLise,
};
},
methods: {
activeTabs(id, name) {
this.active = id;
/*
* 由于此页面有监听路由变化，点击切换左侧tabs时会监听到就会重新调取getFrimType()会导致给localStorage存储的currentFrimTypeName重新赋值，
* 导致子页面显示不正确tabs切换了，currentFrimTypeName被重新赋值存储typeName的第【0】项，子页面的内容不会发生改变
* 所以如果触发此事件⌈ activeTabs() ⌋说明该企业的经营类型肯定不止一个，所以localStorage存储的currentFrimTypeNameIsClick就是用来记录切换企业
* 的经营类型了在此方法里⌈ activeTabs() ⌋又对localStorage存储的currentFrimTypeName进行了最新点击的赋值，路由传参query带的typeName
* 发生了变化路由监听会继续调用getFrimType()方法 此时localStorage存储的currentFrimTypeNameIsClick为true⌈ 字符串 ⌋所以getFrimType()方法
* 里对localStorage存储的currentFrimTypeNameIsClick进行了判断不会对localStorage存储的currentFrimTypeName重新赋值为typeName的第【0】项，
* 子页面内容就会发生变化了
*/
// 同一个路由传递参数变化才能监听到路由的变化继而进行内容的切换
this.$router.push({ name: "firmInfo", query: { typeName: name } });
// 存储当前点击的经营类型
localStorage.setItem("currentFrimTypeName", JSON.stringify(name));
// 记录是否点击过tabs切换
localStorage.setItem("currentFrimTypeNameIsClick", true);
},
getFrimType(type) {
if (type.includes("化妆品生产")) {
// 化妆品生产
this.typeName.push("化妆品生产");
}
if (type.includes("药品上市许可持有人")) {
// 药品上市许可持有人
this.typeName.push("药品上市许可持有人");
}
if (type.includes("药品生产企业")) {
// 药品生产
this.typeName.push("药品生产");
}
if (type.includes("医疗机构制剂室")) {
// 制剂室
this.typeName.push("制剂室");
}
if (type.includes("药品批发企业")) {
// 药品经营
this.typeName.push("药品经营");
}
if (type.includes("药品零售连锁总部")) {
// 药品经营
this.typeName.push("药品经营");
}
if (type.includes("器械生产")) {
// 器械生产
this.typeName.push("器械生产");
}
if (type.includes("GCP机构")) {
// 临床试验
this.typeName.push("临床试验");
}
// 存储数组类型 企业的经营类型
localStorage.setItem("typeName", JSON.stringify(this.typeName));
// 判断是否点击过切换企业经营类型，点击过就不重置存储的currentFrimTypeName
if (localStorage.getItem("currentFrimTypeNameIsClick") !== 'true') {
// 存储默认第一项的经营类型 ⌈ 字符串类型 ⌋
localStorage.setItem("currentFrimTypeName",JSON.stringify(this.typeName[0]));
}
},
async getData() {
let frimInfo = JSON.parse(localStorage.getItem("frimCenterInfo"));
// 将该企业的经营类型转成数组类型
let businessDomainName = frimInfo.businessDomainName.split(",");
// 判断该企业的经营类型是否超过一种如果超过一种显示侧边切换tabs
if (businessDomainName.length > 1) {
this.num = true;
} else {
this.num = false;
}
// 将该企业的所有经营方式添加到一个数组中 并存储第一种经营方式
this.getFrimType(businessDomainName);
// let getAllTypeCount = await this.$api.frimCenter.getAllTypeCount();
// let six = {
// "pageNum": 1,
// "pageSize": 10,
// "licenseCode": frimInfo.uniscid,
// type: frimInfo.businessDomainName
// }
// let licenseRecord = await this.$api.frimCenter.licenseRecord(six);
// console.log("3",getAllTypeCount);
// console.log("6",licenseRecord);
},
handleCommand(command) {
console.log(command)
localStorage.setItem("frimCenterInfo",JSON.stringify(command))
localStorage.setItem("currentFrimTypeNameIsClick",false)
this.$router.push({name:'basicInfo'})
location.reload();
},
},
async mounted() {
// let frimInfo = JSON.parse(localStorage.getItem("loginName"));
// let data = {
// "corpName": "",
// "uniscid": "",
// "location": "",
// "enterpriseStatusId": "",
// "licenseCode": "",
// "type": [],
// "startDate": "",
// "endDate": "",
// "pageNum": 1,
// "pageSize": 10
// }
// let info = await this.$api.frimCenter.getEnterpriseLicenseByPage(data);
// localStorage.setItem('frimCenterInfo',JSON.stringify(info.result.list[3]))
// this.$nextTick(()=>{
// let businessDomainName = info.result.list[3].businessDomainName.split(',');
// if(businessDomainName.length > 1){
// this.num = true;
// }
// })
// this.getFrimType(businessDomainName)
// let businessLicense = await this.$api.frimCenter.businessLicense(info.result.list[0].uniscid);
// let getAllTypeCount = await this.$api.frimCenter.getAllTypeCount();
// let four = {
// "pageNum": 1,
// "pageSize": 10,
// "uniscid": info.result.list[0].uniscid,
// "type": info.result.list[0].businessDomainName
// }
// let six = {
// "pageNum": 1,
// "pageSize": 10,
// "licenseCode": info.result.list[3].uniscid,
// type: info.result.list[3].businessDomainName
// }
// let getEnterpriseLicenseList = await this.$api.frimCenter.getEnterpriseLicenseList(four);
// let xkxx = await this.$api.frimCenter.licenseInformation({'licenseCode':info.result.list[0].xkzbh,'type':info.result.list[0].businessDomainName});
// let xkxx = await this.$api.frimCenter.licenseInformation(info.result.list[0].xkzbh,info.result.list[0].businessDomainName);
// let licenseRecord = await this.$api.frimCenter.licenseRecord(six);
// console.log("1",info);
// console.log("2",businessLicense); // 头部的 企业信息 目前极创企业的数据是空的
// console.log("3",getAllTypeCount);
// console.log("4",getEnterpriseLicenseList);
// console.log("5",xkxx);
// console.log("6",licenseRecord);
},
async created() {
this.getData();
this.TestName = JSON.parse(
localStorage.getItem("frimCenterInfo")
).businessDomainName;
},
watch: {
$route: {
handler(to, from) {
// console.log('firmContent的路由监听',to)
// console.log(to.path);
if (JSON.parse(localStorage.getItem("currentFrimTypeName"))) {
let arr = JSON.parse(localStorage.getItem("typeName"));
// 遍历该企业的所有经营类型，上方的左侧tabs是遍历该数组，根据数组里的经营方式是否等于存储的当前点击的经营方式切换选中状态
arr.map((item, index) => {
if (
item == JSON.parse(localStorage.getItem("currentFrimTypeName"))
) {
this.active = index;
}
});
}
},
immediate: true, //第一次就执行
},
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/styles/utils.scss";
p {
margin: 0;
}
// $bg-height: vh(60);
.affair {
padding: vh(12) vw(18) 0 vw(18);
// min-height: calc(100vh - $bg-height / 1080 * 100vh);
// height: 100%;
background-image: url("../../assets/images/home/banner.png");
background-size: 100% 100%;
.affair-title {
padding: 0 0 vh(10) vw(51);
display: flex;
align-items: center;
img {
width: (16);
height: vh(18);
margin-right: vw(10);
}
p {
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #8e8e8e;
line-height: 17px;
span {
color: #292f38;
}
}
}
.affair-main {
display: flex;
// justify-content: flex-end;
min-height: 90vh;
.main-left {
visibility: visible;
display: flex;
flex-direction: column;
// height: vh(430);
margin-top: vh(9);
.left-tabs {
// width: vw(40);
// height: vh(113);
text-align: center;
padding: vh(25) vw(15);
background: url("../../assets/images/home/default-bg.png") no-repeat;
background-size: 100% 100%;
cursor: pointer;
margin: 0;
span {
// display: inline-block;
font-size: vw(16);
// width: vw(20);
// height: vh(200);
font-family: Source Han Sans CN;
font-weight: 400;
color: #8d8d8d;
/*文字居中*/
/*文字竖排*/
writing-mode: vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/
writing-mode: tb-lr; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
}
}
.active-tabs {
background: url("../../assets/images/home/active-bg.png") no-repeat;
background-size: 100% 100%;
span {
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 500;
color: #ffffff;
text-shadow: 0px 2px 6px rgba(15, 88, 209, 0.77);
}
}
}
.main-right {
flex: 1;
min-height: 90vh;
::v-deep .el-tabs__nav-scroll {
padding: vh(5) 0 vh(5) vw(23);
}
::v-deep .el-tabs__item {
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 500;
color: #8e8e8e;
}
::v-deep .is-active {
color: #292f38;
font-size: vw(17);
font-family: Source Han Sans CN;
font-weight: bold;
}
::v-deep .el-tabs__active-bar {
height: vh(5);
border-radius: vw(50);
// width: vw(42) !important;
bottom: vh(-5);
}
::v-deep .el-tabs__nav-wrap::after {
background-color: #edeef0;
height: vh(1.5);
}
}
}
}
</style>
Write Preview
Loading…
Cancel
Save