|
|
@@ -11,7 +11,7 @@
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
|
|
|
- <el-form-item label="客户类型" prop="customerType">
|
|
|
+ <el-form-item label="名片类型" prop="type">
|
|
|
<el-select filterable v-model="queryParams.type" placeholder="请选择类型" clearable size="small">
|
|
|
<el-option
|
|
|
v-for="item in typeOptions"
|
|
|
@@ -96,9 +96,21 @@
|
|
|
<el-table-column label="名片标题" align="center" prop="title" />
|
|
|
<el-table-column label="用户ID" align="center" prop="userId" />
|
|
|
|
|
|
- <el-table-column label="名片图片地址" width="270" align="center" prop="imageUrl" />
|
|
|
+
|
|
|
+ <el-table-column label="名片图片" align="center" width="120">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-popover
|
|
|
+ placement="right"
|
|
|
+ title=""
|
|
|
+ trigger="hover"
|
|
|
+ >
|
|
|
+ <img slot="reference" :src="scope.row.imageUrl" width="100">
|
|
|
+ <img :src="scope.row.imageUrl" style="max-width: 150px;">
|
|
|
+ </el-popover>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column label="微信名片短链接" align="center" prop="shortUrl" />
|
|
|
+ <el-table-column label="名片短链接" width="100" align="center" prop="shortUrl" />
|
|
|
|
|
|
<el-table-column label="名片类型" align="center" prop="type">
|
|
|
<template slot-scope="scope">
|
|
|
@@ -107,7 +119,7 @@
|
|
|
</el-table-column>
|
|
|
|
|
|
<!-- <el-table-column label="是否访问" align="center" prop="isVisit" /> -->
|
|
|
- <el-table-column label="名片访问次数" align="center" prop="lookNum" />
|
|
|
+ <el-table-column label="访问次数" width="110" align="center" prop="lookNum" />
|
|
|
<!-- <el-table-column label="名片访问人数" align="center" prop="personNum" />
|
|
|
<el-table-column label="名片访问ip数" align="center" prop="ipNum" /> -->
|
|
|
<el-table-column label="操作" width="200" align="center" class-name="small-padding fixed-width">
|
|
|
@@ -145,30 +157,45 @@
|
|
|
/>
|
|
|
|
|
|
<!-- 添加或修改card对话框 -->
|
|
|
- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
+ <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="110px">
|
|
|
<el-form-item label="名片标题" prop="title">
|
|
|
<el-input v-model="form.title" placeholder="请输入名片标题" />
|
|
|
</el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="名片图片地址" prop="imageUrl">
|
|
|
- <el-input v-model="form.imageUrl" placeholder="请输入名片图片地址" />
|
|
|
+
|
|
|
+ <el-form-item label="名片类型" prop="type">
|
|
|
+ <el-select style="width: 200px" v-model="form.type" placeholder="请选择类型" clearable size="small" >
|
|
|
+ <el-option
|
|
|
+ v-for="item in typeOptions"
|
|
|
+ :key="item.dictValue"
|
|
|
+ :label="item.dictLabel"
|
|
|
+ :value="item.dictValue"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
- <el-table-column label="名片类型" align="center" prop="type">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-tag prop="status" v-for="(item, index) in typeOptions" v-if="scope.row.type==item.dictValue">{{item.dictLabel}}</el-tag>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-form-item label="名片图片" prop="imageUrl">
|
|
|
+ <el-upload
|
|
|
+ v-model="form.icon"
|
|
|
+ class="avatar-uploader"
|
|
|
+ :action="uploadUrl"
|
|
|
+ :show-file-list="false"
|
|
|
+ :on-success="handleAvatarSuccess"
|
|
|
+ :before-upload="beforeAvatarUpload">
|
|
|
+ <img v-if="form.imageUrl" :src="form.imageUrl" class="avatar">
|
|
|
+ <i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
|
|
|
+
|
|
|
<!-- <el-form-item label="微信名片短链接" prop="shortUrl">
|
|
|
<el-input v-model="form.shortUrl" placeholder="请输入微信名片短链接" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="是否访问" prop="isVisit">
|
|
|
<el-input v-model="form.isVisit" placeholder="请输入微信名片短链接" />
|
|
|
</el-form-item> -->
|
|
|
- <el-form-item label="名片访问次数" prop="lookNum">
|
|
|
- <el-input v-model="form.lookNum" placeholder="请输入名片访问次数" />
|
|
|
+ <el-form-item label="名片访问次数" prop="lookNum">
|
|
|
+ <el-input v-model="form.lookNum" style="width:200px" placeholder="请输入名片访问次数" />
|
|
|
</el-form-item>
|
|
|
<!-- <el-form-item label="名片访问人数" prop="personNum">
|
|
|
<el-input v-model="form.personNum" placeholder="请输入名片访问人数" />
|
|
|
@@ -200,9 +227,16 @@ import addSms from './addSms.vue';
|
|
|
import customerSelect from './customerSelect.vue';
|
|
|
export default {
|
|
|
name: "companyUserCard",
|
|
|
- components:{ addSms,customerSelect },
|
|
|
+ components:{ addSms,customerSelect},
|
|
|
+ watch: {
|
|
|
+ imageArr: function(val) {
|
|
|
+ this.form.imageUrl = val.join(',')
|
|
|
+ },
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
+ uploadUrl:process.env.VUE_APP_BASE_API+"/common/uploadOSS",
|
|
|
+ baseUrl: process.env.VUE_APP_BASE_API,
|
|
|
// 遮罩层
|
|
|
loading: true,
|
|
|
// 选中数组
|
|
|
@@ -221,6 +255,7 @@ export default {
|
|
|
title: "",
|
|
|
// 是否显示弹出层
|
|
|
open: false,
|
|
|
+ imageArr:[],
|
|
|
// 查询参数
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
@@ -320,7 +355,7 @@ export default {
|
|
|
handleAdd() {
|
|
|
this.reset();
|
|
|
this.open = true;
|
|
|
- this.title = "添加card";
|
|
|
+ this.title = "添加名片";
|
|
|
},
|
|
|
/** 修改按钮操作 */
|
|
|
handleUpdate(row) {
|
|
|
@@ -399,6 +434,22 @@ export default {
|
|
|
handleAddCustomer(){
|
|
|
this.customer.open=true;
|
|
|
},
|
|
|
+ handleAvatarSuccess(res, file) {
|
|
|
+ if(res.code==200){
|
|
|
+ this.form.imageUrl=res.url;
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ this.msgError(res.msg);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ beforeAvatarUpload(file) {
|
|
|
+ const isLt1M = file.size / 1024 / 1024 < 1;
|
|
|
+ if (!isLt1M) {
|
|
|
+ this.$message.error('上传图片大小不能超过 1MB!');
|
|
|
+ }
|
|
|
+ return isLt1M;
|
|
|
+ },
|
|
|
+
|
|
|
}
|
|
|
};
|
|
|
</script>
|
wansfa