Compare commits

..

6 Commits

@ -5,6 +5,7 @@ VUE_APP_TITLE = 产品画像
ENV = 'development' ENV = 'development'
# 若依管理系统/开发环境 # 若依管理系统/开发环境
VUE_APP_BASE_API = 'https://dev-mssm-liaoning.imian.org.cn' VUE_APP_BASE_API = 'https://dev-mssm-liaoning.lesdev.cn'
# VUE_APP_BASE_API = 'http://192.168.0.109:9023'
# 路由懒加载 # 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true VUE_CLI_BABEL_TRANSPILE_MODULES = true

@ -4,7 +4,7 @@ VUE_APP_TITLE = 产品画像
# 生产环境配置 # 生产环境配置
ENV = 'production' ENV = 'production'
# 若依管理系统/生产环境 # 若依管理系统/生产环境 /api/ggfw/
VUE_APP_BASE_API = '/prod-api' VUE_APP_BASE_API = '/prod-api'
VUE_APP_HOUTAI = /ggfw-jcphx VUE_APP_HOUTAI = /ggfw-jcphx

@ -20,7 +20,10 @@ export default {
} }
} }
}; };
/* /* request 线线
myAPI 注意线上与线下环境
npm run build:prod npm run build:prod
/usr/share/nginx/html/ggfw-jcphx /usr/share/nginx/html/ggfw-jcphx

@ -56,3 +56,11 @@ export function getXXMSG(query) {
params: query params: query
}) })
} }
//根据产品画像类型查询产品
export function findByType(query) {
return request({
url: '/ggfw-api/pharmaceuticals/largeScreen/findByType',
method: 'get',
params: query
})
}

@ -1,42 +1,42 @@
import request from "@/utils/request"; import request from "@/utils/request";
// 本地 // 本地
// let api = "API" let api = process.env.NODE_ENV === "production" ?location.origin: "API"
// 线上 // 线上
let api = location.origin // let api = location.origin
export default { export default {
frimLogin() { frimLogin() {
return request({ return request({
baseURL: process.env.VUE_APP_USER_LOGIN, baseURL: process.env.VUE_APP_USER_LOGIN,
url: "/ggfw-api/pharmaceuticals/login", url: "/ggfw-api/pharmaceuticals/login",
headers: { headers: {
"Content-Type": "application/json", "Content-Type": "application/json",
isToken: true, isToken: true,
repeatSubmit: false, repeatSubmit: false,
}, },
method: "POST", method: "POST",
timeout: 60000, timeout: 60000,
data: { data: {
pdma: "Q2V0YzI4QGNvbQ==", // pdma: "Q2V0YzI4QGNvbQ==",
urne: "2112042170015", // urne: "2112042170015",
// pdma: "MTExMTEx", pdma: "MTExMTEx",
// urne: "2112042170015", urne: "2112042170015",
}, },
}); });
}, },
getuserinfo() { getuserinfo() {
return request({ return request({
// baseURL: location.origin, // baseURL: location.origin,
baseURL: api, baseURL: api,
url: "/api/admin/user/getSelfInfo", url: "/api/admin/user/getSelfInfo",
method: "get", method: "get",
timeout: 60000, timeout: 60000,
headers: { headers: {
// Authentication: localStorage.getItem("MSSM-LIAONING__TOKEN"), // Authentication: localStorage.getItem("MSSM-LIAONING__TOKEN"),
repeatSubmit: false, repeatSubmit: false,
}, },
}); });
}, },
}; };

Binary file not shown.

After

Width:  |  Height:  |  Size: 410 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

@ -78,12 +78,13 @@ import { setToken } from '@/utils/auth'
// Authentication.data.result.userToken // Authentication.data.result.userToken
// ); // );
// } // }
// token() // token()
let infor = async () => { // let infor = async () => {
let response = await API.login.getuserinfo(); // let response = await API.login.getuserinfo();
localStorage.setItem("userDto", JSON.stringify(response?.result.userDto)); // localStorage.setItem("userDto", JSON.stringify(response?.result.userDto));
} // }
infor() // infor()
/** /**
@ -94,7 +95,10 @@ infor()
* Currently MockJs will be used in the production environment, * Currently MockJs will be used in the production environment,
* please remove it before going online! ! ! * please remove it before going online! ! !
*/ */
/*
*/
Vue.use(Element, { Vue.use(Element, {
size: Cookies.get('size') || 'medium' // set element-ui default size size: Cookies.get('size') || 'medium' // set element-ui default size
}) })

