meswork/JY1.0
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加营销系统模块

Browse Source
This commit is contained in:
hedekun
2018-11-08 08:39:42 +08:00
commit f7eb22e5bb
181 changed files with 35426 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

405
src/views/ProjectManagement/assess.vue Normal file
View File

@@ -0,0 +1,405 @@
<template>
<div class="app-container">
<div class="table">
<div class="name">
<span>项目名称</span>
<el-select v-model="projectValue" placeholder="请选择项目名称" filterable>
<el-option
v-for="item in project"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
<el-button v-if="isEdit" type="primary" class="el-icon-edit" style="margin-left: 20px;">修改</el-button>
<el-button v-else type="primary" class="el-icon-circle-check-outline" style="margin-left: 20px;">保存</el-button>
<table class="tg">
<colgroup>
<col style="width: 50px">
<col style="width: 100px">
<col style="width: 100px">
<col style="width: 180px">
<col style="width: 100px">
<col style="width: 100px">
<col style="width: 500px">
<col style="width: 100px">
<col style="width: 150px">
<col style="width: 200px">
<col style="width: 200px">
</colgroup>
<tr>
<th>序号</th>
<th>部门</th>
<th>部门分配比例</th>
<th>阶段</th>
<th>阶段分配比例</th>
<th>阶段应发</th>
<th>考核条件</th>
<th>考核系数</th>
<th >考核部门</th>
<th >实际完成情况</th>
<th >应得系数</th>
</tr>
<tr>
<td rowspan="8">1 </td>
<td rowspan="8">电气</td>
<td rowspan="8">20%</td>
<td rowspan="2">设计完成</td>
<td rowspan="2">20%</td>
<td rowspan="2"></td>
<td>a）按时完成率；（1-拖期时间/计划时间）</td>
<td>0.8</td>
<td>销售/采购</td>
<td></td>
<td></td>
</tr>
<tr>
<td>b）客户满意度；（满意1、不满意0~0.5）</td>
<td>0.2</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="3">装配完成（发货）</td>
<td rowspan="3">20%</td>
<td rowspan="3"></td>
<td>a）按时完成率；（1-拖期时间/计划时间）</td>
<td>0.5</td>
<td>生产部</td>
<td></td>
<td></td>
</tr>
<tr>
<td>b）差错率；（基本无差错1、机构小改动0.8、大的机构变更0.5）</td>
<td>0.3</td>
<td>生产部</td>
<td></td>
<td></td>
</tr>
<tr>
<td>c）设计合理性；（设计合理1、设计不合理0.5）</td>
<td>0.2</td>
<td>设计部</td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="2">客户调试</td>
<td rowspan="2">40%</td>
<td rowspan="2"></td>
<td>a）按时完成率；（1-拖期时间/计划时间）</td>
<td>0.2</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
<tr>
<td>b）客户满意度；（满意1、不满意0~0.5）</td>
<td>0.8</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
<tr>
<td>终验收</td>
<td>20%</td>
<td></td>
<td>a）终验收通过</td>
<td>1</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="8">1 </td>
<td rowspan="8">机械</td>
<td rowspan="8">20%</td>
<td rowspan="2">设计完成</td>
<td rowspan="2">20%</td>
<td rowspan="2"></td>
<td>a）按时完成率；（1-拖期时间/计划时间）</td>
<td>0.8</td>
<td>销售/采购</td>
<td></td>
<td></td>
</tr>
<tr>
<td>b）客户满意度；（满意1、不满意0~0.5）</td>
<td>0.2</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="3">装配完成（发货）</td>
<td rowspan="3">20%</td>
<td rowspan="3"></td>
<td>a）按时完成率；（1-拖期时间/计划时间）</td>
<td>0.5</td>
<td>生产部</td>
<td></td>
<td></td>
</tr>
<tr>
<td>b）差错率；（基本无差错1、机构小改动0.8、大的机构变更0.5）</td>
<td>0.3</td>
<td>生产部</td>
<td></td>
<td></td>
</tr>
<tr>
<td>c）设计合理性；（设计合理1、设计不合理0.5）</td>
<td>0.2</td>
<td>设计部</td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="2">客户调试</td>
<td rowspan="2">40%</td>
<td rowspan="2"></td>
<td>a）按时完成率；（1-拖期时间/计划时间）</td>
<td>0.2</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
<tr>
<td>b）客户满意度；（满意1、不满意0~0.5）</td>
<td>0.8</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
<tr>
<td>终验收</td>
<td>20%</td>
<td></td>
<td>a）终验收通过</td>
<td>1</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="8">1 </td>
<td rowspan="8">生产</td>
<td rowspan="8">20%</td>
<td rowspan="2">设计完成</td>
<td rowspan="2">20%</td>
<td rowspan="2"></td>
<td>a）按时完成率；（1-拖期时间/计划时间）</td>
<td>0.8</td>
<td>销售/采购</td>
<td></td>
<td></td>
</tr>
<tr>
<td>b）客户满意度；（满意1、不满意0~0.5）</td>
<td>0.2</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="3">装配完成（发货）</td>
<td rowspan="3">20%</td>
<td rowspan="3"></td>
<td>a）按时完成率；（1-拖期时间/计划时间）</td>
<td>0.5</td>
<td>生产部</td>
<td></td>
<td></td>
</tr>
<tr>
<td>b）差错率；（基本无差错1、机构小改动0.8、大的机构变更0.5）</td>
<td>0.3</td>
<td>生产部</td>
<td></td>
<td></td>
</tr>
<tr>
<td>c）设计合理性；（设计合理1、设计不合理0.5）</td>
<td>0.2</td>
<td>设计部</td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="2">客户调试</td>
<td rowspan="2">40%</td>
<td rowspan="2"></td>
<td>a）按时完成率；（1-拖期时间/计划时间）</td>
<td>0.2</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
<tr>
<td>b）客户满意度；（满意1、不满意0~0.5）</td>
<td>0.8</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
<tr>
<td>终验收</td>
<td>20%</td>
<td></td>
<td>a）终验收通过</td>
<td>1</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="8">1 </td>
<td rowspan="8">采购与外协</td>
<td rowspan="8">10%</td>
<td rowspan="2">设计完成</td>
<td rowspan="2">20%</td>
<td rowspan="2"></td>
<td>a）按时完成率；（1-拖期时间/计划时间）</td>
<td>0.8</td>
<td>销售/采购</td>
<td></td>
<td></td>
</tr>
<tr>
<td>b）客户满意度；（满意1、不满意0~0.5）</td>
<td>0.2</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="3">装配完成（发货）</td>
<td rowspan="3">20%</td>
<td rowspan="3"></td>
<td>a）按时完成率；（1-拖期时间/计划时间）</td>
<td>0.5</td>
<td>生产部</td>
<td></td>
<td></td>
</tr>
<tr>
<td>b）差错率；（基本无差错1、机构小改动0.8、大的机构变更0.5）</td>
<td>0.3</td>
<td>生产部</td>
<td></td>
<td></td>
</tr>
<tr>
<td>c）设计合理性；（设计合理1、设计不合理0.5）</td>
<td>0.2</td>
<td>设计部</td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="2">客户调试</td>
<td rowspan="2">40%</td>
<td rowspan="2"></td>
<td>a）按时完成率；（1-拖期时间/计划时间）</td>
<td>0.2</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
<tr>
<td>b）客户满意度；（满意1、不满意0~0.5）</td>
<td>0.8</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
<tr>
<td>终验收</td>
<td>20%</td>
<td></td>
<td>a）终验收通过</td>
<td>1</td>
<td>销售</td>
<td></td>
<td></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { projectSelect } from '../../api/ProjectManagement/summarize'
export default {
name: 'Summarize',
data() {
return {
projectValue: '',
project: [],
isEdit: true
}
},
watch: {
project(val) {
if (val.length > 0) {
}
}
},
mounted() {
this.fetchData()
},
methods: {
fetchData() {
this.getSelect(projectSelect, ['项目名称', '项目流水号'], 'project')
}
}
}
</script>
<style scoped>
.tg{
border-collapse:collapse;
border-spacing:0;
}
.tg td{
font-size:16px;
padding:12px 10px;
border-style:solid;
border-width:1px;
overflow:hidden;
word-break:normal;
color: #606266;
border-color:#ebeef5;
}
.tg th{
font-size:14px;
font-weight:bolder;
padding:10px 5px;
border-style:solid;
border-width:1px;
overflow:hidden;
word-break:normal;
color: #909399;
border-color:#ebeef5;
}
.tg .title{
font-weight: 500;
font-size: 24px;
color: #909399;
}
.table table{
margin: 20px auto;
}
.main {
font-size: 30px;
font-weight: bolder;
}
.name {
margin: 10px auto;
}
span {
font-size: 22px;
margin: 20px;
}
</style>

