|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改厂商对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
|---|
|  |  |  | <el-form-item label="厂商名称" prop="name"> | 
|---|
|  |  |  | <el-input v-model="form.name" placeholder="请输入厂商名称" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改学校对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
|---|
|  |  |  | <el-form-item label="学校代码" prop="code"> | 
|---|
|  |  |  | <el-input v-model="form.code" placeholder="请输入学校代码"/> | 
|---|
|  |  |  | 
|---|
|  |  |  | disciplineScope: [ | 
|---|
|  |  |  | {required: true, message: "学科范围不能为空", trigger: "change"} | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | remarks: [ | 
|---|
|  |  |  | {max: 128, message: '最多输入128个字符', trigger: 'blur' } | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 省份 | 
|---|
|  |  |  | provinceList: [], | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改测试单表对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
|---|
|  |  |  | <el-form-item label="部门id" prop="deptId"> | 
|---|
|  |  |  | <el-input v-model="form.deptId" placeholder="请输入部门id" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-dialog> | 
|---|
|  |  |  | <!-- 用户导入对话框 --> | 
|---|
|  |  |  | <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="upload.title" :close-on-click-modal="false" :visible.sync="upload.open" width="400px" append-to-body> | 
|---|
|  |  |  | <el-upload | 
|---|
|  |  |  | ref="upload" | 
|---|
|  |  |  | :limit="1" | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改测试树表对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
|---|
|  |  |  | <el-form-item label="父id" prop="parentId"> | 
|---|
|  |  |  | <treeselect v-model="form.parentId" :options="treeOptions" :normalizer="normalizer" placeholder="请选择父id" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改生产批次对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
|---|
|  |  |  | <el-form-item label="生产批次" prop="batch"> | 
|---|
|  |  |  | <el-input v-model="form.batch" placeholder="请输入生产批次" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改智控设备对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="100px"> | 
|---|
|  |  |  | <el-form-item label="序列号" prop="serialNumber"> | 
|---|
|  |  |  | <el-input v-model="form.serialNumber" :disabled="disabled" placeholder="请输入序列号"/> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="读数指令" align="center" width="180" prop="readInstruction"/> | 
|---|
|  |  |  | <el-table-column label="回数长度" align="center" prop="loopLength"/> | 
|---|
|  |  |  | <el-table-column label="功能描述" align="center" prop="description"/> | 
|---|
|  |  |  | <el-table-column label="功能描述" align="center" min-width="180" show-overflow-tooltip prop="description"/> | 
|---|
|  |  |  | <el-table-column label="操作" align="center" fixed="right" width="240" class-name="small-padding fixed-width"> | 
|---|
|  |  |  | <template slot-scope="scope"> | 
|---|
|  |  |  | <el-button | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改外设单元对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-dialog :close-on-click-modal="false" :title="title" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
|---|
|  |  |  | <el-form-item label="外设代码" prop="code"> | 
|---|
|  |  |  | <el-input v-model="form.code" placeholder="请输入外设代码" :disabled="disabled"/> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-dialog> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 附件窗体 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="uploadFlag" width="500px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="uploadFlag" width="500px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
|---|
|  |  |  | <el-form-item label="附件"> | 
|---|
|  |  |  | <fileUpload v-model="form.filePath" limit="1"/> | 
|---|
|  |  |  | 
|---|
|  |  |  | name: "PeripheralUnit", | 
|---|
|  |  |  | dicts: ['DICT103'], | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | var validateModel = (rule, value, callback) => { | 
|---|
|  |  |  | if (!value) { | 
|---|
|  |  |  | callback(new Error('规格型号不能为空')); | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if (value.length > 32) { | 
|---|
|  |  |  | callback(new Error('最多输入32个字符')); | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if (!(/^[A-Za-z]+$/.test(value))) { | 
|---|
|  |  |  | callback(new Error('只能输入英文字符')); | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | callback(); | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // 按钮loading | 
|---|
|  |  |  | buttonLoading: false, | 
|---|
|  |  |  | 
|---|
|  |  |  | model: undefined, | 
|---|
|  |  |  | manufacturer: undefined, | 
|---|
|  |  |  | vendorCode: undefined, | 
|---|
|  |  |  | baudRate: undefined, | 
|---|
|  |  |  | baudRate: undefined | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 表单参数 | 
|---|
|  |  |  | form: {}, | 
|---|
|  |  |  | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | name: [ | 
|---|
|  |  |  | {required: true, message: "外设名称不能为空", trigger: "blur"}, | 
|---|
|  |  |  | {max: 32, message: '最多输入32中文字符', trigger: 'blur' } | 
|---|
|  |  |  | {max: 32, message: '最多输入32个字符', trigger: 'blur' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | model: [ | 
|---|
|  |  |  | {required: true, message: "规格型号不能为空", trigger: "blur"} | 
|---|
|  |  |  | {required: true, validator: validateModel, trigger: "blur"} | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | manufacturer: [ | 
|---|
|  |  |  | {required: true, message: "生产厂商不能为空", trigger: "blur"} | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | vendorCode: [ | 
|---|
|  |  |  | {required: true, message: "厂商代码不能为空", trigger: "blur"} | 
|---|
|  |  |  | {required: true, message: "厂商代码不能为空", trigger: "blur"}, | 
|---|
|  |  |  | {max: 32, message: '最多输入32个字符', trigger: 'blur' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | baudRate: [ | 
|---|
|  |  |  | {required: true, message: "波特率不能为空", trigger: "change"} | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | readInstruction: [ | 
|---|
|  |  |  | {required: true, message: "读数指令不能为空", trigger: "blur"} | 
|---|
|  |  |  | {required: true, message: "读数指令不能为空", trigger: "blur"}, | 
|---|
|  |  |  | {max: 128, message: '最多输入128个字符', trigger: 'blur' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | loopLength: [ | 
|---|
|  |  |  | {required: true, message: "回数长度不能为空", trigger: "blur"} | 
|---|
|  |  |  | 
|---|
|  |  |  | filePath: [ | 
|---|
|  |  |  | {required: true, message: "附件不能为空", trigger: "blur"} | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | description: [ | 
|---|
|  |  |  | {max: 128, message: '最多输入128个字符', trigger: 'blur' } | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | disabled: false, | 
|---|
|  |  |  | // 生产厂商 | 
|---|
|  |  |  | 
|---|
|  |  |  | handleAdd() { | 
|---|
|  |  |  | this.reset(); | 
|---|
|  |  |  | this.getManufacturerList(); | 
|---|
|  |  |  | this.form.baudRate = '3' | 
|---|
|  |  |  | this.form.baudRate = '04' | 
|---|
|  |  |  | this.disabled = false | 
|---|
|  |  |  | this.open = true; | 
|---|
|  |  |  | this.title = "添加外设单元"; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | /** 修改按钮操作 */ | 
|---|
|  |  |  | handleUpdate(row) { | 
|---|
|  |  |  | this.loading = true; | 
|---|
|  |  |  | this.disabled = false | 
|---|
|  |  |  | this.reset(); | 
|---|
|  |  |  | this.getManufacturerList(); | 
|---|
|  |  |  | const id = row.id || this.ids | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 操作日志详细 --> | 
|---|
|  |  |  | <el-dialog title="操作日志详细" :visible.sync="open" width="700px" append-to-body> | 
|---|
|  |  |  | <el-dialog title="操作日志详细" :close-on-click-modal="false" :visible.sync="open" width="700px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" label-width="100px" size="mini"> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <el-col :span="12"> | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改参数配置对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
|---|
|  |  |  | <el-form-item label="参数名称" prop="configName"> | 
|---|
|  |  |  | <el-input v-model="form.configName" placeholder="请输入参数名称" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改部门对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="600px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <el-col :span="24" v-if="form.parentId !== 0"> | 
|---|
|  |  |  | 
|---|
|  |  |  | message: "请输入正确的手机号码", | 
|---|
|  |  |  | trigger: "blur" | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | remarks: [ | 
|---|
|  |  |  | {max: 128, message: '最多输入128个字符', trigger: 'blur' } | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 下拉用户 | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改参数配置对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
|---|
|  |  |  | <el-form-item label="字典类型"> | 
|---|
|  |  |  | <el-input v-model="form.dictType" :disabled="true" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改参数配置对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
|---|
|  |  |  | <el-form-item label="字典名称" prop="dictName"> | 
|---|
|  |  |  | <el-input v-model="form.dictName" placeholder="请输入字典名称" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改菜单对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="680px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="680px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="100px"> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <el-col :span="24"> | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改公告对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="780px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="780px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <el-col :span="12"> | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改对象存储配置对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="800px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="120px"> | 
|---|
|  |  |  | <el-form-item label="配置key" prop="configKey"> | 
|---|
|  |  |  | <el-select v-model="form.configKey" placeholder="请选择配置key"> | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改OSS对象存储对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
|---|
|  |  |  | <el-form-item label="文件名"> | 
|---|
|  |  |  | <fileUpload v-model="form.file" v-if="type === 0"/> | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改岗位对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
|---|
|  |  |  | <el-form-item label="岗位名称" prop="postName"> | 
|---|
|  |  |  | <el-input v-model="form.postName" placeholder="请输入岗位名称" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改角色配置对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="500px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="100px"> | 
|---|
|  |  |  | <el-form-item label="角色名称" prop="roleName"> | 
|---|
|  |  |  | <el-input v-model="form.roleName" placeholder="请输入角色名称" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-dialog> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 分配角色数据权限对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="openDataScope" width="500px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="openDataScope" width="500px" append-to-body> | 
|---|
|  |  |  | <el-form :model="form" label-width="80px"> | 
|---|
|  |  |  | <el-form-item label="角色名称"> | 
|---|
|  |  |  | <el-input v-model="form.roleName" :disabled="true" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <!-- 授权用户 --> | 
|---|
|  |  |  | <el-dialog title="选择用户" :visible.sync="visible" width="800px" top="5vh" append-to-body> | 
|---|
|  |  |  | <el-dialog title="选择用户" :close-on-click-modal="false" :visible.sync="visible" width="800px" top="5vh" append-to-body> | 
|---|
|  |  |  | <el-form :model="queryParams" ref="queryForm" :inline="true"> | 
|---|
|  |  |  | <el-form-item label="用户名称" prop="userName"> | 
|---|
|  |  |  | <el-input | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 添加或修改用户配置对话框 --> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="title" :close-on-click-modal="false" :visible.sync="open" width="600px" append-to-body> | 
|---|
|  |  |  | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <el-col :span="12"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-form-item label="入职时间"> | 
|---|
|  |  |  | <el-date-picker | 
|---|
|  |  |  | v-model="form.entryTime" | 
|---|
|  |  |  | type="datetime" | 
|---|
|  |  |  | type="date" | 
|---|
|  |  |  | value-format="yyyy-MM-dd HH:mm:ss" | 
|---|
|  |  |  | placeholder="选择入职时间"> | 
|---|
|  |  |  | </el-date-picker> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-dialog> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 用户导入对话框 --> | 
|---|
|  |  |  | <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body> | 
|---|
|  |  |  | <el-dialog :title="upload.title" :close-on-click-modal="false" :visible.sync="upload.open" width="400px" append-to-body> | 
|---|
|  |  |  | <el-upload | 
|---|
|  |  |  | ref="upload" | 
|---|
|  |  |  | :limit="1" | 
|---|
|  |  |  | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | deptId: [ | 
|---|
|  |  |  | { required: true, message: "所在部门不能为空", trigger: "blur" } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | remarks: [ | 
|---|
|  |  |  | {max: 128, message: '最多输入128个字符', trigger: 'blur' } | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <div> | 
|---|
|  |  |  | <div class="user-info-head" @click="editCropper()"><img v-bind:src="options.img" title="点击上传头像" class="img-circle img-lg" /></div> | 
|---|
|  |  |  | <div class="user-info-head" :close-on-click-modal="false" @click="editCropper()"><img v-bind:src="options.img" title="点击上传头像" class="img-circle img-lg" /></div> | 
|---|
|  |  |  | <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body @opened="modalOpened"  @close="closeDialog"> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <el-col :xs="24" :md="12" :style="{height: '350px'}"> | 
|---|
|  |  |  | 
|---|
|  |  |  | @pagination="getList" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <!-- 预览界面 --> | 
|---|
|  |  |  | <el-dialog :title="preview.title" :visible.sync="preview.open" width="80%" top="5vh" append-to-body class="scrollbar"> | 
|---|
|  |  |  | <el-dialog :title="preview.title" :close-on-click-modal="false" :visible.sync="preview.open" width="80%" top="5vh" append-to-body class="scrollbar"> | 
|---|
|  |  |  | <el-tabs v-model="preview.activeName"> | 
|---|
|  |  |  | <el-tab-pane | 
|---|
|  |  |  | v-for="(value, key) in preview.data" | 
|---|