|
|
@@ -94,152 +94,7 @@
|
|
|
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="联系人:" prop="contactsinfo.name">
|
|
|
- <el-popover
|
|
|
- placement="bottom-start"
|
|
|
- width="900"
|
|
|
- v-model="enterpriseContact.show"
|
|
|
- trigger="click">
|
|
|
- <el-tabs type="border-card" @tab-click="changeTab" v-model="activeName">
|
|
|
- <el-tab-pane label="企业联系人" name="first" >
|
|
|
- <el-table
|
|
|
- border
|
|
|
- height="500px"
|
|
|
- :data="enterpriseContact.listData"
|
|
|
- @row-click="enterpriseContactSelect"
|
|
|
- :header-cell-style="{background:'#EEEEEE',color:'#333'}"
|
|
|
- size="mini">
|
|
|
- <el-table-column width="80" label="姓名">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.name?scope.row.name:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column width="120" label="手机号">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.phonenumber?scope.row.phonenumber:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column width="200" label="邮箱">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.email?scope.row.email:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column width="120" label="部门">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.position?scope.row.position:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column width="120" label="职位">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.depname?scope.row.depname:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column width="80" label="性别">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.sex?scope.row.sex:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column width="120" label="生日">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.birthday?scope.row.birthday:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column width="300" label="家庭住址">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.address?scope.row.address:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column width="200" label="备注">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.remarks?scope.row.remarks:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <div style="display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between">
|
|
|
- <div class="container normal-panel" style="text-align:right">
|
|
|
- <el-pagination
|
|
|
- background
|
|
|
- @size-change="handleSizeChangeEnterprise"
|
|
|
- @current-change="handleCurrentChangeEnterprise"
|
|
|
- :current-page="enterpriseContact.currentPage"
|
|
|
- :page-sizes="[20, 50, 100, 200]"
|
|
|
- :page-size="20"
|
|
|
- layout="total,sizes, prev, pager, next, jumper"
|
|
|
- :total="enterpriseContact.total">
|
|
|
- </el-pagination>
|
|
|
- </div>
|
|
|
- <slot name="footerLeft"></slot>
|
|
|
- </div>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="我的联系人" name="second">
|
|
|
- <el-table
|
|
|
- border
|
|
|
- :data="myContacts.listData"
|
|
|
- height="500px"
|
|
|
- @row-click="myContactSelect"
|
|
|
- :header-cell-style="{background:'#EEEEEE',color:'#333'}"
|
|
|
- size="mini">
|
|
|
- <el-table-column width="80" label="姓名">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.name?scope.row.name:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column width="120" label="手机号">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.phonenumber?scope.row.phonenumber:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column width="200" label="邮箱">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.email?scope.row.email:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column width="120" label="部门">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.position?scope.row.position:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column><el-table-column width="120" label="职位">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.depname?scope.row.depname:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column><el-table-column width="80" label="性别">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.sex?scope.row.sex:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column><el-table-column width="120" label="生日">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.birthday?scope.row.birthday:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column width="300" label="家庭住址">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.address?scope.row.address:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column width="200" label="备注">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span >{{ scope.row.remarks?scope.row.remarks:'--' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <div style="display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between">
|
|
|
- <div class="container normal-panel" style="text-align:right">
|
|
|
- <el-pagination
|
|
|
- background
|
|
|
- @size-change="handleSizeChangeMy"
|
|
|
- @current-change="handleCurrentChangeMy"
|
|
|
- :current-page="myContacts.currentPage"
|
|
|
- :page-sizes="[20, 50, 100, 200]"
|
|
|
- :page-size="20"
|
|
|
- layout="total,sizes, prev, pager, next, jumper"
|
|
|
- :total="myContacts.total">
|
|
|
- </el-pagination>
|
|
|
- </div>
|
|
|
- <slot name="footerLeft"></slot>
|
|
|
- </div>
|
|
|
- </el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
- <el-input slot="reference" autosize v-model="form.contactsinfo.name" placeholder="请输入联系人姓名" @input="searchData"></el-input>
|
|
|
- </el-popover>
|
|
|
+ <contactsNewTemplate ownertable="" ownerid="" @contactData="contactData" :name="form.name"></contactsNewTemplate>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
@@ -376,10 +231,11 @@
|
|
|
<script>
|
|
|
import businessMessage from '@/components/businessMessage/index'
|
|
|
import duplicateCheck from "@/components/duplicatesCheck/customerChangeCheck";
|
|
|
+import contactsNewTemplate from '@/template/contactsNewTemplate/index'
|
|
|
export default {
|
|
|
props:["disabled","data"],
|
|
|
name: "changeCustomer",
|
|
|
- components:{businessMessage,duplicateCheck},
|
|
|
+ components:{businessMessage,duplicateCheck,contactsNewTemplate},
|
|
|
data(){
|
|
|
return {
|
|
|
activeName:'first',
|
|
|
@@ -855,7 +711,21 @@ export default {
|
|
|
this.telephone = ''
|
|
|
}
|
|
|
|
|
|
- }
|
|
|
+ },
|
|
|
+ contactData(val){
|
|
|
+ this.form.name = val.name
|
|
|
+ if (val.phonenumber.indexOf('-') != '-1'){
|
|
|
+ this.form.isTelephone = '1'
|
|
|
+ this.form.areaCode = val.phonenumber.substring(0,val.phonenumber.indexOf('-'))
|
|
|
+ this.form.telephone = val.phonenumber.substring(this.form.areaCode.length+1)
|
|
|
+ this.form.phonenumber = ''
|
|
|
+ }else {
|
|
|
+ this.form.isTelephone = '0'
|
|
|
+ this.form.phonenumber = val.phonenumber
|
|
|
+ this.form.areaCode = ''
|
|
|
+ this.form.telephone = ''
|
|
|
+ }
|
|
|
+ },
|
|
|
},
|
|
|
mounted() {
|
|
|
|