批量确认缴费，编号管理页面的开发，批量签名，批量用印页面的开发
This commit is contained in:
gyj
@@ -0,0 +1,70 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addList">新增</el-button>
|
||||
<!-- v-hasPermi="['caseManagement:list:add']" -->
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table style="width: 100%">
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<!-- <span>{{
|
||||
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
||||
}}</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" 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>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
||||
/>
|
||||
<addOrdered :caseVisable="caseVisable" @cancelCase="cancelCase"></addOrdered>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import addOrdered from './components/addOrdered.vue'
|
||||
export default {
|
||||
components: {
|
||||
addOrdered
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
// 遮罩层
|
||||
loading: false,
|
||||
// 总条数
|
||||
total: 0,
|
||||
caseVisable: false,//新增弹窗
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// 新增模板
|
||||
addList() {
|
||||
this.caseVisable = true;
|
||||
},
|
||||
cancelCase() {
|
||||
this.caseVisable = false;
|
||||
}
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -0,0 +1,96 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="编号新增" :visible="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">
|
||||
<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"><span>确认</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: ["caseVisable"],
|
||||
dicts: ["manager_type"],
|
||||
data() {
|
||||
return {
|
||||
ruleForm:{
|
||||
ruleType:''
|
||||
},
|
||||
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: {
|
||||
// uploadVisable(val) {
|
||||
// if (val) {
|
||||
// this.ruleForm = {};
|
||||
// }
|
||||
// }
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
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)
|
||||
// }
|
||||
// });
|
||||
// },
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
Reference in New Issue
Block a user