|
@@ -86,7 +86,7 @@
|
|
|
<!-- 详情 -->
|
|
|
<el-dialog :title="title" :visible.sync="open" width="1200px" class="form-style gdla">
|
|
|
<div style="height: 700px;overflow-y: auto; padding:20px 30px;">
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="案件名称" prop="caseName" class="duanInput">
|
|
@@ -128,13 +128,14 @@
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12" style="padding-left:20px;padding-right:40px">
|
|
|
<el-form-item label="上报单位" prop="reportunitName" class="duanInput">
|
|
|
- <treeselect v-model="form.reportunitId" :options="deptOptions" :disabled ="disabled" multiple:false :show-count="true"
|
|
|
+ <treeselect v-model="form.reportunitId" :options="deptOptions" :disabled="disabled" multiple:false
|
|
|
+ :show-count="true"
|
|
|
:noResultsText="'空'" :noOptionsText="'空'" placeholder="请选择上报单位" @select="hx"/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="上报人" prop="createName" class="duanInput">
|
|
|
- <el-select v-model="form.createName" placeholder="请选择上报人" :disabled ="disabled" @change="setVal">
|
|
|
+ <el-select v-model="form.createName" placeholder="请选择上报人" :disabled="disabled" @change="setVal">
|
|
|
<el-option v-for="dict in renOptions" :key="dict.userId" :label="dict.nickName"
|
|
|
:value="{value:dict.userId,label:dict.nickName}"></el-option>
|
|
|
</el-select>
|
|
@@ -163,88 +164,114 @@
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="案件描述" prop="describe">
|
|
|
- <el-input type="textarea" rows="5" v-model="form.describe" placeholder="请输入案件描述" disabled class="ajms"/>
|
|
|
+ <el-input type="textarea" rows="5" v-model="form.describe" placeholder="请输入案件描述" disabled
|
|
|
+ class="ajms"/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="24">
|
|
|
- <el-card>
|
|
|
- <div class="form-item-title">1.法制审核机构出具的审核意见书</div>
|
|
|
- <br>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="附件" label-width="50px" prop="dataOne">
|
|
|
- <fileUpload v-model="dataOne" disabled class="fjList"></fileUpload>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="说明" label-width="50px" prop="describe">
|
|
|
- <el-input v-model="describe1" disabled class="shuoming"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-card>
|
|
|
- <div class="form-item-title">2.落实行政处罚裁量基准和包容审慎监管执法“四张清单”相关材料</div>
|
|
|
- <br>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="附件" label-width="50px" prop="dataTwo">
|
|
|
- <fileUpload v-model="dataTwo" disabled class="fjList"></fileUpload>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="说明" label-width="50px" prop="describe">
|
|
|
- <el-input v-model="describe2" disabled class="shuoming"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-card>
|
|
|
- <div class="form-item-title">3.拟作出行政处罚决定依据的其他有关材料</div>
|
|
|
- <br>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="附件" label-width="50px" prop="dataThree">
|
|
|
- <fileUpload v-model="dataThree" disabled class="fjList"></fileUpload>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="说明" label-width="50px" prop="describe">
|
|
|
- <el-input v-model="describe3" disabled class="shuoming"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- <el-table v-loading="loading" :data="logList" @selection-change="handleSelectionChange">
|
|
|
- <el-table-column label="所属部门" align="center" prop="deptName"/>
|
|
|
- <el-table-column label="操作人" align="center" prop="createName"/>
|
|
|
- <el-table-column label="操作时间" align="center" prop="createTime"/>
|
|
|
- <el-table-column label="状态" align="center" prop="state">
|
|
|
- <template slot-scope="scope">
|
|
|
- <dict-tag :options="dict.type.lawenforcement_caseState" :value="scope.row.state"/>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="操作内容" align="center" prop="content"/>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
+ <el-row :gutter="20" v-if="queryParams.state === 'state_1'">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="研判部门" prop="judgmentType">
|
|
|
+ <el-radio-group v-model="form.judgmentType">
|
|
|
+ <el-radio :label="0" @change="handleJudgmentTypeChange">默认</el-radio>
|
|
|
+ <el-radio :label="1">自定义</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <span v-if="form.judgmentType === 0"> 默认研判部门</span>
|
|
|
+ <el-select v-if="form.judgmentType === 1" v-model="form.deptIdList" multiple placeholder="请选择"
|
|
|
+ style="width: 402px !important;">
|
|
|
+ <el-option
|
|
|
+ v-for="item in provincialDeptOptions"
|
|
|
+ :key="item.deptId"
|
|
|
+ :label="item.provincialDeptName"
|
|
|
+ :value="item.deptId">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-card>
|
|
|
+ <div class="form-item-title">1.法制审核机构出具的审核意见书</div>
|
|
|
+ <br>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="附件" label-width="50px" prop="dataOne">
|
|
|
+ <fileUpload v-model="dataOne" disabled class="fjList"></fileUpload>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="说明" label-width="50px" prop="describe">
|
|
|
+ <el-input v-model="describe1" disabled class="shuoming"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-card>
|
|
|
+ <div class="form-item-title">2.落实行政处罚裁量基准和包容审慎监管执法“四张清单”相关材料</div>
|
|
|
+ <br>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="附件" label-width="50px" prop="dataTwo">
|
|
|
+ <fileUpload v-model="dataTwo" disabled class="fjList"></fileUpload>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="说明" label-width="50px" prop="describe">
|
|
|
+ <el-input v-model="describe2" disabled class="shuoming"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-card>
|
|
|
+ <div class="form-item-title">3.拟作出行政处罚决定依据的其他有关材料</div>
|
|
|
+ <br>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="附件" label-width="50px" prop="dataThree">
|
|
|
+ <fileUpload v-model="dataThree" disabled class="fjList"></fileUpload>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="说明" label-width="50px" prop="describe">
|
|
|
+ <el-input v-model="describe3" disabled class="shuoming"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <el-table v-loading="loading" :data="logList" @selection-change="handleSelectionChange">
|
|
|
+ <el-table-column label="所属部门" align="center" prop="deptName"/>
|
|
|
+ <el-table-column label="操作人" align="center" prop="createName"/>
|
|
|
+ <el-table-column label="操作时间" align="center" prop="createTime"/>
|
|
|
+ <el-table-column label="状态" align="center" prop="state">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <dict-tag :options="dict.type.lawenforcement_caseState" :value="scope.row.state"/>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作内容" align="center" prop="content"/>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
- <el-button v-if="update!='update'&&type!='1'&&form.state=='state_1'" type="primary" @click="acceptance('state_2')">受理
|
|
|
+ <el-button v-if="update!='update'&&type!='1'&&form.state=='state_1'" type="primary"
|
|
|
+ @click="acceptance('state_2')">受理
|
|
|
+ </el-button>
|
|
|
+ <el-button v-if="update!='update'&&type!='1'&&form.state=='state_1'" @click="noAcceptance('state_3')">不予受理
|
|
|
</el-button>
|
|
|
- <el-button v-if="update!='update'&&type!='1'&&form.state=='state_1'" @click="noAcceptance('state_3')">不予受理</el-button>
|
|
|
<el-button v-if="update!='update'&&type!='1'&&form.state=='state_2'&&this.logNum==0" type="primary"
|
|
|
@click="acceptance('state_6')">通 过
|
|
|
</el-button>
|
|
|
- <el-button v-if="update!='update'&&type!='1'&&form.state=='state_2'&&this.logNum==0" @click="noAcceptance('state_7')">不通过
|
|
|
+ <el-button v-if="update!='update'&&type!='1'&&form.state=='state_2'&&this.logNum==0"
|
|
|
+ @click="noAcceptance('state_7')">不通过
|
|
|
</el-button>
|
|
|
- <el-button v-if="update=='update'" type="primary" @click="acceptance(state,1)">确 定</el-button>
|
|
|
+ <el-button v-if="update=='update'" type="primary" @click="acceptance(state,1)">确 定</el-button>
|
|
|
<el-button v-if="update=='update'" @click="cancel">取 消</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
|
|
|
- <el-dialog :title="title" :visible.sync="open1" width="600px" height="500px" class="form-style" >
|
|
|
+ <el-dialog :title="title" :visible.sync="open1" width="600px" height="500px" class="form-style">
|
|
|
<div style="padding: 20px 30px">
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px" margin-top:30px>
|
|
|
<el-form-item label="说明" prop="describe">
|
|
@@ -261,13 +288,14 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import {listCase, getCase, getCaseLog, updateCase,getRenByDeptId} from "@/api/lawenforcement/case";
|
|
|
+import {listCase, getCase, getCaseLog, updateCase, getRenByDeptId} from "@/api/lawenforcement/case";
|
|
|
import register from "@/views/lawenforcement/register/index.vue";
|
|
|
import form from "element-ui/packages/form";
|
|
|
import fileUpload from '@/views/components/FileUpload/index.vue';
|
|
|
import {getChildrenByDeptId} from "@/api/system/dept";
|
|
|
import Treeselect from "@riophae/vue-treeselect";
|
|
|
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
+import {getDept} from "@/api/lawenforcement/provincialDept";
|
|
|
|
|
|
export default {
|
|
|
name: "Case",
|
|
@@ -276,10 +304,11 @@ export default {
|
|
|
return form
|
|
|
}
|
|
|
},
|
|
|
- components: {register, fileUpload,Treeselect},
|
|
|
+ components: {register, fileUpload, Treeselect},
|
|
|
dicts: ['lawenforcement_punish_target', 'lawenforcement_punish_type', 'lawenforcement_caseState'],
|
|
|
data() {
|
|
|
return {
|
|
|
+ provincialDeptOptions: [],
|
|
|
dataOne: null,
|
|
|
dataTwo: null,
|
|
|
dataThree: null,
|
|
@@ -303,7 +332,7 @@ export default {
|
|
|
// 总条数
|
|
|
total: 0,
|
|
|
type: 0,
|
|
|
- update:null,
|
|
|
+ update: null,
|
|
|
// 案件表格数据
|
|
|
caseList: [],
|
|
|
//日志列表
|
|
@@ -315,8 +344,8 @@ export default {
|
|
|
open: false,
|
|
|
open1: false,
|
|
|
disabled: true,
|
|
|
- state:null,
|
|
|
- state1 :null,
|
|
|
+ state: null,
|
|
|
+ state1: null,
|
|
|
// 查询参数
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
@@ -340,9 +369,15 @@ export default {
|
|
|
state: null
|
|
|
},
|
|
|
// 表单参数
|
|
|
- form: {},
|
|
|
+ form: {
|
|
|
+ judgmentType: 0,
|
|
|
+ },
|
|
|
// 表单校验
|
|
|
- rules: {},
|
|
|
+ rules: {
|
|
|
+ judgmentType: [
|
|
|
+ {required: true, message: "研判部门不能为空", trigger: "change"}
|
|
|
+ ],
|
|
|
+ },
|
|
|
selected: null,
|
|
|
defaultDeptId: 100
|
|
|
};
|
|
@@ -352,16 +387,25 @@ export default {
|
|
|
this.type = this.$route.query.type;
|
|
|
this.getList();
|
|
|
this.getTreeselect();
|
|
|
+ this.getDeptList();
|
|
|
},
|
|
|
methods: {
|
|
|
+ handleJudgmentTypeChange() {
|
|
|
+ this.form.deptIdList = []
|
|
|
+ },
|
|
|
+ getDeptList() {
|
|
|
+ getDept().then(res => {
|
|
|
+ this.provincialDeptOptions = res.data
|
|
|
+ })
|
|
|
+ },
|
|
|
getTreeselect() {
|
|
|
getChildrenByDeptId(this.defaultDeptId).then(response => {
|
|
|
this.deptOptions = response.data
|
|
|
})
|
|
|
},
|
|
|
- getRen(id){
|
|
|
+ getRen(id) {
|
|
|
//获取人员列表
|
|
|
- getRenByDeptId({deptId:id}).then(response => {
|
|
|
+ getRenByDeptId({deptId: id}).then(response => {
|
|
|
this.renOptions = response.data
|
|
|
})
|
|
|
},
|
|
@@ -426,7 +470,10 @@ export default {
|
|
|
uploadTwo: null,
|
|
|
dataThree: null,
|
|
|
uploadThree: null,
|
|
|
- state: this.queryParams.state
|
|
|
+ state: this.queryParams.state,
|
|
|
+ judgmentType: 0,
|
|
|
+ deptIdList: []
|
|
|
+
|
|
|
};
|
|
|
this.resetForm("form");
|
|
|
},
|
|
@@ -496,21 +543,25 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
/** 受理 */
|
|
|
- acceptance(state,type) {
|
|
|
- this.form.state = state;
|
|
|
- this.form.type = type;
|
|
|
- updateCase(this.form).then(response => {
|
|
|
- if (type == '1') {
|
|
|
- this.$modal.msgSuccess("修改成功");
|
|
|
+ acceptance(state, type) {
|
|
|
+ this.$refs["form"].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ this.form.state = state;
|
|
|
+ this.form.type = type;
|
|
|
+ updateCase(this.form).then(response => {
|
|
|
+ if (type == '1') {
|
|
|
+ this.$modal.msgSuccess("修改成功");
|
|
|
+ }
|
|
|
+ if (state == 'state_2' && type != '1') {
|
|
|
+ this.$modal.msgSuccess("受理成功");
|
|
|
+ }
|
|
|
+ if (state == 'state_6' && type != '1') {
|
|
|
+ this.$modal.msgSuccess("通过成功");
|
|
|
+ }
|
|
|
+ this.open = false;
|
|
|
+ this.getList();
|
|
|
+ });
|
|
|
}
|
|
|
- if (state == 'state_2' && type != '1') {
|
|
|
- this.$modal.msgSuccess("受理成功");
|
|
|
- }
|
|
|
- if (state == 'state_6' && type != '1') {
|
|
|
- this.$modal.msgSuccess("通过成功");
|
|
|
- }
|
|
|
- this.open = false;
|
|
|
- this.getList();
|
|
|
});
|
|
|
},
|
|
|
/* 不予受理 */
|
|
@@ -567,7 +618,7 @@ export default {
|
|
|
/* .anjianxinxi{
|
|
|
background: #f5f5f5;
|
|
|
} */
|
|
|
-.gdla .el-dialog{
|
|
|
+.gdla .el-dialog {
|
|
|
height: 820px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
@@ -580,14 +631,15 @@ export default {
|
|
|
.el-form-item {
|
|
|
display: flex;
|
|
|
}
|
|
|
-.el-form-item__label{
|
|
|
+
|
|
|
+.el-form-item__label {
|
|
|
font-weight: normal !important;
|
|
|
- white-space:nowrap !important;
|
|
|
+ white-space: nowrap !important;
|
|
|
}
|
|
|
|
|
|
.el-form-item__content {
|
|
|
margin: 0 !important;
|
|
|
- line-height:0!important;
|
|
|
+ line-height: 0 !important;
|
|
|
}
|
|
|
|
|
|
.duanInput .el-input.is-disabled .el-input__inner, .duanInput .el-input--medium .el-input__inner {
|
|
@@ -617,33 +669,40 @@ export default {
|
|
|
.el-card {
|
|
|
margin: 0 0 20px 0;
|
|
|
}
|
|
|
-.el-form-item--medium .el-form-item__content .upload-file{
|
|
|
+
|
|
|
+.el-form-item--medium .el-form-item__content .upload-file {
|
|
|
display: flex;
|
|
|
- align-items:center ;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
-.el-dialog__body .el-button--medium{
|
|
|
- padding: 0 !important;
|
|
|
- width: 40px;
|
|
|
- height: 40px;
|
|
|
- margin: 0 20px 0 0 !important;
|
|
|
+
|
|
|
+.el-dialog__body .el-button--medium {
|
|
|
+ padding: 0 !important;
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ margin: 0 20px 0 0 !important;
|
|
|
}
|
|
|
-.el-dialog__body .el-button--medium img{
|
|
|
+
|
|
|
+.el-dialog__body .el-button--medium img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
+
|
|
|
/* .el-upload-list{
|
|
|
width: 930px ;
|
|
|
} */
|
|
|
-.upload-file-list .ele-upload-list__item-content{
|
|
|
+.upload-file-list .ele-upload-list__item-content {
|
|
|
padding: 0 10px;
|
|
|
}
|
|
|
-.shuoming{
|
|
|
+
|
|
|
+.shuoming {
|
|
|
width: 1040px !important;
|
|
|
}
|
|
|
-.shuoming input{
|
|
|
+
|
|
|
+.shuoming input {
|
|
|
width: 1040px !important;
|
|
|
}
|
|
|
-.fjList .el-upload-list{
|
|
|
+
|
|
|
+.fjList .el-upload-list {
|
|
|
width: 980px !important;
|
|
|
}
|
|
|
</style>
|