pyj 9.7 教师电子档案静态写完，社团静态未完成

ruoyi-ui/src/views/smartSchool/gradeWork/electronicRecord/index.vue

+<!--数据维护 -->
+<template>
+  <div>
+    <el-form style="margin-top: 20px;margin-left: 20px;" :inline="true" :model="queryForm" class="demo-form-inline">
+      <el-form-item label="姓名">
+        <el-input v-model="form.name"></el-input>
+      </el-form-item>
+      <el-form-item label="任务名称">
+        <el-select v-model="form.region" placeholder="请选择活动区域">
+          <el-option label="区域一" value="shanghai"></el-option>
+          <el-option label="区域二" value="beijing"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button size="mini" icon="el-icon-search" type="primary" @click="handleQuery">搜索</el-button>
+        <el-button size="mini" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+        <el-button size="mini" icon="el-icon-refresh" @click="handleMutiSubmit">提交</el-button>
+
+      </el-form-item>
+    </el-form>
+    <el-table ref="multipleTable" style="margin-top: 20px;" border :data="tableData" @selection-change="handleSelectionChange">
+      <el-table-column
+        type="selection"
+        width="55"
+        :selectable="selectable">
+        <template>
+
+        </template>
+      </el-table-column>
+      <el-table-column type="index" label="序号" width="55" align="center"/>
+      <el-table-column label="是否填写" align="center" prop="schoolYear" min-width="200"/>
+      <el-table-column label="学年学期" align="center" prop="level" min-width="150"/>
+      <el-table-column label="级部" align="center" min-width="150" prop="name"/>
+      <el-table-column label="姓名" align="center" min-width="200" prop="IDNum"/>
+      <el-table-column label="年龄" align="center" min-width="150" prop="schedule"/>
+      <el-table-column label="职称" align="center" min-width="150" prop="schedule"/>
+      <el-table-column label="学历" align="center" min-width="150" prop="schedule"/>
+      <el-table-column label="政治面貌" align="center" min-width="150" prop="schedule"/>
+      <el-table-column label="任教学科" align="center" min-width="150" prop="schedule"/>
+      <el-table-column label="任教班级" align="center" min-width="150" prop="schedule"/>
+      <el-table-column label="任正班主任班级" align="center" min-width="150" prop="schedule"/>
+      <el-table-column fixed="right" label="操作" align="center" min-width="200">
+        <template slot-scope="scope">
+          <!--已填写 未确认-->
+          <div>
+            <el-button
+              size="mini"
+              type="text"
+              @click="handleSubmit(scope.row)">提交
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              @click="handleReject(scope.row)">驳回
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              @click="handleEdit(scope.row)">修改
+            </el-button>
+
+          </div>
+          <!--未填写，无按钮-->
+          <div></div>
+          <!--已确认 只查看-->
+          <div>
+            <el-button
+              size="mini"
+              type="text"
+              @click="handleCheck(scope.row)">查看
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryForm.pageNum"
+      :limit.sync="queryForm.pageSize"
+      @pagination="getList"
+    />
+    <!--弹窗-->
+    <el-dialog
+      :title=title
+      :visible.sync="dialogVisible"
+      width="100%">
+      <div style="display:flex;">
+        <div class="leftContent">
+          <div style="margin-bottom: 10px">
+            <span class="line"></span>
+            <span class="title">基本信息</span>
+          </div>
+          <el-form size="mini" ref="form" label-position="left" :model="dialogForm" label-width="120px">
+            <el-form-item label="学年学期:" style="padding-right: 10px">
+              <el-input readonly v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="级部:" style="padding-right: 10px">
+              <el-input readonly v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="姓名:" style="padding-right: 10px">
+              <el-input readonly v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="性别:" style="padding-right: 10px">
+              <el-input readonly v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="年龄:" style="padding-right: 10px">
+              <el-input readonly v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="职称:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="学历:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="政治面貌:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="任教学科:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="任教班级:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="任正班主任班级:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="任副班主任班级:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="是否教学组长:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="是否教研组长:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="设计课时量:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="班主任情况:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+          </el-form>
+          <span style="display: flex;justify-content: center" slot="footer" class="dialog-footer">
+            <div v-if="check == false">
+              <el-button size="small" type="primary" @click="confirmDialog">保 存</el-button>
+              <el-button size="small" @click="dialogVisible = false">取 消</el-button>
+            </div>
+            <el-button v-else size="small" type="primary" @click="dialogVisible = false">关 闭</el-button>
+
+         </span>
+        </div>
+        <div class="rightContent">
+          <div style="margin-bottom: 10px">
+            <span class="line"></span>
+            <span class="title">教育科研</span>
+            <el-button type="success" size="mini" style="float: right;margin-right: 50px;margin-top: 10px;">提 取
+            </el-button>
+          </div>
+          <div class="tableList">
+            <div class="tableFirst">
+              <div class="tableTitle">
+                <i class="el-icon-collection"></i>
+                <span style="margin-left: 5px">发表成就奖论文情况</span>
+              </div>
+              <el-table
+                :data="tableFirstData"
+                border>
+                <el-table-column
+                  align="center"
+                  fixed
+                  type="index"
+                  label="序号">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="name"
+                  label="论文名称">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="province"
+                  label="级别">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="city"
+                  label="等级">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="发表时间">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="附件">
+                  <template slot-scope="scope">
+                    <el-link type="success" href=""></el-link>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+            <div class="tableSecond">
+              <div class="tableTitle">
+                <i class="el-icon-edit-outline"></i>
+                <span style="margin-left: 5px">课题、结题、专著、校本教材编写情况</span>
+              </div>
+              <el-table
+                :data="tableSecondData"
+                border>
+                <el-table-column
+                  align="center"
+                  fixed
+                  type="index"
+                  label="序号">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="name"
+                  label="名称">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="发表时间">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="附件">
+                  <template slot-scope="scope">
+                    <el-link type="success" href=""></el-link>
+                  </template>
+                </el-table-column>
+              </el-table>
+
+            </div>
+            <div class="tableThird">
+              <div class="tableTitle">
+                <i class="el-icon-data-analysis"></i>
+                <span style="margin-left: 5px">发表成就奖论文情况</span>
+              </div>
+              <el-table
+                :data="tableThirdData"
+                border>
+                <el-table-column
+                  align="center"
+                  fixed
+                  type="index"
+                  label="序号">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="name"
+                  label="培训时间">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="培训名称">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="是否合格">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="附件">
+                  <template slot-scope="scope">
+                    <el-link type="success" href=""></el-link>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+            <div class="tableForth">
+              <div class="tableTitle">
+                <i class="el-icon-trophy"></i>
+                <span style="margin-left: 5px">发表成就奖论文情况</span>
+
+              </div>
+              <el-table
+                :data="tableForthData"
+                border>
+                <el-table-column
+                  align="center"
+                  fixed
+                  type="index"
+                  label="序号">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="name"
+                  label="获奖名称">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="获奖时间">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="获奖等级">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="发证机关">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="附件">
+                  <template slot-scope="scope">
+                    <el-link type="success" href=""></el-link>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+
+        </div>
+      </div>
+
+
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "gradeElectronicRecord",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      queryForm: {
+        level: '',
+        name: '',
+        region: ''
+      },
+      tableData: [{
+        id:1,
+        schoolYear: '未填写',
+        level: '2022级部',
+        name: '张三',
+        IDNum: '121212121212121212',
+        schedule: '未填写'
+      },{
+        id:2,
+        schoolYear: '已填写，未确认',
+        level: '2022级部',
+        name: '张三',
+        IDNum: '121212121212121212',
+        schedule: '未填写'
+      },{
+        id:3,
+        schoolYear: '已确认',
+        level: '2022级部',
+        name: '张三',
+        IDNum: '121212121212121212',
+        schedule: '未填写'
+      }],
+      dialogVisible: false,
+      form: {},
+      status: this.$route.query.status,
+      dialogTableData: [{
+        level: '2022',
+        name: '李四',
+        ID: '12121212121212'
+      }],
+      check: false,
+      //弹窗表单
+      dialogForm: {},
+      //弹窗标题
+      title: '',
+      //弹窗表格1
+      tableFirstData: [],
+      //弹窗表格2
+      tableSecondData: [],
+      //弹窗表格3
+      tableThirdData: [],
+      //弹窗表格4
+      tableForthData: [],
+      // 多选
+      ids:[]
+    }
+  },
+  mounted() {
+    console.log('id', this.$route.query.id)
+    console.log('status', this.status)
+  },
+  methods: {
+    /** 查询信息列表 */
+    getList() {
+      this.loading = true;
+      //接口
+      //   listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+      //     this.userList = response.rows;
+      //     this.total = response.total;
+      //     this.loading = false;
+      //   }
+    },
+    //  搜索按钮
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList()
+    },
+    //  重置按钮
+    resetQuery() {
+      this.queryForm = {
+        pageNum: 1,
+        pageSize: 10,
+        level: '',
+        name: '',
+        region: ''
+      }
+      this.handleQuery()
+    },
+    //多选
+    handleSelectionChange(row){
+      console.log('row',row)
+      this.ids = row.map(item => item.id)
+      console.log('this.ids',this.ids)
+    },
+    //是否可勾选
+    selectable(row,index){
+      if(row.schoolYear == '已填写，未确认'){
+        return true
+      }
+    },
+    //多选提交
+    handleMutiSubmit(){
+
+    },
+    //查看按钮
+    handleCheck(row) {
+      this.check = true
+      this.title = '基本信息查看'
+      this.dialogVisible = true
+
+    },
+    //修改按钮
+    handleEdit(row) {
+      this.check = false
+      this.title = '基本信息修改'
+      this.dialogVisible = true
+    },
+    //提交按钮
+    handleSubmit(row) {
+
+    },
+    //驳回按钮
+    handleReject(row){},
+    //弹窗确定按钮
+    confirmDialog() {
+      this.dialogVisible = false
+
+    },
+  }
+}
+</script>
+
+<style scoped>
+.leftContent {
+  padding-top: 5px;
+  padding-left: 10px;
+  width: 25%;
+  border: 1px solid silver;
+  border-radius: 10px;
+  padding-bottom: 10px;
+}
+
+.rightContent {
+  padding-top: 5px;
+  padding-left: 10px;
+  margin-left: 5px;
+  width: 75%;
+  border: 1px solid silver;
+  border-radius: 10px;
+}
+
+.line {
+  display: inline-block;
+  width: 5px;
+  height: 20px;
+  vertical-align: middle;
+  background: #0d84ff;
+  border-radius: 5px;
+}
+
+.title {
+  padding-left: 10px;
+  font-size: 16px;
+  vertical-align: middle;
+
+}
+
+</style>

