获取近n个批号并显示检项状态，中键点击打开
// ==UserScript==
// @name 油猴6-IMMS浓缩液各检项状态+中键打开
// @namespace http://tampermonkey.net/
// @version 3.0
// @description 获取近n个批号并显示检项状态，中键点击打开
// @author Your Name
// @match http://192.168.100.113/pcis/a/index*
// @grant GM_xmlhttpRequest
// @license MIT
// ==/UserScript==
(function() {
'use strict';
let container = null;
// 主按钮
const mainButton = document.createElement('button');
mainButton.textContent = '近xxxxx批浓缩';
mainButton.style.position = 'fixed';
mainButton.style.width = '130px';
mainButton.style.top = '86px';
mainButton.style.left = '1138px';
mainButton.style.zIndex = '3000';
mainButton.classList.add("effect6");
// 数量输入框
const inputBox = document.createElement('input');
inputBox.type = 'number';
inputBox.value = '8'; // 默认显示8
inputBox.min = '1';
inputBox.max = '20'; // 最多支持20批
inputBox.style.position = 'fixed';
inputBox.style.top = '86px';
inputBox.style.left = `${parseInt(mainButton.style.left) + 33}px`;
inputBox.style.width = '35px';
inputBox.style.height = '25px';
inputBox.style.zIndex = '3000';
inputBox.style.borderRadius = '5px';
inputBox.style.border = '1px solid #ccc';
inputBox.style.textAlign = 'center';
// 检项按钮容器
const inspectionContainer = document.createElement('div');
inspectionContainer.style.position = 'fixed';
inspectionContainer.style.top = '86px';
inspectionContainer.style.left = `${parseInt(mainButton.style.left) + 130}px`;
inspectionContainer.style.display = 'flex';
inspectionContainer.style.flexDirection = 'row';
inspectionContainer.style.alignItems = 'center';
inspectionContainer.style.zIndex = '3000';
// 检项映射表（含 itemId）
const inspectionMapping = [
{ id: '0', simplified: '无菌', detailed: '无菌检查', itemId: '1402241930262237184' },
{ id: '1', simplified: '灭活', detailed: '病毒灭活验证试验', itemId: '1405133396415979520' },
{ id: '2', simplified: '蛋白', detailed: '蛋白质含量', itemId: '1402931464751124480' },
{ id: '3', simplified: '抗原', detailed: '抗原含量', itemId: '1402931810340802560' }
];
// 添加检项按钮
inspectionMapping.forEach(item => {
const button = document.createElement('button');
button.textContent = item.simplified;
button.style.width = '50px';
button.style.height = '25px';
button.style.borderRadius = '5px';
button.style.backgroundColor = '#f0f0f0';
button.style.cursor = 'default';
button.style.boxShadow = '1px 1px 2px rgba(0, 0, 0, 0.1)';
button.style.margin = '0';
inspectionContainer.appendChild(button);
});
// 将控件加入页面
document.body.appendChild(mainButton);
document.body.appendChild(inputBox);
document.body.appendChild(inspectionContainer);
function sendPostRequest(n) {
const count = Math.min(parseInt(n), 20); // 最大不超过20
const url = 'http://192.168.100.113/pcis/a/lims/sampling/limsTestOrderManual/listData';
const data = 'reqOrgOffice.officeName=%E7%8B%82%E7%8A%AC%E7%96%AB%E8%8B%97%E5%8E%9F%E6%B6%B2%E8%BD%A6%E9%97%B4&reqOrg=SDJN01001&materielName=%E6%B5%93%E7%BC%A9%E6%B6%B2&pageNo=1&pageSize=20&orderBy=a.req_date+desc';// 设置请求数据
const head = { 'Content-Type': 'application/x-www-form-urlencoded' };
GM_xmlhttpRequest({
method: 'POST',
url: url,
data: data,
headers: head,
onload: function(response) {
try {
const jsonResponse = JSON.parse(response.responseText);
if (jsonResponse && jsonResponse.list && Array.isArray(jsonResponse.list)) {
const items = jsonResponse.list.slice(0, count); // 使用输入的数量
if (container) {
document.body.removeChild(container);
}
container = document.createElement('div');
container.style.position = 'fixed';
container.style.top = `${parseInt(mainButton.style.top) + 25}px`;
container.style.left = mainButton.style.left;
container.style.zIndex = '3000';
container.style.display = 'flex';
container.style.flexDirection = 'column';
items.forEach(item => {
const batchRow = document.createElement('div');
batchRow.style.display = 'flex';
batchRow.style.alignItems = 'center';
// 批号显示（不加链接，使用与主按钮相同的样式）
const batchText = document.createElement('button');
batchText.textContent = item.ownBatch;
batchText.classList.add("effect6");
batchText.style.width = '130px';
batchText.disabled = true;
batchRow.appendChild(batchText);
// 状态按钮
const statusButtons = [];
inspectionMapping.forEach((mappingItem, index) => {
const statusButton = document.createElement('button');
statusButton.textContent = '加载';
statusButton.classList.add('status-btn');
statusButton.style.width = '50px';
statusButton.style.height = '25px';
statusButton.style.backgroundColor = '#eaeaea';
statusButton.dataset.batch = item.ownBatch;
statusButton.dataset.itemId = mappingItem.itemId;
statusButton.dataset.id = item.id;
// 绑定中键点击事件
statusButton.addEventListener('mouseup', function(event) {
if (event.button === 1) { // 中键点击
const batch = this.dataset.batch;
const itemId = this.dataset.itemId;
window.open(`http://192.168.100.113/pcis/a/dist/index.html#/lims/show?readonly=false&id=${item.id}&itemId=${itemId}`);
}
});
statusButtons.push(statusButton);
batchRow.appendChild(statusButton);
});
container.appendChild(batchRow);
// 请求检项状态
fetchInspectionStatus(item.id, statusButtons);
});
document.body.appendChild(container);
}
} catch (error) {
console.error('解析JSON失败:', error);
alert('解析JSON失败');
}
},
onerror: function(response) {
console.error('请求失败:', response);
alert('请求失败');
}
});
}
function fetchInspectionStatus(id, statusButtons) {
const url = 'http://192.168.100.113/pcis/a/lims/inspectiontask/listData';
const data = `inspectionId=${id}&inspectionItem=&startTimeRange=&_search=false&pageSize=-1&pageNo=1&orderBy=&sord=asc`;
const head = { 'Content-Type': 'application/x-www-form-urlencoded' };
GM_xmlhttpRequest({
method: 'POST',
url: url,
data: data,
headers: head,
onload: function(response) {
try {
const jsonResponse = JSON.parse(response.responseText);
const itemMapping = {};
inspectionMapping.forEach((item, index) => {
itemMapping[item.detailed] = index;
});
if (jsonResponse.list && Array.isArray(jsonResponse.list)) {
jsonResponse.list.forEach(row => {
const itemName = row.inspectionItem;
const opStatus = row.opStatus;
if (itemName in itemMapping) {
const index = itemMapping[itemName];
if (statusButtons[index]) {
statusButtons[index].textContent = opStatus || '未知';
statusButtons[index].style.backgroundColor = getOpStatusColor(opStatus);
}
}
});
}
} catch (error) {
console.error(`解析ID ${id}的数据失败：`, error);
}
},
onerror: function(response) {
console.error(`请求ID ${id}的数据失败:`, response);
}
});
}
function getOpStatusColor(opStatus) {
switch (opStatus) {
case '5':
return '#a5d6a7'; // 绿色
case '3':
return '#ffe082'; // 黄色
case '1':
return '#ef9a9a'; // 红色
default:
return '#eaeaea'; // 默认灰色
}
}
// 点击主按钮触发查询
mainButton.addEventListener('click', () => {
const n = inputBox.value;
if (!n || isNaN(n) || parseInt(n) <= 0) {
alert('请输入有效的数量');
return;
}
sendPostRequest(n);
});
// 添加样式
const style = document.createElement('style');
style.textContent = `
.effect6 {
cursor: pointer;
width: auto; /* 自动宽度 */
height: 25px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid pink;
border-radius: 5px;
box-shadow: 2px 2px 2px rgba(255,192,203,.4);
background-color:rgba(250, 235, 235,1);
padding: 0 10px; /* 增加一些内边距 */
}
.status-btn {
width: 50px;
height: 25px;
border-radius: 5px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
margin: 0;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
`;
document.head.appendChild(style);
})();