2 changed files with 146 additions and 18 deletions
-
28src/views/modules/quotation/sellForQuotation/customerInfo.vue
-
136src/views/modules/quotation/sellForQuotation/projectInfo.vue
@ -0,0 +1,136 @@ |
|||||
|
<template> |
||||
|
<div class="mode-config" :style="{width:'800px',height:height+'px'}"> |
||||
|
<el-form label-position="top" :model="project" style="margin-left: 10px;margin-top: 5px;margin-right: 10px;"> |
||||
|
<el-row :gutter="10"> |
||||
|
<el-col :span="8"> |
||||
|
<div class="grid-content bg-purple"> |
||||
|
<el-form-item label="项目号"> |
||||
|
<el-input v-model="project.projectId" readonly></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="grid-content bg-purple"> |
||||
|
<el-form-item label="项目名称"> |
||||
|
<el-input v-model="project.projectName" readonly></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="grid-content bg-purple"> |
||||
|
<el-form-item label="项目类型"> |
||||
|
<el-input v-model="project.projectType" readonly></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="grid-content bg-purple"> |
||||
|
<el-form-item label="客户来源"> |
||||
|
<el-input v-model="project.projectSourceDesc" readonly></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="grid-content bg-purple"> |
||||
|
<el-form-item label="优先级"> |
||||
|
<el-input v-model="project.priorityDesc" readonly></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="grid-content bg-purple"> |
||||
|
<el-form-item label="项目状态"> |
||||
|
<el-input v-model="project.status" readonly></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="grid-content bg-purple"> |
||||
|
<el-form-item label="项目经理"> |
||||
|
<el-input v-model="project.projectManagerName" readonly></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="grid-content bg-purple"> |
||||
|
<el-form-item label="项目负责人"> |
||||
|
<el-input v-model="project.projectOwnerName" readonly></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="grid-content bg-purple"> |
||||
|
<el-form-item label="项目权限"> |
||||
|
<el-input v-model="project.userRoleName" readonly></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="6"> |
||||
|
<div class="grid-content bg-purple"> |
||||
|
<el-form-item label="创建时间"> |
||||
|
<el-input v-model="project.createDate" readonly></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="6"> |
||||
|
<div class="grid-content bg-purple"> |
||||
|
<el-form-item label="创建人"> |
||||
|
<el-input v-model="project.createBy" readonly></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="6"> |
||||
|
<div class="grid-content bg-purple"> |
||||
|
<el-form-item label="更新时间"> |
||||
|
<el-input v-model="project.updateDate" readonly></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="6"> |
||||
|
<div class="grid-content bg-purple"> |
||||
|
<el-form-item label="更新人"> |
||||
|
<el-input v-model="project.updateBy" readonly></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="24"> |
||||
|
<div class="grid-content bg-purple"> |
||||
|
<el-form-item label="项目描述"> |
||||
|
<el-input v-model="project.projectDesc" readonly></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
<el-col :span="24"> |
||||
|
<div class="grid-content bg-purple"> |
||||
|
<el-form-item label="其它特殊要求"> |
||||
|
<el-input v-model="project.remark" readonly></el-input> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { |
||||
|
getProjectInformation, // 获取项目信息 |
||||
|
} from '@/api/quotation/quotationInformation.js' |
||||
|
|
||||
|
export default { |
||||
|
name: "projectInfo", |
||||
|
props: { |
||||
|
project:{ |
||||
|
type: Object, |
||||
|
default: () => {} |
||||
|
}, |
||||
|
height:{ |
||||
|
type:Number, |
||||
|
default:280, |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue