صفحهٔ اصلی گشت‌و‌گذار راهنما
ثبت نام ورود
hezhongwen
/
cake
دنبال کردن 1
ستاره دار 0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
فهرست منبع

改 19号

hezhongwen 1 سال پیش
والد
0e7f065d96
کامیت
5dbfca2a7c
15فایلهای تغییر یافته به همراه537 افزوده شده و 80 حذف شده
مشاهده تقسیم شده نمایش آمار تفاوت ها
  1. BIN
      public/favicon.ico
  2. 1 5
      public/index.html
  3. 224 16
      src/App.vue
  4. BIN
      src/assets/common_banner2.c4347a45.jpg
  5. BIN
      src/assets/download.png
  6. BIN
      src/assets/download2.png
  7. BIN
      src/assets/download3.png
  8. BIN
      src/assets/logo.gif
  9. BIN
      src/assets/logo.png
  10. 221 0
      src/components/CenterNav.vue
  11. 0 58
      src/components/HelloWorld.vue
  12. 48 0
      src/components/reset(默认样式).css
  13. 11 1
      src/main.js
  14. 17 0
      src/router/index.js
  15. 15 0
      src/store/index.js

BIN
public/favicon.ico
مشاهده فایل


+ 1 - 5
public/index.html
مشاهده فایل 

@@ -5,13 +5,9 @@
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
-    <title><%= htmlWebpackPlugin.options.title %></title>
 
+    <title>blog</title>
 
   </head>
 
   <body>
 
-    <noscript>
 
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
 
-    </noscript>
 
     <div id="app"></div>
 
-    <!-- built files will be auto injected -->
 
   </body>
 
 </html>

+ 224 - 16
src/App.vue
مشاهده فایل 

@@ -1,28 +1,236 @@
 
 <template>
 
   <div id="app">
 
-    <img alt="Vue logo" src="./assets/logo.png">
 
-    <HelloWorld msg="Welcome to Your Vue.js App"/>
 
+    <div class="Top_warp">
 
+      <div class="imp_top_img">
 
+        <img
 
+          class="image_top"
 
+          src="@/assets/common_banner2.c4347a45.jpg"
 
+          alt=""
 
+        />
 
+        <div class="font_warp">
 
+          <div class="font_center">
 
+            <div class="font_center_imp">
 
+              <div class="picture">
 
+                <img class="image_top" src="@/assets/download.png" alt="" />
 
+              </div>
 
+              <div>
 
+                <p
 
+                  style="
 
+                    line-height: 93px;
 
+                    font-size: 20px;
 
+                    font-weight: 700;
 
+                    margin-left: 14px;
 
+                    color: white;
 
+                  "
 
+                >
 
+                  贵州省人才人事公共服务平台
 
+                </p>
 
+              </div>
 
+              <div class="font_warp_item" style="margin-left: 32px">
 
+                <p
 
+                  class="font_warp_item_font"
 
+                  style="border-bottom: 3px solid white"
 
+                >
 
+                  首页
 
+                </p>
 
+              </div>
 
+              <div class="font_warp_item">
 
+                <p class="font_warp_item_font">公式公告</p>
 
+              </div>
 
+              <div class="HumanHead">
 
+                <img
 
+                  class="HumanHead_pic"
 
+                  src="@/assets/download2.png"
 
+                  alt=""
 
+                />
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div class="imp_top_bottom">
 
+        <div class="bottom_warp">
 
+          <span
 
+            class="el-icon-location"
 
+            style="font-size: 18px; color: #626262"
 
+          ></span>
 
+          <span style="font-size: 14px; line-height: 49px; color: #626262"
 
+            >当前所在位置：</span
 
+          >
 
+          <span style="font-size: 14px; line-height: 49px; color: #626262"
 
+            >首页</span
 
+          >
 
+          <i
 
+            class="el-icon-arrow-right"
 
+            style="color: #c0c4cc; font-size: 14px; padding: 6px"
 
+          >
 
+          </i>
 
+          <span style="font-size: 14px; line-height: 49px; color: #49a1f9"
 