ruoyi-ui/src/views/smartSchool/massOrganization/basicInformationManagement/index.vue

+<template>
+  <div class="app-container">
+    <el-form :model="queryForm" ref="queryForm" size="small" :inline="true" label-width="80px">
+      <el-form-item prop="taskName" label="社团名称">
+        <el-input v-model="queryForm.taskName" placeholder="社团名称"></el-input>
+      </el-form-item>
+      <el-form-item prop="grade" label="指导教师">
+        <el-input v-model="queryForm.grade" placeholder="指导教师"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd()">新增</el-button>
+      </el-col>
+    </el-row>
+    <!-- 列表 -->
+    <div class="listBlock">
+      <div class="itemBlock" v-for="(task, index) in tasks" :key="index">
+        <div style="display:flex; justify-content:space-between;align-items: center ">
+          <div style="width: 50%;">
+            <!-- 任务详细信息 -->
+            <div class="task-info">
+              <div class="task-name">市二中田径社团</div>
+
+            </div>
+            <div class="task-level">
+              <span>指导教师：张三</span>
+            </div>
+            <div class="task-time">
+              <div>社团宗旨：整合</div>
+            </div>
+          </div>
+          <div style="width: 50%">
+            <!-- 成员人数 -->
+            <div class="task-count">
+              <div class="count">
+                200
+              </div>
+              <div class="sun">成员人数</div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 按钮 -->
+        <div class="task-buttons">
+          <el-button style="margin-left: 10px" size="mini" type="danger" round @click="handleUpdate(task)">删除
+          </el-button>
+          <el-button type="success" size="small" round @click="clubRegistrationReview(task.id, task.grade)">社团报名审核</el-button>
+          <el-button type="info" size="small" round @click="clubActivityRecord(task.id, task.grade)">社团活动记录</el-button>
+          <el-button type="warning" size="small" round
+                     @click="memberManagement(task.id, task.grade)">成员管理
+          </el-button>
+          <el-button class="purpleBtn" size="small" round type="primary"
+                     @click="communityStyle(task.id, task.grade)">社团风采
+          </el-button>
+          <el-button type="primary" size="small" round
+                     @click="basicInformation(task.id, task.grade)">基础信息管理
+          </el-button>
+        </div>
+      </div>
+    </div>
+    <!-- 新增/修改弹窗 -->
+    <el-dialog :title="title" :visible.sync="open" width="50%" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="110px">
+        <div>
+          <el-form-item label="社团名称" prop="taskName">
+            <el-input v-model="form.taskName" placeholder="请输入社团名称"></el-input>
+          </el-form-item>
+          <el-form-item label="指导教师">
+            <el-select style="width: 100%;" multiple v-model="form.value" filterable placeholder="请选择指导教师">
+              <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+
+          </el-form-item>
+          <el-form-item label="社团宗旨" prop="grade">
+            <el-input type="textarea" :rows="4" v-model="form.grade" placeholder="请输入社团宗旨"></el-input>
+          </el-form-item>
+          <el-form-item label="社团简介" prop="grade">
+            <el-input type="textarea" :rows="4" v-model="form.grade" placeholder="请输入社团简介"></el-input>
+          </el-form-item>
+        </div>
+      </el-form>
+      <div style="text-align: center">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+
+    </el-dialog>
+
+
+  </div>
+</template>
+
+<script>
+import {dataCurricula, addCurricula, updateCurricula, getCurricula, getDept}
+  from "@/api/smartSchool/gradeWork/courseSelection/taskPublishing.js";
+
+export default {
+  name: 'basicInformationManagement',
+  data() {
+    return {
+      tasks: [1, 2, 3],
+      queryForm: {
+        taskName: "",
+        grade: "",
+
+      },
+
+      form: {
+        id: "",
+        taskName: "",
+        grade: "",
+        startTime: "",
+        endTime: "",
+      },
+      //新增弹窗
+      open: false,
+      rules: {},
+      // 加载遮罩
+      loading: true,
+      // 记录条数
+      total: 0,
+      title: "",
+      // 详情
+      look: false,
+      // 日期范围
+      dateRange: [],
+      options: [{
+        value: '选项1',
+        label: '黄金糕'
+      }, {
+        value: '选项2',
+        label: '双皮奶'
+      }, {
+        value: '选项3',
+        label: '蚵仔煎'
+      }, {
+        value: '选项4',
+        label: '龙须面'
+      }, {
+        value: '选项5',
+        label: '北京烤鸭'
+      }],
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 获取列表数据 */
+    getList() {
+      const params = {
+        taskName: this.queryForm.taskName,
+        grade: this.queryForm.grade,
+      };
+      // dataCurricula(params).then(response => {
+      //   this.tasks = response.rows;
+      //   this.total = response.total;
+      // }).catch(err => {
+      //   this.loading = false;
+      // })
+    },
+    //新增按钮操作
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      // getDept().then(response => {
+      //   this.form.grade = response.data.grade;
+      //   console.log(this.form.grade);
+      // })
+      //   .catch(err => {
+      //     this.loading = false;
+      //   });
+      this.title = "新增社团基础信息";
+
+    },
+    // 社团报名审核
+    clubRegistrationReview(id, grade) {
+      this.$router.push({
+        path: "/massOrganization/clubRegistrationReview",
+        query: {
+          id,
+          grade
+        }
+      });
+    },
+    // 社团活动记录
+    clubActivityRecord(id, grade) {
+      this.$router.push({
+        path: "/massOrganization/clubActivityRecord",
+        query: {
+          id,
+          grade
+        }
+      });
+    },
+    //成员管理
+    memberManagement(id, grade) {
+      this.$router.push({
+        path: "/massOrganization/memberManagement",
+        query: {
+          id,
+          grade
+        }
+      });
+    },
+    //社团风采
+    communityStyle(id, grade) {
+      console.log("grade", grade)
+      this.$router.push({
+        path: "/massOrganization/communityStyle",
+        query: {
+          id,
+          grade
+        }
+      });
+    },
+    //基础信息管理
+    basicInformation(id, grade) {
+      this.reset();
+      this.open = true;
+      this.title = "社团基础信息维护";
+    },
+
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      // this.resetQuery();
+      this.reset();
+    },
+    // 搜索按钮
+    handleQuery() {
+      this.throttle(() => {
+        this.queryForm.pageNum = 1;
+        this.getList();
+      });
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRange = [];
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 提交表单
+    submitForm() {
+      // console.log('object', this.dateRange);
+      this.throttle(() => {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.id != null) {
+              // 编辑
+              const params = {
+                id: this.form.id,
+                taskName: this.form.taskName,
+                startTime: this.dateRange[0],
+                endTime: this.dateRange[1]
+              };
+
+              updateCurricula(params).then(response => {
+                console.log(params, 'params');
+                console.log("res1111");
+                this.$message.success("修改成功");
+                console.log("res", response);
+                this.open = false;
+                this.getList();
+              }).catch(err => {
+
+              });
+            } else {
+              // 新增
+              const params = {
+                taskName: this.form.taskName,
+                grade: this.form.grade,
+                startTime: this.dateRange[0],
+                endTime: this.dateRange[1]
+              };
+              addCurricula(params).then(response => {
+                this.$message.success("新增成功");
+                this.open = false;
+                this.getList();
+              }).catch(err => {
+                // Handle error if necessary
+              });
+            }
+          }
+        });
+      })
+    },
+    // 编辑按钮
+    handleUpdate(task) {
+      this.title = '修改';
+      this.open = true;
+      getCurricula(task.id).then(response => {
+        this.form = response.data;
+        this.dateRange = [response.data.startTime, response.data.endTime];
+        this.$modal.closeLoading();
+      }).catch(err => {
+
+      })
+    },
+    // 重置表单
+    reset() {
+      // 重置对话框表单
+      this.form = {
+        taskName: "",
+        grade: "",
+      };
+      this.dateRange = [];
+      this.resetForm('form');
+    },
+
+
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.listBlock {
+  //display: flex;
+  //flex-direction: row;
+  //align-items: flex-start;
+  //flex-wrap: wrap;
+  width: 100%;
+}
+
+.itemBlock {
+  width: 100%;
+  padding: 15px 20px 5px 20px;
+  margin: 0 1.5% 1.5% 0;
+  border-radius: 20px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+
+.listBlock .itemBlock:nth-child(2n) {
+  margin-right: 0px !important;
+}
+
+.purpleBtn {
+  color: #FFFFFF;
+  background-color: #B66D93;
+  border: 1px solid #B66D93;
+}
+
+.rowBtn {
+  color: #FFFFFF;
+  background-color: #D3C1B1;
+  border: 1px solid #D3C1B1;
+}
+
+.task-name {
+  color: #0d84ff;
+  font-size: 38px;
+  //font-weight: 500;
+  text-align: left;
+}
+
+.task-level {
+  margin-bottom: 6px;
+  color: rgba(108, 108, 108, 1);
+  font-size: 13px;
+  text-align: left;
+}
+
+.task-level > span {
+  margin-right: 25px;
+}
+
+.task-time {
+  color: rgba(108, 108, 108, 1);
+  font-size: 13px;
+  text-align: left;
+}
+
+.task-info {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 15px;
+}
+
+.task-count {
+  text-align: center;
+  padding-right: 10px;
+}
+
+.task-count > .count {
+  color: rgba(90, 123, 244, 1);
+  font-size: 38px;
+  font-weight: bold;
+}
+
+.task-count > .sun {
+  color: rgba(16, 16, 16, 1);
+  font-size: 18px;
+  text-align: center;
+  font-weight: bold;
+}
+
+.task-buttons {
+  text-align: left;
+  margin-top: 20px;
+  display: flex;
+  flex-direction: row-reverse;
+}
+
+.task-buttons button {
+  margin-bottom: 10px;
+}
+
+.el-card {
+  margin-bottom: 20px;
+}
+</style>
+

ruoyi-ui/src/views/smartSchool/massOrganization/clubActivityRecord/index.vue

+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="标题" prop="picName">
+        <el-input v-model="queryParams.picName" placeholder="请输入标题" clearable/>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd">新增
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" icon="el-icon-plus" size="mini" @click="handleAdd">修改
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete">删除
+        </el-button>
+      </el-col>
+      <!--      <el-col :span="1.5">-->
+      <!--        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"-->
+      <!--                   v-hasPermi="['system:pic:export']">导出-->
+      <!--        </el-button>-->
+      <!--      </el-col>-->
+      <!--      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>-->
+    </el-row>
+
+    <el-table v-loading="loading" ref="table" :data="picList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center"/>
+      <el-table-column label="序号" align="center" prop="seqencing" width="80"/>
+      <el-table-column label="活动主题" align="center" prop="picName"/>
+      <el-table-column label="活动开始时间" align="center" prop="picName"/>
+      <el-table-column label="活动结束时间" align="center" prop="picName"/>
+      <el-table-column label="活动负责人" align="center" prop="picName"/>
+      <el-table-column label="所属社团" align="center" prop="picName"/>
+      <el-table-column label="备注" align="center" prop="picName"/>
+      <el-table-column label="附件" align="center" prop="picName">
+        <template slot-scope="scope">
+          <!-- <ListImage :image-url="pev+scope.row.picUrl"></ListImage>-->
+          <!-- previewSrcList 开启预览大图的功能。-->
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.url"
+            :preview-src-list="srcList">
+          </el-image>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+            <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">编辑
+            </el-button>
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleCheck(scope.row)">查看
+          </el-button>
+            <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除
+            </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+                @pagination="getList"/>
+
+    <!-- 添加或修改社团主题对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="90px" style="width: 80%; margin: auto">
+        <el-form-item label="活动主题">
+          <el-input v-model="form.name"></el-input>
+        </el-form-item>
+        <el-form-item label="活动开始时间">
+          <el-date-picker
+            v-model="form.value1"
+            type="datetime"
+            placeholder="选择活动开始时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="活动结束时间">
+          <el-date-picker
+            v-model="form.value1"
+            type="datetime"
+            placeholder="选择活动结束时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="活动负责人">
+          <el-select v-model="value" filterable placeholder="请选择活动负责人">
+            <el-option
+              v-for="item in activeOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="所属社团">
+          <el-input v-model="form.name"></el-input>
+        </el-form-item>
+        <el-form-item prop="gardenEmblem"
+                      style="display: flex; text-align: center; justify-content: center; transform: translateX(-30px)">
+          <!--          <el-upload v-loading="uploadLoading" class="avatar-uploader" action="#" accept="image/*"-->
+          <!--                     :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" :on-remove="handleRemove"-->
+          <!--                     :http-request="uploadImage"  :limit="1"  >-->
+          <el-upload :disabled="check == true ? true : false" v-loading="uploadLoading" class="avatar-uploader" action="#" accept="image/*"
+                     :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" :on-remove="handleRemove"
+                     :limit="1"  >
+            <img v-if="imageUrl" :src="imageUrl" class="avatar"/>
+            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+          </el-upload>
+        </el-form-item>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="风采主题:" prop="picName">
+              <el-input :readonly="check == true ? true : false" v-model="form.picName" placeholder="请输入风采主题" style="width: 100%"/>
+            </el-form-item>
+          </el-col>
+          <!--          <el-col :span="12">-->
+          <!--            <el-form-item label="排序:" prop="seqencing">-->
+          <!--              <el-input-number v-model="form.seqencing" controls-position="right" style="width: 100%"-->
+          <!--                               :min="1"></el-input-number>-->
+          <!--            </el-form-item>-->
+          <!--          </el-col>-->
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {listPic, getPic, delPic, addPic, updatePic, updateState} from '@/api/smartSchool/schoolManage/introduce/pic'
+import picAvatar from '@/views/smartSchool/schoolManage/introduce/schoolInfo/profile/picAvatar'
+import {changeUserStatus} from '@/api/system/user'
+import {uploadImage as commonUpload} from '@/api/common'
+import {ExportType, TEXT_SIZE} from '@/enums/common'
+
+export default {
+  name: 'clubActivityRecord',
+  components: {picAvatar},
+  data() {
+    return {
+      pev: process.env.VUE_APP_BASE_API,
+      // 输入框字数限制
+      TEXT_SIZE,
+      //是否上传的院徽
+      isUploadPic: false,
+      //照片是否删除
+      options: [
+        {
+          value: 0,
+          label: '否'
+        },
+        {
+          value: 1,
+          label: '是'
+        }
+      ],
+      //获取子组件传来的信息
+      pic: [],
+      // 图片路径
+      imageUrl: undefined,
+      // 图片上传遮罩层
+      uploadLoading: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 园区照片表格数据
+      picList: [],
+      // 弹出层标题
+      title: '',
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        picName: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        picName: [{required: true, message: '请输入相片名称', trigger: 'blur'}],
+        seqencing: [{required: true, message: '请输入排序', trigger: 'blur'}],
+        remark: [{max: TEXT_SIZE, message: '备注信息在0到200字之间', trigger: 'blur'}]
+      },
+      //设置table列隐藏与显示
+      columns: [
+        {key: 0, label: `园区照片`, visible: true},
+        {key: 1, label: `相片名称`, visible: true},
+        // {key: 2, label: `相片路径`, visible: true},
+        {key: 2, label: `排序`, visible: true},
+        {key: 3, label: `备注`, visible: true},
+        {key: 4, label: `创建者`, visible: true},
+        {key: 5, label: `创建时间`, visible: true},
+        {key: 6, label: `操作`, visible: true}
+      ],
+      // 作为临时图片展示
+      tempImage: '',
+      // 导出选项
+      exportOptions: {
+        title: '选择导出类别',
+        open: false
+      },
+      //查看状态
+      check:false,
+      //活动负责人下拉框
+      activeOptions:[{
+        value: '选项1',
+        label: '黄金糕'
+      }, {
+        value: '选项2',
+        label: '双皮奶'
+      }, {
+        value: '选项3',
+        label: '蚵仔煎'
+      }, {
+        value: '选项4',
+        label: '龙须面'
+      }, {
+        value: '选项5',
+        label: '北京烤鸭'
+      }]
+    }
+  },
+  created() {
+    this.getList()
+  },
+  watch: {
+    pic: {
+      handler(newValue, oldValue) {
+        console.log('watch----oldValue', oldValue)
+        console.log('watch----newValue', newValue)
+        this.isUploadPic = newValue[3]
+      }
+    }
+  },
+  methods: {
+    //是否删除 选中值发生变化时id处理函数
+    selectChangeHandler(value) {
+      this.form.isShow = value
+    },
+    /** 查询园区照片列表 */
+    getList() {
+      this.loading = true
+      this.picList = []
+      listPic(this.queryParams).then(response => {
+        this.picList = response.rows
+        this.total = response.total
+        this.loading = false
+      })
+    },
+    //获取图片信息
+    getSchoolInfoPic(val) {
+      this.pic = val
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        params: {},
+        id: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        delFlag: null,
+        picName: null,
+        picUrl: null,
+        seqencing: null,
+        isShow: 0
+      }
+      this.imageUrl = ''
+      this.resetForm('form')
+
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.throttle(() => {
+        this.queryParams.pageNum = 1
+        this.getList()
+      })
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.check = false
+      this.reset()
+      this.open = true
+      this.title = '新增社团风采'
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      const ids = row.id || this.ids
+
+      getPic(ids).then(response => {
+        this.form = response.data
+        this.imageUrl = this.pev + this.form.picUrl
+        this.open = true
+        this.title = '修改园区照片'
+      })
+    },
+    /** 查看按钮操作 */
+    handleCheck(row){
+      this.check = true
+      this.open = true
+      this.title = '查看社团风采'
+    },
+    // 上传成功回调
+    handleAvatarSuccess(res, file) {
+      this.imageUrl = res.data.url
+      console.log(file)
+      this.commonUpload(file)
+    },
+    // 上传前格式和图片大小限制
+    beforeAvatarUpload(file) {
+      const type = file.type === 'image/jpeg' || 'image/jpg' || 'image/webp' || 'image/png'
+      const isLt2M = file.size / 1024 / 1024 < 2
+      if (!type) {
+        this.$message.error('图片格式不正确!(只能包含jpg，png，webp，JPEG)')
+      }
+      if (!isLt2M) {
+        this.$message.error('上传图片大小不能超过 2MB!')
+      }
+      return type && isLt2M
+    },
+    //删除图片
+    handleRemove(file, fileList){
+      this.imageUrl = ''
+    },
+    // 上传图片
+    uploadImage(file) {
+      const fileData = file.file
+      const formData = new FormData()
+      formData.append('file', fileData)
+      this.uploadLoading = true
+      commonUpload(formData)
+        .then(response => {
+          this.uploadLoading = false
+          this.$modal.msgSuccess('上传成功')
+          this.imageUrl = this.pev + response.url
+          // this.form.picUrl = process.env.VUE_APP_BASE_API + response.url
+          this.form.picUrl = response.url
+        })
+        .catch(error => {
+          this.uploadLoading = false
+        })
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+          this.$modal.loading('正在上传数据，请稍等...')
+          if (this.form.id != null) {
+            updatePic({
+              ...this.form
+            })
+              .then(response => {
+                this.$modal.closeLoading()
+                this.$modal.msgSuccess('修改成功')
+                this.open = false
+                this.getList()
+              })
+              .catch(error => {
+                this.$modal.closeLoading()
+              })
+          } else {
+            addPic({
+              ...this.form,
+              isShow: '0'
+            })
+              .then(response => {
+                this.$modal.closeLoading()
+                this.$modal.msgSuccess('新增成功')
+                this.open = false
+                this.getList()
+              })
+              .catch(error => {
+                this.$modal.closeLoading()
+              })
+          }
+        }
+      })
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids
+      if (ids) {
+        this.$modal
+          .confirm(`是否确认删除选中的${Object.hasOwnProperty.call(ids, 'length') ? ids.length : 1}条数据？`)
+          .then(() => {
+            this.$modal.loading('正在处理数据，请稍等...')
+            return delPic(ids)
+          })
+          .then(() => {
+            this.$modal.closeLoading()
+            this.getList()
+            this.$modal.msgSuccess('删除成功')
+          })
+          .catch(() => {
+            this.$modal.closeLoading()
+          })
+      }
+    },
+
+    /** 是否发布 */
+    handleIsShow(row) {
+      this.$modal
+        .confirm(row.isShow === '1' ? '是否确认显示为轮播图？' : '是否取消显示为轮播图？')
+        .then(() => {
+          this.$modal.loading('正在修改状态，请稍等...')
+          updateState(row.id, row.isShow)
+            .then(response => {
+              this.$modal.closeLoading()
+              this.$modal.msgSuccess('修改成功')
+            })
+            .catch(error => {
+              this.$modal.closeLoading()
+              row.isShow = row.isShow === '0' ? '1' : '0'
+            })
+        })
+        .catch(() => {
+          row.isShow = row.isShow === '0' ? '1' : '0'
+        })
+    }
+  }
+}
+</script>
+<style scoped>
+.avatar,
+.avatar-uploader,
+.el-icon-plus {
+  width: 650px;
+}
+</style>

