修改样式

src/components/pages/kindStudentEva/test/diary.vue

@@ -2,8 +2,8 @@
   <div class="diary">
     <div class="diary-content">
       <!-- 分类与导出 -->
-      <div class="top" :style="{marginBottom: !ftypeId?0:80+'px'}">
-        <div class="oneType" >
+      <div class="top" :style="{ marginBottom: !ftypeId ? 0 : 80 + 'px' }">
+        <div class="oneType">
           <div class="all_choose" style="margin: 0;">
             <div
               @click="clickFtypeId('')"
@@ -259,8 +259,8 @@ export default {
     clickFtypeId(e) {
       this.ftypeId = e;
       this.stypeId = "";
-      this.page = 1
-      this.total=0
+      this.page = 1;
+      this.total = 0;
       this.getData();
     },
     clickStypeId(e) {
@@ -324,9 +324,9 @@ export default {
               allsType.push(sctysotypepe[[i]]);
             }
           }
-            this.ftypeId = '';
-            this.sftypeId = '';
-            this.page = 1
+          this.ftypeId = "";
+          this.sftypeId = "";
+          this.page = 1;
           var VeidooJson = {};
           for (var i = 0; i < allfType.length; i++) {
             if (!VeidooJson[allfType[i].id]) {
@@ -384,7 +384,7 @@ export default {
     },
     // 修改与查看记录
     updateCred(e, t) {
-      console.log('eeeeeeeeeeee',e);
+      console.log("eeeeeeeeeeee", e);
       this.judgeNum = t;
       if (!Array.isArray(e.type)) {
         if (!e.type) {
@@ -545,7 +545,7 @@ export default {
             .then(res => {
               // console.log(res);
               // this.selectData();
-              this.getData()
+              this.getData();
               this.$message({
                 type: "success",
                 message: "已删除"
@@ -681,8 +681,9 @@ export default {
   font-size: 16px;
   position: relative;
   align-items: center;
-  justify-content: center;
-  padding: 16px;
+  width: auto;
+  margin-right: 30px;
+  padding: 16px 0;
   color: rgba(54, 129, 252, 1);
 }
 .onTypeTxt2 {
@@ -691,18 +692,19 @@ export default {
   font-size: 16px;
   position: relative;
   align-items: center;
-  justify-content: center;
-  padding: 16px;
+  width: auto;
+  margin-right: 30px;
+  padding: 16px 0;
   color: rgba(0, 0, 0, 0.9);
 }
 .line {
   position: absolute;
   left: 50%;
-  bottom: 0;
   transform: translate(-50%, 0);
+  bottom: 0;
   height: 3px;
   background-color: #3681fc;
-  width: 50%;
+  width: 70%;
 }
 .wordBtn {
   cursor: pointer;

src/components/pages/kindStudentEva/test/index.vue

@@ -76,19 +76,21 @@ export default {
   data() {
     return {
       type: 1,
-      role:'',
+      role: ""
     };
   },
   methods: {
     checkType(type) {
       this.type = type;
     },
-    backClaBtn(){
-      this.$router.push(`/studentEva?userid=${this.userid}&oid=${this.oid}&org=${this.org}&cid=${this.cid}&role=${this.role}`)
+    backClaBtn() {
+      this.$router.push(
+        `/studentEva?userid=${this.userid}&oid=${this.oid}&org=${this.org}&cid=${this.cid}&role=${this.role}`
+      );
     }
   },
   mounted() {
-    this.role=this.$route.query.role;
+    this.role = this.$route.query.role;
     // console.log('this.$route.query',this.$route.query);
   }
 };
@@ -115,7 +117,9 @@ export default {
   align-items: center;
   justify-content: space-between;
   margin-left: 20px;
-  width: 95%;
+  box-sizing: border-box;
+  width: calc(100% - 25px);
+  padding-right: 45px;
 }
 .i_body_title > .title_box {
   display: flex;
@@ -129,8 +133,9 @@ export default {
   color: #fff;
   padding: 5px 20px;
   display: flex;
-  justify-content: center;align-items: center;
-  border-radius: 5px;
+  justify-content: center;
+  align-items: center;
+  border-radius: 3px;
   cursor: pointer;
 }
 .i_body_title > .title_box > .title_item {