Browse Source

样式

master
han\hanst 3 weeks ago
parent
commit
28bc652917
  1. 6
      src/assets/scss/global.scss
  2. 12
      src/views/modules/longtron/production-plan-cable-cop-task.vue
  3. 13
      src/views/modules/longtron/production-plan-home-order.vue
  4. 12
      src/views/modules/longtron/production-plan-renovation-order.vue
  5. 28
      src/views/modules/longtron/production-work-report.vue

6
src/assets/scss/global.scss

@ -68,9 +68,9 @@
/* tag start*/
.el-tag--small {
height: 15px;
padding: 0 8px;
line-height: 13px;
height: 18px;
padding: 2px 8px;
line-height: 15px;
}
/* tag end*/

12
src/views/modules/longtron/production-plan-cable-cop-task.vue

@ -127,7 +127,7 @@
<span class="logs-count">{{ selectedOrderLogList.length }}</span>
</div>
<div class="logs-table-wrapper">
<el-table :data="selectedOrderLogList" border size="small" class="detail-table" v-loading="detailLogLoading" height="300px">
<el-table :data="selectedOrderLogList" border size="small" class="detail-table" v-loading="detailLogLoading" height="295px">
<el-table-column prop="logTime" label="时间" width="160" align="center"></el-table-column>
<el-table-column prop="action" label="操作" width="95" align="center"></el-table-column>
<el-table-column prop="nodeName" label="节点" width="130" align="center">
@ -709,7 +709,7 @@ export default {
}
.column-header {
height: 40px;
height: 24px;
display: flex;
align-items: center;
gap: 6px;
@ -728,7 +728,7 @@ export default {
}
.stages-list {
max-height: 300px;
max-height: 295px;
overflow-y: auto;
padding: 10px;
}
@ -737,7 +737,7 @@ export default {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 4px 8px;
padding: 3px 8px;
border-radius: 4px;
}
@ -795,4 +795,8 @@ export default {
.logs-table-wrapper {
padding: 8px;
}
.el-icon-check {
color: #67c23a;
font-weight: 1000;
}
</style>

13
src/views/modules/longtron/production-plan-home-order.vue

@ -122,7 +122,7 @@
<span class="logs-count">{{ selectedOrderLogList.length }}</span>
</div>
<div class="logs-table-wrapper">
<el-table :data="selectedOrderLogList" border size="small" class="detail-table" v-loading="detailLogLoading" height="300px">
<el-table :data="selectedOrderLogList" border size="small" class="detail-table" v-loading="detailLogLoading" height="295px">
<el-table-column prop="logTime" label="时间" width="160" align="center"></el-table-column>
<el-table-column prop="action" label="操作" width="95" align="center"></el-table-column>
<el-table-column prop="nodeName" label="节点" width="130" align="center">
@ -671,7 +671,7 @@ export default {
}
.column-header {
height: 40px;
height: 24px;
display: flex;
align-items: center;
gap: 6px;
@ -690,7 +690,7 @@ export default {
}
.stages-list {
max-height: 300px;
max-height: 295px;
overflow-y: auto;
padding: 10px;
}
@ -699,7 +699,7 @@ export default {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 4px 8px;
padding: 3px 8px;
border-radius: 4px;
}
@ -757,4 +757,9 @@ export default {
.logs-table-wrapper {
padding: 8px;
}
.el-icon-check {
color: #67c23a;
font-weight: 1000;
}
</style>

12
src/views/modules/longtron/production-plan-renovation-order.vue

@ -119,7 +119,7 @@
<span class="logs-count">{{ selectedOrderLogList.length }}</span>
</div>
<div class="logs-table-wrapper">
<el-table :data="selectedOrderLogList" border size="small" class="detail-table" v-loading="detailLogLoading" height="300px">
<el-table :data="selectedOrderLogList" border size="small" class="detail-table" v-loading="detailLogLoading" height="295px">
<el-table-column prop="logTime" label="时间" width="160" align="center"></el-table-column>
<el-table-column prop="action" label="操作" width="95" align="center"></el-table-column>
<el-table-column prop="nodeName" label="节点" width="130" align="center">
@ -701,7 +701,7 @@ export default {
}
.column-header {
height: 40px;
height: 24px;
display: flex;
align-items: center;
gap: 6px;
@ -720,7 +720,7 @@ export default {
}
.stages-list {
max-height: 300px;
max-height: 295px;
overflow-y: auto;
padding: 10px;
}
@ -729,7 +729,7 @@ export default {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 4px 8px;
padding: 3px 8px;
border-radius: 4px;
}
@ -787,4 +787,8 @@ export default {
.logs-table-wrapper {
padding: 8px;
}
.el-icon-check {
color: #67c23a;
font-weight: 1000;
}
</style>

28
src/views/modules/longtron/production-work-report.vue

@ -92,7 +92,7 @@
<el-tag :type="getTypeTag(item.orderType)" effect="dark" class="type-tag">{{ item.orderTypeName }}</el-tag>
<span class="project-no">{{ item.projectNo }}</span>
</div>
<el-tag :type="getStatusType(item.status)" size="small">{{ item.status }}</el-tag>
<a style="font-size: 16px" :class="getStatusClass(item.status)" >{{ item.status }}</a>
</div>
<div class="card-body">
@ -364,13 +364,13 @@ export default {
}
return tagMap[type] || 'info'
},
getStatusType(status) {
getStatusClass(status) {
const statusMap = {
已排产: 'info',
进行中: 'warning',
已完成: 'success'
已排产: 'status-info',
进行中: 'status-warning',
已完成: 'status-success'
}
return statusMap[status] || 'info'
return statusMap[status] || 'status-info'
},
getNodeStatusType(status) {
const statusMap = {
@ -524,7 +524,7 @@ export default {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 20px;
padding: 8px 20px;
background: #FFFFFF;
border-radius: 4px;
border: 1px solid #EBEEF5;
@ -661,7 +661,7 @@ export default {
}
.type-tag {
font-size: 12px;
font-size: 14px;
}
.project-no {
@ -853,4 +853,16 @@ export default {
grid-template-columns: 1fr;
}
}
.status-info {
color: #909399;
}
.status-warning {
color: #E6A23C;
}
.status-success {
color: #67C23A;
}
</style>
Loading…
Cancel
Save