<template>
|
<div class="casegroupdiscussword-form">
|
<el-dialog
|
title="案件集体讨论笔录"
|
:close-on-click-modal="false"
|
:visible.sync="visible">
|
<div class="casegroupdiscussword-form-box">
|
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" :inline="true" label-width="100px" label-position="left">
|
<el-form-item label="案件：" prop="processAjApprovalName">
|
<el-select v-model="dataForm.processAjApprovalName" placeholder="请选择" @change="causeChange">
|
<el-option
|
v-for="item in processAjApprovalList"
|
:key="item.id"
|
:label="item.processAjCoverName"
|
:value="item">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<div class="casegroupdiscussword-main">
|
<el-row>
|
<el-col :span="14">
|
<el-form-item label="案件名" prop="processAjApprovalName">
|
<el-input v-model="dataForm.processAjApprovalName" placeholder="案件名"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="案号" prop="caseNum">
|
<el-input v-model="dataForm.caseNum" placeholder="案号"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="开始时间" prop="beginTime">
|
<!--<el-input v-model="dataForm.beginTime" placeholder="开始时间"></el-input>-->
|
<el-date-picker
|
v-model="dataForm.beginTime"
|
type="datetime"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
placeholder="开始时间">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="2" style="margin-top: 8px">
|
至
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="结束时间" prop="endTime">
|
<!--<el-input v-model="dataForm.endTime" placeholder="结束时间"></el-input>-->
|
<el-date-picker
|
v-model="dataForm.endTime"
|
type="datetime"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
placeholder="结束时间">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-form-item label="地点" prop="place">
|
<el-input v-model="dataForm.place" placeholder="地点"></el-input>
|
</el-form-item>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="主持人" prop="compere">
|
<el-input v-model="dataForm.compere" placeholder="主持人"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="主持人职务" prop="comperePost">
|
<el-input v-model="dataForm.comperePost" placeholder="主持人职务"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="记录人" prop="recorder">
|
<el-input v-model="dataForm.recorder" placeholder="记录人"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="记录人职务" prop="recorderPost">
|
<el-input v-model="dataForm.recorderPost" placeholder="记录人职务"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-form-item label="参加人员及职务" prop="participant" label-width="120px">
|
<el-input v-model="dataForm.participant" placeholder="参加人员及职务"></el-input>
|
</el-form-item>
|
</el-row>
|
<el-row>
|
<el-form-item label="列席人员" prop="attendee">
|
<el-input v-model="dataForm.attendee" placeholder="列席人员"></el-input>
|
</el-form-item>
|
</el-row>
|
<el-row class="anjianarea">
|
<el-form-item label="案件承办人汇报案件情况" prop="reportCondition" label-width="auto">
|
<el-input v-model="dataForm.reportCondition" type="textarea" autosize placeholder="案件承办人汇报案件情况"></el-input>
|
</el-form-item>
|
</el-row>
|
<el-row class="anjianarea">
|
<el-form-item label="案件承办人汇报案件情况" prop="hearingCondition" label-width="auto">
|
<el-input v-model="dataForm.hearingCondition" type="textarea" autosize placeholder="案件承办人汇报案件情况"></el-input>
|
</el-form-item>
|
</el-row>
|
<el-row class="anjianarea">
|
<el-form-item label="法制审核机构负责人汇报法制审核情况" prop="checkCondition" label-width="auto">
|
<el-input v-model="dataForm.checkCondition" type="textarea" autosize placeholder="案件承办人汇报案件情况"></el-input>
|
</el-form-item>
|
</el-row>
|
<el-row class="anjianarea">
|
<el-form-item label="参加讨论人员意见和理由" prop="opinionAndReason" label-width="auto">
|
<el-input v-model="dataForm.opinionAndReason" type="textarea" autosize placeholder="参加讨论人员意见和理由"></el-input>
|
</el-form-item>
|
</el-row>
|
<el-row class="anjianarea">
|
<el-form-item label="集体讨论决定" prop="collectiveDiscussion" label-width="auto">
|
<el-input v-model="dataForm.collectiveDiscussion" type="textarea" autosize placeholder="集体讨论决定"></el-input>
|
</el-form-item>
|
</el-row>
|
<el-row class="anjianarea">
|
<el-form-item label="参加人员签名" prop="participantSign" label-width="auto">
|
<el-input v-model="dataForm.participantSign" type="textarea" autosize placeholder="参加人员签名" label-width="auto"></el-input>
|
</el-form-item>
|
</el-row>
|
<div class="jiluDate">
|
<el-form-item prop="reportDate">
|
<!--<el-input v-model="dataForm.reportDate" placeholder="记录时间"></el-input>-->
|
<el-date-picker
|
v-model="dataForm.reportDate"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="记录时间">
|
</el-date-picker>
|
</el-form-item>
|
</div>
|
</div>
|
</el-form>
|
</div>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="visible = false">取消</el-button>
|
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
</span>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import {getObj, addObj, putObj} from '@/api/process/casegroupdiscussword'
|
import {findAll} from '@/api/process/processajapproval'
|
export default {
|
name: "casegroupdiscussword-form",
|
data() {
|
return {
|
visible: false,
|
processAjApprovalList: [],//案件列表
|
dataForm: {
|
attendee: '',
|
beginTime: '',
|
caseNum: '',
|
checkCondition: '',
|
collectiveDiscussion: '',
|
compere: '',
|
comperePost: '',
|
endTime: '',
|
hearingCondition: '',
|
opinionAndReason: '',
|
participant: '',
|
participantSign: '',
|
place: '',
|
processAjApprovalId: '',
|
processAjApprovalName: '',
|
recorder: '',
|
recorderPost: '',
|
reportCondition: '',
|
reportDate: '',
|
tenantId: '',
|
participantList: [{
|
name: '',
|
post: ''
|
}]
|
},
|
dataRule: {
|
createBy: [
|
{required: true, message: '不能为空', trigger: 'blur'}
|
],
|
createTime: [
|
{required: true, message: '不能为空', trigger: 'blur'}
|
],
|
delFlag: [
|
{required: true, message: '不能为空', trigger: 'blur'}
|
],
|
updateBy: [
|
{required: true, message: '不能为空', trigger: 'blur'}
|
],
|
updateTime: [
|
{required: true, message: '不能为空', trigger: 'blur'}
|
],
|
attendee: [
|
{required: true, message: '列席人员', trigger: 'blur'}
|
],
|
beginTime: [
|
{required: true, message: '开始时间不能为空', trigger: 'blur'}
|
],
|
caseNum: [
|
{required: true, message: '案号不能为空', trigger: 'blur'}
|
],
|
checkCondition: [
|
{required: true, message: '法制审核机构负责人汇报法制审核情况不能为空', trigger: 'blur'}
|
],
|
collectiveDiscussion: [
|
{required: true, message: '集体讨论决定不能为空', trigger: 'blur'}
|
],
|
compere: [
|
{required: true, message: '主持人不能为空', trigger: 'blur'}
|
],
|
comperePost: [
|
{required: true, message: '主持人职务不能为空', trigger: 'blur'}
|
],
|
endTime: [
|
{required: true, message: '结束时间不能为空', trigger: 'blur'}
|
],
|
hearingCondition: [
|
{required: true, message: '听证主持人汇报听证情况不能为空', trigger: 'blur'}
|
],
|
opinionAndReason: [
|
{required: true, message: '参加讨论人员意见和理由不能为空', trigger: 'blur'}
|
],
|
participant: [
|
{required: true, message: '参加人员及职务不能为空', trigger: 'blur'}
|
],
|
participantSign: [
|
{required: true, message: '参加人员签名，不能为空', trigger: 'blur'}
|
],
|
place: [
|
{required: true, message: '地点不能为空', trigger: 'blur'}
|
],
|
processAjApprovalId: [
|
{required: true, message: '立案审批表ID不能为空', trigger: 'blur'}
|
],
|
processAjApprovalName: [
|
{required: true, message: '案件名不能为空', trigger: 'blur'}
|
],
|
recorder: [
|
{required: true, message: '记录人不能为空', trigger: 'blur'}
|
],
|
recorderPost: [
|
{required: true, message: '记录人职务不能为空', trigger: 'blur'}
|
],
|
reportCondition: [
|
{required: true, message: '案件承办人汇报案件情况不能为空', trigger: 'blur'}
|
],
|
reportDate: [
|
{required: true, message: '记录时间不能为空', trigger: 'blur'}
|
],
|
// tenantId: [
|
// {required: true, message: '不能为空', trigger: 'blur'}
|
// ],
|
},
|
option: {
|
column: [{
|
label: '',
|
prop: 'participantList',
|
type: 'dynamic',
|
span: 24,
|
children: {
|
align: 'center',
|
headerAlign: 'center',
|
rowAdd: (done) => {
|
this.$message.success('新增回调');
|
done({
|
input:''
|
});
|
},
|
rowDel: (row, done) => {
|
this.$message.success('删除回调' + JSON.stringify(row));
|
done();
|
},
|
column: [{
|
width: 200,
|
label: '参加人员姓名',
|
prop: "name",
|
formslot: false,
|
}, {
|
width: 200,
|
label: '参加人员职务',
|
prop: "post",
|
formslot: false,
|
}]
|
}
|
}
|
]
|
}
|
}
|
},
|
methods: {
|
init(id) {
|
this.dataForm.id = id || 0
|
this.visible = true
|
this.$nextTick(() => {
|
this.$refs['dataForm'].resetFields()
|
if (this.dataForm.id) {
|
getObj(this.dataForm.id).then(response => {
|
this.dataForm = response.data.data
|
})
|
}
|
})
|
//获取所有案件
|
this.findAllProcessAj();
|
},
|
|
//查询所有案件
|
findAllProcessAj() {
|
findAll().then(res => {
|
console.log(res.data.data)
|
this.processAjApprovalList = res.data.data
|
});
|
},
|
|
//选择案件改变
|
causeChange(item) {
|
console.log(item);
|
this.dataForm.processAjApprovalId = item.id
|
this.dataForm.processAjApprovalName = item.processAjCoverName
|
},
|
|
// 表单提交
|
dataFormSubmit() {
|
/*let arr = []
|
this.dataForm.participantList.forEach(item=>{
|
let param = {}
|
param.name = item.name
|
param.post = item.post
|
arr.push(param)
|
})
|
this.dataForm.participant = JSON.stringify(arr)*/
|
this.$refs['dataForm'].validate((valid) => {
|
if (valid) {
|
if (this.dataForm.id) {
|
putObj(this.dataForm).then(data => {
|
console.log(this.dataForm,"*******")
|
this.$message.success('修改成功')
|
this.visible = false
|
this.$emit('refreshDataList')
|
});
|
} else {
|
addObj(this.dataForm).then(data => {
|
console.log(this.dataForm,"*******")
|
this.$message.success('添加成功')
|
this.visible = false
|
this.$emit('refreshDataList')
|
})
|
}
|
}
|
})
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.casegroupdiscussword-main .el-input__inner,.casegroupdiscussword-main .el-textarea__inner{
|
border:none;
|
border-bottom:1px solid #DCDFE6;
|
border-radius: 0;
|
}
|
.anjianarea .el-form-item{
|
width: 100%;
|
}
|
.anjianarea .el-form-item__content{
|
width: 50%;
|
}
|
</style>
|
<style scoped>
|
.casegroupdiscussword-form-box{
|
padding:0 40px;
|
}
|
.jiluDate{
|
display: flex;
|
flex-direction: row-reverse;
|
margin-top: 20px;
|
}
|
</style>
|
