Startseite Erkunden Hilfe
Registrieren Anmelden
CQ_JD
/
nazw
2
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Quellcode durchsuchen

添加页面

xyg vor 7 Monaten
Ursprung
0463d27c77
Commit
eec715cfda
32 geänderte Dateien mit 933 neuen und 2 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. 332 0
      nngkxxdp/src/main/resources/static/naxsb/dqfw.html
  2. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/bg-tsfw1.png
  3. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/bg-tsfw2.png
  4. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/bg-tsfw3.png
  5. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/bg-tsfw4.png
  6. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/bg-tsfw5.png
  7. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/bg-tsfwr.png
  8. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/cyfw1.png
  9. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/cyfw2.png
  10. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/cyfw3.png
  11. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/cyfw4.png
  12. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/kbqy1.png
  13. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/kbqy2.png
  14. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/kbqy3.png
  15. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/kbqy4.png
  16. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/logo-cyfw.png
  17. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/logo-kbqy.png
  18. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/logo-person.png
  19. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/logo-qyjy.png
  20. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/logo-qyzx.png
  21. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/qyjy1.png
  22. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/qyjy2.png
  23. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/qyjy3.png
  24. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/qyjy4.png
  25. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/qyzx1.png
  26. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/qyzx2.png
  27. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/qyzx3.png
  28. BIN
      nngkxxdp/src/main/resources/static/naxsb/images/qyzx4.png
  29. 1 1
      nngkxxdp/src/main/resources/static/naxsb/indexsyyg.html
  30. 357 0
      nngkxxdp/src/main/resources/static/naxsb/qysmzq.html
  31. 0 1
      nngkxxdp/src/main/resources/static/naxsb/tdcr.html
  32. 243 0
      nngkxxdp/src/main/resources/static/naxsb/tsfw.html

+ 332 - 0
nngkxxdp/src/main/resources/static/naxsb/dqfw.html
Datei anzeigen 

@@ -0,0 +1,332 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+    <!-- 引入 Vue -->
 
+    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
 
+    <!-- 引入样式 -->
 
+    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
 
+    <!-- 引入组件库 -->
 
+    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
 
+    <!-- jquery-->
 
+    <script src="js/jquery-3.5.1.min.js"></script>
 
+    <style>
 
+        * {
 
+            padding: 0;
 
+            margin: 0;
 
+        }
 
+
 
+        html,
 
+        body {
 
+            margin: 0;
 
+            padding: 0;
 
+            font-family: Microsoft YaHei;
 
+            height: 100%;
 
+            background: #EDF5FF;
 
+        }
 
+
 
+        @font-face {
 
+            font-family: 'DOUYU';
 
+            src: url('../fonts/DOUYUFONT-2.OTF');
 
+            font-weight: normal;
 
+            font-style: normal;
 
+        }
 
+
 
+        .dqfw>.top {
 
+            display: flex;
 
+            justify-content: space-between;
 
+            align-items: center;
 
+            border-bottom: 1px solid #B7C7DC;
 
+            background: #FFFFFF;
 
+        }
 
+
 
+        .toplogo {
 
+            display: flex;
 
+            align-items: center;
 
+            font-family: DOUYU;
 
+            font-weight: normal;
 
+            font-size: 30px;
 
+            color: #186FF0;
 
+            height: 66px;
 
+            cursor: pointer;
 
+        }
 
+
 
+        .toplogo img {
 
+            margin: 0 20px;
 
+        }
 
+
 
+        .backbutton {
 
+            width: 117px;
 
+            height: 42px;
 
+            background: #DEEDFF;
 
+            border-radius: 10px;
 
+            font-family: Microsoft YaHei;
 
+            font-weight: 400;
 
+            font-size: 16px;
 
+            color: #2474F1;
 
+            display: flex;
 
+            align-items: center;
 
+            justify-content: center;
 
+            margin-right: 10px;
 
+        }
 
+
 
+        .backbutton img {
 
+            margin-right: 10px;
 
+        }
 
