supply-user.vue
3.33 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<template>
<div class="container resource basic-user-info close-left-menu contaNEW" style="min-height: 646px;">
<div class="pop-banner clearfix">
<h3 class="current-module">供应商人员信息</h3>
</div>
<div class="pd-form form-label4em mb-20 fast-search-form">
<div class="group-row">
<div class="form-group">
<!-- <label for="cn1" class="label">供应商</label> -->
<div class="control">
<input type="text" maxlength="50" v-rule v-model="search.supplierName" title='供应商名称' placeholder='供应商名称'>
</div>
</div>
<div class="form-group" >
<label class="label w80 fl">关注微信</label>
<div class="control control-filtering control-filtering-green fl w350">
<a class="option" href="javascript:;" :class="{'all active':search.state==''}" v-on:click="search.state=''">全部</a>
<a class="option" href="javascript:;" :class="{'all active':search.state=='Y'}" v-on:click="search.state='Y'">已关注</a>
<a class="option" href="javascript:;" :class="{'all active':search.state=='N'}" v-on:click="search.state='N'">未关注</a>
</div>
</div>
</div>
<div class="group-row t-right">
<button class="fast-search-form-btn btn-d btn-d-lg btn-d-activate btn-d-circle" @click="getData">查 询</button>
</div>
</div>
<!--basic-user-list start-->
<table class="itable user-info-list">
<thead id="t_header">
<tr>
<th class="w60">序号</th>
<th class="w100">供应商名称</th>
<th class="w110">联系人</th>
<th class="w100">联系电话</th>
<th class="w130">微信号</th>
</tr>
</thead>
<tbody>
<tr v-for="user in userList">
<td>{{$index + 1}}</td>
<td>{{user.chinesename}}</td>
<td>{{user.realname}}</td>
<td>{{user.logonuser}}</td>
<td>{{user.webchatcode}}</td>
</tr>
</tbody>
</table>
<pagination
@page-change="getData"
:class="['m-20-0']"
:page-no.sync="search.page"
:total-pages.sync="search.totalPages"></pagination>
</div>
</template>
<script>
module.exports={
data: function(){
return {
userList: [],
search: {
state:'',
supplierName: '',
pageSize: 50,
page: 1,
totalPages: 0,
}
};
},
methods: {
getData: function(isRefresh){
var self = this;
if(isRefresh) {
this.search.page = 1;
}
Ajax.post('/hospitalReport/getSupplierStaff', this.search)
.then(function (response){
var data = response.data.data;
self.$set('userList',data.list);
self.search.totalPages = data.totalPages;
})
},
fun:function(){
var $this= $('.ipt');
var current_width;
var text_length = $this.val().length;//获取当前文本框的长度
current_width = parseInt(text_length) *14;//该12是改变前的宽度除以当前字符串的长度,算出每个字符的长度
current_width=current_width>318?current_width:318;
$this.css("width",current_width+"px");
}
},
route:{
activate : function(){
this.getData();
}
},
watch:{
'search.search_LIKE_realname':function(){
this.fun();
}
}
};
</script>