<template>
	<div>
		<div class="container resource" style="min-height: 892px;">
			<div class="pop-banner clearfix">{{dual}}
				<form class="search-bar" @submit.prevent="getData(true)">
					<div class="search-btn">
						<input type="submit" value="搜索">
					</div>
					<input type="text" v-model="search.search_LIKE_chinesename" placeholder="输入关键字" style="color: #373737;" v-rule>
				</form>
				<h3 class="current-module">供应商注册信息审批</h3>
			</div>
			<div class="indicators">
				<div class="indicators-left">
					<table class="itable">
						<thead>
							<tr>
								<th class="w80">序号</th>
								<th class="w150">申请时间</th>
								<th class="w120">公司名称</th>
							</tr>
						</thead>
						<tbody>
							<tr v-for="trsupplierpropose in  listMfsupplierstaff">
								<td>{{ $index + 1 }}</td>

								<td style="color: #63B8FF" @click="getDatadetail(trsupplierpropose.guid)"> {{trsupplierpropose.proposetime}} </td>
								<td class=""> {{trsupplierpropose.chinesename}}</td>
							</tr>
						</tbody>
					</table>
					<pagination @page-change="getData" :class="['m-20-0']" :page-no.sync="search.page" :total-pages.sync="search.totalPages"></pagination>
				</div>
				<div class="indicators-right" style="background-color:#fff">
					<div class="change-after">
						<div class="com-form bd-none pd0">
							<div class="form-group">
								<label class="label">公司名称</label>
								<div class="control"><input type="text" v-model="trsupplierpropose.chinesename" v-bind:disabled="disabled"></div>
							</div>
							<div class="form-group">
								<label class="label">地址</label>
								<div class="control">
									<div class="address-select w374">
										<input type="text" value="" class="w90" v-model="trsupplierpropose.province" v-bind:disabled="disabled">省
										<input type="text" class="edit-after w90" v-model="trsupplierpropose.city" v-bind:disabled="disabled">市
										<input type="text" class="edit-after w90" v-model="trsupplierpropose.district" v-bind:disabled="disabled">区
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="label"></label>
								<div class="control"><textarea rows="2" v-model="trsupplierpropose.address" v-bind:disabled="disabled"></textarea></div>
							</div>
							<div class="form-group">
								<label class="label">系统用户名</label>
								<div class="control"><input type="text" v-model="trsupplierpropose.logonuser" v-bind:disabled="disabled"></div>
							</div>
							<div class="form-group">
								<label class="label">联系人</label>
								<div class="control"><input type="text" class="edit-after" v-model="trsupplierpropose.linkman" v-bind:disabled="disabled"></div>
							</div>
							<div class="form-group">
								<label class="label">手机</label>
								<div class="control"><input type="text" class="edit-after" v-model=" trsupplierpropose.mobiletel" v-bind:disabled="disabled"></div>
							</div>
							<div class="form-group">
								<label class="label">电子邮箱</label>
								<div class="control"><input type="text" class="edit-after" v-model="trsupplierpropose.email" v-bind:disabled="disabled"></div>
							</div>
							<div class="form-group">
								<label class="label">&nbsp;</label>
								<a class="btn-d btn-d-activate t-btn ml-30" @click="save" v-if="/operator/approval:saveSupplierregistryapproval | myqx">审核</a>
								<a class="btn-d btn-d-red t-btn ml-30" @click="updata" v-if="/operator/approval:updateSupplierregistryapproval| myqx">驳回</a>
							</div>
							<div class="form-group">
								<label class="label">驳回理由</label>
								<div class="control"><textarea rows="2" v-model=" trsupplierpropose.rejectionreason"></textarea></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--新加提示信息 end-->
		<div class="roll-bg" v-show='requestS'>
			<div class="w60" style="margin:0 auto;">
				<img src="/images/roll.gif">
			</div>
			<div class="container resource t-center text-color-red">
				正在处理中，请勿关闭！
			</div>
		</div>
	</div>

</template>
<script>
	module.exports = {
		data: function() {
			return {

				disabled: true,
				requestS: false,
				listMfsupplierstaff: [], //供应商申请列表    
				trsupplierpropose: {},
				search: {
					totalPages: 0, //分页数     
					total: 0, //数据总量    
					search_EQ_approvestate: '',
				},
				search1: {
					search_EQ_guid: '',
					search_LIKE_chinesename: '',
					pageSize: 2,
					page: 1,
					totalPages: 0
				},
				mfsupplierstaffAndMfsupplierVO: {
					mfsupplierstaff: {},
					mfsupplier: {},
					trsupplierpropose: {},
				},
				activeTemp: [],
			};
		},
		methods: {
			getData: function() {
				var self = this;
				// search_EQ_approvestate
				self.$set('search.search_EQ_approvestate', 'W');
				Ajax.get('/dataadminSupplierAuditor/listMfsupplierstaff', this.search)
					.then(function(response) {
						var data = response.data.data;
						self.$set('listMfsupplierstaff', data.list);
						self.search.totalPages = data.totalPages;
						if(!self.listMfsupplierstaff.length) {
							self.$set('trsupplierpropose', '');
							return;
						}
						self.getDatadetail(self.listMfsupplierstaff[0].guid);
					})
			},
			// 详细
			getDatadetail: function(guid) {
				var self = this;
				Ajax.get('/dataadminSupplierAuditor/supplierregistryapproval/' + guid)
					.then(function(response) {
						var data = response.data.data;
						self.$set('trsupplierpropose', data);
					})
			},
			// 审核
			save: function() {
				var self = this;
				self.requestS = true;
				Ajax.post('/dataadminSupplierAuditor/saveSupplierregistryapproval', this.trsupplierpropose)
					.then(function(response) {
						var data = response.data;

						if(data.errorCode == 0) {
							self.requestS = false;
							self.MessageBox({
								title: '提示',
								message: '审核通过！',
								type: 'alert'
							}, function(action) {
								self.getData();
							});
						} else {
							self.requestS = false;
							layer.msg(data.message);
						}
					})

			},
			// 驳回
			updata: function() {
				var self = this;
				self.requestS = true;
				Ajax.post('/dataadminSupplierAuditor/updateSupplierregistryapproval', this.trsupplierpropose)
					.then(function(response) {
						var data = response.data;
						if(data.errorCode == 0) {
							self.requestS = false;
							self.MessageBox({
								title: '提示',
								message: '审核驳回！',
								type: 'alert'
							}, function(action) {
								self.getData();
							});
						} else {
							self.requestS = false;
							layer.msg(data.message);
						}
					})
			}
		},
		route: {
			activate: function() {
				this.getData();
			}
		}
	};
</script>