|
@@ -11,19 +11,48 @@
|
|
|
<div style="background:#fff">
|
|
|
<el-tabs v-model="pageActiveName" type="card" class="demo-tabs" @tab-change="handlePageTabChange">
|
|
|
<el-tab-pane label="在手任务" name="1">
|
|
|
+ <template #label>
|
|
|
+ <div style="display:flex;align-items:center">
|
|
|
+ <div>在手任务</div>
|
|
|
+ <div class="badge">{{taskCountObj['onHandCount'] || 0}}</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="已完成" name="2">
|
|
|
+ <template #label>
|
|
|
+ <div style="display:flex;align-items:center">
|
|
|
+ <div>已完成</div>
|
|
|
+ <div class="badge">{{taskCountObj['completedCount'] || 0}}</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="所有任务" name="3">
|
|
|
+ <template #label>
|
|
|
+ <div style="display:flex;align-items:center">
|
|
|
+ <div>所有任务</div>
|
|
|
+ <div class="badge">{{taskCountObj['allCount'] || 0}}</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="车间工序结存" name="4">
|
|
|
+ <template #label>
|
|
|
+ <div style="display:flex;align-items:center">
|
|
|
+ <div>车间工序结存</div>
|
|
|
+ <div class="badge">{{taskCountObj['balanceCount'] || 0}}</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane v-for="item in processesData" :label="item.name" :name="item.id" :key="item.id">
|
|
|
<template #label>
|
|
|
- <div>
|
|
|
- <el-badge :value="Number(taskCountObj[item.id])||0" :max="99">
|
|
|
+ <div style="display:flex;align-items:center">
|
|
|
+ <!-- <el-badge :value="Number(taskCountObj[item.id])||0" :max="99">
|
|
|
{{item.name}}
|
|
|
- </el-badge>
|
|
|
+ </el-badge> -->
|
|
|
+ <div>
|
|
|
+ {{item.name}} </div>
|
|
|
+ <div class="badge">{{Number(taskCountObj[item.id])||0}}</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-tab-pane>
|
|
@@ -381,7 +410,7 @@
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
|
|
|
- <el-dialog title="备注" v-model="remarkDialog" width="500" destroy-on-close v-if="remarkDialog">
|
|
|
+ <el-dialog title="进度说明" v-model="remarkDialog" width="50%" destroy-on-close v-if="remarkDialog">
|
|
|
<byForm :formConfig="formConfig" :formOption="formOption" v-model="formData.data" :rules="rules" ref="formDom" v-loading="submitLoading">
|
|
|
</byForm>
|
|
|
<template #footer>
|
|
@@ -1094,14 +1123,14 @@ const formConfig = computed(() => {
|
|
|
type: "input",
|
|
|
prop: "remark",
|
|
|
itemType: "textarea",
|
|
|
- label: "备注",
|
|
|
+ label: "进度说明",
|
|
|
itemWidth: 100,
|
|
|
disabled: false,
|
|
|
},
|
|
|
];
|
|
|
});
|
|
|
const rules = ref({
|
|
|
- remark: [{ required: true, message: "请输入备注", trigger: "blur" }],
|
|
|
+ remark: [{ required: true, message: "请输入进度说明", trigger: "blur" }],
|
|
|
});
|
|
|
|
|
|
const getTableList = (req) => {
|
|
@@ -1745,5 +1774,17 @@ const submitFormOne = () => {
|
|
|
::v-deep(.el-tabs__nav-scroll) {
|
|
|
overflow: visible !important;
|
|
|
}
|
|
|
+.badge {
|
|
|
+ padding: 6px;
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #fff;
|
|
|
+ background: #f56c6c;
|
|
|
+ border-radius: 10px;
|
|
|
+ height: 18px;
|
|
|
+ line-height: 8px;
|
|
|
+ margin-left: 2px;
|
|
|
+ margin-top: -2px;
|
|
|
+}
|
|
|
</style>
|
|
|
|