dgf 8 rokov pred
rodič
commit
dc86dd6990

+ 96 - 18
lszw12345/src/js/controller/detailController.js

@@ -3,17 +3,39 @@
 angular.module('app').controller('DetailController', ['$scope', '$state', '$stateParams', 'messageService', function($scope, $state, $stateParams, messageService) {
 
     $scope.myVar = false;
-    $scope.qlCode = $stateParams.data;
-    //console.log($stateParams);
+    $scope.toggle = function() {
+        $scope.myVar = !$scope.myVar;
+    };
+
+    $scope.myVar2 = false;
+    $scope.toggle2 = function() {
+        if ($scope.QA.DATAAREA.QAS === null || $scope.QA.DATAAREA.QAS === "" || $scope.QA.DATAAREA.QAS === undefined) {
+            console.log($scope.QA.DATAAREA.QAS);
+            alert('此项暂无常见问题解答!');
+        } else
+            $scope.myVar2 = !$scope.myVar2;
+    };
+
+    $scope.detailId = $stateParams.data;
+    $scope.powersource = ['法定本级行使', '中央下放到省级', '省级下放到设区市', '省级下放到县(市、区)', '设区市下放到县(市、区)', '中央下放到设区市', '中央下放到县(市、区)'];
     $scope.$on('$viewContentLoaded', function() {
-        messageService.getDetail($scope.qlCode, function(response) {
-            console.log("Success2", response);
-            $scope.details = response.data;
+        console.log($scope.detailId);
+        messageService.getDetail($scope.detailId, function(response) {
+            console.log("Success", response);
+            $scope.detailIds = response.data;
             var x2js = new X2JS();
-            $scope.material = x2js.xml_str2json($scope.details.MATERIAL_INFO);
-            if ($scope.material.DATAAREA.MATERIALS.MATERIAL.length > 0) {
-                var len = $scope.material.DATAAREA.MATERIALS.MATERIAL.length;
-                $scope.materialArrs = $scope.material.DATAAREA.MATERIALS.MATERIAL;
+            $scope.ACCEPT = x2js.xml_str2json($scope.detailIds.ACCEPT_ADDRESS_INFO);
+            $scope.TIME3 = $scope.ACCEPT.DATAAREA.ACCEPT_ADDRESSS.ACCEPT_ADDRESS;
+
+            if (Array.isArray($scope.TIME3) !== true) {
+                //console.log(Array.isArray($scope.QAS));
+                $scope.TIME3 = new Array($scope.ACCEPT.DATAAREA.ACCEPT_ADDRESSS.ACCEPT_ADDRESS);
+            }
+            console.log($scope.TIME3);
+            $scope.MATERIAL = x2js.xml_str2json($scope.detailIds.MATERIAL_INFO);
+            if ($scope.MATERIAL.DATAAREA.MATERIALS.MATERIAL.length > 0) {
+                var len = $scope.MATERIAL.DATAAREA.MATERIALS.MATERIAL.length;
+                $scope.materialArrs = $scope.MATERIAL.DATAAREA.MATERIALS.MATERIAL;
                 for (var i = 0; i < len; i++) {
                     console.log($scope.materialArrs[i]);
                 }
@@ -31,7 +53,58 @@ angular.module('app').controller('DetailController', ['$scope', '$state', '$stat
             //     console.log($(".word"));
             //     $(".word")[0].href = e.target.result;
             // };
+
+            $scope.QA = x2js.xml_str2json($scope.detailIds.QA_INFO);
+            $scope.QAS = $scope.QA.DATAAREA.QAS.QA;
+            if (Array.isArray($scope.QAS) !== true) {
+                //console.log(Array.isArray($scope.QAS));
+                $scope.QAS = new Array($scope.QA.DATAAREA.QAS.QA);
+            }
+            console.log($scope.ACCEPT);
+            console.log($scope.MATERIAL);
+            console.log($scope.QA);
+            console.log($scope.QAS);
+
+            //受理条件
+            if ($scope.detailIds.APPLY_CONDITION === "" || $scope.detailIds.APPLY_CONDITION === undefined || $scope.detailIds.APPLY_CONDITION === null) {
+                $("#applyes")[0].innerHTML = '<img src="../img/webChatImg/暂无内容.png" alt="">';
+            } else {
+                $("#applyes")[0].innerHTML = $scope.detailIds.APPLY_CONDITION;
+            }
+            //受理时间
+            $scope.limitday = function(limitsday) {
+                if (limitsday === 0) {
+                    return '即办';
+                } else
+                if (limitsday === null || limitsday === "" || limitsday === undefined) {
+                    return '无期限';
+                } else {
+                    return limitsday + '天';
+                }
+            }
+            $scope.ANTICIPATE_DAY = $scope.limitday($scope.detailIds.ANTICIPATE_DAY);
+            $scope.PROMISE_DAY = $scope.limitday($scope.detailIds.PROMISE_DAY);
+            //期限
+            $scope.acceptingoffice = function(acceptingoffice) {
+                acceptingoffice = acceptingoffice.replace(/1/g, "个人");
+                acceptingoffice = acceptingoffice.replace(/2/g, "法人");
+                acceptingoffice = acceptingoffice.replace(/3/g, "其他组织");
+                return acceptingoffice;
+            }
+            $scope.XINGZHENXDRXZ = $scope.acceptingoffice($scope.detailIds.XINGZHENXDRXZ);
+            //办理时间
+            $scope.time = $scope.TIME3[0].ACCEPT_TIMEDESC;
+            $scope.time2 = $scope.time.replace(/;|[\uff1b]/g, '<br>');
+            $(".time2")[0].innerHTML = $scope.time2;
+            // console.log($scope.time2);
+            // console.log($(".time2"));
         }, function(error) { console.log("error!"); });
+
+        $scope.qus = function(question) {
+            console.log(question);
+            $scope.Wen = question.QUESTION;
+            $scope.Da = question.ANSWER;
+        };
     });
 
     // $scope.getBlobBydataURI = function(dataURI, type) {
@@ -43,17 +116,22 @@ angular.module('app').controller('DetailController', ['$scope', '$state', '$stat
     //     return new Blob([new Uint8Array(array)], { type: type });
     // };
 
-    $scope.toggle = function() {
-        $scope.myVar = !$scope.myVar;
-    };
-
     $scope.back = function() {
         $state.go("webChat.listView", { data: $stateParams.back }, { inherit: false });
         history.back(-1);
     };
-    //JSON自带的stringify方法,将json转成json字符串
-    // var c = {};
-    // if (JSON.stringify(c) == "{}") {
-    //     console.log("是空对象");
-    // }
+
+    $scope.tabChange = function(e) {
+        var actived = $(e.target);
+        console.log(actived);
+        angular.element(".tab__content").addClass("point-none");
+        if (actived[0].textContent == "基本信息") {
+            $("#listV").removeClass("point-none");
+        } else if (actived[0].textContent == "申办材料") {
+            $("#material").removeClass("point-none");
+        } else if (actived[0].textContent == "受理条件") {
+            $("#applyes").removeClass("point-none");
+        }
+    };
+
 }]);

+ 7 - 1
lszw12345/src/js/controller/webController.js

@@ -1,6 +1,12 @@
 'use strict';
 
-angular.module('app').controller('WebController', ['$scope', function($scope) {
+angular.module('app').controller('WebController', ['$scope', 'messageService', function($scope, messageService) {
+    //lxtalkClient.Invoke('{FB60F992-A0FD-47B3-AAA7-E80DF209C5A4}', '_Register', '', $scope);
+
+
+
+
+
 
 
 }]);

+ 1 - 0
lszw12345/src/js/router.js

@@ -38,6 +38,7 @@ angular.module('app').run(['$rootScope', '$state', '$stateParams',
                 controller: 'WebController'
             })
             .state('webChat.listView', {
+                params: { data: {} },
                 url: '/listView',
                 params: { data: {} }, //
                 templateUrl: 'templates/listView.html',

+ 118 - 31
lszw12345/src/less/app.detail.less

@@ -1,3 +1,4 @@
+
 .home{
   .foot {
       position: fixed;
@@ -53,7 +54,7 @@
     }
     input{
         color:#000;
-        font-size:14px;
+        font-size:13px;
         width: 100%;
         text-overflow:ellipsis;
         overflow:hidden;
@@ -77,16 +78,77 @@
 .title{
     margin-top: 50px;
     color: #444;
-    font-family: "华文行楷";
+    font-family: "黑体";
     width: 80%;
-    font-size: 1.2em;
     margin-bottom: -5px;
     border: none;
     vertical-align:middle;
     margin-left:10%;
     text-align: center;
+    background-color: none;
+    text-shadow: 0 0 0;
+}
 
+
+.modal-dialog{
+    width:80%;
+    position: absolute;
+    left:10%;
+    top:150px;
+    .modal-content {
+    border-radius: 5px;
+    border: none;
+    box-shadow: none;
+    padding: 10px 10px  0 10px;
+    .modal-title {
+    margin: 3px;
+    line-height: 1;
+    }
+    .modal-header {
+        padding: 5px;
+        border-bottom: 1px solid #e5e5e5;
+        >p{
+            font-size: 12px;
+            text-shadow: 0 0 0;
+        }
+    }
+    .modal-body {
+        ::-webkit-scrollbar{width:0px};
+        padding: 5px;
+        >span{
+            color: rgb(45, 161, 228);
+            font-size: 12px;
+            text-shadow: 0 0 0;
+        }
+        >p{
+            line-height: 1.5;
+            margin-bottom: 5px;
+            text-indent:1em;
+            font-size: 12px;
+            text-shadow: 0 0 0;
+        }
+        >div{
+            max-height: 200px;
+            text-indent:1em;
+            margin: 0px 0px 5px 0;
+            font-size: 12px;
+            text-shadow: 0 0 0;
+           overflow-y: auto;
+        }
+    }
+    .modal-footer {
+        padding: 0px;
+        text-align: center;
+        border-top: 1px solid #e5e5e5;
+        >button{
+            outline: none;
+            text-decoration: none;
+        }
+    }
+  }
 }
+
+
 .tab-wrap {
     transition: 0.3s box-shadow ease;
     border-radius: 6px;
@@ -96,8 +158,8 @@
     position: relative;
     list-style: none;
     background-color: #fff;
-    margin: 20px 0;
-   box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
+    margin: 14px 0;
+//    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
 }
 .tab {
     display: none;
@@ -149,25 +211,19 @@
 
 .tab + label:hover {
     background-color: #f9f9f9;
-    box-shadow: 0 1px 0 #f4f4f4 inset;
+    box-shadow: 0 0 1px #f4f4f4 inset;
 }
 
-
-// .asaasas{
-//     width: 98%;
-//     overflow: hidden;
-// }
-
 .tab__content {
     padding: 5px 25px;
-    background-color: transparent;
+    background-color: #FFF;
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: -1;
     opacity: 0;
     left: 0;
-    transform: translateY(-3px);
+    //transform: translateY(-3px);
     border-radius: 6px;
     .list{
         padding: 0 0;
@@ -176,16 +232,16 @@
             list-style-type: none;
             text-decoration: none;
             border-bottom:1px solid #EEEEEE;
-            font: 12px Montserrat;
+            font: 13px Montserrat;
         }
        a {
             color: #000;
             text-decoration: none !important;
             .right{
                 float: right;
-                margin-top: 16px;
+                margin-top: 11px;
                 color:#337ab7;
-                font-size:12px;
+                font-size:13px;
                 width: 200px;
                 text-align: right;
                 text-overflow:ellipsis;
@@ -194,21 +250,39 @@
                 border: none;
                 text-shadow: 0 0 0;
             }
-        }
-        i{
-            color:#1592FF;
-            position: absolute;
-            margin-left:-18px;
-            margin-top: 18px;
-        }
+            .question{
+                    color: coral;
+                    margin-left: 0px;
+                }
         
-         b {
-            font: 12px/48px Montserrat;
-            opacity: 1;
-            transform: translateX(50px);
-            transition: all 0.1s;
+            }
+            i{
+                color:#1592FF;
+                position: absolute;
+                margin-left:-15px;
+                margin-top: 12px;
+            }
+            .big{
+                font-size: 15px;
+            }
+            b {
+                font: 13px/40px Montserrat;
+                opacity: 1;
+                transform: translateX(50px);
+                transition: all 0.1s;
+                .liebiao{
+                    width: 300px;
+                    border: none;
+                    height: 20px;
+                    margin-left: 15px;
+                    text-overflow:ellipsis;
+                    overflow:hidden;
+                    white-space:nowrap;
+                    text-shadow: 0 0 0;
+                }
+            }
         }
-    }
+
     .material {
          font: 13px/24px Montserrat;
          padding-left: 10px;
@@ -230,6 +304,19 @@
              font-size:11px;
          }
     }
+    &.point-none{
+        pointer-events: none;
+    }
+    &#applyes {
+        font: 13px/24px Montserrat;
+        height: 100%;
+    }
+
+    .time2{
+        font: 13px/36px Montserrat;
+        text-shadow: 0 0 0;
+        color:#337ab7;
+    }
 }
 
 .container{
@@ -237,7 +324,7 @@
     display: block;
 }
 p {
-    line-height: 2.0;
+    line-height: 1.5;
 }
 img{
     width: 100%;

+ 1 - 0
lszw12345/src/less/app.service.less

@@ -12,6 +12,7 @@
         margin: 0 -5px 0 1px;  
         font-size: 13px;
         white-space: nowrap;
+        text-shadow: 0 0 0;
     >span{
         margin-left: 21%;
             color:#168DD9;

+ 53 - 37
lszw12345/src/templates/detail.html

@@ -1,39 +1,40 @@
 <div class="header">
     <span ng-click="back()" class="glyphicon glyphicon-arrow-left"></span><span>事项详细</span><span ui-sref="home" class="glyphicon glyphicon-home"></span>
 </div>
-<input type="text" readonly class="title" value="{{details.QL_NAME}}">
+<input type="text" readonly class="title" value="{{detailIds.QL_NAME}}">
 <div class="tab-wrap">
     <!-- active tab on page load gets checked attribute -->
     <input type="radio" id="tab1" name="tabGroup1" class="tab" checked>
-    <label for="tab1">基本信息</label>
+    <label for="tab1" ng-click="tabChange($event)">基本信息</label>
     <input type="radio" id="tab2" name="tabGroup1" class="tab">
-    <label for="tab2">申办材料</label>
+    <label for="tab2" ng-click="tabChange($event)">申办材料</label>
     <input type="radio" id="tab3" name="tabGroup1" class="tab">
-    <label for="tab3">受理条件</label>
-    <div class="tab__content">
-        <div class="">
+    <label for="tab3" ng-click="tabChange($event)">受理条件</label>
+    <div class="tab__content" id="listV">
+        <div>
             <ul class="list">
-                <li><a href=""><i class="fa fa-university" aria-hidden="true"></i><b>实施机关</b> <input type="text" readonly class="right" value="丽水莲都区市场监督管理局丽水莲都区市场监督管理局"></a></li>
-                <li><a href=""><i class="fa fa-user-circle" aria-hidden="true"></i><b>办事对象</b>  <input type="text" readonly class="right" value="个人"></a></li>
-                <li><a href=""><i class="fa fa-jpy" aria-hidden="true"></i><b>收费情况</b> <input type="text" readonly class="right" value="收费"></a></li>
-                <li><a href=""><i class="fa fa-hourglass-half" aria-hidden="true"></i><b>法定期限</b> <input type="text" readonly class="right" value="无期限"></a></li>
-                <li><a href=""><i class="fa fa-hourglass-half" aria-hidden="true"></i><b>承诺期限</b> <input type="text" readonly class="right" value="无期限"></a></li>
-                <li><a href=""><i class="fa fa-gavel" aria-hidden="true"></i><b>权力来源</b> <input type="text" readonly class="right" value="法定本级行使"></a></li>
-                <li><a href=""><i class="fa fa-home" aria-hidden="true"></i><b>责任处室</b> <input type="text" readonly class="right" value="药品医疗"></a></li>
-                <li><a href=""><i class="fa fa-home" aria-hidden="true"></i><b>办理地点</b> <input type="text" readonly class="right" value="万象街道梅山社万象街道梅山社区大众街11号"></a></li>
+                <li><a href=""><i class="fa fa-university" aria-hidden="true"></i><b>实施机关</b> <input type="text" readonly class="right" value="{{detailIds.QL_DEP}}"></a></li>
+                <li><a href=""><i class="fa fa-gavel" aria-hidden="true"></i><b>权力来源</b> <input type="text" readonly class="right" value="{{powersource[detailIds.ITEMSOURCE-1]}}"></a></li>
+                <li><a href=""><i class="fa fa-university" aria-hidden="true"></i><b>责任处室</b> <input type="text" readonly class="right" value="{{detailIds.LEAD_DEPT}}"></a></li>
+                <li><a href=""><i class="fa fa-user-circle" aria-hidden="true"></i><b>办事对象</b>  <input type="text" readonly class="right" value="{{XINGZHENXDRXZ}}"></a></li>
+                <li><a href=""><i class="fa fa-location-arrow" aria-hidden="true"></i><b>办事次数</b> <input type="text" readonly class="right" value="{{detailIds.APPLYERMIN_COUNT}}次;{{detailIds.APPLYERMIN_COUNT_DESC}}"></a></li>
+                <li><a href=""><i class="fa fa-hourglass-half" aria-hidden="true"></i><b>法定期限</b> <input type="text" readonly class="right" value="{{ANTICIPATE_DAY}}"></a></li>
+                <li><a href=""><i class="fa fa-hourglass-half" aria-hidden="true"></i><b>承诺期限</b> <input type="text" readonly class="right" value="{{PROMISE_DAY}}"></a></li>
+                <li><a href=""><i class="fa fa-home big" aria-hidden="true"></i><b>办理地点</b> <input type="text" readonly class="right" value="{{TIME3[0].ADDRESS}}"></a></li>
                 <li><a href=""><i class="fa fa-clock-o" aria-hidden="true"></i><b>受理时间</b><span class="glyphicon glyphicon-menu-right right" ng-click="toggle()"></span></a></li>
-
-                <li ng-show="myVar"><a href=""><b>夏季</b><span class="right">上午8:30-12:00 下午15:00-18:00 </span></a></li>
-                <li ng-show="myVar"><a href=""><b>交换季</b><span class="right">上午8:30-12:00 下午15:00-18:00 </span></a></li>
-                <li ng-show="myVar"><a href=""><b>冬季</b><span class="right">上午8:30-12:00 下午15:00-18:00 </span></a></li>
-
-                <li><a href=""><i class="fa fa-phone" aria-hidden="true"></i><b>咨询电话</b> <input type="text" readonly class="right" value="0578-2050029"></a></li>
-                <li><a href=""><i class="fa fa-phone" aria-hidden="true"></i><b>投诉电话</b> <input type="text" readonly class="right" value="0578-2050019"></a></li>
-                <li><a href=""><i class="fa fa-question-circle-o" aria-hidden="true"></i><b>问题解答</b><span class="glyphicon glyphicon-menu-right right"></span></a></li>
+                <!-- <li ng-show="myVar"><a href=""><b>{{$scope.season[0]}}</b><span class="right">{{$scope.time2[0]}}</span></a></li> -->
+                <div style="border-bottom: 1px solid #EEEEEE; " ng-show="myVar" class="time2"> </div>
+                <li><a href=""><i class="fa fa-phone" aria-hidden="true"></i><b>咨询电话</b> <input type="text" readonly class="right" value="{{detailIds.LINK_TEL}}"></a></li>
+                <li><a href=""><i class="fa fa-phone" aria-hidden="true"></i><b>投诉电话</b> <input type="text" readonly class="right" value="{{detailIds.SUPERVISE_TEL}}"></a></li>
+                <li><a href=""><i class="fa fa-question-circle-o" aria-hidden="true"></i><b>问题解答</b><span class="glyphicon glyphicon-menu-right right" ng-click="toggle2()"></span></a></li>
+                <!-- 问题列表 -->
+                <li ng-show="myVar2" data-toggle="modal" data-target="#myModal" ng-repeat="question in QAS track by $index">
+                    <a href=""><i class="fa fa-question-circle-o question" aria-hidden="true"> </i><b><input type="text" readonly ng-click="qus(question)" class="liebiao" value="{{question.QUESTION}}"></b></a>
+                </li>
             </ul>
         </div>
     </div>
-    <div class="tab__content">
+    <div class="tab__content point-none" id="material">
         <ul class="material">
             <li ng-repeat="materialarr in materialArrs track by $index">
                 <p>{{materialarr.NAME}}</p>
@@ -41,27 +42,42 @@
                 <a class="word" ng-href="{{materialarr.EMPTYTABLE.FILEURL}}" target="_blank">{{materialarr.EMPTYTABLE.FILENAME}}</a>
                 <a class="word" ng-href="{{materialarr.EXAMPLETABLE.FILEURL}}" target="_blank">{{materialarr.EXAMPLETABLE.FILENAME}}</a>
             </li>
-            <a class="word" href="http://120.26.136.253/ApabiReader/节能报告示范文本.docx" target="_blank">节能报告示范文本</a>
-            <a class="word" href="http://zjqlk.oss-cn-hangzhou.aliyuncs.com/7/2/25083601-076b-1e3b-e5fa-082e5ad71d2d.docx" target="_blank">节能报告示范文本</a>
+            <a class="word" type="application/msword" href="http://120.26.136.253/ApabiReader/节能报告示范文本.docx" target="_blank">节能报告示范文本</a>
+            <a class="word" type="application/msword" href="http://zjqlk.oss-cn-hangzhou.aliyuncs.com/7/2/25083601-076b-1e3b-e5fa-082e5ad71d2d.docx" target="_blank">节能报告示范文本</a>
         </ul>
     </div>
-    <div class="tab__content">
-        <!-- <p> 一、符合国家产业政策和投资方向; </p>
-        <p> 二、符合国家、省和地方的能源发展规划;</p>
-        <p> 三、符合国家和省《重点用能单位管理办法》。</p> -->
-        <img src="../img/webChatImg/暂无内容.png" alt="">
+    <div class="tab__content point-none" id="applyes">
+        <!-- <img src="../img/webChatImg/暂无内容.png" alt=""> -->
     </div>
-
 </div>
 
+<!-- <div class="modal fade viewModal" id="viewModal" tabindex="-2" role="dialog" aria-labelledby="viewModalLabel" aria-hidden="true">
+    <div class="wtjd">
+        <b>{{QA.DATAAREA.QAS.QA.QUESTION}}</b><br>
+        <b>{{QA.DATAAREA.QAS.QA.ANSWER}}</b>
+    </div>
 
-
-<!-- <button data-toggle="modal" data-target="#viewModal">assssss</button>
-
-<div class="modal fade viewModal" id="viewModal" tabindex="-2" role="dialog" aria-labelledby="viewModalLabel" aria-hidden="true">
-
-    zzzxz
 </div> -->
+<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                <p class="modal-title" id="myModalLabel">常见问题解答</p>
+            </div>
+            <div class="modal-body">
+                <span>问:</span>
+                <p>{{Wen}}</p>
+                <span style="color:coral">答:</span>
+                <div>{{Da}}</div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-link" data-dismiss="modal">确认</button>
+            </div>
+        </div>
+    </div>
+</div>
+