公章管理

2023-11-16 20:05:17 +08:00
parent b4dcc34dad
commit 61eec5a011
6 changed files with 362 additions and 18 deletions
@@ -0,0 +1,89 @@
+<template>
+    <div>
+        <el-dialog title="新增机构" :visible="operateVisable" @close="cancel" width="600px" center :distroy-on-close="true">
+            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="demo-ruleForm">
+                <el-form-item label="机构名称" prop="identifyName">
+                    <el-input v-model="ruleForm.identifyName"></el-input>
+                </el-form-item>
+                <el-form-item label="经办人姓名" prop="operName">
+                    <el-input v-model="ruleForm.operName"></el-input>
+                </el-form-item>
+                <el-form-item label="经办人手机号" prop="operPhone">
+                    <el-input v-model="ruleForm.operPhone"></el-input>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" @click="submitForm" class="endbutton"><span>确认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {
+    insert
+} from "@/api/officialSeal/officialSeal.js";
+export default {
+    props: ["operateVisable",],
+    data() {
+        return {
+            ruleForm: {},
+            rules: {
+                identifyName: [
+                    { required: true, message: '请输入机构名称', trigger: 'blur' },
+                    // { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
+                ],
+                operName: [
+                    { required: true, message: '请输入经办人姓名', trigger: 'blur' },
+                ],
+                operPhone: [
+                    { required: true, message: '请输入手机号', trigger: 'blur' },
+                    { pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/, message: '请输入正确的手机号码', trigger: 'blur', },
+                ],
+            }
+        };
+    },
+    watch: {
+        operateVisable(val) {
+            if (val) {
+
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        // 新增部门
+        insertFn(data){
+            insert(data).then(res=>{
+                this.$modal.msgSuccess("新增成功！");
+                this.$emit("cancelFilingreview");
+                this.$emit('getList');
+            })
+        },
+        // 提交form表单
+        submitForm() {
+            this.$refs['ruleForm'].validate((valid) => {
+                if (valid) {
+                    this.insertFn(this.ruleForm)
+                } 
+            });
+        },
+        cancel() {
+            this.$emit("cancelFilingreview");
+        },
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+.steps {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.radiobox {
+    margin-top: 30px;
+}
+</style>