1期ui优化

src/views/course/TeacherList.vue

@@ -111,9 +111,9 @@
     </div> -->
 
     <div></div>
-    <el-dialog title="二维码" :visible.sync="qrCodedialogVisible" width="900px" @close="closeCode" custom-class="g-dialog">
+    <el-dialog title="二维码" :visible.sync="qrCodedialogVisible"  width="700px" @close="closeCode" class="common-course-dialog">
       <div>
-        <el-form size="medium" label-width="100px">
+        <el-form size="medium" label-width="70px">
           <el-form-item label="二维码">
             <div id="qrcode" ref="qrcode" class="qrcode-img" @mouseenter="showDownloadButton = true"
               @mouseleave="showDownloadButton = false">
@@ -125,10 +125,12 @@
             </div>
           </el-form-item>
 
-          <el-form-item label="链接">
+          <el-form-item label="链接" >
+            <div style="width:500px">
             <el-input v-model="copyUrl" readonly class="input-with-select" id="text">
               <el-button slot="append" @click="handleCopyUrl">复制</el-button>
             </el-input>
+            </div>
           </el-form-item>
           <el-form-item label="">上述内容兼容PC端与移动端，您可按需分享。</el-form-item>
         </el-form>
@@ -137,9 +139,11 @@
     </el-dialog>
 
     <!-- TODO 修改展示字段 -->
-    <el-dialog title="审核记录" :visible.sync="dialogVisible" width="900px" custom-class="g-dialog">
+    <el-dialog title="审核记录"  :visible.sync="dialogVisible" width="900px" class="common-course-dialog">
       <div>
-        <el-table max-height="500" border :data="inviteTeacher" style="width: 100%;">
+        <el-table :header-cell-style="{textAlign: 'center', background: 'rgba(66, 132, 247, 0.1)',
+ color: '#60769D'}"
+              :cell-style="{ textAlign: 'center' }" max-height="500" border :data="inviteTeacher" style="width: 100%;">
           <el-table-column prop="type" label="审核类型">
             <template slot-scope="scope">
               {{ scope.row.auditState ? '通过' : '不通过' }}