kun 19/10/14 22:32

src/views/project/Project.vue

@@ -94,8 +94,13 @@
           </div>
           <!-- 主题内容 -->
           <div class="cc">
-            <template v-for="(item,index) in bgData.info">
-              <div class="list" :key="index" @click="$jParams('schedule',{id:item.id})">
+            <template v-if="cd > 0">
+              <div
+                class="list"
+                v-for="(item,index) in bgData.info"
+                :key="index"
+                @click="$jParams('schedule',{id:item.id})"
+              >
                 <div class="div">
                   <div class="bb">
                     <h3>{{item.name}}</h3>
@@ -128,6 +133,9 @@
                 </dl>
               </div>
             </template>
+            <template v-else>
+              <span>您搜索的内容暂无！</span>
+            </template>
           </div>
         </div>
         <!-- 分页按钮 -->
@@ -228,6 +236,7 @@ export default {
         if (res.data.code === 200) {
           _this.bgData = res.data.data.data
           _this.totalCount = _this.bgData.allPage
+          _this.cd = _this.bgData.info.length
         } else {
           _this.$message.error('请求数据有问题！')
         }
@@ -430,7 +439,7 @@ export default {
                 .block-k {
                   width: 288px;
                   display: inline-block;
-                 /* overflow: hidden;*/
+                  /* overflow: hidden;*/
                   text-overflow: ellipsis;
                   white-space: nowrap;
 
@@ -543,7 +552,7 @@ export default {
         .block {
           /deep/.el-range-editor.el-input__inner {
             width: 325px;
-            background: url("../../../static/img/xa.png") 280px center no-repeat;
+            background: url("../../../static/img/xa.png") 90% center no-repeat;
             background-color: #f9f8f8;
           }
 
@@ -578,16 +587,17 @@ export default {
         }
 
         .one {
-          padding-left: 30px;
+          // padding-left: 30px;
           box-sizing: border-box;
           /* 清除默认的箭头样式 */
           appearance: none;
           -moz-appearance: none;
           -webkit-appearance: none;
           /* 右侧添加小箭头的背景图 */
-          background: url("../../../static/img/xa.png") 280px center no-repeat;
+          background: url("../../../static/img/xa.png") 90% center no-repeat;
           background-size: 14px 8px;
-          width: 325px;
+          // width: 325px;
+          padding: 0px 30px;
           height: 38px;
           background-color: #f9f8f8;
           border-radius: 4px;
@@ -598,17 +608,18 @@ export default {
         }
 
         .two {
-          padding-left: 30px;
-          padding-right: 48px;
+          // padding-left: 30px;
+          // padding-right: 48px;
           box-sizing: border-box;
           /* 清除默认的箭头样式 */
           appearance: none;
           -moz-appearance: none;
           -webkit-appearance: none;
           /* 右侧添加小箭头的背景图 */
-          background: url("../../../static/img/xa.png") 90px center no-repeat;
+          background: url("../../../static/img/xa.png") 90% center no-repeat;
           background-size: 14px 8px;
-          width: 134px;
+          // width: 134px;
+          padding: 0px 30px;
           height: 38px;
           background-color: #f9f8f8;
           border-radius: 4px;
@@ -616,6 +627,7 @@ export default {
           outline: none;
           font-size: 18px;
           color: #666;
+          text-align: center
         }
 
         .three {
@@ -636,6 +648,7 @@ export default {
           outline: none;
           font-size: 18px;
           color: #666;
+          text-align: center
         }
         span {
           display: inline-block;