ruoyi-ui/src/views/smartSchool/massOrganization/clubRegistrationReview/index.vue

+<template>
+  <div>社团报名审核</div>
+</template>
+
+<script>
+export default {
+  name: "clubRegistrationReview"
+}
+</script>
+
+<style scoped>
+
+</style>

ruoyi-ui/src/views/smartSchool/massOrganization/communityStyle/index.vue

+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="标题" prop="picName">
+        <el-input v-model="queryParams.picName" placeholder="请输入标题" clearable/>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd">新增
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete">删除
+        </el-button>
+      </el-col>
+      <!--      <el-col :span="1.5">-->
+      <!--        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"-->
+      <!--                   v-hasPermi="['system:pic:export']">导出-->
+      <!--        </el-button>-->
+      <!--      </el-col>-->
+      <!--      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>-->
+    </el-row>
+
+    <el-table v-loading="loading" ref="table" :data="picList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center"/>
+      <el-table-column label="序号" align="center" prop="seqencing" width="80"/>
+      <el-table-column label="风采主题" align="center" prop="picName"/>
+      <el-table-column label="附件" align="center" prop="picName">
+        <template slot-scope="scope">
+          <!-- <ListImage :image-url="pev+scope.row.picUrl"></ListImage>-->
+          <!-- previewSrcList 开启预览大图的功能。-->
+          <el-image
+            style="width: 100px; height: 100px"
+            :src="scope.row.url"
+            :preview-src-list="srcList">
+          </el-image>
+        </template>
+      </el-table-column>
+      <el-table-column label="是否发布" align="center" prop="isShow">
+        <template slot-scope="scope">
+          <el-switch v-model="scope.row.isShow" active-value="1" inactive-value="0"
+                     @change="handleIsShow(scope.row)"></el-switch>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" v-if="columns[6].visible">
+        <template slot-scope="scope">
+          <!-- 未发布可以修改删除 -->
+          <div>
+            <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改
+            </el-button>
+            <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除
+            </el-button>
+          </div>
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleCheck(scope.row)">查看
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+                @pagination="getList"/>
+
+    <!-- 添加或修改社团主题对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="90px" style="width: 80%; margin: auto">
+        <el-form-item prop="gardenEmblem"
+                      style="display: flex; text-align: center; justify-content: center; transform: translateX(-30px)">
+<!--          <el-upload v-loading="uploadLoading" class="avatar-uploader" action="#" accept="image/*"-->
+<!--                     :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" :on-remove="handleRemove"-->
+<!--                     :http-request="uploadImage"  :limit="1"  >-->
+            <el-upload :disabled="check == true ? true : false" v-loading="uploadLoading" class="avatar-uploader" action="#" accept="image/*"
+                       :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" :on-remove="handleRemove"
+                      :limit="1"  >
+            <img v-if="imageUrl" :src="imageUrl" class="avatar"/>
+            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+          </el-upload>
+        </el-form-item>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="风采主题:" prop="picName">
+              <el-input :readonly="check == true ? true : false" v-model="form.picName" placeholder="请输入风采主题" style="width: 100%"/>
+            </el-form-item>
+          </el-col>
+<!--          <el-col :span="12">-->
+<!--            <el-form-item label="排序:" prop="seqencing">-->
+<!--              <el-input-number v-model="form.seqencing" controls-position="right" style="width: 100%"-->
+<!--                               :min="1"></el-input-number>-->
+<!--            </el-form-item>-->
+<!--          </el-col>-->
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {listPic, getPic, delPic, addPic, updatePic, updateState} from '@/api/smartSchool/schoolManage/introduce/pic'
+import picAvatar from '@/views/smartSchool/schoolManage/introduce/schoolInfo/profile/picAvatar'
+import {changeUserStatus} from '@/api/system/user'
+import {uploadImage as commonUpload} from '@/api/common'
+import {ExportType, TEXT_SIZE} from '@/enums/common'
+
+export default {
+  name: 'communityStyle',
+  components: {picAvatar},
+  data() {
+    return {
+      pev: process.env.VUE_APP_BASE_API,
+      // 输入框字数限制
+      TEXT_SIZE,
+      //是否上传的院徽
+      isUploadPic: false,
+      //照片是否删除
+      options: [
+        {
+          value: 0,
+          label: '否'
+        },
+        {
+          value: 1,
+          label: '是'
+        }
+      ],
+      //获取子组件传来的信息
+      pic: [],
+      // 图片路径
+      imageUrl: undefined,
+      // 图片上传遮罩层
+      uploadLoading: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 园区照片表格数据
+      picList: [],
+      // 弹出层标题
+      title: '',
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        picName: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        picName: [{required: true, message: '请输入相片名称', trigger: 'blur'}],
+        seqencing: [{required: true, message: '请输入排序', trigger: 'blur'}],
+        remark: [{max: TEXT_SIZE, message: '备注信息在0到200字之间', trigger: 'blur'}]
+      },
+      //设置table列隐藏与显示
+      columns: [
+        {key: 0, label: `园区照片`, visible: true},
+        {key: 1, label: `相片名称`, visible: true},
+        // {key: 2, label: `相片路径`, visible: true},
+        {key: 2, label: `排序`, visible: true},
+        {key: 3, label: `备注`, visible: true},
+        {key: 4, label: `创建者`, visible: true},
+        {key: 5, label: `创建时间`, visible: true},
+        {key: 6, label: `操作`, visible: true}
+      ],
+      // 作为临时图片展示
+      tempImage: '',
+      // 导出选项
+      exportOptions: {
+        title: '选择导出类别',
+        open: false
+      },
+      //查看状态
+      check:false,
+
+    }
+  },
+  created() {
+    this.getList()
+  },
+  watch: {
+    pic: {
+      handler(newValue, oldValue) {
+        console.log('watch----oldValue', oldValue)
+        console.log('watch----newValue', newValue)
+        this.isUploadPic = newValue[3]
+      }
+    }
+  },
+  methods: {
+    //是否删除 选中值发生变化时id处理函数
+    selectChangeHandler(value) {
+      this.form.isShow = value
+    },
+    /** 查询园区照片列表 */
+    getList() {
+      this.loading = true
+      this.picList = []
+      listPic(this.queryParams).then(response => {
+        this.picList = response.rows
+        this.total = response.total
+        this.loading = false
+      })
+    },
+    //获取图片信息
+    getSchoolInfoPic(val) {
+      this.pic = val
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        params: {},
+        id: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        delFlag: null,
+        picName: null,
+        picUrl: null,
+        seqencing: null,
+        isShow: 0
+      }
+      this.imageUrl = ''
+      this.resetForm('form')
+
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.throttle(() => {
+        this.queryParams.pageNum = 1
+        this.getList()
+      })
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.check = false
+      this.reset()
+      this.open = true
+      this.title = '新增社团风采'
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      const ids = row.id || this.ids
+
+      getPic(ids).then(response => {
+        this.form = response.data
+        this.imageUrl = this.pev + this.form.picUrl
+        this.open = true
+        this.title = '修改园区照片'
+      })
+    },
+    /** 查看按钮操作 */
+    handleCheck(row){
+      this.check = true
+      this.open = true
+      this.title = '查看社团风采'
+    },
+    // 上传成功回调
+    handleAvatarSuccess(res, file) {
+      this.imageUrl = res.data.url
+      console.log(file)
+      this.commonUpload(file)
+    },
+    // 上传前格式和图片大小限制
+    beforeAvatarUpload(file) {
+      const type = file.type === 'image/jpeg' || 'image/jpg' || 'image/webp' || 'image/png'
+      const isLt2M = file.size / 1024 / 1024 < 2
+      if (!type) {
+        this.$message.error('图片格式不正确!(只能包含jpg，png，webp，JPEG)')
+      }
+      if (!isLt2M) {
+        this.$message.error('上传图片大小不能超过 2MB!')
+      }
+      return type && isLt2M
+    },
+    //删除图片
+    handleRemove(file, fileList){
+      this.imageUrl = ''
+    },
+    // 上传图片
+    uploadImage(file) {
+      const fileData = file.file
+      const formData = new FormData()
+      formData.append('file', fileData)
+      this.uploadLoading = true
+      commonUpload(formData)
+        .then(response => {
+          this.uploadLoading = false
+          this.$modal.msgSuccess('上传成功')
+          this.imageUrl = this.pev + response.url
+          // this.form.picUrl = process.env.VUE_APP_BASE_API + response.url
+          this.form.picUrl = response.url
+        })
+        .catch(error => {
+          this.uploadLoading = false
+        })
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+          this.$modal.loading('正在上传数据，请稍等...')
+          if (this.form.id != null) {
+            updatePic({
+              ...this.form
+            })
+              .then(response => {
+                this.$modal.closeLoading()
+                this.$modal.msgSuccess('修改成功')
+                this.open = false
+                this.getList()
+              })
+              .catch(error => {
+                this.$modal.closeLoading()
+              })
+          } else {
+            addPic({
+              ...this.form,
+              isShow: '0'
+            })
+              .then(response => {
+                this.$modal.closeLoading()
+                this.$modal.msgSuccess('新增成功')
+                this.open = false
+                this.getList()
+              })
+              .catch(error => {
+                this.$modal.closeLoading()
+              })
+          }
+        }
+      })
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids
+      if (ids) {
+        this.$modal
+          .confirm(`是否确认删除选中的${Object.hasOwnProperty.call(ids, 'length') ? ids.length : 1}条数据？`)
+          .then(() => {
+            this.$modal.loading('正在处理数据，请稍等...')
+            return delPic(ids)
+          })
+          .then(() => {
+            this.$modal.closeLoading()
+            this.getList()
+            this.$modal.msgSuccess('删除成功')
+          })
+          .catch(() => {
+            this.$modal.closeLoading()
+          })
+      }
+    },
+
+    /** 是否发布 */
+    handleIsShow(row) {
+      this.$modal
+        .confirm(row.isShow === '1' ? '是否确认显示为轮播图？' : '是否取消显示为轮播图？')
+        .then(() => {
+          this.$modal.loading('正在修改状态，请稍等...')
+          updateState(row.id, row.isShow)
+            .then(response => {
+              this.$modal.closeLoading()
+              this.$modal.msgSuccess('修改成功')
+            })
+            .catch(error => {
+              this.$modal.closeLoading()
+              row.isShow = row.isShow === '0' ? '1' : '0'
+            })
+        })
+        .catch(() => {
+          row.isShow = row.isShow === '0' ? '1' : '0'
+        })
+    }
+  }
+}
+</script>
+<style scoped>
+.avatar,
+.avatar-uploader,
+.el-icon-plus {
+  width: 650px;
+}
+</style>

