| | |
| | | <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> |
| | |
| | | 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> |
| | |
| | | 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" |
| | | /> |
| | | |
| | |
| | | <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="-" |
| | |
| | | </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 |
| | |
| | | @click="handleDelete" |
| | | v-hasPermi="['system:role:remove']" |
| | | >删除</el-button> |
| | | |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | |
| | | |
| | | <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 |
| | |
| | | </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"> |
| | |
| | | </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"; |
| | |
| | | holder: undefined, |
| | | address: undefined, |
| | | remark: undefined, |
| | | familyId:undefined, |
| | | url: undefined, |
| | | }, |
| | | // 菜单列表 |
| | |
| | | message: '请输入地点', |
| | | trigger: 'blur' |
| | | }], |
| | | remark: [{ |
| | | familyId: [{ |
| | | required: true, |
| | | message: '请输入备注', |
| | | message: '请输入家庭号', |
| | | trigger: 'blur' |
| | | }], |
| | | createTime: [{ |
| | |
| | | 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 ''; |
| | | // } |
| | | // }, |
| | | |
| | | /** 查询角色列表 */ |
| | | //列表显示家大事记 |
| | |
| | | /** 查看详细信息 */ |
| | | handleCheck(row){ |
| | | const id = row.id; |
| | | this.$router.push("/family1/bignote/familyeventInfo/" + id); |
| | | this.$router.push("/family/zfEvent/bignote/familyeventInfo/" + id); |
| | | }, |
| | | /** 修改按钮操作 */ |
| | | handleUpdate(row) { |
| | |
| | | let jd = true |
| | | |
| | | this.$router.push({ |
| | | path:"/family1/bignote/familyeventInfo/" + id, |
| | | path:"/family/zfEvent/bignote/familyeventInfo/" + id, |
| | | query:{ |
| | | detail:jd |
| | | } |
| | |
| | | this.$modal.confirm('是否确认删除序号为"' + Ids + '"的数据项?').then(function() { |
| | | return delFamilyevent(Ids); |
| | | }).then(() => { |
| | | this.getList1(); |
| | | this.getList(); |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }).catch(() => {}); |
| | | }, |