249
src/views/ProjectManagement/change.vue Normal file
View File

@@ -0,0 +1,249 @@
<template>
<div class="app-container">
<div class="table">
<div class="name">
<span>项目名称</span>
<el-select v-model="projectValue" placeholder="请选择项目名称" filterable>
<el-option
v-for="item in project"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
<el-button v-if="isEdit" type="primary" class="el-icon-edit" style="margin-left: 20px;">修改</el-button>
<el-button v-else type="primary" class="el-icon-circle-check-outline" style="margin-left: 20px;">保存</el-button>
<table class="tg">
<colgroup>
<col style="width: 93px">
<col style="width: 83px">
<col style="width: 64px">
<col style="width: 64px">
<col style="width: 63px">
<col style="width: 63px">
<col style="width: 92px">
<col style="width: 64px">
<col style="width: 76px">
<col style="width: 105px">
<col style="width: 102px">
<col style="width: 134px">
</colgroup>
<tr>
<th class="tg-s268" colspan="12">一、项目基本情况</th>
</tr>
<tr>
<td class="tg-s268" colspan="2">项目名称</td>
<td class="tg-s268" colspan="3"></td>
<td class="tg-s268" colspan="3">项目编号</td>
<td class="tg-0lax" colspan="4"></td>
</tr>
<tr>
<td class="tg-s268" colspan="2">制作人</td>
<td class="tg-s268" colspan="3"></td>
<td class="tg-s268" colspan="3">审核人</td>
<td class="tg-0lax" colspan="4"></td>
</tr>
<tr>
<td class="tg-s268" colspan="2">项目经理</td>
<td class="tg-s268" colspan="3"></td>
<td class="tg-s268" colspan="3">制作日期</td>
<td class="tg-0lax" colspan="4"></td>
</tr>
<tr>
<td class="tg-s268" colspan="12">二、历史变更记录（按时间顺序记录项目每一次变更情况）</td>
</tr>
<tr>
<td class="tg-s268">序号</td>
<td class="tg-s268">变更时间</td>
<td class="tg-s268" colspan="2">涉及项目任务</td>
<td class="tg-s268" colspan="3">变更要点</td>
<td class="tg-0lax" colspan="3">变更理由</td>
<td class="tg-0lax">申请人</td>
<td class="tg-0lax">部门负责人</td>
</tr>
<tr>
<td class="tg-s268"></td>
<td class="tg-s268"></td>
<td class="tg-s268" colspan="2"></td>
<td class="tg-s268" colspan="3"></td>
<td class="tg-0lax" colspan="3"></td>
<td class="tg-0lax"></td>
<td class="tg-0lax"></td>
</tr>
<tr>
<td class="tg-s268"></td>
<td class="tg-s268"></td>
<td class="tg-s268" colspan="2"></td>
<td class="tg-s268" colspan="3"></td>
<td class="tg-0lax" colspan="3"></td>
<td class="tg-0lax"></td>
<td class="tg-0lax"></td>
</tr>
<tr>
<td class="tg-s268"></td>
<td class="tg-s268"></td>
<td class="tg-s268" colspan="2"></td>
<td class="tg-s268" colspan="3"></td>
<td class="tg-0lax" colspan="3"></td>
<td class="tg-0lax"></td>
<td class="tg-0lax"></td>
</tr>
<tr>
<td class="tg-s268"></td>
<td class="tg-s268"></td>
<td class="tg-s268" colspan="2"></td>
<td class="tg-s268" colspan="3"></td>
<td class="tg-0lax" colspan="3"></td>
<td class="tg-0lax"></td>
<td class="tg-0lax"></td>
</tr>
<tr>
<td class="tg-s268" colspan="12">三、请求变更信息</td>
</tr>
<tr>
<td class="tg-s268" colspan="12">1、申请变更的内容</td>
</tr>
<tr>
<td class="tg-0lax" colspan="12"></td>
</tr>
<tr>
<td class="tg-0lax" colspan="12">2、申请变更的原因</td>
</tr>
<tr>
<td class="tg-0lax" colspan="12"></td>
</tr>
<tr>
<td class="tg-0lax" colspan="12">四、影响分析</td>
</tr>
<tr>
<td class="tg-0lax" colspan="3">受影响的基准计划</td>
<td class="tg-0lax" colspan="2">1、进度计划</td>
<td class="tg-0lax" colspan="4">2、费用计划</td>
<td class="tg-0lax" colspan="3">3、资源计划</td>
</tr>
<tr>
<td class="tg-0lax" colspan="5">是否需要成本/进度影响分析？</td>
<td class="tg-0lax" colspan="4">是</td>
<td class="tg-0lax" colspan="3">否</td>
</tr>
<tr>
<td class="tg-0lax" colspan="3">对成本影响</td>
<td class="tg-0lax" colspan="9"></td>
</tr>
<tr>
<td class="tg-0lax" colspan="3">对进度影响</td>
<td class="tg-0lax" colspan="9"></td>
</tr>
<tr>
<td class="tg-0lax" colspan="3">对资源的影响</td>
<td class="tg-0lax" colspan="9"></td>
</tr>
<tr>
<td class="tg-0lax" colspan="3">变更程度分类</td>
<td class="tg-0lax" colspan="2">高</td>
<td class="tg-0lax" colspan="4">中</td>
<td class="tg-0lax" colspan="3">低</td>
</tr>
<tr>
<td class="tg-0lax" colspan="3">若不进行变更有何影响</td>
<td class="tg-0lax" colspan="9"></td>
</tr>
<tr>
<td class="tg-0lax">申请人签字</td>
<td class="tg-0lax" colspan="2"></td>
<td class="tg-0lax" colspan="2">申请日期</td>
<td class="tg-0lax" colspan="2">项目经理签字</td>
<td class="tg-0lax" colspan="2"></td>
<td class="tg-0lax">日期</td>
<td class="tg-0lax" colspan="2"></td>
</tr>
<tr>
<td class="tg-0lax" colspan="12">五、审批结果</td>
</tr>
<tr>
<td class="tg-0lax">审批意见</td>
<td class="tg-0lax" colspan="5"></td>
<td class="tg-0lax">审批人签字</td>
<td class="tg-0lax" colspan="2"></td>
<td class="tg-0lax">日期</td>
<td class="tg-0lax" colspan="2"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { projectSelect } from '../../api/ProjectManagement/summarize'
export default {
name: 'Summarize',
data() {
return {
projectValue: '',
project: [],
isEdit: true
}
},
watch: {
project(val) {
if (val.length > 0) {
}
}
},
mounted() {
this.fetchData()
},
methods: {
fetchData() {
this.getSelect(projectSelect, ['项目名称', '项目流水号'], 'project')
}
}
}
</script>
<style scoped>
.tg{
border-collapse:collapse;
border-spacing:0;
}
.tg td{
font-size:16px;
padding:12px 10px;
border-style:solid;
border-width:1px;
overflow:hidden;
word-break:normal;
color: #606266;
border-color:#ebeef5;
}
.tg th{
font-size:14px;
font-weight:bolder;
padding:10px 5px;
border-style:solid;
border-width:1px;
overflow:hidden;
word-break:normal;
color: #909399;
border-color:#ebeef5;
}
.tg .title{
font-weight: 500;
font-size: 24px;
color: #909399;
}
.table table{
margin: 20px auto;
}
.main {
font-size: 30px;
font-weight: bolder;
}
.name {
margin: 10px auto;
}
span {
font-size: 22px;
margin: 20px;
}
</style>

