index.html 6.16 KB
<!DOCTYPE html>
<html ng-app="myApp">
<head lang="en" >
    <meta charset="UTF-8">
    <title></title>
    <link href="../spm_modules/bootstrap-css/1.0.0/bootstrap.css" rel="stylesheet">
    <link href="../spm_modules/xn-icon-common/1.0.0/iconfont.css" rel="stylesheet">
    <link href="../demo/base.css" rel="stylesheet">
    <link href="../directive/style.css" rel="stylesheet">
    <script type="text/javascript" src="../spm_modules/jquery/1.7.2/jquery.js"></script>
    <script type="text/javascript" src="../spm_modules/angular/1.3.9/angular.js"></script>
    <script type="text/javascript" src="../spm_modules/angular-ui/1.0.0/bootstraptpls.js"></script>
    <script type="text/javascript" src="../spm_modules/xn-filter-common/1.0.0/filter/commons.js"></script>
    <script type="text/javascript" src="../spm_modules/xn-service-common/1.0.0/service/commons.js"></script>
    <script type="text/javascript" src="../spm_modules/xn-service-foundation/1.0.0/service/foundations.js"></script>

    <script type="text/javascript" src="https://cdn.xiniunet.com/js/aliyun/vod-sdk-upload-1.0.6.min.js"></script>
    <script type="text/javascript" src="https://cdn.xiniunet.com/js/aliyun/aliyun-sdk.min.js"></script>

    <script type="text/javascript" src="../directive/attachments.js"></script>

</head>
<body ng-controller="MyController">

<div xn-attachment-box  ng-Model="attachmentPopup"  data-is-open="isOpen"  ></div>
{{attachmentPopup}}

<div ng-click="isOpen=true">上传单个文件</div>



<!--<div class="xn-attachments-box">
    <div class="xn-attachments-popup">
        <div class="tab-box">

            <div class='loading'>
                <div class="loading-body">
                    <div class="wrapper right">
                        <div class="circleProgress rightcircle"></div>
                    </div>
                    <div class="wrapper left">
                        <div class="circleProgress leftcircle"></div>
                    </div>
                    <div class="loading-text">文件上传中</div>
                </div>
            </div>
        </div>
    </div>
</div>-->




<div >单个文件文件</div>
<div xn-file-edit-single  ng-model="file"     callback='callback(data)'></div>


<div >查看</div>
<div xn-file-view-single ng-model="file"   callback='callback(data)' ></div>

<div >上传多个文件</div>
<!--<div xn-file-edit  ng-model="file"  data-type="{{parameter.type}}" data-max-size="{{parameter.size}}"  data-disk-id="762931950951731200" max-number="3" ></div>-->
<div xn-file-edit  ng-model="file"   data-max-size="{{parameter.size}}"  max-number="3"  callback='callback(data)'></div>

<div >上传多个文件查看</div>
<div xn-file-view ng-model="file"></div>
<div class="clearfix"></div>
<h4 >相关证明材料上传</h4>

<div xn-attachment-edit ng-model="attachmentUp"  callback='callback(data)'></div>

<h4 >相关证明材料查看</h4>
<div  xn-attachment-view  ng-model = "attachmentView" ></div>

<h4 >单个文件上传</h4>

<div xn-att-single-edit  ng-model="attachmentRegisterNumber"  callback='callback(data)'></div>

<h4 >单个文件查看</h4>

        <div xn-att-single-view  ng-model="attachmentRegisterNumber"  callback='callback(data)'></div>

<textarea xn-img-paste class="form-control" id="description;" placeholder="" name="description" xn-attachment="attachment" ng-model="feedback.description" rows="5"></textarea>

<label  class="xn-feedback-label" >附件列表</label>


<div xn-attachment-edit ng-model ="attachment" max-number="3" callback='callback(data)'></div>
<script type="text/javascript">
    var  xnConfig={
        myUrl: "http://my-plat.xiniunet.com/"
    };

    angular.module("myApp", ["ui.bootstrap","xn.filter.common","xn.service.common","xn.service.foundation","xn.directive.attachment"])
            .value("xnConfig",xnConfig)
            .controller("MyController", ["$scope","$location","toolsService", function($scope,$location,toolsService) {
                $scope.attachmentPopup={
                    idList:[],
                    attachmentList:[]
                };
                $scope.isOpen=false;

                $scope.file={
                    ids:["560337874059661312"]
                };
                $scope.parameter={
                    type:"image",
                    size:"1"
                   /* diskId:"762931950951731200"*/
                };
                $scope.isOpen=false;

                /*多个附件上传--大小*/
                $scope.attachmentUp = {
//                    type:"document",
                    size:"1",
                    businessId:"561002190383484928",
                    businessType : "EMPLOYEE",
                    businessCategory : "COMMON",
                  /*  diskId:"762931950951731200",*/
                    list:[]
                };
                $scope.attachmentView = {
                    businessId:"561002190383484928",
                    pageType:toolsService.parameter("pageType", $location.absUrl()),
                    businessType : "EMPLOYEE",
                    businessCategory : "COMMON",
                    list:[]
                };
                /*单个文件上传*/
                $scope.attachmentRegisterNumber = {
                    type:"image",
                    size:"1",
                    title:"上传营业执照",
                    businessId:toolsService.parameter("id", $location.absUrl()),
                    businessType : "CUSTOMER",
                    businessCategory : "REGISTER_NUMBER",
                    defaultPath:"/sales/images/attachment_default.png"

                };
                /*多个附件上传*/
                $scope.attachment={
                    businessId:toolsService.parameter("id", $location.absUrl()),
                    pageType:toolsService.parameter("pageType", $location.absUrl()),
                    businessType : "EMPLOYEE",
                    businessCategory : "COMMON",
                    diskId:"762931950951731200",
                    list:[]
                }

                /*回调函数*/
                $scope.callback=function (data) {
                    console.log(11111);
                    console.log(data);
                }
            }]);
</script>

</body>
</html>