+
 
+        .container {
 
+            display: flex;
 
+            justify-content: space-between;
 
+            min-width: 1300px;
 
+        }
 
+
 
+        .container>.left {
 
+            width: 36%;
 
+            background: #fff;
 
+        }
 
+
 
+        .container>.left .title {
 
+            padding-left: 30px;
 
+            box-sizing: border-box;
 
+            height: 53px;
 
+            line-height: 53px;
 
+            background: #DEEDFF;
 
+            font-size: 20px;
 
+            color: #4B98F6;
 
+        }
 
+
 
+        .container>.left li {
 
+            cursor: pointer;
 
+            margin: 10px 0;
 
+        }
 
+
 
+        .container>.left li.active {
 
+            color: #4B98F6;
 
+        }
 
+
 
+        .container>.right {
 
+            background: #fff;
 
+            width: 63%;
 
+            min-width: 790px;
 
+        }
 
+
 
+        .dqfw .line {
 
+            width: 4px;
 
+            height: 20px;
 
+            background: #4B98F6;
 
+            margin: 0 10px;
 
+        }
 
+
 
+        .container>.right .title {
 
+            display: flex;
 
+            align-items: center;
 
+            color: #4B98F6;
 
+            padding: 10px;
 
+            box-sizing: border-box;
 
+            border-bottom: 1px solid #4B98F6;
 
+        }
 
+
 
+        .container>.right .title span {
 
+            word-break: break-all;
 
+            overflow: hidden;
 
+            white-space: nowrap;
 
+            text-overflow: ellipsis;
 
+        }
 
+
 
+        .container>.right .content {
 
+            border: 1px solid #4B98F6;
 
+            margin: 10px;
 
+        }
 
+
 
+        .content .person {
 
+            width: 100%;
 
+            height: 161px;
 
+            display: flex;
 
+        }
 
+
 
