From 32076631dd56059c12422c8ca62def50264369fc Mon Sep 17 00:00:00 2001
From: linwenling <3256558519@qq.com>
Date: 星期二, 18 七月 2023 17:05:14 +0800
Subject: [PATCH] 家庭资产管理 (修改图片 正常)

---
 ruoyi-ui/src/views/note/index.vue |  256 ++++++++++++++++++++++++--------------------------
 1 files changed, 124 insertions(+), 132 deletions(-)

diff --git a/ruoyi-ui/src/views/note/index.vue b/ruoyi-ui/src/views/note/index.vue
index 5c43141..904183d 100644
--- a/ruoyi-ui/src/views/note/index.vue
+++ b/ruoyi-ui/src/views/note/index.vue
@@ -10,43 +10,44 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-        <el-form-item label="鏍囬" prop="title">
-          <el-input
-            v-model="queryParams.title"
-            placeholder="璇疯緭鍏ユ爣棰�"
-            clearable
-            style="width: 240px"
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="瀛樺偍鍦板潃" prop="location">
-          <el-input
-            v-model="queryParams.location"
-            placeholder="璇疯緭鍏ュ瓨鍌ㄥ湴鍧�"
-            clearable
-            style="width: 240px"
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="鎸佹湁浜�" prop="holder">
-          <el-input
-            v-model="queryParams.holder"
-            placeholder="璇疯緭鍏ユ寔鏈変汉"
-            clearable
-            style="width: 240px"
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="鍏蜂綋浣嶇疆" prop="address">
-          <el-input
-            v-model="queryParams.address"
-            placeholder="璇疯緭鍏ュ叿浣撲綅缃�"
-            clearable
-            style="width: 240px"
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
 
+      <el-form-item label="鏍囬" prop="title">
+        <el-input
+          v-model="queryParams.title"
+          placeholder="璇疯緭鍏ユ爣棰�"
+          clearable
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="瀛樺偍鍦板潃" prop="location">
+        <el-input
+          v-model="queryParams.location"
+          placeholder="璇疯緭鍏ュ瓨鍌ㄥ湴鍧�"
+          clearable
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="鎸佹湁浜�" prop="holder">
+        <el-input
+          v-model="queryParams.holder"
+          placeholder="璇疯緭鍏ユ寔鏈変汉"
+          clearable
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="鍏蜂綋浣嶇疆" prop="address">
+        <el-input
+          v-model="queryParams.address"
+          placeholder="璇疯緭鍏ュ叿浣撲綅缃�"
+          clearable
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <!-- </el-form-item> -->
       <el-form-item label="鍙戠敓鏃堕棿">
         <el-date-picker
           v-model="dateRange"
@@ -98,39 +99,39 @@
           @click="handleExport"
           v-hasPermi="['family:note:export']"
         >瀵煎嚭</el-button>
-   </el-col>
+      </el-col>
 
-		<el-col :span="1.5">
-		  <el-button
-		    type="warning"
-		    plain
-		    icon="el-icon-download"
-		    size="mini"
-		    @click="handleExportTemplate"
-		    v-hasPermi="['family:note:export']"
-		  >瀵煎叆妯℃澘涓嬭浇</el-button>
-		</el-col>
-		<el-col :span="1.2">
-		  <el-upload
-		    action=""
-		    class="upload-demo"
-		    :show-file-list="false"
-		    :http-request="handleEnport"
-		  >
-		    <el-button size="mini"   type="primary"
-		    plain
-		    icon="el-icon-plus" >瀵煎叆</el-button>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['family:note:export']"
+        >瀵煎叆妯℃澘涓嬭浇</el-button>
+      </el-col>
+      <el-col :span="1.2">
+        <el-upload
+          action=""
+          class="upload-demo"
+          :show-file-list="false"
+          :http-request="handleEnport"
+        >
+          <el-button size="mini"   type="primary"
+                     plain
+                     icon="el-icon-plus" >瀵煎叆</el-button>
 
-		  </el-upload>
-		</el-col>
+        </el-upload>
+      </el-col>
 
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="propertyList" :row-key="getRowId" ref="multipleTable" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName">
-      <el-table-column type="selection" :reserve-selection="true" width="55"  align="center" />
+    <el-table v-loading="loading" :data="propertyList" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName">
+      <el-table-column type="selection" width="55"  align="center" />
 
