Przeglądaj źródła

修改案例征集样式及功能

zengyicheng 2 lat temu
rodzic
commit
b8ee7eff94

BIN
src/assets/icon/isNoMessage.png


+ 67 - 19
src/components/pages/disAdmin/anliList.vue

@@ -6,7 +6,7 @@
         <span>案例管理</span>
       </div>
     </div>
-    <div class="touTop">
+    <div class="touTop" v-if="CourseType.length > 0">
       <div class="touLeft">
         <!-- <div>
           <div>案例分类</div>
@@ -36,12 +36,6 @@
               </el-option>
             </el-select>
           </div>
-          <!-- <el-input
-              v-model="anliName"
-              auto-complete="off"
-              placeholder="请输入案例名称"
-              @input="search"
-            ></el-input> -->
           <!-- <div class="anliCss">
             <div>案例筛选</div>
             <el-select v-model="anliBox" clearable @change="search">
@@ -52,6 +46,14 @@
           </div> -->
         </div>
         <div @click="clear" class="clear">重置</div>
+        <div class="aName">
+          <el-input
+            v-model="anliName"
+            auto-complete="off"
+            placeholder="请输入案例名称"
+            @input="search"
+          ></el-input>
+        </div>
       </div>
       <div class="touRight">
         <div></div>
@@ -60,7 +62,10 @@
         </div>
       </div>
     </div>
-    <div class="anliBox" v-loading="isLoading">
+    <div v-if="isNoTableData" class="isNoMessage">
+      <img src="../../../assets/icon/isNoMessage.png" alt />
+    </div>
+    <div class="anliBox" v-loading="isLoading" v-if="tableData.length > 0">
       <div v-for="(a, aIndex) in tableData" :key="aIndex" class="anLi">
         <div class="anliImg">
           <img
@@ -123,6 +128,14 @@
               </el-select>
             </div>
           </div>
+          <div class="aName">
+            <el-input
+              v-model="assCaseName"
+              auto-complete="off"
+              placeholder="请输入案例名称"
+              @input="getAnliBox"
+            ></el-input>
+          </div>
         </div>
         <el-checkbox
           :indeterminate="isIndeterminate"
@@ -132,6 +145,7 @@
           >全选</el-checkbox
         >
         <el-checkbox-group
+          v-loading="caseLoading"
           v-model="checkboxList"
           class="people_name"
           v-if="anliBox1.length"
@@ -296,7 +310,9 @@ export default {
       CourseTypeJson: {},
       courseTypeId: {},
       courseTypeSon: [],
-      anliName:"",
+      anliName: "",
+      assCaseName:"",
+      caseLoading: false,
       anliBox: "",
       tableData: [],
       reviewer: "",
@@ -304,6 +320,7 @@ export default {
       anliBox1: [],
       checkboxList: [],
       checkboxIdList: [],
+      isNoTableData: false,
       isIndeterminate: false,
       isLoading: false,
       checkAll: false,
@@ -444,9 +461,9 @@ export default {
         typec: typec != undefined ? typec : "",
         typed: typed != undefined ? typed : "",
         typeE: typeE.join(","),
-        cid: rc ? rc : "",
         cn: this.anliBox == "" ? 0 : this.anliBox,
-        // title: this.anliName,
+        cid: rc ? rc : "",
+        title: this.anliName,
         page: this.page,
       };
       this.ajax
@@ -483,7 +500,11 @@ export default {
               }
             }
           }
