From 81475c257b068c74f335024f7a15359a03cad8e8 Mon Sep 17 00:00:00 2001
From: yz3456 <2753272399@qq.com>
Date: 星期三, 01 五月 2024 14:07:05 +0800
Subject: [PATCH] 修改备忘录其他附件背景图
---
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