ruoyi-ui/src/views/smartSchool/massOrganization/memberManagement/index.vue

+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="年级:" prop="picName">
+        <el-input v-model="queryParams.picName" placeholder="请输入年级" clearable/>
+      </el-form-item>
+      <el-form-item label="班级:" prop="picName">
+        <el-input v-model="queryParams.picName" placeholder="请输入班级" clearable/>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd">新增
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete">删除
+        </el-button>
+      </el-col>
+    </el-row>
+
+    <el-table v-loading="loading" ref="table" :data="picList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center"/>
+      <el-table-column label="序号" align="center" prop="seqencing" width="80"/>
+      <el-table-column label="身份证号" align="center" prop="picName"/>
+      <el-table-column label="年级" align="center" prop="picName"/>
+      <el-table-column label="班级" align="center" prop="picName"/>
+      <el-table-column label="社团部门" align="center" prop="picName"/>
+      <el-table-column label="社团职位" align="center" prop="picName"/>
+      <el-table-column label="联系方式" align="center" prop="picName"/>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改
+          </el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+                @pagination="getList"/>
+
+    <!-- 添加或修改社团主题对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="30%" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="90px" >
+        <el-form-item label="姓名:" prop="picName">
+          <el-select v-model="form.value" style="width: 100%;" filterable placeholder="请选择姓名">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="性别:" prop="picName">
+          <el-input readonly  v-model="form.picName" placeholder="请输入性别:"/>
+        </el-form-item>
+        <el-form-item label="身份证号:" prop="picName">
+          <el-input readonly v-model="form.picName" placeholder="请输入身份证号"/>
+        </el-form-item>
+        <el-form-item label="年级:" prop="picName">
+          <el-input readonly v-model="form.picName" placeholder="请输入年级"/>
+        </el-form-item>
+        <el-form-item label="班级:" prop="picName">
+          <el-input readonly v-model="form.picName" placeholder="请输入班级"/>
+        </el-form-item>
+        <el-form-item label="联系方式:" prop="picName">
+          <el-input  v-model="form.picName" placeholder="请输入联系方式"/>
+        </el-form-item>
+        <el-form-item label="社团部门:" prop="picName">
+          <el-input  v-model="form.picName" placeholder="请输入社团部门"/>
+        </el-form-item>
+        <el-form-item label="社团职位:" prop="picName">
+          <el-input  v-model="form.picName" placeholder="请输入社团职位"/>
+        </el-form-item>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {listPic, getPic, delPic, addPic, updatePic, updateState} from '@/api/smartSchool/schoolManage/introduce/pic'
+import picAvatar from '@/views/smartSchool/schoolManage/introduce/schoolInfo/profile/picAvatar'
+import {changeUserStatus} from '@/api/system/user'
+import {uploadImage as commonUpload} from '@/api/common'
+import {ExportType, TEXT_SIZE} from '@/enums/common'
+
+export default {
+  name: 'communityStyle',
+  components: {picAvatar},
+  data() {
+    return {
+      pev: process.env.VUE_APP_BASE_API,
+      // 输入框字数限制
+      TEXT_SIZE,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 弹出层标题
+      title: '',
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        picName: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        picName: [{required: true, message: '请输入相片名称', trigger: 'blur'}],
+        seqencing: [{required: true, message: '请输入排序', trigger: 'blur'}],
+        remark: [{max: TEXT_SIZE, message: '备注信息在0到200字之间', trigger: 'blur'}]
+      },
+      options: [{
+        value: '选项1',
+        label: '黄金糕'
+      }, {
+        value: '选项2',
+        label: '双皮奶'
+      }, {
+        value: '选项3',
+        label: '蚵仔煎'
+      }, {
+        value: '选项4',
+        label: '龙须面'
+      }, {
+        value: '选项5',
+        label: '北京烤鸭'
+      }],
+
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    /** 查询园区照片列表 */
+    getList() {
+      this.loading = true
+      this.picList = []
+      listPic(this.queryParams).then(response => {
+        this.picList = response.rows
+        this.total = response.total
+        this.loading = false
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        params: {},
+        id: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        delFlag: null,
+        picName: null,
+        picUrl: null,
+        seqencing: null,
+        isShow: 0
+      }
+      this.imageUrl = ''
+      this.resetForm('form')
+
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.throttle(() => {
+        this.queryParams.pageNum = 1
+        this.getList()
+      })
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+
+      this.reset()
+      this.open = true
+      this.title = '新增社团成员'
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      const ids = row.id || this.ids
+      getPic(ids).then(response => {
+        this.form = response.data
+        this.imageUrl = this.pev + this.form.picUrl
+        this.open = true
+        this.title = '修改社团成员信息'
+      })
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+          this.$modal.loading('正在上传数据，请稍等...')
+          if (this.form.id != null) {
+            updatePic({
+              ...this.form
+            })
+              .then(response => {
+                this.$modal.closeLoading()
+                this.$modal.msgSuccess('修改成功')
+                this.open = false
+                this.getList()
+              })
+              .catch(error => {
+                this.$modal.closeLoading()
+              })
+          } else {
+            addPic({
+              ...this.form,
+              isShow: '0'
+            })
+              .then(response => {
+                this.$modal.closeLoading()
+                this.$modal.msgSuccess('新增成功')
+                this.open = false
+                this.getList()
+              })
+              .catch(error => {
+                this.$modal.closeLoading()
+              })
+          }
+        }
+      })
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids
+      if (ids) {
+        this.$modal
+          .confirm(`是否确认删除选中的${Object.hasOwnProperty.call(ids, 'length') ? ids.length : 1}条数据？`)
+          .then(() => {
+            this.$modal.loading('正在处理数据，请稍等...')
+            return delPic(ids)
+          })
+          .then(() => {
+            this.$modal.closeLoading()
+            this.getList()
+            this.$modal.msgSuccess('删除成功')
+          })
+          .catch(() => {
+            this.$modal.closeLoading()
+          })
+      }
+    },
+
+  }
+}
+</script>
+<style scoped>
+.avatar,
+.avatar-uploader,
+.el-icon-plus {
+  width: 650px;
+}
+</style>