+            >职称证书查询</span
 
+          >
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <CenterNav />
 
+    <div class="center_bottom">
 
+        <div class="center_bottom_core">
 
+          <div class="core_list">
 
+              <div class="list_list">
 
+                <p>主办单位：贵州省人力资源和社会保障厅</p>
 
+                <p>地址：贵州省贵阳市延安中路20号</p>
 
+                <p>邮编：550001</p>
 
+              </div>
 
+              <div class="list_list">
 
+                <p>技术支持：创智和宇信息技术股份有限公司</p>
 
+                <p>地址：湖南省长沙市高新开发区欣盛路159号</p>
 
+                <p>邮编：410000</p>
 
+              </div>
 
+              <div class="list_list">
 
+                <p>业务咨询服务热线：0851-85837326</p>
 
+                <p>备案号：黔ICP备19004957号</p>
 
+                <p>&nbsp;</p>
 
+              </div>
 
+      
+
 
+          </div>
 
+
 
+        </div>
 
+    </div>
 
   </div>
 
 </template>
 
 
 <script>
 
-import HelloWorld from './components/HelloWorld.vue'
 
-
 
+import CenterNav from "./components/CenterNav.vue";
 
 export default {
 
-  name: 'App',
 
-  components: {
 
-    HelloWorld
 
-  }
 
-}
 
+  name: "App",
 
+  components: { CenterNav },
 
+};
 
 </script>
 
 
-<style>
 
+<style lang="less">
 
+// 隐藏滚动条
 
+::-webkit-scrollbar {
 
+  width: 0 !important;
 
+}
 
+::-webkit-scrollbar {
 
+  width: 0 !important;
 
+  height: 0;
 
+}
 
+
 
+* {
 
+  margin: 0;
 
+  padding: 0;
 
+}
 
+ul {
 
+  list-style: none;
 
+}
 
 #app {
 
-  font-family: Avenir, Helvetica, Arial, sans-serif;
 
-  -webkit-font-smoothing: antialiased;
 
-  -moz-osx-font-smoothing: grayscale;
 
-  text-align: center;
 
-  color: #2c3e50;
 
-  margin-top: 60px;
 
+  min-width: 516px;
 
+  top: 0;
 
+  left: 0;
 
+  right: 0;
 
+  bottom: 0;
 
+  .Top_warp {
 
+    .imp_top_img {
 
+      position: relative;
 
+      width: 100%;
 
+      .image_top {
 
+        width: 100%;
 
+      }
 
+      .font_warp {
 
+        position: absolute;
 
+        top: 0;
 
+        width: 100%;
 
+        height: 96px;
 
+        // background-color: red;
 
+        border-bottom: 1px solid #dad8d8;
 
+        .font_center {
 
+          position: absolute;
 
+          left: 0;
 
+          right: 0;
 
+          margin: 0 auto;
 
+          width: 1182px;
 
+          height: 100px;
 
+          // background-color: rgb(38, 182, 38);
 
+          .font_center_imp {
 
+            display: flex;
 
+            .picture {
 
+              width: 37px;
 
+              line-height: 120px;
 
+            }
 
+            .font_warp_item {
 
+              line-height: 93px;
 
+              .font_warp_item_font {
 
+                padding: 0 15px;
 
+                font-size: 16px;
 
+                text-align: center;
 
+                color: white;
 
+              }
 
+            }
 
+            .HumanHead {
 
+              .HumanHead_pic {
 
+                width: 60px;
 
+                height: 60px;
 
+                margin-top: 20px;
 
+                margin-left: 620px;
 
+                border-radius: 50%;
 
+                cursor: pointer;
 
+              }
 
+            }
 
+          }
 
+        }
 
+      }
 
+    }
 
+
 
+    .imp_top_bottom {
 
+      position: relative;
 
+      width: 100%;
 
+      height: 49px;
 
+      background-color: #f2f2f2;
 
+      margin-top: -2px;
 
+      .bottom_warp {
 
+        position: absolute;
 
+        width: 1182px;
 
+        height: 100%;
 
+        left: 0;
 
+        right: 0;
 
+        margin: 0 auto;
 
+        // background-color: red;
 
+      }
 
+    }
 
+ 
+  }
 
