规划部提交
This commit is contained in:
zhangyichen
@@ -144,12 +144,25 @@
|
||||
</div>
|
||||
<!--这个div是产品规划部信息-->
|
||||
<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
|
||||
ref="multipleTable"
|
||||
tooltip-effect="dark"
|
||||
:data="ruleForm.multipleTableData"
|
||||
border
|
||||
style="width: 100%;"
|
||||
height="100%"
|
||||
@selection-change="selectChange"
|
||||
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}">
|
||||
<el-table-column
|
||||
@@ -168,64 +181,347 @@
|
||||
align="center"
|
||||
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
|
||||
show-overflow-tooltip
|
||||
prop="standName"
|
||||
prop="pingtai"
|
||||
label="平台"
|
||||
min-width="150"
|
||||
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
|
||||
show-overflow-tooltip
|
||||
prop="standName"
|
||||
prop="xiangmu"
|
||||
label="项目"
|
||||
min-width="150"
|
||||
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
|
||||
show-overflow-tooltip
|
||||
prop="standName"
|
||||
prop="xiangmumiaoshu"
|
||||
label="项目描述"
|
||||
min-width="150"
|
||||
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
|
||||
show-overflow-tooltip
|
||||
prop="standName"
|
||||
prop="dangqianjiedian"
|
||||
label="当前节点"
|
||||
min-width="150"
|
||||
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
|
||||
show-overflow-tooltip
|
||||
prop="standName"
|
||||
prop="gainianzhuangtai"
|
||||
label="概念状态"
|
||||
min-width="150"
|
||||
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
|
||||
prop="SSRQ"
|
||||
prop="gainianzhuangtaiDate"
|
||||
align="center"
|
||||
width="150"
|
||||
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
|
||||
prop="SSRQ"
|
||||
prop="gainianxiudingjihua"
|
||||
align="center"
|
||||
width="120"
|
||||
width="150"
|
||||
label="概念修订计划">
|
||||
<template slot-scope="scope">
|
||||
<el-input size="small" v-model="scope.row.gainianxiudingjihua" placeholder="请输入概念修订计划"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="SSRQ"
|
||||
prop="qitashuoming"
|
||||
align="center"
|
||||
width="400"
|
||||
label="其他说明">
|
||||
<template slot-scope="scope">
|
||||
<el-input size="small" v-model="scope.row.qitashuoming" placeholder="请输入其他说明"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
@@ -318,6 +614,194 @@
|
||||
:is-visible.sync="drawerModal"
|
||||
@checkedRole="checkedRole"
|
||||
></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>
|
||||
</template>
|
||||
|
||||
@@ -332,6 +816,88 @@ export default {
|
||||
name: "zdrzbzORzchgxxmscStep5",
|
||||
data() {
|
||||
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: [],
|
||||
//用来判断反馈情况的是哪个部门，1代表各事业部，2代表产品规划部，0代表其他部门
|
||||
feedbackDept: "",
|
||||
@@ -372,6 +938,135 @@ export default {
|
||||
ProcessTitle
|
||||
},
|
||||
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() {
|
||||
this.drawerModal = true
|
||||
},
|
||||
@@ -517,7 +1212,9 @@ export default {
|
||||
this.getFormFieldList(processForm)
|
||||
}
|
||||
let data = JSON.parse(res.mesg)
|
||||
console.log(data, 'data')
|
||||
this.infoTableDatas = JSON.parse(data.infoTableDatas)
|
||||
console.log(this.infoTableDatas, 'infoTableDatas')
|
||||
this.form.cid = data.cid
|
||||
this.form.endTime = data.endTime
|
||||
this.form.cname = data.cname
|
||||
@@ -525,7 +1222,6 @@ export default {
|
||||
this.form.fjListId = data.fjListId
|
||||
this.json = data
|
||||
this.feedbackDept = this.json.feedbackDept
|
||||
console.log('485',this.feedbackDept)
|
||||
}).catch(e => {
|
||||
});
|
||||
});
|
||||
@@ -536,7 +1232,7 @@ export default {
|
||||
getFormFieldList(item) {
|
||||
this.$nextTick(() => {
|
||||
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;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
// overflow: auto;
|
||||
|
||||
.tableTitle {
|
||||
margin-bottom: 10px;
|
||||
|
||||
Reference in New Issue
Block a user