修改样式及功能

src/components/pages/tencent/school.vue

@@ -25,15 +25,11 @@
         </div>
       </div>
       <div class="allBox">
-        <div class="halfBox" style="width: 58%;">
+        <div class="halfBox" style="width: 58%">
           <div class="student_head">
             <div>参与校</div>
             <div>
-              <el-button
-                size="small"
-                type="primary"
-                @click="openAddSchool(1)"
-              >
+              <el-button size="small" type="primary" @click="openAddSchool(1)">
                 添加学校</el-button
               >
             </div>
@@ -108,15 +104,11 @@
             ></el-pagination>
           </div>
         </div>
-        <div class="halfBox" style="width: 40%;">
+        <div class="halfBox" style="width: 40%">
           <div class="student_head">
             <div>协同校</div>
             <div>
-              <el-button
-                size="small"
-                type="primary"
-                @click="openAddSchool(2)"
-              >
+              <el-button size="small" type="primary" @click="openAddSchool(2)">
                 添加学校</el-button
               >
             </div>
@@ -139,8 +131,12 @@
               >
                 <el-table-column prop="name" label="学校名称" min-width="30">
                   <template slot-scope="scope">
-                    <div>
-                      {{ scope.row.oid ? scope.row.name+"(已联结)" : scope.row.name }}
+                    <div :class="scope.row.oid ? 'isLj' : ''">
+                      {{
+                        scope.row.oid
+                          ? scope.row.name + "(已联结)"
+                          : scope.row.name
+                      }}
                     </div>
                   </template>
                 </el-table-column>
@@ -216,9 +212,7 @@
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="addSchool"
-          >确 定</el-button
-        >
+        <el-button type="primary" @click="addSchool">确 定</el-button>
       </span>
     </el-dialog>
     <el-dialog
@@ -252,9 +246,7 @@
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible1 = false">取 消</el-button>
-        <el-button type="primary" @click="updateSchool"
-          >确 定</el-button
-        >
+        <el-button type="primary" @click="updateSchool">确 定</el-button>
       </span>
     </el-dialog>
     <el-dialog
@@ -280,9 +272,7 @@
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible2 = false">取 消</el-button>
-        <el-button type="primary" @click="addNoSchool"
-          >确 定</el-button
-        >
+        <el-button type="primary" @click="addNoSchool">确 定</el-button>
       </span>
     </el-dialog>
   </div>
@@ -768,5 +758,9 @@ export default {
   /* width: 50%; */
   margin-top: 10px;
 }
+.isLj {
+  color: #4679ab;
+  font-weight: bold;
+}
 </style>
   

src/components/pages/tencent/teacher.vue

@@ -52,9 +52,7 @@
             :file-list="fileListUpload"
             accept=".xlsx"
           >
-            <el-button size="primary" type="primary"
-              >批量添加</el-button
-            >
+            <el-button size="primary" type="primary">批量添加</el-button>
             <div slot="tip" class="el-upload__tip" style="margin-left: 10px">
               只能上传xlsx文件，且不超过500kb
             </div>
@@ -369,8 +367,14 @@ export default {
           username: this.sMail,
           userpassword: 123456,
           alias: this.sName,
-          org: this.org && this.org != "undefined" && this.org != "null" ? this.org : '',
-          oid: this.org && this.org != "undefined" && this.org != "null" ? this.schoolName : this.oid,
+          org:
+            this.org && this.org != "undefined" && this.org != "null"
+              ? this.org
+              : "",
+          oid:
+            this.org && this.org != "undefined" && this.org != "null"
+              ? this.schoolName
+              : this.oid,
           ph: this.sPhone,
           sid: this.sId,
           cid: "",
@@ -649,7 +653,10 @@ export default {
             {
               arr: newArr,
               userpassword: 123456,
-              org: _this.org && _this.org != "undefined" && _this.org != "null" ? _this.org : '',
+              org:
+                _this.org && _this.org != "undefined" && _this.org != "null"
+                  ? _this.org
+                  : "",
             },
           ];
           _this.ajax
@@ -728,6 +735,14 @@ export default {
 </script>
 
 <style scoped>
+@media screen and (max-width: 1024px) {
+  .student_head {
+    flex-direction: column !important;
+  }
+  .head_right {
+    margin-top: 10px !important;
+  }
+}
 .pb_head > span:nth-child(2) {
   font-size: 20px;
   margin-left: 5px;