+  .center_bottom{
 
+    display: relative;
 
+      width: 100%;
 
+      height: 200px;
 
+      background-color: #0e1d43;
 
+      .center_bottom_core{
 
+       width: 1182px;
 
+        height: 200px;
 
+        position: absolute;
 
+        left: 0;right: 0;
 
+        margin: 0 auto;
 
+        // background-color: yellow;
 
+        .core_list{
 
+          display: flex;
 
+          justify-content: space-between;
 
+          .list_list{
 
+            display: flex;
 
+            flex-direction: column;
 
+            justify-content: center;
 
+            width: 320px;
 
+            height: 200px;
 
+            // padding-top: 50px;
 
+            // background-color: red;
 
+            p{
 
+              padding:4px 0;
 
+              font-size: 16px;
 
+              color:#fff;
 
+            }
 
+          }
 
+        }
 
+      }
 
+    }
 
 }
 
 </style>

BIN
src/assets/common_banner2.c4347a45.jpg
مشاهده فایل


BIN
src/assets/download.png
مشاهده فایل


BIN
src/assets/download2.png
مشاهده فایل


BIN
src/assets/download3.png
مشاهده فایل


BIN
src/assets/logo.gif
مشاهده فایل


BIN
src/assets/logo.png
مشاهده فایل


+ 221 - 0
src/components/CenterNav.vue
مشاهده فایل 

@@ -0,0 +1,221 @@
 
+<template>
 
+  <div id="app">
 
+    <div class="warp_center">
 
+      <div class="center_top">
 
+        <span> 职称证书查询 </span>
 
+      </div>
 
+      <div class="center_down">
 
+        <div class="core_all">
 
+          <div class="core_all_top">
 
+            <span>数据筛选</span>
 
+          </div>
 
+          <div class="core_all_search">
 
+            <el-form
 
+              :inline="true"
 
+              :model="formInline"
 
+              class="demo-form-inline"
 
+            >
 
+              <el-form-item label="姓名" size="small "   >
 
+                <el-input
 
+                  v-model="formInline.name"
 
+                  clearable
 
+                  placeholder="请输入"
 
+                  style="width: 90%"
 
+                ></el-input>
 
+              </el-form-item>
 
+              <el-form-item label="证件号码" size="small " style="margin-left:-20px">
 
+                <el-input
 
+                  v-model="formInline.number"
 
+                  clearable
 
+                  placeholder="请输入"
 
+                  style="width: 90%"
 
+                ></el-input>
 
+              </el-form-item>
 
+              <el-form-item label="证件编号" size="small" style="margin-left:63px">
 
+                <el-input
 
+                  v-model="formInline.code"
 
+                  clearable
 
+                  placeholder="请输入"
 
+                  style="width: 90%"
 
+                ></el-input>
 
+              </el-form-item>
 
+              <el-form-item style="margin-left:50px">
 
+                <el-button
 
+                  type="primary"
 
+                  @click="onSubmit"
 
+                  round
 
+                  size="medium"
 
+                  >搜  索</el-button
 
+                >
 
+                <el-button  @click="onSubmit" size="medium" round >重  置</el-button>
 
+              </el-form-item>
 
+            </el-form>
 
+          </div>
 
+          <div class="describe">
 
+                <el-divider content-position="left">提示：请提供姓名+证件号码或姓名+证书编号进行查询。</el-divider>
 
+          </div>
 
+             <div class="core_all_top">
 
+            <span>证书信息</span>
 
+          </div>
 
+          <div class="form">
 
+            <el-table
 
+             class="exporttable"
 
+                :data="tableData"
 
+                border
 
+                :header-cell-style="{background:'#f0f2f5',color:'#101010'}"
 
+                style="width: 100%">
 
+                <template slot="empty">
 
+                    <el-empty :image="require('../assets/download3.png')" image-size="140"></el-empty>
 
+              </template>
 
+                <el-table-column
 
+                  prop="date"
 
