fengyuan_yang
2 weeks ago
6 changed files with 1035 additions and 11 deletions
-
10src/api/schedule/todoCenter.js
-
85src/views/main-sidebar-hover.vue
-
43src/views/main-sidebar-sub-menu.vue
-
37src/views/main-sidebar.vue
-
21src/views/modules/sys/sceneExceptionRuleConfig.vue
-
850src/views/modules/todo/todoCenter.vue
@ -0,0 +1,10 @@ |
|||||
|
import { createAPI } from '@/utils/httpRequest.js' |
||||
|
|
||||
|
// 功能代办中心：查询统计
|
||||
|
export const getTodoCenterStats = data => createAPI('schedule/getTodoCenterStats', 'POST', data) |
||||
|
|
||||
|
// 功能代办中心：分页查询代办列表
|
||||
|
export const searchTodoCenterList = data => createAPI('schedule/searchTodoCenterList', 'POST', data) |
||||
|
|
||||
|
// 功能代办中心：查询创建分卷缓存详情
|
||||
|
export const getTodoCacheDetail = data => createAPI('schedule/shiftChange/getUnprocessedData', 'POST', data) |
||||
@ -0,0 +1,850 @@ |
|||||
|
<template> |
||||
|
<div class="mod-todo-center" v-loading="dataListLoading"> |
||||
|
<div class="todo-top-fixed"> |
||||
|
<div class="todo-filter-panel"> |
||||
|
<el-form :inline="true" :model="searchData" @keyup.enter.native="queryHandle"> |
||||
|
<el-form-item label="BU"> |
||||
|
<el-select v-model="searchData.buNo" clearable filterable placeholder="全部" style="width: 180px"> |
||||
|
<el-option |
||||
|
v-for="item in buList" |
||||
|
:key="item.buNo" |
||||
|
:label="(item.sitename || item.site || '') + '-' + (item.buDesc || item.buNo || '')" |
||||
|
:value="item.buNo"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="是否强制"> |
||||
|
<el-select v-model="searchData.forceType" clearable placeholder="全部" style="width: 140px"> |
||||
|
<el-option |
||||
|
v-for="item in forceTypeOptions" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="代办状态"> |
||||
|
<el-select v-model="searchData.todoStatus" clearable placeholder="全部" style="width: 140px"> |
||||
|
<el-option |
||||
|
v-for="item in todoStatusOptions" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="责任部门"> |
||||
|
<el-select v-model="searchData.responsibilityDept" clearable filterable placeholder="全部" style="width: 160px"> |
||||
|
<el-option |
||||
|
v-for="item in roleList" |
||||
|
:key="item.roleId" |
||||
|
:label="item.roleName" |
||||
|
:value="String(item.roleId)"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="关键字"> |
||||
|
<el-input |
||||
|
v-model="searchData.keyword" |
||||
|
clearable |
||||
|
placeholder="信息编码/派工单号/订单号" |
||||
|
style="width: 260px"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label=" "> |
||||
|
<el-button type="primary" @click="queryHandle">查询</el-button> |
||||
|
<el-button @click="resetHandle">重置</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
|
||||
|
<div class="todo-summary-row"> |
||||
|
<div class="summary-card blue"> |
||||
|
<div class="summary-icon"><i class="el-icon-document"></i></div> |
||||
|
<div class="summary-content"> |
||||
|
<div class="summary-value">{{ stats.pendingAuditCount }}</div> |
||||
|
<div class="summary-label">待审核</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="summary-card green"> |
||||
|
<div class="summary-icon"><i class="el-icon-success"></i></div> |
||||
|
<div class="summary-content"> |
||||
|
<div class="summary-value">{{ stats.pendingOperateCount }}</div> |
||||
|
<div class="summary-label">可报告</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="summary-card orange"> |
||||
|
<div class="summary-icon"><i class="el-icon-time"></i></div> |
||||
|
<div class="summary-content"> |
||||
|
<div class="summary-value">{{ stats.completedCount }}</div> |
||||
|
<div class="summary-label">已完成</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="todo-main-scroll"> |
||||
|
<div class="todo-card-grid" v-if="dataList.length > 0"> |
||||
|
<div class="todo-card" v-for="item in dataList" :key="item.infoCode"> |
||||
|
<div class="todo-card-head"> |
||||
|
<div class="risk-tag" :class="{ high: item.lockFlag === 'Y' }"> |
||||
|
{{ item.lockFlag === 'Y' ? '强制' : '提示' }} |
||||
|
</div> |
||||
|
<div class="todo-code">{{ item.infoCode || '-' }}</div> |
||||
|
<el-tag size="mini" :type="statusType(item)"> |
||||
|
{{ statusLabel(item) }} |
||||
|
</el-tag> |
||||
|
</div> |
||||
|
|
||||
|
<div class="todo-source">{{ item.messageSource || '-' }}</div> |
||||
|
|
||||
|
<div class="todo-main-title"> |
||||
|
{{ item.orderNo || '-' }} |
||||
|
</div> |
||||
|
|
||||
|
<div class="todo-detail-line"> |
||||
|
<span class="label">工序</span> |
||||
|
<span class="value">工序 1｜创建分卷</span> |
||||
|
</div> |
||||
|
<div class="todo-detail-line"> |
||||
|
<span class="label">派工单号</span> |
||||
|
<span class="value">{{ item.seqNo || '-' }}</span> |
||||
|
</div> |
||||
|
<div class="todo-detail-line"> |
||||
|
<span class="label">责任部门</span> |
||||
|
<span class="value">{{ item.responsibilityDeptName || item.responsibilityDept || '-' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="todo-step-row"> |
||||
|
<div class="step-item done">生成</div> |
||||
|
<div class="step-item" :class="{ done: item.auditFlag === 'Y' }">审核</div> |
||||
|
<div class="step-item" :class="{ done: item.operateFlag === 'Y' }">完成</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="todo-footer"> |
||||
|
<span class="todo-time">{{ formatDateTime(item.createdTime) }}</span> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="primary" |
||||
|
plain |
||||
|
@click="showDetail(item)"> |
||||
|
详情 |
||||
|
</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div v-else class="todo-empty"> |
||||
|
暂无代办数据 |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="todo-bottom-fixed"> |
||||
|
<el-pagination |
||||
|
class="todo-pagination" |
||||
|
@size-change="sizeChangeHandle" |
||||
|
@current-change="currentChangeHandle" |
||||
|
:current-page="pageIndex" |
||||
|
:page-sizes="[15, 30, 60, 100]" |
||||
|
:page-size="pageSize" |
||||
|
:total="totalPage" |
||||
|
layout="total, sizes, prev, pager, next, jumper"> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
|
||||
|
<el-dialog |
||||
|
:title="detailDialogTitle" |
||||
|
:close-on-click-modal="false" |
||||
|
:visible.sync="detailDialogVisible" |
||||
|
width="820px" |
||||
|
class="customer-dialog todo-cache-detail-dialog" |
||||
|
append-to-body> |
||||
|
<div v-loading="detailDialogLoading"> |
||||
|
<el-form :inline="true" label-position="top" style="height: auto;"> |
||||
|
<el-row style="margin-top: -10px;"> |
||||
|
<el-col :span="11"> |
||||
|
<el-form-item label="时间"> |
||||
|
<el-input :value="detailData.cacheTime" readonly style="width: 220px;"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="6"> |
||||
|
<el-form-item label="固定载具"> |
||||
|
<el-input :value="detailData.fixture" readonly style="width: 120px;"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="3"> |
||||
|
<el-form-item label="排数"> |
||||
|
<el-input-number :controls="false" :step="0" :value="detailData.rowCount" disabled style="width: 60px;"></el-input-number> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="3"> |
||||
|
<el-form-item label="分切卷数"> |
||||
|
<el-input-number :controls="false" :step="0" :value="detailData.rollCount" disabled style="width: 60px;"></el-input-number> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
<div class="table-content-container"> |
||||
|
<el-table |
||||
|
:data="detailRowList" |
||||
|
border |
||||
|
style="width: 100%; margin-top: 10px;" |
||||
|
max-height="360"> |
||||
|
<el-table-column prop="rowNumber" label="NO." width="50" align="center"></el-table-column> |
||||
|
<el-table-column label="良品数" width="80" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input-number |
||||
|
:controls="false" |
||||
|
:step="0" |
||||
|
:value="scope.row.goodQty" |
||||
|
disabled |
||||
|
style="width: 100%;" |
||||
|
class="readonly-qty-input good-qty-input"> |
||||
|
</el-input-number> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="面损" width="80" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input-number |
||||
|
:controls="false" |
||||
|
:step="0" |
||||
|
:value="scope.row.surfaceLossQty" |
||||
|
disabled |
||||
|
style="width: 100%;" |
||||
|
class="readonly-qty-input"> |
||||
|
</el-input-number> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="性能不良" width="80" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input-number |
||||
|
:controls="false" |
||||
|
:step="0" |
||||
|
:value="scope.row.poorPerformanceQty" |
||||
|
disabled |
||||
|
style="width: 100%;" |
||||
|
class="readonly-qty-input"> |
||||
|
</el-input-number> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="不良数" width="80" align="right"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div class="readonly-number defect" style="text-align: right; padding-right: 10px;"> |
||||
|
{{ scope.row.defectQty }} |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="良率" width="80" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div class="readonly-number yield">{{ scope.row.yieldRate }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="总数" width="80" align="right"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div class="readonly-number" style="text-align: right; padding-right: 10px;"> |
||||
|
{{ scope.row.totalQty }} |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="Packing List" align="center" class-name="packing-list-column"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div class="remark-wrapper"> |
||||
|
<el-input |
||||
|
type="textarea" |
||||
|
:value="scope.row.packingList" |
||||
|
resize="none" |
||||
|
:autosize="false" |
||||
|
readonly |
||||
|
class="remark-textarea"> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="备注" align="center" class-name="remark-column"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div class="remark-wrapper"> |
||||
|
<el-input |
||||
|
type="textarea" |
||||
|
:value="scope.row.remark" |
||||
|
resize="none" |
||||
|
:autosize="false" |
||||
|
readonly |
||||
|
class="remark-textarea"> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="detailDialogVisible = false">关闭</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { getSiteAndBuByUserName, getUserRoleList } from '@/api/qc/qc' |
||||
|
import { getTodoCenterStats, searchTodoCenterList, getTodoCacheDetail } from '@/api/schedule/todoCenter' |
||||
|
|
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
dataListLoading: false, |
||||
|
pageIndex: 1, |
||||
|
pageSize: 15, |
||||
|
totalPage: 0, |
||||
|
buList: [], |
||||
|
roleList: [], |
||||
|
searchData: { |
||||
|
site: this.$store.state.user.site, |
||||
|
buNo: '', |
||||
|
forceType: 'force', |
||||
|
todoStatus: 'pendingAudit', |
||||
|
responsibilityDept: '', |
||||
|
keyword: '' |
||||
|
}, |
||||
|
forceTypeOptions: [ |
||||
|
{ label: '强制', value: 'force' }, |
||||
|
{ label: '提示', value: 'hint' } |
||||
|
], |
||||
|
todoStatusOptions: [ |
||||
|
{ label: '待审核', value: 'pendingAudit' }, |
||||
|
{ label: '可报告', value: 'reportable' }, |
||||
|
{ label: '已完成', value: 'completed' } |
||||
|
], |
||||
|
stats: { |
||||
|
totalCount: 0, |
||||
|
pendingAuditCount: 0, |
||||
|
pendingOperateCount: 0, |
||||
|
pendingTotalCount: 0, |
||||
|
completedCount: 0, |
||||
|
lockPendingCount: 0 |
||||
|
}, |
||||
|
dataList: [], |
||||
|
detailDialogVisible: false, |
||||
|
detailDialogLoading: false, |
||||
|
detailDialogTitle: '创建分卷详情', |
||||
|
detailData: { |
||||
|
cacheTime: '', |
||||
|
fixture: '', |
||||
|
rowCount: 0, |
||||
|
rollCount: 0 |
||||
|
}, |
||||
|
detailRowList: [] |
||||
|
} |
||||
|
}, |
||||
|
created () { |
||||
|
this.loadBuList() |
||||
|
this.loadRoleList() |
||||
|
this.getTodoStats() |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
methods: { |
||||
|
loadBuList () { |
||||
|
const params = { username: this.$store.state.user.name } |
||||
|
getSiteAndBuByUserName(params).then(({ data }) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.buList = data.rows || [] |
||||
|
} else { |
||||
|
this.buList = [] |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.buList = [] |
||||
|
}) |
||||
|
}, |
||||
|
loadRoleList () { |
||||
|
getUserRoleList({}).then(({ data }) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.roleList = data.rows || [] |
||||
|
} else { |
||||
|
this.roleList = [] |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.roleList = [] |
||||
|
}) |
||||
|
}, |
||||
|
queryHandle () { |
||||
|
this.pageIndex = 1 |
||||
|
this.getTodoStats() |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
resetHandle () { |
||||
|
this.searchData.buNo = '' |
||||
|
this.searchData.forceType = 'force' |
||||
|
this.searchData.todoStatus = 'pendingAudit' |
||||
|
this.searchData.responsibilityDept = '' |
||||
|
this.searchData.keyword = '' |
||||
|
this.queryHandle() |
||||
|
}, |
||||
|
getTodoStats () { |
||||
|
const query = this.buildQuery() |
||||
|
getTodoCenterStats(query).then(({ data }) => { |
||||
|
if (data && data.code === 200 && data.resultMap) { |
||||
|
this.stats = Object.assign({}, this.stats, data.resultMap) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
getDataList () { |
||||
|
this.dataListLoading = true |
||||
|
const query = this.buildQuery() |
||||
|
query.page = this.pageIndex |
||||
|
query.limit = this.pageSize |
||||
|
searchTodoCenterList(query).then(({ data }) => { |
||||
|
if (data && data.code === 200 && data.page) { |
||||
|
this.dataList = data.page.list || [] |
||||
|
this.totalPage = data.page.totalCount || 0 |
||||
|
} else { |
||||
|
this.dataList = [] |
||||
|
this.totalPage = 0 |
||||
|
} |
||||
|
}).finally(() => { |
||||
|
this.dataListLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
buildQuery () { |
||||
|
const currentSite = this.searchData.site || this.$store.state.user.site || '' |
||||
|
return { |
||||
|
site: currentSite, |
||||
|
buNo: this.searchData.buNo, |
||||
|
forceType: this.searchData.forceType, |
||||
|
todoStatus: this.searchData.todoStatus, |
||||
|
responsibilityDept: this.searchData.responsibilityDept, |
||||
|
keyword: this.searchData.keyword |
||||
|
} |
||||
|
}, |
||||
|
sizeChangeHandle (val) { |
||||
|
this.pageSize = val |
||||
|
this.pageIndex = 1 |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
currentChangeHandle (val) { |
||||
|
this.pageIndex = val |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
statusLabel (row) { |
||||
|
if (!row) { |
||||
|
return '' |
||||
|
} |
||||
|
if (row.auditFlag === 'Y' && row.operateFlag === 'Y') { |
||||
|
return '已完成' |
||||
|
} |
||||
|
if (row.auditFlag === 'Y' && row.operateFlag === 'N') { |
||||
|
return '可报告' |
||||
|
} |
||||
|
if (row.auditFlag === 'N' && row.operateFlag === 'N') { |
||||
|
return '待审核' |
||||
|
} |
||||
|
return '处理中' |
||||
|
}, |
||||
|
statusType (row) { |
||||
|
if (!row) { |
||||
|
return 'info' |
||||
|
} |
||||
|
if (row.auditFlag === 'Y' && row.operateFlag === 'Y') { |
||||
|
return 'success' |
||||
|
} |
||||
|
if (row.auditFlag === 'Y' && row.operateFlag === 'N') { |
||||
|
return 'warning' |
||||
|
} |
||||
|
if (row.auditFlag === 'N' && row.operateFlag === 'N') { |
||||
|
return 'danger' |
||||
|
} |
||||
|
return 'info' |
||||
|
}, |
||||
|
formatDateTime (val) { |
||||
|
if (!val) { |
||||
|
return '-' |
||||
|
} |
||||
|
return String(val).replace('T', ' ').substring(0, 19) |
||||
|
}, |
||||
|
resetDetailData () { |
||||
|
this.detailData = { |
||||
|
cacheTime: '', |
||||
|
fixture: '', |
||||
|
rowCount: 0, |
||||
|
rollCount: 0 |
||||
|
} |
||||
|
this.detailRowList = [] |
||||
|
}, |
||||
|
toInt (value) { |
||||
|
const num = Number(value) |
||||
|
if (Number.isNaN(num)) { |
||||
|
return null |
||||
|
} |
||||
|
return parseInt(num, 10) |
||||
|
}, |
||||
|
toNum (value) { |
||||
|
const num = Number(value) |
||||
|
if (Number.isNaN(num)) { |
||||
|
return 0 |
||||
|
} |
||||
|
return num |
||||
|
}, |
||||
|
calcYieldRate (goodQty, defectQty) { |
||||
|
const totalQty = goodQty + defectQty |
||||
|
if (totalQty <= 0) { |
||||
|
return '0.00%' |
||||
|
} |
||||
|
return ((goodQty / totalQty) * 100).toFixed(2) + '%' |
||||
|
}, |
||||
|
mapCacheDetailRows (cacheList) { |
||||
|
return (cacheList || []).map(item => { |
||||
|
const goodQty = this.toNum(item.goodQty) |
||||
|
const defectQty = this.toNum(item.defectQty) |
||||
|
const totalQty = goodQty + defectQty |
||||
|
return { |
||||
|
rowNumber: this.toInt(item.rowBumber) || 0, |
||||
|
goodQty: goodQty, |
||||
|
surfaceLossQty: this.toNum(item.surfaceLossQty), |
||||
|
poorPerformanceQty: this.toNum(item.poorPerformanceQty), |
||||
|
defectQty: defectQty, |
||||
|
yieldRate: this.calcYieldRate(goodQty, defectQty), |
||||
|
totalQty: totalQty, |
||||
|
packingList: item.packingList || '', |
||||
|
remark: item.remark || '' |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
showDetail (row) { |
||||
|
if (!row) { |
||||
|
return |
||||
|
} |
||||
|
this.detailDialogTitle = `创建分卷缓存详情 - ${row.infoCode || ''}` |
||||
|
this.detailDialogVisible = true |
||||
|
this.detailDialogLoading = true |
||||
|
this.resetDetailData() |
||||
|
|
||||
|
const seqNo = this.toInt(row.seqNo) |
||||
|
if (seqNo === null) { |
||||
|
this.detailDialogLoading = false |
||||
|
this.$message.error('派工单号格式不正确，无法查询缓存数据') |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
const query = { |
||||
|
site: row.site || this.searchData.site || this.$store.state.user.site, |
||||
|
orderNo: row.orderNo, |
||||
|
seqNo: seqNo |
||||
|
} |
||||
|
getTodoCacheDetail(query).then(({ data }) => { |
||||
|
if (!(data && data.code === 0)) { |
||||
|
this.$message.error((data && data.msg) || '缓存数据查询失败') |
||||
|
return |
||||
|
} |
||||
|
const cacheList = data.data || [] |
||||
|
if (cacheList.length === 0) { |
||||
|
this.$message.warning('当前代办暂无缓存数据') |
||||
|
return |
||||
|
} |
||||
|
const first = cacheList[0] |
||||
|
this.detailData.cacheTime = this.formatDateTime(first.createdTime) |
||||
|
this.detailData.fixture = first.fixtureNo || '' |
||||
|
this.detailData.rowCount = this.toInt(first.rowCount) || cacheList.length |
||||
|
this.detailData.rollCount = this.toInt(first.rollCount) || 0 |
||||
|
this.detailRowList = this.mapCacheDetailRows(cacheList) |
||||
|
}).catch(() => { |
||||
|
this.$message.error('缓存数据查询失败') |
||||
|
}).finally(() => { |
||||
|
this.detailDialogLoading = false |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.mod-todo-center { |
||||
|
height: calc(100vh - 120px); |
||||
|
min-height: calc(100vh - 120px); |
||||
|
background: #f3f5f9; |
||||
|
padding: 10px; |
||||
|
box-sizing: border-box; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.todo-top-fixed { |
||||
|
flex-shrink: 0; |
||||
|
background: #f3f5f9; |
||||
|
z-index: 2; |
||||
|
} |
||||
|
|
||||
|
.todo-main-scroll { |
||||
|
flex: 1; |
||||
|
min-height: 0; |
||||
|
overflow-y: auto; |
||||
|
overflow-x: hidden; |
||||
|
padding-right: 2px; |
||||
|
} |
||||
|
|
||||
|
.todo-bottom-fixed { |
||||
|
flex-shrink: 0; |
||||
|
background: #f3f5f9; |
||||
|
padding-top: 10px; |
||||
|
} |
||||
|
|
||||
|
.todo-filter-panel { |
||||
|
background: #fff; |
||||
|
border: 1px solid #ebeef5; |
||||
|
border-radius: 6px; |
||||
|
padding: 12px 14px 2px; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
|
||||
|
.panel-title { |
||||
|
font-size: 14px; |
||||
|
color: #606266; |
||||
|
margin-bottom: 8px; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
|
||||
|
.todo-summary-row { |
||||
|
display: flex; |
||||
|
gap: 10px; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
|
||||
|
.summary-card { |
||||
|
flex: 1; |
||||
|
min-width: 0; |
||||
|
background: #fff; |
||||
|
border: 1px solid #ebeef5; |
||||
|
border-radius: 6px; |
||||
|
padding: 10px 12px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.summary-icon { |
||||
|
width: 36px; |
||||
|
height: 36px; |
||||
|
border-radius: 8px; |
||||
|
text-align: center; |
||||
|
line-height: 36px; |
||||
|
font-size: 18px; |
||||
|
margin-right: 10px; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.summary-card.blue .summary-icon { |
||||
|
background: #3a8ee6; |
||||
|
} |
||||
|
|
||||
|
.summary-card.green .summary-icon { |
||||
|
background: #67c23a; |
||||
|
} |
||||
|
|
||||
|
.summary-card.orange .summary-icon { |
||||
|
background: #e6a23c; |
||||
|
} |
||||
|
|
||||
|
.summary-value { |
||||
|
font-size: 24px; |
||||
|
line-height: 24px; |
||||
|
font-weight: 700; |
||||
|
color: #303133; |
||||
|
} |
||||
|
|
||||
|
.summary-label { |
||||
|
margin-top: 4px; |
||||
|
font-size: 12px; |
||||
|
color: #909399; |
||||
|
} |
||||
|
|
||||
|
.todo-card-grid { |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); |
||||
|
gap: 10px; |
||||
|
} |
||||
|
|
||||
|
.todo-card { |
||||
|
background: #fff; |
||||
|
border: 1px solid #ebeef5; |
||||
|
border-radius: 6px; |
||||
|
padding: 10px 12px; |
||||
|
min-height: 248px; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
} |
||||
|
|
||||
|
.todo-card-head { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
gap: 6px; |
||||
|
} |
||||
|
|
||||
|
.risk-tag { |
||||
|
font-size: 12px; |
||||
|
color: #909399; |
||||
|
background: #f4f4f5; |
||||
|
border-radius: 10px; |
||||
|
padding: 2px 8px; |
||||
|
} |
||||
|
|
||||
|
.risk-tag.high { |
||||
|
color: #fff; |
||||
|
background: #f56c6c; |
||||
|
} |
||||
|
|
||||
|
.todo-code { |
||||
|
font-size: 13px; |
||||
|
color: #303133; |
||||
|
font-weight: 600; |
||||
|
flex: 1; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
|
||||
|
.todo-source { |
||||
|
margin-top: 8px; |
||||
|
font-size: 12px; |
||||
|
color: #909399; |
||||
|
} |
||||
|
|
||||
|
.todo-main-title { |
||||
|
margin-top: 8px; |
||||
|
font-size: 16px; |
||||
|
color: #303133; |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
|
||||
|
.todo-detail-line { |
||||
|
margin-top: 8px; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
|
||||
|
.todo-detail-line .label { |
||||
|
color: #909399; |
||||
|
} |
||||
|
|
||||
|
.todo-detail-line .value { |
||||
|
color: #303133; |
||||
|
max-width: 60%; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
white-space: nowrap; |
||||
|
text-align: right; |
||||
|
} |
||||
|
|
||||
|
.todo-step-row { |
||||
|
margin-top: auto; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
gap: 8px; |
||||
|
padding-top: 14px; |
||||
|
} |
||||
|
|
||||
|
.step-item { |
||||
|
flex: 1; |
||||
|
text-align: center; |
||||
|
font-size: 12px; |
||||
|
color: #c0c4cc; |
||||
|
border: 1px solid #ebeef5; |
||||
|
border-radius: 14px; |
||||
|
padding: 4px 0; |
||||
|
} |
||||
|
|
||||
|
.step-item.done { |
||||
|
color: #67c23a; |
||||
|
border-color: #b3e19d; |
||||
|
background: #f0f9eb; |
||||
|
} |
||||
|
|
||||
|
.todo-footer { |
||||
|
margin-top: 10px; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.todo-time { |
||||
|
font-size: 12px; |
||||
|
color: #909399; |
||||
|
} |
||||
|
|
||||
|
.todo-empty { |
||||
|
margin-top: 20px; |
||||
|
text-align: center; |
||||
|
color: #909399; |
||||
|
min-height: 320px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
} |
||||
|
|
||||
|
.todo-pagination { |
||||
|
margin-top: 0; |
||||
|
text-align: right; |
||||
|
} |
||||
|
|
||||
|
.todo-cache-detail-dialog /deep/ .el-dialog__body { |
||||
|
padding-top: 10px; |
||||
|
} |
||||
|
|
||||
|
.todo-cache-detail-dialog .table-content-container { |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.todo-cache-detail-dialog .readonly-number { |
||||
|
width: 100%; |
||||
|
text-align: center; |
||||
|
color: #606266; |
||||
|
} |
||||
|
|
||||
|
.todo-cache-detail-dialog /deep/ .readonly-qty-input .el-input__inner { |
||||
|
text-align: center; |
||||
|
color: #606266; |
||||
|
padding: 0 6px; |
||||
|
} |
||||
|
|
||||
|
.todo-cache-detail-dialog /deep/ .readonly-qty-input.good-qty-input .el-input__inner { |
||||
|
color: #67c23a; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.todo-cache-detail-dialog .readonly-number.good { |
||||
|
color: #67c23a; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.todo-cache-detail-dialog .readonly-number.defect { |
||||
|
color: #f56c6c; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.todo-cache-detail-dialog .readonly-number.yield { |
||||
|
color: #409eff; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
.todo-cache-detail-dialog /deep/ .el-table td.remark-column, |
||||
|
.todo-cache-detail-dialog /deep/ .el-table td.packing-list-column { |
||||
|
padding: 0 !important; |
||||
|
position: relative !important; |
||||
|
} |
||||
|
|
||||
|
.todo-cache-detail-dialog .remark-wrapper { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
.todo-cache-detail-dialog .remark-textarea { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
.todo-cache-detail-dialog /deep/ .remark-textarea .el-textarea__inner { |
||||
|
border: none !important; |
||||
|
resize: none !important; |
||||
|
border-radius: 0 !important; |
||||
|
min-height: 68px !important; |
||||
|
background: #fafafa !important; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue