From 6de4ec8ac6822f22745c9bd059487a743e836e02 Mon Sep 17 00:00:00 2001
From: Tcsm <1377977403@qq.com>
Date: 星期三, 12 四月 2023 00:04:07 +0800
Subject: [PATCH] 4.12日提交通讯录模块和成长经历模块
---
ruoyi-ui/src/views/contacts/index.vue | 203 +++++++++++++++++++++++++++++++++-----------------
1 files changed, 132 insertions(+), 71 deletions(-)
diff --git a/ruoyi-ui/src/views/contacts/index.vue b/ruoyi-ui/src/views/contacts/index.vue
index 82404cb..6c73b4f 100644
--- a/ruoyi-ui/src/views/contacts/index.vue
+++ b/ruoyi-ui/src/views/contacts/index.vue
@@ -1,15 +1,21 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
- <el-form-item label="" prop="id" style="padding-left:30px">
+ <el-form-item label="" prop="phone wx qq twitter isAlways remark" >
<el-input
- v-model="queryParams.id"
+ v-model:phone="queryParams.phone"
+ v-model:wx="queryParams.wx"
+ v-model:qq="queryParams.qq"
+ v-model:twitter="queryParams.twitter"
+ v-model:isAlways="queryParams.isAlways"
+ v-model:remark="queryParams.remark"
placeholder="鍦ㄢ�滈�氳褰曗�濅腑鎼滅储"
clearable
style="width: 240px"
@keyup.enter.native="handleQuery">
<i slot="prefix" class="el-input__icon el-icon-search"></i>
</el-input>
+ <!-- v-model="queryParams.id"-->
</el-form-item>
<el-form-item label="鎴愬憳濮撳悕" prop="myName" style="padding-left:180px">
@@ -36,44 +42,44 @@
</el-form-item>
<el-cntainer>
<el-col :span="9" >
- <el-form-item>
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+ <el-form-item>
+ <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
- </el-form-item>
+ </el-form-item>
</el-col>
</el-cntainer>
- <el-form-item label="濮撳悕" prop="name">
- <el-input
- v-model="queryParams.name"
- placeholder="璇疯緭鍏ュ鍚�"
- clearable
- style="width: 240px"
- @keyup.enter.native="handleQuery">
- <i slot="prefix" class="el-input__icon el-icon-search"></i>
- </el-input>
- </el-form-item>
- <el-form-item label="宸ヤ綔鍗曚綅" prop="work">
- <el-input
- v-model="queryParams.work"
- placeholder="璇疯緭鍏ュ伐浣滃崟浣�"
- clearable
- style="width: 240px"
- @keyup.enter.native="handleQuery"
- >
- <i slot="prefix" class="el-input__icon el-icon-search"></i>
- </el-input>
- </el-form-item>
+ <el-form-item label="濮撳悕" prop="name">
+ <el-input
+ v-model="queryParams.name"
+ placeholder="璇疯緭鍏ュ鍚�"
+ clearable
+ style="width: 240px"
+ @keyup.enter.native="handleQuery">
+ <i slot="prefix" class="el-input__icon el-icon-search"></i>
+ </el-input>
+ </el-form-item>
+ <el-form-item label="宸ヤ綔鍗曚綅" prop="work">
+ <el-input
+ v-model="queryParams.work"
+ placeholder="璇疯緭鍏ュ伐浣滃崟浣�"
+ clearable
+ style="width: 240px"
+ @keyup.enter.native="handleQuery"
+ >
+ <i slot="prefix" class="el-input__icon el-icon-search"></i>
+ </el-input>
+ </el-form-item>
</el-form>
<div style="width: 72px;
-height: 24px;
-font-size: 18px;
-font-family: Microsoft YaHei-Regular, Microsoft YaHei;
-font-weight: 400;
-color: #000000;
-line-height: 21px;
-">閫氳褰�</div>
+ height: 24px;
+ font-size: 18px;
+ font-family: Microsoft YaHei-Regular, Microsoft YaHei;
+ font-weight: 400;
+ color: #000000;
+ line-height: 21px;
+ ">閫氳褰�</div>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
@@ -111,25 +117,36 @@
</el-row>
<el-table v-loading="loading" :data="contactList" @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="55" align="center" />
- <el-table-column label="鎴愬憳濮撳悕" prop="myName" sortable width="100" />
- <el-table-column label="绉板懠" prop="nickName" sortable :show-overflow-tooltip="true" width="100" />
- <el-table-column label="濮撳悕" prop="name" sortable :show-overflow-tooltip="true" width="100" />
- <el-table-column label="宸ヤ綔鍗曚綅" prop="work" sortable width="100" />
- <el-table-column label="鎵嬫満" prop="phone" sortable width="120" />
- <el-table-column label="鍏跺畠鑱旂郴鏂瑰紡" prop="wx qq twitter" sortable width="150" >
+ <el-table-column type="selection" width="25" align="center" />
+ <el-table-column label="鎴愬憳濮撳悕" prop="myName" sortable width="100" >
<template slot-scope="scope">
- {{scope.row.wx}}/
- {{scope.row.qq}}/
+ <div>
+ <a href="javascript:;" @click="handleCheck(scope.row)">{{scope.row.myName}}</a>
+ </div>
+ </template>
+
+ </el-table-column>
+ <el-table-column label="绉板懠" prop="nickName" sortable :show-overflow-tooltip="true" width="80" />
+ <el-table-column label="濮撳悕" prop="name" sortable :show-overflow-tooltip="true" width="80" />
+ <el-table-column label="宸ヤ綔鍗曚綅" prop="work" sortable width="100" />
+ <el-table-column label="鎵嬫満" prop="phone" sortable width="110" />
+ <el-table-column label="鍏跺畠鑱旂郴鏂瑰紡" prop="wx qq twitter" sortable width="130" >
+ <template slot-scope="scope">
+ {{scope.row.wx}}<br>
+ {{scope.row.qq}}<br>
{{scope.row.twitter}}
</template>
</el-table-column>
- <el-table-column label="鏄惁甯歌仈绯�" prop="isAlways" sortable width="120" />
+ <el-table-column label="鏄惁甯歌仈绯�" prop="isAlways" sortable width="120" >
+ <template slot-scope="scope">
+ <span v-if="scope.row.isAlways===1">鏄�</span>
+ <span v-if="scope.row.isAlways===0">鍚�</span>
+ </template>
+ </el-table-column>
<el-table-column label="鐢靛瓙鍚嶇墖" prop="url" align="center" sortable width="180">
-<!-- <el-image-->
-<!-- :src="'http://47.93.189.255:8080/'+ contactList.url"-->
-<!-- :fit="fit"-->
-<!-- ></el-image>-->
+ <template slot-scope="scope">
+ <el-image style="width: 100px; height: 100px" :src="'http://47.93.189.255:8080/'+ scope.row.url" fit="cover"></el-image>
+ </template>
</el-table-column>
<el-table-column label="澶囨敞锛堟槸鍚﹀瓨鍦ㄩ噾閽卞叧绯伙級" prop="remark" sortable width="120" />
<el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
@@ -174,39 +191,47 @@
<!-- 娣诲姞閫氳褰曢厤缃璇濇 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
- <el-form ref="elForm" :model="contactList" :rules="rules" size="medium" label-width="100px">
+ <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px">
<el-form-item label="鎴愬憳濮撳悕" prop="myName">
- <el-input v-model="contactList.myName" placeholder="璇疯緭鍏ユ垚鍛樺鍚�" clearable :style="{width: '100%'}" >
- </el-input>
+ <el-input v-model="formDat.myName" placeholder="璇疯緭鍏ユ垚鍛樺鍚�" clearable :style="{width: '100%'}" >
+ </el-input>
</el-form-item>
<el-form-item label="绉板懠" prop="nickName">
- <el-input v-model="contactList.nickName" placeholder="璇疯緭鍏ョО鍛�" clearable :style="{width: '100%'}" ></el-input>
+ <el-input v-model="formDat.nickName" placeholder="璇疯緭鍏ョО鍛�" clearable :style="{width: '100%'}" ></el-input>
</el-form-item>
<el-form-item label="濮撳悕" prop="name">
- <el-input v-model="contactList.name" placeholder="璇疯緭鍏ュ鍚�" clearable :style="{width: '100%'}" >
+ <el-input v-model="formDat.name" placeholder="璇疯緭鍏ュ鍚�" clearable :style="{width: '100%'}" >
</el-input>
</el-form-item>
<el-form-item label="宸ヤ綔鍗曚綅" prop="work">
- <el-input v-model="contactList.work" placeholder="璇疯緭鍏ュ伐浣滃崟浣�" clearable :style="{width: '100%'}" >
+ <el-input v-model="formDat.work" placeholder="璇疯緭鍏ュ伐浣滃崟浣�" clearable :style="{width: '100%'}" >
</el-input>
</el-form-item>
<el-form-item label="鎵嬫満" prop="phone">
- <el-input v-model="contactList.phone" placeholder="璇疯緭鍏ユ墜鏈�" clearable :style="{width: '100%'}" >
+ <el-input v-model="formDat.phone" placeholder="璇疯緭鍏ユ墜鏈�" clearable :style="{width: '100%'}" >
</el-input>
</el-form-item>
- <el-form-item label="鍏跺畠鑱旂郴鏂瑰紡" prop="wx">
- <el-input v-model="contactList.wx" placeholder="璇疯緭鍏ュ叾瀹冭仈绯绘柟寮�" clearable :style="{width: '100%'}" >
+ <el-form-item label="寰俊" prop="wx">
+ <el-input v-model="formDat.wx" placeholder="璇疯緭鍏ュ井淇�" clearable :style="{width: '100%'}" >
+ </el-input>
+ </el-form-item>
+ <el-form-item label="QQ" prop="qq">
+ <el-input v-model="formDat.qq" placeholder="璇疯緭鍏Q" clearable :style="{width: '100%'}" >
+ </el-input>
+ </el-form-item>
+ <el-form-item label="twitter" prop="twitter">
+ <el-input v-model="formDat.twitter" placeholder="璇疯緭鍏witter" clearable :style="{width: '100%'}" >
</el-input>
</el-form-item>
<el-form-item label="鏄惁甯歌仈绯�" prop="isAlways">
- <el-input v-model="contactList.isAlways" placeholder="鏄惁甯歌仈绯�" clearable :style="{width: '100%'}" >
+ <el-input v-model="formDat.isAlways" placeholder="鏄惁甯歌仈绯�" clearable :style="{width: '100%'}" >
</el-input>
</el-form-item>
<el-form-item label="澶囨敞锛堟槸鍚﹀瓨鍦ㄩ噾閽卞叧绯伙級" prop="remark">
- <el-input v-model="contactList.remark" placeholder="璇疯緭鍏ュ娉�" clearable :style="{width: '100%'}" ></el-input>
+ <el-input v-model="formDat.remark" placeholder="璇疯緭鍏ュ娉�" clearable :style="{width: '100%'}" ></el-input>
</el-form-item>
<h4 class="form-header">鐢靛瓙鍚嶇墖 </h4>
@@ -288,7 +313,7 @@
-//鍦╯ystem/note/index.js涓鍏ユ帴鍙ｅ嚱鏁�
+//瀵煎叆鎺ュ彛鍑芥暟
import {getContactList, getContactIdList, addContact,updateContact, delContact,uploadPic} from "@/api/contacts/index";
export default {
name: "index",
@@ -372,6 +397,13 @@
nickName:undefined,
name:undefined,
work:undefined,
+
+ phone:undefined,
+ wx:undefined,
+ qq:undefined,
+ twitter:undefined,
+ isAlways:undefined,
+ remark:undefined,
},
// 琛ㄥ崟鍙傛暟
form: {},
@@ -381,11 +413,11 @@
},
// 琛ㄥ崟鏍￠獙
rules: {
- id: [{
- required: true,
- message: '璇疯緭鍏d',
- trigger: 'blur'
- }],
+ // id: [{
+ // required: true,
+ // message: '璇疯緭鍏d',
+ // trigger: 'blur'
+ // }],
myName: [{
required: true,
message: '璇疯緭鍏ユ垚鍛樺鍚�',
@@ -402,11 +434,40 @@
trigger: 'blur'
}],
work: [{
- required: true,
+ // required: true,
message: '璇疯緭鍏ュ伐浣滃崟浣�',
trigger: 'blur'
}],
-
+ phone: [{
+ // required: true,
+ message: '璇疯緭鍏ユ墜鏈�',
+ trigger: 'blur'
+ }],
+ wx: [{
+ // required: true,
+ message: '璇疯緭鍏ュ井淇�',
+ trigger: 'blur'
+ }],
+ qq: [{
+ // required: true,
+ message: '璇疯緭鍏Q',
+ trigger: 'blur'
+ }],
+ twitter: [{
+ // required: true,
+ message: '璇疯緭鍏witter',
+ trigger: 'blur'
+ }],
+ isAlways: [{
+ // required: true,
+ message: '鏄惁甯歌仈绯�',
+ trigger: 'blur'
+ }],
+ remark: [{
+ // required: true,
+ message: '璇疯緭鍏ュ娉�',
+ trigger: 'blur'
+ }],
},
typeOptions: [],
};
@@ -514,7 +575,7 @@
/** 鏌ョ湅璇︾粏淇℃伅 */
handleCheck(row){
const id = row.id;
- this.$router.push("/tongxunlu/contacts/propertyInfo/" + id);
+ this.$router.push("/tongxunlu/contacts/contactsInfo/" + id);
},
/** 淇敼鎸夐挳鎿嶄綔 */
handleUpdate(row) {
@@ -522,7 +583,7 @@
let jd = true
this.$router.push({
- path:"/tongxunlu/contacts/propertyInfo/" + id,
+ path:"/tongxunlu/contacts/contactsInfo/" + id,
query:{
detail:jd
}
@@ -590,9 +651,9 @@
},
/** 瀵煎嚭鎸夐挳鎿嶄綔 */
handleExport() {
- this.download('family/property/export', {
+ this.download('zfContact/export', {
...this.queryParams
- }, `property_${new Date().getTime()}.xlsx`)
+ }, `zfContact_${new Date().getTime()}.xlsx`)
}
}
};
--
Gitblit v1.9.1