From f5edbc080d696fbd55de84f6a906aeb2cde3b1b6 Mon Sep 17 00:00:00 2001 From: feige <791364011@qq.com> Date: 星期一, 03 三月 2025 22:57:00 +0800 Subject: [PATCH] 修改了对应bug --- src/views/self/index.vue | 466 ---------------------------------------------------------- 1 files changed, 0 insertions(+), 466 deletions(-) diff --git a/src/views/self/index.vue b/src/views/self/index.vue index ddda94d..e69de29 100644 --- a/src/views/self/index.vue +++ b/src/views/self/index.vue @@ -1,466 +0,0 @@ -<template> - <div class="app-container"> - <el-col :span="6"> - <el-input size="medium" v-model="input" placeholder="鎼滅储" clearable> - <i slot="prefix" class="el-input__icon el-icon-search"></i> - </el-input> - </el-col> - <br> - <h1 style="font-size:21px">涓汉绠�鍘�</h1> - <el-divider /> - <h2 style="font-size:16px">鍩烘湰淇℃伅</h2> - - <el-container> - <div style="padding: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: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="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: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="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: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:30px" class="button" > - <el-row :span="2" style="flex-direction: column;"> - <el-form-item size="large"> - <el-button type="primary" @click="submitForm">缂栬緫</el-button> - <br> - <el-button type="primary" @click="submitForm">瀵煎叆</el-button> - </el-form-item> - </el-row> - </div> - </el-container> - <el-row :gutter="18" > - <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="99px"> - - - - - <el-col :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-col> - <el-col :span="8"> - <el-form-item label="鎴风睄鍦板潃" prop="field108"> - <el-input v-model="formData.field108" placeholder="璇疯緭鍏ユ埛绫嶅湴鍧�" clearable :style="{width: '100%'}"> - </el-input> - </el-form-item> - </el-col> - <el-col :span="8"> - <el-form-item label="鎴风睄鍦板叕瀹夋満鍏�" prop="field109"> - <el-input v-model="formData.field109" placeholder="璇疯緭鍏ユ埛绫嶅湴鍏畨鏈哄叧" clearable :style="{width: '100%'}"> - </el-input> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="甯镐綇鍦板潃" prop="field110"> - <el-input v-model="formData.field110" placeholder="璇疯緭鍏ュ父浣忓湴鍧�" clearable :style="{width: '100%'}"> - </el-input> - </el-form-item> - </el-col> - <el-col :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-col> - <el-col :span="12"> - <el-form-item label="鍗曚綅鍙婅亴鍔¤亴绉�" prop="field112"> - <el-input v-model="formData.field112" placeholder="璇疯緭鍏ュ崟浣嶅強鑱屽姟鑱岀О" clearable :style="{width: '100%'}"> - </el-input> - </el-form-item> - </el-col> - - </el-form> - - <el-for> - - - </el-for> - - </el-row> - - <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> - -<script> -import {getIndividualInfo, getIndividualRelation, delIndividual, updateIndividual, addIndividual} from "@/api/self/index"; - -export default { - name: 'index', - components: {}, - props: [], - - data() { - return { - 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> - -<style scoped> - -</style> -- Gitblit v1.9.1