ruoyi-ui/src/views/smartSchool/personWork/electronicRecord/index.vue

+<!--数据维护 -->
+<template>
+  <div>
+    <el-form style="margin-top: 20px;margin-left: 20px;" :inline="true" :model="queryForm" class="demo-form-inline">
+      <el-form-item label="任务名称:">
+        <el-input v-model="queryForm.level" placeholder="请输入级部"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button size="mini" icon="el-icon-search" type="primary" @click="handleQuery">搜索</el-button>
+        <el-button size="mini" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+        <el-button size="mini" icon="el-icon-edit" type="warning" @click="handleEdit">修改</el-button>
+
+      </el-form-item>
+    </el-form>
+    <el-table style="margin-top: 20px;" border :data="tableData">
+      <el-table-column type="index" label="序号" width="55" align="center"/>
+      <el-table-column label="任务名称" align="center" prop="schoolYear" min-width="200"/>
+      <el-table-column label="任务状态" align="center" prop="level" min-width="150"/>
+      <el-table-column label="填写状态" align="center" min-width="150" prop="name"/>
+      <el-table-column label="开始时间" align="center" min-width="200" prop="IDNum"/>
+      <el-table-column label="结束时间" align="center" min-width="150" prop="schedule"/>
+      <el-table-column fixed="right" label="操作" align="center" min-width="200">
+        <template slot-scope="scope">
+          <!--已发布 未填写/已驳回 已填写-->
+          <div>
+            <el-button
+              size="mini"
+              type="text"
+              @click="handleEdit(scope.row)">填写
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              @click="handleSubmit(scope.row)">提交
+            </el-button>
+          </div>
+          <!--已结束 已填写 / 已结束 级部已确认-->
+          <div>
+            <el-button
+              size="mini"
+              type="text"
+              @click="handleCheck(scope.row)">查看
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryForm.pageNum"
+      :limit.sync="queryForm.pageSize"
+      @pagination="getList"
+    />
+    <!--弹窗-->
+    <el-dialog
+      :title=title
+      :visible.sync="dialogVisible"
+      width="100%">
+      <div style="display:flex;">
+        <div class="leftContent">
+          <div style="margin-bottom: 10px">
+            <span class="line"></span>
+            <span class="title">基本信息</span>
+          </div>
+          <el-form size="mini" ref="form" label-position="left" :model="dialogForm" label-width="120px">
+            <el-form-item label="学年学期:" style="padding-right: 10px">
+              <el-input readonly v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="级部:" style="padding-right: 10px">
+              <el-input readonly v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="姓名:" style="padding-right: 10px">
+              <el-input readonly v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="性别:" style="padding-right: 10px">
+              <el-input readonly v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="年龄:" style="padding-right: 10px">
+              <el-input readonly v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="职称:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="学历:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="政治面貌:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="任教学科:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="任教班级:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="任正班主任班级:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="任副班主任班级:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="是否教学组长:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="是否教研组长:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="设计课时量:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="班主任情况:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+          </el-form>
+          <span style="display: flex;justify-content: center" slot="footer" class="dialog-footer">
+            <div v-if="check == false">
+              <el-button size="small" type="primary" @click="confirmDialog">保 存</el-button>
+              <el-button size="small" @click="dialogVisible = false">取 消</el-button>
+            </div>
+            <el-button v-else size="small" type="primary" @click="dialogVisible = false">关 闭</el-button>
+
+         </span>
+        </div>
+        <div class="rightContent">
+          <div style="margin-bottom: 10px">
+            <span class="line"></span>
+            <span class="title">教育科研</span>
+            <el-button type="success" size="mini" style="float: right;margin-right: 50px;margin-top: 10px;">提 取
+            </el-button>
+          </div>
+          <div class="tableList">
+            <div class="tableFirst">
+              <div class="tableTitle">
+                <i class="el-icon-collection"></i>
+                <span style="margin-left: 5px">发表成就奖论文情况</span>
+              </div>
+              <el-table
+                :data="tableFirstData"
+                border>
+                <el-table-column
+                  align="center"
+                  fixed
+                  type="index"
+                  label="序号">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="name"
+                  label="论文名称">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="province"
+                  label="级别">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="city"
+                  label="等级">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="发表时间">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="附件">
+                  <template slot-scope="scope">
+                    <el-link type="success" href=""></el-link>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+            <div class="tableSecond">
+              <div class="tableTitle">
+                <i class="el-icon-edit-outline"></i>
+                <span style="margin-left: 5px">课题、结题、专著、校本教材编写情况</span>
+              </div>
+              <el-table
+                :data="tableSecondData"
+                border>
+                <el-table-column
+                  align="center"
+                  fixed
+                  type="index"
+                  label="序号">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="name"
+                  label="名称">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="发表时间">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="附件">
+                  <template slot-scope="scope">
+                    <el-link type="success" href=""></el-link>
+                  </template>
+                </el-table-column>
+              </el-table>
+
+            </div>
+            <div class="tableThird">
+              <div class="tableTitle">
+                <i class="el-icon-data-analysis"></i>
+                <span style="margin-left: 5px">发表成就奖论文情况</span>
+              </div>
+              <el-table
+                :data="tableThirdData"
+                border>
+                <el-table-column
+                  align="center"
+                  fixed
+                  type="index"
+                  label="序号">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="name"
+                  label="培训时间">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="培训名称">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="是否合格">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="附件">
+                  <template slot-scope="scope">
+                    <el-link type="success" href=""></el-link>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+            <div class="tableForth">
+              <div class="tableTitle">
+                <i class="el-icon-trophy"></i>
+                <span style="margin-left: 5px">发表成就奖论文情况</span>
+
+              </div>
+              <el-table
+                :data="tableForthData"
+                border>
+                <el-table-column
+                  align="center"
+                  fixed
+                  type="index"
+                  label="序号">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="name"
+                  label="获奖名称">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="获奖时间">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="获奖等级">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="发证机关">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="附件">
+                  <template slot-scope="scope">
+                    <el-link type="success" href=""></el-link>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+
+        </div>
+      </div>
+
+
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "personElectronicRecord",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      queryForm: {
+        level: '',
+        name: '',
+        region: ''
+      },
+      tableData: [{
+        schoolYear: '2022学年上学期',
+        level: '2022级部',
+        name: '张三',
+        IDNum: '121212121212121212',
+        schedule: '未填写'
+      }],
+      dialogVisible: false,
+      form: {},
+      status: this.$route.query.status,
+      dialogTableData: [{
+        level: '2022',
+        name: '李四',
+        ID: '12121212121212'
+      }],
+      check: false,
+      //弹窗表单
+      dialogForm: {},
+      //弹窗标题
+      title: '',
+      //弹窗表格1
+      tableFirstData: [],
+      //弹窗表格2
+      tableSecondData: [],
+      //弹窗表格3
+      tableThirdData: [],
+      //弹窗表格4
+      tableForthData: []
+    }
+  },
+  mounted() {
+    console.log('id', this.$route.query.id)
+    console.log('status', this.status)
+  },
+  methods: {
+    /** 查询信息列表 */
+    getList() {
+      this.loading = true;
+      //接口
+      //   listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+      //     this.userList = response.rows;
+      //     this.total = response.total;
+      //     this.loading = false;
+      //   }
+    },
+    //  搜索按钮
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList()
+    },
+    //  重置按钮
+    resetQuery() {
+      this.queryForm = {
+        pageNum: 1,
+        pageSize: 10,
+        level: '',
+        name: '',
+        region: ''
+      }
+      this.handleQuery()
+    },
+    //查看按钮
+    handleCheck(row) {
+      this.check = true
+      this.title = '基本信息查看'
+      this.dialogVisible = true
+
+    },
+    //填写按钮
+    handleEdit(row) {
+      this.check = false
+      this.title = '基本信息修改'
+      this.dialogVisible = true
+    },
+    //提交按钮
+    handleSubmit(row) {
+
+    },
+    //弹窗确定按钮
+    confirmDialog() {
+      this.dialogVisible = false
+
+    },
+  }
+}
+</script>
+
+<style scoped>
+.leftContent {
+  padding-top: 5px;
+  padding-left: 10px;
+  width: 25%;
+  border: 1px solid silver;
+  border-radius: 10px;
+  padding-bottom: 10px;
+}
+
+.rightContent {
+  padding-top: 5px;
+  padding-left: 10px;
+  margin-left: 5px;
+  width: 75%;
+  border: 1px solid silver;
+  border-radius: 10px;
+}
+
+.line {
+  display: inline-block;
+  width: 5px;
+  height: 20px;
+  vertical-align: middle;
+  background: #0d84ff;
+  border-radius: 5px;
+}
+
+.title {
+  padding-left: 10px;
+  font-size: 16px;
+  vertical-align: middle;
+
+}
+
+</style>

