plm前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

174 lines
5.4 KiB

<template>
<div class="mode-config">
<el-form label-position="top" :model="projectInformationData">
<el-row :gutter="20">
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="项目号">
<el-input v-model="projectInformationData.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="projectInformationData.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="projectInformationData.projectType" readonly></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="客户来源">
<el-input v-model="projectInformationData.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="projectInformationData.priorityDesc" readonly></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<div class="grid-content bg-purple">
<el-form-item label="项目经理">
<el-input v-model="projectInformationData.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="projectInformationData.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="projectInformationData.userRoleName" readonly></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="创建时间">
<el-input v-model="projectInformationData.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="projectInformationData.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="projectInformationData.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="projectInformationData.updateBy" readonly></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<div class="grid-content bg-purple">
<el-form-item label="项目描述">
<el-input v-model="projectInformationData.projectDesc" readonly></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<div class="grid-content bg-purple">
<el-form-item label="其它特殊要求">
<el-input v-model="projectInformationData.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: "quotationProjectInformation",
props: ['quotationHeader'],
data(){
return{
quotationData:{},
projectInformationData:{
projectId: '',
projectName: '',
projectType: '',
projectSourceDesc: '',
priorityDesc: '',
status: '',
projectDesc: '',
projectManagerName: '',
projectOwnerName: '',
userRoleName: '',
remark: ''
},
}
},
watch:{
// 父组件值发生改变,修改子组件的值
quotationHeader: function (val) {
this.quotationData = val;
this.initData();
}
},
methods:{
initData(){
let tempData = {
site: this.$store.state.user.site,
projectId: this.quotationData.projectId
}
// 报价结果对象
getProjectInformation(tempData).then(({data}) => {
if (data && data.code === 0) {
this.projectInformationData = data.rows[0]
} else {
this.projectInformationData = {}
}
})
},
},
created() {
},
mounted() {
},
}
</script>
<style scoped>
</style>