|
|
@@ -0,0 +1,166 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <header-title title="质检项信息"></header-title>
|
|
|
+ <ele-pro-table
|
|
|
+ :needPage="false"
|
|
|
+ :columns="tableColumns"
|
|
|
+ :datasource="list"
|
|
|
+ rowKey="id"
|
|
|
+ ref="table"
|
|
|
+ ></ele-pro-table>
|
|
|
+ <header-title title="派单信息"></header-title>
|
|
|
+ <el-form
|
|
|
+ ref="form"
|
|
|
+ :model="form"
|
|
|
+ :rules="rules"
|
|
|
+ class="el-form-box"
|
|
|
+ label-width="120px"
|
|
|
+ >
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="质检项请托单号" prop="code">
|
|
|
+ <el-input
|
|
|
+ v-model="form.code"
|
|
|
+ placeholder=" "
|
|
|
+ disabled
|
|
|
+ ></el-input> </el-form-item
|
|
|
+ ></el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="任务名称" prop="name">
|
|
|
+ <el-input
|
|
|
+ v-model="form.name"
|
|
|
+ placeholder="请输入"
|
|
|
+ disabled
|
|
|
+ ></el-input> </el-form-item></el-col
|
|
|
+ ></el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="执行部门" prop="executeDeptId">
|
|
|
+ <el-input
|
|
|
+ v-model="form.executeDeptName"
|
|
|
+ placeholder="请输入"
|
|
|
+ disabled
|
|
|
+ ></el-input> </el-form-item
|
|
|
+ ></el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="执行人" prop="executeUserId">
|
|
|
+ <el-input
|
|
|
+ v-model="form.executeUserName"
|
|
|
+ placeholder="请输入"
|
|
|
+ disabled
|
|
|
+ ></el-input> </el-form-item></el-col
|
|
|
+ ></el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="要求完成时间" prop="requiredCompletionTime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="form.requiredCompletionTime"
|
|
|
+ disabled
|
|
|
+ style="width: 100%"
|
|
|
+ type="datetime"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ placeholder=" "
|
|
|
+ >
|
|
|
+ </el-date-picker> </el-form-item
|
|
|
+ ></el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import { getById } from '@/api/bpm/components/inspectionProjectRequest';
|
|
|
+ import { inspectionProjectStatus } from '@/enum/dict.js';
|
|
|
+
|
|
|
+ export default {
|
|
|
+ props: {
|
|
|
+ businessId: {
|
|
|
+ default: ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ form: {},
|
|
|
+ list: [],
|
|
|
+ tableColumns: [
|
|
|
+ {
|
|
|
+ width: 45,
|
|
|
+ type: 'index',
|
|
|
+ columnKey: 'index',
|
|
|
+ align: 'center',
|
|
|
+ fixed: 'left'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ minWidth: 150,
|
|
|
+ prop: 'qualitySchemeTemplateCode',
|
|
|
+ align: 'center',
|
|
|
+ label: '质检方案编码',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ minWidth: 120,
|
|
|
+ prop: 'qualitySchemeTemplateName',
|
|
|
+ align: 'center',
|
|
|
+ label: '质检方案名称',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ minWidth: 100,
|
|
|
+ prop: 'categoryLevelClassName',
|
|
|
+ align: 'center',
|
|
|
+ label: '质检类型',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ minWidth: 130,
|
|
|
+ prop: 'inspectionCode',
|
|
|
+ align: 'center',
|
|
|
+ label: '质检项编码',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ minWidth: 120,
|
|
|
+ prop: 'inspectionName',
|
|
|
+ align: 'center',
|
|
|
+ label: '质检项名称',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ minWidth: 150,
|
|
|
+ prop: 'defaultValue',
|
|
|
+ align: 'center',
|
|
|
+ label: '工艺参数',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ minWidth: 150,
|
|
|
+ prop: 'status',
|
|
|
+ align: 'center',
|
|
|
+ formatter: (row) => {
|
|
|
+ return (
|
|
|
+ inspectionProjectStatus.find(
|
|
|
+ (item) => item.value === row.status
|
|
|
+ )?.label || ''
|
|
|
+ );
|
|
|
+ },
|
|
|
+
|
|
|
+ label: '状态',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+
|
|
|
+ created() {
|
|
|
+ this.init();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async init() {
|
|
|
+ this.form = await getById(this.businessId);
|
|
|
+ this.list = this.form.templateList;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped></style>
|