+                  align="center"
 
+                  label="证书系列"
 
+                  >
 
+                </el-table-column>
 
+                <el-table-column
 
+                  prop="name"
 
+                  align="center"
 
+                  label="职称名称"
 
+                 >
 
+                </el-table-column>
 
+                <el-table-column
 
+                  prop="address"
 
+                  align="center"
 
+
 
+                  label="证书编号">
 
+                </el-table-column>
 
+                <el-table-column
 
+                  fixed="right"
 
+                  label="操作"
 
+                  align="center"
 
+                  >
 
+                  <template slot-scope="scope">
 
+                    <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
 
+                  </template>
 
+                </el-table-column>
 
+              </el-table>
 
+          </div>
 
+        </div>
 
+      </div>
 
+ 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  name: "App",
 
+  data() {
 
+    return {
 
+      formInline: {
 
+        name: "",
 
+        number:"",
 
+        code:""
 
+
 
+      },
 
+      tableData:[
 
+        // {
 
+        //   date: '2016-05-02',
 
+        //   name: '王小虎',
 
+        //   province: '上海',
 
+        //   city: '普陀区',
 
+        //   address: '上海市普陀区金沙江路 1518 弄',
 
+        //   zip: 200333
 
+        // }
 
+        ]
 
+    };
 
+  },
 
+  methods:{
 
+    handleClick(){
 
+
 
+    }
 
+  }
 
+};
 
+</script>
 
+
 
+<style lang="less">
 
+.el-table th {
 
+  background-color: blue;
 
+}
 
+// .el-table th .cell{
 
+//   color: #101010;
 
+// }
 
+#app {
 
+  position: relative;
 
+  min-width: 516px;
 
+  top: 0;
 
+  left: 0;
 
+  right: 0;
 
+  bottom: 0;
 
+    height: 760px;
 
+  .warp_center {
 
+    position: absolute;
 
+    top: 40px;
 
+    left: 0;
 
+    right: 0;
 
+    margin: 0 auto;
 
+    width: 1182px;
 
+    // height: 660px;
 
+    background-color: #236efb;
 
+    border-radius: 8px;
 
+    box-shadow: 0 6px 49px 0 rgba(90, 117, 168, 0.29);
 
+    .center_top {
 
+      width: 100%;
 
+      height: 50px;
 
+      //   background-color: yellow;
 
+      border-radius: 8px;
 
+      span {
 
+        font-size: 20px;
 
+        line-height: 50px;
 
+        margin-left: 38px;
 
+        color: #fff;
 
+      }
 
+    }
 
+    .center_down {
 
+      display: relative;
 
+      width: 100%;
 
+      height: 610px;
 
+      background-color: #fff;
 
+      border-radius: 7px;
 
+      .core_all {
 
+        position: absolute;
 
+        top: 70px;
 
+        left: 0;
 
+        right: 0;
 
+        margin: 0 auto;
 
+        width: 1130px;
 
+        // height: 100%;
 
+        // background-color: red;
 
+        .core_all_top {
 
+          width: 100%;
 
+          height: 45px;
 
+          //   background-color: green;
 
+          border-bottom: 1px solid #d7d7d7;
 
+          margin-bottom: 20px;
 
+
 
+          span {
 
+            height: 45px;
 
+            line-height: 45px;
 
+            font-size: 14px;
 
+            color: #236efb;
 
+          }
 
+        }
 
+        .core_all_search {
 
+          width: 100%;
 
+          height: 44px;
 
+          //   background-color: pink;
 
+          el-input {
 
+            height: 32px;
 
+            line-height: 32px;
 
+          }
 
+        }
 
+        .exporttable {
 
+            border: solid 1px #e5e3e3;
 
+        }
 
+      }
 
+    }
 
+
 
+  }
 
+}
 
+</style>

+ 0 - 58
src/components/HelloWorld.vue
مشاهده فایل 

@@ -1,58 +0,0 @@
 
-<template>
 
-  <div class="hello">
 
-    <h1>{{ msg }}</h1>
 
-    <p>
 
