710 lines
19 KiB
Vue
710 lines
19 KiB
Vue
<template>
|
||
<view class="container">
|
||
<uni-segmented-control :current="current" :values="items" active-color="#2979FF" @clickItem="current = (current + 1) % 2" />
|
||
<t-gap />
|
||
<view v-if="current === 0" class="segmented-wrapper">
|
||
<uni-forms label-position="left" :label-width="75" label-align="right">
|
||
<uni-forms-item label="生产工单" name="pwoCode">
|
||
<uni-easyinput v-model="pwoCode" suffixIcon="scan" @iconClick="handleScanPwoCode" @confirm="fetchPwoJobList"
|
||
placeholder="请输入工单编码" />
|
||
</uni-forms-item>
|
||
<uni-forms-item label="产线" name="proLineId">
|
||
<uni-data-select v-model="proLineId" :localdata="proLineOptions" :disabled="!pwoCode"
|
||
@change="handleSelectProLine" :clear="false" placeholder="请选择产线" />
|
||
</uni-forms-item>
|
||
<uni-forms-item label="开始作业" name="startJobCode">
|
||
<uni-data-select v-model="startJobCode" :localdata="startJobOptions" :disabled="!pwoCode"
|
||
@change="handleJobChange($event, 'start')" :clear="false" placeholder="请选择开始作业" />
|
||
</uni-forms-item>
|
||
<uni-forms-item label="结束作业" name="endJobCode">
|
||
<uni-data-select v-model="endJobCode" :localdata="endJobOptions" :disabled="!pwoCode"
|
||
@change="handleJobChange($event, 'end')" :clear="false" placeholder="请选择结束作业" />
|
||
</uni-forms-item>
|
||
<uni-forms-item label="合格数量">
|
||
<uni-number-box v-model="mesJobReportOnceRequestDTO.pass.reportNumber" />
|
||
</uni-forms-item>
|
||
<uni-forms-item label="不良数量">
|
||
<uni-number-box v-model="mesJobReportOnceRequestDTO.defect.reportNumber" />
|
||
</uni-forms-item>
|
||
<uni-forms-item label="不良原因" v-if="mesJobReportOnceRequestDTO.defect.reportNumber">
|
||
<uni-data-checkbox v-model="mesJobReportOnceRequestDTO.defect.reason" :localdata="defectOptions"
|
||
placeholder="请选择不良原因" />
|
||
</uni-forms-item>
|
||
<uni-forms-item label="报废数量">
|
||
<uni-number-box v-model="mesJobReportOnceRequestDTO.scrap.reportNumber" />
|
||
</uni-forms-item>
|
||
<uni-forms-item label="报废原因" v-if="mesJobReportOnceRequestDTO.scrap.reportNumber">
|
||
<uni-data-checkbox v-model="mesJobReportOnceRequestDTO.scrap.reason" :localdata="scrapOptions"
|
||
placeholder="请选择报废原因" />
|
||
</uni-forms-item>
|
||
</uni-forms>
|
||
</view>
|
||
<view v-if="current === 1" class="segmented-wrapper">
|
||
<uni-card v-for="(item, index) in selectedJobs" :key="index">
|
||
<template #title>
|
||
<view class="header">
|
||
<view class="jobInfo">
|
||
<uni-tag :text="String(index + 1)" />
|
||
<text class="jobCode">
|
||
{{ item.pwoJobCode }}
|
||
</text>
|
||
<uni-tag :text="item.status" :type="item.labelStyle" />
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<view class="card-list">
|
||
<view class="card-item">
|
||
<span class="card-item__label">目标产品编码</span>
|
||
<span class="card-item__value">{{ item.ptNoTar || '/' }}</span>
|
||
</view>
|
||
<view class="card-item">
|
||
<span class="card-item__label">目标产品名称</span>
|
||
<span class="card-item__value">{{ item.ptTitleTar || '/' }}</span>
|
||
</view>
|
||
<view class="card-item">
|
||
<span class="card-item__label">制程名称</span>
|
||
<span class="card-item__value">{{ item.opTitle || '/' }}</span>
|
||
</view>
|
||
</view>
|
||
<view class="card-data">
|
||
<view class="card-data-item">
|
||
<span class="card-data-item__label">完成数量</span>
|
||
<span class="card-data-item__value finish">
|
||
{{ typeof item.finishQty === 'number' ? item.finishQty : '/' }}
|
||
</span>
|
||
</view>
|
||
<view class="card-data-item">
|
||
<span class="card-data-item__label">目标数量</span>
|
||
<span class="card-data-item__value">
|
||
{{ typeof item.targetNum === 'number' ? item.targetNum : '/' }}
|
||
</span>
|
||
</view>
|
||
</view>
|
||
<template #actions>
|
||
<view class="actions">
|
||
<uni-forms-item label="加工人员" :labelWidth="80">
|
||
<uni-easyinput @change="validateEmpCode(index)"
|
||
v-model="item.createByCode">
|
||
<template #right>
|
||
<uni-tag :text="item.createByName" />
|
||
<uni-icons type="scan" size="30" @click="handleScanEmpCode(index)" />
|
||
</template>
|
||
</uni-easyinput>
|
||
</uni-forms-item>
|
||
</view>
|
||
</template>
|
||
</uni-card>
|
||
<u-empty v-if="selectedJobs.length == 0" mode="list" />
|
||
<view class="btns">
|
||
<u-button v-if="startJobCode && endJobCode" type="primary" @click="submit" class="pri-btn">提交</u-button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { getConfigKey } from '@/api/system/config';
|
||
import { listPwo } from '@/api/mes/pwo';
|
||
import {
|
||
listPwoJob,
|
||
addReport,
|
||
getEquipment,
|
||
addPipelineReport
|
||
} from "@/api/mes/jobReport";
|
||
import {
|
||
listEmpEqpHistory,
|
||
listEmployee,
|
||
listConversion
|
||
} from "@/api/mes/jobIn";
|
||
import { getDicts } from "@/api/system/dict/dictData";
|
||
import { listProLine } from "@/api/basic/proLine";
|
||
import { listEmployeeInProLines } from "@/api/basic/employee";
|
||
import { setProductionLine } from '@/api/mes/pwo';
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
proLineEmployeeDataSet: 1,
|
||
empSelectOptions: [],
|
||
proLineMap: {},
|
||
items: ['报工信息', '作业列表'],
|
||
current: 0,
|
||
dataSet: null,
|
||
isCollapse: false,
|
||
pwoCode: null,
|
||
pwoId: null,
|
||
proLineId: null,
|
||
startJobCode: null,
|
||
endJobCode: null,
|
||
mesJobReportOnceRequestDTO: {
|
||
defect: { reportNumber: 0, reason: null },
|
||
loss: { reportNumber: 0, reason: null },
|
||
pass: { reportNumber: 0, reason: null },
|
||
scrap: { reportNumber: 0, reason: null }
|
||
},
|
||
rawList: [],
|
||
pwoJobList: [],
|
||
startJobOptions: [],
|
||
endJobOptions: [],
|
||
proLineOptions: [],
|
||
defectOptions: [],
|
||
scrapOptions: [],
|
||
statusMap: {},
|
||
selectedJobs: [],
|
||
startIndex: null,
|
||
endIndex: null,
|
||
}
|
||
},
|
||
async mounted() {
|
||
// 获取产线人员对应列表数据源
|
||
await getConfigKey('mes.proline-employee-dataset').then(res => {
|
||
this.proLineEmployeeDataSet = +res.msg;
|
||
});
|
||
// 获取产线列表
|
||
this.fetchProLineOptions();
|
||
// 获取作业状态列表
|
||
this.fetchJobStatusList();
|
||
// 获取不良原因列表
|
||
this.fetchDefectOptions();
|
||
// 获取产线人员对应列表
|
||
this.getEmpOptions();
|
||
console.log('PWO100022136');
|
||
},
|
||
methods: {
|
||
// 获取产线列表
|
||
fetchProLineOptions() {
|
||
this.$modal.loading('加载产线列表...');
|
||
listProLine().then(res => {
|
||
this.$modal.closeLoading();
|
||
|
||
res.rows
|
||
.filter(item => !item.delStatus)
|
||
.forEach(item => {
|
||
this.proLineOptions.push({
|
||
text: item.productLineTitle,
|
||
value: item.id,
|
||
proLineCode: item.productLineCode
|
||
})
|
||
})
|
||
}).catch(err => {
|
||
this.$modal.closeLoading();
|
||
this.$modal.alert('加载产线列表失败', err.msg || err);
|
||
})
|
||
},
|
||
// 获取作业状态列表
|
||
fetchJobStatusList() {
|
||
// this.$modal.loading('加载作业类型...');
|
||
getDicts('mes_job_status').then(res => {
|
||
// this.$modal.closeLoading();
|
||
res.data.forEach(item => {
|
||
this.statusMap[item.dictValue] = [item.dictLabel, item.listClass];
|
||
})
|
||
}).catch(err => {
|
||
// this.$modal.closeLoading();
|
||
this.$modal.alert('加载作业列表失败', err.msg || err);
|
||
})
|
||
},
|
||
// 获取不良原因列表
|
||
async fetchDefectOptions() {
|
||
try {
|
||
await getDicts("mes_job_report_defect").then(res => {
|
||
this.defectOptions = res.data.map(dict => {
|
||
return {
|
||
text: dict.dictLabel,
|
||
value: dict.dictValue,
|
||
diasble: false
|
||
}
|
||
});
|
||
})
|
||
await getDicts("mes_job_report_scrap").then(res => {
|
||
this.scrapOptions = res.data.map(dict => {
|
||
return {
|
||
text: dict.dictLabel,
|
||
value: dict.dictValue,
|
||
diasble: false
|
||
}
|
||
});
|
||
})
|
||
} catch (err) {
|
||
this.$modal.msgError('加载不良原因列表失败');
|
||
console.error(`加载不良原因列表失败:\n${err}`);
|
||
}
|
||
},
|
||
// 获取作业列表
|
||
async fetchPwoJobList() {
|
||
if (!this.pwoCode) return;
|
||
|
||
this.resetForm();
|
||
this.$modal.loading('获取工单信息...');
|
||
await listPwo({ pwoCode: this.pwoCode }).then(res => {
|
||
this.$modal.closeLoading();
|
||
if (res.total === 1) {
|
||
this.proLineId = res.rows[0].proLineId;
|
||
}
|
||
}).catch(err => {
|
||
this.$modal.closeLoading();
|
||
this.$modal.msgError('获取工单信息失败');
|
||
console.error(`获取工单信息失败:\n${err}`);
|
||
return;
|
||
})
|
||
this.$modal.loading('获取作业列表...');
|
||
await listPwoJob({
|
||
pwoCode: this.pwoCode
|
||
}).then(res => {
|
||
this.$modal.closeLoading();
|
||
this.rawList = res.rows;
|
||
this.pwoId = res.rows[0].pwoId;
|
||
res.rows.forEach((item, index) => {
|
||
this.isCollapse = true;
|
||
|
||
this.pwoJobList.push({
|
||
pwoJobCode: item.code,
|
||
status: this.statusMap[item.status][0],
|
||
labelStyle: this.statusMap[item.status][1] || 'default',
|
||
ptTitleTar: item.ptTitleTar,
|
||
ptNoTar: item.ptNoTar,
|
||
opTitle: item.opTitle,
|
||
targetNum: item.targetNum,
|
||
finishQty: item.finishQty,
|
||
createByCode: null
|
||
})
|
||
|
||
this.startJobOptions.push({
|
||
text: `${item.code}(${item.opTitle})`,
|
||
value: item.code,
|
||
disable: index === res.rows.length - 1
|
||
})
|
||
|
||
this.endJobOptions.push({
|
||
text: `${item.code}(${item.opTitle})`,
|
||
value: item.code,
|
||
disable: index === 0
|
||
})
|
||
})
|
||
}).catch(err => {
|
||
this.$modal.closeLoading();
|
||
console.log(err)
|
||
this.$modal.alert('获取作业列表失败', err.msg || err);
|
||
})
|
||
},
|
||
// 扫描工单编码
|
||
handleScanPwoCode() {
|
||
const _this = this;
|
||
|
||
this.$modal.scanCode((res) => {
|
||
if (!res.result) {
|
||
_this.$modal.msg('未扫描到有效值，请重试');
|
||
return;
|
||
}
|
||
_this.pwoCode = res.result;
|
||
_this.fetchPwoJobList();
|
||
});
|
||
},
|
||
// 扫描员工编码
|
||
handleScanEmpCode(index) {
|
||
const _this = this;
|
||
|
||
this.$modal.scanCode((res) => {
|
||
if (!res.result) {
|
||
_this.$modal.msg('未扫描到有效值，请重试');
|
||
return;
|
||
}
|
||
_this.selectedJobs[index].createByCode = res.result;
|
||
_this.validateEmpCode(index);
|
||
});
|
||
},
|
||
// 绑定产线
|
||
async handleSelectProLine(e) {
|
||
if (!e) return;
|
||
|
||
await setProductionLine({
|
||
pwoId: [this.pwoId],
|
||
productionLineId: this.proLineId
|
||
}).then((res) => {
|
||
if (res.code == 200) {
|
||
this.$modal.msgSuccess("绑定成功");
|
||
}
|
||
}).catch(err => {
|
||
console.error(`绑定失败:${err.msg}`);
|
||
this.proLineId = null;
|
||
});
|
||
|
||
this.renderEmpInProLine();
|
||
},
|
||
// 根据产线人员对应关系填写人员编码
|
||
async renderEmpInProLine() {
|
||
let proLineChildren = this.proLineMap[this.proLineId];
|
||
proLineChildren = [];
|
||
|
||
if (this.proLineEmployeeDataSet === 0) {
|
||
console.log(this.empSelectOptions)
|
||
this.empSelectOptions
|
||
.find(item => item.proLineId == this.proLineId)?.children
|
||
.forEach(item => {
|
||
proLineChildren.push({
|
||
name: item.empName,
|
||
empId: item.value,
|
||
empCode: item.empCode,
|
||
lineNum: item.serialNum,
|
||
});
|
||
})
|
||
} else {
|
||
await listProductLineEmployee(this.proLineId).then((res) => {
|
||
res.rows.forEach(item => {
|
||
proLineChildren.push({
|
||
name: item.employeeName,
|
||
empId: item.employeeId,
|
||
empCode: item.employeeCode,
|
||
lineNum: item.serialNum,
|
||
});
|
||
});
|
||
})
|
||
}
|
||
|
||
console.log(proLineChildren);
|
||
this.selectedJobs.forEach((job, index) => {
|
||
const emp = proLineChildren.find(item => item.lineNum == index + 1);
|
||
const empName = emp?.name;
|
||
const empCode = emp?.empCode;
|
||
const empId = emp?.empId;
|
||
this.$set(job, 'createByCode', empCode || null);
|
||
this.$set(job, 'createByName', empName || null);
|
||
this.$set(job, 'createById', empId || null);
|
||
console.log(`第${index + 1}个作业的员工名称为${empName}，id为${empId}`);
|
||
})
|
||
},
|
||
// 获取产线人员对应关系
|
||
async getEmpOptions() {
|
||
// 一人员一产线
|
||
if (this.proLineEmployeeDataSet === 1) {
|
||
const proLineMap = new Map(); // 用于存储产线信息
|
||
await listProLine().then((res) => {
|
||
res.rows.forEach(item => {
|
||
const { id, productLineTitle } = item;
|
||
|
||
// 如果产线不存在，初始化产线
|
||
proLineMap.set(id, {
|
||
proLineId: id,
|
||
label: productLineTitle,
|
||
children: []
|
||
});
|
||
})
|
||
})
|
||
await listEmployee().then((res) => {
|
||
res.rows.forEach(item => {
|
||
const { empCode, name, proLineId,id } = item;
|
||
|
||
// 添加员工到对应产线
|
||
if (proLineId) {
|
||
proLineMap.get(proLineId).children.push({
|
||
value: id,
|
||
label: empCode + ': ' + name,
|
||
empId: id,
|
||
empName: name,
|
||
empCode: empCode
|
||
});
|
||
}
|
||
});
|
||
});
|
||
// 将Map转换为数组
|
||
this.empSelectOptions = Array.from(proLineMap.values());
|
||
} else {
|
||
// 一人员多产线
|
||
listEmployeeInProLines().then(res => {
|
||
if (!res.data) return;
|
||
|
||
res.data.forEach(proLine => {
|
||
const children = proLine.employees.map(emp => {
|
||
return {
|
||
value: emp.id,
|
||
label: emp.employeeCode + ': ' + emp.employeeName,
|
||
empId: emp.id,
|
||
empName: emp.employeeName,
|
||
empCode: emp.employeeCode,
|
||
serialNum: emp.serialNum
|
||
}
|
||
})
|
||
|
||
this.empSelectOptions.push({
|
||
proLineId: proLine.id,
|
||
label: proLine.productLineTitle,
|
||
children
|
||
})
|
||
})
|
||
})
|
||
}
|
||
},
|
||
// 校验员工编码
|
||
validateEmpCode(index) {
|
||
if (!this.selectedJobs[index].createByCode) return;
|
||
listEmployee({
|
||
empCode: this.selectedJobs[index].createByCode
|
||
}).then(res => {
|
||
if (res.total === 0) {
|
||
this.$modal.msgError(`员工不存在，请重新输入！`);
|
||
this.selectedJobs[index].createByCode = null;
|
||
} else if (res.total > 1) {
|
||
this.$modal.msgError(`员工编码异常，请联系管理员！`);
|
||
this.selectedJobs[index].createByCode = null;
|
||
} else {
|
||
this.selectedJobs[index].createByName = res.rows[0].name;
|
||
this.selectedJobs[index].createById = res.rows[0].id;
|
||
}
|
||
}).catch(err => {
|
||
this.$modal.msgError(`校验失败，请重试！\n${err}`);
|
||
this.selectedJobs[index].createByCode = null;
|
||
})
|
||
},
|
||
// 重置表单
|
||
resetForm() {
|
||
this.isCollapse = false;
|
||
this.proLineId = null;
|
||
this.startJobCode = null;
|
||
this.endJobCode = null;
|
||
this.mesJobReportOnceRequestDTO = {
|
||
defect: { reportNumber: 0, reason: null },
|
||
loss: { reportNumber: 0, reason: null },
|
||
pass: { reportNumber: 0, reason: null },
|
||
scrap: { reportNumber: 0, reason: null }
|
||
};
|
||
this.pwoJobList = [];
|
||
this.startJobOptions = [];
|
||
this.endJobOptions = [];
|
||
this.selectedJobs = [];
|
||
this.startIndex = null;
|
||
this.endIndex = null;
|
||
},
|
||
// 校验表单
|
||
async validateForm() {
|
||
try {
|
||
if (!this.pwoCode) throw new Error("请填写工单编码");
|
||
if (!this.startJobCode) throw new Error("请选择起始作业");
|
||
if (!this.endJobCode) throw new Error("请选择结束作业");
|
||
if (!this.proLineId) {
|
||
await this.$modal.confirm('未选择产线，是否继续提交').then(res => {
|
||
if (res.cancel) {
|
||
throw new Error("取消提交");
|
||
}
|
||
})
|
||
}
|
||
|
||
// 校验报工数量
|
||
let hasReport = false;
|
||
for (const key in this.mesJobReportOnceRequestDTO) {
|
||
const item = this.mesJobReportOnceRequestDTO[key];
|
||
const { reportNumber, reason } = item;
|
||
|
||
if (reportNumber !== 0) {
|
||
hasReport = true;
|
||
}
|
||
|
||
// 除了 pass，数量不为0 且 原因为空时抛错
|
||
if (key !== "pass" && reportNumber !== 0 && (reason == null || reason === "")) {
|
||
throw new Error("请选择不良原因");
|
||
}
|
||
}
|
||
if (!hasReport) {
|
||
throw new Error("请填写报工数量");
|
||
}
|
||
|
||
this.selectedJobs.forEach((item, index) => {
|
||
if (!item.createByCode) {
|
||
throw new Error(`请填写第 ${index + 1} 条作业的加工人员`);
|
||
}
|
||
})
|
||
|
||
return true;
|
||
} catch (err) {
|
||
this.$modal.msg(String(err).replace('Error: ', ''));
|
||
console.error(`表单校验失败:\n${err}`);
|
||
return false;
|
||
}
|
||
},
|
||
// 切换作业
|
||
handleJobChange(e, type) {
|
||
if (!e) return;
|
||
switch (type) {
|
||
case 'start':
|
||
this.startIndex = this.pwoJobList.findIndex(item => item.pwoJobCode === e);
|
||
this.endJobOptions.forEach((job, i) => {
|
||
job.disable = i <= this.startIndex;
|
||
})
|
||
break;
|
||
case 'end':
|
||
this.endIndex = this.pwoJobList.findIndex(item => item.pwoJobCode === e);
|
||
this.startJobOptions.forEach((job, i) => {
|
||
job.disable = i >= this.endIndex;
|
||
})
|
||
break;
|
||
}
|
||
this.selectedJobs = [];
|
||
if (typeof this.startIndex === 'number' && typeof this.endIndex === 'number') {
|
||
this.selectedJobs = this.pwoJobList.slice(this.startIndex, this.endIndex + 1);
|
||
}
|
||
|
||
this.renderEmpInProLine();
|
||
},
|
||
// 提交
|
||
async submit() {
|
||
const res = await this.validateForm();
|
||
if (!res) return;
|
||
|
||
const submitList = this.rawList.slice(this.startIndex, this.endIndex + 1)
|
||
this.selectedJobs.forEach((item, index) => {
|
||
submitList[this.startIndex + index] = Object.assign({}, submitList[this.startIndex + index], item);
|
||
})
|
||
|
||
const data = {
|
||
reasonFrom: "0",
|
||
endTime: this.$time.getTime(),
|
||
endPwoJobId: this.rawList[this.endIndex].id,
|
||
startPwoJobId: this.rawList[this.startIndex].id,
|
||
productLineId: this.proLineId,
|
||
mesJobReportList: submitList,
|
||
mesJobReportOnceRequestDTO: this.mesJobReportOnceRequestDTO
|
||
}
|
||
|
||
addPipelineReport(data).then(() => {
|
||
this.$modal.msgSuccess('提交成功');
|
||
setTimeout(() => {
|
||
this.$tab.switchTab("/pages/work/index");
|
||
}, 1000);
|
||
}).catch(err => {
|
||
this.$modal.alert('提交失败', err.msg);
|
||
console.error(`提交失败:\n${err}`);
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.container {
|
||
/* #ifdef H5 */
|
||
height: calc(100vh - 44px);
|
||
/* #endif */
|
||
/* #ifndef H5 */
|
||
height: 100vh;
|
||
/* #endif */
|
||
padding: 10px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
|
||
.card-list__title {
|
||
background: transparent;
|
||
border-top: 1px solid #d9d9d9;
|
||
margin-top: 5px;
|
||
}
|
||
|
||
.segmented-wrapper {
|
||
flex: 1;
|
||
overflow: scroll;
|
||
|
||
.u-empty {
|
||
height: 100%;
|
||
}
|
||
}
|
||
|
||
.uni-card {
|
||
margin: 0 0 10px !important;
|
||
padding: 0 !important;
|
||
box-shadow: none !important;
|
||
border-radius: 11px;
|
||
|
||
.header {
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 8px;
|
||
border-bottom: 1px solid #d9d9d9;
|
||
|
||
.jobInfo {
|
||
display: flex;
|
||
align-items: center;
|
||
flex: 1;
|
||
|
||
.jobCode {
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
flex: 1;
|
||
}
|
||
|
||
.uni-tag {
|
||
box-sizing: border-box;
|
||
height: 100%;
|
||
text-align: center;
|
||
margin-right: 8px;
|
||
}
|
||
}
|
||
}
|
||
|
||
.card-list {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, 1fr);
|
||
grid-gap: 4px;
|
||
|
||
.card-item {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
|
||
.card-item__label {
|
||
font-size: 13px;
|
||
}
|
||
|
||
.card-item__value {
|
||
font-weight: bold;
|
||
font-size: 15px;
|
||
color: #333;
|
||
}
|
||
}
|
||
}
|
||
|
||
.card-data {
|
||
display: flex;
|
||
margin-top: 10px;
|
||
background-color: #f1f1f1;
|
||
border-radius: 4px;
|
||
padding: 6px 0;
|
||
|
||
.card-data-item {
|
||
flex: 1;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
|
||
.card-data-item__label {
|
||
font-size: 13px;
|
||
}
|
||
|
||
.card-data-item__value {
|
||
font-weight: bold;
|
||
font-size: 15px;
|
||
color: #333;
|
||
|
||
&.finish {
|
||
color: #059669;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.actions {
|
||
padding: 0 10px;
|
||
}
|
||
}
|
||
|
||
.btns {
|
||
padding-top: 5px;
|
||
}
|
||
}
|
||
|
||
::v-deep .uni-numbox__value {
|
||
flex: 1;
|
||
height: 36px;
|
||
}
|
||
|
||
::v-deep .uni-forms-item.is-direction-left {
|
||
align-items: baseline;
|
||
}
|
||
</style> |