<template>
|
<view class="container">
|
<cu-custom :bgColor="NavBarColor" :isBack="true" backRouterName="index">
|
<block slot="backText">返回</block>
|
<block slot="content">排产工单</block>
|
</cu-custom>
|
|
<uni-search-bar placeholder="生产单号/物料信息/扫码查询" @confirm="search" :focus="false" v-model="searchValue"
|
@clear="clear" class="search-bar">
|
</uni-search-bar>
|
|
<!-- <view class="filter-container">
|
<ren-dropdown-filter :filterData='filterData' :defaultIndex='defaultIndex' @onSelected='ed'
|
@dateChange='dateChange'>
|
</ren-dropdown-filter>
|
</view> -->
|
|
<view class="status-tabs">
|
<view class="solid-bottom">
|
<scroll-view scroll-x class="bg-white nav text-center ">
|
<view class="flex text-center justify-around">
|
<view class="cu-item" :class="item.value==TabCur?'text-blue cur':''"
|
v-for="(item,index) in tabs" :key="index" @tap="tabSelect" :data-id="item.value">
|
{{item.title}}
|
</view>
|
</view>
|
</scroll-view>
|
</view>
|
</view>
|
|
<mescroll-uni ref="mescrollRef" @init="mescrollInit" :top="top" @down="downCallback" @up="upCallback">
|
<view class="production-list">
|
<!-- 工单列表 -->
|
<view class="order-card" v-for="(item, index) in filteredBillList" :key="index"
|
:class="{ 'highlight': item.priority === '高' }">
|
|
<!-- 工单头部 - 基本信息 -->
|
<view class="order-header">
|
<view class="order-primary">
|
<text class="order-number">
|
{{ item.workOrderCode.length > 15
|
? item.workOrderCode.substring(0, 15) + '...'
|
: item.workOrderCode
|
}}
|
</text>
|
<view class="order-status" :class="'status-' + item.workOrderStatus">
|
{{item.workOrderStatus_dictText}}
|
</view>
|
</view>
|
<view class="order-meta">
|
<text class="meta-item">{{item.materialNumber}}</text>
|
<text class="meta-item" style="margin-left: 10px;">{{item.materialName}}</text>
|
</view>
|
</view>
|
|
<!-- 工单内容 - 详细信息 -->
|
<view class="order-content">
|
<view class="content-row">
|
<text class="content-label">产线:</text>
|
<text class="content-value">{{item.factoryId_dictText}}</text>
|
</view>
|
<view class="content-row">
|
<text class="content-label">班次:</text>
|
<text class="content-value">{{item.shiftId_dictText}}</text>
|
</view>
|
<view class="content-row">
|
<text class="content-label">班组:</text>
|
<text class="content-value">{{item.groupId_dictText}}</text>
|
</view>
|
|
|
<view class="content-stats">
|
<view class="stat-item">
|
<text class="stat-text">计划生产数量</text>
|
<text class="stat-number" style="color: orange;">{{item.planQuantity}}</text>
|
</view>
|
<view class="stat-item">
|
<text class="stat-text">实际报工数量</text>
|
<text class="stat-number" style="color: yellowgreen;">{{item.actualQuantity}}</text>
|
</view>
|
<view class="stat-item">
|
<text class="stat-text">排产日期
|
</text>
|
<text class="stat-number">{{item.workOrderDate}}</text>
|
</view>
|
</view>
|
|
<view class="content-row inspection-row">
|
<text class="content-label">发布时间:</text>
|
<view class="inspection-status">
|
<text class="status-text" :class="item.workOrderStatus === 'EXECUTING' ? 'passed' : ''">
|
{{ new Date(item.publishTime).toISOString().split('T')[0] }}
|
</text>
|
</view>
|
<text class="content-label">重发布时间:</text>
|
<view class="inspection-status">
|
<text class="status-text"
|
:class="item.workOrderStatus === 'EXECUTING' ? 'passeds' : ''">
|
{{item.republishTime}}
|
</text>
|
</view>
|
<!-- <view class="feeding-info">
|
<text class="feeding-text">重发布时间:{{item.republishTime.split(' ')[0]}}</text>
|
</view> -->
|
</view>
|
<!-- <view class="content-row inspection-row">
|
<text class="content-label">调度员名称:</text>
|
<view class="inspection-status">
|
<text class="status-text" :class="item.dispatcherName === '六厂调度员' ? 'passeds' : ''">
|
{{item.dispatcherName}}
|
</text>
|
</view>
|
<view class="feeding-info">
|
<text class="feeding-text">调度员编号:{{item.dispatcherCode}}</text>
|
</view>
|
</view> -->
|
</view>
|
|
<!-- 操作按钮区 -->
|
<view class="order-actions">
|
<view class="action-buttons">
|
<button class="action-btn" v-for="btn in getActionButtons(TabCur)" :key="btn.type"
|
@click="handleButtonClick(item, btn)" :class="btn.type">
|
{{btn.text}}
|
</button>
|
</view>
|
</view>
|
</view>
|
|
<!-- 空状态 -->
|
<view class="empty-state" v-if="filteredBillList.length === 0">
|
<view class="empty-icon">
|
<text class="iconfont"></text>
|
</view>
|
<text class="empty-text">暂无符合条件的工单</text>
|
</view>
|
</view>
|
</mescroll-uni>
|
<pdaScan></pdaScan>
|
</view>
|
</template>
|
|
<script>
|
const tabs = [{
|
title: '待执行',
|
value: 0
|
},
|
{
|
title: '执行中',
|
value: 1
|
},
|
{
|
title: '已完成',
|
value: 2
|
}
|
];
|
import pdaScan from "@/components/mes/pdaScan.vue"
|
import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
|
import {
|
mapGetters
|
} from "vuex";
|
export default {
|
mixins: [MescrollMixin],
|
components: {
|
pdaScan
|
},
|
data() {
|
return {
|
announcement1: [],
|
NavBarColor: this.NavBarColor,
|
mockBillList: [],
|
searchValue: '',
|
filterData: [
|
[],
|
[{
|
text: '订单类型',
|
value: ''
|
},
|
{
|
text: '张杰班组',
|
value: '张杰班组'
|
},
|
{
|
text: '李华班组',
|
value: '李华班组'
|
},
|
{
|
text: '王强班组',
|
value: '王强班组'
|
},
|
{
|
text: '刘晓班组',
|
value: '刘晓班组'
|
},
|
{
|
text: '周红班组',
|
value: '周红班组'
|
},
|
{
|
text: '郑军班组',
|
value: '郑军班组'
|
}
|
]
|
],
|
defaultIndex: [0, 0],
|
tabs,
|
TabCur: 0,
|
upOption: {
|
page: {
|
num: 0,
|
size: 10,
|
},
|
noMoreSize: 4,
|
empty: {
|
tip: '~ 暂无数据 ~',
|
},
|
textNoMore: '已加载全部数据'
|
},
|
actionConfig: {
|
'unexecuted': [{
|
text: '齐套检查',
|
type: 'check',
|
path: '/pages/eam/production/check/check'
|
},
|
{
|
text: '工艺点检',
|
type: 'process',
|
path: '/pages/eam/production/process/process'
|
},
|
{
|
text: '设备点检',
|
type: 'device',
|
path: '/pages/eam/production/ToDoList/ToDoList'
|
},
|
{
|
text: '样件校验',
|
type: 'sample',
|
path: '/pages/eam/production/sample/sample'
|
},
|
// {
|
// text: '上料',
|
// type: 'feed',
|
// path: '/pages/eam/production/feed/feed'
|
// },
|
{
|
text: '记录',
|
type: 'record',
|
path: '/pages/eam/production/record/record'
|
}
|
],
|
'executing': [
|
// {
|
// text: '报工',
|
// type: 'report',
|
// path: '/pages/eam/production/report/report'
|
// },
|
{
|
text: '生产检验',
|
type: 'inspection',
|
path: '/pages/eam/quality/qualityInspection/addInspection/addInspection'
|
},
|
// {
|
// text: '记录',
|
// type: 'record',
|
// path: '/pages/eam/production/record/record'
|
// }
|
],
|
'completed': [{
|
text: '详情',
|
type: 'detail',
|
path: '/pages/eam/production/detail/detail'
|
},
|
// {
|
// text: '记录',
|
// type: 'record',
|
// path: '/pages/eam/production/record/record'
|
// }
|
]
|
},
|
url: {
|
delete: "/pm/arrivalAdvice/delete",
|
orderCategory: 'sys/dict/getDictItems/work_order_status',
|
list: "/mes/mesProductionWorkOrder/list",
|
},
|
orderCategoryList: [],
|
msgList: [],
|
filterSelected: {
|
productionLine: '',
|
team: ''
|
}
|
}
|
},
|
|
computed: {
|
...mapGetters(["currentLineName", "username", "currentLineId"]),
|
top() {
|
return this.CustomBar * 3 + 150
|
},
|
style() {
|
var StatusBar = this.StatusBar;
|
var CustomBar = this.CustomBar;
|
return `height:${CustomBar}px;padding-top:${StatusBar}px;`;
|
},
|
// 过滤后的工单列表
|
filteredBillList() {
|
return this.msgList.filter(item => {
|
// 状态过滤
|
let statusMatch = false;
|
if (this.TabCur === 0) {
|
statusMatch = item.workOrderStatus === 'PUBLISHED';
|
} else if (this.TabCur === 1) {
|
statusMatch = item.workOrderStatus === 'EXECUTING';
|
} else if (this.TabCur === 2) {
|
statusMatch = item.workOrderStatus === 'CLOSED';
|
}
|
|
// 搜索过滤
|
const searchMatch = this.searchValue === '' ||
|
(item.workOrderCode && item.workOrderCode.includes(this.searchValue));
|
|
// 筛选器过滤
|
const filterMatch =
|
(!this.filterSelected.productionLine || item.productionLine === this.filterSelected
|
.productionLine) &&
|
(!this.filterSelected.team || item.team === this.filterSelected.team);
|
|
return statusMatch && searchMatch && filterMatch;
|
});
|
}
|
},
|
|
created() {
|
this.getOrderCategory();
|
},
|
onShow() {
|
let that = this
|
uni.$off('scancodedate') // 每次进来先 移除全局自定义事件监听器
|
uni.$on('scancodedate', function(data) {
|
console.log(data.code)
|
let str = data.code;
|
that.searchValue = str;
|
that.search(that.searchValue);
|
})
|
},
|
methods: {
|
/**
|
* @param {Object} status
|
* 订单类型
|
*/
|
|
getOrderCategory() {
|
this.$http.get(this.url.orderCategory).then(res => {
|
if (res.data.success) {
|
this.orderCategoryList = res.data.result;
|
|
// 如果需要转换格式以匹配 {text, value} 结构
|
const formattedList = this.orderCategoryList.map(item => {
|
return {
|
text: item.name || item.text || item.label || item, // 根据实际数据结构调整
|
value: item.id || item.value || item.name || item // 根据实际数据结构调整
|
};
|
});
|
|
// 将转换后的数组赋值给 filterData 的第一个数组
|
this.filterData[0] = formattedList;
|
}
|
}).catch(() => {
|
uni.showToast({
|
title: '网络异常，请稍后再试',
|
icon: 'none'
|
});
|
})
|
},
|
|
// 根据状态获取对应的操作按钮
|
getActionButtons(status) {
|
switch (status) {
|
case 0:
|
return this.actionConfig.unexecuted;
|
case 1:
|
return this.actionConfig.executing;
|
case 2:
|
return this.actionConfig.completed;
|
default:
|
return [];
|
}
|
},
|
|
search(res) {
|
this.msgList = [];
|
let keyword = this.TabCur;
|
// 统一处理查询参数（公共部分）
|
const baseParams = {
|
pageNo: 1,
|
factoryId: this.currentLineId,
|
pageSize: 10,
|
order: "desc",
|
column: "createTime",
|
// 同时传递两个查询字段，值都为searchValue
|
workOrderCode: "*" + this.searchValue + "*"
|
|
};
|
|
// 根据不同TabCur设置对应的workOrderStatus
|
let params;
|
if (keyword == 0) {
|
params = {
|
...baseParams,
|
workOrderStatus: 'PUBLISHED'
|
};
|
} else if (keyword == 1) {
|
params = {
|
...baseParams,
|
workOrderStatus: 'EXECUTING'
|
};
|
} else if (keyword == 2) {
|
params = {
|
...baseParams,
|
workOrderStatus: 'CLOSED'
|
};
|
}
|
|
// 发起统一的查询请求
|
this.$http.get(this.url.list, {
|
params
|
})
|
.then(res => {
|
// 联网成功的回调
|
const result = res.data.result || {};
|
const records = result.records || [];
|
|
// 根据不同TabCur更新对应的数据
|
if (keyword == 0) {
|
this.announcement1 = records;
|
this.msg1Count = result.total || 0;
|
this.msg1Title = `通知(${this.msg1Count})`;
|
} else {
|
this.announcement2 = records;
|
this.msg2Count = result.total || 0;
|
this.msg2Title = `通知(${this.msg2Count})`;
|
}
|
|
// 结束加载状态
|
this.mescroll.endSuccess(records.length);
|
|
// 合并数据到msgList
|
if (res.data.success) {
|
records.forEach(item => {
|
this.msgList.push(item);
|
});
|
}
|
})
|
.catch(() => {
|
// 联网失败处理
|
this.mescroll.endErr();
|
uni.showToast({
|
title: '网络异常，请稍后再试',
|
icon: 'none'
|
});
|
});
|
},
|
|
mescrollInit(mescroll) {
|
console.log('mescrollInit')
|
this.mescroll = mescroll;
|
},
|
clear() {
|
this.searchValue = '';
|
},
|
|
ed(res) {
|
// 更新筛选条件
|
this.filterSelected = {
|
productionLine: res[0].value,
|
team: res[1].value
|
};
|
},
|
|
dateChange(d) {
|
uni.showToast({
|
icon: 'none',
|
title: `日期筛选: ${d}`
|
});
|
},
|
|
mescrollInit(mescroll) {
|
this.mescroll = mescroll;
|
},
|
|
// 按钮点击处理
|
handleButtonClick(item, button) {
|
console.log('点击按钮:', button.text, '工单:', item.id);
|
let url = button.path;
|
url += `?id=${item.id}`;
|
uni.navigateTo({
|
url
|
});
|
},
|
|
|
upCallback(page) {
|
//联网加载数据
|
console.log("tabindex", this.TabCur)
|
let keyword = this.TabCur
|
if (keyword == 0) {
|
this.$http.get(this.url.list, {
|
params: {
|
pageNo: page.num,
|
pageSize: page.size,
|
order: "desc",
|
column: "createTime",
|
factoryId: this.currentLineId,
|
workOrderStatus: 'PUBLISHED'
|
|
}
|
}).then(res => {
|
//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
|
|
this.announcement1 = res.data.result.records
|
console.log(this.announcement1)
|
this.mescroll.endSuccess(this.announcement1.length);
|
//console.log("url", res)
|
//设置列表数据
|
if (res.data.success) {
|
console.log("res", res.data)
|
this.msg1Count = res.data.result.total
|
this.msg1Title = "通知(" + res.data.result.total + ")";
|
for (let annItem of this.announcement1) {
|
this.msgList.push(annItem)
|
}
|
}
|
if (page.num == 1) {
|
this.msgList = []; //如果是第一页需手动制空列表
|
this.msgList = this.msgList.concat(this.announcement1); //追加新数据
|
}
|
|
}).catch(() => {
|
//联网失败, 结束加载
|
this.mescroll.endErr();
|
uni.showToast({
|
title: '网络异常，请稍后再试',
|
icon: 'none'
|
});
|
})
|
} else if (keyword == 1) {
|
this.$http.get(this.url.list, {
|
params: {
|
pageSize: page.size,
|
order: "desc",
|
column: "createTime",
|
factoryId: this.currentLineId,
|
workOrderStatus: 'EXECUTING'
|
}
|
}).then(res => {
|
//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
|
this.announcement2 = res.data.result.records
|
this.mescroll.endSuccess(this.announcement2.length, this.msgCount);
|
|
//设置列表数据
|
if (res.data.success) {
|
console.log("res sys", res.data)
|
this.msg2Count = res.data.result.total
|
this.msg2Title = "通知(" + res.data.result.total + ")";
|
|
for (let item of this.announcement2) {
|
this.msgList.push(item)
|
}
|
}
|
if (page.num == 1) {
|
this.msgList = []; //如果是第一页需手动制空列表
|
this.msgList = this.msgList.concat(this.announcement2); //追加新数据
|
}
|
}).catch(() => {
|
//联网失败, 结束加载
|
this.mescroll.endErr();
|
uni.showToast({
|
title: '网络异常，请稍后再试',
|
icon: 'none'
|
});
|
})
|
} else if (keyword == 2) {
|
|
this.$http.get(this.url.list, {
|
params: {
|
pageSize: page.size,
|
order: "desc",
|
column: "createTime",
|
factoryId: this.currentLineId,
|
workOrderStatus: 'CLOSED'
|
}
|
}).then(res => {
|
//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
|
this.announcement2 = res.data.result.records
|
this.mescroll.endSuccess(this.announcement2.length, this.msgCount);
|
|
//设置列表数据
|
if (res.data.success) {
|
console.log("res sys", res.data)
|
this.msg2Count = res.data.result.total
|
this.msg2Title = "通知(" + res.data.result.total + ")";
|
|
for (let item of this.announcement2) {
|
this.msgList.push(item)
|
}
|
}
|
if (page.num == 1) {
|
this.msgList = []; //如果是第一页需手动制空列表
|
this.msgList = this.msgList.concat(this.announcement2); //追加新数据
|
}
|
}).catch(() => {
|
//联网失败, 结束加载
|
this.mescroll.endErr();
|
uni.showToast({
|
title: '网络异常，请稍后再试',
|
icon: 'none'
|
});
|
})
|
|
}
|
|
},
|
|
onClickItem(e) {
|
if (this.current != e.currentIndex) {
|
this.current = e.currentIndex;
|
console.log("选中的是：" + this.current);
|
}
|
},
|
|
tabSelect(e) {
|
this.TabCur = e.currentTarget.dataset.id;
|
this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60;
|
this.msgList = [] // 先置空列表,显示加载进度
|
this.mescroll.resetUpScroll() // 再刷新列表数据
|
},
|
|
|
|
ListTouchStart(e) {
|
this.listTouchStart = e.touches[0].pageX
|
},
|
|
// ListTouch计算方向
|
ListTouchMove(e) {
|
this.listTouchDirection = e.touches[0].pageX - this.listTouchStart > 0 ? 'right' : 'left'
|
},
|
|
// ListTouch计算滚动
|
ListTouchEnd(e) {
|
if (this.listTouchDirection == 'left') {
|
this.modalName = e.currentTarget.dataset.target
|
} else {
|
this.modalName = null
|
}
|
this.listTouchDirection = null
|
},
|
}
|
}
|
</script>
|
|
<style scoped>
|
.container {
|
background-color: #f1f5f9;
|
min-height: 100vh;
|
font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
|
}
|
|
/* 搜索栏样式 */
|
.search-bar {
|
padding: 16rpx 20rpx;
|
background-color: #ffffff;
|
}
|
|
/* 筛选器容器 */
|
.filter-container {
|
background-color: #ffffff;
|
border-bottom: 1px solid #e2e8f0;
|
}
|
|
/* 状态标签页 */
|
.status-tabs {
|
background-color: #1e293b;
|
|
}
|
|
.tab-scroll {
|
display: flex;
|
overflow-x: auto;
|
white-space: nowrap;
|
}
|
|
.tab-item {
|
color: #94a3b8;
|
font-size: 30rpx;
|
padding: 24rpx 36rpx;
|
position: relative;
|
cursor: pointer;
|
transition: all 0.3s ease;
|
}
|
|
.tab-item.active {
|
color: #ffffff;
|
font-weight: 500;
|
}
|
|
.tab-indicator {
|
position: absolute;
|
bottom: 0;
|
left: 0;
|
width: 100%;
|
height: 4rpx;
|
background-color: #3b82f6;
|
}
|
|
/* 工单列表样式 */
|
.production-list {
|
padding: 20rpx 0;
|
}
|
|
.order-card {
|
background-color: #ffffff;
|
border-radius: 8rpx;
|
margin: 0 20rpx 20rpx;
|
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
|
overflow: hidden;
|
transition: all 0.2s ease;
|
}
|
|
|
|
.order-card:hover {
|
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
|
}
|
|
/* 工单头部 */
|
.order-header {
|
padding: 20rpx;
|
border-bottom: 1px solid #f1f5f9;
|
}
|
|
.order-primary {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
margin-bottom: 12rpx;
|
}
|
|
.order-number {
|
font-size: 32rpx;
|
font-weight: 600;
|
color: #1e293b;
|
}
|
|
.order-status {
|
padding: 6rpx 16rpx;
|
border-radius: 16rpx;
|
font-size: 24rpx;
|
font-weight: 500;
|
}
|
|
.status-PUBLISHED {
|
background-color: #fef3c7;
|
color: #d97706;
|
}
|
|
.status-EXECUTING {
|
background-color: #dbeafe;
|
color: #1e40af;
|
}
|
|
.status-CLOSED {
|
background-color: #dcfce7;
|
color: #059669;
|
}
|
|
.order-meta {
|
display: flex;
|
gap: 20rpx;
|
}
|
|
.meta-item {
|
color: #64748b;
|
font-size: 24rpx;
|
}
|
|
/* 工单内容 */
|
.order-content {
|
padding: 20rpx;
|
}
|
|
.content-row {
|
display: flex;
|
margin-bottom: 16rpx;
|
}
|
|
.content-row:last-child {
|
margin-bottom: 0;
|
}
|
|
.content-label {
|
flex: 0 0 180rpx;
|
color: #64748b;
|
font-size: 26rpx;
|
}
|
|
.content-value {
|
flex: 1;
|
color: #1e293b;
|
font-size: 26rpx;
|
word-break: break-word;
|
}
|
|
/* 统计数据行 */
|
.content-stats {
|
display: flex;
|
justify-content: space-between;
|
margin: 20rpx 0;
|
padding: 16rpx;
|
background-color: #f8fafc;
|
border-radius: 6rpx;
|
}
|
|
.stat-item {
|
text-align: center;
|
flex: 1;
|
}
|
|
.stat-text {
|
display: block;
|
color: #64748b;
|
font-size: 24rpx;
|
margin-bottom: 4rpx;
|
}
|
|
.stat-number {
|
display: block;
|
color: #1e293b;
|
font-size: 28rpx;
|
font-weight: 600;
|
}
|
|
/* 检验状态行 */
|
.inspection-row {
|
align-items: center;
|
}
|
|
.inspection-status {
|
flex: 1;
|
}
|
|
.status-text {
|
padding: 4rpx 12rpx;
|
border-radius: 4rpx;
|
font-size: 24rpx;
|
}
|
|
.status-text.passed {
|
background-color: #dcfce7;
|
color: #059669;
|
}
|
|
.status-text.passeds {
|
background-color: #a9c8ab;
|
color: #059669;
|
}
|
|
.feeding-info {
|
color: #64748b;
|
font-size: 24rpx;
|
}
|
|
/* 操作按钮区容器 */
|
.order-actions {
|
padding: 20rpx;
|
/* 增加容器内边距，提升整体上下间距 */
|
border-top: 1px solid #f1f5f9;
|
background-color: #f8fafc;
|
}
|
|
/* 操作按钮区 - 改成网格布局，让按钮自动对齐且间距更合理 */
|
.action-buttons {
|
display: grid;
|
grid-template-columns: repeat(auto-fill, minmax(140rpx, 1fr));
|
gap: 20rpx;
|
/* 增大按钮间距（上下左右统一） */
|
padding: 20rpx 10rpx;
|
/* 增加容器内边距，避免按钮贴边 */
|
}
|
|
/* 按钮基础样式 - 增大尺寸和触摸区域 */
|
.action-btn {
|
padding: 28rpx 0;
|
/* 垂直方向加大内边距，解决上下拥挤 */
|
font-size: 28rpx;
|
/* 字体放大，适配工业场景操作 */
|
height: auto;
|
min-width: 140rpx;
|
/* 保证最小触摸宽度（约50px，符合移动端规范） */
|
border-radius: 8rpx;
|
/* 适度圆角，兼顾工业风与触摸体验 */
|
}
|
|
/* 按钮颜色保持工业风功能区分 */
|
.action-btn.check {
|
background-color: #3b82f6;
|
}
|
|
.action-btn.process {
|
background-color: #10b981;
|
}
|
|
.action-btn.device {
|
background-color: #8b5cf6;
|
}
|
|
.action-btn.sample {
|
background-color: #ef4444;
|
}
|
|
.action-btn.feed {
|
background-color: #f59e0b;
|
}
|
|
.action-btn.report {
|
background-color: #0ea5e9;
|
}
|
|
.action-btn.inspection {
|
background-color: #10b981;
|
}
|
|
.action-btn.detail {
|
background-color: #6366f1;
|
}
|
|
.action-btn.record {
|
background-color: #64748b;
|
}
|
|
/* 触摸反馈效果 */
|
.action-btn:active {
|
opacity: 0.85;
|
/* 点击时略微透明，提供反馈 */
|
transform: scale(0.98);
|
/* 轻微缩放，增强触摸感 */
|
transition: all 0.1s ease;
|
}
|
|
/* 空状态 */
|
.empty-state {
|
text-align: center;
|
padding: 100rpx 0;
|
color: #94a3b8;
|
}
|
|
.empty-icon {
|
font-size: 80rpx;
|
margin-bottom: 20rpx;
|
color: #cbd5e1;
|
}
|
|
.empty-text {
|
font-size: 28rpx;
|
}
|
</style>
|
