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
:title="$t('选择联系人')"
visible
:before-close="closeDialog"
:close-on-click-modal="false"
>
<div class="header mb-10 flex-center"> <div class="header mb-10 flex-center">
<div class="flex-center">{{$t('关键字')}}</div> <div class="flex-center">{{ $t("关键字") }}</div>
<el-input v-model="form.searchKey" clearable class="w-200"></el-input> <el-input v-model="form.searchKey" clearable class="w-200"></el-input>
<el-button type="primary" class="ml-10" @click="handleQuery">{{$t('搜索')}}</el-button> <el-button type="primary" class="ml-10" @click="handleQuery">{{
$t("搜索")
}}</el-button>
</div> </div>
<div class="list"> <div class="list">
<div class="list-item" v-for="item in list" :key="item.customerContactsId" @click="choose(item)"> <div
class="list-item"
v-for="item in list"
:key="item.customerContactsId"
@click="choose(item)"
>
<div class="item-box"> <div class="item-box">
<div class="line"> <div class="line">
<div class="label">{{$t('姓名')}}</div> <div class="label">{{ $t("姓名") }}</div>
<div class="value">{{item.contactsName}}</div> <div class="value">{{ item.contactsName }}</div>
<el-tag v-if="item.isInOpenSea" type="danger" effect="dark">{{$t('')}}</el-tag> <el-tag v-if="item.isInOpenSea" type="danger" effect="dark">{{
$t("")
}}</el-tag>
</div> </div>
<!-- v1.7新增 --> <!-- v1.7新增 -->
<div class="line"> <div class="line">
<div class="label">{{$t('姓名(英文)')}}</div> <div class="label">{{ $t("姓名(英文)") }}</div>
<div class="value">{{item.contactsNameEn}}</div> <div class="value">{{ item.contactsNameEn }}</div>
</div> </div>
<div class="line"> <div class="line">
<div class="label">{{$t('电话')}}</div> <div class="label">{{ $t("电话") }}</div>
<div class="value">+{{item.areaCode}} {{item.phoneNew}}</div> <div class="value">+{{ item.areaCode }} {{ item.phoneNew }}</div>
</div> </div>
<div class="line"> <div class="line">
<div class="label">{{$t('邮箱')}}</div> <div class="label">{{ $t("邮箱") }}</div>
<div class="value">{{item.email}}</div> <div class="value">{{ item.email }}</div>
</div> </div>
<div class="line"> <div class="line">
<div class="label">{{$t('公司')}}</div> <div class="label">{{ $t("公司") }}</div>
<div class="value">{{item.company}}</div> <div class="value">{{ item.company }}</div>
</div> </div>
<!-- v1.7新增 --> <!-- v1.7新增 -->
<div class="line"> <div class="line">
<div class="label">{{$t('公司(英文)')}}</div> <div class="label">{{ $t("公司(英文)") }}</div>
<div class="value">{{item.companyEn}}</div> <div class="value">{{ item.companyEn }}</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<pagination v-show="total > 0" :total="total" :page.sync="form.pageNo" :limit.sync="form.pageSize" <pagination
@pagination="loadList" /> v-show="total > 0"
:total="total"
:page.sync="form.pageNo"
:limit.sync="form.pageSize"
@pagination="loadList"
/>
</el-dialog> </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(){ data() {
return { return {
show: true, show: true,
form:{ form: {
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
searchKey: '' searchKey: "",
}, },
list:[], list: [],
total: 0 total: 0,
} };
}, },
created(){ created() {
this.show = true this.show = true;
this.loadList() this.loadList();
}, },
methods:{ methods: {
handleQuery(){ handleQuery() {
this.form.pageNo = 1 this.form.pageNo = 1;
this.loadList() this.loadList();
}, },
loadList(){ loadList() {
getCustomerContactsSelect(this.form).then(res => { //加载联系人数据
this.list = res.data.list getCustomerContactsSelect(this.form).then((res) => {
this.total = res.data.total this.list = res.data.list;
}) this.total = res.data.total;
});
}, },
closeDialog(){ closeDialog() {
this.show = false this.show = false;
this.$emit('close'); this.$emit("close");
}, },
choose(contact){ choose(contact) {
this.$emit('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(
-45deg,
red 0,
red 12.5%,
transparent 0,
transparent 25%,
#58a 0,
#58a 37.5%,
transparent 0,
transparent 50%
)
0/5em 5em;
.item-box {
/* background: #fbfaf5; */ /* background: #fbfaf5; */
padding: 20px; padding: 20px;
} }
.line{ .line {
display: flex; display: flex;
/* .label{ /* .label{
width: 100px; width: 100px;
} */ } */
.value{ .value {
flex: 1; flex: 1;
margin-left: 10px; margin-left: 10px;
} }
......
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