| | |
| | | ref="formRef" |
| | | :model="formData" |
| | | :rules="formRules" |
| | | label-width="200px" |
| | | label-width="80px" |
| | | v-loading="formLoading"> |
| | | <el-row> |
| | | <el-row :gutter="40"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="模板名称" prop="templateName"> |
| | | <el-input v-model="formData.templateName" maxlength="50" placeholder="请输入模板名称" /> |
| | |
| | | > |
| | | <el-button type="primary">上传图片</el-button> |
| | | <template #tip> |
| | | <div class="el-upload__tip"> |
| | | 只能上传jpg/png文件 |
| | | </div> |
| | | <span class="el-upload__tip" style="display: inline-block;margin-left: 20px"> |
| | | 上传jpg/png文件 |
| | | </span> |
| | | </template> |
| | | </el-upload> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row v-if="ishasAdminRole==true"> |
| | | <el-row v-if="ishasAdminRole==true" :gutter="40"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="模板类型" prop="zg"> |
| | | <el-select v-model="formData.zg"> |
| | |
| | | ElMessage.error('图片大小不能超过2MB!'); |
| | | return false; |
| | | } |
| | | |
| | | |
| | | return true; |
| | | }; |
| | | async function updataImage(formData1) { |
| | |
| | | } |
| | | |
| | | .checkbox-image { |
| | | width: 230px; |
| | | width: 93%; |
| | | height: 150px; |
| | | object-fit: cover; |
| | | border-radius: 4px; |
| | | border: 1px solid #ddd; |
| | | transition: all 0.3s; |
| | | margin-left: 20px; |
| | | margin-left: 10px; |
| | | margin-top: 20px; |
| | | } |
| | | |
| | |
| | | .checkbox-input:checked ~ .checkbox-image { |
| | | border: 1px solid #ddd; /* 选中时保持灰色1px边框 */ |
| | | } |
| | | .upload-demo{ |
| | | margin-top: -7px; |
| | | } |
| | | </style> |