From 96f548cbddff2a3cae98382f89e55af247089f55 Mon Sep 17 00:00:00 2001
From: Tcsm <1377977403@qq.com>
Date: 星期四, 30 三月 2023 18:30:35 +0800
Subject: [PATCH] 3.30日提交
---
ruoyi-ui/src/views/self/index.vue | 441 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 435 insertions(+), 6 deletions(-)
diff --git a/ruoyi-ui/src/views/self/index.vue b/ruoyi-ui/src/views/self/index.vue
index 3c7108e..385b656 100644
--- a/ruoyi-ui/src/views/self/index.vue
+++ b/ruoyi-ui/src/views/self/index.vue
@@ -9,10 +9,198 @@
<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="60px" 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="field107">
+ <el-input v-model="formData.field107" 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="field105">
+ <el-input v-model="formData.field105" placeholder="璇疯緭鍏ユ皯鏃�" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+ <el-row :span="8">
+ <el-form-item label="鑱旂郴鏂瑰紡" prop="field107">
+ <el-input v-model="formData.field107" 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="field108">
+ <el-input v-model="formData.field108" placeholder="璇疯緭鍏ユ埛绫嶅湴鍧�" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+ <el-row :span="15">
+ <el-form-item label="甯镐綇鍦板潃" prop="field110">
+ <el-input v-model="formData.field110" placeholder="璇疯緭鍏ュ父浣忓湴鍧�" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+ <el-row :span="15">
+ <el-form-item label="鍗曚綅鍙婅亴鍔¤亴绉�" prop="field112">
+ <el-input v-model="formData.field112" 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="field109">
+ <el-input v-model="formData.field109" placeholder="璇疯緭鍏ユ埛绫嶅湴鍏畨鏈哄叧" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+ <el-row :span="12">
+ <el-form-item label="甯镐綇鍦板叕瀹夋満鍏�" prop="field111">
+ <el-input v-model="formData.field111" placeholder="璇疯緭鍏ュ父浣忓湴鍏畨鏈哄叧" clearable :style="{width: '100%'}">
+ </el-input>
+ </el-form-item>
+ </el-row>
+
+ </el-form>
+ </el-col>
+ </el-container>
+ </div>
+ </el-container>
+
+
+
+ <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="individualList" @selection-change="handleSelectionChange">
+ <el-table-column label="璧锋鏃ユ湡" prop="time" sortable width="350" align="center" />
+ <el-table-column label="涓昏瀛︿範缁忓巻銆佸伐浣滃崟浣嶅強浠昏亴鎯呭喌" prop="circumstance" sortable width="400" align="center" />
+ <el-table-column label="璇佹槑浜�" prop="witness" sortable width="350" align="center" />
+ <el-table-column label="鍒犻櫎" align="center" class-name="small-padding fixed-width" sortable width="100">
+ <template slot-scope="scope" v-if="scope.row.roleId !== 1">
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-edit"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['system:role:edit']"
+ >淇敼</el-button>
+
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-delete"
+ @click="handleDelete(scope.row)"
+ v-hasPermi="['system:role:remove']"
+ >鍒犻櫎</el-button>
+ <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:role:edit']">
+ <el-button size="mini" type="text" icon="el-icon-d-arrow-right" @click="handleCheck(scope.row)">鏌ョ湅璇︽儏</el-button>
+
+ </el-dropdown>
+ </template>
+ </el-table-column>
+ </el-table>
+ <pagination
+ v-show="total>0"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
+ />
</div>
</template>
@@ -22,13 +210,254 @@
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,
+ // 璧勪骇琛ㄦ牸鏁版嵁
+ individualList: [],
+ // 寮瑰嚭灞傛爣棰�
+ 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,
+ sex: undefined,
+ nationality: undefined,
+ oldName: undefined,
+ field105: undefined,
+ maritalStatus: undefined,
+ field107: undefined,
+ field108: undefined,
+ field109: undefined,
+ field110: undefined,
+ field111: undefined,
+ field112: 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'
+ }],
+ field105: [{
+ required: true,
+ message: '璇疯緭鍏ユ皯鏃�',
+ trigger: 'blur'
+ }],
+ maritalStatus: [{
+ // required: true,
+ message: '璇疯緭鍏ュ濮荤姸鍐�',
+ trigger: 'blur'
+ }],
+ field107: [{
+ // required: true,
+ message: '璇疯緭鍏ヨ仈绯绘柟寮�',
+ trigger: 'blur'
+ }],
+ field108: [{
+ // required: true,
+ message: '璇疯緭鍏ユ埛绫嶅湴鍧�',
+ trigger: 'blur'
+ }],
+ field109: [{
+ // required: true,
+ message: '璇疯緭鍏ユ埛绫嶅湴鍏畨鏈哄叧',
+ trigger: 'blur'
+ }],
+ field110: [{
+ // required: true,
+ message: '璇疯緭鍏ュ父浣忓湴鍧�',
+ trigger: 'blur'
+ }],
+ field111: [{
+ // required: true,
+ message: '璇疯緭鍏ュ父浣忓湴鍏畨鏈哄叧',
+ trigger: 'blur'
+ }],
+ field112: [{
+ // required: true,
+ message: '璇疯緭鍏ュ崟浣嶅強鑱屽姟鑱岀О',
+ trigger: 'blur'
+ }],
+ },
+ // 鑿滃崟鍒楄〃
+ menuOptions: [],
+ // 閮ㄩ棬鍒楄〃
+ deptOptions: [],
+ // 鏌ヨ鍙傛暟
+ queryParams: {
+ pageNum: 1,
+ pageSize: 5,
+ time:undefined,
+ circumstance: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 => {
+ listIndividual(this.queryParams).then(response => {
+ // alert(123)
+ // console.log(response.data)
+ this.individualList = response.data.data;
+
+ this.total = response.data.total;
+ this.loading = false;
+ }
+ );
+ },
+
+ /** 鍒犻櫎鎸夐挳鎿嶄綔 */
+ handleDelete(row) {
+ const Ids = row.id || this.ids;
+ this.$modal.confirm('鏄惁纭鍒犻櫎缂栧彿涓�"' + Ids + '"鐨勬暟鎹」锛�').then(function() {
+ return delProperty(Ids);
+ }).then(() => {
+ this.getList();
+ this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+ }).catch(() => {});
+ },
+ /** 鏌ョ湅璇︾粏淇℃伅 */
+ handleCheck(row){
+ const id = row.id;
+ this.$router.push("/family/note1/propertyInfo/" + id);
+ },
+ }
}
</script>
--
Gitblit v1.9.1