-      <el-table-column fixed label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/>
+      <el-table-column  label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/>
 
       <el-table-column label="绫诲瀷" prop="type" sortable :show-overflow-tooltip="true" width="150" />
       <el-table-column label="鏍囬" prop="title" sortable :show-overflow-tooltip="true" width="150" />
@@ -140,31 +141,30 @@
       <el-table-column label="澶囨敞" prop="remark" sortable width="100" >
         <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '鈥斺�斺�斺��'}}</template>
       </el-table-column>
-
+      <!-- <el-table-column label="瀹跺涵鍙�" prop="familyId" sortable width="100" /> -->
       <el-table-column label="鍙戠敓鏃堕棿" prop="happenTime" sortable width="100" align="center">
         <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '鈥斺�斺�斺��'}}</template>
       </el-table-column>
       <el-table-column label="鐢靛瓙鏂囦欢" prop="url" width="160" >
-           <template slot-scope="scope" >
-             <div  @click="handleCheck(scope.row)">
-             <img
-               class="el-upload-list__item-thumbnail"
-               src="../../assets/images/deviceLis.png"
-               alt=""
-               style="width: 35px; height: 35px;"
-               fit="cover"
-                v-if="scope.row.url !== ','"
-             >
-      <img
-               class="el-upload-list__item-thumbnail"
-               src="../../assets/images/deviceA.png"
-               alt=""
-               style="width: 35px; height: 35px;"
-               fit="cover"
-                v-if="scope.row.url === ','"
-      ></div>
-           </template>
-        </el-table-column>
+        <template slot-scope="scope" >
+          <img
+            class="el-upload-list__item-thumbnail"
+            src="../../assets/images/deviceLis.png"
+            alt=""
+            style="width: 35px; height: 35px;"
+            fit="cover"
+            v-if="scope.row.url !== ','"
+          >
+          <img
+            class="el-upload-list__item-thumbnail"
+            src="../../assets/images/deviceA.png"
+            alt=""
+            style="width: 35px; height: 35px;"
+            fit="cover"
+            v-if="scope.row.url === ','"
+          >
+        </template>
+      </el-table-column>
       <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope" v-if="scope.row.roleId !== 1">
           <el-button
@@ -201,23 +201,21 @@
     <!-- 娣诲姞鎴栦慨鏀硅祫浜т俊鎭厤缃璇濇 -->
     <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
       <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px">
-
         <el-form-item label="绫诲埆" prop="type">
           <el-input v-model="formDat.type" placeholder="璇疯緭鍏ョ被鍒�" clearable :style="{width: '100%'}" ></el-input>
         </el-form-item>
+        <!-- <el-form-item label="绫诲埆" prop="type">
+          <el-select v-model="formDat.type" placeholder="璇烽�夋嫨绫诲埆" clearable :style="{width: '100%'}"  >
+            <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value"
+            ></el-option>
+          </el-select>
+        </el-form-item> -->
         <el-form-item label="鏍囬" prop="title">
           <el-input v-model="formDat.title" placeholder="璇疯緭鍏ユ爣棰�" clearable :style="{width: '100%'}" ></el-input>
         </el-form-item>
         <el-form-item label="瀛樺偍鍦板潃" prop="location">
           <el-input v-model="formDat.location" placeholder="璇疯緭鍏ュ瓨鍌ㄥ湴鍧�" clearable :style="{width: '100%'}" >
           </el-input>
-        </el-form-item>
-        <el-form-item label="鍙戠敓鏃堕棿" prop="happenTime">
-          <el-date-picker
-            v-model='formDat.happenTime'
-            type='date'
-            placeholder='閫夋嫨鏃ユ湡'
-          ></el-date-picker>
         </el-form-item>
         <el-form-item label="鎸佹湁浜�" prop="holder">
           <el-input v-model="formDat.holder" placeholder="璇疯緭鍏ユ寔鏈変汉" clearable :style="{width: '100%'}" >
@@ -227,7 +225,13 @@
           <el-input v-model="formDat.address" placeholder="璇疯緭鍏ュ叿浣撲綅缃�" clearable :style="{width: '100%'}" >
           </el-input>
         </el-form-item>
