|
@@ -20,6 +20,7 @@
|
|
|
ref="ruleForm"
|
|
|
:model="ruleForm"
|
|
|
status-icon
|
|
|
+ :size="'mini'"
|
|
|
:rules="rulesThis"
|
|
|
label-width="85px"
|
|
|
class="demo-ruleForm"
|
|
@@ -33,8 +34,6 @@
|
|
|
maxlength="50"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
<el-form-item label="异常原因" prop="error_code">
|
|
|
<el-select
|
|
|
v-model="ruleForm.error_code"
|
|
@@ -53,61 +52,68 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-form-item label="异常备注" prop="remark">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- maxlength="250"
|
|
|
- placeholder="异常备注"
|
|
|
- :autosize="{ minRows: 3, maxRows: 3 }"
|
|
|
- v-model="ruleForm.remark"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="异常图片" prop="error_img">
|
|
|
- <div class="el-form-item-error-img">
|
|
|
- <ul>
|
|
|
- <li v-for="(item, index) in ruleForm.error_img" :key="item">
|
|
|
- <img :src="item" alt="" />
|
|
|
- <i class="el-icon-close" @click="imgClose(index)"></i>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <div
|
|
|
- class="btnupload"
|
|
|
- v-if="ruleForm.error_img.length < 5"
|
|
|
- style="position: relative"
|
|
|
- @click="open"
|
|
|
- >
|
|
|
- <i class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
- <file-upload
|
|
|
- class="Upload"
|
|
|
- :accept="'.jpg,.png,.jpeg'"
|
|
|
- :multiple="true"
|
|
|
- :uploadcondition="beforeAvatarUpload"
|
|
|
- @UploadErrorEvent="UploadErrorEvent"
|
|
|
- @UploadSuccessEvent="UploadSuccessEvent"
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="异常备注" prop="remark">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ maxlength="250"
|
|
|
+ placeholder="异常备注"
|
|
|
+ :autosize="{ minRows: 3, maxRows: 3 }"
|
|
|
+ v-model="ruleForm.remark"
|
|
|
/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="异常图片" prop="error_img">
|
|
|
+ <div class="el-form-item-error-img">
|
|
|
+ <ul>
|
|
|
+ <li
|
|
|
+ v-for="(item, index) in ruleForm.error_img"
|
|
|
+ :key="item"
|
|
|
+ >
|
|
|
+ <img :src="item" alt="" />
|
|
|
+ <i class="el-icon-close" @click="imgClose(index)"></i>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div
|
|
|
+ class="btnupload"
|
|
|
+ v-if="ruleForm.error_img.length < 5"
|
|
|
+ style="position: relative"
|
|
|
+ @click="open"
|
|
|
+ >
|
|
|
+ <i class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ <file-upload
|
|
|
+ class="Upload"
|
|
|
+ :accept="'.jpg,.png,.jpeg'"
|
|
|
+ :multiple="true"
|
|
|
+ :uploadcondition="beforeAvatarUpload"
|
|
|
+ @UploadErrorEvent="UploadErrorEvent"
|
|
|
+ @UploadSuccessEvent="UploadSuccessEvent"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="21">
|
|
|
+ <div class="txt-tips fl">
|
|
|
+ <p>
|
|
|
+ <span sty>大小:小于1MB;</span
|
|
|
+ ><span>类型:jpg.png.jpeg</span>
|
|
|
+ </p>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3" style="text-align: right">
|
|
|
+ <el-button
|
|
|
+ class="fr"
|
|
|
+ type="primary"
|
|
|
+ :size="'mini'"
|
|
|
+ @click="submitForm"
|
|
|
+ >保 存
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" style="text-align: right">
|
|
|
- <div class="txt-tips fl">
|
|
|
- <p>
|
|
|
- <span sty>大小:小于1MB;</span><span>尺寸:250*160;</span
|
|
|
- ><span>类型:jpg.png.jpeg</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <el-button
|
|
|
- class="fr"
|
|
|
- @click="showModelThis = false"
|
|
|
- style="margin-left: 15px"
|
|
|
- >关 闭</el-button
|
|
|
- >
|
|
|
- <el-button class="fr" type="primary" @click="submitForm"
|
|
|
- >保 存
|
|
|
- </el-button>
|
|
|
- </el-col>
|
|
|
</el-row>
|
|
|
</el-card>
|
|
|
</el-dialog>
|