ruoyi-ui/src/views/smartSchool/teachAffairAdministration/electronicRecord/dataMaintenance.vue

+<!--数据维护 -->
+<template>
+  <div>
+    <el-form style="margin-top: 20px;margin-left: 20px;" :inline="true" :model="queryForm" class="demo-form-inline">
+      <el-form-item label="级部:">
+        <el-input v-model="queryForm.level" placeholder="请输入级部"></el-input>
+      </el-form-item>
+      <el-form-item label="姓名:">
+        <el-input v-model="queryForm.name" placeholder="请输入姓名"></el-input>
+      </el-form-item>
+      <el-form-item label="任教学科:">
+        <el-input v-model="queryForm.name" placeholder="请输入任教学科"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button size="mini" icon="el-icon-search" type="primary" @click="handleQuery">搜索</el-button>
+        <el-button size="mini" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table style="margin-top: 20px;" border :data="tableData">
+      <el-table-column type="index" label="序号" width="55" align="center"/>
+      <el-table-column label="学年学期" align="center" prop="schoolYear" min-width="200"/>
+      <el-table-column label="级部" align="center" prop="level" min-width="150"/>
+      <el-table-column label="姓名" align="center" min-width="150" prop="name"/>
+      <el-table-column label="身份证号" align="center" min-width="200" prop="IDNum"/>
+      <el-table-column label="进度" align="center" min-width="150" prop="schedule"/>
+      <el-table-column fixed="right" label="操作" align="center" min-width="200">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleCheck(scope.row)">查看
+          </el-button>
+          <el-button
+            :disabled="status == '已结束' ? true:false"
+            size="mini"
+            type="text"
+            @click="handleEdit(scope.row)">修改
+          </el-button>
+          <el-button
+            :disabled="status == '已结束' ? true:false"
+            size="mini"
+            type="text"
+            @click="handleDelete(scope.row)">删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryForm.pageNum"
+      :limit.sync="queryForm.pageSize"
+      @pagination="getList"
+    />
+    <!--弹窗-->
+    <el-dialog
+      :title=title
+      :visible.sync="dialogVisible"
+      width="100%">
+      <div style="display:flex;">
+        <div class="leftContent">
+          <div style="margin-bottom: 10px">
+            <span class="line"></span>
+            <span class="title">基本信息</span>
+          </div>
+          <el-form size="mini" ref="form" label-position="left" :model="dialogForm" label-width="120px">
+            <el-form-item label="学年学期:" style="padding-right: 10px">
+              <el-input readonly v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="级部:" style="padding-right: 10px">
+              <el-input readonly v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="姓名:" style="padding-right: 10px">
+              <el-input readonly v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="性别:" style="padding-right: 10px">
+              <el-input readonly v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="年龄:" style="padding-right: 10px">
+              <el-input readonly v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="职称:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="学历:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="政治面貌:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="任教学科:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="任教班级:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="任正班主任班级:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="任副班主任班级:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="是否教学组长:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="是否教研组长:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="设计课时量:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="班主任情况:" style="padding-right: 10px">
+              <el-input :readonly="check == true ? true:false" v-model="dialogForm.name"></el-input>
+            </el-form-item>
+          </el-form>
+          <span style="display: flex;justify-content: center" slot="footer" class="dialog-footer">
+            <div v-if="check == false">
+              <el-button size="small" type="primary" @click="confirmDialog">保 存</el-button>
+              <el-button size="small" @click="dialogVisible = false">取 消</el-button>
+            </div>
+            <el-button v-else type="primary" size="small" @click="dialogVisible = false">关 闭</el-button>
+
+         </span>
+        </div>
+        <div class="rightContent">
+          <div style="margin-bottom: 10px">
+            <span class="line"></span>
+            <span class="title">教育科研</span>
+            <el-button type="success" size="mini" style="float: right;margin-right: 50px;margin-top: 10px;">提 取
+            </el-button>
+          </div>
+          <div class="tableList">
+            <div class="tableFirst">
+              <div class="tableTitle">
+                <i class="el-icon-collection"></i>
+                <span style="margin-left: 5px">发表成就奖论文情况</span>
+              </div>
+              <el-table
+                :data="tableFirstData"
+                border>
+                <el-table-column
+                  align="center"
+                  fixed
+                  type="index"
+                  label="序号">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="name"
+                  label="论文名称">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="province"
+                  label="级别">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="city"
+                  label="等级">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="发表时间">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="附件">
+                  <template slot-scope="scope">
+                    <el-link type="success" href=""></el-link>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+            <div class="tableSecond">
+              <div class="tableTitle">
+                <i class="el-icon-edit-outline"></i>
+                <span style="margin-left: 5px">课题、结题、专著、校本教材编写情况</span>
+              </div>
+              <el-table
+                :data="tableSecondData"
+                border>
+                <el-table-column
+                  align="center"
+                  fixed
+                  type="index"
+                  label="序号">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="name"
+                  label="名称">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="发表时间">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="附件">
+                  <template slot-scope="scope">
+                    <el-link type="success" href=""></el-link>
+                  </template>
+                </el-table-column>
+              </el-table>
+
+            </div>
+            <div class="tableThird">
+              <div class="tableTitle">
+                <i class="el-icon-data-analysis"></i>
+                <span style="margin-left: 5px">发表成就奖论文情况</span>
+              </div>
+              <el-table
+                :data="tableThirdData"
+                border>
+                <el-table-column
+                  align="center"
+                  fixed
+                  type="index"
+                  label="序号">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="name"
+                  label="培训时间">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="培训名称">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="是否合格">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="附件">
+                  <template slot-scope="scope">
+                    <el-link type="success" href=""></el-link>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+            <div class="tableForth">
+              <div class="tableTitle">
+                <i class="el-icon-trophy"></i>
+                <span style="margin-left: 5px">发表成就奖论文情况</span>
+
+              </div>
+              <el-table
+                :data="tableForthData"
+                border>
+                <el-table-column
+                  align="center"
+                  fixed
+                  type="index"
+                  label="序号">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="name"
+                  label="获奖名称">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="获奖时间">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="获奖等级">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="address"
+                  label="发证机关">
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  label="附件">
+                  <template slot-scope="scope">
+                    <el-link type="success" href=""></el-link>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+
+        </div>
+      </div>
+
+
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "dataReceiver",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      queryForm: {
+        level: '',
+        name: '',
+        region: ''
+      },
+      tableData: [{
+        schoolYear: '2022学年上学期',
+        level: '2022级部',
+        name: '张三',
+        IDNum: '121212121212121212',
+        schedule: '未填写'
+      }],
+      dialogVisible: false,
+      form: {},
+      status: this.$route.query.status,
+      dialogTableData: [{
+        level: '2022',
+        name: '李四',
+        ID: '12121212121212'
+      }],
+      check: false,
+      //弹窗表单
+      dialogForm: {},
+      //弹窗标题
+      title: '',
+      //弹窗表格1
+      tableFirstData: [],
+      //弹窗表格2
+      tableSecondData: [],
+      //弹窗表格3
+      tableThirdData: [],
+      //弹窗表格4
+      tableForthData: []
+    }
+  },
+  mounted() {
+    console.log('id', this.$route.query.id)
+    console.log('status', this.status)
+  },
+  methods: {
+    /** 查询信息列表 */
+    getList() {
+      this.loading = true;
+      //接口
+      //   listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+      //     this.userList = response.rows;
+      //     this.total = response.total;
+      //     this.loading = false;
+      //   }
+    },
+    //  搜索按钮
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList()
+    },
+    //  重置按钮
+    resetQuery() {
+      this.queryForm = {
+        pageNum: 1,
+        pageSize: 10,
+        level: '',
+        name: '',
+        region: ''
+      }
+      this.handleQuery()
+    },
+    //查看按钮
+    handleCheck(row) {
+      this.check = true
+      this.title = '基本信息查看'
+      this.dialogVisible = true
+
+    },
+    //修改按钮
+    handleEdit(row) {
+      this.check = false
+      this.title = '基本信息修改'
+      this.dialogVisible = true
+    },
+
+    //弹窗确定按钮
+    confirmDialog() {
+      this.dialogVisible = false
+
+    },
+    //多选按钮
+    handleSelectionChange(select) {
+      console.log('select', select)
+    },
+    //  删除按钮
+    handleDelete(row) {
+      //判断，如果进度是未填写可以直接删除不需要提醒
+      //如果是其他状态需要提示相应的状态
+      this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$message({
+          type: 'success',
+          message: '删除成功!'
+        });
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        });
+      });
+    }
+  }
+}
+</script>
+
+<style scoped>
+.leftContent {
+  padding-top: 5px;
+  padding-left: 10px;
+  width: 25%;
+  border: 1px solid silver;
+  border-radius: 10px;
+  padding-bottom: 10px;
+}
+
+.rightContent {
+  padding-top: 5px;
+  padding-left: 10px;
+  margin-left: 5px;
+  width: 75%;
+  border: 1px solid silver;
+  border-radius: 10px;
+}
+
+.line {
+  display: inline-block;
+  width: 5px;
+  height: 20px;
+  vertical-align: middle;
+  background: #0d84ff;
+  border-radius: 5px;
+}
+
+.title {
+  padding-left: 10px;
+  font-size: 16px;
+  vertical-align: middle;
+
+}
+
+</style>

