规划部提交
This commit is contained in:
zhangyichen
@@ -144,12 +144,25 @@
|
|||||||
</div>
|
</div>
|
||||||
<!--这个div是产品规划部信息-->
|
<!--这个div是产品规划部信息-->
|
||||||
<div style="height: 430px" v-else-if="feedbackDept === '2'">
|
<div style="height: 430px" v-else-if="feedbackDept === '2'">
|
||||||
|
<div class="table-button" style="float: right; margin-bottom: 10px;">
|
||||||
|
<el-button size="mini" @click="committeeAdd">
|
||||||
|
新增
|
||||||
|
</el-button>
|
||||||
|
<el-button size="mini" @click="committeeEdit">
|
||||||
|
编辑
|
||||||
|
</el-button>
|
||||||
|
<el-button size="mini" @click="committeeDel">
|
||||||
|
批量删除
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
<el-table
|
<el-table
|
||||||
ref="multipleTable"
|
ref="multipleTable"
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
|
:data="ruleForm.multipleTableData"
|
||||||
border
|
border
|
||||||
style="width: 100%;"
|
style="width: 100%;"
|
||||||
height="100%"
|
height="100%"
|
||||||
|
@selection-change="selectChange"
|
||||||
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
|
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
|
||||||
fontWeight: 'bold', height: '48px'}">
|
fontWeight: 'bold', height: '48px'}">
|
||||||
<el-table-column
|
<el-table-column
|
||||||
@@ -168,64 +181,347 @@
|
|||||||
align="center"
|
align="center"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input size="small" v-model="scope.row.yewu" placeholder="请输入业务名称"></el-input>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
prop="standName"
|
prop="pingtai"
|
||||||
label="平台"
|
label="平台"
|
||||||
min-width="150"
|
min-width="150"
|
||||||
align="center"
|
align="center"
|
||||||
>
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input size="small" v-model="scope.row.pingtai" placeholder="请输入平台名称"></el-input>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
prop="standName"
|
prop="xiangmu"
|
||||||
label="项目"
|
label="项目"
|
||||||
min-width="150"
|
min-width="150"
|
||||||
align="center"
|
align="center"
|
||||||
>
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input size="small" v-model="scope.row.xiangmu" placeholder="请输入项目名称"></el-input>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
prop="standName"
|
prop="xiangmumiaoshu"
|
||||||
label="项目描述"
|
label="项目描述"
|
||||||
min-width="150"
|
min-width="150"
|
||||||
align="center"
|
align="center"
|
||||||
>
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input size="small" v-model="scope.row.xiangmumiaoshu" placeholder="请输入项目描述"></el-input>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
prop="standName"
|
prop="dangqianjiedian"
|
||||||
label="当前节点"
|
label="当前节点"
|
||||||
min-width="150"
|
min-width="150"
|
||||||
align="center"
|
align="center"
|
||||||
>
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input size="small" v-model="scope.row.dangqianjiedian" placeholder="请输入当前节点"></el-input>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
v-for="(item, index) in infoTableDatas"
|
||||||
|
show-overflow-tooltip
|
||||||
|
:prop="'infoTableData' + index"
|
||||||
|
:label="item.lawName"
|
||||||
|
min-width="150"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input size="small" v-model="scope.row['infoTableData' + index]" placeholder="请输入"></el-input>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="G0"
|
||||||
|
label="G0"
|
||||||
|
min-width="150"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="scope.row.G0"
|
||||||
|
type="date"
|
||||||
|
:size="'small'"
|
||||||
|
style="width: 120px;"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="G1"
|
||||||
|
label="G1"
|
||||||
|
min-width="150"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="scope.row.G1"
|
||||||
|
type="date"
|
||||||
|
:size="'small'"
|
||||||
|
style="width: 120px;"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="G2"
|
||||||
|
label="G2"
|
||||||
|
min-width="150"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="scope.row.G2"
|
||||||
|
type="date"
|
||||||
|
:size="'small'"
|
||||||
|
style="width: 120px;"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="G3"
|
||||||
|
label="G3"
|
||||||
|
min-width="150"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="scope.row.G3"
|
||||||
|
type="date"
|
||||||
|
:size="'small'"
|
||||||
|
style="width: 120px;"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="G4"
|
||||||
|
label="G4"
|
||||||
|
min-width="150"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="scope.row.G4"
|
||||||
|
type="date"
|
||||||
|
:size="'small'"
|
||||||
|
style="width: 120px;"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="G5"
|
||||||
|
label="G5"
|
||||||
|
min-width="150"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="scope.row.G5"
|
||||||
|
type="date"
|
||||||
|
:size="'small'"
|
||||||
|
style="width: 120px;"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="G6"
|
||||||
|
label="G6"
|
||||||
|
min-width="150"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="scope.row.G6"
|
||||||
|
type="date"
|
||||||
|
:size="'small'"
|
||||||
|
style="width: 120px;"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="G7"
|
||||||
|
label="G7"
|
||||||
|
min-width="150"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="scope.row.G7"
|
||||||
|
type="date"
|
||||||
|
:size="'small'"
|
||||||
|
style="width: 120px;"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="G8"
|
||||||
|
label="G8"
|
||||||
|
min-width="150"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="scope.row.G8"
|
||||||
|
type="date"
|
||||||
|
:size="'small'"
|
||||||
|
style="width: 120px;"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="G9"
|
||||||
|
label="G9"
|
||||||
|
min-width="150"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="scope.row.G9"
|
||||||
|
type="date"
|
||||||
|
:size="'small'"
|
||||||
|
style="width: 120px;"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="G10"
|
||||||
|
label="G10"
|
||||||
|
min-width="150"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="scope.row.G10"
|
||||||
|
type="date"
|
||||||
|
:size="'small'"
|
||||||
|
style="width: 120px;"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="G11"
|
||||||
|
label="G11"
|
||||||
|
min-width="150"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="scope.row.G11"
|
||||||
|
type="date"
|
||||||
|
:size="'small'"
|
||||||
|
style="width: 120px;"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="G12"
|
||||||
|
label="G12"
|
||||||
|
min-width="150"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="scope.row.G12"
|
||||||
|
type="date"
|
||||||
|
:size="'small'"
|
||||||
|
style="width: 120px;"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="G13"
|
||||||
|
label="G13"
|
||||||
|
min-width="150"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="scope.row.G13"
|
||||||
|
type="date"
|
||||||
|
:size="'small'"
|
||||||
|
style="width: 120px;"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
prop="standName"
|
prop="gainianzhuangtai"
|
||||||
label="概念状态"
|
label="概念状态"
|
||||||
min-width="150"
|
min-width="150"
|
||||||
align="center"
|
align="center"
|
||||||
>
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input size="small" v-model="scope.row.gainianzhuangtai" placeholder="请输入概念状态"></el-input>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="SSRQ"
|
prop="gainianzhuangtaiDate"
|
||||||
align="center"
|
align="center"
|
||||||
width="150"
|
width="150"
|
||||||
label="概念计划下发时间">
|
label="概念计划下发时间">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="scope.row.gainianzhuangtaiDate"
|
||||||
|
type="date"
|
||||||
|
:size="'small'"
|
||||||
|
style="width: 120px;"
|
||||||
|
placeholder="选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="SSRQ"
|
prop="gainianxiudingjihua"
|
||||||
align="center"
|
align="center"
|
||||||
width="120"
|
width="150"
|
||||||
label="概念修订计划">
|
label="概念修订计划">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input size="small" v-model="scope.row.gainianxiudingjihua" placeholder="请输入概念修订计划"></el-input>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="SSRQ"
|
prop="qitashuoming"
|
||||||
align="center"
|
align="center"
|
||||||
width="400"
|
width="400"
|
||||||
label="其他说明">
|
label="其他说明">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input size="small" v-model="scope.row.qitashuoming" placeholder="请输入其他说明"></el-input>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
@@ -318,6 +614,194 @@
|
|||||||
:is-visible.sync="drawerModal"
|
:is-visible.sync="drawerModal"
|
||||||
@checkedRole="checkedRole"
|
@checkedRole="checkedRole"
|
||||||
></Role-tree>
|
></Role-tree>
|
||||||
|
<el-drawer
|
||||||
|
:title="multipleTableTitle"
|
||||||
|
:visible.sync="multipleTableItemDialog"
|
||||||
|
size="700px"
|
||||||
|
custom-class="demo-drawer"
|
||||||
|
>
|
||||||
|
<div class="demo-drawer-content">
|
||||||
|
<div class="content">
|
||||||
|
<div class="standard-table-search">
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form :model="multipleTableItemForm" inline class="label-input-form" :rules="multipleTableItemFormRules" label-width="180px"
|
||||||
|
ref="multipleTableItemRef">
|
||||||
|
<el-form-item prop="yewu" label="业务" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-input v-model="multipleTableItemForm.yewu" style="width: 400px;" placeholder="请输入业务名称"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="pingtai" label="平台" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-input v-model="multipleTableItemForm.pingtai" style="width: 400px;" placeholder="请输入平台名称"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="xiangmu" label="项目" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-input v-model="multipleTableItemForm.xiangmu" style="width: 400px;" placeholder="请输入项目名称"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="xiangmumiaoshu" label="项目描述" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-input v-model="multipleTableItemForm.xiangmumiaoshu" style="width: 400px;" placeholder="请输入项目描述"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="dangqianjiedian" label="当前节点" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-input v-model="multipleTableItemForm.dangqianjiedian" style="width: 400px;" placeholder="请输入当前节点"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-for="(item, index) in infoTableDatas" :prop="'infoTableData' + index" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<span slot="label" :title="item.lawName">{{ item.lawName }} </span>
|
||||||
|
<el-input v-model="multipleTableItemForm['infoTableData' + index]" style="width: 400px;" placeholder="请输入"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="G0" label="G0" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="multipleTableItemForm.G0"
|
||||||
|
style="width: 400px;"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="G1" label="G1" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="multipleTableItemForm.G1"
|
||||||
|
style="width: 400px;"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="G2" label="G2" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="multipleTableItemForm.G2"
|
||||||
|
style="width: 400px;"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="G3" label="G3" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="multipleTableItemForm.G3"
|
||||||
|
style="width: 400px;"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="G4" label="G4" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="multipleTableItemForm.G4"
|
||||||
|
style="width: 400px;"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="G5" label="G5" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="multipleTableItemForm.G5"
|
||||||
|
style="width: 400px;"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="G6" label="G6" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="multipleTableItemForm.G6"
|
||||||
|
style="width: 400px;"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="G7" label="G7" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="multipleTableItemForm.G7"
|
||||||
|
style="width: 400px;"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="G8" label="G8" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="multipleTableItemForm.G8"
|
||||||
|
style="width: 400px;"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="G9" label="G9" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="multipleTableItemForm.G9"
|
||||||
|
style="width: 400px;"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="G10" label="G10" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="multipleTableItemForm.G10"
|
||||||
|
style="width: 400px;"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="G11" label="G11" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="multipleTableItemForm.G11"
|
||||||
|
style="width: 400px;"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="G12" label="G12" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="multipleTableItemForm.G12"
|
||||||
|
style="width: 400px;"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="G13" label="G13" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="multipleTableItemForm.G13"
|
||||||
|
style="width: 400px;"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="gainianzhuangtai" label="概念状态" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-input v-model="multipleTableItemForm.gainianzhuangtai" style="width: 400px;" placeholder="请输入概念状态"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="gainianzhuangtaiDate" label="概念计划下发时间" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="multipleTableItemForm.gainianzhuangtaiDate"
|
||||||
|
style="width: 400px;"
|
||||||
|
type="date"
|
||||||
|
placeholder="选择日期"
|
||||||
|
value-format="yyyy-MM-dd">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="gainianxiudingjihua" label="概念修订计划" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-input v-model="multipleTableItemForm.gainianxiudingjihua" style="width: 400px;" placeholder="请输入当前节点"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="qitashuoming" label="其他说明" style="width: 100%; margin-right:10px" class="add-form-item">
|
||||||
|
<el-input v-model="multipleTableItemForm.qitashuoming" style="width: 400px;" placeholder="请输入当前节点"/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="demo-drawer-footer">
|
||||||
|
<el-button size="mini" @click="cancelAdd">取消</el-button>
|
||||||
|
<el-button type="primary" size="mini" @click="addFormItem" v-show="multipleTableTitle === '添加标准'">添加</el-button>
|
||||||
|
<el-button type="primary" size="mini" @click="editFormItem" v-show="multipleTableTitle === '编辑标准'">编辑</el-button>
|
||||||
|
</div>
|
||||||
|
</el-drawer>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -332,6 +816,88 @@ export default {
|
|||||||
name: "zdrzbzORzchgxxmscStep5",
|
name: "zdrzbzORzchgxxmscStep5",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
ruleForm: {
|
||||||
|
multipleTableData: [],
|
||||||
|
},
|
||||||
|
selectList: [],
|
||||||
|
multipleTableTitle: '',
|
||||||
|
multipleTableItemDialog: false,
|
||||||
|
multipleTableItemForm: {
|
||||||
|
id: '',
|
||||||
|
yewu: '',
|
||||||
|
pingtai: '',
|
||||||
|
xiangmu: '',
|
||||||
|
xiangmumiaoshu: '',
|
||||||
|
dangqianjiedian: '',
|
||||||
|
G0: '',
|
||||||
|
G1: '',
|
||||||
|
G2: '',
|
||||||
|
G3: '',
|
||||||
|
G4: '',
|
||||||
|
G5: '',
|
||||||
|
G6: '',
|
||||||
|
G7: '',
|
||||||
|
G8: '',
|
||||||
|
G9: '',
|
||||||
|
G10: '',
|
||||||
|
G11: '',
|
||||||
|
G12: '',
|
||||||
|
G13: '',
|
||||||
|
gainianzhuangtai: '',
|
||||||
|
gainianzhuangtaiDate: '',
|
||||||
|
gainianxiudingjihua: '',
|
||||||
|
qitashuoming: ''
|
||||||
|
},
|
||||||
|
multipleTableItemData: {
|
||||||
|
yewu: '',
|
||||||
|
pingtai: '',
|
||||||
|
xiangmu: '',
|
||||||
|
xiangmumiaoshu: '',
|
||||||
|
dangqianjiedian: '',
|
||||||
|
G0: '',
|
||||||
|
G1: '',
|
||||||
|
G2: '',
|
||||||
|
G3: '',
|
||||||
|
G4: '',
|
||||||
|
G5: '',
|
||||||
|
G6: '',
|
||||||
|
G7: '',
|
||||||
|
G8: '',
|
||||||
|
G9: '',
|
||||||
|
G10: '',
|
||||||
|
G11: '',
|
||||||
|
G12: '',
|
||||||
|
G13: '',
|
||||||
|
gainianzhuangtai: '',
|
||||||
|
gainianzhuangtaiDate: '',
|
||||||
|
gainianxiudingjihua: '',
|
||||||
|
qitashuoming: ''
|
||||||
|
},
|
||||||
|
multipleTableItemFormRules: {
|
||||||
|
yewu: { required: true, message: '请输入业务名称', trigger: 'blur' },
|
||||||
|
pingtai: { required: true, message: '请输入业务名称', trigger: 'blur' },
|
||||||
|
xiangmu: { required: true, message: '请输入业务名称', trigger: 'blur' },
|
||||||
|
xiangmumiaoshu: { required: false, message: '请输入业务名称', trigger: 'blur' },
|
||||||
|
dangqianjiedian: { required: false, message: '请输入业务名称', trigger: 'blur' },
|
||||||
|
G0: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G1: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G2: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G3: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G4: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G5: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G6: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G7: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G8: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G9: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G10: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G11: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G12: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G13: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
gainianzhuangtai: { required: true, message: '请输入业务名称', trigger: 'blur' },
|
||||||
|
gainianzhuangtaiDate: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
gainianxiudingjihua: { required: true, message: '请输入业务名称', trigger: 'blur' },
|
||||||
|
qitashuoming: { required: false, message: '请输入业务名称', trigger: 'blur' }
|
||||||
|
},
|
||||||
infoTableDatas: [],
|
infoTableDatas: [],
|
||||||
//用来判断反馈情况的是哪个部门，1代表各事业部，2代表产品规划部，0代表其他部门
|
//用来判断反馈情况的是哪个部门，1代表各事业部，2代表产品规划部，0代表其他部门
|
||||||
feedbackDept: "",
|
feedbackDept: "",
|
||||||
@@ -372,6 +938,135 @@ export default {
|
|||||||
ProcessTitle
|
ProcessTitle
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 多选逻辑
|
||||||
|
selectChange(data) {
|
||||||
|
this.selectList = [];
|
||||||
|
for (let i = 0; i < data.length; i++) {
|
||||||
|
this.selectList.push(data[i].id);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 表格新增
|
||||||
|
cancelAdd() {
|
||||||
|
this.$refs.multipleTableItemRef.clearValidate()
|
||||||
|
this.multipleTableItemDialog = false
|
||||||
|
},
|
||||||
|
addFormItem() {
|
||||||
|
this.$refs.multipleTableItemRef.validate(valid => {
|
||||||
|
if (valid) {
|
||||||
|
this.multipleTableItemForm.id = Date.parse(new Date())
|
||||||
|
var dataItem = JSON.parse(JSON.stringify(this.multipleTableItemForm))
|
||||||
|
this.ruleForm.multipleTableData.push(dataItem)
|
||||||
|
this.$message.success('新增成功')
|
||||||
|
this.$refs.multipleTableItemRef.clearValidate()
|
||||||
|
this.multipleTableItemDialog = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
committeeAdd() {
|
||||||
|
this.multipleTableItemForm = {
|
||||||
|
id: '',
|
||||||
|
yewu: '',
|
||||||
|
pingtai: '',
|
||||||
|
xiangmu: '',
|
||||||
|
xiangmumiaoshu: '',
|
||||||
|
dangqianjiedian: '',
|
||||||
|
G0: '',
|
||||||
|
G1: '',
|
||||||
|
G2: '',
|
||||||
|
G3: '',
|
||||||
|
G4: '',
|
||||||
|
G5: '',
|
||||||
|
G6: '',
|
||||||
|
G7: '',
|
||||||
|
G8: '',
|
||||||
|
G9: '',
|
||||||
|
G10: '',
|
||||||
|
G11: '',
|
||||||
|
G12: '',
|
||||||
|
G13: '',
|
||||||
|
gainianzhuangtai: '',
|
||||||
|
gainianzhuangtaiDate: '',
|
||||||
|
gainianxiudingjihua: '',
|
||||||
|
qitashuoming: ''
|
||||||
|
}
|
||||||
|
this.multipleTableItemFormRules = {
|
||||||
|
yewu: { required: true, message: '请输入业务名称', trigger: 'blur' },
|
||||||
|
pingtai: { required: true, message: '请输入业务名称', trigger: 'blur' },
|
||||||
|
xiangmu: { required: true, message: '请输入业务名称', trigger: 'blur' },
|
||||||
|
xiangmumiaoshu: { required: false, message: '请输入业务名称', trigger: 'blur' },
|
||||||
|
dangqianjiedian: { required: false, message: '请输入业务名称', trigger: 'blur' },
|
||||||
|
G0: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G1: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G2: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G3: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G4: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G5: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G6: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G7: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G8: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G9: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G10: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G11: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G12: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
G13: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
gainianzhuangtai: { required: true, message: '请输入业务名称', trigger: 'blur' },
|
||||||
|
gainianzhuangtaiDate: { required: true, message: '请选择时间', trigger: 'change' },
|
||||||
|
gainianxiudingjihua: { required: true, message: '请输入业务名称', trigger: 'blur' },
|
||||||
|
qitashuoming: { required: false, message: '请输入业务名称', trigger: 'blur' }
|
||||||
|
}
|
||||||
|
this.infoTableDatas.forEach((item, index) => {
|
||||||
|
this.multipleTableItemFormRules['infoTableData' + index] = { required: true, message: '请输入', trigger: 'blur' }
|
||||||
|
})
|
||||||
|
this.multipleTableTitle = '添加标准'
|
||||||
|
this.multipleTableItemDialog = true
|
||||||
|
this.$nextTick(_ => {
|
||||||
|
this.$refs.multipleTableItemRef.clearValidate()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 表格编辑
|
||||||
|
editFormItem() {
|
||||||
|
this.$refs.multipleTableItemRef.validate(valid => {
|
||||||
|
if (valid) {
|
||||||
|
var dataItem = JSON.parse(JSON.stringify(this.multipleTableItemForm))
|
||||||
|
this.ruleForm.multipleTableData.forEach((item, index) => {
|
||||||
|
if (item.id === dataItem.id) {
|
||||||
|
item = dataItem
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.$message.success('编辑成功')
|
||||||
|
this.$refs.multipleTableItemRef.clearValidate()
|
||||||
|
this.multipleTableItemDialog = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
committeeEdit() {
|
||||||
|
if (this.selectList.length === 1) {
|
||||||
|
this.multipleTableTitle = '编辑标准'
|
||||||
|
this.ruleForm.multipleTableData.forEach((item, index) => {
|
||||||
|
if (item.id === this.selectList[0]) {
|
||||||
|
this.multipleTableItemForm = item
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.multipleTableItemDialog = true
|
||||||
|
} else {
|
||||||
|
this.$message.warning('最多选择一条数据编辑')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 表格删除
|
||||||
|
committeeDel() {
|
||||||
|
if (this.selectList.length > 0) {
|
||||||
|
this.selectList.forEach((item1, index1) => {
|
||||||
|
this.ruleForm.multipleTableData.forEach((item, index) => {
|
||||||
|
if (item.id === item1) {
|
||||||
|
this.ruleForm.multipleTableData.splice(index, 1)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
this.$message.success('删除成功')
|
||||||
|
} else {
|
||||||
|
this.$message.warning('至少选择一条数据')
|
||||||
|
}
|
||||||
|
},
|
||||||
handleTransfer() {
|
handleTransfer() {
|
||||||
this.drawerModal = true
|
this.drawerModal = true
|
||||||
},
|
},
|
||||||
@@ -517,7 +1212,9 @@ export default {
|
|||||||
this.getFormFieldList(processForm)
|
this.getFormFieldList(processForm)
|
||||||
}
|
}
|
||||||
let data = JSON.parse(res.mesg)
|
let data = JSON.parse(res.mesg)
|
||||||
|
console.log(data, 'data')
|
||||||
this.infoTableDatas = JSON.parse(data.infoTableDatas)
|
this.infoTableDatas = JSON.parse(data.infoTableDatas)
|
||||||
|
console.log(this.infoTableDatas, 'infoTableDatas')
|
||||||
this.form.cid = data.cid
|
this.form.cid = data.cid
|
||||||
this.form.endTime = data.endTime
|
this.form.endTime = data.endTime
|
||||||
this.form.cname = data.cname
|
this.form.cname = data.cname
|
||||||
@@ -525,7 +1222,6 @@ export default {
|
|||||||
this.form.fjListId = data.fjListId
|
this.form.fjListId = data.fjListId
|
||||||
this.json = data
|
this.json = data
|
||||||
this.feedbackDept = this.json.feedbackDept
|
this.feedbackDept = this.json.feedbackDept
|
||||||
console.log('485',this.feedbackDept)
|
|
||||||
}).catch(e => {
|
}).catch(e => {
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@@ -536,7 +1232,7 @@ export default {
|
|||||||
getFormFieldList(item) {
|
getFormFieldList(item) {
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.form = JSON.parse(JSON.stringify(item));
|
this.form = JSON.parse(JSON.stringify(item));
|
||||||
this.form.cid = item.form.cid
|
this.form.cid = item.cid
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -597,7 +1293,7 @@ export default {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
height: calc(~'100% - 103px');
|
height: calc(~'100% - 103px');
|
||||||
overflow: auto;
|
// overflow: auto;
|
||||||
|
|
||||||
.tableTitle {
|
.tableTitle {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
|||||||
Reference in New Issue
Block a user