pc管理端界面优化

pc/src/views/ClassTime.vue

@@ -29,17 +29,19 @@
 							</el-date-picker>
 						</el-col>
 						<el-col :span="6">
-							<em>教练:</em>
-							<el-select v-model="panel.teacherName">
-								<el-option
-									v-for="item in panel.TeacherOptions"
-									:key="item.Id"
-									:label="item.Name"
-									:value="item.Name"
-								>
-								</el-option>
-							</el-select>
-						</el-col>
+              <em>教练:</em>
+              <el-input v-model="panel.teacherName" placeholder="请输入教练"></el-input>
+
+              <!--							<el-select v-model="panel.teacherName">-->
+              <!--								<el-option-->
+              <!--									v-for="item in panel.TeacherOptions"-->
+              <!--									:key="item.Id"-->
+              <!--									:label="item.Name"-->
+              <!--									:value="item.Name"-->
+              <!--								>-->
+              <!--								</el-option>-->
+              <!--							</el-select>-->
+            </el-col>
 						<el-col :span="1">
 							<el-button
 								size=""
@@ -161,22 +163,22 @@ export default {
 			draw: 1,
 			// panel 配置项目
 			panel: {
-				shopName: "",
-				contacts: "",
-				phone: "",
-				userCode: "",
-				tel: "",
-				teacherName: "全部",
-				shopId: "",
-				shopList: 0,
-				options: [],
-				draw: 1,
-				start: 0,
-				recordsTotal: 0,
-				tableData: [],
-				allTableData: [],
-				limit: "10",
-				multipleSort: false,
+        shopName: "",
+        contacts: "",
+        phone: "",
+        userCode: "",
+        tel: "",
+        teacherName: "",
+        shopId: "",
+        shopList: 0,
+        options: [],
+        draw: 1,
+        start: 0,
+        recordsTotal: 0,
+        tableData: [],
+        allTableData: [],
+        limit: "10",
+        multipleSort: false,
 				loading: false,
 				fileList: [],
 				TeacherOptions: [],
@@ -692,21 +694,34 @@ export default {
 	overflow: hidden;
 	display: block;
 	margin: 0 auto;
-	margin-top: 10px;
+  margin-top: 10px;
 }
 
 .dialogFooter button {
-	float: right;
-	margin-left: 10px;
+  float: right;
+  margin-left: 10px;
 }
+
 .panel /deep/ .el-date-editor .el-range-separator {
-	line-height: 22px;
+  line-height: 22px;
+}
+
+.el-input {
+  width: 70%;
+}
+
+.panel .panel_control em {
+  line-height: 35px;
 }
 
 /*ipad only*/
 @media only screen and (max-width: 1366px) {
-	.panel /deep/ .el-date-editor--daterange {
-		width: 80%;
-	}
+  .panel /deep/ .el-date-editor--daterange {
+    width: 100%;
+  }
+
+  .el-input {
+    width: 100%;
+  }
 }
 </style>

pc/src/views/ShopManage.vue

@@ -539,18 +539,26 @@
 </script>
 
 <style scoped>
-    @import "../assets/css/panel.css";
+@import "../assets/css/panel.css";
 
-    .context {
-        /* height: 770px; */
-        overflow-y: scroll;
+.el-input {
+  width: 70%;
+}
 
-        display: block;
-        margin: 0 auto;
-        background-color: #fff !important;
-        padding: 30px;
-        padding-bottom: 60px;
-    }
+.panel .panel_control em {
+  line-height: 35px;
+}
+
+.context {
+  /* height: 770px; */
+  overflow-y: scroll;
+
+  display: block;
+  margin: 0 auto;
+  background-color: #fff !important;
+  padding: 30px;
+  padding-bottom: 60px;
+}
 
     .panel-body {
         padding: 20px;
@@ -597,14 +605,21 @@
 
     .dialogFooter {
         width: 90%;
-        overflow: hidden;
-        display: block;
-        margin: 0 auto;
-        margin-top: 10px;
+      overflow: hidden;
+      display: block;
+      margin: 0 auto;
+      margin-top: 10px;
     }
 
-    .dialogFooter button {
-        float: right;
-        margin-left: 10px;
-    }
+.dialogFooter button {
+  float: right;
+  margin-left: 10px;
+}
+
+/*ipad only*/
+@media only screen and (max-width: 1366px) {
+  .el-input {
+    width: 100%;
+  }
+}
 </style>