家里的样式
This commit is contained in:
zhangdingyu
405
src/views/ProjectManagement/assess.vue
Normal file
405
src/views/ProjectManagement/assess.vue
Normal 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
249
src/views/ProjectManagement/change.vue
Normal 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
193
src/views/ProjectManagement/progress.vue
Normal 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
327
src/views/ProjectManagement/summarize.vue
Normal 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>
|
||||
Reference in New Issue
Block a user