@{
    ViewBag.Title = "系统工具";
    Layout = "~/Views/Shared/_LayoutMini.cshtml";
    var pageData = new
    {
       
    };
}
@section CSS{
    <style>
    </style>
}
<div class="container-fluid mt-5">
    <div class="card">
        <div class="card-header">
            <h4 class="card-title">Word文档信息</h4>
        </div>
        <div class="card-body" id="mainVue">
            <div class="p-4">
                <form id="form1">
                    <input id="WordTemplateFile" name="file" type="file" multiple accept="application/vnd.openxmlformats-officedocument.wordprocessingml.document" />
                </form>
                <button type="button" class="btn btn-primary" v-on:click="getWordDocumentInfo">获取word文档信息</button>
            </div>
            <table id="table" class="table table-sm table-bordered">
                <colgroup>
                    <col span="1" width="400" />
                </colgroup>
                <thead>
                    <tr>
                        <th colspan="2" class="text-left">
                            <span>Word页面设置--文档网格--网格类型(DocGrid.Type)：</span>
                            <a target="_blank" href="https://learn.microsoft.com/zh-cn/dotnet/api/documentformat.openxml.wordprocessing.docgrid.type?view=openxml-2.8.1">文档地址</a>
                        </th>
                    </tr>
                    <tr>
                        <th>文件</th>
                        <th class="text-left">属性值</th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="item in showDocGrid">
                        <td>{{item.fileName}}</td>
                        <td class="text-left">{{item.props}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

@section JS{

    <script src="~/Scripts/app/system/systool.js"></script>
    <script>
        const vue = new WordDocumentInfo();
    </script>
}