+        .content .person .grzl {
 
+            width: 36%;
 
+            display: flex;
 
+            background: #4B98F6;
 
+            color: #FFFFFF;
 
+            padding-top: 10px;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        .content .person .grzl img {
 
+            width: 51px;
 
+            height: 51px;
 
+        }
 
+
 
+        .content .person .grzl p:first-child {
 
+            font-size: 26px;
 
+            color: #FFFFFF;
 
+            line-height: 48px;
 
+            text-shadow: 3px 5px 7px rgba(44, 119, 210, 0.43);
 
+            background: linear-gradient(0deg, rgba(172, 204, 243, 0.98) 0%, rgba(255, 255, 255, 0.98) 99.12109375%);
 
+            -webkit-background-clip: text;
 
+            -webkit-text-fill-color: transparent;
 
+        }
 
+
 
+        .content .person .sevre {
 
+            color: #4B98F6;
 
+            padding: 40px;
 
+            background: #DEEDFF;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        .content>.bottom {
 
+            padding: 35px;
 
+            box-sizing: border-box;
 
+        }
 
+
 
+        .content>.bottom .name {
 
+            /*height: 51px;*/
 
+            /* line-height: 51px; */
 
+            padding: 10px 0;
 
+            background: #4BB664;
 
+            font-size: 20px;
 
+            color: #FFFFFF;
 
+            padding-left: 30px;
 
+            margin-bottom: 30px;
 
+            /* word-break: break-all; */
 
+            /* overflow: hidden; */
 
+            /* white-space: nowrap; */
 
+            /* text-overflow: ellipsis;*/
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+    <div class="dqfw" id="dqfw">
 
+        <div class="top">
 
+            <div class="toplogo">
 
+                <img src="images/gyylogo.png" alt="">
 
+                <span>党群服务</span>
 
+            </div>
 
+            <div class="backbutton" @click="window.history.go(-1)">
 
+                <img src="images/backlogo.png" alt="">
 
+                <span>返回</span>
 
+            </div>
 
+        </div>
 
+        <div class="container">
 
+            <div class="left">
 
+                <div class="list" v-for="(item, index)  in leftList" :key="index">
 
+                    <div class="title">{{item.name}}</div>
 
+                    <ul style="padding-left: 40px;">
 
+                        <li :class="{ active: currentTab == tabl.id }" v-for="(tabl, indexl)  in item.content"
 
+                            :key="indexl" @click="menuChange(tabl.id)">
 
+                            {{tabl.title}}
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+            </div>
 
+            <div class="right">
 
+                <div class="title">
 
+                    <div class="line"></div>
 
+                    <span>{{rightdata.title}}</span>
 
+                </div>
 
+                <div class="content">
 
+                    <div class="person">
 
+                        <div class="grzl">
 
+                            <img src="images/logo-person.png" alt="">
 
+                            <div>
 
+                                <p>联系人</p>
 
+                                <p><span>姓名：</span><span>{{rightdata.person.name}}</span></p>
 
+                                <p><span>联系电话：</span><span>{{rightdata.person.tel}}</span></p>
 
+                                <p><span>地址：</span><span>{{rightdata.person.addr}}</span></p>
 
+                            </div>
 
+                        </div>
 
+                        <div class="sevre">{{rightdata.serve}}</div>
 
+                    </div>
 
+                    <div class="bottom">
 
+                        <div class="name">{{rightdata.title}}</div>
 
+                        <div style="color: #333333;line-height: 48px;">{{rightdata.content}}</div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+</body>
 
+<script>
 
+    // 初始化Vue实例
 
+    new Vue({
 
+        el: '#dqfw',
 
+        data: function () {
 
+            return {
 
+                currentTab: '',
 
+                leftList: [
 
+                    {
 
+                        id: 1,
 
+                        name: "党建服务事项",
 
+                        content: [
 
+                            {
 
+                                id: 1,
 
+                                title: "经开区新建非公党组织流程图"
 
+                            },
 
+                            {
 
+                                id: 2,
 
+                                title: "发展党员工作流程图"
 
+                            }
 
+                        ]
 
+                    },
 
+                    {
 
+                        id: 2,
 
+                        name: "工会服务事项",
 
+                        content: [
 
+                            {
 
+                                id: 3,
 
+                                title: "建会工作"
 
+                            },
 
+                            {
 
+                                id: 4,
 
+                                title: "建档困难职工申报工作"
 
+                            },
 
+                            {
 
+                                id: 5,
 
+                                title: "荣誉申报工作"
 
+                            }
 
+                        ]
 
+                    },
 
+                    {
 
+                        id: 3,
 
+                        name: "统战服务事项",
 
+                        content: [{
 
+                            id: 6,
 
+                            title: "申请加入经开区商会、南岸区知联会经开区分会、南岸区新专联经开区分会的条件和流程"
 
+                        }]
 
+                    }
 
+                ],
 
+                rightdata: {
 
+                    title: "申请加入经开区商会、南岸区知联会经开区分会、南岸区新专联经开区分会的条件和流程",
 
+                    person: {
 
+                        name: "韦阳",
 
+                        tel: "62900936、18983356510",
 
+                        addr: "重庆经开区管委会709办公室"
 
+                    },
 
+                    serve: "统筹经开区工会工作，涉及建会、建档困难职工申报、荣誉申报等工作。",
 
+                    content: `（1）了解企业基本情况，其中包括：企业名称、企业地址（注册地和实际经营地）职工人数等相关信息，可通过电话联系或上门走访的方式进行了解。
 
+（2）企业满足建会条件后，将成立工会的模版（成立工会的请示、选举结果的报告）发给企业，由企业将相关信息填报后报经开区总工会，经开区总工会收到后做好收文登记，并为企业拟定相关批复。
 
+（3）企业拿到批复后，到南岸区行政中心A区1号楼103办公室（联系人：王粒亚，联系电话：62989357）开具刻章介绍信。
 
+（4）刻章介绍信拿到后，可推送刻章人员微信，联系刻章人员刻章（南岸区公安分局合法公章指定刻制单位地址：重庆市南岸区茶园新区汇成路1号附1号2—9淦浩印章（重庆农村商业银行楼上），联系人：王雪鹏，联系电话：13983373991）。
 
+（5）刻章完成后，到南岸区职工服务中心办理工会法人资格证（联系人：周恬，联系电话：62757621）。
 
+（6）工会法人资格证办理完成后，到银行开设工会的独立账户。`
 
+                }
 
+            };
 
+        },
 
+        methods: {
 
+            menuChange(id) {
 
+                this.currentTab = id;
 
+            },
 
+        },
 
+        mounted() {
 
+
 
+        }
 
+    });
 
+</script>
 
+
 
+</html>

BIN
nngkxxdp/src/main/resources/static/naxsb/images/bg-tsfw1.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/bg-tsfw2.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/bg-tsfw3.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/bg-tsfw4.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/bg-tsfw5.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/bg-tsfwr.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/cyfw1.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/cyfw2.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/cyfw3.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/cyfw4.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/kbqy1.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/kbqy2.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/kbqy3.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/kbqy4.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/logo-cyfw.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/logo-kbqy.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/logo-person.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/logo-qyjy.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/logo-qyzx.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/qyjy1.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/qyjy2.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/qyjy3.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/qyjy4.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/qyzx1.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/qyzx2.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/qyzx3.png
Datei anzeigen


BIN
nngkxxdp/src/main/resources/static/naxsb/images/qyzx4.png
Datei anzeigen


+ 1 - 1
nngkxxdp/src/main/resources/static/naxsb/indexsyyg.html
Datei anzeigen 

@@ -297,7 +297,7 @@
 
             getParkData() {
 
                 let that = this;
 
                 $.ajax({
 
-                    url: "http://172.16.99.102:8082/parkData/",
 
+                    url: "http://172.16.99.105:8082/parkData/",
 
                     type: "get",
 
                     dataType: "json",
 
                     success: function (data) {

+ 357 - 0
nngkxxdp/src/main/resources/static/naxsb/qysmzq.html
Datei anzeigen 

@@ -0,0 +1,357 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+    <style>
 
+        * {
 
+            padding: 0;
 
+            margin: 0;
 
+        }
 
+
 
+        html,
 
+        body {
 
+            margin: 0;
 
+            padding: 0;
 
+            font-family: Microsoft YaHei;
 
+            height: 100%;
 
+            background: #EDF5FF;
 
+        }
 
+
 
+        @font-face {
 
+            font-family: 'DOUYU';
 
+            src: url('../fonts/DOUYUFONT-2.OTF');
 
+            font-weight: normal;
 
+            font-style: normal;
 
+        }
 
+
 
+        .qysmzq>.top {
 
+            display: flex;
 
+            justify-content: space-between;
 
+            align-items: center;
 
+            border-bottom: 1px solid #B7C7DC;
 
+            background: #FFFFFF;
 
+        }
 
+
 
+        .toplogo {
 
+            display: flex;
 
+            align-items: center;
 
+            font-family: DOUYU;
 
+            font-weight: normal;
 
+            font-size: 30px;
 
+            color: #186FF0;
 
+            height: 66px;
 
+            cursor: pointer;
 
+        }
 
+
 
+        .toplogo img {
 
+            margin: 0 20px;
 
+        }
 
+
 
+        .backbutton {
 
+            width: 117px;
 
+            height: 42px;
 
+            background: #DEEDFF;
 
+            border-radius: 10px;
 
+            font-family: Microsoft YaHei;
 
+            font-weight: 400;
 
+            font-size: 16px;
 
+            color: #2474F1;
 
+            display: flex;
 
+            align-items: center;
 
+            justify-content: center;
 
+            margin-right: 10px;
 
+        }
 
+
 
+        .backbutton img {
 
+            margin-right: 0.625rem;
 
+        }
 
+
 
+        .qysmzq {
 
+            height: 100%;
 
+            min-height: 930px;
 
+            max-height: 1080px;
 
+        }
 
+
 
+        .container {
 
+            height: 100%;
 
+            padding: 10px;
 
+            display: flex;
 
+            flex-wrap: wrap;
 
+            justify-content: space-between;
 
+        }
 
+
 
+
 
+        .conlist {
 
+            width: 49.5%;
 
+            min-width: 727px;
 
+            height: 49%;
 
+            min-height: 380px;
 
+            padding: 20px;
 
+            box-sizing: border-box;
 
+            background: #FFFFFF;
 
+            margin-bottom: 20px;
 
+        }
 
+
 
+        .conlist .list {
 
+            display: flex;
 
+            align-items: center;
 
+            font-size: 20px;
 
+            color: #999999;
 
+        }
 
+
 
+        .conlist .top {
 
+            display: flex;
 
+            align-items: center;
 
+            justify-content: space-between;
 
+        }
 
+
 
+        .conlist .list .title span {
 
+            white-space: nowrap;
 
+            word-break: break-all;
 
+            overflow: hidden;
 
+            text-overflow: ellipsis;
 
+        }
 
+
 
+        .conlist .top .title span:first-child {
 
+            font-size: 30px;
 
+            color: #333333;
 
+            font-weight: bold;
 
+        }
 
+
 
+        .conlist .top img {
 
+            margin-right: 15px;
 
+        }
 
+
 
+        .conlist .top .more {
 
+            color: #186FF0;
 
+            cursor: pointer;
 
+        }
 
+
 
+        .conlist .list .title span:first-child {
 
+            margin-bottom: 10px;
 
+        }
 
+
 
+        .conlist .list .title {
 
+            display: flex;
 
+            flex-direction: column;
 
+        }
 
+
 
+        .conlist .content {
 
+            display: flex;
 
+            flex-wrap: wrap;
 
+            justify-content: space-between;
 
+            height: calc(100% - 76px);
 
+        }
 
+
 
+        .conlist .content img {
 
+            margin: 15px;
 
+        }
 
+
 
+        .conlist .content .list {
 
+            width: 48%;
 
+            padding: 10px;
 
+            border: 1px solid #DADADA;
 
+            box-sizing: border-box;
 
+            margin-top: 20px;
 
+        }
 
+
 
+        .conlist .content .title {
 
+            width: 70%;
 
+        }
 
+
 
+        .conlist .content .title span:first-child {
 
+            font-size: 26px;
 
+            color: #333333;
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+    <div class="qysmzq">
 
+        <div class="top">
 
+            <div class="toplogo">
 
+                <img src="images/gyylogo.png" alt="">
 
+                <span>企业生命周期</span>
 
+            </div>
 
+            <div class="backbutton" @click="window.history.go(-1)">
 
+                <img src="images/backlogo.png" alt="">
 
+                <span>返回</span>
 
+            </div>
 
+        </div>
 
+        <div class="container">
 
+            <div class="conlist">
 
+                <div class="top">
 
+                    <div class="list">
 
+                        <img src="images/logo-cyfw.png" alt="">
 
+                        <div class="title">
 
+                            <span>创业服务</span>
 
+                            <span>包括企业选址服务</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="more">更多>></div>
 
+                </div>
 
+                <div class="content">
 
+                    <div class="list">
 
+                        <img src="images/cyfw1.png" alt="">
 
+                        <div class="title">
 
+                            <span>不动产信息检索</span>
 
+                            <span>提供企业用地、厂房信息查询</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="list">
 
+                        <img src="images/cyfw2.png" alt="">
 
+                        <div class="title">
 
+                            <span>出具不动产查询结果</span>
 
+                            <span>提供出具不动产信息的查询结果</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="list">
 
+                        <img src="images/cyfw3.png" alt="">
 
+                        <div class="title">
 
+                            <span>南岸区产业地图</span>
 
+                            <span>提供全区的产业地图并分区说明</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="list">
 
+                        <img src="images/cyfw4.png" alt="">
 
+                        <div class="title">
 
+                            <span>南岸区投资优势</span>
 
+                            <span>投资南岸若干优势</span>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="conlist">
 
+                <div class="top">
 
+                    <div class="list">
 
+                        <img src="images/logo-kbqy.png" alt="">
 
+                        <div class="title">
 
+                            <span>开办企业</span>
 
+                            <span>包括开办企业、初创服务、住所（经营场所）场地服务</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="more">更多>></div>
 
+                </div>
 
+                <div class="content">
 
+                    <div class="list">
 
+                        <img src="images/kbqy1.png" alt="">
 
+                        <div class="title">
 
+                            <span>包括企业选址服务</span>
 
+                            <span>提供一表申报完成企业注册领...</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="list">
 
+                        <img src="images/kbqy2.png" alt="">
 
+                        <div class="title">
 
+                            <span>企业注册</span>
 
+                            <span>提供个体工商户、内资企业、...</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="list">
 
+                        <img src="images/kbqy3.png" alt="">
 
+                        <div class="title">
 
+                            <span>公司印章服务</span>
 
+                            <span>提供企业、非法人组织的印章备...</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="list">
 
+                        <img src="images/kbqy4.png" alt="">
 
+                        <div class="title">
 
+                            <span>企业银行账户服务</span>
 
+                            <span>提供银税三方（委托）划缴协议</span>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="conlist">
 
+                <div class="top">
 
+                    <div class="list">
 
+                        <img src="images/logo-qyjy.png" alt="">
 
+                        <div class="title">
 
+                            <span>企业经营</span>
 
+                            <span>包括人力资源服务、财税服务、工商服务、贸易管理、企业信用...</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="more">更多>></div>
 
+                </div>
 
+                <div class="content">
 
+                    <div class="list">
 
+                        <img src="images/qyjy1.png" alt="">
 
+                        <div class="title">
 
+                            <span>集体合同审查备案</span>
 
+                            <span>为企业职工质检进行集体协商，</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="list">
 
+                        <img src="images/qyjy2.png" alt="">
 
+                        <div class="title">
 
+                            <span>社保服务</span>
 
+                            <span>为企业职工提供参保信息变更</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="list">
 
+                        <img src="images/qyjy3.png" alt="">
 
+                        <div class="title">
 
+                            <span>住房补贴</span>
 
+                            <span>对法人金融机构的高管，给予...</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="list">
 
+                        <img src="images/qyjy4.png" alt="">
 
+                        <div class="title">
 
+                            <span>办税日历</span>
 
+                            <span>可查看2024年国家税务总局广...</span>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="conlist">
 
+                <div class="top">
 
+                    <div class="list">
 
+                        <img src="images/logo-qyzx.png" alt="">
 
+                        <div class="title">
 
+                            <span>企业注销</span>
 
+                            <span>包括人力资源服务、财税服务、工商服务、贸易管理、企业信用...</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="more">更多>></div>
 
+                </div>
 
+                <div class="content">
 
+                    <div class="list">
 
+                        <img src="images/qyzx1.png" alt="">
 
+                        <div class="title">
 
+                            <span>企业注销一网通</span>
 
+                            <span>为企业提供注销服务</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="list">
 
+                        <img src="images/qyzx2.png" alt="">
 
+                        <div class="title">
 
+                            <span>企业注销登记</span>
 
+                            <span>为内外资企业、个体户、非公...</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="list">
 
+                        <img src="images/qyzx3.png" alt="">
 
+                        <div class="title">
 
+                            <span>企业裁员备案</span>
 
+                            <span>提供企业经营性裁员报告备案</span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="list">
 
+                        <img src="images/qyzx4.png" alt="">
 
+                        <div class="title">
 
+                            <span>【视频解读】办理破产</span>
 
+                            <span>13条举措解读破产企业如何办</span>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+</body>
 
+
 
+</html>

+ 0 - 1
nngkxxdp/src/main/resources/static/naxsb/tdcr.html
Datei anzeigen 

@@ -186,7 +186,6 @@
 
         },
 
         methods: {
 
             backIndex() {
 
-                console.log(111)
 
                 window.history.go(-1)
 
             },
 
             imgDetail(imgurl) {

+ 243 - 0
nngkxxdp/src/main/resources/static/naxsb/tsfw.html
Datei anzeigen 

@@ -0,0 +1,243 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+    <!-- 引入 Vue -->
 
+    <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
 
+    <!-- 引入样式 -->
 
+    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
 
+    <!-- 引入组件库 -->
 
+    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
 
+    <!-- jquery-->
 
+    <script src="js/jquery-3.5.1.min.js"></script>
 
+    <style>
 
+        * {
 
+            padding: 0;
 
+            margin: 0;
 
+        }
 
+
 
+        html,
 
+        body {
 
+            margin: 0;
 
+            padding: 0;
 
+            font-family: Microsoft YaHei;
 
+            height: 100%;
 
+            background: #EDF5FF;
 
+        }
 
+
 
+        @font-face {
 
+            font-family: 'DOUYU';
 
+            src: url('../fonts/DOUYUFONT-2.OTF');
 
+            font-weight: normal;
 
+            font-style: normal;
 
+        }
 
+
 
+        .tsfw>.top {
 
+            display: flex;
 
+            justify-content: space-between;
 
+            align-items: center;
 
+            border-bottom: 1px solid #B7C7DC;
 
+            background: #FFFFFF;
 
+        }
 
+
 
+        .toplogo {
 
+            display: flex;
 
+            align-items: center;
 
+            font-family: DOUYU;
 
+            font-weight: normal;
 
+            font-size: 30px;
 
+            color: #186FF0;
 
+            height: 66px;
 
+            cursor: pointer;
 
+        }
 
+
 
+        .toplogo img {
 
+            margin: 0 20px;
 
+        }
 
+
 
+        .backbutton {
 
+            width: 117px;
 
+            height: 42px;
 
+            background: #DEEDFF;
 
+            border-radius: 10px;
 
+            font-family: Microsoft YaHei;
 
+            font-weight: 400;
 
+            font-size: 16px;
 
+            color: #2474F1;
 
+            display: flex;
 
+            align-items: center;
 
+            justify-content: center;
 
+            margin-right: 10px;
 
+        }
 
+
 
+        .backbutton img {
 
+            margin-right: 10px;
 
+        }
 
+
 
+        .tsfw>.container {
 
+            display: flex;
 
+            padding: 10px;
 
+        }
 
+
 
+        .tsfw>.container .left {
 
+            width: 74.5%;
 
+        }
 
+
 
+        .tsfw>.container .right {
 
+            width: 25%;
 
+            background-image: url(images/bg-tsfwr.png);
 
+            background-size: 100% 100%;
 
+            margin-top: 10px;
 
+            padding: 0 20px;
 
+            box-sizing: border-box;
 
+            display: flex;
 
+            flex-direction: column;
 
+            justify-content: center;
 
+            min-width: 380px;
 
+        }
 
+
 
+        .tsfw .left .list {
 
+            display: flex;
 
+            margin-top: 10px;
 
+            min-width: 820px;
 
+        }
 
+
 
+        .tsfw .left .title {
 
+            position: relative;
 
+            width: 30%;
 
+        }
 
+
 
+        .tsfw .left .content {
 
+            width: 69.5%;
 
+            background: #DEEDFF;
 
+            border: 1px solid #4B98F6;
 
+            font-size: 20px;
 
+            color: #4B98F6;
 
+            line-height: 36px;
 
+            padding: 20px 30px;
 
+            box-sizing: border-box;
 
+            margin-left: 5px;
 
+        }
 
+
 
+        .tsfw .left .title p {
 
+            white-space: nowrap;
 
+            position: absolute;
 
+            top: 50%;
 
+            left: 50%;
 
+            transform: translate(-50%, -50%);
 
+            font-family: Microsoft YaHei;
 
+            font-weight: bold;
 
+            font-size: 40px;
 
+            color: #FFFFFF;
 
+            text-shadow: 3px 5px 7px rgba(11, 58, 165, 0.43);
 
+            background: linear-gradient(0deg, rgba(172, 204, 243, 0.98) 0%, rgba(255, 255, 255, 0.98) 99.12109375%);
 
+            -webkit-background-clip: text;
 
+            -webkit-text-fill-color: transparent;
 
+        }
 
+
 
+        .tsfw .rlist {
 
+            display: flex;
 
+            flex-direction: column;
 
+            font-size: 26px;
 
+            color: #FFFFFF;
 
+            margin-bottom: 50px;
 
+        }
 
+
 
+        .tsfw .rlist p:first-child {
 
+            margin-bottom: 10px;
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body>
 
+    <div class="tsfw" id="tsfw">
 
+        <div class="top">
 
+            <div class="toplogo">
 
+                <img src="images/gyylogo.png" alt="">
 
+                <span>茶园工业园区特色服务</span>
 
+            </div>
 
+            <div class="backbutton" @click="window.history.go(-1)">
 
+                <img src="images/backlogo.png" alt="">
 
+                <span>返回</span>
 
+            </div>
 
+        </div>
 
+        <div class="container">
 
+            <div class="left">
 
+                <div class="list" v-for="(item, index)  in leftList" :key="index">
 
+                    <div class="title">
 
+                        <img :src="'images/bg-tsfw'+(index+1)+'.png'" alt="" style="width: 100%;height: 100%;">
 
+                        <p>{{item.name}}</p>
 
+                    </div>
 
+                    <div class="content">
 
+                        <div v-for="(tabl, indexl)  in item.content" :key="indexl">
 
+                            {{tabl}}
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="right">
 
+                <div class="rlist">
 
+                    <p>联系人：</p>
 
+                    <p>茶园工业园企业服务专员</p>
 
+                </div>
 
+                <div class="rlist">
 
+                    <p>电话：</p>
 
+                    <p>17774971650</p>
 
+                </div>
 
+                <div class="rlist">
 
+                    <p>地址：</p>
 
+                    <p>玉马路科创中心8号B栋104办公室</p>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+</body>
 
+<script>
 
+    // 初始化Vue实例
 
+    new Vue({
 
+        el: '#tsfw',
 
+        data: function () {
 
+            return {
 
+                leftList: [
 
+                    {
 
+                        id: 1,
 
+                        name: "载体服务",
 
+                        content: ["1.提供选址（厂房、用地）载体支持", "2.提供自持载体租赁和物业服务", "3.协助考察确定载体选址", "4.协助人才公寓等用房申请", "5.科技型企业入库"]
 
+                    },
 
+                    {
 
+                        id: 2,
 
+                        name: "政策申报服务",
 
+                        content: ["1.高新技术企业申报", "2.专精特新、小巨人等申报", "3.运行局、改发局等政府惠企政策申报", "4.市场合作、企业推广、产品推广等"]
 
+                    },
 
+                    {
 
+                        id: 3,
 
+                        name: "市场服务",
 
+                        content: ["对接优质专业的三方机构，解决企业财税服务、法律服务、知识产权 等方面需求"]
 
+                    },
 
+                    {
 
+                        id: 4,
 
+                        name: "政策申报服务",
 
+                        content: ["1.高新技术企业申报", "2.专精特新、小巨人等申报", "3.运行局、改发局等政府惠企政策申报", "4.市场合作、企业推广、产品推广等"]
 
+                    },
 
+                    {
 
+                        id: 5,
 
+                        name: "政策申报服务",
 
+                        content: ["1.高新技术企业申报", "2.专精特新、小巨人等申报", "3.运行局、改发局等政府惠企政策申报", "4.市场合作、企业推广、产品推广等"]
 
+                    },
 
+                ],
 
+            };
 
+        },
 
+        methods: {
 
+
 
+        },
 
+        mounted() {
 
+
 
+        }
 
+    });
 
+</script>
 
+
 
+</html>