193
src/views/ProjectManagement/progress.vue Normal file
View File

@@ -0,0 +1,193 @@
<template>
<div class="app-container">
<div class="table">
<div class="name">
<span>项目名称</span>
<el-select v-model="projectValue" placeholder="请选择项目名称" filterable>
<el-option
v-for="item in project"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
<el-button v-if="isEdit" type="primary" class="el-icon-edit" style="margin-left: 20px;">修改</el-button>
<el-button v-else type="primary" class="el-icon-circle-check-outline" style="margin-left: 20px;">保存</el-button>
<table class="tg">
<colgroup>
<col style="width: 150px">
<col style="width: 250px">
<col style="width: 250px">
<col style="width: 250px">
<col style="width: 250px">
<col style="width: 250px">
</colgroup>
<tr>
<th>项目名称</th>
<th colspan="2">山东XX新线项目</th>
<th>客户</th>
<th colspan="2">xxx有限公司</th>
</tr>
<tr>
<td>时间</td>
<td>2016年_月_日</td>
<td>项目阶段</td>
<td></td>
<td>项目负责人</td>
<td></td>
</tr>
<tr>
<td>类别</td>
<td>内容</td>
<td>目标</td>
<td>计划时间</td>
<td>原因分析</td>
<td>下一步措施</td>
</tr>
<tr>
<td rowspan="3">本周项目计划</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="3">本周出现的问题</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="3">下周计划</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { projectSelect } from '../../api/ProjectManagement/summarize'
export default {
name: 'Summarize',
data() {
return {
projectValue: '',
project: [],
isEdit: true
}
},
watch: {
project(val) {
if (val.length > 0) {
}
}
},
mounted() {
this.fetchData()
},
methods: {
fetchData() {
this.getSelect(projectSelect, ['项目名称', '项目流水号'], 'project')
}
}
}
</script>
<style scoped>
.tg{
border-collapse:collapse;
border-spacing:0;
}
.tg td{
height: 45px;
font-size:16px;
padding:12px 10px;
border-style:solid;
border-width:1px;
overflow:hidden;
word-break:normal;
color: #606266;
border-color:#ebeef5;
}
.tg th{
min-height: 400px;
font-size:20px;
font-weight:bolder;
padding:10px 5px;
border-style:solid;
border-width:1px;
overflow:hidden;
word-break:normal;
color: #909399;
border-color:#ebeef5;
}
.tg .title{
font-weight: 500;
font-size: 24px;
color: #909399;
}
.table table{
margin: 20px
}
.main {
font-size: 30px;
font-weight: bolder;
}
.name {
margin: 10px auto;
}
span {
font-size: 22px;
margin: 20px;
}
</style>