@ -1,149 +1,155 @@
import axios from 'axios' import axios from 'axios'
import { Notification, MessageBox, Message, Loading } from 'element-ui' import { Notification, MessageBox, Message, Loading } from 'element-ui'
import store from '@/store' import store from '@/store'
import { getToken } from '@/utils/auth' import { getToken } from '@/utils/auth'
import errorCode from '@/utils/errorCode' import errorCode from '@/utils/errorCode'
import { tansParams, blobValidate } from "@/utils/ruoyi"; import { tansParams, blobValidate } from "@/utils/ruoyi";
import cache from '@/plugins/cache' import cache from '@/plugins/cache'
import { saveAs } from 'file-saver' import { saveAs } from 'file-saver'
let downloadLoadingInstance; let downloadLoadingInstance;
// 是否显示重新登录 // 是否显示重新登录
export let isRelogin = { show: false }; export let isRelogin = { show: false };
axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8' axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
// 创建axios实例 // 创建axios实例
const service = axios.create({ const service = axios.create({
// axios中请求配置有baseURL选项表示请求URL公共部分 // axios中请求配置有baseURL选项表示请求URL公共部分
// baseURL: process.env.VUE_APP_BASE_API, //本地调试
//!线上 baseURL: process.env.NODE_ENV === "production" ? location.origin +"/api/ggfw" : process.env.VUE_APP_BASE_API,
baseURL:location.origin, //!线上--2.17-198
// 超时 // baseURL:location.origin +"/api/ggfw",
timeout: 10000 //!其他
}) // baseURL:location.origin,
// 超时
// request拦截器 timeout: 10000
service.interceptors.request.use(config => { })
// 是否需要设置 token
const isToken = (config.headers || {}).isToken === false // request拦截器
// 是否需要防止数据重复提交 service.interceptors.request.use(config => {
const isRepeatSubmit = (config.headers || {}).repeatSubmit === false // 是否需要设置 token
if (getToken() && !isToken) { const isToken = (config.headers || {}).isToken === false
// config.headers['Authentication'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改 // 是否需要防止数据重复提交
config.headers['Authentication'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改 const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
} if (getToken() && !isToken) {
// get请求映射params参数 // config.headers['Authentication'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
if (config.method === 'get' && config.params) { config.headers['Authentication'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
let url = config.url + '?' + tansParams(config.params); }
url = url.slice(0, -1); // get请求映射params参数
config.params = {}; if (config.method === 'get' && config.params) {
config.url = url; let url = config.url + '?' + tansParams(config.params);
} url = url.slice(0, -1);
if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) { config.params = {};
const requestObj = { config.url = url;
url: config.url, }
data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data, if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
time: new Date().getTime() const requestObj = {
} url: config.url,
const sessionObj = cache.session.getJSON('sessionObj') data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
if (sessionObj === undefined || sessionObj === null || sessionObj === '') { time: new Date().getTime()
cache.session.setJSON('sessionObj', requestObj) }
} else { const sessionObj = cache.session.getJSON('sessionObj')
const s_url = sessionObj.url; // 请求地址 if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
const s_data = sessionObj.data; // 请求数据 cache.session.setJSON('sessionObj', requestObj)
const s_time = sessionObj.time; // 请求时间 } else {
const interval = 1000; // 间隔时间(ms),小于此时间视为重复提交 const s_url = sessionObj.url; // 请求地址
if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) { const s_data = sessionObj.data; // 请求数据
const message = '数据正在处理,请勿重复提交'; const s_time = sessionObj.time; // 请求时间
console.warn(`[${s_url}]: ` + message) const interval = 1000; // 间隔时间(ms),小于此时间视为重复提交
return Promise.reject(new Error(message)) if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
} else { const message = '数据正在处理,请勿重复提交';
cache.session.setJSON('sessionObj', requestObj) console.warn(`[${s_url}]: ` + message)
} return Promise.reject(new Error(message))
} } else {
} cache.session.setJSON('sessionObj', requestObj)
return config }
}, error => { }
console.log(error) }
Promise.reject(error) return config
}) }, error => {
console.log(error)
// 响应拦截器 Promise.reject(error)
service.interceptors.response.use(res => { })
// 未设置状态码则默认成功状态
const code = res.data.code || 200; // 响应拦截器
// 获取错误信息 service.interceptors.response.use(res => {
const msg = errorCode[code] || res.data.msg || errorCode['default'] // 未设置状态码则默认成功状态
// 二进制数据则直接返回 const code = res.data.code || 200;
if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') { // 获取错误信息
return res.data const msg = errorCode[code] || res.data.msg || errorCode['default']
} // 二进制数据则直接返回
if (code === 401) { if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') {
if (!isRelogin.show) { return res.data
isRelogin.show = true; }
MessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => { if (code === 401) {
isRelogin.show = false; if (!isRelogin.show) {
store.dispatch('LogOut').then(() => { isRelogin.show = true;
location.href = `${location.origin}/login`; MessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {
}) isRelogin.show = false;
}).catch(() => { store.dispatch('LogOut').then(() => {
isRelogin.show = false; location.href = `${location.origin}/login`;
}); })
} }).catch(() => {
return Promise.reject('无效的会话,或者会话已过期,请重新登录。') isRelogin.show = false;
} else if (code === 500) { });
Message({ message: msg, type: 'error' }) }
return Promise.reject(new Error(msg)) return Promise.reject('无效的会话,或者会话已过期,请重新登录。')
} else if (code === 601) { } else if (code === 500) {
Message({ message: msg, type: 'warning' }) Message({ message: msg, type: 'error' })
return Promise.reject('error') return Promise.reject(new Error(msg))
} else if (code !== 200) { } else if (code === 601) {
Notification.error({ title: msg }) Message({ message: msg, type: 'warning' })
return Promise.reject('error') return Promise.reject('error')
} else { } else if (code !== 200) {
return res.data Notification.error({ title: msg })
} return Promise.reject('error')
}, } else {
error => { return res.data
console.log('err' + error) }
let { message } = error; },
if (message == "Network Error") { error => {
message = "后端接口连接异常"; console.log('err' + error)
} else if (message.includes("timeout")) { let { message } = error;
message = "系统接口请求超时"; if (message == "Network Error") {
} else if (message.includes("Request failed with status code")) { message = "后端接口连接异常";
message = "系统接口" + message.substr(message.length - 3) + "异常"; } else if (message.includes("timeout")) {
} message = "系统接口请求超时";
Message({ message: message, type: 'error', duration: 5 * 1000 }) } else if (message.includes("Request failed with status code")) {
return Promise.reject(error) message = "系统接口" + message.substr(message.length - 3) + "异常";
} setTimeout(() => {
) location.href = `${location.origin}/login`;
}, 2000);
// 通用下载方法 }
export function download(url, params, filename, config) { Message({ message: message, type: 'error', duration: 5 * 1000 })
downloadLoadingInstance = Loading.service({ text: "正在下载数据,请稍候", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.7)", }) return Promise.reject(error)
return service.post(url, params, { }
transformRequest: [(params) => { return tansParams(params) }], )
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
responseType: 'blob', // 通用下载方法
...config export function download(url, params, filename, config) {
}).then(async (data) => { downloadLoadingInstance = Loading.service({ text: "正在下载数据,请稍候", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.7)", })
const isBlob = blobValidate(data); return service.post(url, params, {
if (isBlob) { transformRequest: [(params) => { return tansParams(params) }],
const blob = new Blob([data]) headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
saveAs(blob, filename) responseType: 'blob',
} else { ...config
const resText = await data.text(); }).then(async (data) => {
const rspObj = JSON.parse(resText); const isBlob = blobValidate(data);
const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default'] if (isBlob) {
Message.error(errMsg); const blob = new Blob([data])
} saveAs(blob, filename)
downloadLoadingInstance.close(); } else {
}).catch((r) => { const resText = await data.text();
console.error(r) const rspObj = JSON.parse(resText);
Message.error('下载文件出现错误,请联系管理员!') const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
downloadLoadingInstance.close(); Message.error(errMsg);
}) }
} downloadLoadingInstance.close();
}).catch((r) => {
export default service console.error(r)
Message.error('下载文件出现错误,请联系管理员!')
downloadLoadingInstance.close();
})
}
export default service

