布局政策合规性项目审查流程
This commit is contained in:
范强强
+432
@@ -0,0 +1,432 @@
|
||||
<template>
|
||||
<div>
|
||||
<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="cancel">取消</el-button>
|
||||
<el-button type="primary" size="mini" :loading="isSubmit" @click="submit">提交</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "addModel",
|
||||
data() {
|
||||
return {
|
||||
multipleTableTitle: '',
|
||||
multipleTableItemDialog: false,
|
||||
multipleTableItemForm: {},
|
||||
infoTableDatas: [],
|
||||
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'
|
||||
}
|
||||
]
|
||||
},
|
||||
isSubmit:false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
add() {
|
||||
this.multipleTableItemDialog = true
|
||||
this.multipleTableTitle = '新增'
|
||||
this.$nextTick(()=>{
|
||||
this.multipleTableItemForm = {}
|
||||
this.multipleTableItemForm = {...this.multipleTableItemForm}
|
||||
this.$refs['multipleTableItemRef'].resetFields()
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
this.multipleTableItemDialog = false
|
||||
},
|
||||
submit() {
|
||||
this.$refs['multipleTableItemRef'].validate((valid) => {
|
||||
if (valid) {
|
||||
let timestamp = new Date().getTime();
|
||||
if (!this.multipleTableItemForm.dataId && !this.multipleTableItemForm.id) {
|
||||
this.multipleTableItemForm.dataId = timestamp
|
||||
}
|
||||
this.isSubmit = true
|
||||
this.$emit('addModelForm', this.multipleTableItemForm)
|
||||
this.modalshowflag = false
|
||||
this.$nextTick(() => {
|
||||
this.isSubmit = false
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.demo-drawer-footer {
|
||||
height: 70px !important;
|
||||
}
|
||||
</style>
|
||||
+89
-169
@@ -1,12 +1,9 @@
|
||||
<template>
|
||||
<div>
|
||||
<div style="margin-top: 10px">
|
||||
<div class="table-button" style="float: right; margin-bottom: 10px;">
|
||||
<el-button size="mini" @click="committeeAdd">
|
||||
<el-button size="mini" @click="committeeAdd">
|
||||
新增
|
||||
</el-button>
|
||||
<el-button size="mini" @click="committeeEdit">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button size="mini" @click="committeeDel">
|
||||
批量删除
|
||||
</el-button>
|
||||
@@ -14,10 +11,9 @@
|
||||
<el-table
|
||||
ref="multipleTable"
|
||||
tooltip-effect="dark"
|
||||
:data="ruleForm.multipleTableData"
|
||||
:data="multipleTableData"
|
||||
border
|
||||
style="width: 100%;"
|
||||
height="100%"
|
||||
height="500px"
|
||||
@selection-change="selectChange"
|
||||
:header-cell-style="{background: '#E8E8E8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}">
|
||||
@@ -35,11 +31,9 @@
|
||||
<el-table-column
|
||||
label="业务"
|
||||
align="center"
|
||||
prop="yewu"
|
||||
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
|
||||
@@ -48,9 +42,6 @@
|
||||
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
|
||||
@@ -59,9 +50,6 @@
|
||||
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
|
||||
@@ -70,9 +58,6 @@
|
||||
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
|
||||
@@ -81,9 +66,6 @@
|
||||
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"
|
||||
@@ -93,9 +75,6 @@
|
||||
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
|
||||
@@ -104,15 +83,6 @@
|
||||
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
|
||||
@@ -121,15 +91,6 @@
|
||||
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
|
||||
@@ -138,15 +99,6 @@
|
||||
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
|
||||
@@ -155,15 +107,6 @@
|
||||
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
|
||||
@@ -172,15 +115,6 @@
|
||||
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
|
||||
@@ -189,15 +123,6 @@
|
||||
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
|
||||
@@ -206,15 +131,6 @@
|
||||
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
|
||||
@@ -223,15 +139,6 @@
|
||||
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
|
||||
@@ -240,15 +147,6 @@
|
||||
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
|
||||
@@ -257,15 +155,6 @@
|
||||
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
|
||||
@@ -274,15 +163,6 @@
|
||||
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
|
||||
@@ -291,15 +171,6 @@
|
||||
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
|
||||
@@ -308,15 +179,6 @@
|
||||
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
|
||||
@@ -325,15 +187,6 @@
|
||||
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
|
||||
@@ -342,50 +195,117 @@
|
||||
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="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="gainianxiudingjihua"
|
||||
align="center"
|
||||
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="qitashuoming"
|
||||
align="center"
|
||||
width="400"
|
||||
label="其他说明">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="timeoutSituation"
|
||||
align="center"
|
||||
width="100"
|
||||
fixed="right"
|
||||
label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-input size="small" v-model="scope.row.qitashuoming" placeholder="请输入其他说明"></el-input>
|
||||
<div @click.stop style="display: inline-block">
|
||||
<el-dropdown trigger="click" @command="handleCommand">
|
||||
<i class="iconfont"></i>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="[scope.row, scope.$index, '编辑']">编辑
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="[scope.row, scope.$index,'删除']">删除
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<addModel ref="addModelRef" @addModelForm="addModelForm"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import addModel from "./addModel";
|
||||
|
||||
export default {
|
||||
name: "productPlanningList"
|
||||
name: "productPlanningList",
|
||||
components: {
|
||||
addModel
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
multipleTableData: [],
|
||||
infoTableDatas: [],
|
||||
deleteList: [],
|
||||
addOrEdit: '',
|
||||
editNum:0,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
selectChange() {
|
||||
|
||||
},
|
||||
handleCommand(command) {
|
||||
switch (command[2]) {
|
||||
case "编辑":
|
||||
this.addOrEdit = 'edit'
|
||||
this.editNum = command[1]
|
||||
this.$refs.addModelRef.edit(command[0])
|
||||
break;
|
||||
case "删除":
|
||||
this.deleteSarAccess(command[1], command[0]);
|
||||
break;
|
||||
}
|
||||
},
|
||||
deleteSarAccess(num, row) {
|
||||
this.$confirm('确认删除数据?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
roundButton: false
|
||||
}).then(() => {
|
||||
if (row.id) {
|
||||
this.deleteList.push(row.id)
|
||||
}
|
||||
this.multipleTableData.splice(num, 1)
|
||||
this.multipleTableData = [...this.multipleTableData]
|
||||
}).catch(() => {
|
||||
// 取消删除，清空选择
|
||||
// this.$refs.multipleTable.clearSelection()
|
||||
})
|
||||
},
|
||||
addModelForm(row) {
|
||||
if (this.addOrEdit == 'add') {
|
||||
this.multipleTableData.push(row)
|
||||
} else if (this.addOrEdit == 'edit') {
|
||||
this.multipleTableData[this.editNum] = row
|
||||
this.multipleTableData = [...this.multipleTableData]
|
||||
}
|
||||
},
|
||||
committeeAdd() {
|
||||
this.addOrEdit = 'add'
|
||||
this.$refs.addModelRef.add()
|
||||
},
|
||||
committeeDel() {
|
||||
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
@@ -163,7 +163,8 @@
|
||||
</div>
|
||||
</el-form>
|
||||
<fetchList v-if="false" ref="fetchListRef"/>
|
||||
<businessDivisionList ref="businessDivisionListRef"/>
|
||||
<businessDivisionList v-if="false" ref="businessDivisionListRef"/>
|
||||
<productPlanningList ref="productPlanningListRef"/>
|
||||
</div>
|
||||
<el-collapse accordion>
|
||||
<el-collapse-item title="意见填写">
|
||||
@@ -223,6 +224,7 @@
|
||||
import personnelInformation from "./components/personnelInformation";//人员信息
|
||||
import fetchList from "./components/fetchList";
|
||||
import businessDivisionList from "./components/businessDivisionList";
|
||||
import productPlanningList from "./components/productPlanningList";
|
||||
import {
|
||||
queryTaskFirst,
|
||||
saveTaskFirst,
|
||||
@@ -243,7 +245,8 @@
|
||||
approvalHistory,
|
||||
personnelInformation,
|
||||
fetchList,
|
||||
businessDivisionList
|
||||
businessDivisionList,
|
||||
productPlanningList
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
Reference in New Issue
Block a user