@{
    ViewData["Title"] = "模型文件管理";

}
<style>
    .tc {
        background-color: rgba(0,0,0,.4);
        align-items: center;
        -webkit-tap-highlight-color: transparent;
        -webkit-tap-highlight-color: transparent;
        display: flex;
        position: fixed;
        z-index: 1060;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 0.625em;
        overflow-x: hidden;
        transition: background-color .1s;
        -webkit-overflow-scrolling: touch;
    }

    .tcc {
        margin: auto;
        -webkit-animation: swal2-show .3s;
        animation: swal2-show .3s;
        -webkit-tap-highlight-color: transparent;
        display: none;
        position: relative;
        box-sizing: border-box;
        flex-direction: column;
        justify-content: center;
        width: 32em;
        max-width: 100%;
        padding: 1.25em;
        border: none;
        border-radius: 0.3125em;
        background: #fff;
        font-family: inherit;
        font-size: 1rem;
    }
    *::-webkit-scrollbar {
        height: 0;
        width: 0;
        color: transparent;
    }
</style>
<!-- 内容标题（页面标题） -->
<div class="content-header" style="padding: 5px 0;">
    <div class="col-12">
        <h5 style='padding: 7.5px;' class="m-0  text-white bg-info">@ViewData["Title"]</h5>
    </div>
    <div id="app" style="display:none;">
        @*弹窗*@
        <div id="filedata" v-if="files_data.length > 0 " class="tc" style="overflow-y: auto;">
            <div id="file_data" class="tcc" style="display: flex;">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>文件名</th>
                            <th>大小/字节</th>
                            <th v-if="files_data[0].hasOwnProperty('isok')">状态</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="(item,index) in files_data">
                            <td>{{item.name}}</td>
                            <td>{{item.size}}</td>
                            <td v-if="item.hasOwnProperty('isok')">{{item['isok']==-2?"上传失败":(item['isok']==-1?"文件重复":(item['isok']==1?"上传成功":"其他异常"))}}</td>
                            <td>
                                <button v-if="!item.hasOwnProperty('isok') || item.isok == -2 " v-on:click="rem_file(index)" class="btn btn-danger btn-xs">
                                    移除
                                </button>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div>
                    <button v-on:click="click_file(-1)" class=" btn btn-success btn-xs">继续添加</button>
                    <button v-on:click="add_file" class="ml-1 btn btn-info btn-xs">确认上传</button>
                    <button v-on:click="click_file(-10)" class="ml-1 btn btn-danger btn-xs">关闭</button>
                </div>
            </div>
        </div>
        @* 按钮区域 添加文件表单区域 *@
          <div class="row ml-0 mr-0 mt-1" >
                    <div class="col-6 col-md-3">
                      <!-- select -->
                      <div class="form-group mb-1">
                         @* 下拉筛选区域 *@
                        <select v-on:change="table_init" v-model="selected_page" class="form-control">
                            <option v-for="(sel,index) in selectpage" v-bind:value="sel.val">
                                {{sel.text}}
                            </option>
                        </select>
                      </div>
                    </div>
                      <div class="col-6 col-md-3">
                      <!-- select -->
                      <div class="form-group mb-1">
                         @* 下拉筛选区域 *@
                        <select v-on:change="table_init" v-model="selected" class="form-control">
                            <option v-for="(sel,index) in select" v-bind:value="sel.val">
                                {{sel.text}}
                            </option>
                        </select>
                      </div>
                    </div>
        </div>
        <div class="mb-1 ml-2"> 
            @* 按钮区域 *@
            <button type="button" v-on:click="click_file(0)" class="mr-1 btn  btn-info btn-xs">上传485Model</button>
            <button type="button" v-on:click="click_file(1)" class="mr-1 btn  btn-info btn-xs">上传BaseModel</button>
            <button type="button" v-on:click="click_file(2)" class=" btn  btn-info btn-xs">上传RCUModel</button>
            @* 添加文件表单区域 *@
            <form ref="addfile">
                <input type="hidden" name="type" v-model="add_type" />
                <slot v-for="index of 1000">
                    <input v-if="files_ele_count >= index-1" name="files" type="file" v-on:change="filechange" class="filedata" :ref="'filedata'+(index-1)" style="display:none;" accept="application/xml" />
                </slot>
            </form>
        </div>
        @* 数据区域 *@
        <div class="container-fluid table-responsive "   :style="{'height':appheight}">
           @* <div v-if="rcudata.length>0" v-for="(rcu,index) in rcudata" style="color: black;padding: 0.75rem;" class="row bg-white shadow">
                <div class="col-12 col-md-6">
                    <span v-html="ellipsis(rcu.data.MFD_ID)"></span>
                    <button type="button" :class="[rcu.data.Available == 1?'btn  btn-xs btn-success':'btn  btn-xs btn-danger']">{{rcu.data.Available==1?'可 用':'不可用'}}</button>
                    {{rcu.data.UploadDateTime}}
                </div>
                <div class="col-md-6 col-12">
                    FilePath : {{rcu.data.Directory}}\{{rcu.data.XML_FileName}}
                </div>
                <div class="col-md-6 col-12">
                    XLM_MD5 : {{rcu.data.XLM_MD5}}
                </div>
                <div class="col-md-6 col-12">
                    {{rcu.size}}
                    <button type="button" v-on:click="del_file(index)" class="btn  btn-danger btn-xs">删除文件</button>
                </div>
            </div>*@
              <table  style="line-height:normal" class="table table-borderless" id="dataTable">
            <thead style="display:none;">
                <tr>
                    <th>ID</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
        </div>
    </div>
    <!-- /.container-fluid -->
</div>
<script src="/js/vue.global.js"></script>
<script defer src="~/js/jquery.dataTables.min.js"></script>
<script defer src="~/js/dataTables.bootstrap4.min.js"></script>
<script defer src="~/js_custom/ModelFile.js"> </script>