-      For a guide and recipes on how to configure / customize this project,<br>
 
-      check out the
 
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
 
-    </p>
 
-    <h3>Installed CLI Plugins</h3>
 
-    <ul>
 
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
 
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
 
-    </ul>
 
-    <h3>Essential Links</h3>
 
-    <ul>
 
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
 
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
 
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
 
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
 
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
 
-    </ul>
 
-    <h3>Ecosystem</h3>
 
-    <ul>
 
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
 
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
 
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
 
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
 
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
 
-    </ul>
 
-  </div>
 
-</template>
 
-
 
-<script>
 
-export default {
 
-  name: 'HelloWorld',
 
-  props: {
 
-    msg: String
 
-  }
 
-}
 
-</script>
 
-
 
-<!-- Add "scoped" attribute to limit CSS to this component only -->
 
-<style scoped>
 
-h3 {
 
-  margin: 40px 0 0;
 
-}
 
-ul {
 
-  list-style-type: none;
 
-  padding: 0;
 
-}
 
-li {
 
-  display: inline-block;
 
-  margin: 0 10px;
 
-}
 
-a {
 
-  color: #42b983;
 
-}
 
-</style>

+ 48 - 0
src/components/reset(默认样式).css
مشاهده فایل 

@@ -0,0 +1,48 @@
 
+html {
 
+    font-family: "Microsoft YaHei", serif;
 
+    font-size: 14px;
 
+}
 
+body,
 
+h1,
 
+h2,
 
+h3,
 
+h4,
 
+h5,
 
+h6,
 
+hr,
 
+p,
 
+blockquote,
 
+dl,
 
+dt,
 
+dd,
 
+ul,
 
+ol,
 
+li,
 
+pre,
 
+fieldset,
 
+button,
 
+input,
 
+textarea,
 
+th,
 
+td {
 
+    margin: 0;
 
+    padding: 0;
 
+}
 
+ul,
 
+ol {
 
+    list-style: none;
 
+}
 
+/* 閲嶇疆鏂囨湰鏍煎紡鍏冪礌 */
 
+a {
 
+    text-decoration: none;
 
+    color: inherit;
 
+}
 
+/* 閲嶇疆琛ㄦ牸鍏冪礌 */
 
+table {
 
+    border-collapse: collapse;
 
+    border-spacing: 0;
 
+}
 
+/*鍥剧墖鍧楀寲涓庡幓鎺塱e杈规*/
 
+img {
 
+    border: 0;
 
+}

+ 11 - 1
src/main.js
مشاهده فایل 

@@ -1,8 +1,18 @@
 
 import Vue from 'vue'
 
 import App from './App.vue'
 
+import router from './router'
 
+import store from './store'
 
+// 引入element-ui
 
+import ElementUI from 'element-ui';
 
+import 'element-ui/lib/theme-chalk/index.css';
 
+import 'element-ui/lib/theme-chalk/display.css';
 
 
 Vue.config.productionTip = false
 
+Vue.use(ElementUI);
 
+
 
 
 new Vue({
 
-  render: h => h(App),
 
+  router,
 
+  store,
 
+  render: h => h(App)
 
 }).$mount('#app')

+ 17 - 0
src/router/index.js
مشاهده فایل 

@@ -0,0 +1,17 @@
 
+import Vue from 'vue'
 
+import VueRouter from 'vue-router'
 
+
 
+Vue.use(VueRouter)
 
+
 
+const routes = [
 
+
 
+
 
+]
 
+
 
+const router = new VueRouter({
 
+  mode: 'history',
 
+  base: process.env.BASE_URL,
 
+  routes
 
+})
 
+
 
+export default router

+ 15 - 0
src/store/index.js
مشاهده فایل 

@@ -0,0 +1,15 @@
 
+import Vue from 'vue'
 
+import Vuex from 'vuex'
 
+
 
+Vue.use(Vuex)
 
+
 
+export default new Vuex.Store({
 
+  state: {
 
+  },
 
+  mutations: {
 
+  },
 
+  actions: {
 
+  },
 
+  modules: {
 
+  }
 
+})