Commit 8ff9ac3d authored by lanbaoming's avatar lanbaoming

2024-05-23提交

parent d8e046a3
<template> <template>
<el-dialog :title="$t('选择联系人')" visible :before-close="closeDialog" :close-on-click-modal="false"> <el-dialog
<div class="header mb-10 flex-center"> :title="$t('选择联系人')"
<div class="flex-center">{{$t('关键字')}}</div> visible
<el-input v-model="form.searchKey" clearable class="w-200"></el-input> :before-close="closeDialog"
<el-button type="primary" class="ml-10" @click="handleQuery">{{$t('搜索')}}</el-button> :close-on-click-modal="false"
</div> >
<div class="list"> <div class="header mb-10 flex-center">
<div class="list-item" v-for="item in list" :key="item.customerContactsId" @click="choose(item)"> <div class="flex-center">{{ $t("关键字") }}</div>
<div class="item-box"> <el-input v-model="form.searchKey" clearable class="w-200"></el-input>
<div class="line"> <el-button type="primary" class="ml-10" @click="handleQuery">{{
<div class="label">{{$t('姓名')}}</div> $t("搜索")
<div class="value">{{item.contactsName}}</div> }}</el-button>
<el-tag v-if="item.isInOpenSea" type="danger" effect="dark">{{$t('')}}</el-tag> </div>
</div> <div class="list">
<!-- v1.7新增 --> <div
<div class="line"> class="list-item"
<div class="label">{{$t('姓名(英文)')}}</div> v-for="item in list"
<div class="value">{{item.contactsNameEn}}</div> :key="item.customerContactsId"
</div> @click="choose(item)"
<div class="line"> >
<div class="label">{{$t('电话')}}</div> <div class="item-box">
<div class="value">+{{item.areaCode}} {{item.phoneNew}}</div> <div class="line">
</div> <div class="label">{{ $t("姓名") }}</div>
<div class="line"> <div class="value">{{ item.contactsName }}</div>
<div class="label">{{$t('邮箱')}}</div> <el-tag v-if="item.isInOpenSea" type="danger" effect="dark">{{
<div class="value">{{item.email}}</div> $t("")
</div> }}</el-tag>
<div class="line"> </div>
<div class="label">{{$t('公司')}}</div> <!-- v1.7新增 -->
<div class="value">{{item.company}}</div> <div class="line">
</div> <div class="label">{{ $t("姓名(英文)") }}</div>
<!-- v1.7新增 --> <div class="value">{{ item.contactsNameEn }}</div>
<div class="line"> </div>
<div class="label">{{$t('公司(英文)')}}</div> <div class="line">
<div class="value">{{item.companyEn}}</div> <div class="label">{{ $t("电话") }}</div>
</div> <div class="value">+{{ item.areaCode }} {{ item.phoneNew }}</div>
</div> </div>
<div class="line">
<div class="label">{{ $t("邮箱") }}</div>
<div class="value">{{ item.email }}</div>
</div>
<div class="line">
<div class="label">{{ $t("公司") }}</div>
<div class="value">{{ item.company }}</div>
</div>
<!-- v1.7新增 -->
<div class="line">
<div class="label">{{ $t("公司(英文)") }}</div>
<div class="value">{{ item.companyEn }}</div>
</div>
</div> </div>
</div> </div>
<pagination v-show="total > 0" :total="total" :page.sync="form.pageNo" :limit.sync="form.pageSize" </div>
@pagination="loadList" /> <pagination
</el-dialog> v-show="total > 0"
:total="total"
:page.sync="form.pageNo"
:limit.sync="form.pageSize"
@pagination="loadList"
/>
</el-dialog>
</template> </template>
<script> <script>
import {getCustomerContactsSelect} from '@/api/ecw/customerContacts' import { getCustomerContactsSelect } from "@/api/ecw/customerContacts";
export default { export default {
props:{ props: {
type: Number type: Number,
},
data() {
return {
show: true,
form: {
pageNo: 1,
pageSize: 10,
searchKey: "",
},
list: [],
total: 0,
};
},
created() {
this.show = true;
this.loadList();
},
methods: {
handleQuery() {
this.form.pageNo = 1;
this.loadList();
}, },
data(){ loadList() {
return { //加载联系人数据
show: true, getCustomerContactsSelect(this.form).then((res) => {
form:{ this.list = res.data.list;
pageNo: 1, this.total = res.data.total;
pageSize: 10, });
searchKey: ''
},
list:[],
total: 0
}
}, },
created(){ closeDialog() {
this.show = true this.show = false;
this.loadList() this.$emit("close");
}, },
methods:{ choose(contact) {
handleQuery(){ this.$emit("choose", contact);
this.form.pageNo = 1 },
this.loadList() },
}, };
loadList(){
getCustomerContactsSelect(this.form).then(res => {
this.list = res.data.list
this.total = res.data.total
})
},
closeDialog(){
this.show = false
this.$emit('close');
},
choose(contact){
this.$emit('choose', contact)
}
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.header{ .header {
display: flex; display: flex;
} }
.list{ .list {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
&-item{ &-item {
background: #eee; background: #eee;
width: 300px; width: 300px;
margin: 10px; margin: 10px;
padding: 5px; padding: 5px;
border-radius: 10px; border-radius: 10px;
border: 5px solid transparent; border: 5px solid transparent;
background: linear-gradient(white,white) padding-box,repeating-linear-gradient(-45deg, red 0, red 12.5%, transparent 0, transparent 25%, #58a 0, #58a 37.5%, transparent 0, transparent 50%) 0/5em 5em; background: linear-gradient(white, white) padding-box,
.item-box{ repeating-linear-gradient(
/* background: #fbfaf5; */ -45deg,
padding: 20px; red 0,
} red 12.5%,
.line{ transparent 0,
display: flex; transparent 25%,
/* .label{ #58a 0,
#58a 37.5%,
transparent 0,
transparent 50%
)
0/5em 5em;
.item-box {
/* background: #fbfaf5; */
padding: 20px;
}
.line {
display: flex;
/* .label{
width: 100px; width: 100px;
} */ } */
.value{ .value {
flex: 1; flex: 1;
margin-left: 10px; margin-left: 10px;
} }
}
} }
}
} }
</style> </style>
This diff is collapsed.
This diff is collapsed.
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
> >
{{ $t("新增") }}</el-button {{ $t("新增") }}</el-button
> >
<el-button type="primary" @click="test" v-show="true">测试</el-button> <el-button type="primary" @click="test" v-show="false">测试</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
...@@ -170,6 +170,7 @@ import "@/assets/styles/vue-treeselect.css"; ...@@ -170,6 +170,7 @@ import "@/assets/styles/vue-treeselect.css";
import { MessageBox } from "element-ui"; import { MessageBox } from "element-ui";
//日期库函数 //日期库函数
import dayjs from "dayjs"; import dayjs from "dayjs";
import { getToken } from "@/utils/auth";
//2024-05-01合并 //2024-05-01合并
export default { export default {
...@@ -356,10 +357,13 @@ export default { ...@@ -356,10 +357,13 @@ export default {
}, },
test() { test() {
//单元测试函数 //单元测试函数
/*
var p = 12; var p = 12;
test(p).then((response) => { test(p).then((response) => {
this.$modal.msgSuccess("测试成功"); this.$modal.msgSuccess("测试成功");
}); });*/
var s = getToken();
alert(s);
}, },
TestFun() { TestFun() {
var bR = dayjs("2024-05-11").isBefore(dayjs("2024-05-12")); var bR = dayjs("2024-05-11").isBefore(dayjs("2024-05-12"));
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment