| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"> |
| | | <el-form-item label="类型" prop="type"> |
| | | <el-form-item label="性别" prop="sex"> |
| | | <el-select |
| | | v-model="queryParams.type" |
| | | placeholder="所有类型" |
| | | v-model="queryParams.sex" |
| | | placeholder="请选择性别" |
| | | clearable |
| | | style="width: 240px" |
| | | > |
| | |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="持有人" prop="holder"> |
| | | <el-input |
| | | v-model="queryParams.holder" |
| | | placeholder="请输入持有人" |
| | | clearable |
| | | style="width: 240px" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="具体位置" prop="address"> |
| | | <el-input |
| | | v-model="queryParams.address" |
| | | placeholder="请输入具体位置" |
| | | clearable |
| | | style="width: 240px" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> --> |
| | | |
| | | |
| | | </el-form-item> |
| | | <!-- <el-form-item label="发生时间"> |
| | | <el-date-picker |
| | |
| | | |
| | | </el-table-column> |
| | | <el-table-column label="宠物id" prop="id" sortable width="100" /> |
| | | <el-table-column label="主人姓名" prop="masterName" sortable width="100" /> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope" v-if="scope.row.roleId !== 1"> |
| | | <el-button |
| | |
| | | <el-input v-model="formDat.name" placeholder="请输入名字" clearable :style="{width: '100%'}" ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="出生日期" prop="birth"> |
| | | <el-date-picker |
| | | <el-input |
| | | v-model='formDat.birth' |
| | | type='date' |
| | | placeholder='选择日期' |
| | | ></el-date-picker> |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="性别" prop="sex"> |
| | | <el-select v-model="formDat.sex" placeholder="请选择性别" clearable :style="{width: '100%'}" > |
| | |
| | | list-type="picture-card" |
| | | multiple |
| | | :http-request="requestUpload" |
| | | :file-list="fileList" |
| | | :file-list="fileListOther" |
| | | > |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | <div slot="file" slot-scope="{file}"> |
| | |
| | | <span |
| | | v-if="!disabled" |
| | | class="el-upload-list__item-delete" |
| | | @click="handleRemove(file)" |
| | | @click="handleRemoveFile(file)" |
| | | > |
| | | <i class="el-icon-delete"></i> |
| | | </span> |
| | |
| | | ); |
| | | }, |
| | | |
| | | |
| | | handleRemove(file) { |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | this.$delete(this.fileList,i); |
| | | } |
| | | }, |
| | | handleRemoveFile(file) { |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | |
| | | }); |
| | | } |
| | | }); |
| | | // 清空formDat对象的数据 |
| | | Object.keys(this.formDat).forEach(key => { |
| | | this.formDat[key] = ''; |
| | | }); |
| | | this.handleRemove(this.fileList[0]); |
| | | this.handleRemoveFile(this.fileListOther[0]); |
| | | }, |
| | | requestUpload(params) |
| | | { |