From 1aa5be564d5df56297355a2e71ae4ff6c7df0042 Mon Sep 17 00:00:00 2001
From: feige <feige@qq.com>
Date: 星期一, 09 十月 2023 10:03:23 +0800
Subject: [PATCH] ss
---
ruoyi-ui/src/views/pet/index.vue | 256 +++++++++++++++++++++++++-------------------------
1 files changed, 127 insertions(+), 129 deletions(-)
diff --git a/ruoyi-ui/src/views/pet/index.vue b/ruoyi-ui/src/views/pet/index.vue
index be423ce..11df3f8 100644
--- a/ruoyi-ui/src/views/pet/index.vue
+++ b/ruoyi-ui/src/views/pet/index.vue
@@ -1,12 +1,15 @@
<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"
+ style="width: 200px;
+ height: 35px;
+ border-radius: 16px 16px 16px 16px;
+ opacity: 0.5;"
>
<el-option
v-for="dict in typeOptions"
@@ -20,7 +23,10 @@
v-model="queryParams.name"
placeholder="璇疯緭鍏ュ悕瀛�"
clearable
- style="width: 240px"
+ style="width: 200px;
+ height: 35px;
+ border-radius: 16px 16px 16px 16px;
+ opacity: 0.5;"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
@@ -29,28 +35,15 @@
v-model="queryParams.idNum"
placeholder="璇疯緭鍏ヨ瘉浠跺彿鐮�"
clearable
- style="width: 240px"
+ style="width: 200px;
+ height: 35px;
+ border-radius: 16px 16px 16px 16px;
+ opacity: 0.5;"
@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
@@ -94,40 +87,7 @@
v-hasPermi="['system:role:remove']"
>鍒犻櫎</el-button>
</el-col>
- <el-col :span="1.5">
- <el-button
- type="warning"
- plain
- icon="el-icon-download"
- size="mini"
- @click="handleExport"
- v-hasPermi="['family:note:export']"
- >瀵煎嚭</el-button>
- </el-col>
- <el-col :span="1.5">
- <el-button
- type="warning"
- plain
- icon="el-icon-download"
- size="mini"
- @click="handleExport"
- v-hasPermi="['family:note:export']"
- >瀵煎叆妯℃澘涓嬭浇</el-button>
- </el-col>
- <el-col :span="1.2">
- <el-upload
- action=""
- class="upload-demo"
- :show-file-list="false"
- :http-request="handleEnport"
- >
- <el-button size="mini" type="primary"
- plain
- icon="el-icon-plus" >瀵煎叆</el-button>
-
- </el-upload>
- </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
@@ -136,8 +96,9 @@
<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="绉嶇被" 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">
@@ -153,6 +114,7 @@
</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
@@ -198,6 +160,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>
@@ -205,10 +170,8 @@
<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
- v-model='formDat.birth'
- type='date'
- placeholder='閫夋嫨鏃ユ湡'
+ <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">
@@ -271,9 +234,9 @@
<el-upload
action="#"
list-type="picture-card"
- multiple
+ :limit="1"
:http-request="requestUpload"
- :file-list="fileList"
+ :file-list="fileList1"
>
<i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}">
@@ -309,9 +272,9 @@
<el-upload
action="#"
list-type="picture-card"
- multiple
- :http-request="requestUpload"
- :file-list="fileList"
+ :limit="1"
+ :http-request="requestUpload2"
+ :file-list="fileList2"
>
<i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}">
@@ -334,13 +297,11 @@
<span
v-if="!disabled"
class="el-upload-list__item-delete"
- @click="handleRemove(file)"
+ @click="handleRemoveFile(file)"
>
<i class="el-icon-delete"></i>
</span>
</span>
-
-
</div>
</el-upload>
</el-form>
@@ -389,8 +350,6 @@
showSearch: true,
// 鎬绘潯鏁�
total: 0,
- // 璧勪骇琛ㄦ牸鏁版嵁
- petList: [],
// 寮瑰嚭灞傛爣棰�
title: "",
// 鏄惁鏄剧ず寮瑰嚭灞�
@@ -405,19 +364,13 @@
dateRange: [],
// 鏁版嵁鑼冨洿閫夐」
fot:[".jpg",".jif"],
- fileList:[
- ],
- fileListOther:[
-
- ],
+ fileList1:[ ],
+ fileList2:[ ],
+ fileListOther:[ ],
dsb:true,
btn:false,
formDat: {
- type: undefined,
- name: undefined,
- sex: undefined,
- color: undefined,
- address: undefined,
+ animal:undefined,
remark: undefined,
url: undefined,
type: undefined,
@@ -434,7 +387,8 @@
diseatHabit: undefined,
LifeHabit: undefined,
disLifeHabit: undefined,
- url: undefined,
+ headPicture:undefined,
+ fullPicture:undefined,
},
petList: {
@@ -453,6 +407,8 @@
LifeHabit: undefined,
disLifeHabit: undefined,
url: undefined,
+ headPicture:undefined,
+ fullPicture:undefined,
},
// 鑿滃崟鍒楄〃
@@ -479,9 +435,9 @@
},
// 琛ㄥ崟鏍￠獙
rules: {
- type: [{
+ animal: [{
required: true,
- message: '璇疯緭鍏ュ搧绉�',
+ message: '璇疯緭鍏ョ绫�',
trigger: 'blue'
}],
idNum: [{
@@ -490,7 +446,7 @@
trigger: 'blue'
}],
securityCode: [{
- required: true,
+ // required: true,
message: '璇疯緭鍏ラ槻浼爜',
trigger: 'blue'
}],
@@ -510,7 +466,7 @@
trigger: 'blue'
}],
properties: [{
- required: true,
+ // required: true,
message: '璇疯緭鍏ユ�ц川',
trigger: 'blue'
}],
@@ -521,13 +477,13 @@
}],
LifeHabit: [{
- required: true,
+ // required: true,
message: '璇疯緭鍏ョ敓娲讳範鎯�(鍠�)',
trigger: 'blur'
}],
disLifeHabit: [{
- required: true,
+ // required: true,
message: '璇疯緭鍏ョ敓娲讳範鎯�(鎭�)',
trigger: 'blur'
}],
@@ -543,6 +499,27 @@
message: '璇疯緭鍏ラギ椋熶範鎯�(鍠�)',
trigger: 'blur'
}],
+ masterName: [{
+ required: true,
+ message: '璇疯緭鍏ヤ富浜哄鍚�',
+ trigger: 'blur'
+ }],
+ masterIdNum: [{
+ required: true,
+ message: '璇疯緭鍏ヤ富浜鸿韩浠借瘉鍙风爜',
+ trigger: 'blur'
+ }],
+ phone: [{
+ required: true,
+ message: '璇疯緭鍏ユ墜鏈哄彿',
+ trigger: 'blur'
+ }],
+ masterAddress: [{
+ required: true,
+ message: '璇疯緭鍏ヤ富浜哄湴鍧�',
+ trigger: 'blur'
+ }],
+
},
@@ -561,6 +538,8 @@
},
methods: {
+
+
// 鍙栨秷鎸夐挳
cancelData() {
this.open = false;
@@ -614,12 +593,18 @@
);
},
-
handleRemove(file) {
- for(let i = 0; i < this.fileListOther.length; i++)
+ for(let i = 0; i < this.fileList1.length; i++)
{
- if(this.fileListOther[i].url==file.url)
- this.$delete(this.fileListOther,i);
+ if(this.fileList1[i].url==file.url)
+ this.$delete(this.fileList1,i);
+ }
+ },
+ handleRemoveFile(file) {
+ for(let i = 0; i < this.fileList2.length; i++)
+ {
+ if(this.fileList2[i].url==file.url)
+ this.$delete(this.fileList2,i);
}
},
// 鍙栨秷鎸夐挳
@@ -699,52 +684,69 @@
});
},
-
+ //鏀惧ぇ
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
+
/** 鎻愪氦鎸夐挳锛堟暟鎹潈闄愶級 */
submitDataScope: function() {
- let ul = this.fileList.map(function (elem){
+ let ul = this.fileList1.map(function (elem){
return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
}).join(",")
- let uls = this.fileListOther.map(function (elem){
+ let uls = this.fileList2.map(function (elem){
return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
}).join(",")
- this.formDat.url = ul+","+uls
- this.$refs["elForm"].validate(valid => {
- if (valid) {
+ this.formDat.headPicture = ul,
+ this.formDat.fullPicture = uls,
+ this.$refs["elForm"].validate(valid => {
+ if (valid) {
- addPet(this.formDat).then(response => {
- this.$modal.msgSuccess("鏂板鎴愬姛");
- this.open = false;
- this.getList();
- });
- }
+ addPet(this.formDat).then(response => {
+ this.$modal.msgSuccess("鏂板鎴愬姛");
+ this.open = false;
+ this.getList();
+ });
+ }
+ });
+ // 娓呯┖formDat瀵硅薄鐨勬暟鎹�
+ Object.keys(this.formDat).forEach(key => {
+ this.formDat[key] = '';
});
+ this.handleRemove(this.fileList[0]);
+ this.handleRemoveFile(this.fileListOther[0]);
},
requestUpload(params)
{
var file = params.file;
var formData = new FormData();
+
formData.append('uploadFile', file);
let _this = this
uploadPic(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})
+ console("ok")
+ })
- if(_this.fot.includes(pth) === true)
- {
- _this.fileList.push({name:response.data.fileName, "url":response.data.url})
+ },
+ requestUpload2(params)
+ {
+ var file = params.file;
+ var formData = new FormData();
- }
+ formData.append('uploadFile', file);
+ let _this = this
- else{
- _this.fileListOther.push({name:response.data.fileName, url:response.data.url})
-
- }
+ uploadPic(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})
+ console("ok")
})
},
@@ -758,29 +760,15 @@
this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
}).catch(() => {});
},
+
+
/** 瀵煎嚭鎸夐挳鎿嶄綔 */
handleExport() {
this.download('family/pet/export', {
...this.queryParams
}, `pet_${new Date().getTime()}.xlsx`)
},
- /** 瀵煎叆鎿嶄綔*/
- handleEnport(params){
- var file = params.file;
- var formData = new FormData();
- formData.append('excelImport', file);
- let _this = this
- alert(file)
- enload(formData).then(response => {
- _this.getList();
- Message({ message: "瀵煎叆鎴愬姛", type: 'warning' })
- }).catch(err)
- {
- Message({ message: "瀵煎叆澶辫触", type: 'error' })
- }
-
- }
}
};
</script>
@@ -793,4 +781,14 @@
background: #FFEFF2;
}
+.upload-demo .el-upload-list__item-thumbnail img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+.upload-demo .el-icon-plus {
+ font-size: 28px;
+ color: #999;
+ border: 1px dashed #999;
+}
</style>
--
Gitblit v1.9.1