|
@@ -2,72 +2,76 @@
|
|
|
<div class="app-container">
|
|
|
|
|
|
<!-- 立案 -->
|
|
|
- <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">
|
|
|
- <el-input v-model="form.caseName" placeholder="请输入案件名称"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="案件编号" prop="caseNumber">
|
|
|
- <el-input v-model="caseNumber" placeholder="请输入案件编号" disabled/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="处罚对象" prop="punishTarget">
|
|
|
- <el-select v-model="form.punishTarget" placeholder="请选择处罚对象" filterable>
|
|
|
- <el-option
|
|
|
- v-for="dict in dict.type.lawenforcement_punish_target"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="处罚情形" prop="punishType">
|
|
|
- <el-select v-model="form.punishType" placeholder="请选择处罚情形" filterable>
|
|
|
- <el-option
|
|
|
- v-for="dict in dict.type.lawenforcement_punish_type"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="案件描述" prop="describe">
|
|
|
- <el-input type="textarea" v-model="form.describe" placeholder="请输入案件描述"/>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="24">
|
|
|
- <el-col :span="8">
|
|
|
- <el-card style="height: 350px;">
|
|
|
+ <el-dialog :visible.sync="dialogVisibleLiAn" :title="title" width="1200px" class="form-style">
|
|
|
+ <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">
|
|
|
+ <el-input v-model="form.caseName" placeholder="请输入案件名称"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="案件编号" prop="caseNumber">
|
|
|
+ <el-input v-model="caseNumber" placeholder="请输入案件编号" disabled/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="处罚对象" prop="punishTarget">
|
|
|
+ <el-select v-model="form.punishTarget" placeholder="请选择处罚对象" filterable>
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.lawenforcement_punish_target"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="处罚情形" prop="punishType">
|
|
|
+ <el-select v-model="form.punishType" placeholder="请选择处罚情形" filterable>
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.lawenforcement_punish_type"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="案件描述" prop="describe">
|
|
|
+ <el-input type="textarea" v-model="form.describe" placeholder="请输入案件描述" 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="12">
|
|
|
<el-form-item label="附件" label-width="50px" prop="dataOne">
|
|
|
- <fileUpload :fileType = "fileType" :limit = "1" v-model="form.dataOne" :setFileName="setDataOne"
|
|
|
+ <fileUpload :fileType="fileType" :limit="1" v-model="form.dataOne" :setFileName="setDataOne"
|
|
|
:removeFileName="removeDataOne"></fileUpload>
|
|
|
</el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="说明" label-width="50px" prop="describeOne">
|
|
|
- <el-input type="textarea" v-model="form.describeOne" placeholder="请输入材料说明"/>
|
|
|
+ <el-input v-model="form.describeOne" placeholder="请输入材料说明"/>
|
|
|
</el-form-item>
|
|
|
+ </el-col>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-card style="height: 350px;">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-card>
|
|
|
<div class="form-item-title">2.落实行政处罚裁量基准和包容审慎监管执法“四张清单”相关材料</div>
|
|
|
<el-form-item label="附件" label-width="50px" prop="dataTwo">
|
|
|
- <fileUpload :fileType = "fileType" v-model="form.dataTwo" :setFileName="setDataTwo"
|
|
|
+ <fileUpload :fileType="fileType" v-model="form.dataTwo" :setFileName="setDataTwo"
|
|
|
:removeFileName="removeDataTwo"></fileUpload>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="说明" label-width="50px" prop="describeTwo">
|
|
@@ -75,11 +79,11 @@
|
|
|
</el-form-item>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-card style="height: 350px;">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-card>
|
|
|
<div class="form-item-title">3.落实行政处罚裁量基准和包容审慎监管执法“四张清单”相关材料</div>
|
|
|
<el-form-item label="附件" label-width="50px" prop="dataThree">
|
|
|
- <fileUpload :fileType = "fileType" v-model="form.dataThree" :setFileName="setDataThree"
|
|
|
+ <fileUpload :fileType="fileType" v-model="form.dataThree" :setFileName="setDataThree"
|
|
|
:removeFileName="removeDataThree"></fileUpload>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="说明" label-width="50px" prop="describeThree">
|
|
@@ -87,9 +91,13 @@
|
|
|
</el-form-item>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -99,7 +107,7 @@ import fileUpload from '@/views/components/FileUpload/index.vue';
|
|
|
|
|
|
export default {
|
|
|
components: {fileUpload},
|
|
|
- props:['caseNumber'],
|
|
|
+ props: ['caseNumber','dialogVisibleLiAn','title'],
|
|
|
name: "register",
|
|
|
dicts: ['lawenforcement_punish_target', 'lawenforcement_punish_type'],
|
|
|
data() {
|
|
@@ -119,7 +127,8 @@ export default {
|
|
|
fileNamesOne: null,
|
|
|
fileNamesTwo: null,
|
|
|
fileNamesThree: null,
|
|
|
- fileType: ['pdf','jpg','jpeg','png'],
|
|
|
+ fileType: ['pdf', 'jpg', 'jpeg', 'png'],
|
|
|
+ dialogVisibleLiAn: false,
|
|
|
describeList: [],
|
|
|
// 案件表格数据
|
|
|
caseList: [],
|
|
@@ -166,31 +175,37 @@ export default {
|
|
|
{required: true, message: "案件描述不能为空", trigger: "blur"}
|
|
|
],
|
|
|
describeOne: [
|
|
|
- {validator: (rule, value, callback) => {
|
|
|
- if (value || this.form.dataOne) {
|
|
|
- callback();
|
|
|
- } else {
|
|
|
- callback(new Error('请上传文件或填写说明'));
|
|
|
- }
|
|
|
- }, trigger: "blur"}
|
|
|
+ {
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ if (value || this.form.dataOne) {
|
|
|
+ callback();
|
|
|
+ } else {
|
|
|
+ callback(new Error('请上传文件或填写说明'));
|
|
|
+ }
|
|
|
+ }, trigger: "blur"
|
|
|
+ }
|
|
|
],
|
|
|
describeTwo: [
|
|
|
- {validator: (rule, value, callback) => {
|
|
|
- if (value || this.form.dataTwo) {
|
|
|
- callback();
|
|
|
- } else {
|
|
|
- callback(new Error('请上传文件或填写说明'));
|
|
|
- }
|
|
|
- }, trigger: "blur"}
|
|
|
+ {
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ if (value || this.form.dataTwo) {
|
|
|
+ callback();
|
|
|
+ } else {
|
|
|
+ callback(new Error('请上传文件或填写说明'));
|
|
|
+ }
|
|
|
+ }, trigger: "blur"
|
|
|
+ }
|
|
|
],
|
|
|
describeThree: [
|
|
|
- {validator: (rule, value, callback) => {
|
|
|
- if (value || this.form.dataThree) {
|
|
|
- callback();
|
|
|
- } else {
|
|
|
- callback(new Error('请上传文件或填写说明'));
|
|
|
- }
|
|
|
- }, trigger: "blur"}
|
|
|
+ {
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ if (value || this.form.dataThree) {
|
|
|
+ callback();
|
|
|
+ } else {
|
|
|
+ callback(new Error('请上传文件或填写说明'));
|
|
|
+ }
|
|
|
+ }, trigger: "blur"
|
|
|
+ }
|
|
|
],
|
|
|
}
|
|
|
};
|
|
@@ -236,8 +251,8 @@ export default {
|
|
|
},
|
|
|
// 取消按钮
|
|
|
cancel() {
|
|
|
- this.dialogVisible = false;
|
|
|
- this.reset();
|
|
|
+ this.dialogVisibleLiAn = this.dialogVisibleLiAn;
|
|
|
+ this.$parent.reset();
|
|
|
},
|
|
|
// 表单重置
|
|
|
reset() {
|
|
@@ -307,9 +322,9 @@ export default {
|
|
|
this.$refs["form"].validate(valid => {
|
|
|
if (valid) {
|
|
|
this.form.caseNumber = this.caseNumber
|
|
|
- if (this.fileNamesOne != null)this.form.fileNamesOne = this.fileNamesOne;
|
|
|
- if (this.fileNamesTwo != null)this.form.fileNamesTwo = this.fileNamesTwo;
|
|
|
- if (this.fileNamesThree != null)this.form.fileNamesThree = this.fileNamesThree;
|
|
|
+ if (this.fileNamesOne != null) this.form.fileNamesOne = this.fileNamesOne;
|
|
|
+ if (this.fileNamesTwo != null) this.form.fileNamesTwo = this.fileNamesTwo;
|
|
|
+ if (this.fileNamesThree != null) this.form.fileNamesThree = this.fileNamesThree;
|
|
|
if (this.form.id != null) {
|
|
|
updateCase(this.form).then(response => {
|
|
|
this.$modal.msgSuccess("修改成功");
|
|
@@ -347,3 +362,88 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
+<style>
|
|
|
+.el-link.el-link--default {
|
|
|
+ color: #606266;
|
|
|
+ width: 200px;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ text-align: left;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.form-item-title {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ width: 100%;
|
|
|
+ border-bottom: solid 1px #ccc;
|
|
|
+ padding: 15px 20px;
|
|
|
+ border-left: solid 4px #2b64c1;
|
|
|
+}
|
|
|
+
|
|
|
+.el-table--fit {
|
|
|
+ margin: 10px 0 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.el-dialog__header {
|
|
|
+ background: #f5f7f9;
|
|
|
+}
|
|
|
+
|
|
|
+/* .anjianxinxi{
|
|
|
+ background: #f5f5f5;
|
|
|
+} */
|
|
|
+.el-dialog {
|
|
|
+ height: 820px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.el-dialog__body {
|
|
|
+ height: 700px;
|
|
|
+ overflow-y: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.el-form-item {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.el-form-item__label {
|
|
|
+ font-weight: normal;
|
|
|
+ width: 100px !important;
|
|
|
+ text-align: center !important;
|
|
|
+ padding: 0 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.el-form-item__content {
|
|
|
+ margin: 0 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.el-input.is-disabled .el-input__inner, .el-input--medium .el-input__inner {
|
|
|
+ background-color: #fff !important;
|
|
|
+ width: 440px;
|
|
|
+ border-radius: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+.el-textarea.is-disabled .el-textarea__inner {
|
|
|
+ background-color: #fff !important;
|
|
|
+ width: 1000px;
|
|
|
+ height: auto;
|
|
|
+ resize: none;
|
|
|
+}
|
|
|
+
|
|
|
+.ajms .el-textarea__inner {
|
|
|
+ background-color: #fff !important;
|
|
|
+ width: 1023px !important;
|
|
|
+ height: auto;
|
|
|
+ resize: none;
|
|
|
+}
|
|
|
+
|
|
|
+.el-card__body {
|
|
|
+ padding: 0 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.el-card {
|
|
|
+ margin: 0 0 20px 0;
|
|
|
+}
|
|
|
+
|
|
|
+</style>
|