@ -27,9 +27,10 @@
<span></span> <span></span>
</div> </div>
<div class="topbox-item-right"> <div class="topbox-item-right">
<div class="redStyle">较去年</div> <!-- <div class="redStyle">较去年</div> -->
<span class="spanxia"></span> <div>较去年</div>
<!-- <span class="spanshang"></span> --> <!-- <span class="spanxia"></span> -->
<span class="spanshang"></span>
</div> </div>
</div> </div>
<div class="topbox-item"> <div class="topbox-item">
@ -42,9 +43,10 @@
<span></span> <span></span>
</div> </div>
<div class="topbox-item-right"> <div class="topbox-item-right">
<div class="redStyle">较去年</div> <!-- <div class="redStyle">较去年</div> -->
<span class="spanxia"></span> <div>较去年</div>
<!-- <span class="spanshang"></span> --> <!-- <span class="spanxia"></span> -->
<span class="spanshang"></span>
</div> </div>
</div> </div>
</div> </div>
@ -53,20 +55,20 @@
<div class="bottom-box" ref="bottom-box"></div> <div class="bottom-box" ref="bottom-box"></div>
</div> </div>
<div class="rights"> <div class="rights">
<div> <div v-for="(item, index) in pieDatalist">
<div class="pt-top"> <div class="pt-top">
<div class="ptleftbox"> <div class="ptleftbox">
<div class="rectangular1"></div> <div :class="'rectangular' + (index + 1)"></div>
</div> </div>
<div class="texts">一般不良反应</div> <div class="texts">{{ item.name }}</div>
</div> </div>
<div class="pt-top"> <div class="pt-top">
<div class="ptleftbox"></div> <div class="ptleftbox"></div>
<div class="boxLine"></div> <div class="boxLine"></div>
<div class="ptStyle react1">0%</div> <div :class="('react' + (index + 1))" class="ptStyle">{{item.percent}}%</div>
</div> </div>
</div> </div>
<div> <!-- <div>
<div class="pt-top"> <div class="pt-top">
<div class="ptleftbox"> <div class="ptleftbox">
<div class="rectangular2"></div> <div class="rectangular2"></div>
@ -78,8 +80,8 @@
<div class="boxLine"></div> <div class="boxLine"></div>
<div class="ptStyle react2">0%</div> <div class="ptStyle react2">0%</div>
</div> </div>
</div> </div> -->
<div> <!-- <div>
<div class="pt-top"> <div class="pt-top">
<div class="ptleftbox"> <div class="ptleftbox">
<div class="rectangular3"></div> <div class="rectangular3"></div>
@ -91,7 +93,7 @@
<div class="boxLine"></div> <div class="boxLine"></div>
<div class="ptStyle react3">0%</div> <div class="ptStyle react3">0%</div>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>
@ -113,6 +115,7 @@ export default {
option1: {}, option1: {},
// echarts // echarts
myChart1: {}, myChart1: {},
a1: 0, a1: 0,
a2: 0, a2: 0,
a3: 0, a3: 0,
@ -131,10 +134,24 @@ export default {
name: "发生死亡不良反应", name: "发生死亡不良反应",
}, },
], ],
pieDatalist: [
{
percent: 0,
name: "一般不良反应",
},
{
percent: 0,
name: "严重不良反应",
},
{
percent: 0,
name: "发生死亡不良反应",
},
],
total: 0, total: 0,
}; };
}, },
created() {}, created() { },
mounted() { mounted() {
this.getData(); this.getData();
}, },
@ -374,6 +391,13 @@ export default {
normal: { normal: {
show: false, show: false,
formatter: "", formatter: "",
formatter: (params)=> {
if (params.name == "一般不良反应") this.pieDatalist[0].percent = params.percent || 0;
if (params.name == "严重不良反应") this.pieDatalist[1].percent = params.percent || 0;
if (params.name == "发生死亡不良反应") this.pieDatalist[2].percent = params.percent || 0;
return (params.percent || 0) + "%";
},
textStyle: { textStyle: {
fontSize: 12, fontSize: 12,
}, },
@ -445,7 +469,7 @@ export default {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: bottom; background-position: bottom;
> div { >div {
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -503,6 +527,7 @@ export default {
.topbox-item-right { .topbox-item-right {
flex: 1; flex: 1;
.redStyle { .redStyle {
font-size: 16px; font-size: 16px;
font-family: Alibaba PuHuiTi; font-family: Alibaba PuHuiTi;
@ -513,6 +538,7 @@ export default {
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
margin-right: 5px; margin-right: 5px;
} }
div { div {
font-size: 16px; font-size: 16px;
font-family: Alibaba PuHuiTi; font-family: Alibaba PuHuiTi;
@ -540,6 +566,7 @@ export default {
} }
} }
} }
.footers { .footers {
height: calc(100% - 120px); height: calc(100% - 120px);
display: flex; display: flex;
@ -548,11 +575,13 @@ export default {
height: 100%; height: 100%;
width: 50%; width: 50%;
padding: 10px; padding: 10px;
.bottom-box { .bottom-box {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
} }
.rights { .rights {
height: 100%; height: 100%;
padding-left: 15px; padding-left: 15px;
@ -567,25 +596,30 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
position: relative; position: relative;
.ptleftbox { .ptleftbox {
width: 12%; width: 12%;
height: 100%; height: 100%;
.rectangular1 { .rectangular1 {
height: 8px; height: 8px;
width: 8px; width: 8px;
background: #2e87e8; background: #2e87e8;
} }
.rectangular2 { .rectangular2 {
height: 8px; height: 8px;
width: 8px; width: 8px;
background: #f0a436; background: #f0a436;
} }
.rectangular3 { .rectangular3 {
height: 8px; height: 8px;
width: 8px; width: 8px;
background: #f35656; background: #f35656;
} }
} }
.texts { .texts {
width: 60%; width: 60%;
font-size: 16px; font-size: 16px;
@ -593,6 +627,7 @@ export default {
font-weight: 400; font-weight: 400;
color: #b7d4f5; color: #b7d4f5;
} }
.react1 { .react1 {
// font-size: 20px; // font-size: 20px;
font-family: Alibaba PuHuiTi; font-family: Alibaba PuHuiTi;
@ -600,6 +635,7 @@ export default {
color: #2e87e8; color: #2e87e8;
padding-left: 10px; padding-left: 10px;
} }
.react2 { .react2 {
// font-size: 20px; // font-size: 20px;
font-family: Alibaba PuHuiTi; font-family: Alibaba PuHuiTi;
@ -607,6 +643,7 @@ export default {
color: #f0a436; color: #f0a436;
padding-left: 10px; padding-left: 10px;
} }
.react3 { .react3 {
// font-size: 20px; // font-size: 20px;
font-family: Alibaba PuHuiTi; font-family: Alibaba PuHuiTi;
@ -615,15 +652,15 @@ export default {
color: #f35656; color: #f35656;
} }
.ptStyle { .ptStyle {
width: 60%; width: 60%;
margin-top: 5px; margin-top: 5px;
background: linear-gradient( background: linear-gradient(to right,
to right, rgba(36, 64, 97, 1),
rgba(36, 64, 97, 1), rgba(36, 64, 97, 0));
rgba(36, 64, 97, 0)
);
} }
.boxLine { .boxLine {
position: absolute; position: absolute;
width: 18px; width: 18px;

@ -1,34 +1,14 @@
<template> <template>
<div class="Basic-box" ref="basic"> <div class="Basic-box" ref="basic">
<el-table <el-table :data="tableData" v-loading="load1" element-loading-text="..."
:data="tableData" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)" :height="height" stripe
v-loading="load1" style="width: 100%; background-color: transparent">
element-loading-text="加载中..." <el-table-column v-for="(item, index) in tableHeader1" :key="index" :prop="item.prop" :label="item.label"
element-loading-spinner="el-icon-loading" :width="item.width || ''" show-overflow-tooltip align="center">
element-loading-background="rgba(0, 0, 0, 0.8)"
:height="height"
stripe
style="width: 100%; background-color: transparent"
>
<el-table-column
v-for="(item, index) in tableHeader1"
:key="index"
:prop="item.prop"
:label="item.label"
:width="item.width || ''"
show-overflow-tooltip
align="center"
>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div ref="pagination"> <div ref="pagination">
<Pagination <Pagination :total="total" :page="query.current" :limit="query.size" @pagination="changeList"></Pagination>
:total="total"
:page="query.current"
:limit="query.size"
@pagination="changeList"
></Pagination>
</div> </div>
</div> </div>
</template> </template>
@ -78,7 +58,7 @@ export default {
height: 0, height: 0,
}; };
}, },
created() {}, created() { },
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
this.height = this.height =
@ -89,8 +69,41 @@ export default {
methods: { methods: {
getList() { getList() {
let newRouter = this.$route.query; let newRouter = this.$route.query;
this.query.name = newRouter.code; this.query.name = newRouter.code;
this.load1 = true; this.load1 = true;
if (this.query.name == "国药准字H21020985") {
this.tableData = [{
bgsj: "2020/6/15",
bgsx: "再注册",
bgxm: "符合《药品注册管理办法》的有关规定,进行再注册"
},{
bgsj: "2020/10/25",
bgsx: "企业更名",
bgxm: "生产企业名称由沈阳志鹰药业有限公司变更为辽宁亿帆药业有限公司"
},{
bgsj: "2020/12/30",
bgsx: "生产地址变更",
bgxm: "生产地址由沈阳市沈河区万柳塘路51号变更为本溪经济技术开发区香槐路67号"
},{
bgsj: "2022/4/20",
bgsx: "合并审批结论",
bgxm: "辽备2022008948予以备案申请人对申报资料的真实性、准确性、完整性负责"
},]
this.total = 4;
this.load1 = false;
return
}
if (this.query.name == "国药准字H19990372") {
this.tableData = [{
bgsj: "2020/7/13",
bgsx: "再注册",
bgxm: "符合《药品注册管理办法》的有关规定,进行再注册"
}]
this.total = 1;
this.load1 = false;
return
}
getDrugChange(this.query).then((res) => { getDrugChange(this.query).then((res) => {
this.tableData = res.data.records; this.tableData = res.data.records;
this.total = res.data.total; this.total = res.data.total;
@ -109,38 +122,46 @@ export default {
<style scoped lang='scss'> <style scoped lang='scss'>
.Basic-box { .Basic-box {
margin-top: 10px; margin-top: 10px;
width: 100%; max-width: 100%;
height: calc(100% - 41px - 10px); height: calc(100% - 41px - 10px);
// padding: 0 11px 11px 11px; // padding: 0 11px 11px 11px;
overflow-y: auto; overflow-y: auto;
background-color: transparent; background-color: transparent;
} }
::v-deep .el-table, ::v-deep .el-table,
.el-table__expanded-cell { .el-table__expanded-cell {
background-color: transparent; background-color: transparent;
} }
::v-deep .el-table th { ::v-deep .el-table th {
background-color: rgba(0, 100, 255, 0.2) !important; background-color: rgba(0, 100, 255, 0.2) !important;
color: #2492ff; color: #2492ff;
border: none; border: none;
} }
::v-deep .el-table td { ::v-deep .el-table td {
border: none; border: none;
} }
::v-deep .el-table::before { ::v-deep .el-table::before {
height: 0px; height: 0px;
} }
::v-deep .el-table tr { ::v-deep .el-table tr {
background-color: transparent !important; background-color: transparent !important;
color: #b7d4f5; color: #b7d4f5;
} }
::v-deep .el-table tbody tr:hover td { ::v-deep .el-table tbody tr:hover td {
background-color: transparent !important; background-color: transparent !important;
} }
::v-deep .el-table th.el-table__cell.is-leaf, ::v-deep .el-table th.el-table__cell.is-leaf,
.el-table td.el-table__cell { .el-table td.el-table__cell {
border: none; border: none;
} }
// //
::v-deep .el-table .el-table__body tr.el-table__row--striped td { ::v-deep .el-table .el-table__body tr.el-table__row--striped td {
background-color: rgba(0, 50, 150, 0.1) !important; background-color: rgba(0, 50, 150, 0.1) !important;

@ -10,9 +10,9 @@
:content="Number(countryC) || 0" :content="Number(countryC) || 0"
placement="top-start" placement="top-start"
> --> > -->
<div class="topBOxitem-top"> <div class="topBOxitem-top">
<span>{{ countryC || 0 }}</span> <span></span> <span>{{ countryC || 0 }}</span> <span></span>
</div> </div>
<!-- </el-tooltip> --> <!-- </el-tooltip> -->
<div class="topBOxitem-bottom">国家检测次数</div> <div class="topBOxitem-bottom">国家检测次数</div>
@ -26,9 +26,9 @@
:content="Number(provinceC) || 0" :content="Number(provinceC) || 0"
placement="top-start" placement="top-start"
> --> > -->
<div class="topBOxitem-top"> <div class="topBOxitem-top">
<span>{{ provinceC || 0 }}</span> <span></span> <span>{{ provinceC || 0 }}</span> <span></span>
</div> </div>
<!-- </el-tooltip> --> <!-- </el-tooltip> -->
<div class="topBOxitem-bottom">省级抽检次数</div> <div class="topBOxitem-bottom">省级抽检次数</div>
@ -76,7 +76,25 @@ export default {
option1: {}, option1: {},
// echarts // echarts
myChart1: {}, myChart1: {},
myChart1data: [
// : valuenameitemStyle
// : namelegend-data
{
value: "0",
name: "生产抽样环节",
percent: "0",
// itemStyle: { color: "#007EFF" },
},
{
value: "0",
name: "流通环节抽样",
percent: "0",
// itemStyle: { color: "#2CD8EC" },
},
],
option2: {}, option2: {},
myChart2data: [],
myChart2data2: [],
// echarts // echarts
myChart2: {}, myChart2: {},
//============== //==============
@ -89,26 +107,57 @@ export default {
ltcy: 0, ltcy: 0,
}; };
}, },
created() {}, created() { },
mounted() { mounted() {
this.getData(); this.getData();
}, },
methods: { methods: {
reducefn(data = []) {
return data.length
},
getData() { getData() {
let newRouter = this.$route.query; let newRouter = this.$route.query;
getCPCJ({ name: newRouter.code }).then((res) => { getCPCJ({ pageNum: 1,pageSize:10000,approvalNumber: newRouter.code }).then((res) => {
// res.data.result.forEach((value, index) => { if (res.code == 200) {
// if (value.sampleType == 1) { if (res.data.result.list.length != 0) {
// this.provinceC += 1; //
// } else if (value.sampleType == 2) { this.myChart1data[0].value = res.data.result.list.filter(item => item.inspectType === "生产环节").length
// this.countryC += 1; this.myChart1data[0].percent = ((res.data.result.list.filter(item => item.inspectType === "生产环节").length / res.data.result.list.length) * 100).toFixed(1)
// } this.myChart1data[1].value = res.data.result.list.filter(item => item.inspectType === "流通环节").length
// }); this.myChart1data[1].percent = ((res.data.result.list.filter(item => item.inspectType === "流通环节").length / res.data.result.list.length) * 100).toFixed(1)
this.countryC = 12; //
this.provinceC = 12; let mergedData = {};
this.pt = 67; res.data.result.list.forEach((item) => {
this.sccy = 60; if (item.qualified === "合格") {
this.ltcy = 40; if (mergedData[item.province]) {
mergedData[item.province].sampleType += 1;
} else {
mergedData[item.province] = {
province: item.province,
sampleType: 1
};
}
}
});
const result = Object.values(mergedData);
result.forEach(item=>{
this.myChart2data.push(item.province)
this.myChart2data2.push(item.sampleType)
})
//
this.countryC = res.data.result.list.filter(item => item.sampleType == "2").length
//
this.provinceC = res.data.result.list.filter(item => item.sampleType == "1").length
//
const filteredData = res.data.result.list.filter(item => item.qualified === "不合格");
this.pt = Math.floor(((this.reducefn(res.data.result.list) - this.reducefn(filteredData)) / this.reducefn(res.data.result.list)) * 100)
}else{
this.myChart2data = ["暂无"]
this.myChart2data2 = ['0']
}
}
this.$nextTick(() => { this.$nextTick(() => {
let chartDom = this.$refs["left-echart"]; let chartDom = this.$refs["left-echart"];
this.myChart1 = echarts.init(chartDom); this.myChart1 = echarts.init(chartDom);
@ -131,9 +180,9 @@ export default {
params.marker + params.marker +
params.name + params.name +
": " + ": " +
params.value + ( params.value||0) +
" (" + " (" +
params.percent + ( params.percent || 0) +
"%)</div>" "%)</div>"
); );
}, },
@ -156,15 +205,15 @@ export default {
{ {
name: "", name: "",
type: "pie", type: "pie",
radius: ["45%", "70%"], radius: ["45%", "66%"],
center: ["50%", "40%"], // y '40%'使 center: ["50%", "44%"], // y '40%'使
// itemStyle:{ // itemStyle:{
// borderWidth:1, //border // borderWidth:1, //border
// borderColor:'#fff', // borderColor:'#fff',
// }, // },
labelLine: { labelLine: {
normal: { normal: {
length: 15, // 线 length: 10, // 线
position: "outer", // 线 position: "outer", // 线
lineStyle: function (params) { lineStyle: function (params) {
// //
@ -180,7 +229,7 @@ export default {
// //
// params: data, // params: data,
formatter: function (params) { formatter: function (params) {
return params.percent + "%"; return (params.data.percent || 0) + "%";
}, },
textStyle: { textStyle: {
color: "auto", color: "auto",
@ -188,22 +237,7 @@ export default {
}, },
}, },
}, },
data: [ data: this.myChart1data
// : valuenameitemStyle
// : namelegend-data
{
value: 39,
name: "生产抽样环节",
// percent: "39",
// itemStyle: { color: "#007EFF" },
},
{
value: 21,
name: "流通环节抽样",
// percent: "21",
// itemStyle: { color: "#2CD8EC" },
},
],
}, },
], ],
}; };
@ -215,10 +249,10 @@ export default {
backgroundColor: "rgba(0,0,0,0)", // backgroundColor: "rgba(0,0,0,0)", //
tooltip: {}, tooltip: {},
grid: { grid: {
top: "8%", top: "7%",
left: "10%", left: "10%",
right: "10%", right: "10%",
bottom: "8%", bottom: "-5%",
containLabel: true, containLabel: true,
}, },
xAxis: [ xAxis: [
@ -238,11 +272,12 @@ export default {
fontSize: 12, fontSize: 12,
margin: 0, margin: 0,
}, },
rotate: -30, //
}, },
axisTick: { axisTick: {
show: false, show: false,
}, },
data: ["辽宁", "江苏", "湖南", "山西", "湖北", "山东"], data: this.myChart2data
}, },
], ],
yAxis: [ yAxis: [
@ -302,7 +337,7 @@ export default {
}, },
}, },
data: [12, 15, 17, 20, 25, 26], data: this.myChart2data2
}, },
], ],
}; };
@ -313,8 +348,6 @@ export default {
}; };
</script> </script>
<style scoped lang='scss'> <style scoped lang='scss'>
.box {
}
.top-box { .top-box {
margin: 10px 0; margin: 10px 0;

@ -21,11 +21,11 @@
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> </el-table-column>
<el-table-column prop="address" label="分办处室" show-overflow-tooltip> <el-table-column prop="fbcs" label="分办处室" show-overflow-tooltip>
</el-table-column> </el-table-column>
<el-table-column prop="address" label="处置状态" show-overflow-tooltip> <el-table-column prop="czzt" label="处置状态" show-overflow-tooltip>
</el-table-column> </el-table-column>
<el-table-column prop="address" label="完成日期" show-overflow-tooltip> <el-table-column prop="wcrq" label="完成日期" show-overflow-tooltip>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div ref="pagination"> <div ref="pagination">
@ -51,8 +51,33 @@ export default {
this.height = this.height =
this.$refs.basic.offsetHeight - this.$refs.pagination.offsetHeight; this.$refs.basic.offsetHeight - this.$refs.pagination.offsetHeight;
}); });
this.getList()
},
methods: {
getList() {
let newRouter = this.$route.query;
if (newRouter.code == "国药准字H21020985") {
this.tableData = [{
data: "2024/3/19",
name: "1年内累计发生严重不良反应2起",
fbcs: "药品生产监管处、稽查五处",
czzt: "查阅",
wcrq: "2024/3/20",
}]
return
}
if (newRouter.code == "国药准字H19990372") {
this.tableData = [{
data: "2024/3/21",
name: "1年内累计发生严重不良反应1起",
fbcs: "药品生产监管处、稽查一处",
czzt: "查阅",
wcrq: "2024/3/22",
}]
return
}
},
}, },
methods: {},
computed: {}, computed: {},
}; };
</script> </script>

@ -1,15 +1,15 @@
<template> <template>
<div class="pc-container"> <div class="pc-container">
<div class="system-header"> <div class="system-header">
<div class="left-tags">2023年8月11日 星期五 16:23:34</div> <div class="left-tags">{{dataNow(2)+ dataNow(3) + date}}</div>
<div class="system-title" text="产品画像">产品画像</div> <div class="system-title" text="产品画像">产品画像</div>
<div class="rigth-tags"> <div class="rigth-tags">
<!-- <div class="rigth-tags-diva"> <!-- <div class="rigth-tags-diva">
<span class="rigth-tags-spana"><i class="el-icon-sunny"></i></span <span class="rigth-tags-spana"><i class="el-icon-sunny"></i></span
>晴天 17~28°C <span class="rigth-tags-spanb"> | </span>东南风3级 >晴天 17~28°C <span class="rigth-tags-spanb"> | </span>东南风3级
</div> --> </div> -->
<div class="content-top-fanhui" @click="toBack"> <div class="content-top-fanhui" @click="toBack" v-if="newRouter.cpda != 1">
<div class="content-top-fanhui-main"> <div class="content-top-fanhui-main">
<div class="black-bg"></div> <div class="black-bg"></div>
<span>返回</span> <span>返回</span>
@ -50,10 +50,7 @@
<span v-if="query.gllb">{{ query.gllb }}</span> <span v-if="query.gllb">{{ query.gllb }}</span>
<span v-if="query.jgtz">{{ query.jgtz }}</span> <span v-if="query.jgtz">{{ query.jgtz }}</span>
</div> </div>
<div <div class="right-text-bog" v-if="newRouter.type != 1 && newRouter.type != 2">
class="right-text-bog"
v-if="newRouter.type != 1 && newRouter.type != 2"
>
<span v-if="query.type">{{ query.type }}</span> <span v-if="query.type">{{ query.type }}</span>
</div> </div>
</div> </div>
@ -68,10 +65,7 @@
</div> </div>
<!-- 右边 --> <!-- 右边 -->
<div class="system-box-right"> <div class="system-box-right">
<div <div class="top" v-if="this.$route.query.type == 1 || this.$route.query.type == 2">
class="top"
v-if="this.$route.query.type == 1 || this.$route.query.type == 2"
>
<headtitle mytitle="召回信息"></headtitle> <headtitle mytitle="召回信息"></headtitle>
<recallbox></recallbox> <recallbox></recallbox>
</div> </div>
@ -84,7 +78,7 @@
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { getXXMSG } from "@/api/largeScreen"; import { getXXMSG } from "@/api/largeScreen";
// //
@ -116,19 +110,60 @@ export default {
return { return {
query: {}, query: {},
newRouter: {}, newRouter: {},
date: '',
}; };
}, },
created() {}, created() { this.dataNow(1) },
mounted() { mounted() {
this.getData(); this.getData();
setInterval(() => {
this.dataNow(1)
}, 1000);
}, },
methods: { methods: {
toBack() { toBack() {
this.$router.go(-1); this.$router.go(-1);
}, },
dataNow(index) {
let now = new Date();
if (index == 1) {
let hour = now.getHours();
if (hour < 10) hour = "0" + hour
let minute = now.getMinutes();
if (minute < 10) minute = "0" + minute
let second = now.getSeconds();
if (second < 10) second = "0" + second
this.date = `${hour}:${minute}:${second}`
} else if (index == 2) {
let year = now.getFullYear();
if (year < 10) year = "0" + year
let month = now.getMonth() + 1;
if (month < 10) month = "0" + month
let day = now.getDate();
if (day < 10) day = "0" + day
return `${year}/${month}/${day}`
} else if (index == 3) {
let dayOfWeek = now.getDay();
//
let weekDays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
let chineseDayOfWeek = weekDays[dayOfWeek];
return chineseDayOfWeek
}
},
getData() { getData() {
// debugger // debugger
this.newRouter = this.$route.query; this.newRouter = this.$route.query;
console.log(798, this.newRouter);
getXXMSG({ code: this.newRouter.code, type: this.newRouter.type }).then( getXXMSG({ code: this.newRouter.code, type: this.newRouter.type }).then(
(res) => { (res) => {
this.query = res.data; this.query = res.data;
@ -141,14 +176,14 @@ export default {
</script> </script>
<style scoped lang='scss'> <style scoped lang='scss'>
@import "@/assets/styles/theme.scss"; @import "@/assets/styles/theme.scss";
.content-top-fanhui { .content-top-fanhui {
margin-right: 10px; margin-right: 10px;
background: linear-gradient( background: linear-gradient(0deg,
0deg, rgba(103, 200, 255, 0.2) 0%,
rgba(103, 200, 255, 0.2) 0%, rgba(111, 176, 231, 0.1) 100%);
rgba(111, 176, 231, 0.1) 100%
);
cursor: pointer; cursor: pointer;
.content-top-fanhui-main { .content-top-fanhui-main {
padding: 2px 12px; padding: 2px 12px;
border: 1px solid; border: 1px solid;
@ -156,6 +191,7 @@ export default {
border-radius: 4px; border-radius: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
.black-bg { .black-bg {
width: 26px; width: 26px;
height: 24px; height: 24px;
@ -163,20 +199,19 @@ export default {
background-size: cover; background-size: cover;
margin-top: 3px; margin-top: 3px;
} }
span { span {
font-size: 16px; font-size: 16px;
font-family: SourceHanSansSC; font-family: SourceHanSansSC;
font-weight: bold; font-weight: bold;
color: #feffff; color: #feffff;
text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.29); text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.29);
background: linear-gradient( background: linear-gradient(0deg,
0deg, #caffff 0%,
#caffff 0%, #caffff 0%,
#caffff 0%, #ffffff 0%,
#ffffff 0%, #74b4f4 38.96484375%,
#74b4f4 38.96484375%, #3883ff 100%);
#3883ff 100%
);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
} }
@ -190,8 +225,7 @@ div {
.pc-container { .pc-container {
overflow: hidden; overflow: hidden;
height: 100%; height: 100%;
background: url("../../assets/images/daping/main-background.png") no-repeat background: url("../../assets/images/daping/main-background.png") no-repeat center;
center;
background-size: cover; background-size: cover;
position: relative; position: relative;
@ -207,7 +241,7 @@ div {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
& > div { &>div {
flex: 1; flex: 1;
height: 100%; height: 100%;
} }
@ -331,7 +365,7 @@ div {
height: 100%; height: 100%;
display: flex; display: flex;
& > div { &>div {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -349,7 +383,8 @@ div {
} }
.system-box-left { .system-box-left {
flex: 1; // flex: 1;
width: 25vw;
.system-boxleft-top, .system-boxleft-top,
.system-boxleft-bottom { .system-boxleft-bottom {
@ -366,6 +401,8 @@ div {
.system-box-right { .system-box-right {
flex: 1; flex: 1;
width: 25vw;
} }
} }
@ -392,15 +429,16 @@ div {
.fengxian-top-right { .fengxian-top-right {
display: flex; display: flex;
height: 100%; height: 100%;
.right-text-bog { .right-text-bog {
display: flex; display: flex;
align-items: center; align-items: center;
span { span {
margin: 0 3px; margin: 0 3px;
padding:5px 14px; padding: 5px 14px;
background: url("../../assets/images/daping/fengxianbgc.png") background: url("../../assets/images/daping/fengxianbgc.png") no-repeat;
no-repeat; background-size: 100% 100%;
background-size:100% 100%;
text-align: center; text-align: center;
color: #4da5ff; color: #4da5ff;
font-weight: 400; font-weight: 400;
@ -410,5 +448,4 @@ div {
} }
} }
} }
</style> </style>

@ -1,18 +1,8 @@
<template> <template>
<div class="box"> <div class="box">
<el-pagination <el-pagination background :current-page.sync="currentPage" :page-size.sync="pageSize"
background layout="prev, pager, next,jumper" :page-sizes="pageSizes" :pager-count="pagerCount" :total="total"
:current-page.sync="currentPage" @size-change="handleSizeChange" @current-change="handleCurrentChange" :small="smallShow">
:page-size.sync="pageSize"
layout="prev, pager, next,jumper"
:page-sizes="pageSizes"
:pager-count="pagerCount"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
small
>
</el-pagination> </el-pagination>
</div> </div>
</template> </template>
@ -41,6 +31,10 @@ export default {
return [10, 20, 30, 50]; return [10, 20, 30, 50];
}, },
}, },
smallShow: {
type: Boolean,
default: true
},
// 5 // 5
pagerCount: { pagerCount: {
type: Number, type: Number,
@ -72,7 +66,7 @@ export default {
return this.page; return this.page;
}, },
set(val) { set(val) {
this.$emit("update:page", val); // this.$emit("update:page", val);
}, },
}, },
pageSize: { pageSize: {
@ -80,7 +74,7 @@ export default {
return this.limit; return this.limit;
}, },
set(val) { set(val) {
this.$emit("update:limit", val); // this.$emit("update:limit", val);
}, },
}, },
}, },
@ -90,46 +84,51 @@ export default {
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) { // if (this.autoScroll) {
scrollTo(0, 800); // scrollTo(0, 800);
} // }
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.$emit("pagination", { page: val, limit: this.pageSize }); this.$emit("pagination", { page: val, limit: this.pageSize });
if (this.autoScroll) { // if (this.autoScroll) {
scrollTo(0, 800); // scrollTo(0, 800);
} // }
}, },
}, },
}; };
</script> </script>
<style scoped lang='scss'> <style scoped lang='scss'>
::v-deep .el-pagination { ::v-deep .el-pagination {
width: 100%; max-width: 100%;
display: flex; display: flex;
justify-content: end; justify-content: end;
padding: 8px 5px; padding: 8px 5px;
box-sizing: border-box; box-sizing: border-box;
overflow-y: auto; overflow-y: auto;
} }
.box { .box {
background-color: transparent !important; background-color: transparent !important;
} }
::v-deep .el-pagination.is-background .btn-prev { ::v-deep .el-pagination.is-background .btn-prev {
background-color: transparent !important; background-color: transparent !important;
border: 1px solid #123864; border: 1px solid #123864;
color: #579acf; color: #579acf;
} }
::v-deep .el-pagination.is-background .btn-next { ::v-deep .el-pagination.is-background .btn-next {
background-color: transparent !important; background-color: transparent !important;
border: 1px solid #123864; border: 1px solid #123864;
color: #579acf; color: #579acf;
} }
::v-deep .el-pagination .el-pager li { ::v-deep .el-pagination .el-pager li {
background-color: transparent !important; background-color: transparent !important;
border: 1px solid #123864; border: 1px solid #123864;
color: #579acf; color: #579acf;
} }
// ::v-deep .el-pagination.is-background.el-pager li:not(.disabled).active { // ::v-deep .el-pagination.is-background.el-pager li:not(.disabled).active {
// background: rgba(20, 131, 242, 0.2) !important; // background: rgba(20, 131, 242, 0.2) !important;
// border: 1px solid #1483f2; // border: 1px solid #1483f2;
@ -139,12 +138,14 @@ export default {
::v-deep .el-pagination__jump { ::v-deep .el-pagination__jump {
margin: 0; margin: 0;
color: #2668d6; color: #2668d6;
.el-input__inner { .el-input__inner {
background-color: transparent !important; background-color: transparent !important;
border: 1px solid #123864; border: 1px solid #123864;
color: #2668d6; color: #2668d6;
} }
} }
::v-deep .el-pager li.active { ::v-deep .el-pager li.active {
background: rgba(20, 131, 242, 0.52) !important; background: rgba(20, 131, 242, 0.52) !important;
border: 1px solid #1483f2; border: 1px solid #1483f2;
@ -153,5 +154,4 @@ export default {
// ::v-deep .el-pagination__total { // ::v-deep .el-pagination__total {
// color: #2668d6; // color: #2668d6;
// } // }</style>
</style>

File diff suppressed because it is too large Load Diff

@ -49,7 +49,7 @@ module.exports = {
} }
}, },
"API": { "API": {
target: "https://dev-mssm-liaoning.imian.org.cn", target: "https://dev-mssm-liaoning.lesdev.cn",
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
["API"]: "", ["API"]: "",

Loading…
Cancel
Save