feat:首页1

任超
Showing 5 changed files with 87 additions and 25 deletions
src/api/config.js
src/views/home/index.scss
src/views/home/index.vue
src/views/ywbl/components/search.vue
src/views/ywbl/dbx/dbx.vue
--- a/src/api/config.js
View file @9aa810b
+++ b/src/api/config.js
View file @9aa810b
 export default {
-  SERVERAPI: '/service-bdcdj-Tian',
+  SERVERAPI: '/service-bdcdj-xq',
-  // SERVERCAI: '/service-bdcdj-Tian'
+  // SERVERCAI: '/service-bdcdj-xiaqi'
 }
\ No newline at end of file
--- a/src/views/home/index.scss
View file @9aa810b
+++ b/src/views/home/index.scss
View file @9aa810b
@@ -7,6 +7,28 @@
    justify-content: space-between;
  }
+  .workbench {
+    flex-wrap: wrap;
+    height: 100%;
+    li {
+      width: 32.5%;
+      height: 118px;
+      @include flex-center;
+      flex-direction: column;
+      color: #fff;
+      i {
+        color: #fff;
+        font-size: 30px;
+      }
+    }
+    li:nth-child(1) {
+      margin-bottom: 6px;
+    }
+  }
  .marginZL15 {
    margin: 0 15px;
  }
@@ -36,7 +58,7 @@
    ul {
      li {
        line-height: 36px;
        p {
          white-space: nowrap;
        }
--- a/src/views/home/index.vue
View file @9aa810b
+++ b/src/views/home/index.vue
View file @9aa810b
@@ -3,8 +3,14 @@
    <div class="home-left">
      <el-row :gutter="8">
        <el-col :span="12">
-          <el-card shadow="hover">
+          <el-card shadow="hover" :body-style="{ padding: '0' }">
-            鼠标悬浮时显示
+            <ul class="workbench flexst">
+              <li v-for="(item, index) in newsListData" class="pointer" :key="index"
+                :style="{ backgroundColor: item.color }">
+                <i class="el-icon-s-claim"></i>
+                {{ item.title }}
+              </li>
+            </ul>
          </el-card>
        </el-col>
        <el-col :span="12">
@@ -14,7 +20,7 @@
              <i class="el-icon-s-unfold pointer"></i>
            </div>
            <ul>
-              <li v-for="(item, index) in notice" :key="index" class="flexst">
+              <li v-for="(item, index) in notice" :key="index" class="flexst pointer">
                <p class="list-title">{{ item.title }}</p>
                <p class="marginZL15">{{ item.date }}</p>
                <p>{{ item.state }}</p>
@@ -41,11 +47,11 @@
        <el-col :span="12">
          <el-card shadow="hover">
            <div slot="header" class="flexst">
-              <h5 class="title">公司邮件</h5>
+              <h5 class="title">法律法规</h5>
              <i class="el-icon-s-unfold pointer"></i>
            </div>
            <ul>
-              <li v-for="(item, index) in mailList" :key="index" class="flexst">
+              <li v-for="(item, index) in mailList" @click="handleView" :key="index" class="flexst pointer">
                <p class="right15">{{ item.date }}</p>
                <p class="list-title">{{ item.title }}</p>
              </li>
@@ -73,6 +79,38 @@ export default {
  components: { calendar },
  data () {
    return {
+      newsListData: [
+        {
+          icon: '',
+          title: '任务',
+          color: '#61AEFF'
+        },
+        {
+          icon: '',
+          title: '邮件',
+          color: '#43DEB3'
+        },
+        {
+          icon: '',
+          title: '消息',
+          color: '#F3C143'
+        },
+        {
+          icon: '',
+          title: '日历',
+          color: '#F09936'
+        },
+        {
+          icon: '',
+          title: '常用功能',
+          color: '#9C92FF'
+        },
+        {
+          icon: '',
+          title: '申请',
+          color: '#589FFF'
+        }
+      ],
      chartData: [{
        year: '1991',
        value: 15468
@@ -92,14 +130,11 @@ export default {
        year: '1996',
        value: 31056
      }, {
-        year: '1997',
+        year: '1995',
-        value: 31982
+        value: 17000
-      }, {
-        year: '1998',
-        value: 32040
      }, {
-        year: '1999',
+        year: '1996',
-        value: 33233
+        value: 31056
      }],
      notice: [
        {
@@ -168,6 +203,10 @@ export default {
    this.buildChart();
  },
  methods: {
+    handleView () {
+      const href = 'http://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf'
+      window.open(href, '_blank');
+    },
    buildChart () {
      var chart = new G2.Chart({
        container: 'mountNode',
@@ -204,5 +243,6 @@ export default {
 }
 </script>
 <style scoped lang="scss">
+@import "~@/styles/mixin.scss";
 @import "./index.scss";
 </style>
\ No newline at end of file
--- a/src/views/ywbl/components/search.vue
View file @9aa810b
+++ b/src/views/ywbl/components/search.vue
View file @9aa810b
@@ -8,11 +8,6 @@
    <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
      <el-row>
        <el-col :span="8">
-          <el-form-item label="业务来源" prop="ywlymc">
-            <el-input v-model="ruleForm.ywlymc"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
          <el-form-item label="申请业务名称" prop="sqywmc">
            <el-input v-model="ruleForm.sqywmc"></el-input>
          </el-form-item>
@@ -22,13 +17,13 @@
            <el-input v-model="ruleForm.qlrmc"></el-input>
          </el-form-item>
        </el-col>
-      </el-row>
-      <el-row>
        <el-col :span="8">
          <el-form-item label="义务人" prop="ywrmc">
            <el-input v-model="ruleForm.ywrmc"></el-input>
          </el-form-item>
        </el-col>
+      </el-row>
+      <el-row>
        <el-col :span="8">
          <el-form-item label="受理时间" prop="slsj">
            <el-date-picker v-model="ruleForm.slsj" value-format="yyyy-MM-dd" class="width100" type="date"
@@ -55,7 +50,6 @@ export default {
    return {
      myValue: this.value,
      ruleForm: {
-        ywlymc: '',
        sqywmc: '',
        qlrmc: '',
        ywrmc: '',
--- a/src/views/ywbl/dbx/dbx.vue
View file @9aa810b
+++ b/src/views/ywbl/dbx/dbx.vue
View file @9aa810b
 <template>
  <div class="from-clues">
-    <!-- 表单部分 -->
    <div class="from-clues-header">
      <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px">
        <el-row>
@@ -57,7 +56,7 @@
    </div>
    <div class="from-clues-content">
      <lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort"
-        :current-page.sync="pageData.currentPage" :heightNum="300" :total="tableData.total"
+        :current-page.sync="pageData.currentPage" :heightNum="290" :total="tableData.total"
        @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
        :data="tableData.data">
      </lb-table>
@@ -98,6 +97,13 @@ export default {
    sendThis(this);
    this.queryClick()
  },
+  watch: {
+    queryForm: {
+      handler (newName, oldName) {
+      },
+      immediate: true
+    }
+  },
  methods: {
    // 列表渲染接口
    queryClick () {