-          this.getAnliList(rc);
+          if (rc) {
+            this.getAnliList(rc);
+          }else{
+            this.getAnliList();
+          }
         })
         .catch((err) => {
           console.error(err);
@@ -505,7 +526,7 @@ export default {
         });
     },
     getReviewerOrAdmin() {
-      if (this.$store.state.userInfo.type == 4) {
+      if (this.$store.state.userInfo.type == 6) {
         this.getUser();
       } else {
         this.selectType();
@@ -521,6 +542,8 @@ export default {
           if (res.data[0].length > 0) {
             var reCid = res.data[0][0].aBox;
             this.selectType(reCid);
+          } else {
+            this.isNoTableData = true;
           }
         })
         .catch((err) => {
@@ -528,8 +551,12 @@ export default {
         });
     },
     getAnliBox() {
+      this.caseLoading = true;
+      let params = {
+        title: this.assCaseName,
+      };
       this.ajax
-        .get(this.$store.state.api + "selecAnliBox")
+        .get(this.$store.state.api + "selecAnliBox", params)
         .then((res) => {
           this.anliBox1 = res.data[0];
           for (var i = 0; i < this.anliBox1.length; i++) {
@@ -540,6 +567,7 @@ export default {
             this.anliBox1[i].proexc = JSON.parse(this.anliBox1[i].proexc);
             this.anliBox1[i].results = JSON.parse(this.anliBox1[i].results);
           }
+          this.caseLoading = false;
         })
         .catch((err) => {
           console.error(err);
@@ -636,9 +664,6 @@ export default {
       } else if (this.scoreDetail[0].scoreAll.fivth == "") {
         this.$message.error("请将信息填写完整");
         return;
-      } else if (this.scoreDetail[0].scoreAll.content == "") {
-        this.$message.error("请将信息填写完整");
-        return;
       }
       let params = {
         rid: this.scoreDetail[0].id,
@@ -870,7 +895,7 @@ export default {
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-end;
   padding: 10px 0 0 0;
 }
 
@@ -1038,10 +1063,15 @@ export default {
   padding: 10px 0 10px 0;
   font-size: 18px;
 }
+.anliTitle > div:nth-child(1),
+.anliBrief > div:nth-child(1) {
+  min-width: 75px;
+  width: 75px;
+}
 .anliTitle > div:nth-child(2),
 .anliBrief > div:nth-child(2) {
   font-size: 17px;
-  margin-left: 10px;
+  margin-left: 35px;
   color: #b0b0b0;
 }
 .anliScore > div:nth-child(2) {
@@ -1061,6 +1091,7 @@ export default {
   border-radius: 15px;
   background: #fafafa;
   height: 30px;
+  font-size: 16px;
 }
 .anliContent {
   width: 80%;
@@ -1157,4 +1188,21 @@ export default {
   border-radius: 5px;
   cursor: pointer;
 }
+.isNoMessage {
+  width: 20%;
+  margin: 10% auto 0;
+}
+
+.isNoMessage > img {
+  width: 100%;
+  height: 100%;
+}
+
+.aName {
+  margin-left: 10px;
+}
+
+.aName >>> .el-input__inner {
+  width: 300px;
+}
 </style>

+ 13 - 0
src/components/pages/disAdmin/school.vue

@@ -213,6 +213,19 @@ export default {
         this.options = _option;
       }
     },
+    randomNum(minNum, maxNum) {
+      switch (arguments.length) {
+        case 1:
+          return parseInt(Math.random() * minNum + 1, 10);
+          break;
+        case 2:
+          return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
+          break;
+        default:
+          return 0;
+          break;
+      }
+    },
     remoteMethod(query) {
       if (query !== "") {
         this.loading = true;

+ 31 - 8
src/components/pages/disAdmin/score.vue

@@ -5,7 +5,7 @@
         <span>评分管理</span>
       </div>
     </div>
-    <div class="touTop">
+    <div class="touTop" v-if="CourseType.length > 0">
       <div class="touLeft">
         <!-- <div>
           <div>案例分类</div>
@@ -47,7 +47,10 @@
         <div @click="clear" class="clear">重置</div>
       </div>
     </div>
-    <div class="pb_content_body" style="margin: 0 auto">
+    <div v-if="isNoTableData" class="isNoMessage">
+      <img src="../../../assets/icon/isNoMessage.png" alt />
+    </div>
+    <div class="pb_content_body" style="margin: 0 auto" v-if="tableData.length > 0">
       <div class="student_table">
         <el-table
           ref="table"
@@ -280,6 +283,7 @@ export default {
       reviewerBox: [],
       checkboxList: [],
       checkboxIdList: [],
+      isNoTableData: false,
       isIndeterminate: false,
       checkAll: false,
       dialogVisibleScore: false,
@@ -478,7 +482,11 @@ export default {
               }
             }
           }
-          this.getAnliList(rc);
+          if (rc) {
+            this.getAnliList(rc);
+          }else{
+            this.getAnliList();
+          }
         })
         .catch((err) => {
           console.error(err);
@@ -500,7 +508,7 @@ export default {
         });
     },
     getReviewerOrAdmin() {
-      if (this.$store.state.userInfo.type == 4) {
+      if (this.$store.state.userInfo.type == 6) {
         this.getUser();
       } else {
         this.selectType();
@@ -516,6 +524,8 @@ export default {
           if (res.data[0].length > 0) {
             var reCid = res.data[0][0].aBox;
             this.selectType(reCid);
+          } else {
+            this.isNoTableData = true;
           }
         })
         .catch((err) => {
@@ -581,9 +591,6 @@ export default {
       } else if (this.scoreDetail[0].scoreAll.fivth == "") {
         this.$message.error("请将信息填写完整");
         return;
-      } else if (this.scoreDetail[0].scoreAll.content == "") {
-        this.$message.error("请将信息填写完整");
-        return;
       }
       let params = {
         rid: this.scoreDetail[0].id,
@@ -979,10 +986,15 @@ export default {
   padding: 10px 0 10px 0;
   font-size: 18px;
 }
+.anliTitle > div:nth-child(1),
+.anliBrief > div:nth-child(1) {
+  min-width: 75px;
+  width: 75px;
+}
 .anliTitle > div:nth-child(2),
 .anliBrief > div:nth-child(2) {
   font-size: 17px;
-  margin-left: 10px;
+  margin-left: 35px;
   color: #b0b0b0;
 }
 .anliScore > div:nth-child(2) {
@@ -1002,6 +1014,7 @@ export default {
   border-radius: 15px;
   background: #fafafa;
   height: 30px;
+  font-size: 16px;
 }
 .anliContent {
   width: 80%;
@@ -1109,4 +1122,14 @@ export default {
   margin-right: 10px;
   cursor: pointer;
 }
+
+.isNoMessage {
+  width: 20%;
+  margin: 10% auto 0;
+}
+
+.isNoMessage > img {
+  width: 100%;
+  height: 100%;
+}
 </style>

+ 14 - 1
src/components/pages/disAdmin/user.vue

@@ -83,7 +83,7 @@
           <el-table-column label="操作" min-width="20">
             <template slot-scope="scope">
               <div class="tableButton">
-                <el-button @click="assCase(scope.row.userid)"
+                <el-button v-if="scope.row.type == 5 || scope.row.type == 6" @click="assCase(scope.row.userid)"
                   >分配案例</el-button
                 >
                 <el-button @click="upUser(scope.row)">修改</el-button>
@@ -310,6 +310,19 @@ export default {
         this.options = _option;
       }
     },
+    randomNum(minNum, maxNum) {
+      switch (arguments.length) {
+        case 1:
+          return parseInt(Math.random() * minNum + 1, 10);
+          break;
+        case 2:
+          return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
+          break;
+        default:
+          return 0;
+          break;
+      }
+    },
     remoteMethod(query) {
       if (query !== "") {
         this.loading = true;

+ 67 - 9
src/components/pages/munAdmin/anliList.vue

@@ -6,7 +6,7 @@
         <span>案例管理</span>
       </div>
     </div>
-    <div class="touTop">
+    <div class="touTop" v-if="CourseType.length > 0">
       <div class="touLeft">
         <!-- <div>
           <div>案例分类</div>
@@ -36,6 +36,7 @@
               </el-option>
             </el-select>
           </div>
+
           <!-- <div class="anliCss">
             <div>案例筛选</div>
             <el-select v-model="anliBox" clearable @change="search">
@@ -46,6 +47,14 @@
           </div> -->
         </div>
         <div @click="clear" class="clear">重置</div>
+        <div class="aName">
+          <el-input
+            v-model="anliName"
+            auto-complete="off"
+            placeholder="请输入案例名称"
+            @input="search"
+          ></el-input>
+        </div>
       </div>
       <div class="touRight">
         <div></div>
@@ -54,6 +63,9 @@
         </div>
       </div>
     </div>
+    <div v-if="isNoTableData" class="isNoMessage">
+      <img src="../../../assets/icon/isNoMessage.png" alt />
+    </div>
     <div class="anliBox" v-loading="isLoading">
       <div v-for="(a, aIndex) in tableData" :key="aIndex" class="anLi">
         <div class="anliImg">
@@ -117,7 +129,16 @@
               </el-select>
             </div>
           </div>
+          <div class="aName">
+            <el-input
+              v-model="assCaseName"
+              auto-complete="off"
+              placeholder="请输入案例名称"
+              @input="getAnliBox"
+            ></el-input>
+          </div>
         </div>
+
         <el-checkbox
           :indeterminate="isIndeterminate"
           v-model="checkAll"
@@ -126,6 +147,7 @@
           >全选</el-checkbox
         >
         <el-checkbox-group
+          v-loading="caseLoading"
           v-model="checkboxList"
           class="people_name"
           v-if="anliBox1.length"
@@ -290,6 +312,9 @@ export default {
       CourseTypeJson: {},
       courseTypeId: {},
       courseTypeSon: [],
+      anliName: "",
+      assCaseName:"",
+      caseLoading: false,
       anliBox: "",
       tableData: [],
       reviewer: "",
@@ -297,6 +322,7 @@ export default {
       anliBox1: [],
       checkboxList: [],
       checkboxIdList: [],
+      isNoTableData: false,
       isLoading: false,
       isIndeterminate: false,
       checkAll: false,
@@ -437,8 +463,9 @@ export default {
         typec: typec != undefined ? typec : "",
         typed: typed != undefined ? typed : "",
         typeE: typeE.join(","),
-        cid: rc ? rc : "",
         cn: this.anliBox == "" ? 0 : this.anliBox,
+        cid: rc ? rc : "",
+        title: this.anliName,
         page: this.page,
       };
       this.ajax
@@ -475,7 +502,11 @@ export default {
               }
             }
           }
-          this.getAnliList(rc);
+          if (rc) {
+            this.getAnliList(rc);
+          } else {
+            this.getAnliList();
+          }
         })
         .catch((err) => {
           console.error(err);
@@ -513,6 +544,8 @@ export default {
           if (res.data[0].length > 0) {
             var reCid = res.data[0][0].aBox;
             this.selectType(reCid);
+          } else {
+            this.isNoTableData = true;
           }
         })
         .catch((err) => {
@@ -520,8 +553,12 @@ export default {
         });
     },
     getAnliBox() {
+      this.caseLoading = true;
+      let params = {
+        title: this.assCaseName,
+      };
       this.ajax
-        .get(this.$store.state.api + "selecAnliBox1")
+        .get(this.$store.state.api + "selecAnliBox1", params)
         .then((res) => {
           this.anliBox1 = res.data[0];
           for (var i = 0; i < this.anliBox1.length; i++) {
@@ -532,6 +569,7 @@ export default {
             this.anliBox1[i].proexc = JSON.parse(this.anliBox1[i].proexc);
             this.anliBox1[i].results = JSON.parse(this.anliBox1[i].results);
           }
+          this.caseLoading = false;
         })
         .catch((err) => {
           console.error(err);
@@ -628,9 +666,6 @@ export default {
       } else if (this.scoreDetail[0].scoreAll.fivth == "") {
         this.$message.error("请将信息填写完整");
         return;
-      } else if (this.scoreDetail[0].scoreAll.content == "") {
-        this.$message.error("请将信息填写完整");
-        return;
       }
       let params = {
         rid: this.scoreDetail[0].id,
@@ -862,7 +897,7 @@ export default {
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-end;
   padding: 10px 0 0 0;
 }
 
@@ -1030,10 +1065,15 @@ export default {
   padding: 10px 0 10px 0;
   font-size: 18px;
 }
+.anliTitle > div:nth-child(1),
+.anliBrief > div:nth-child(1) {
+  min-width: 75px;
+  width: 75px;
+}
 .anliTitle > div:nth-child(2),
 .anliBrief > div:nth-child(2) {
   font-size: 17px;
-  margin-left: 10px;
+  margin-left: 35px;
   color: #b0b0b0;
 }
 .anliScore > div:nth-child(2) {
@@ -1053,6 +1093,7 @@ export default {
   border-radius: 15px;
   background: #fafafa;
   height: 30px;
+  font-size: 16px;
 }
 .anliContent {
   width: 80%;
@@ -1149,4 +1190,21 @@ export default {
   border-radius: 5px;
   cursor: pointer;
 }
+.isNoMessage {
+  width: 20%;
+  margin: 10% auto 0;
+}
+
+.isNoMessage > img {
+  width: 100%;
+  height: 100%;
+}
+
+.aName {
+  margin-left: 10px;
+}
+
+.aName >>> .el-input__inner {
+  width: 300px;
+}
 </style>

+ 13 - 0
src/components/pages/munAdmin/school.vue

@@ -213,6 +213,19 @@ export default {
         this.options = _option;
       }
     },
+    randomNum(minNum, maxNum) {
+      switch (arguments.length) {
+        case 1:
+          return parseInt(Math.random() * minNum + 1, 10);
+          break;
+        case 2:
+          return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
+          break;
+        default:
+          return 0;
+          break;
+      }
+    },
     remoteMethod(query) {
       if (query !== "") {
         this.loading = true;

+ 29 - 7
src/components/pages/munAdmin/score.vue

@@ -5,7 +5,7 @@
         <span>评分管理</span>
       </div>
     </div>
-    <div class="touTop">
+    <div class="touTop" v-if="CourseType.length > 0">
       <div class="touLeft">
         <!-- <div>
           <div>案例分类</div>
@@ -47,7 +47,10 @@
         <div @click="clear" class="clear">重置</div>
       </div>
     </div>
-    <div class="pb_content_body" style="margin: 0 auto">
+    <div v-if="isNoTableData" class="isNoMessage">
+      <img src="../../../assets/icon/isNoMessage.png" alt />
+    </div>
+    <div class="pb_content_body" style="margin: 0 auto" v-if="tableData.length > 0">
       <div class="student_table">
         <el-table
           ref="table"
@@ -280,6 +283,7 @@ export default {
       reviewerBox: [],
       checkboxList: [],
       checkboxIdList: [],
+      isNoTableData: false,
       isIndeterminate: false,
       checkAll: false,
       dialogVisibleScore: false,
@@ -478,7 +482,11 @@ export default {
               }
             }
           }
-          this.getAnliList(rc);
+          if (rc) {
+            this.getAnliList(rc);
+          }else{
+            this.getAnliList();
+          }
         })
         .catch((err) => {
           console.error(err);
@@ -516,6 +524,8 @@ export default {
           if (res.data[0].length > 0) {
             var reCid = res.data[0][0].aBox;
             this.selectType(reCid);
+          } else {
+            this.isNoTableData = true;
           }
         })
         .catch((err) => {
@@ -581,9 +591,6 @@ export default {
       } else if (this.scoreDetail[0].scoreAll.fivth == "") {
         this.$message.error("请将信息填写完整");
         return;
-      } else if (this.scoreDetail[0].scoreAll.content == "") {
-        this.$message.error("请将信息填写完整");
-        return;
       }
       let params = {
         rid: this.scoreDetail[0].id,
@@ -977,10 +984,15 @@ export default {
   padding: 10px 0 10px 0;
   font-size: 18px;
 }
+.anliTitle > div:nth-child(1),
+.anliBrief > div:nth-child(1) {
+  min-width: 75px;
+  width: 75px;
+}
 .anliTitle > div:nth-child(2),
 .anliBrief > div:nth-child(2) {
   font-size: 17px;
-  margin-left: 10px;
+  margin-left: 35px;
   color: #b0b0b0;
 }
 .anliScore > div:nth-child(2) {
@@ -1000,6 +1012,7 @@ export default {
   border-radius: 15px;
   background: #fafafa;
   height: 30px;
+  font-size: 16px;
 }
 .anliContent {
   width: 80%;
@@ -1107,4 +1120,13 @@ export default {
   margin-right: 10px;
   cursor: pointer;
 }
+.isNoMessage {
+  width: 20%;
+  margin: 10% auto 0;
+}
+
+.isNoMessage > img {
+  width: 100%;
+  height: 100%;
+}
 </style>

+ 14 - 1
src/components/pages/munAdmin/user.vue

@@ -77,7 +77,7 @@
           <el-table-column label="操作" min-width="20">
             <template slot-scope="scope">
               <div class="tableButton">
-                <el-button @click="assCase(scope.row.userid)"
+                <el-button v-if="scope.row.type == 4" @click="assCase(scope.row.userid)"
                   >分配案例</el-button
                 >
                 <el-button @click="upUser(scope.row)">修改</el-button>
@@ -306,6 +306,19 @@ export default {
         this.options = _option;
       }
     },
+    randomNum(minNum, maxNum) {
+      switch (arguments.length) {
+        case 1:
+          return parseInt(Math.random() * minNum + 1, 10);
+          break;
+        case 2:
+          return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
+          break;
+        default:
+          return 0;
+          break;
+      }
+    },
     remoteMethod(query) {
       if (query !== "") {
         this.loading = true;

+ 29 - 8
src/components/pages/proAdmin/anliList.vue

@@ -46,13 +46,21 @@
           </div> -->
         </div>
         <div @click="clear" class="clear">重置</div>
+        <div class="aName">
+          <el-input
+            v-model="anliName"
+            auto-complete="off"
+            placeholder="请输入案例名称"
+            @input="search"
+          ></el-input>
+        </div>
       </div>
-      <div class="touRight">
+      <!-- <div class="touRight">
         <div></div>
         <div>
           <el-button @click="dialogVisibleMember = true">分配案例</el-button>
         </div>
-      </div>
+      </div> -->
     </div>
     <div class="anliBox" v-loading="isLoading">
       <div v-for="(a, aIndex) in tableData" :key="aIndex" class="anLi">
@@ -290,6 +298,7 @@ export default {
       CourseTypeJson: {},
       courseTypeId: {},
       courseTypeSon: [],
+      anliName: "",
       anliBox: "",
       tableData: [],
       reviewer: "",
@@ -437,8 +446,9 @@ export default {
         typec: typec != undefined ? typec : "",
         typed: typed != undefined ? typed : "",
         typeE: typeE.join(","),
-        cid: rc ? rc : "",
         cn: this.anliBox == "" ? 0 : this.anliBox,
+        cid: rc ? rc : "",
+        title: this.anliName,
         page: this.page,
       };
       this.ajax
@@ -628,9 +638,6 @@ export default {
       } else if (this.scoreDetail[0].scoreAll.fivth == "") {
         this.$message.error("请将信息填写完整");
         return;
-      } else if (this.scoreDetail[0].scoreAll.content == "") {
-        this.$message.error("请将信息填写完整");
-        return;
       }
       let params = {
         rid: this.scoreDetail[0].id,
@@ -862,7 +869,7 @@ export default {
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-end;
   padding: 10px 0 0 0;
 }
 
@@ -1030,10 +1037,15 @@ export default {
   padding: 10px 0 10px 0;
   font-size: 18px;
 }
+.anliTitle > div:nth-child(1),
+.anliBrief > div:nth-child(1) {
+  min-width: 75px;
+  width: 75px;
+}
 .anliTitle > div:nth-child(2),
 .anliBrief > div:nth-child(2) {
   font-size: 17px;
-  margin-left: 10px;
+  margin-left: 35px;
   color: #b0b0b0;
 }
 .anliScore > div:nth-child(2) {
@@ -1053,6 +1065,7 @@ export default {
   border-radius: 15px;
   background: #fafafa;
   height: 30px;
+  font-size: 16px;
 }
 .anliContent {
   width: 80%;
@@ -1149,4 +1162,12 @@ export default {
   border-radius: 5px;
   cursor: pointer;
 }
+
+.aName {
+  margin-left: 10px;
+}
+
+.aName >>> .el-input__inner {
+  width: 300px;
+}
 </style>

+ 7 - 4
src/components/pages/race/eventCenter/anliDetail.vue

@@ -2534,9 +2534,6 @@ export default {
       } else if (this.scoreDetail[0].scoreAll.fivth == "") {
         this.$message.error("请将信息填写完整");
         return;
-      } else if (this.scoreDetail[0].scoreAll.content == "") {
-        this.$message.error("请将信息填写完整");
-        return;
       }
       let params = {
         rid: this.scoreDetail[0].id,
@@ -4510,10 +4507,15 @@ ol {
   padding: 10px 0 10px 0;
   font-size: 18px;
 }
+.anliTitle > div:nth-child(1),
+.anliBrief > div:nth-child(1) {
+  min-width: 75px;
+  width: 75px;
+}
 .anliTitle > div:nth-child(2),
 .anliBrief > div:nth-child(2) {
   font-size: 17px;
-  margin-left: 10px;
+  margin-left: 35px;
   color: #b0b0b0;
 }
 .anliScore > div:nth-child(2) {
@@ -4533,6 +4535,7 @@ ol {
   border-radius: 15px;
   background: #fafafa;
   height: 30px;
+  font-size: 16px;
 }
 .anliContent {
   width: 80%;