ruoyi-ui/src/views/smartSchool/teachAffairAdministration/electronicRecord/dataReceiver.vue

+<template>
+  <div>
+    <el-form style="margin-top: 20px;margin-left: 20px;" :inline="true" :model="queryForm" class="demo-form-inline">
+      <el-form-item label="级部:">
+        <el-input v-model="queryForm.level" placeholder="请输入级部"></el-input>
+      </el-form-item>
+      <el-form-item label="姓名:">
+        <el-input v-model="queryForm.name" placeholder="请输入姓名"></el-input>
+      </el-form-item>
+      <el-form-item label="进度:">
+        <el-select v-model="queryForm.region" placeholder="请选择进度">
+          <el-option label="区域一" value="shanghai"></el-option>
+          <el-option label="区域二" value="beijing"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button size="mini" icon="el-icon-search" type="primary" @click="handleQuery">搜索</el-button>
+        <el-button size="mini" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+        <el-button size="mini" icon="el-icon-plus" :disabled="status == '已结束' ? true:false" type="success" @click="handleAdd">新增</el-button>
+
+      </el-form-item>
+    </el-form>
+    <el-table style="margin-top: 20px;" border :data="tableData">
+      <el-table-column type="index" label="序号" width="55" align="center"/>
+      <el-table-column label="学年学期" align="center" prop="schoolYear" min-width="200"/>
+      <el-table-column label="级部" align="center" prop="level" min-width="150"/>
+      <el-table-column label="姓名" align="center" min-width="150" prop="name"/>
+      <el-table-column label="身份证号" align="center" min-width="200" prop="IDNum"/>
+      <el-table-column label="进度" align="center" min-width="150" prop="schedule"/>
+      <el-table-column fixed="right" label="操作" align="center">
+        <template slot-scope="scope">
+          <el-button
+            :disabled="status == '已结束' ? true:false"
+            size="mini"
+            type="text"
+            @click="handleDelete(scope.row)">删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryForm.pageNum"
+      :limit.sync="queryForm.pageSize"
+      @pagination="getList"
+    />
+    <!--弹窗-->
+    <el-dialog
+      title='新增接收人'
+      :visible.sync="dialogVisible"
+      width="60%">
+      <el-table
+        ref="multipleTable"
+        :data="dialogTableData"
+        tooltip-effect="dark"
+        @selection-change="handleSelectionChange">
+        <el-table-column
+          align="center"
+          type="selection">
+        </el-table-column>
+        <el-table-column
+          align="center"
+          label="级部"
+          prop="level">
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="name"
+          label="姓名">
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="ID"
+          label="身份证号">
+        </el-table-column>
+      </el-table>
+      <span style="display: flex;justify-content: center" slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="confirmDialog">确 定</el-button>
+    </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "dataReceiver",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      queryForm: {
+        level: '',
+        name: '',
+        region: ''
+      },
+      tableData: [{
+        schoolYear: '2022学年上学期',
+        level: '2022级部',
+        name: '张三',
+        IDNum: '121212121212121212',
+        schedule: '未填写'
+      }],
+      dialogVisible: false,
+      form: {},
+      status : this.$route.query.status,
+      dialogTableData:[{
+       level:'2022',
+       name:'李四',
+       ID:'12121212121212'
+      }]
+    }
+  },
+  mounted() {
+    console.log('id', this.$route.query.id)
+    console.log('status',this.status)
+  },
+  methods: {
+    /** 查询信息列表 */
+    getList() {
+      this.loading = true;
+      //接口
+      //   listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+      //     this.userList = response.rows;
+      //     this.total = response.total;
+      //     this.loading = false;
+      //   }
+    },
+    //  搜索按钮
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList()
+    },
+    //  重置按钮
+    resetQuery() {
+      this.queryForm = {
+        pageNum: 1,
+        pageSize: 10,
+        level: '',
+        name: '',
+        region: ''
+      }
+      this.handleQuery()
+    },
+    //  新增按钮
+    handleAdd() {
+      this.dialogVisible = true
+    },
+
+    //弹窗确定按钮
+    confirmDialog() {
+      this.dialogVisible = false
+
+    },
+    //多选按钮
+    handleSelectionChange(select){
+      console.log('select',select)
+    },
+    //  删除按钮
+    handleDelete(row) {
+      //判断，如果进度是未填写可以直接删除不需要提醒
+      //如果是其他状态需要提示相应的状态
+      this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$message({
+          type: 'success',
+          message: '删除成功!'
+        });
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        });
+      });
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

