zuel-itsm-3.0.2/assets/views/customform/tpl/cmdb/gudingzichan.html

<style>
    .boxone {
        position: relative;
        width: 130px;
        height: 50px;
        border: 0px solid #000;
        color: #fff;
        background-color: #f5a623;
    }
    
    .boxone:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        left: 130px;
        top: 18px;
        border-left: 10px solid #f5a623;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
    
    .boxone:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        left: 130px;
        top: 18px;
        border-left: 7px solid #f5a623;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
    }
    
    .boxtwo {
        position: relative;
        width: 130px;
        height: 50px;
        color: #999;
        border: 0px solid #000;
        background-color: #f2f2f2;
    }
    
    .boxtwo:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        left: 130px;
        top: 18px;
        border-left: 10px solid #f2f2f2;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
    
    .boxtwo:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        left: 130px;
        top: 18px;
        border-left: 7px solid #f2f2f2;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
    }
    
    .table-stripbored {
        border-collapse: separate;
        border: 0px solid #ccc;
        margin-bottom: 0px;
    }
    
    .boxthree {
        border: 0px solid #000;
        background-color: #f2f2f2;
    }
    
    .fontcolortip {
        color: #fe2a44;
    }
    
    .fileuploda {
        cursor: pointer;
        color: #006bc0;
    }
    
    .fileuploda:hover {
        cursor: pointer;
        color: blue;
        text-decoration: underline;
    }
    
    .normallist tbody tr,
    .normallist thead tr {
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
    }
    
    .table.normallist {
        border: 0px solid #eee;
    }
    
    .table>tbody>tr>td.tablenomal {
        border-left: 0px solid #d1d1d1;
        border-right: 0px solid #d1d1d1;
    }
    
    .table>thead>tr>th.tablenomal {
        border: 1px solid #eee;
    }
