SH-Arbitrate/Arbitrate-Frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

案件编号，批量签名

Browse Source
This commit is contained in:
gyj
2023-12-18 18:18:07 +08:00
parent 54a821a31f
commit 65acede646
12 changed files with 423 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/numberManagement/caseNumberList.vue
+62 -13
View File
@@ -6,37 +6,42 @@
<!-- v-hasPermi="['caseManagement:list:add']" -->
</el-col>
</el-row>
<el-table style="width: 100%">
<el-table v-loading="loading" style="width: 100%" :data="dataList">
<el-table-column label="序号" type="index" align="center">
<template slot-scope="scope">
<!-- <span>{{
<span>{{
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
}}</span> -->
}}</span>
</template>
</el-table-column>
<el-table-column label="规则类型" align="center" :show-overflow-tooltip="true" />
<el-table-column label="前缀" align="center" :show-overflow-tooltip="true" />
<el-table-column label="时间格式" align="center" :show-overflow-tooltip="true" />
<el-table-column label="机构名称" align="center" :show-overflow-tooltip="true" />
<el-table-column label="机构名称首字母拼写" align="center" :show-overflow-tooltip="true" />
<el-table-column label="规则类型" align="center" prop="ruleType" :show-overflow-tooltip="true" />
<el-table-column label="前缀" align="center" prop="prefixstr" :show-overflow-tooltip="true" />
<el-table-column label="时间格式" align="center" prop="dateFormat" :show-overflow-tooltip="true" />
<el-table-column label="机构名称" align="center" prop="deptName" :show-overflow-tooltip="true" />
<el-table-column label="机构名称首字母拼写" prop="deptNameFirchar" align="center" :show-overflow-tooltip="true" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-delete">删除</el-button>
<el-button size="mini" type="text" icon="el-icon-edit">修改模板</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="deleteTemplate(scope.row)">删除</el-button>
<el-button size="mini" type="text" icon="el-icon-edit" @click="eidtTemplate(scope.row)">修改模板</el-button>
</template>
</el-table-column>
</el-table>
<pagination :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@pagination="getList(queryParams)"
/>
<addOrdered :caseVisable="caseVisable" @cancelCase="cancelCase"></addOrdered>
<addOrdered :caseVisable="caseVisable" @cancelCase="cancelCase" @getList="getList" :queryParams="queryParams"></addOrdered>
<modifyTemplate :modifyVisable="modifyVisable" @cancelModify="cancelModify" :editData="editData" :queryParams="queryParams"></modifyTemplate>
</div>
</template>
<script>
import addOrdered from './components/addOrdered.vue'
import modifyTemplate from './components/modifyTemplate.vue'
import {caseNumRuleList,deleteCaseNumRule} from '@/api/officialSeal/officialSeal.js'
export default {
components: {
addOrdered
addOrdered,
modifyTemplate
},
data() {
return {
@@ -49,18 +54,62 @@ export default {
// 总条数
total: 0,
caseVisable: false,//新增弹窗
modifyVisable:false, //修改模板
dataList: [],
editData:{}
};
},
created() {
this.getList(this.queryParams)
},
methods: {
// 新增模板
addList() {
this.caseVisable = true;
},
// 修改模板
eidtTemplate(row){
this.modifyVisable =true;
this.editData =row;
},
getList(parm){
this.loading = true;
caseNumRuleList(parm).then(res=>{
res.rows.forEach(item => {
if(item.ruleType==1){
item.ruleType="字符串"
}else if(item.ruleType==2){
item.ruleType="整数"
}
if(item.dateFormat==1){
item.dateFormat="yyyy-MM-dd"
}
});
this.dataList = res.rows;
this.total = res.total
this.loading = false;
})
},
deleteTemplate(row){
this.$modal.confirm("是否删除").then((res) => {
this.deleteSealFn({ id: row.id })
}).catch(() =>{
})
},
// 删除接口
deleteSealFn(data) {
deleteCaseNumRule(data).then(res => {
this.$modal.msgSuccess("删除成功！");
this.getList(this.queryParams);
})
},
cancelCase() {
this.caseVisable = false;
},
cancelModify(){
this.modifyVisable =false;
}
},
src/views/numberManagement/components/addOrdered.vue
+25 -26
View File
@@ -1,6 +1,6 @@
<template>
<div>
<el-dialog title="编号新增" :visible="caseVisable" @close="cancel" width="600px" center>
<el-dialog title="编号新增" :visible="caseVisable" v-if="caseVisable" @close="cancel" width="600px" center>
<el-form label-position="left" :model="ruleForm" ref="ruleForm" :rules="rules" label-width="100px"
class="demo-ruleForm">
<el-form-item label="规则类型:" prop="ruleType">
@@ -26,20 +26,19 @@
</el-form>
<div slot="footer" class="dialog-footer">
<el-button class="endbutton" @click="cancel"><span>取 消</span></el-button>
<el-button type="primary" class="endbutton"><span>确认</span></el-button>
<el-button type="primary" class="endbutton" @click="submitUpload"><span>确认</span></el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
props: ["caseVisable"],
import { insertCaseNumRule } from "@/api/officialSeal/officialSeal.js";
export default {
props: ["caseVisable","queryParams"],
dicts: ["manager_type"],
data() {
return {
ruleForm:{
ruleType:''
},
ruleForm:{},
rules: {
ruleType: [
{ required: true, message: '请输入规则类型', trigger: 'blur' },
@@ -61,11 +60,11 @@ export default {
};
},
watch: {
// uploadVisable(val) {
// if (val) {
// this.ruleForm = {};
// }
// }
caseVisable(val) {
if (val) {
this.ruleForm = {};
}
}
},
created() {
@@ -75,20 +74,20 @@ export default {
this.$emit("cancelCase");
},
// 新增模板
// insertManagerFn(data) {
// insertManager(data).then(res => {
// this.$message.success('新增成功');
// this.$emit("cancelUpload");
// this.$emit('getList', this.queryParams);
// })
// },
// submitUpload() {
// this.$refs['ruleForm'].validate((valid) => {
// if (valid) {
// this.insertManagerFn(this.ruleForm)
// }
// });
// },
insertManagerFn(data) {
insertCaseNumRule(data).then(res => {
this.$message.success('新增成功');
this.$emit("cancelCase");
this.$emit('getList', this.queryParams);
})
},
submitUpload() {
this.$refs['ruleForm'].validate((valid) => {
if (valid) {
this.insertManagerFn(this.ruleForm)
}
});
}
},
};
</script>
src/views/numberManagement/components/modifyTemplate.vue
+105
View File
@@ -0,0 +1,105 @@
<template>
<div>
<el-dialog title="编号修改" :visible="modifyVisable" v-if="modifyVisable" @close="cancel" width="600px" center>
<el-form label-position="left" :model="ruleForm" ref="ruleForm" :rules="rules" label-width="100px"
class="demo-ruleForm">
<el-form-item label="规则类型:" prop="ruleType">
<el-select placeholder="请选择规则类型" v-model="ruleForm.ruleType">
<el-option label="字符串" :value="1"></el-option>
<el-option label="整数" :value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="前缀:" prop="prefixstr">
<el-input v-model="ruleForm.prefixstr" placeholder="请输入前缀内容" />
</el-form-item>
<el-form-item label="时间格式:" prop="dateFormat">
<el-select placeholder="请选择时间格式" v-model="ruleForm.dateFormat">
<el-option label="yyyy-MM-dd" :value="1"></el-option>
</el-select>
</el-form-item>
<el-form-item label="机构名称:" prop="deptName">
<el-input v-model="ruleForm.deptName" placeholder="请输入机构名称" />
</el-form-item>
<el-form-item label="机构名称首字母拼写:" prop="deptNameFirchar">
<el-input v-model="ruleForm.deptNameFirchar" placeholder="请输入机构名称首字母拼写" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button class="endbutton" @click="cancel"><span>取 消</span></el-button>
<el-button type="primary" class="endbutton" @click="submitUpload"><span>确认</span></el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { updateCaseNumRule} from "@/api/officialSeal/officialSeal.js";
export default {
props: ["modifyVisable","editData","queryParams"],
dicts: ["manager_type"],
data() {
return {
ruleForm:{},
rules: {
ruleType: [
{ required: true, message: '请输入规则类型', trigger: 'blur' },
],
prefixstr: [
{ required: true, message: '请输入前缀', trigger: 'blur' },
],
dateFormat: [
{ required: true, message: '请输入时间格式', trigger: 'blur' },
],
deptName: [
{ required: true, message: '请输入机构名称', trigger: 'blur' },
],
deptNameFirchar: [
{ required: true, message: '请输入首字母拼写', trigger: 'blur' },
]
}
};
},
watch: {
editData(val) {
if (val) {
this.ruleForm = val;
}
}
},
created() {
},
methods: {
cancel() {
this.$emit("cancelModify");
},
// 修改模板
updateCaseNumRuleFn(data) {
updateCaseNumRule(data).then(res => {
console.log(res)
this.$message.success('修改成功');
this.$emit("cancelModify");
this.$emit('getList', this.queryParams);
})
},
submitUpload() {
this.$refs['ruleForm'].validate((valid) => {
if (valid) {
this.updateCaseNumRuleFn({
id:this.ruleForm.id,
prefixstr:this.ruleForm.prefixstr,
dateFormat:this.ruleForm.deptName,
deptNameFirchar:this.ruleForm.deptNameFirchar,
deptName:this.ruleForm.deptName,
ruleType:this.ruleForm.ruleType,
})
}
});
}
},
};
</script>
<style lang="scss" scoped></style>