ruoyi-ui/src/views/smartSchool/teachAffairAdministration/electronicRecord/index.vue

+<template>
+  <div style="margin-top: 20px;margin-left: 20px">
+    <el-form ref="queryForm" :inline="true" :model="queryForm" class="demo-form-inline">
+      <el-form-item label="任务名称:">
+        <el-input v-model="queryForm.user" placeholder="请输入任务名称"></el-input>
+      </el-form-item>
+      <el-form-item label="任务状态:">
+        <el-select v-model="queryForm.region" placeholder="请选择任务状态">
+          <el-option label="区域一" value="shanghai"></el-option>
+          <el-option label="区域二" value="beijing"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button icon="el-icon-search" size="mini" type="primary" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button icon="el-icon-plus" size="mini" type="success" @click="handleAdd">新增</el-button>
+        <!--        <el-button size="small" type="warning">修改</el-button>-->
+        <!--      <el-button size="small" type="primary">查看</el-button>-->
+        <el-button icon="el-icon-delete" size="mini" type="danger" @click="handleDeleteMuti">删除</el-button>
+      </el-form-item>
+    </el-form>
+    <div>
+    </div>
+    <el-table style="margin-top: 20px;" border :data="tableData" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center"/>
+      <el-table-column type="index" label="序号" width="55" align="center"/>
+      <el-table-column label="范围" align="center" prop="range" min-width="100"/>
+      <el-table-column label="任务名称" align="center" prop="name" min-width="220"/>
+      <el-table-column label="开始时间" align="center" min-width="100" prop="statrtTime"/>
+      <el-table-column label="结束时间" align="center" min-width="100" prop="endTime"/>
+      <el-table-column label="教师人数" align="center" min-width="100" prop="teacherNum"/>
+      <el-table-column label="填写人数" align="center" min-width="100" prop="fillNum"/>
+      <el-table-column label="级部确认" align="center" min-width="100" prop="levelConfirm"/>
+      <el-table-column label="状态" align="center" min-width="100" prop="status"/>
+
+      <el-table-column fixed="right" label="操作" align="center" min-width="280">
+        <template slot-scope="scope">
+          <div>
+            <el-button
+              type="text"
+              size="mini"
+              @click="handleEdit(scope.row)">修改
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              @click="handleDelete(scope.row)">删除
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              @click="handlePublish(scope.row)">发布
+            </el-button>
+          </div>
+          <div>
+            <el-button
+              size="mini"
+              type="text"
+              @click="dataReceiver(scope.row)">数据接收人员
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              @click="dataMaintenance(scope.row)">数据维护
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              @click="handleExport(scope.row)">导出
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              @click="handleRevocation(scope.row)">撤回
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              @click="handleFinish(scope.row)">结束
+            </el-button>
+          </div>
+          <div>
+            <el-button
+              size="mini"
+              type="text"
+              @click="dataReceiver(scope.row)">数据接收人员
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              @click="dataMaintenance(scope.row)">数据维护
+            </el-button>
+            <el-button
+              size="mini"
+              type="text"
+              @click="handleExport(scope.row)">导出
+            </el-button>
+          </div>
+
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryForm.pageNum"
+      :limit.sync="queryForm.pageSize"
+      @pagination="getList"
+    />
+    <!--弹窗-->
+    <el-dialog
+      :title=title
+      :visible.sync="dialogVisible"
+      width="30%">
+      <el-form ref="form" :model="form" label-width="120px">
+        <el-form-item label="任务名称：">
+          <el-input style="width: 220px;" v-model="form.name"></el-input>
+        </el-form-item>
+        <el-form-item label="范围：">
+          <el-input style="width: 220px;" readonly v-model="form.range"></el-input>
+        </el-form-item>
+        <el-form-item label="开始时间：">
+          <el-date-picker
+            v-model="form.startTime"
+            type="date"
+            placeholder="选择日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="结束时间：">
+          <el-date-picker
+            v-model="form.endTime"
+            type="date"
+            placeholder="选择日期">
+          </el-date-picker>
+        </el-form-item>
+      </el-form>
+      <span style="display: flex;justify-content: center" slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="confirmDialog">确 定</el-button>
+    </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "teacherElectronicRecord",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      queryForm: {
+        pageNum: 1,
+        pageSize: 10,
+        user: '',
+        region: ''
+      },
+      tableData: [{
+        id: 1,
+        range: '全体教师',
+        name: '2022学年上学期教师档案填写',
+        statrtTime: '2023/08/30',
+        endTime: '2023/08/30',
+        teacherNum: '124',
+        fillNum: '50',
+        levelConfirm: '40',
+        status: '未发布',
+      }],
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      //  弹窗
+      dialogVisible: false,
+      // 弹窗标题
+      title: '',
+      form: {},
+    }
+  },
+  created() {
+    this.getList()
+  },
+
+  methods: {
+    /** 查询信息列表 */
+    getList() {
+      this.loading = true;
+    //接口
+    //   listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+    //     this.userList = response.rows;
+    //     this.total = response.total;
+    //     this.loading = false;
+    //   }
+    },
+    //搜索按钮
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList()
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        name: '',
+        range: '全体教师',
+        startTime: '',
+        endTime: ''
+      };
+      this.resetForm("form");
+    },
+    //重置按钮
+    resetQuery() {
+      this.queryForm.user = '',
+        this.queryForm.region = '',
+        this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      console.log('selection', selection)
+      this.ids = selection.map(item => item.id)
+      console.log('this.ids', this.ids)
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+    },
+    //新增按钮
+    handleAdd() {
+      this.reset()
+      this.form.name = '2023'
+      this.title = '新增任务'
+      this.dialogVisible = true
+
+    },
+    //弹窗确定按钮
+    confirmDialog() {
+      this.dialogVisible = false
+
+    },
+    //多选删除按钮
+    handleDeleteMuti() {
+      console.log('delete ids', this.ids)
+      // 接口
+    },
+    //修改按钮
+    handleEdit(row) {
+      this.title = '修改任务'
+
+      this.dialogVisible = true
+
+    },
+    // 删除按钮
+    handleDelete(row) {
+
+    },
+    //  发布按钮
+    handlePublish(row) {
+
+    },
+    //  数据接收人员按钮
+    dataReceiver(row) {
+      //传值状态，如果是已结束跳过去只能查看，已发布可以新增或者删除
+      console.log('row', row)
+      this.$router.push({
+        path: '/teachAffairAdministration/smartSchool/teachAffairAdministration/electronicRecord/dataReceiver',
+        query: {
+          id: row.id,
+          status:row.status
+        }
+      })
+    },
+    //  数据维护按钮
+    dataMaintenance(row) {
+      console.log('数据维护按钮row', row)
+      //传值状态，如果是已结束跳过去只能查看，已发布可以新增或者删除
+      this.$router.push({
+        path: '/teachAffairAdministration/smartSchool/teachAffairAdministration/electronicRecord/dataMaintenance',
+        query: {
+          id: row.id,
+          status:row.status
+        }
+      })
+    },
+    //  导出按钮
+    handleExport(row) {
+    },
+    //  撤回按钮
+    handleRevocation(row) {
+    },
+    //  结束按钮
+    handleFinish(row) {
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>