Compare commits

..

No commits in common. 'main' and 'duhanyu' have entirely different histories.

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

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

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

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

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 410 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 KiB

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

@ -11,7 +11,9 @@ NProgress.configure({ showSpinner: false })
const whiteList = ['/login', '/register']
router.beforeEach((to, from, next) => {
setToken()
NProgress.start()
next()
})

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

@ -27,10 +27,9 @@
<span></span>
</div>
<div class="topbox-item-right">
<!-- <div class="redStyle">较去年</div> -->
<div>较去年</div>
<!-- <span class="spanxia"></span> -->
<span class="spanshang"></span>
<div class="redStyle">较去年</div>
<span class="spanxia"></span>
<!-- <span class="spanshang"></span> -->
</div>
</div>
<div class="topbox-item">
@ -43,10 +42,9 @@
<span></span>
</div>
<div class="topbox-item-right">
<!-- <div class="redStyle">较去年</div> -->
<div>较去年</div>
<!-- <span class="spanxia"></span> -->
<span class="spanshang"></span>
<div class="redStyle">较去年</div>
<span class="spanxia"></span>
<!-- <span class="spanshang"></span> -->
</div>
</div>
</div>
@ -55,20 +53,20 @@
<div class="bottom-box" ref="bottom-box"></div>
</div>
<div class="rights">
<div v-for="(item, index) in pieDatalist">
<div>
<div class="pt-top">
<div class="ptleftbox">
<div :class="'rectangular' + (index + 1)"></div>
<div class="rectangular1"></div>
</div>
<div class="texts">{{ item.name }}</div>
<div class="texts">一般不良反应</div>
</div>
<div class="pt-top">
<div class="ptleftbox"></div>
<div class="boxLine"></div>
<div :class="('react' + (index + 1))" class="ptStyle">{{item.percent}}%</div>
<div class="ptStyle react1">0%</div>
</div>
</div>
<!-- <div>
<div>
<div class="pt-top">
<div class="ptleftbox">
<div class="rectangular2"></div>
@ -80,8 +78,8 @@
<div class="boxLine"></div>
<div class="ptStyle react2">0%</div>
</div>
</div> -->
<!-- <div>
</div>
<div>
<div class="pt-top">
<div class="ptleftbox">
<div class="rectangular3"></div>
@ -93,7 +91,7 @@
<div class="boxLine"></div>
<div class="ptStyle react3">0%</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
@ -115,7 +113,6 @@ export default {
option1: {},
// echarts
myChart1: {},
a1: 0,
a2: 0,
a3: 0,
@ -134,24 +131,10 @@ export default {
name: "发生死亡不良反应",
},
],
pieDatalist: [
{
percent: 0,
name: "一般不良反应",
},
{
percent: 0,
name: "严重不良反应",
},
{
percent: 0,
name: "发生死亡不良反应",
},
],
total: 0,
};
},
created() { },
created() {},
mounted() {
this.getData();
},
@ -160,126 +143,87 @@ export default {
let newRouter = this.$route.query;
if (newRouter.type == 1) {
//
getDrugBL({ name: newRouter.code })
.then((res) => {
res.data.result.forEach((value, index) => {
this.pieData.forEach((value1, index1) => {
if (
value.reportType == "一般" &&
value1.name == "一般不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
if (
value.reportType == "严重" &&
value1.name == "严重不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
if (
value.reportType != "一般" &&
value.reportType != "严重" &&
value1.name == "发生死亡不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
});
});
this.$nextTick(() => {
let chartDom = this.$refs["bottom-box"];
this.myChart1 = echarts.init(chartDom);
this.initEcharts();
});
})
.catch(() => {
this.$nextTick(() => {
let chartDom = this.$refs["bottom-box"];
this.myChart1 = echarts.init(chartDom);
this.initEcharts();
getDrugBL({ name: newRouter.code }).then((res) => {
res.data.result.forEach((value, index) => {
this.pieData.forEach((value1, index1) => {
if (value.reportType == "一般" && value1.name == "一般不良反应") {
this.pieData[index1].value = value.reportCount;
}
if (value.reportType == "严重" && value1.name == "严重不良反应") {
this.pieData[index1].value = value.reportCount;
}
if (
value.reportType != "一般" &&
value.reportType != "严重" &&
value1.name == "发生死亡不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
});
});
this.$nextTick(() => {
let chartDom = this.$refs["bottom-box"];
this.myChart1 = echarts.init(chartDom);
this.initEcharts();
});
});
}
if (newRouter.type != 1 && newRouter.type != 2) {
//
getCosmeticsBL({ name: newRouter.code })
.then((res) => {
res.data.result.forEach((value, index) => {
this.pieData.forEach((value1, index1) => {
if (
value.reportType == "一般" &&
value1.name == "一般不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
if (
value.reportType == "严重" &&
value1.name == "严重不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
if (
value.reportType != "一般" &&
value.reportType != "严重" &&
value1.name == "发生死亡不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
});
});
this.$nextTick(() => {
let chartDom = this.$refs["bottom-box"];
this.myChart1 = echarts.init(chartDom);
this.initEcharts();
});
})
.catch(() => {
this.$nextTick(() => {
let chartDom = this.$refs["bottom-box"];
this.myChart1 = echarts.init(chartDom);
this.initEcharts();
getCosmeticsBL({ name: newRouter.code }).then((res) => {
res.data.result.forEach((value, index) => {
this.pieData.forEach((value1, index1) => {
if (value.reportType == "一般" && value1.name == "一般不良反应") {
this.pieData[index1].value = value.reportCount;
}
if (value.reportType == "严重" && value1.name == "严重不良反应") {
this.pieData[index1].value = value.reportCount;
}
if (
value.reportType != "一般" &&
value.reportType != "严重" &&
value1.name == "发生死亡不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
});
});
this.$nextTick(() => {
let chartDom = this.$refs["bottom-box"];
this.myChart1 = echarts.init(chartDom);
this.initEcharts();
});
});
}
if (newRouter.type == 2) {
//
getMedicalDevicesBL({ name: newRouter.code })
.then((res) => {
res.data.result.forEach((value, index) => {
this.pieData.forEach((value1, index1) => {
if (
value.reportType == "严重伤害" &&
value1.name == "严重不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
if (
value.reportType == "其他" &&
value1.name == "一般不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
if (
value.reportType != "严重伤害" &&
value.reportType != "其他" &&
value1.name == "发生死亡不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
});
});
this.$nextTick(() => {
let chartDom = this.$refs["bottom-box"];
this.myChart1 = echarts.init(chartDom);
this.initEcharts();
});
})
.catch(() => {
this.$nextTick(() => {
let chartDom = this.$refs["bottom-box"];
this.myChart1 = echarts.init(chartDom);
this.initEcharts();
getMedicalDevicesBL({ name: newRouter.code }).then((res) => {
res.data.result.forEach((value, index) => {
this.pieData.forEach((value1, index1) => {
if (
value.reportType == "严重伤害" &&
value1.name == "严重不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
if (value.reportType == "其他" && value1.name == "一般不良反应") {
this.pieData[index1].value = value.reportCount;
}
if (
value.reportType != "严重伤害" &&
value.reportType != "其他" &&
value1.name == "发生死亡不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
});
});
this.$nextTick(() => {
let chartDom = this.$refs["bottom-box"];
this.myChart1 = echarts.init(chartDom);
this.initEcharts();
});
});
}
},
initEcharts() {
@ -391,13 +335,6 @@ export default {
normal: {
show: false,
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: {
fontSize: 12,
},
@ -469,7 +406,7 @@ export default {
background-repeat: no-repeat;
background-position: bottom;
>div {
> div {
display: flex;
align-items: center;
}
@ -527,7 +464,6 @@ export default {
.topbox-item-right {
flex: 1;
.redStyle {
font-size: 16px;
font-family: Alibaba PuHuiTi;
@ -538,7 +474,6 @@ export default {
-webkit-text-fill-color: transparent;
margin-right: 5px;
}
div {
font-size: 16px;
font-family: Alibaba PuHuiTi;
@ -566,7 +501,6 @@ export default {
}
}
}
.footers {
height: calc(100% - 120px);
display: flex;
@ -575,13 +509,11 @@ export default {
height: 100%;
width: 50%;
padding: 10px;
.bottom-box {
height: 100%;
width: 100%;
}
}
.rights {
height: 100%;
padding-left: 15px;
@ -596,30 +528,25 @@ export default {
display: flex;
align-items: center;
position: relative;
.ptleftbox {
width: 12%;
height: 100%;
.rectangular1 {
height: 8px;
width: 8px;
background: #2e87e8;
}
.rectangular2 {
height: 8px;
width: 8px;
background: #f0a436;
}
.rectangular3 {
height: 8px;
width: 8px;
background: #f35656;
}
}
.texts {
width: 60%;
font-size: 16px;
@ -627,7 +554,6 @@ export default {
font-weight: 400;
color: #b7d4f5;
}
.react1 {
// font-size: 20px;
font-family: Alibaba PuHuiTi;
@ -635,7 +561,6 @@ export default {
color: #2e87e8;
padding-left: 10px;
}
.react2 {
// font-size: 20px;
font-family: Alibaba PuHuiTi;
@ -643,7 +568,6 @@ export default {
color: #f0a436;
padding-left: 10px;
}
.react3 {
// font-size: 20px;
font-family: Alibaba PuHuiTi;
@ -652,15 +576,15 @@ export default {
color: #f35656;
}
.ptStyle {
width: 60%;
margin-top: 5px;
background: linear-gradient(to right,
rgba(36, 64, 97, 1),
rgba(36, 64, 97, 0));
background: linear-gradient(
to right,
rgba(36, 64, 97, 1),
rgba(36, 64, 97, 0)
);
}
.boxLine {
position: absolute;
width: 18px;

@ -78,8 +78,8 @@ export default {
<style scoped lang='scss'>
.Basic-box {
width: 100%;
height: 320px;
padding: 0 11px 0px 11px;
height: 300px;
padding: 0 11px 11px 11px;
overflow-y: auto;
.Basic-box-item {

@ -1,14 +1,34 @@
<template>
<div class="Basic-box" ref="basic">
<el-table :data="tableData" v-loading="load1" element-loading-text="..."
element-loading-spinner="el-icon-loading" 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
:data="tableData"
v-loading="load1"
element-loading-text="加载中..."
element-loading-spinner="el-icon-loading"
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>
<div ref="pagination">
<Pagination :total="total" :page="query.current" :limit="query.size" @pagination="changeList"></Pagination>
<Pagination
:total="total"
:page="query.current"
:limit="query.size"
@pagination="changeList"
></Pagination>
</div>
</div>
</template>
@ -58,7 +78,7 @@ export default {
height: 0,
};
},
created() { },
created() {},
mounted() {
this.$nextTick(() => {
this.height =
@ -69,41 +89,8 @@ export default {
methods: {
getList() {
let newRouter = this.$route.query;
this.query.name = newRouter.code;
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) => {
this.tableData = res.data.records;
this.total = res.data.total;
@ -122,46 +109,38 @@ export default {
<style scoped lang='scss'>
.Basic-box {
margin-top: 10px;
max-width: 100%;
width: 100%;
height: calc(100% - 41px - 10px);
// padding: 0 11px 11px 11px;
overflow-y: auto;
background-color: transparent;
}
::v-deep .el-table,
.el-table__expanded-cell {
background-color: transparent;
}
::v-deep .el-table th {
background-color: rgba(0, 100, 255, 0.2) !important;
color: #2492ff;
border: none;
}
::v-deep .el-table td {
border: none;
}
::v-deep .el-table::before {
height: 0px;
}
::v-deep .el-table tr {
background-color: transparent !important;
color: #b7d4f5;
}
::v-deep .el-table tbody tr:hover td {
background-color: transparent !important;
}
::v-deep .el-table th.el-table__cell.is-leaf,
.el-table td.el-table__cell {
border: none;
}
//
::v-deep .el-table .el-table__body tr.el-table__row--striped td {
background-color: rgba(0, 50, 150, 0.1) !important;

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

@ -21,11 +21,11 @@
show-overflow-tooltip
>
</el-table-column>
<el-table-column prop="fbcs" label="分办处室" show-overflow-tooltip>
<el-table-column prop="address" label="分办处室" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="czzt" label="处置状态" show-overflow-tooltip>
<el-table-column prop="address" label="处置状态" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="wcrq" label="完成日期" show-overflow-tooltip>
<el-table-column prop="address" label="完成日期" show-overflow-tooltip>
</el-table-column>
</el-table>
<div ref="pagination">
@ -51,33 +51,8 @@ export default {
this.height =
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: {},
};
</script>

@ -1,15 +1,15 @@
<template>
<div class="pc-container">
<div class="system-header">
<div class="left-tags">{{dataNow(2)+ dataNow(3) + date}}</div>
<div class="left-tags">2023年8月11日 星期五 16:23:34</div>
<div class="system-title" text="产品画像">产品画像</div>
<div class="rigth-tags">
<!-- <div class="rigth-tags-diva">
<span class="rigth-tags-spana"><i class="el-icon-sunny"></i></span
>晴天 17~28°C <span class="rigth-tags-spanb"> | </span>东南风3级
</div> -->
<div class="content-top-fanhui" @click="toBack" v-if="newRouter.cpda != 1">
<div class="content-top-fanhui" @click="toBack">
<div class="content-top-fanhui-main">
<div class="black-bg"></div>
<span>返回</span>
@ -27,6 +27,7 @@
<div class="system-box-left">
<div class="system-boxleft-top top">
<headtitle mytitle="基本信息"></headtitle>
<!-- 组件 -->
<Basicbox></Basicbox>
</div>
<div class="system-boxleft-bottom bottom">
@ -39,20 +40,10 @@
<div class="top">
<!-- 头部 -->
<div class="fengxian-top">
<div class="fengxian-top-left">{{ query.name }}</div>
<div class="fengxian-top-left">复方枸杞子胶囊</div>
<div class="fengxian-top-right">
<div class="right-text-bog" v-if="newRouter.type == 1">
<span v-if="query.type">{{ query.type }}</span>
<span v-if="query.jx">{{ query.jx }}</span>
</div>
<div class="right-text-bog" v-if="newRouter.type == 2">
<span v-if="query.type">{{ query.type }}</span>
<span v-if="query.gllb">{{ query.gllb }}</span>
<span v-if="query.jgtz">{{ query.jgtz }}</span>
</div>
<div class="right-text-bog" v-if="newRouter.type != 1 && newRouter.type != 2">
<span v-if="query.type">{{ query.type }}</span>
</div>
<span>保健药</span>
<span>OTC</span>
</div>
</div>
<headtitle mytitle="风险提示信息"></headtitle>
@ -65,7 +56,10 @@
</div>
<!-- 右边 -->
<div class="system-box-right">
<div class="top" v-if="this.$route.query.type == 1 || this.$route.query.type == 2">
<div
class="top"
v-if="this.$route.query.type == 1 || this.$route.query.type == 2"
>
<headtitle mytitle="召回信息"></headtitle>
<recallbox></recallbox>
</div>
@ -78,9 +72,9 @@
</div>
</div>
</template>
<script>
import { getXXMSG } from "@/api/largeScreen";
import {getXXMSG} from '@/api/largeScreen'
//
import headtitle from "./bigcomponents/headtitle";
//
@ -107,83 +101,30 @@ export default {
AdverseBox,
},
data() {
return {
query: {},
newRouter: {},
date: '',
};
},
created() { this.dataNow(1) },
mounted() {
this.getData();
setInterval(() => {
this.dataNow(1)
}, 1000);
return {};
},
created() {},
mounted() {},
methods: {
toBack() {
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() {
// debugger
this.newRouter = this.$route.query;
console.log(798, this.newRouter);
getXXMSG({ code: this.newRouter.code, type: this.newRouter.type }).then(
(res) => {
this.query = res.data;
}
);
},
getData(){
}
},
computed: {},
};
</script>
<style scoped lang='scss'>
@import "@/assets/styles/theme.scss";
.content-top-fanhui {
margin-right: 10px;
background: linear-gradient(0deg,
rgba(103, 200, 255, 0.2) 0%,
rgba(111, 176, 231, 0.1) 100%);
background: linear-gradient(
0deg,
rgba(103, 200, 255, 0.2) 0%,
rgba(111, 176, 231, 0.1) 100%
);
cursor: pointer;
.content-top-fanhui-main {
padding: 2px 12px;
border: 1px solid;
@ -191,7 +132,6 @@ export default {
border-radius: 4px;
display: flex;
align-items: center;
.black-bg {
width: 26px;
height: 24px;
@ -199,19 +139,20 @@ export default {
background-size: cover;
margin-top: 3px;
}
span {
font-size: 16px;
font-family: SourceHanSansSC;
font-weight: bold;
color: #feffff;
text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.29);
background: linear-gradient(0deg,
#caffff 0%,
#caffff 0%,
#ffffff 0%,
#74b4f4 38.96484375%,
#3883ff 100%);
background: linear-gradient(
0deg,
#caffff 0%,
#caffff 0%,
#ffffff 0%,
#74b4f4 38.96484375%,
#3883ff 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@ -225,7 +166,8 @@ div {
.pc-container {
overflow: hidden;
height: 100%;
background: url("../../assets/images/daping/main-background.png") no-repeat center;
background: url("../../assets/images/daping/main-background.png") no-repeat
center;
background-size: cover;
position: relative;
@ -241,7 +183,7 @@ div {
display: flex;
justify-content: space-between;
&>div {
& > div {
flex: 1;
height: 100%;
}
@ -365,7 +307,7 @@ div {
height: 100%;
display: flex;
&>div {
& > div {
height: 100%;
display: flex;
flex-direction: column;
@ -383,8 +325,7 @@ div {
}
.system-box-left {
// flex: 1;
width: 25vw;
flex: 1;
.system-boxleft-top,
.system-boxleft-bottom {
@ -401,8 +342,6 @@ div {
.system-box-right {
flex: 1;
width: 25vw;
}
}
@ -428,24 +367,21 @@ div {
.fengxian-top-right {
display: flex;
height: 100%;
.right-text-bog {
display: flex;
align-items: center;
span {
margin: 0 3px;
padding: 5px 14px;
background: url("../../assets/images/daping/fengxianbgc.png") no-repeat;
background-size: 100% 100%;
text-align: center;
color: #4da5ff;
font-weight: 400;
}
span {
margin: 0 3px;
width: 93px;
height: 49px;
background: url("../../assets/images/daping/fengxianbgc.png")
no-repeat center;
background-size: contain;
text-align: center;
line-height: 49px;
color: #4da5ff;
font-weight: 400;
}
}
}
}
}
</style>
</style>

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

File diff suppressed because it is too large Load Diff

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

Loading…
Cancel
Save