From 885aaba80bce1201fc2a9df76f6837b0495bd963 Mon Sep 17 00:00:00 2001
From: linwenling <3256558519@qq.com>
Date: 星期四, 06 四月 2023 15:59:36 +0800
Subject: [PATCH] 修改家大事记
---
ruoyi-ui/src/views/self/index.vue | 473 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 466 insertions(+), 7 deletions(-)
diff --git a/ruoyi-ui/src/views/self/index.vue b/ruoyi-ui/src/views/self/index.vue
index 3c7108e..18ace9a 100644
--- a/ruoyi-ui/src/views/self/index.vue
+++ b/ruoyi-ui/src/views/self/index.vue
@@ -9,26 +9,485 @@
<h1 style="font-size:21px">涓汉绠�鍘�</h1>
<el-divider />
<h2 style="font-size:16px">鍩烘湰淇℃伅</h2>
- <el-col :span="8">
-
- </el-col>
+ <el-container>
+ <div style="padding-left:30px">
+ <el-container>
+ <el-col>
+ <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="70px" label-position="left">
+ <el-row :span="6">
+ <el-form-item label="濮撳悕" prop="nickName">
+ <el-input v-model="formData.nickName" placeholder="璇疯緭鍏ュ鍚�" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+ <el-row :span="6">
+ <el-form-item label="鏇剧敤鍚�" prop="oldName">
+ <el-input v-model="formData.oldName" placeholder="璇疯緭鍏ユ浘鐢ㄥ悕" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+ <el-row :span="8">
+ <el-form-item label="韬唤璇佸彿" prop="idNum">
+ <el-input v-model="formData.idNum" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+ </el-form>
+ </el-col>
+ </el-container>
+ </div>
+ <div style="padding-left:70px">
+ <el-container>
+ <el-col >
+ <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="60px" label-position="left">
+ <el-row :span="6">
+ <el-form-item label="鎬у埆" prop="sex">
+ <el-input v-model="formData.sex" placeholder="璇疯緭鍏ユ�у埆" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+ <el-row :span="6">
+ <el-form-item label="姘戞棌" prop="nation">
+ <el-input v-model="formData.nation" placeholder="璇疯緭鍏ユ皯鏃�" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+ <el-row :span="8">
+ <el-form-item label="鑱旂郴鏂瑰紡" prop="phoneNumber">
+ <el-input v-model="formData.phoneNumber" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+ </el-form>
+ </el-col>
+ </el-container>
+ </div>
+ <div style="padding-left:70px">
+ <el-container>
+ <el-col>
+ <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="60px" label-position="left">
+ <el-row :span="6">
+ <el-form-item label="鍥界睄" prop="nationality">
+ <el-input v-model="formData.nationality" placeholder="璇疯緭鍏ュ浗绫�" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+ <el-row :span="6">
+ <el-form-item label="濠氬Щ鐘跺喌" prop="maritalStatus">
+ <el-input v-model="formData.maritalStatus" placeholder="璇疯緭鍏ュ濮荤姸鍐�" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+
+ </el-form>
+ </el-col>
+ </el-container>
+ </div>
+ <div style="padding-left:70px;padding-top:30px">
+ <el-row :gutter="6" >
+ <el-upload ref="ref1"
+ action=""
+ :file-list="fileList"
+ list-type="picture-card"
+ accept="image/*"
+ :auto-upload="false"
+ :multiple="false"
+ :limit="1">
+ <i class="el-icon-plus"></i>
+ </el-upload>
+ </el-row>
+ </div>
+ <div style="padding-left:50px;padding-top:30px" >
+ <el-container>
+ <el-row :span="2" style="flex-direction: column;">
+ <el-button type="primary" @click="submitForm">缂栬緫</el-button>
+ <br>
+ <el-button type="primary" @click="submitForm">瀵煎叆</el-button>
+ </el-row>
+ </el-container>
+ </div>
+ </el-container>
+ <el-container>
+ <div style="padding-left:30px">
+ <el-container>
+ <el-col>
+ <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px" label-position="left">
+ <el-row :span="15">
+ <el-form-item label="鎴风睄鍦板潃" prop="locationAddress">
+ <el-input v-model="formData.locationAddress" placeholder="璇疯緭鍏ユ埛绫嶅湴鍧�" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+ <el-row :span="15">
+ <el-form-item label="甯镐綇鍦板潃" prop="alwaysAddress">
+ <el-input v-model="formData.alwaysAddress" placeholder="璇疯緭鍏ュ父浣忓湴鍧�" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+ <el-row :span="15">
+ <el-form-item label="鍗曚綅鍙婅亴鍔¤亴绉�" prop="position">
+ <el-input v-model="formData.position" placeholder="璇疯緭鍏ュ崟浣嶅強鑱屽姟鑱岀О" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+
+ </el-form>
+ </el-col>
+ </el-container>
+ </div>
+ <div style="padding-left:30px">
+ <el-container>
+ <el-col>
+ <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px" label-position="left">
+ <el-row :span="12">
+ <el-form-item label="鎴风睄鍦板叕瀹夋満鍏�" prop="locationPolice">
+ <el-input v-model="formData.locationPolice" placeholder="璇疯緭鍏ユ埛绫嶅湴鍏畨鏈哄叧" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+ <el-row :span="12">
+ <el-form-item label="甯镐綇鍦板叕瀹夋満鍏�" prop=" alwaysPolice">
+ <el-input v-model="formData. alwaysPolice" placeholder="璇疯緭鍏ュ父浣忓湴鍏畨鏈哄叧" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+
+ </el-form>
+ </el-col>
+ </el-container>
+ </div>
+ </el-container>
+
+
+ <div style="padding-top:30px">
+ <el-container>
+ <div style="width:100%"><h2 style="font-size:15px" >涓昏瀛︿範鍙婂伐浣滅粡鍘�</h2></div>
+ <el-button type="primary" icon="el-icon-edit" round></el-button>
+ <el-button type="primary" icon="el-icon-delete" round></el-button>
+ </el-container>
+
+ <el-table v-loading="loading" :data="experiencelList" @selection-change="handleSelectionChange">
+ <el-table-column type="selection" width="16" align="center" />
+ <el-table-column label="璧锋鏃ユ湡" prop="startDate" sortable width="300" align="center" />
+ <el-table-column label="涓昏瀛︿範缁忓巻銆佸伐浣滃崟浣嶅強浠昏亴鎯呭喌" prop="content" sortable width="350" align="center" />
+ <el-table-column label="璇佹槑浜�" prop="witness" sortable width="300" align="center" />
+ <el-table-column label="鍒犻櫎" align="center" class-name="small-padding fixed-width" sortable width="100">
+
+ </el-table-column>
+ </el-table>
+ </div>
+
+ <div style="padding-top:30px">
+ <el-container>
+ <div style="width:100%"><h2 style="font-size:15px" >瀹跺涵鎴愬憳鍙婁富瑕佺ぞ浼氬叧绯绘儏鍐�</h2></div>
+ <el-button type="primary" icon="el-icon-edit" round></el-button>
+ <el-button type="primary" icon="el-icon-delete" round></el-button>
+ </el-container>
+ <!-- :data =""鍐呯殑涓滆タ涓嶇煡閬撹涓嶈鏀�-->
+ <el-table v-loading="loading" :data="experiencelList" @selection-change="handleSelectionChange">
+ <el-table-column type="selection" width="16" align="center" />
+ <el-table-column label="涓庢湰浜哄叧绯�" sortable width="270" align="center" />
+ <el-table-column label="濮撳悕" sortable width="270" align="center" />
+ <el-table-column label="鍗曚綅鍙婅亴鍔�" sortable width="270" align="center" />
+ <el-table-column label="鏀挎不闈㈣矊" sortable width="270" align="center">
+ </el-table-column>
+ </el-table>
+ </div>
+
+ <el-container>
+ <div style="width:100%"><h2 style="font-size:15px" >绉诲眳鍥斤紙澧冿級鎯呭喌</h2></div>
+
+ </el-container>
+
+ <div style="padding-top:30px">
+ <el-container>
+ <div style="width:100%"><h2 style="font-size:15px" >鎸佹湁鍑哄叆澧冭瘉浠舵儏鍐�</h2></div>
+ <el-button type="primary" icon="el-icon-edit" round></el-button>
+ <el-button type="primary" icon="el-icon-delete" round></el-button>
+ </el-container>
+ <!-- :data =""鍐呯殑涓滆タ涓嶇煡閬撹涓嶈鏀�-->
+ <el-table v-loading="loading" :data="experiencelList" @selection-change="handleSelectionChange">
+ <el-table-column type="selection" width="16" align="center" />
+ <el-table-column label="璇佷欢鍚嶇О" sortable width="270" align="center" />
+ <el-table-column label="鎸佹湁鎯呭喌" sortable width="270" align="center" />
+ <el-table-column label="璇佷欢鍙风爜" sortable width="270" align="center" />
+ <el-table-column label="鏈夋晥鏈�" sortable width="270" align="center">
+ </el-table-column>
+ </el-table>
+ </div>
+ <div style="padding-top:30px">
+ <el-container>
+ <div style="width:100%"><h2 style="font-size:15px" >鍑哄浗锛堝锛夋儏鍐�</h2></div>
+ <el-button type="primary" icon="el-icon-edit" round></el-button>
+ <el-button type="primary" icon="el-icon-delete" round></el-button>
+ </el-container>
+ <el-table v-loading="loading" :data="experiencelList" @selection-change="handleSelectionChange">
+ <el-table-column type="selection" width="16" align="center" />
+ <el-table-column label="璧锋鏃ユ湡" prop="startDate" sortable width="300" align="center" />
+ <el-table-column label="鎵�鍒板浗瀹舵垨鑰呭湴鍖�" prop="content" sortable width="350" align="center" />
+ <el-table-column label="浜嬬敱锛堟梾娓搞�佽蛋璁裤�佹帰浜层�佺户鎵胯储浜с�佸叾浠栵級" prop="witness" sortable width="300" align="center" />
+ <el-table-column label="鍒犻櫎" align="center" class-name="small-padding fixed-width" sortable width="100">
+ </el-table-column>
+ </el-table>
+
+ </div>
+ <pagination
+ v-show="total>0"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
+ />
</div>
</template>
<script>
-import {getIndividualInfo, getIndividualRelation, delIndividual, updateIndividual, addIndividual} from "@/api/self/index";
+import {getIndividualInfo, getIndividualRelation, delIndividual, updateIndividual, addIndividual,listExperience,updateExperience,
+ addExperience,delExperience} from "@/api/self/index";
export default {
name: 'index',
+ components: {},
+ props: [],
data() {
return {
- input: ''
- }
- }
+ input: '',
+ filelist: [],
+ // 閬僵灞�
+ disabled: false,
+
+ loading: true,
+ // formData:[],
+ // 閫変腑鏁扮粍
+ ids: [],
+ // 闈炲崟涓鐢�
+ single: true,
+ // 闈炲涓鐢�
+ multiple: true,
+ // 鏄剧ず鎼滅储鏉′欢
+ showSearch: true,
+ // 鎬绘潯鏁�
+ total: 0,
+ // 涓汉缁忓巻鏁版嵁
+ experiencelList: [],
+ // 寮瑰嚭灞傛爣棰�
+ title: "",
+ // 鏄惁鏄剧ず寮瑰嚭灞�
+ open: false,
+ // 鏄惁鏄剧ず寮瑰嚭灞傦紙鏁版嵁鏉冮檺锛�
+ openDataScope: false,
+ menuExpand: false,
+ menuNodeAll: false,
+ deptExpand: true,
+ deptNodeAll: false,
+ // 鏃ユ湡鑼冨洿
+ dateRange: [],
+ // 鏁版嵁鑼冨洿閫夐」
+ fot:[".jpg",".jif"],
+ fileList:[
+ ],
+ fileListOther:[
+
+ ],
+ dsb:true,
+ btn:false,
+
+ formData: {
+ nickName: undefined,
+ oldName: undefined,
+ sex: undefined,
+ nationality: undefined,
+ nation: undefined,
+ maritalStatus: undefined,
+ idNum: undefined,
+ politicalOutlook: undefined,
+ phoneNumber: undefined,
+ locationAddress: undefined,
+ alwaysPolice: undefined,
+ alwaysAddress: undefined,
+ position: undefined,
+ locationPolice: undefined,
+ },
+ rules: {
+ nickName: [{
+ required: true,
+ message: '璇疯緭鍏ュ鍚�',
+ trigger: 'blur'
+ }],
+ sex: [{
+ required: true,
+ message: '璇疯緭鍏ユ�у埆',
+ trigger: 'blur'
+ }],
+ nationality: [{
+ required: true,
+ message: '璇疯緭鍏ュ浗绫�',
+ trigger: 'blur'
+ }],
+ oldName: [{
+ required: true,
+ message: '璇疯緭鍏ユ浘鐢ㄥ悕',
+ trigger: 'blur'
+ }],
+ nation: [{
+ required: true,
+ message: '璇疯緭鍏ユ皯鏃�',
+ trigger: 'blur'
+ }],
+ idNum: [{
+ // required: true,
+ message: '璇疯緭鍏ヨ韩浠借瘉鍙�',
+ trigger: 'blur'
+ }],
+ maritalStatus: [{
+ // required: true,
+ message: '璇疯緭鍏ュ濮荤姸鍐�',
+ trigger: 'blur'
+ }],
+ phoneNumber: [{
+ // required: true,
+ message: '璇疯緭鍏ヨ仈绯绘柟寮�',
+ trigger: 'blur'
+ }],
+ locationAddress: [{
+ // required: true,
+ message: '璇疯緭鍏ユ埛绫嶅湴鍧�',
+ trigger: 'blur'
+ }],
+ locationPolice: [{
+ // required: true,
+ message: '璇疯緭鍏ユ埛绫嶅湴鍏畨鏈哄叧',
+ trigger: 'blur'
+ }],
+ alwaysAddress: [{
+ // required: true,
+ message: '璇疯緭鍏ュ父浣忓湴鍧�',
+ trigger: 'blur'
+ }],
+ alwaysPolice: [{
+ // required: true,
+ message: '璇疯緭鍏ュ父浣忓湴鍏畨鏈哄叧',
+ trigger: 'blur'
+ }],
+ position: [{
+ // required: true,
+ message: '璇疯緭鍏ュ崟浣嶅強鑱屽姟鑱岀О',
+ trigger: 'blur'
+ }],
+ },
+
+ // 鏌ヨ鍙傛暟
+ queryParams: {
+ pageNum: 1,
+ pageSize: 5,
+ startDate:undefined,
+ content:undefined,
+ witness:undefined,
+ createTime:undefined
+ },
+ }
+ },
+ computed: {},
+ watch: {},
+ created() {
+ this.getList();
+ // this.getCateInfor()
+ },
+ mounted() {},
+ methods: {
+ submitForm() {
+ this.$refs['elForm'].validate(valid => {
+ if (!valid) return
+ // TODO 鎻愪氦琛ㄥ崟
+ })
+ },
+ resetForm() {
+ this.$refs['elForm'].resetFields()
+ },
+ fillFormData(){
+ let formData = new FormData();
+ let photo = this.$refs['ref1'].uploadFiles[0];
+ if(photo===undefined){
+ this.$message.error("璇烽�夋嫨鐓х墖");
+ return false;
+ }
+ if(photo!==undefined){
+ formData.append('鐓х墖', photo.raw);//鏍规嵁鍚庣闇�瑕佺殑鍙傛暟杩涜鐩稿簲鏇存敼锛屽ぇ澶氭槸鏂囦欢鏍煎紡
+ }
+ return formData;
+ },
+ dialogConfirm() {
+ let formData=this.fillFormData();
+ if(this.dialogMode ==='edit'){//dialogMode鐢ㄤ簬鍒ゆ柇褰撳墠鏃舵坊鍔犺繕鏄紪杈�
+ this.api.update(formData).then(res => {//璋冪敤淇敼鎺ュ彛
+ if (res.data.code == "OK") {
+ this.$message({
+ type: "success",
+ message: "淇敼鎴愬姛!",
+ duration:5000
+ });
+ this.fileList=[];
+ } else {
+ this.$message.error(res.data.message);
+ }
+ },()=>{
+ this.$message.error("淇敼澶辫触");
+ }).finally(()=>{
+ });
+ }else{
+ this.api.insert(formData).then(res => {//娣诲姞鎺ュ彛
+ if (res.data.code == "OK") {
+ this.$message({
+ type: "success",
+ message: "鏂板缓鎴愬姛!",
+ duration:5000
+ });
+ this.fileList=[];
+ } else {
+ this.$message.error(res.data.message);
+ }
+ },()=>{
+ this.$message.error("鏂板缓澶辫触");
+ }).finally(()=>{
+ });
+ }
+ },
+ //鐐瑰嚮缂栬緫鏃跺浘鐗囧洖鏄�
+ edit(info){//info=>鍚庡彴鎺ュ彛杩斿洖鐨勬暟鎹�
+ let url=this.baseUrl+info.photo//url鐨勫湴鍧�鏍规嵁椤圭洰瀹為檯闇�瑕侊紝info.photo=>鍥剧墖璺緞,this.baseUrl=>涓婁紶鐨勭綉缁滃湴鍧�
+ this.fileList=[];
+ this.fileList.push({
+ 'url': url
+ })
+ this.dialogMode='edit';//璁剧疆涓虹紪杈�
+ },
+ onCreateNew(){
+ this.fileList=[];
+ this.dialogMode='create';//璁剧疆涓烘坊鍔�
+ },
+ /** 涓汉淇℃伅鍒楄〃 */
+ getList() {
+ this.loading = true;
+ // console.log(this.queryParams)
+ // listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+ listExperience(this.queryParams).then(response => {
+ // alert(123)
+ // console.log(response.data)
+ this.experiencelList = response.data.data;
+
+ this.total = response.data.total;
+ this.loading = false;
+ }
+
+ );
+ },
+
+
+ }
}
</script>
--
Gitblit v1.9.1