table空状态 时间组件

src/views/education/add-manager.vue

@@ -28,26 +28,28 @@
           </el-form-item>
           <el-form-item label="项目时间：" required>
             <el-col :span="3">
-              <el-form-item label>
+              <el-form-item prop="projectBegintime">
                 <el-date-picker
                   v-model="formData.projectBegintime"
                   size="mini"
-                  type="date"
+                  type="datetime"
                   placeholder="请选择开始时间"
                   value-format="yyyy-MM-dd HH:mm:ss"
                   :picker-options="pickerOptions0"
                 ></el-date-picker>
               </el-form-item>
             </el-col>
-            <el-col :span="5">
-              <el-form-item label="~">
+            <el-col class="line" :span="0"></el-col>
+            <el-col :span="4">
+              <el-form-item label=" " prop="projectEndtime">
                 <el-date-picker
                   v-model="formData.projectEndtime"
                   size="mini"
-                  type="date"
+                  type="datetime"
                   placeholder="请选择结束时间"
-                  value-format="yyyy-MM-dd 23:59:59"
+                  value-format="yyyy-MM-dd HH:mm:ss"
                   :picker-options="pickerOptions1"
+                  default-time="23:59:59"
                 ></el-date-picker>
               </el-form-item>
             </el-col>
@@ -254,6 +256,12 @@
               <el-table-column prop="cityName" label="所属城市" align="center"></el-table-column>
               <el-table-column prop="countyName" label="所属区县" align="center"></el-table-column>
               <el-table-column prop="townName" label="所属街道" align="center"></el-table-column>
+              <div slot="empty">
+                <div class="table-empty">
+                  <img src="../../assets/image/no-content1.png">
+                  <p>没有查询到相关结果</p>
+                </div>
+              </div>
             </el-table>
             <div class="pagination">
               <el-pagination
@@ -280,6 +288,12 @@
               >
                 <el-table-column type="selection" width="55"></el-table-column>
                 <el-table-column prop="name" label="科室名称" align="center"></el-table-column>
+                <div slot="empty">
+                  <div class="table-empty">
+                    <img src="../../assets/image/no-content1.png">
+                    <p>没有查询到相关结果</p>
+                  </div>
+                </div>
               </el-table>
             </el-col>
           </el-tab-pane>
@@ -338,6 +352,12 @@
               <el-table-column prop="provinceName" label="所属省份" align="center"></el-table-column>
               <el-table-column prop="cityName" label="所属城市" align="center"></el-table-column>
               <el-table-column prop="countyName" label="所属区县" align="center"></el-table-column>
+              <div slot="empty">
+                <div class="table-empty">
+                  <img src="../../assets/image/no-content1.png">
+                  <p>没有查询到相关结果</p>
+                </div>
+              </div>
             </el-table>
             <div class="pagination">
               <el-pagination
@@ -601,7 +621,6 @@ export default {
         ],
         projectBegintime: [
           {
-            type: "date",
             required: true,
             message: "请选择时间",
             trigger: "change"
@@ -609,7 +628,6 @@ export default {
         ],
         projectEndtime: [
           {
-            type: "date",
             required: true,
             message: "请选择时间",
             trigger: "change"
@@ -1010,7 +1028,6 @@ export default {
                 });
               }
             });