327
src/views/ProjectManagement/summarize.vue Normal file
View File

@@ -0,0 +1,327 @@
<template>
<div class="app-container">
<div class="table">
<div class="name">
<span>项目名称</span>
<el-select v-model="projectValue" placeholder="请选择项目名称" filterable>
<el-option
v-for="item in project"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
<el-button v-if="isEdit" type="primary" class="el-icon-edit" style="margin-left: 20px;" @click="edit">修改</el-button>
<el-button v-else type="primary" class="el-icon-circle-check-outline" style="margin-left: 20px;" @click="save">保存</el-button>
</div>
<table class="tg">
<tr>
<td colspan="8" class="title">一、项目基本情况</td>
</tr>
<tr>
<td colspan="2">项目名称</td>
<td colspan="2">{{ projectName }}</td>
<td colspan="2">项目编号</td>
<td colspan="2">
<el-input size="small" placeholder="请输入内容" v-model="tableData.项目编号" v-if="!isEdit">
</el-input>
<span v-else>{{ tableData.项目编号 }}</span>
</td>
</tr>
<tr>
<td colspan="2">制作人</td>
<td colspan="2">
<el-input size="small" placeholder="请输入内容" v-model="tableData.制作人" v-if="!isEdit">
</el-input>
<span v-else>{{ tableData.制作人 }}</span>
</td>
<td colspan="2">审核人</td>
<td colspan="2">
<el-input size="small" placeholder="请输入内容" v-model="tableData.审核人" v-if="!isEdit">
</el-input>
<span v-else>{{ tableData.审核人 }}</span>
</td>
</tr>
<tr>
<td colspan="2">项目经理</td>
<td colspan="2">
<el-input size="small" placeholder="请输入内容" v-model="tableData.项目经理" v-if="!isEdit">
</el-input>
<span v-else>{{ tableData.项目经理 }}</span>
</td>
<td colspan="2">制作品日期</td>
<td colspan="2">
<el-date-picker size="small" type="date" placeholder="请选择日期" v-model="tableData.制作日期" v-if="!isEdit">
</el-date-picker>
<span v-else>{{ tableData.制作日期 | formatTime }}</span>
</td>
</tr>
<tr>
<td colspan="8" class="title">二、项目完成情况总结</td>
</tr>
<tr>
<td colspan="8">1、时间总结</td>
</tr>
<tr>
<td>开始时间</td>
<td>
<el-date-picker size="small" type="date" placeholder="请选择日期" v-model="tableData.开始时间" v-if="!isEdit">
</el-date-picker>
<span v-else>{{ tableData.开始时间 | formatTime }}</span>
</td>
<td colspan="2">计划完成日期</td>
<td>
<el-date-picker size="small" type="date" placeholder="请选择日期" v-model="tableData.计划完成日期" v-if="!isEdit">
</el-date-picker>
<span v-else>{{ tableData.计划完成日期 | formatTime }}</span>
</td>
<td colspan="2">实际完成日期</td>
<td>
<el-date-picker size="small" type="date" placeholder="请选择日期" v-model="tableData.实际完成日期" v-if="!isEdit">
</el-date-picker>
<span v-else>{{ tableData.实际完成日期 | formatTime }}</span>
</td>
</tr>
<tr>
<td colspan="8">时间（差异）分析</td>
</tr>
<tr>
<td colspan="8">
<el-input size="small" placeholder="请输入内容" v-model="tableData.时间分析" v-if="!isEdit">
</el-input>
<span v-else>{{ tableData.时间分析 }}</span>
</td>
</tr>
<tr>
<td colspan="8">2、成本总结</td>
</tr>
<tr>
<td colspan="2">计划费用</td>
<td colspan="2">
<el-input size="small" placeholder="请输入内容" v-model="tableData.计划费用" v-if="!isEdit">
</el-input>
<span v-else>{{ tableData.计划费用 }}</span>
</td>
<td colspan="2">实际费用</td>
<td colspan="2">
<el-input size="small" placeholder="请输入内容" v-model="tableData.实际费用" v-if="!isEdit">
</el-input>
<span v-else>{{ tableData.实际费用 }}</span>
</td>
</tr>
<tr>
<td colspan="8">成本（差异）分析 </td>
</tr>
<tr>
<td colspan="8">
<el-input size="small" placeholder="请输入内容" v-model="tableData.成本分析" v-if="!isEdit">
</el-input>
<span v-else>{{ tableData.成本分析 }}</span>
</td>
</tr>
<tr>
<td colspan="8">3、交付结果总结</td>
</tr>
<tr>
<td colspan="8">计划交付结果</td>
</tr>
<tr>
<td colspan="8">
<el-input size="small" placeholder="请输入内容" v-model="tableData.计划交付结果" v-if="!isEdit">
</el-input>
<span v-else>{{ tableData.计划交付结果 }}</span>
</td>
</tr>
<tr>
<td colspan="8">实际交付结果</td>
</tr>
<tr>
<td colspan="8">
<el-input size="small" placeholder="请输入内容" v-model="tableData.实际交付结果" v-if="!isEdit">
</el-input>
<span v-else>{{ tableData.实际交付结果 }}</span>
</td>
</tr>
<tr>
<td colspan="8">未交付结果</td>
</tr>
<tr>
<td colspan="8">
<el-input size="small" placeholder="请输入内容" v-model="tableData.未交付结果" v-if="!isEdit">
</el-input>
<span v-else>{{ tableData.未交付结果 }}</span>
</td>
</tr>
<tr>
<td colspan="8">交付结果（差异）分析</td>
</tr>
<tr>
<td colspan="8">
<el-input size="small" placeholder="请输入内容" v-model="tableData.交付结果分析" v-if="!isEdit">
</el-input>
<span v-else>{{ tableData.交付结果分析 }}</span>
</td>
</tr>
<tr>
<td colspan="8" class="title">三、项目经验、教训总结</td>
</tr>
<tr>
<td colspan="8">
<el-input class="textarea" type="textarea" size="small" placeholder="请输入内容" v-model="tableData.项目经验教训总结" v-if="!isEdit" style="min-height: 160px">
</el-input>
<div v-html="summary"></div>
</td>
</tr>
<tr>
<td colspan="4">签字</td>
<td colspan="4">日期</td>
</tr>
<tr>
<td colspan="2">审核人</td>
<td colspan="2">
<el-input size="small" placeholder="请输入内容" v-model="tableData.审核人" v-if="!isEdit">
</el-input>
<span v-else>{{ tableData.审核人 }}</span>
</td>
<td colspan="4">
<el-date-picker type="date" size="small" placeholder="请输入内容" v-model="tableData.审核人签字日期" v-if="!isEdit">
</el-date-picker>
<span v-else>{{ tableData.审核人签字日期 | formatTime }}</span>
</td>
</tr>
<tr>
<td colspan="2">项目经理</td>
<td colspan="2">
<el-input size="small" placeholder="请输入内容" v-model="tableData.项目经理" v-if="!isEdit">
</el-input>
<span v-else>{{ tableData.项目经理 }}</span>
</td>
<td colspan="4">
<el-date-picker size="small" type="date" placeholder="请选择日期" v-model="tableData.项目经理签字日期" v-if="!isEdit">
</el-date-picker>
<span v-else>{{ tableData.项目经理签字日期 | formatTime }}</span>
</td>
</tr>
</table>
</div>
</div>
</template>
<script>
import { projectSelect, getTableData, editTableData } from '../../api/ProjectManagement/summarize'
export default {
name: 'Summarize',
data() {
return {
projectValue: '',
project: [],
isEdit: true,
tableData: {}
}
},
watch: {
project(val) {
if(val.length > 0){
this.projectValue = val[0].value
}
},
projectValue(val) {
this.getData(val)
}
},
computed: {
projectName() {
for (let i = 0; i < this.project.length; i++) {
if (this.project[i].value === this.projectValue) {
return this.project[i].label
}
}
},
summary() {
if(this.tableData.项目经验教训总结) {
return this.tableData.项目经验教训总结.replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, ' ')
} else {
return ''
}
}
},
mounted() {
this.fetchData()
},
methods: {
fetchData() {
this.getSelect(projectSelect, ['项目名称', '项目流水号'], 'project')
},
async getData(val) {
this.tableData = {}
const response = await getTableData(val)
this.tableData = response.data[0]
},
edit() {
this.isEdit = false
this.getData(this.projectValue)
},
async save() {
this.isEdit = true
console.log(this.tableData.项目经验教训总结)
const response = await editTableData(this.tableData.项目总结流水号, this.projectValue, this.projectName, this.tableData.项目编号, this.tableData.制作人, this.tableData.审核人, this.tableData.项目经理, this.tableData.制作日期, this.tableData.开始时间, this.tableData.计划完成日期, this.tableData.实际完成日期, this.tableData.时间分析, this.tableData.计划费用, this.tableData.实际费用, this.tableData.成本分析, this.tableData.计划交付结果, this.tableData.实际交付结果, this.tableData.未交付结果, this.tableData.交付结果分析, this.tableData.项目经验教训总结, this.tableData.项目经理签字日期, this.tableData.审核人签字日期)
if (response.data[0].result === '0') this.$message.error(`编辑失败`)
}
}
}
</script>
<style scoped>
.tg{
border-collapse:collapse;
border-spacing:0;
}
.tg td{
width: 12%;
font-size:16px;
padding:12px 10px;
border-style:solid;
border-width:1px;
overflow:hidden;
word-break:normal;
color: #606266;
border-color:#ebeef5;
}
.tg th{
font-size:14px;
font-weight:normal;
padding:10px 5px;
border-style:solid;
border-width:1px;
overflow:hidden;
word-break:normal;
border-color:black;
}
.tg .title{
font-weight: 500;
font-size: 24px;
color: #909399;
}
.table table{
width: 1080px;
margin: 0 auto;
}
.main {
with:1080px;
font-size: 30px;
font-weight: bolder;
}
.name {
width: 1080px;
margin: 10px auto;
}
.name span {
font-size: 22px;
margin: 20px;
}
</style>
<style>
.textarea .el-textarea__inner{
min-height: 150px!important;
}
</style>