Tinger
/
All


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
							<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>银行卡信息管理</title>
    <link rel="stylesheet" href="/static/html/js-css/bank-manage.css">
    <script src="/static/html/js-css/jQuery.js"></script>
    <script src="/static/html/js-css/vue.js"></script>
</head>
<body>
<div id="root">
    <div class="icon-view-layer" v-if="icon_view.show">
        <div class="icon-view-box">
            <div class="icon-img-box">
                <img :src="icon_view.url" alt="icon">
                <label for="icon-view-file">点击选择图片</label>
                <input type="file" accept="image/png" id="icon-view-file" @change="iconFileChange" hidden>
            </div>
            <label><input type="text" v-model="icon_view.name"></label>
            <div class="btns">
                <button class="blue" @click="iconUpload">确 定 √</button>
                <button class="red" @click="icon_view.show = false;">取 消 ×</button>
            </div>
        </div>
    </div>

    <div class="nav">
        <div class="nav-item" :class="{'active': which_cur === 0}" @click="which_cur = 0">详细列表</div>
        <div class="nav-item" :class="{'active': which_cur === 1}" @click="which_cur = 1">待处理信息</div>
        <div class="nav-item" :class="{'active': which_cur === 2}" @click="which_cur = 2">错误信息</div>
    </div>
    <div class="nav-body" v-if="which_cur === 0">
        <div class="control">
            <div class="search-box">
                <label>
                    <input type="text" v-model="full_condition" @change="fullFind(full_condition)">
                    <img src="/static/html/icon/search.svg" alt="search">
                </label>
            </div>
            <div class="buttons">
                <button @click="fullUpdate" class="blue">更 新 ↑</button>
                <button @click="fullPersist" class="green">固 化 ♦</button>
                <button @click="fullNew">新 增 ✚</button>
            </div>
        </div>
        <table>
            <thead>
            <tr>
                <th style="width: 5%;">序号</th>
                <th style="width: 15%;">简写</th>
                <th style="width: 15%;">BIN</th>
                <th style="width: 40%;">名称</th>
                <th style="width: 15%;">ICON</th>
                <th style="width: 10%;">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="(val, idx) in full_data_show" :key="idx">
                <td>{[ idx + 1 ]}</td>
                <td>
                    <label><input type="text" v-model="val.short" @change="fullChange(idx)"></label>
                </td>
                <td>
                    <label><input type="text" v-model="val.bin" @change="fullChange(idx)"></label>
                </td>
                <td>
                    <label><input type="text" class="left" v-model="val.name" @change="fullChange(idx)"></label>
                </td>
                <td>
                    <view @click="iconView(0, idx)">&lt;&lt;预 览&gt;&gt;</view>
                </td>
                <td>
                    <button @click="fullDelete(idx)" class="red">删 除 ×</button>
                </td>
            </tr>
            <tr v-if="isFullDataEmpty">
                <td colspan="6" style="color: red;">no data available</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="nav-body" v-if="which_cur === 1">
        <div class="control">
            <div class="search-box">
                <label>
                    <input type="text" v-model="unresolved_condition" @change="unresolvedFind(unresolved_condition)">
                    <img src="/static/html/icon/search.svg" alt="search">
                </label>
            </div>
            <div></div>
        </div>
        <table>
            <thead>
            <tr>
                <th style="width: 5%;">序号</th>
                <th style="width: 15%;">简写</th>
                <th style="width: 15%;">卡号</th>
                <th style="width: 40%;">名称</th>
                <th style="width: 15%;">ICON</th>
                <th style="width: 10%;">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="(val, idx) in unresolved_data_show" :key="idx">
                <td>{[ idx + 1 ]}</td>
                <td>{[ val.short ]}</td>
                <td>{[ val.number ]}</td>
                <td>
                    <label><input type="text" class="left" v-model="val.name" @change="unresolvedChange(idx)"></label>
                </td>
                <td>
                    <view @click="iconView(1, idx)">&lt;&lt;预 览&gt;&gt;</view>
                </td>
                <td>
                    <button @click="unresolvedUpdate(idx)" class="green">更 新 ↑</button>
                </td>
            </tr>
            <tr v-if="isFullDataEmpty">
                <td colspan="6" style="color: red;">no data available</td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<script src="/static/html/js-css/bank-manage.js"></script>
</body>
</html>