-
           } else {
             //没有选择范围
             vm.$message({
@@ -1225,7 +1242,7 @@ export default {
         if (this.idType == 1) {
           this.getAdministrative();
         } else {
-          this.activeName = 'second';
+          this.activeName = "second";
           this.getOrganization();
         }
       }
@@ -1612,7 +1629,7 @@ export default {
         }
       } else if (type == "administrativeUpdate") {
         //console.log(this.allSelectedKeys.length);
-        if(this.allSelectedKeys.length > 0) {
+        if (this.allSelectedKeys.length > 0) {
           for (let i = 0; i < this.allSelectedKeys.length; i++) {
             scope +=
               this.allSelectedKeys[i].key + ":" + this.allSelectedKeys[i].type;
@@ -1624,8 +1641,7 @@ export default {
           let noChangeTree = this.getTreeCheck();
           console.log(noChangeTree);
           for (let i = 0; i < noChangeTree.length; i++) {
-            scope +=
-              noChangeTree[i].key + ":" + noChangeTree[i].type;
+            scope += noChangeTree[i].key + ":" + noChangeTree[i].type;
             if (i < noChangeTree.length - 1) {
               scope += "|";
             }
@@ -2019,6 +2035,14 @@ export default {
   .second-step {
     margin: 10px 0 0 20px;
     //隐藏树展开
+    .table-empty {
+      img {
+        width: 100px;
+      }
+      p {
+        margin-top: -50px;
+      }
+    }
     .el-tree-node__expand-icon {
       display: none;
     }

src/views/education/item-manager.vue

@@ -27,7 +27,7 @@
               <el-date-picker
                 v-model="formInline.projectBegintime"
                 size="mini"
-                type="date"
+                type="datetime"
                 placeholder="请选择开始时间"
                 value-format="yyyy-MM-dd HH:mm:ss"
                 :picker-options="pickerOptions0"
@@ -39,14 +39,15 @@
               <el-date-picker
                 v-model="formInline.projectEndtime"
                 size="mini"
-                type="date"
+                type="datetime"
                 placeholder="请选择结束时间"
-                value-format="yyyy-MM-dd 23:59:59"
+                value-format="yyyy-MM-dd HH:mm:ss"
                 :picker-options="pickerOptions1"
+                default-time="23:59:59"
               ></el-date-picker>
             </el-form-item>
           </el-col>
-          <el-col :span="9" style="padding:0;text-align:right;padding-right:15px;">
+          <el-col :span="8" style="padding:0;text-align:right;padding-right:15px;">
             <el-button type="primary" size="small" @click="getProjectList">查询</el-button>
             <el-button type="default" size="small" @click="resetForm" style="margin-left:0;">重置</el-button>
           </el-col>
@@ -149,6 +150,12 @@
             >删除</el-button>
           </template>
         </el-table-column>
+        <div slot="empty">
+          <div class="table-empty">
+            <img src="../../assets/image/no-content1.png">
+            <p>没有查询到相关结果</p>
+          </div>
+        </div>
       </el-table>
       <div class="pagination">
         <el-pagination
@@ -277,8 +284,8 @@ export default {
       let typeStr = parseInt(type);
       //console.log("状态："+projectStatus+ "等级：" + level + " 按钮类型：" + type);
       //console.log('idType',idType);
-      let buttonStatus = ''; 
-      if(idType == 1) {
+      let buttonStatus = "";
+      if (idType == 1) {
         //内部项目
         buttonStatus = returnData().buttonStatusIn;
       } else {
@@ -404,6 +411,14 @@ export default {
     .add-button {
       float: right;
     }
+    .table-empty {
+      img {
+        width: 100px;
+      }
+      p {
+        margin-top: -50px;
+      }
+    }
   }
 }
 </style>
\ No newline at end of file

src/views/system/item-role.vue

@@ -57,10 +57,7 @@
           </el-col>
         </el-form>
       </el-row>
-      <el-table
-        :data="tableData"
-        style="width: 100%"
-      >
+      <el-table :data="tableData" style="width: 100%">
         <el-table-column prop="userId" label="用户ID" align="center"></el-table-column>
         <el-table-column prop="userName" label="姓名" align="center"></el-table-column>
         <el-table-column prop="projeceRole" label="角色" align="center">
@@ -92,6 +89,12 @@
             >降为普通用户</el-button>
           </template>
         </el-table-column>
+        <div slot="empty">
+          <div class="table-empty">
+            <img src="../../assets/image/no-content1.png">
+            <p>没有查询到相关结果</p>
+          </div>
+        </div>
       </el-table>
       <div class="pagination">
         <el-pagination
@@ -342,6 +345,14 @@ export default {
         color: #449284;
       }
     }
+    .table-empty {
+      img {
+        width: 100px;
+      }
+      p {
+        margin-top: -50px;
+      }
+    }
   }
 }
 </style>
\ No newline at end of file

src/views/system/role.vue

@@ -15,7 +15,7 @@
               <el-date-picker
                 v-model="formInline.projectBegintime"
                 size="mini"
-                type="date"
+                type="datetime"
                 placeholder="请选择开始时间"
                 value-format="yyyy-MM-dd HH:mm:ss"
                 :picker-options="pickerOptions0"
@@ -27,10 +27,11 @@
               <el-date-picker
                 v-model="formInline.projectEndtime"
                 size="mini"
-                type="date"
+                type="datetime"
                 placeholder="请选择结束时间"
-                value-format="yyyy-MM-dd 23:59:59"
+                value-format="yyyy-MM-dd HH:mm:ss"
                 :picker-options="pickerOptions1"
+                default-time="23:59:59"
               ></el-date-picker>
             </el-form-item>
           </el-col>
@@ -40,9 +41,7 @@
           </el-col>
         </el-form>
       </el-row>
-      <el-table
-        :data="tableData" style="width: 100%"
-      >
+      <el-table :data="tableData" style="width: 100%">
         <el-table-column prop="id" label="ID编号" min-width="100" align="center"></el-table-column>
         <el-table-column prop="projectName" label="项目名称" min-width="100" align="center"></el-table-column>
         <el-table-column prop="createdName" label="创建人" align="center"></el-table-column>
@@ -59,6 +58,12 @@
             <el-button type="primary" size="small" @click="toPage(scope.row)">查看项目人员</el-button>
           </template>
         </el-table-column>
+        <div slot="empty">
+          <div class="table-empty">
+            <img src="../../assets/image/no-content1.png">
+            <p>没有查询到相关结果</p>
+          </div>
+        </div>
       </el-table>
       <div class="pagination">
         <el-pagination
@@ -100,12 +105,15 @@ export default {
         projectEndtime: "",
         pageNo: 1,
         pageSize: 10,
-        type: 2,
+        type: 2
       },
       pickerOptions0: {
         disabledDate: time => {
           if (this.formInline.projectEndtime != "") {
-            return time.getTime() > new Date(this.formInline.projectEndtime).getTime();
+            return (
+              time.getTime() >
+              new Date(this.formInline.projectEndtime).getTime()
+            );
           }
         }
       },
@@ -180,13 +188,14 @@ export default {
     .add-button {
       float: right;
     }
-    // .el-table .cell {
-    //   color: #929292;
-    // }
-    // .el-table th > .cell {
-    //   font-weight: bold;
-    //   color: #000;
-    // }
+    .table-empty {
+      img {
+        width: 100px;
+      }
+      p {
+        margin-top: -50px;
+      }
+    }
   }
 }
 </style>
\ No newline at end of file