feige
2023-04-07 601c3e854e74a15932fb502145f48cc0a773a611
ruoyi-ui/src/views/bignote/index.vue
@@ -1,13 +1,20 @@
<template>
    <div class="app-container">
  <div class="app-container" style="opacity: 1;">
      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
          <el-form-item label="大事标题" prop="title">
            <el-input
              v-model="queryParams.title"
              placeholder="请输入标题"
              clearable
              style="width: 240px"
          style="
              width: 197px;
              height: 30px;
              background: #FFFFFF;
              border-radius: 14px 14px 14px 14px;
              opacity: 0.5;
              border: 1px solid rgba(0,0,0,0.25);"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
@@ -17,7 +24,12 @@
              v-model="queryParams.people"
              placeholder="请输入人物"
              clearable
              style="width: 240px"
          style="width: 197px;
              height: 30px;
background: #FFFFFF;
border-radius: 14px 14px 14px 14px;
opacity: 0.5;
border: 1px solid rgba(0,0,0,0.25);"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
@@ -26,7 +38,12 @@
              v-model="queryParams.address"
              placeholder="请输入地点"
              clearable
              style="width: 240px"
          style="width: 197px;
height: 30px;
background: #FFFFFF;
border-radius: 14px 14px 14px 14px;
opacity: 0.5;
border: 1px solid rgba(0,0,0,0.25);"
              @keyup.enter.native="handleQuery"
            />
@@ -34,7 +51,12 @@
        <el-form-item label="时间">
          <el-date-picker
            v-model="dateRange"
            style="width: 240px"
          style=" width: 197px;
height: 30px;
background: #FFFFFF;
border-radius: 14px 14px 14px 14px;
opacity: 0.5;
border: 1px solid rgba(0,0,0,0.25);"
            value-format="yyyy-MM-dd HH-MM"
            type="daterange"
            range-separator="-"
@@ -48,6 +70,14 @@
        </el-form-item>
      </el-form>
    <div style="width: 72px;
height: 24px;
font-size: 18px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #000000;
line-height: 21px;
">家大事记</div>
      <el-row :gutter="10" class="mb8">
        <el-col :span="1.5">
          <el-button
@@ -70,6 +100,7 @@
            @click="handleDelete"
            v-hasPermi="['system:role:remove']"
          >删除</el-button>
        </el-col>
        <el-col :span="1.5">
          <el-button
@@ -100,6 +131,7 @@
        <el-table-column label="备注" prop="remark" sortable width="100" />
        <el-table-colum label="电子文件" prop="fujian" sortable width="100"/>
      <el-table-column label="家庭号" prop="familyId" sortable width="100" />
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
          <template slot-scope="scope" v-if="scope.row.roleId !== 1">
            <el-button
@@ -142,11 +174,15 @@
          </el-form-item>
          <el-form-item label="人物" prop="people">
            <el-input v-model="formDat.holder" placeholder="请输入人物" clearable :style="{width: '100%'}" >
          <el-input v-model="formDat.people" placeholder="请输入人物" clearable :style="{width: '100%'}" >
            </el-input>
          </el-form-item>
          <el-form-item label="地点" prop="address">
            <el-input v-model="formDat.address" placeholder="请输入地点" clearable :style="{width: '100%'}" >
          </el-input>
        </el-form-item>
        <el-form-item label="家庭号" prop="familyId">
          <el-input v-model="formDat.familyId" placeholder="请输入家庭号" clearable :style="{width: '100%'}" >
            </el-input>
          </el-form-item>
          <el-form-item label="备注" prop="remark">
@@ -226,6 +262,8 @@
    </div>
  </template>
  <script>
  import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from "@/api/system/role";
  import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu";
@@ -284,6 +322,7 @@
          holder: undefined,
          address: undefined,
          remark: undefined,
        familyId:undefined,
          url: undefined,
        },
        // 菜单列表
@@ -323,9 +362,9 @@
            message: '请输入地点',
            trigger: 'blur'
          }],
          remark: [{
        familyId: [{
            required: true,
            message: '请输入备注',
          message: '请输入家庭号',
            trigger: 'blur'
          }],
          createTime: [{
@@ -348,6 +387,20 @@
        this.open = false;
        this.reset();
      },
    //隔行变色
    //   methods: {
    //   tableRowClassName({row, rowIndex}) {
    //     if (rowIndex === 1)  //=>这里可以改成 rowIndex%2=== 1,后面直接else即可达到隔行变色效果。
    //     {
    //       return 'warning-row';
    //     } else if (rowIndex === 3) {
    //       return 'success-row';
    //     }
    //     return '';
    //   }
    // },
      /** 查询角色列表 */
      //列表显示家大事记
@@ -430,7 +483,7 @@
      /** 查看详细信息 */
      handleCheck(row){
        const id = row.id;
        this.$router.push("/family1/bignote/familyeventInfo/" + id);
      this.$router.push("/family/zfEvent/bignote/familyeventInfo/" + id);
      },
      /** 修改按钮操作 */
      handleUpdate(row) {
@@ -438,7 +491,7 @@
        let jd = true
        this.$router.push({
          path:"/family1/bignote/familyeventInfo/" + id,
        path:"/family/zfEvent/bignote/familyeventInfo/" + id,
          query:{
            detail:jd
          }
@@ -500,7 +553,7 @@
        this.$modal.confirm('是否确认删除序号为"' + Ids + '"的数据项?').then(function() {
          return delFamilyevent(Ids);
        }).then(() => {
          this.getList1();
        this.getList();
          this.$modal.msgSuccess("删除成功");
        }).catch(() => {});
      },