-
+        <el-form-item label="鍙戠敓鏃堕棿" prop="happenTime">
+          <el-date-picker
+            v-model='formDat.happenTime'
+            type='date'
+            placeholder='閫夋嫨鏃ユ湡'
+          ></el-date-picker>
+        </el-form-item>
         <el-form-item label="澶囨敞" prop="remark">
           <el-input v-model="formDat.remark" placeholder="璇疯緭鍏ュ娉�" clearable :style="{width: '100%'}" ></el-input>
         </el-form-item>
@@ -363,6 +367,7 @@
         holder: undefined,
         address: undefined,
         remark: undefined,
+        happenTime:undefined,
         url: undefined,
 
       },
@@ -392,8 +397,8 @@
       rules: {
         type: [{
           required: true,
-          message: '璇烽�夋嫨绫诲埆',
-          trigger: 'change'
+          message: '璇疯緭鍏ョ被鍨�',
+          trigger: 'blur'
         }],
         title: [{
           required: true,
@@ -415,12 +420,8 @@
           message: '璇疯緭鍏ュ叿浣撲綅缃�',
           trigger: 'blur'
         }],
-        familyId: [{
-          required: true,
-          message: '璇疯緭鍏amilyId',
-          trigger: 'blur'
-        }],
-        createTime: [{
+
+        happenTime: [{
           required: true,
           message: '璇烽�夋嫨鏃ユ湡閫夋嫨',
           trigger: 'change'
@@ -440,10 +441,7 @@
       this.open = false;
       this.reset();
     },
-    getRowId(row)
-    {
-      return row.id
-    },
+
     //闅旇鍙樿壊
     tableRowClassName({ row, rowIndex }) {
       if (rowIndex % 2 == 0) {
@@ -484,7 +482,11 @@
     },
 
     handleRemove(file) {
-      alert(323)
+      for(let i = 0; i < this.fileListOther.length; i++)
+      {
+        if(this.fileListOther[i].url==file.url)
+          this.$delete(this.fileListOther,i);
+      }
     },
     // 鍙栨秷鎸夐挳
     cancel() {
@@ -587,6 +589,10 @@
           });
         }
       });
+      // 娓呯┖formDat瀵硅薄鐨勬暟鎹�
+      Object.keys(this.formDat).forEach(key => {
+        this.formDat[key] = '';
+      });
     },
     requestUpload(params)
     {
@@ -614,7 +620,7 @@
     /** 鍒犻櫎鎸夐挳鎿嶄綔 */
     handleDelete(row) {
       const Ids = row.id || this.ids;
-      this.$modal.confirm('鏄惁纭鍒犻櫎鎵�閫夋暟鎹」锛�').then(function() {
+      this.$modal.confirm('鏄惁纭鍒犻櫎璧勪骇缂栧彿涓�"' + Ids + '"鐨勬暟鎹」锛�').then(function() {
         return delProperty(Ids);
       }).then(() => {
         this.getList();
@@ -623,39 +629,25 @@
     },
     /** 瀵煎嚭鎸夐挳鎿嶄綔 */
     handleExport() {
-      const Ids = this.ids;
-
-      if(Ids.length==0)
-      {
       this.download('family/property/export', {
         ...this.queryParams
-      }, `property_${new Date().getTime()}.xlsx`)
-      }else{
-        this.download('family/property/export1/'+Ids, {
-          ...this.queryParams
-        }, `property_${new Date().getTime()}.xlsx`)
-      }
-    },
-    handleExportTemplate(){
-      this.download('family/property/model', {
-
       }, `property_${new Date().getTime()}.xlsx`)
     },
     /** 瀵煎叆鎿嶄綔*/
     handleEnport(params){
-    var file = params.file;
-    var formData = new FormData();
-    formData.append('excelImport', file);
-    let _this = this
+      var file = params.file;
+      var formData = new FormData();
+      formData.append('excelImport', file);
+      let _this = this
+      alert(file)
+      enload(formData).then(response => {
+        _this.getList();
+        Message({ message: "瀵煎叆鎴愬姛", type: 'warning' })
 
-    enload(formData).then(response => {
-       _this.getList();
-      Message({ message: "瀵煎叆鎴愬姛", type: 'warning' })
-
-    }).catch(err)
-    {
-      Message({ message: "瀵煎叆澶辫触", type: 'error' })
-    }
+      }).catch(err)
+      {
+        Message({ message: "瀵煎叆澶辫触", type: 'error' })
+      }
 
     }
   }

--
Gitblit v1.9.1