src/components/pages/test/examine/conpoments/personPage.vue

@@ -1,12 +1,72 @@
 <template>
   <div>
     <div v-if="pType==0">
-      按人员专任教师
+      <el-table
+        :data="tableData"
+        border
+        class="tableData"
+        style="width: 50%">
+        <el-table-column
+          prop="ordinal"
+          label="序号">
+        </el-table-column>
+        <el-table-column
+          prop="teachername"
+          label="教师姓名">
+        </el-table-column>
+        <el-table-column
+          prop="department"
+          label="教研室">
+        </el-table-column>
+        <el-table-column
+          prop="submissions"
+          label="提交情况">
+        </el-table-column>
+        <el-table-column
+          prop="schedule"
+          label="考核进度">
+        </el-table-column>
+        <el-table-column
+          prop="selffraction"
+          label="自评分数">
+        </el-table-column>
+        <el-table-column
+          prop="nucleusfraction"
+          label="考核分数">
+        </el-table-column>
+        <el-table-column
+        label="操作">
+          <template slot-scope="scope">
+            <div class="TabBtn" @click="lookPrize">查看</div>
+          </template>
+        </el-table-column>
+      </el-table>
     </div>
     <div v-if="pType==1">
       按人员班主任
     </div>
-  </div>
+
+     <!-- 点击查看 -->
+    <el-dialog
+      title=""
+      :visible.sync="diaIframe"
+      :append-to-body="true"
+      width="95%"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <div style="height: 100%;">
+        <iframe
+          ref="viframe"
+          style="width: 100%; height: 99%; border: none"
+          :src="ifmUrl"
+        ></iframe>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="diaIframe = false">关 闭</el-button>
+      </span>
+    </el-dialog>
+</div>
 </template>
 
 <script>
@@ -19,8 +79,107 @@ export default {
     }
   },
   data() {
-    return {};
-  }
+    return {
+      diaIframe:false,
+      ifmUrl: "",
+      tableData: [{
+          ordinal: '12',
+          teachername: '王小虎',
+          department: '语文',
+          submissions: '是',
+          schedule: '√',
+          selffraction: '98.5',
+          nucleusfraction: '94.2',
+          rating:'评分'
+        }, {
+          ordinal: '12',
+          teachername: '王小虎',
+          department: '语文',
+          submissions: '是',
+          schedule: '√',
+          selffraction: '98.5',
+          nucleusfraction: '94.2',
+          rating:'评分'
+        }, {
+          ordinal: '12',
+          teachername: '王小虎',
+          department: '语文',
+          submissions: '是',
+          schedule: '√',
+          selffraction: '98.5',
+          nucleusfraction: '94.2',
+          rating:'评分'
+        },{
+          ordinal: '12',
+          teachername: '王小虎',
+          department: '语文',
+          submissions: '是',
+          schedule: '√',
+          selffraction: '98.5',
+          nucleusfraction: '94.2',
+          rating:'评分'
+        }]
+    };
+  },
+   methods: {
+        // 查看数据来源
+    lookPrize() {
+      this.diaIframe = true;
+    },
+    // 关闭弹框
+    handleClose(done) {
+      done();
+    },
+   }
 };
 </script>
-<style scoped></style>
+<style>
+.el-table td, .el-table th.is-leaf {
+  text-align:center;
+}
+</style>
+<style scoped>
+.TabBtn {
+  cursor: pointer;
+  color: #528df6;
+}
+
+.dialog_diy >>> .el-dialog {
+  height: 95%;
+  margin: 0 auto !important;
+  margin-top: 20px !important;
+  overflow: hidden;
+}
+
+.dialog_diy >>> .el-dialog__header {
+  background: #454545 !important;
+  padding: 25px 20px;
+}
+
+.dialog_diy >>> .el-dialog__body {
+  height: calc(100% - 124px);
+  box-sizing: border-box;
+  padding: 0px;
+}
+
+.dialog_diy >>> .el-dialog__title {
+  color: #fff;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn {
+  top: 19px;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close {
+  color: #fff;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover {
+  color: #fff;
+}
+
+.dialog_diy >>> .el-dialog__body,
+.dialog_diy >>> .el-dialog__footer {
+  background: #fafafa;
+}
+</style>