<!DOCTYPE html>
|
<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<include file="common:title" />
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<include file="common:header" />
|
<include file="common:element-plus" />
|
</head>
|
|
<body>
|
<div id="vue_item" v-cloak>
|
<el-container>
|
<el-aside class="el-menu-container" :width="el_aside_width">
|
<!-- 侧边菜单 -->
|
<include file="common:side_menu" />
|
</el-aside>
|
<el-container>
|
<el-header>
|
<include file="common:guide" one_word="供应商管理" two_word="{$other.title}列表" />
|
</el-header>
|
<el-main>
|
<el-card>
|
<template #header>
|
<div class="card-header">
|
<span>{$other.title}列表</span>
|
 
|
<el-link type="primary" class="header_add_btn" icon="CirclePlusFilled" :underline="false" href="javascript:void(0)"
|
@click="goto_edit_supplier(0)">添加</el-link>
|
</div>
|
</template>
|
<el-form label-width="auto">
|
<el-input v-model="searchdata.kw" size="large" placeholder="可通过账号/姓名 筛选" style="width: 300px"></el-input>
|
 
|
<el-button type="success" size="large" icon="Search" @click="searchsupplier_list()">搜索</el-button>
|
</el-form>
|
<br />
|
<el-table :data="supplier_list" border style="width: 100%" ref="tableRef">
|
<el-table-column label="账号" prop="user_name" width="150"></el-table-column>
|
<el-table-column label="供应商名称" prop="supplier_name"></el-table-column>
|
<el-table-column label="联系人" prop="real_name" width="200">
|
<template #default="scope">
|
{{scope.row.real_name}}<br />
|
{{scope.row.phone}}
|
</template>
|
</el-table-column>
|
<el-table-column label="账号状态" width="150" align="center">
|
<template #default="scope">
|
<el-switch v-model="scope.row.ban_access" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ccc" :active-value="1"
|
:inactive-value="0" inline-prompt active-text="允许登录" inactive-text="禁止登录" @change="set_ban_access(scope.$index)" />
|
</template>
|
</el-table-column>
|
<el-table-column label="审核状态" width="150" align="center">
|
<template #default="scope">
|
<el-switch v-model="scope.row.audit_status" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ccc" :active-value="1"
|
:inactive-value="0" inline-prompt active-text="通过审核" inactive-text="未审核" @change="setAuditStatus(scope.$index)" />
|
</template>
|
</el-table-column>
|
<el-table-column label="账号时间" width="180" align="center">
|
<template #default="scope">
|
开始：{{formatDate(scope.row['start_time'])}}<br />
|
结束：{{formatDate(scope.row['end_time'])}}
|
</template>
|
</el-table-column>
|
<el-table-column label="最近登录信息" width="180" align="center">
|
<template #default="scope">
|
<template v-if="scope.row.login_time>0">
|
时间：{{formatDate(scope.row['login_time'])}}
|
<br />
|
IP：{{scope.row['login_ip']}}
|
</template>
|
</template>
|
</el-table-column>
|
<el-table-column label="操作" fixed="right" min-width="150" :align="alignValue(200)">
|
<template #default="scope">
|
<el-button icon="edit" type="primary" @click="goto_edit_supplier(scope.row.id)"></el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="searchdata.p" :page-sizes="[20, 30, 40, 50]"
|
:page-size="searchdata.page_size" layout="total, sizes, prev, pager, next" :total="other.count">
|
</el-pagination>
|
</el-card>
|
</el-main>
|
</el-container>
|
</el-container>
|
<el-drawer :title="supplier_title" :direction="direction" v-model="show_supplier_info" size="35%">
|
<div id="comment_item">
|
<div class="layui-row">
|
<div class="layui-col-md12 caller-contar">
|
<div class="caller-item">
|
<el-form ref="useritem" :model="useritem" label-width="150px">
|
<el-form-item label="账号">
|
<template v-if="useritem.id">
|
{{useritem.user_name}}
|
</template>
|
<template v-else>
|
<el-input v-model="useritem.user_name" style="width: 330px;"></el-input>
|
</template>
|
</el-form-item>
|
<el-form-item label="密码">
|
<el-input placeholder="请输入密码" v-model="useritem.pwd" show-password style="width: 330px;"></el-input>
|
<span v-if="useritem.id" class="gray14">不修改密码保留为空</span>
|
</el-form-item>
|
<el-form-item label="供应商名称">
|
<el-input v-model="useritem.supplier_name" style="width: 330px;"></el-input>
|
</el-form-item>
|
<el-form-item label="联系人">
|
<el-input v-model="useritem.real_name" style="width: 330px;"></el-input>
|
</el-form-item>
|
<el-form-item label="手机号">
|
<el-input v-model="useritem.phone" style="width: 330px;"></el-input>
|
</el-form-item>
|
<el-form-item v-if="useritem.id" label="账号到期时间">
|
<el-date-picker v-model="useritem.endtime" type="date" placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
|
<el-form-item>
|
<el-button type="primary" @click="save_supplier">{{supplier_button_txt}}</el-button>
|
<el-button @click="show_supplier_info=false">取消</el-button>
|
</el-form-item>
|
</el-form>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</el-drawer>
|
</div>
|
</body>
|
<!-- 共用的方法 -->
|
<script src="/static/vue/mixin_admin.js"></script>
|
<script src="/static/admin/js/supplier/index.js?v=<?php echo rand(1000,9999)?>"></script>
|
|
</html>
|
