|
|
@@ -0,0 +1,156 @@
|
|
|
+<template>
|
|
|
+ <!-- 上传 -->
|
|
|
+ <el-dialog title="新增" :visible.sync="dialogVisible" width="50%">
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="82px">
|
|
|
+ <el-row :gutter="15">
|
|
|
+ <el-col v-bind="styleResponsive ? { sm: 12 } : { span: 12 }">
|
|
|
+ <el-form-item prop="code" label="证照编号">
|
|
|
+ <el-input
|
|
|
+ placeholder="请输入"
|
|
|
+ v-model="form.code"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-bind="styleResponsive ? { sm: 12 } : { span: 12 }">
|
|
|
+ <el-form-item prop="typeValue" label="证件类型">
|
|
|
+ <DictSelection v-model="form.typeValue" dictName="证件类型"></DictSelection>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-bind="styleResponsive ? { sm: 12 } : { span: 12 }">
|
|
|
+ <el-form-item prop="status" label="状态">
|
|
|
+ <DictSelection v-model="form.status" dictName="规则状态"></DictSelection>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-bind="styleResponsive ? { sm: 12 } : { span: 12 }">
|
|
|
+ <el-form-item prop="owner" label="持证人">
|
|
|
+ <el-input
|
|
|
+ placeholder="请输入"
|
|
|
+ v-model="form.owner"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-bind="styleResponsive ? { sm: 12 } : { span: 12 }">
|
|
|
+ <el-form-item prop="salary" label="颁发时间">
|
|
|
+ <el-date-picker
|
|
|
+ style="width:100%"
|
|
|
+ v-model="form.awardTime"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-bind="styleResponsive ? { sm: 12 } : { span: 12 }">
|
|
|
+ <el-form-item prop="date" label="有效期至">
|
|
|
+ <el-date-picker
|
|
|
+ style="width:100%"
|
|
|
+ v-model="form.date"
|
|
|
+ type="daterange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ :default-time="['00:00:00', '23:59:59']"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-bind="styleResponsive ? { sm: 24 } : { span: 24 }">
|
|
|
+ <el-form-item prop="image" label="证照图片">
|
|
|
+ <fileUpload
|
|
|
+ v-model="form.image"
|
|
|
+ module="main"
|
|
|
+ :showLib="true"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-bind="styleResponsive ? { sm: 24 } : { span: 24 }">
|
|
|
+ <el-form-item prop="remark" label="备注">
|
|
|
+ <el-input
|
|
|
+ placeholder="请输入"
|
|
|
+ v-model="form.remark"
|
|
|
+ type="textarea"
|
|
|
+ :rows="3"
|
|
|
+ :resize="`none`"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="submit" type="primary">提 交</el-button>
|
|
|
+ <el-button size="small" @click="dialogVisible = false">关 闭</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ // import { uploadBatch } from '@/api/system/file/index.js';
|
|
|
+ import fileUpload from '@/components/upload/fileUpload';
|
|
|
+ import imgUpload from '@/components/upload/imgUpload';
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ fileUpload,
|
|
|
+ imgUpload
|
|
|
+ },
|
|
|
+ //注册组件
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ dialogVisible: false,
|
|
|
+ rules: {
|
|
|
+ code: [{ required: true, trigger: 'blur', message: '请输入证照编号' }],
|
|
|
+ typeValue: [{ required: true, trigger: 'change' , message: '请选择证件类型'}],
|
|
|
+ date: [{ required: true, trigger: 'change', message: '请选择有效期' }],
|
|
|
+ owner: [{ required: true, trigger: 'blur', message: '请输入持证人' }],
|
|
|
+ status: [{ required: true, trigger: 'change', message: '请选择状态' }],
|
|
|
+ image: [{ required: true, trigger: 'change' , message: '请选择证照图片'}]
|
|
|
+ },
|
|
|
+ form: { },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ // 是否开启响应式布局
|
|
|
+ styleResponsive() {
|
|
|
+ return this.$store.state.theme.styleResponsive;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created () {},
|
|
|
+ methods: {
|
|
|
+ open () {
|
|
|
+ this.$refs.form && this.$refs.form.clearValidate();
|
|
|
+ this.form = { };
|
|
|
+ this.dialogVisible = true;
|
|
|
+ },
|
|
|
+ submit(){
|
|
|
+ this.$refs.form.validate((valid) => {
|
|
|
+ if (!valid) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ this.loading = true;
|
|
|
+ const data = {
|
|
|
+ ...this.form,
|
|
|
+ parentId: this.form.parentId || 0
|
|
|
+ };
|
|
|
+ saveOrUpdate(data)
|
|
|
+ .then((msg) => {
|
|
|
+ this.loading = false;
|
|
|
+ this.$message.success(msg);
|
|
|
+ this.updateVisible(false);
|
|
|
+ this.$emit('done');
|
|
|
+ })
|
|
|
+ .catch((e) => {
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+ .el-form-item{
|
|
|
+ margin-bottom:20px!important;
|
|
|
+ }
|
|
|
+</style>
|