From d647d78c29afaeff8e6ba01d01cf9c2dc6e53479 Mon Sep 17 00:00:00 2001
From: yz3456 <2753272399@qq.com>
Date: 星期六, 20 四月 2024 18:43:11 +0800
Subject: [PATCH] 修改所有备忘录上传图片
---
ruoyi-ui/src/views/pet/index.vue | 114 ++++++++++++++++++++++++++++++++++++--------------------
1 files changed, 73 insertions(+), 41 deletions(-)
diff --git a/ruoyi-ui/src/views/pet/index.vue b/ruoyi-ui/src/views/pet/index.vue
index 5366a81..4ec2eb4 100644
--- a/ruoyi-ui/src/views/pet/index.vue
+++ b/ruoyi-ui/src/views/pet/index.vue
@@ -95,9 +95,10 @@
<el-table v-loading="loading" :data="petList,PetNoteList" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName">
<el-table-column type="selection" width="55" align="center" />
- <el-table-column label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/>
+ <el-table-column label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/>
+ <el-table-column label="绉嶇被" prop="animal" sortable :show-overflow-tooltip="true" width="150" />
- <el-table-column label="绫诲瀷" prop="type" sortable :show-overflow-tooltip="true" width="150" />
+ <el-table-column label="鍝佺" prop="type" sortable :show-overflow-tooltip="true" width="150" />
<el-table-column label="鍚嶅瓧" prop="name" sortable :show-overflow-tooltip="true" width="150" />
<el-table-column label="鎬у埆" prop="sex" sortable width="120" >
<template slot-scope="scope">
@@ -114,12 +115,14 @@
</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">
+ <el-table-column label="鎿嶄綔" align="center" width="250" class-name="small-padding fixed-width">
<template slot-scope="scope" v-if="scope.row.roleId !== 1">
+ <div class="button-container">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
+ :disabled="!scope.row.ownData"
@click="handleUpdate(scope.row)"
v-hasPermi="['familymodel:property:info']"
>淇敼</el-button>
@@ -127,13 +130,14 @@
size="mini"
type="text"
icon="el-icon-delete"
+ :disabled="!scope.row.ownData"
@click="handleDelete(scope.row)"
v-hasPermi="['system:role:remove']"
>鍒犻櫎</el-button>
<el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['familymodel:property:info']">
<el-button size="mini" type="text" icon="el-icon-d-arrow-right" @click="handleCheck(scope.row)">鏌ョ湅璇︽儏</el-button>
</el-dropdown>
-
+ </div>
</template>
</el-table-column>
</el-table>
@@ -159,6 +163,9 @@
<el-form-item label="闃蹭吉璇�" prop="securityCode">
<el-input v-model="formDat.securityCode" placeholder="璇疯緭鍏ラ槻浼瘉" clearable :style="{width: '100%'}" ></el-input>
</el-form-item>
+ <el-form-item label="绉嶇被" prop="animal">
+ <el-input v-model="formDat.animal" placeholder="璇疯緭鍏ョ绫�" clearable :style="{width: '100%'}" ></el-input>
+ </el-form-item>
<el-form-item label="鍝佺" prop="type">
<el-input v-model="formDat.type" placeholder="璇疯緭鍏ュ搧绉�" clearable :style="{width: '100%'}" ></el-input>
</el-form-item>
@@ -166,11 +173,9 @@
<el-input v-model="formDat.name" placeholder="璇疯緭鍏ュ悕瀛�" clearable :style="{width: '100%'}" ></el-input>
</el-form-item>
<el-form-item label="鍑虹敓鏃ユ湡" prop="birth">
- <el-input
- v-model='formDat.birth'
- type='date'
- placeholder='閫夋嫨鏃ユ湡'
- ></el-input>
+ <el-date-picker v-model="formDat.birth" type="date" placeholder="璇烽�夋嫨鏃ユ湡"
+ :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd"
+ ></el-date-picker>
</el-form-item>
<el-form-item label="鎬у埆" prop="sex">
<el-select v-model="formDat.sex" placeholder="璇烽�夋嫨鎬у埆" clearable :style="{width: '100%'}" >
@@ -189,8 +194,8 @@
<el-input v-model="formDat.eatHabit" placeholder="璇疯緭鍏ラギ椋熶範鎯�(鍠�)" clearable :style="{width: '100%'}" >
</el-input>
</el-form-item>
- <el-form-item label="楗涔犳儻(鎭�)" prop="diseatHabit">
- <el-input v-model="formDat.diseatHabit" placeholder="璇疯緭鍏ラギ椋熶範鎯�(鎭�)" clearable :style="{width: '100%'}" >
+ <el-form-item label="楗涔犳儻(鎭�)" prop="disEatHabit">
+ <el-input v-model="formDat.disEatHabit" placeholder="璇疯緭鍏ラギ椋熶範鎯�(鎭�)" clearable :style="{width: '100%'}" >
</el-input>
</el-form-item>
<el-form-item label="鐢熸椿涔犳儻(鍠�)" prop="lifeHabit">
@@ -317,6 +322,10 @@
</el-dialog>
+ <el-dialog :visible.sync="dialogVisible">
+ <img w-full :src="dialogImageUrl" style="width: 100%; height: 100%" alt="Preview Image" />
+ </el-dialog>
+
</div>
</template>
@@ -327,7 +336,7 @@
//鍦╯ystem/note/index.js涓鍏ユ帴鍙ｅ嚱鏁�
-import {listPet,enload, getPetInfo, delPet,addPet, uploadPic} from "@/api/pet/index";
+import {listPet,enload, getPetInfo, delPet,addPet, uploadPic1} from "@/api/pet/index";
export default {
name: "Role",
dicts: ['sys_normal_disable'],
@@ -348,8 +357,6 @@
showSearch: true,
// 鎬绘潯鏁�
total: 0,
-
- petList: [],
// 寮瑰嚭灞傛爣棰�
title: "",
// 鏄惁鏄剧ず寮瑰嚭灞�
@@ -360,21 +367,24 @@
menuNodeAll: false,
deptExpand: true,
deptNodeAll: false,
+
+ dialogImageUrl: '',
+ dialogVisible: false,
// 鏃ユ湡鑼冨洿
dateRange: [],
// 鏁版嵁鑼冨洿閫夐」
- fot:[".jpg",".jif"],
+ // 鏁版嵁鑼冨洿閫夐」
+ fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx',
+ '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'],
+
fileList1:[ ],
fileList2:[ ],
fileListOther:[ ],
+ uploadFileList1: [],
dsb:true,
btn:false,
formDat: {
- type: undefined,
- name: undefined,
- sex: undefined,
- color: undefined,
- address: undefined,
+ animal:undefined,
remark: undefined,
url: undefined,
type: undefined,
@@ -388,7 +398,7 @@
dialect: undefined,
address:undefined,
eatHabit:undefined,
- diseatHabit: undefined,
+ disEatHabit: undefined,
LifeHabit: undefined,
disLifeHabit: undefined,
headPicture:undefined,
@@ -407,7 +417,7 @@
dialect: undefined,
address:undefined,
eatHabit:undefined,
- diseatHabit: undefined,
+ disEatHabit: undefined,
LifeHabit: undefined,
disLifeHabit: undefined,
url: undefined,
@@ -439,9 +449,9 @@
},
// 琛ㄥ崟鏍￠獙
rules: {
- type: [{
+ animal: [{
required: true,
- message: '璇疯緭鍏ュ搧绉�',
+ message: '璇疯緭鍏ョ绫�',
trigger: 'blue'
}],
idNum: [{
@@ -498,9 +508,9 @@
trigger: 'blur'
}],
- diseatHabit: [{
+ disEatHabit: [{
required: true,
- message: '璇疯緭鍏ラギ椋熶範鎯�(鍠�)',
+ message: '璇疯緭鍏ラギ椋熶範鎯�(鎭�)',
trigger: 'blur'
}],
masterName: [{
@@ -598,18 +608,26 @@
},
handleRemove(file) {
- for(let i = 0; i < this.fileList.length; i++)
+ for(let i = 0; i < this.fileList1.length; i++)
{
- if(this.fileList[i].url==file.url)
- this.$delete(this.fileList,i);
+ if(this.fileList1[i].url==file.url)
+ this.$delete(this.fileList1,i);
}
},
handleRemoveFile(file) {
- for(let i = 0; i < this.fileListOther.length; i++)
+ // for(let i = 0; i < this.fileList2.length; i++)
+ // {
+ // if(this.fileList2[i].url==file.url)
+ // this.$delete(this.fileList2,i);
+ // }
+ for(let i = 0; i < this.fileList2.length; i++)
+ {
+ if(this.fileList2[i].url==file.url)
{
- if(this.fileListOther[i].url==file.url)
- this.$delete(this.fileListOther,i);
- }
+ this.$delete(this.fileList2,i);
+ this.$delete(this.uploadFileList1,i);
+ }
+ }
},
// 鍙栨秷鎸夐挳
cancel() {
@@ -709,18 +727,26 @@
if (valid) {
addPet(this.formDat).then(response => {
+ // alert(this.formDat.diseatHabit)
+ // alert(this.formDat.eatHabit)
this.$modal.msgSuccess("鏂板鎴愬姛");
this.open = false;
+ // 娓呯┖formDat瀵硅薄鐨勬暟鎹�
+ Object.keys(this.formDat).forEach(key => {
+ this.formDat[key] = '';
+ });
+ for(let i = 0; i <= this.fileList1.length; i++)
+ {
+ this.handleRemove(this.fileList1[0]);
+ }
+ for(let i = 0; i < this.fileList2.length; i++){
+ this.handleRemoveFile(this.fileList2[0]);
+ }
this.getList();
});
}
});
- // 娓呯┖formDat瀵硅薄鐨勬暟鎹�
- Object.keys(this.formDat).forEach(key => {
- this.formDat[key] = '';
- });
- this.handleRemove(this.fileList[0]);
- this.handleRemoveFile(this.fileListOther[0]);
+
},
requestUpload(params)
{
@@ -730,7 +756,7 @@
formData.append('uploadFile', file);
let _this = this
- uploadPic(formData).then(response => {
+ uploadPic1(formData).then(response => {
let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
_this.fileList1.push({name:response.data.fileName, url:response.data.url})
// _this.fileList2.push({name:response.data.fileName, url:response.data.url})
@@ -746,7 +772,7 @@
formData.append('uploadFile', file);
let _this = this
- uploadPic(formData).then(response => {
+ uploadPic1(formData).then(response => {
let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
// _this.fileList1.push({name:response.data.fileName, url:response.data.url})
_this.fileList2.push({name:response.data.fileName, url:response.data.url})
@@ -795,4 +821,10 @@
color: #999;
border: 1px dashed #999;
}
+.el-table__cell {
+ font-size: 14px; /* 璁剧疆瀛椾綋澶у皬 */
+}
+.button-container {
+ display: inline-flex; /* 璁剧疆鎸夐挳瀹瑰櫒涓鸿鍐呭厓绱� */
+}
</style>
--
Gitblit v1.9.1