</style>
<div class="col-xs-12 padding-bottom-15 padding-top-20">
    <div class="padding-10 fontsizes-14 boxone col-xs-2 margin-right-30"><i class="fontsizes-20">01</i><span class="padding-left-10">上传文件</span></div>
    <div class="padding-10 fontsizes-14 boxone col-xs-2 margin-right-30" ng-class="{boxtwo:state<2} "><i class="fontsizes-20">02</i><span class="padding-left-10">执行导入</span></div>
    <div class="padding-10 fontsizes-14 boxone col-xs-2 margin-right-30" ng-class="{boxtwo:state<3} "><i class="fontsizes-20">03</i><span class="padding-left-10">完成</span></div>
    <div class="col-xs-12 uplodback margin-top-20" id="searchid" ng-if="state==1&&back">
        <div class="row padding-10">
            <div class="pull-left margin-right-30">
                <img ng-src="assets/images/cmdb/Shape.png" style="width:50px;height:40px" alt="{{app.name}}" /></div>
            <div class="pull-left  fontsizes-12 formheardpad">
                <div><span>请上传填好的固定资产信息（仅支持.xls格式，且文件大小不能超过2M）</span></div>
                <!-- <a ng-click="importopen()">上传模版</a> -->
                <!-- <a> -->
                <span class="btn-file fileuploda">重新上传<input name="uploadedFile" type="file" ng-click="clearItems()"  nv-file-select="" uploader="uploader" />
                    </span>
                <!-- </a> -->
            </div>
        </div>
        <div class="row padding-15 fontcolor-two font-weight-500">
            已上传成功固定资产附件列表
        </div>
        <table class=" table table-hover margin-bottom-10" id="sample-table-1">
            <thead>
                <tr>
                    <th class="center">序号</th>
                    <th>附件名称</th>
                    <th>上传时间</th>
                    <th class="hidden-xs">文件大小</th>
                    <th class="hidden-xs">文件类型</th>
                    <!-- <th class="center">附件预览</th> -->
                    <th class="center">附件下载</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="attachment in attachments">
                    <td class="center">{{$index + 1}}</td>
                    <td class="hidden-xs">{{attachment.name}}</td>
                    <td>{{attachment.addTime|date:'yyyy-MM-dd HH:mm:ss'}}</td>
                    <td nowrap>{{ attachment.size/1024/1024|number:2 }} MB</td>
                    <td>{{attachment.suffix}}</td>
                    <!-- <td class="center">
                        <div class="visible-md visible-lg hidden-sm hidden-xs">
                            <a ng-click="view(attachment.id,attachment.previewUrl)" class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="预览"><i class="fa fa-file-text-o"></i></a>
                        </div>
                    </td> -->
                    <td class="center">
                        <div class="visible-md visible-lg hidden-sm hidden-xs">
                            <a ng-click="download(attachment.token,attachment.name)" class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="下载"><i class="fa fa-download"></i></a>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="col-xs-12 uplodback margin-top-20" id="searchid" ng-if="state==3">
        <div class="row padding-10">
            <div class="pull-left margin-right-30">
                <img ng-src="assets/images/cmdb/success.png" style="width:30px;height:30px" alt="{{app.name}}" /></div>
            <div class="pull-left  fontsizes-12 formheardpad">
                <div><span>导入成功</span></div>
            </div>
        </div>
    </div>
    <!-- <div class="col-xs-12  margin-top-20" ng-if="state==3">
        <div class="row padding-10 fontcolor-two" ng-if="state==1">
            已上传成功固定资产附件列表
        </div>
        <div class="table-responsive row">
            <table class="table table-stripbored table-hover" id="sample-table-2">
                <thead class="boxthree">
                    <tr>
                        <th>序号</th>
                        <th>附件名称</th>
                        <th>上传时间</th>
                        <th>文件大小</th>
                        <th>文件类型</th>
                        <th>预览</th>
                        <th>下载</th>
                        <th>状态</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="item in wrongdata">
                        <td>{{item.name}}</td>
                        <td>{{item.line}}</td>
                        <td>{{item.cmdbname}}</td>
                        <td>{{item.cmdbname}}</td>
                        <td>{{item.name}}</td>
                        <td>{{item.line}}</td>
                        <td>{{item.cmdbname}}</td>
                        <td>{{item.cmdbname}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div> -->
    <!-- <div class="col-xs-12 uplodback margin-top-20" id="searchid" ng-if="state==2">
        <div class="row padding-10">
            <div class="pull-left margin-right-30">
                <img ng-src="assets/images/cmdb/xiazai.png" style="width:50px;height:40px" alt="{{app.name}}" /></div>
            <div class="pull-left  fontsizes-12 formheardpad">
                <div><span>本次可导入资产数：{{}}条</span></div>
            </div>
        </div>
    </div>
    <div class="col-xs-12 uplodback margin-top-20" id="searchid" ng-if="state==2">
        <div class="row padding-10">
            <div class="pull-left margin-right-30">
                <img ng-src="assets/images/cmdb/xiazai.png" style="width:30px;height:30px" alt="{{app.name}}" /></div>
            <div class="pull-left  fontsizes-12 formheardpad">
                <div><span>本次不可导入资产数：{{}}条</span></div>
            </div>
        </div>
    </div> -->
    <!-- <div class="col-xs-12  margin-top-10" ng-if="state==2">
        <div class="row">
            <button type="close" class="buttonpad btn btn-ageain" ng-click="import()" style="font-size: 12px">重新上传 </button>
            <span>提示：请对照不可导入资产数据表进行修改，修改后重新上传！</span>
        </div>
    </div> -->
    <div class="col-xs-12 uplodback margin-top-20" id="searchid" ng-if="state==2">
        <div class="row padding-10">
            <div class="pull-left margin-right-30">
                <img ng-src="assets/images/cmdb/Shape.png" style="width:50px;height:40px" alt="{{app.name}}" /></div>
            <div class="pull-left  fontsizes-12 formheardpad">
                <div><span>请上传填好的固定资产信息（仅支持.xls格式，且文件大小不能超过2M）</span></div>
                <!-- <a ng-click="importopen()">上传模版</a> -->
                <!-- <a> -->
                <span ng-if="filenum==0" class="btn-file fileuploda">重新上传<input name="uploadedFile"  type="file" ng-click="clearItems()" nv-file-select="" uploader="uploader" />
                    <!-- <span class="btn-file fileuploda">上传模版<input name="uploadedFile" type="file" nv-file-select="" uploader="uploader" /> -->
                </span>
                <span ng-if="filenum==1" class="btn-file fileuploda">重新上传<input name="uploadedFile" type="file" ng-click="clearItems()"  nv-file-select="" uploader="uploader" />
                </span>
                <span ng-if="filenum==2" class="btn-file fileuploda">重新上传<input name="uploadedFile" type="file" ng-click="clearItems()"  nv-file-select="" uploader="uploader" />
                </span>
                <span ng-if="filenum==3" class="btn-file fileuploda">重新上传<input name="uploadedFile" type="file" ng-click="clearItems()"  nv-file-select="" uploader="uploader" />
                </span>
                <span ng-if="filenum==4" class="btn-file fileuploda">重新上传<input name="uploadedFile" type="file" ng-click="clearItems()"  nv-file-select="" uploader="uploader" />
                </span>
                <span ng-if="filenum==5" class="btn-file fileuploda">重新上传<input name="uploadedFile" type="file" ng-click="clearItems()"  nv-file-select="" uploader="uploader" />
                </span>
                <span ng-if="filenum==6" class="btn-file fileuploda">重新上传<input name="uploadedFile" type="file" ng-click="clearItems()"  nv-file-select="" uploader="uploader" />
                </span>
                <span ng-if="filenum==7" class="btn-file fileuploda">重新上传<input name="uploadedFile" type="file" ng-click="clearItems()"  nv-file-select="" uploader="uploader" />
                </span>
                <span ng-if="filenum==8" class="btn-file fileuploda">重新上传<input name="uploadedFile" type="file" ng-click="clearItems()"  nv-file-select="" uploader="uploader" />
                </span>
                <span ng-if="filenum==9" class="btn-file fileuploda">重新上传<input name="uploadedFile" type="file" ng-click="clearItems()"  nv-file-select="" uploader="uploader" />
                </span>
                <span ng-if="filenum==10" class="btn-file fileuploda">重新上传<input name="uploadedFile" type="file" ng-click="clearItems()"  nv-file-select="" uploader="uploader" />
                </span>
                <span ng-if="filenum==11" class="btn-file fileuploda">重新上传<input name="uploadedFile" type="file" ng-click="clearItems()"  nv-file-select="" uploader="uploader" />
                </span>
                <span ng-if="filenum!=0&&filenum!=1&&filenum!=2&&filenum!=3&&filenum!=4&&filenum!=5&&filenum!=6&&filenum!=7&&filenum!=8&&filenum!=9&&filenum!=10&&filenum!=11" class="btn-file fileuploda">重新上传<input name="uploadedFile" type="file" ng-click="clearItems()"  nv-file-select="" uploader="uploader" />
                </span>
                <!-- </a> -->
            </div>
        </div>
    </div>
    <div class="col-xs-12 padding-top-15 padding-bottom-15" ng-if="state==2">
        <div class="row">
            <button type="close" class="buttonpad btn btn-primarylight" ng-disabled="uploader.getNotUploadedItems().length==0" ng-click="importnext()">下一步 </button>
        </div>
    </div>
    <!-- ng-if="state==2" -->
    <div class="col-xs-12  margin-top-20" ng-if="state==2">
        <div class="row  fontcolor-two font-weight-500">
            不可导入资产数据
        </div>
        <div class="table-responsive row">
            <table class="table  table-hover normallist" id="sample-table-2">
                <thead class="boxthree">
                    <tr>
                        <th class="tablenomal">固定资产名称</th>
                        <th class="tablenomal">行数</th>
                        <th class="tablenomal">资产类型</th>
                        <th class="tablenomal">错误提示</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="item in wrongdata">
                        <td class="tablenomal">{{item.name}}</td>
                        <td class="tablenomal">{{item.line}}</td>
                        <td class="tablenomal">{{item.name}}</td>
                        <td class="tablenomal">
                            <div ng-repeat="x in item.errotip" class="fontcolortip">{{x.label}}</div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="col-xs-12 uplodback margin-top-20" id="searchid" ng-if="state==1&&!back">
        <div class="row padding-10">
            <div class="pull-left margin-right-30">
                <img ng-src="assets/images/cmdb/xiazai.png" style="width:50px;height:40px" alt="{{app.name}}" /></div>
            <div class="pull-left  fontsizes-12 formheardpad">
                <div><span>请填写导入固定资产信息</span></div>
                <a ng-click="openmeans()">选择下载模版</a>
            </div>
        </div>
    </div>
    <div class="col-xs-12 uplodback margin-top-20" id="searchid" ng-if="state==1&&!back">
        <div class="row padding-10">
            <div class="pull-left margin-right-30">
                <img ng-src="assets/images/cmdb/Shape.png" style="width:50px;height:40px" alt="{{app.name}}" /></div>
            <div class="pull-left  fontsizes-12 formheardpad">
                <div><span>请上传填好的固定资产信息（仅支持.xls格式，且文件大小不能超过2M）</span></div>
                <!-- <a ng-click="importopen()">上传模版</a> -->
                <!-- <a> -->
                <span class="btn-file fileuploda">上传模版<input name="uploadedFile" type="file" nv-file-select="" uploader="uploader" />
                </span>
                <!-- </a> -->
            </div>
        </div>
    </div>
    <div class="col-xs-12 padding-top-15 padding-bottom-15" ng-if="state==1">
        <div class="row">
            <button type="close" class="buttonpad btn btn-primarylight" ng-disabled="uploader.getNotUploadedItems().length==0" ng-click="importnext()">下一步 </button>
        </div>
    </div>
</div>