feat:首页1

 export default {
-  SERVERAPI: '/service-bdcdj-Tian',
-  // SERVERCAI: '/service-bdcdj-Tian'
+  SERVERAPI: '/service-bdcdj-xq',
+  // SERVERCAI: '/service-bdcdj-xiaqi'
 }
\ No newline at end of file

@@ -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;
   }

@@ -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',
-        value: 31982
-      }, {
-        year: '1998',
-        value: 32040
+        year: '1995',
+        value: 17000
       }, {
-        year: '1999',
-        value: 33233
+        year: '1996',
+        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

@@ -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: '',

 <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 () {