From 43e1199ca0c75787fb6b52bef7d595abd115ceab Mon Sep 17 00:00:00 2001
From: feige <791364011@qq.com>
Date: 星期四, 02 一月 2025 21:44:58 +0800
Subject: [PATCH] 修改bug

---
 ruoyi-ui/src/views/clean/index.vue | 1020 +++++++++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 815 insertions(+), 205 deletions(-)

diff --git a/ruoyi-ui/src/views/clean/index.vue b/ruoyi-ui/src/views/clean/index.vue
index 2bd5233..2bb68dc 100644
--- a/ruoyi-ui/src/views/clean/index.vue
+++ b/ruoyi-ui/src/views/clean/index.vue
@@ -6,7 +6,10 @@
             v-model="queryParams.kind"
             placeholder="鎵�鏈夌被鍨�"
             clearable
-            style="width: 240px"
+            style="width: 200px;
+                   height: 35px;
+                   border-radius: 16px 16px 16px 16px;
+                   opacity: 0.5;"
           >
             <el-option
               v-for="dict in typeOptions"
@@ -20,7 +23,10 @@
               v-model="queryParams.suitable"
               placeholder="璇疯緭鍏ラ�傜敤浜�"
               clearable
-              style="width: 240px"
+              style="width: 200px;
+                   height: 35px;
+                   border-radius: 16px 16px 16px 16px;
+                   opacity: 0.5;"
               @keyup.enter.native="handleQuery"
             />
           </el-form-item>
@@ -29,7 +35,10 @@
               v-model="queryParams.type"
               placeholder="璇疯緭鍏ョ被鍒�"
               clearable
-              style="width: 240px"
+              style="width: 200px;
+                   height: 35px;
+                   border-radius: 16px 16px 16px 16px;
+                   opacity: 0.5;"
               @keyup.enter.native="handleQuery"
             />
           </el-form-item>
@@ -38,7 +47,10 @@
               v-model="queryParams.method"
               placeholder="璇疯緭鍏ヤ繚娲佹柟娉�"
               clearable
-              style="width: 240px"
+              style="width: 200px;
+                   height: 35px;
+                   border-radius: 16px 16px 16px 16px;
+                   opacity: 0.5;"
               @keyup.enter.native="handleQuery"
             />
           </el-form-item>
@@ -52,8 +64,21 @@
             border-radius: 6px 6px 6px 6px;opacity:1;">閲嶇疆</el-button>
         </el-form-item>
       </el-form>
-  
-      <el-row :gutter="10" class="mb8">
+	   <el-row :gutter="10" >
+		   <el-col>
+	 <el-input
+	   v-model="searchQuery"
+	   placeholder="鎼滅储鐧惧害"
+	   clearable
+	   style="width: 320px;
+	        height: 15px;
+	        margin-bottom: 23px;
+	        opacity: 0.5;"
+	   @keyup.enter.native="searchBaidu"
+	 />
+	 </el-col>
+</el-row>
+      <el-row :gutter="10" class="mb8" v-if="userId != 2">
         <el-col :span="1.5">
           <el-button
             type="primary"
@@ -64,7 +89,7 @@
             v-hasPermi="['system:role:add']"
           >鏂板</el-button>
         </el-col>
-  
+
         <el-col :span="1.5">
           <el-button
             type="danger"
@@ -86,18 +111,18 @@
             v-hasPermi="['family:note:export']"
           >瀵煎嚭</el-button>
      </el-col>
-  
+
           <el-col :span="1.5">
             <el-button
               type="warning"
               plain
               icon="el-icon-download"
               size="mini"
-              @click="handleExport"
+              @click="handleExportTemplate"
               v-hasPermi="['family:note:export']"
             >瀵煎叆妯℃澘涓嬭浇</el-button>
           </el-col>
-          <el-col :span="1.2">
+          <el-col :span="1.5">
             <el-upload
               action=""
               class="upload-demo"
@@ -106,77 +131,114 @@
             >
               <el-button size="mini"   type="primary"
               plain
-              icon="el-icon-plus" >瀵煎叆</el-button>
-  
+             icon="el-icon-top" >瀵煎叆</el-button>
+
             </el-upload>
           </el-col>
-  
-        <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+	     <el-col :span="1.5">
+ <el-dropdown placement="鍒嗕韩鐩稿叧">
+     <el-button size="mini"   type="primary"
+                plain
+                icon="el-icon-top">鍒嗕韩鐩稿叧</el-button>
+      <template #dropdown>
+        <el-dropdown-menu>
+          <el-dropdown-item     :disabled="multiple" icon="el-icon-top" style="height: 32px;width:240px;color: #0099ff;" @click.native="handleShare">鍒嗕韩</el-dropdown-item>
+
+		          <el-dropdown-item    icon="el-icon-top" @click.native="whoShare">鍒嗕韩缁欐垜鐨勬暟鎹�</el-dropdown-item>
+		      <el-dropdown-item    icon="el-icon-top" @click.native="handleWho">鍒嗕韩缁欒皝浜嗕粈涔堟暟鎹�</el-dropdown-item>
+          <el-dropdown-item    icon="el-icon-top" @click.native="showData">灞曠ず涓嬭浇鐨勫垎浜暟鎹�</el-dropdown-item>
+        </el-dropdown-menu>
+      </template>
+
+	  </el-dropdown>
+
+</el-col>
+
+
+
+
+
+        <right-toolbar :parentValue.sync="valueFromParent" :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
       </el-row>
-  
-      <el-table v-loading="loading" :data="cleanList" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName">
-        <el-table-column type="selection" width="55"  align="center" />
-        <el-table-column label="绫诲瀷" prop="kind" sortable width="120" >
+
+      <el-table v-loading="loading" border :data="cleanList" :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-column fixed label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="80"/>
+
+        <el-table-column label="绫诲瀷" prop="kind" sortable width="80px" >
           <template slot-scope="scope">
           {{ getSrc1(scope.row.kind) }}
            </template>
           </el-table-column>
-        <el-table-column  label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/>
-        <el-table-column label="閫傜敤浜�" prop="suitable" sortable :show-overflow-tooltip="true" width="150" />
+       <el-table-column label="閫傜敤浜�" prop="suitable" sortable :show-overflow-tooltip="true" width="110px" />
         <el-table-column label="绫诲埆" prop="type" sortable width="100" />
-        <el-table-column label="淇濇磥鏂规硶" prop="method" sortable width="100" />
-        <el-table-column label="鏉愭枡瀛樻斁鍦�" prop="location" sortable width="120" />
-        <el-table-column label="鏀剧疆鍦扮偣" prop="place" sortable width="100" />
-        <el-table-column label="鍙戠敓鏃堕棿" align="center" sortable prop="happenTime" width="180">
-         <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.happenTime) }}</span>
-         </template>
+        <el-table-column label="淇濇磥鏂规硶" prop="method" sortable width="120" />
+        <el-table-column label="鏉愭枡瀛樻斁鍦�" prop="location" sortable width="140" />
+        <el-table-column label="鏀剧疆鍦扮偣" prop="place" sortable width="120" />
+        <el-table-column label="鍙戠敓鏃堕棿" prop="happenTime" sortable width="150" align="center">
+          <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '鈥斺�斺�斺��'}}</template>
         </el-table-column>
-        <el-table-column label="澶囨敞" prop="remark" sortable width="100" />
-        <el-table-column label="鐢靛瓙鏂囦欢" prop="url" width="100" >
-             <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 !== null"
-               >
-        <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 === null"
-               >
-             </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
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['familymodel:clean:info']"
-          >淇敼</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="['familymodel:clean:info']">
-            <el-button size="mini" type="text" icon="el-icon-d-arrow-right"  @click="handleCheck(scope.row)">鏌ョ湅璇︽儏</el-button>
+        <el-table-column label="澶囨敞" prop="remark" sortable width="70px" />
+        <el-table-column label="鏈搴褰�" prop="ownData" sortable width="110px" >
+          <template slot-scope="scope">{{scope.row.ownData === 0 ? '鍚�': '鏄�'}}</template>
+        </el-table-column>
+        <el-table-column label="鐢靛瓙鏂囦欢" prop="url" width="180" align="center">
 
-          </el-dropdown>
+          <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 === '' || scope.row.url === ',' || scope.row.url === null)"
+              >
+              <img
+                v-else
+                class="el-upload-list__item-thumbnail"
+                src="../../assets/images/deviceA.png"
+                alt=""
+                style="width: 35px; height: 35px;"
+                fit="cover"
+
+              ></div>
+          </template>
+        </el-table-column>
+        <el-table-column fixed="right" label="鎿嶄綔" align="center" width="250" class-name="small-padding fixed-width" v-if="userId != 2">
+          <template slot-scope="scope" v-if="scope.row.roleId !== 1">
+            <div class="button-container">
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-edit"
+                      :disabled="!scope.row.ownData"
+                @click="handleUpdate(scope.row)"
+                v-hasPermi="['familymodel:clean:info']"
+              >淇敼</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-delete"
+                      :disabled="!scope.row.ownData"
+                @click="handleDelete(scope.row)"
+                v-hasPermi="['system:role:remove']"
+              >鍒犻櫎</el-button>
+              <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['familymodel:clean:info']">
+                <el-button size="mini" type="text" icon="el-icon-d-arrow-right"  @click="handleCheck(scope.row)">鏌ョ湅璇︽儏</el-button>
+
+              </el-dropdown>
+              <el-button
+                 size="mini"
+                  type="text"
+                 icon="el-icon-d-arrow-right"
+                  @click="handleShare(scope.row)">
+                <span style="font-size: 14px;">鍒嗕韩</span></el-button>
+            </div>
         </template>
       </el-table-column>
       </el-table>
-  
+
       <pagination
         v-show="total>0"
         :total="total"
@@ -185,11 +247,12 @@
         @pagination="getList"
         style="background: #FEF7FC;"
       />
-  
+
       <!-- 娣诲姞鎴栦慨鏀硅祫浜т俊鎭厤缃璇濇 -->
-      <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+      <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body     @click.native="handleDialogClick"
+>
         <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px">
-  
+
             <el-form-item label="绫诲瀷" prop="kind">
         <el-select v-model="formDat.kind" placeholder="璇烽�夋嫨绫诲瀷" clearable :style="{width: '100%'}"  >
           <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value"
@@ -204,10 +267,11 @@
             </el-input>
           </el-form-item>
           <el-form-item label="鏃堕棿" prop="happenTime">
-           <el-date-picker
-            v-model='formDat.happenTime'
-            type='createDate'
-            placeholder='閫夋嫨鏃ユ湡'></el-date-picker>
+            <el-date-picker v-model="formDat.happenTime" type="date" placeholder="璇烽�夋嫨鏃ユ湡"       @click.native.stop
+							      ref="datePicker"
+
+                            :editable="false" :clearable="false" :style="{width: '100%'}"  value-format="yyyy-MM-dd"
+            ></el-date-picker>
           </el-form-item>
           <el-form-item label="淇濇磥鏂规硶" prop="method">
             <el-input v-model="formDat.method" placeholder="璇疯緭鍏ヤ繚娲佹柟娉�" clearable :style="{width: '100%'}" >
@@ -221,100 +285,324 @@
             <el-input v-model="formDat.location" placeholder="璇疯緭鍏ユ斁缃湴鐐�" clearable :style="{width: '100%'}" >
             </el-input>
           </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>
-  
+
           <h4 class="form-header">鐩稿叧鍥剧墖 </h4>
           <el-upload
             action="#"
+            accept="image/jpeg, image/png,image/jpg, image/WMF,image/gif"
             list-type="picture-card"
             multiple
             :http-request="requestUpload"
             :file-list="fileList"
+			:on-change="handleChange"
+			:auto-upload="false"
+			ref="upload"
+
           >
             <i slot="default" class="el-icon-plus"></i>
-            <div slot="file" slot-scope="{file}">
-              <img
-                class="el-upload-list__item-thumbnail"
-                :src="file.url"
-                alt=""
-                style="width: 126px; height: 126px"
-                fit="cover"
-                :preview-src-list="[file.url]"
-              >
+            <div slot="file" slot-scope="{ file }">
+              <template v-if="fileList">
+                <img
+                  class="el-upload-list__item-thumbnail"
+                  :src="file.url"
+                  alt=""
+                  style="width: 100%; height: 100%; object-fit: cover;"
+                  fit="cover"
+                  :preview-src-list="[file.url]"
+                >
+              </template>
               <span class="el-upload-list__item-actions">
-          <span
-            class="el-upload-list__item-preview"
-            @click="handlePictureCardPreview(file)"
-          >
-            <i class="el-icon-zoom-in"></i>
-          </span>
-  
-          <span
-            v-if="!disabled"
-            class="el-upload-list__item-delete"
-            @click="handleRemove(file)"
-          >
-            <i class="el-icon-delete"></i>
-          </span>
-        </span>
-  
-  
+      <span
+        class="el-upload-list__item-preview"
+        @click="handlePictureCardPreview(file)"
+      >
+        <i class="el-icon-zoom-in"></i>
+      </span>
+      <span
+        v-if="!disabled"
+        class="el-upload-list__item-delete"
+        @click="handleRemove(file)"
+      >
+        <i class="el-icon-delete"></i>
+      </span>
+    </span>
             </div>
           </el-upload>
+		  <el-button
+		           style="margin-left: 10px"
+		           size="small"
+		           type="success"
+
+		           @click="picUpload"
+		         >涓婁紶鍒版湇鍔″櫒</el-button>
           <h4 class="form-header">鍏朵粬闄勪欢 </h4>
           <el-upload
             action=""
             :file-list="fileListOther"
             class="upload-demo"
             multiple
-  
-            :on-remove="handleRemove"
-            :http-request="requestUpload"
+  		ref="upload1"
+		:on-change="handleChange1"
+		:auto-upload="false"
+        list-type="picture-card"
+            :on-remove="handleRemoveFile"
+            :http-request="requestUpload1"
             :show-file-list="true"
           >
+<!--
             <el-button type="primary">鐐瑰嚮涓婁紶</el-button>
-            <template #tip>
+            <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div> -->
+            <!-- <template #tip>
               <div class="el-upload__tip">
               </div>
             </template>
+          </el-upload> -->
+          <i slot="default" class="el-icon-plus"></i>
+            <div slot="file" slot-scope="{file}">
+              <!-- 娣诲姞video鍏冪礌鐢ㄤ簬鏄剧ず瑙嗛 -->
+              <video
+                v-if="file.url.includes('.mp4')"
+                class="el-upload-list__item-thumbnail"
+                :src="file.url"
+                style="width: 147px; height: 147px"
+                fit="cover"
+              ></video>
+              <img v-else
+                   class="el-upload-list__item-thumbnail"
+                   src="../../assets/images/deviceLis.png"
+                   alt=""
+                   style="width: 100%; height: 100%"
+                   fit="cover"></img>
+
+              <span class="el-upload-list__item-actions">
+                   <span class="el-upload-list__item-name">{{ file.name }}</span>
+                        <!-- <span
+                          class="el-upload-list__item-preview"
+                          @click="handleFileCardPreview(file)"
+                        >
+                          <i class="el-icon-zoom-in"></i>
+                        </span> -->
+
+                        <span
+
+                          class="el-upload-list__item-delete"
+                          @click="handleRemoveFile(file)"
+                        >
+                          <i class="el-icon-delete"></i>
+                        </span>
+                  </span>
+
+            </div>
+
+
           </el-upload>
-  
+	 <el-button
+		          style="margin-left: 10px"
+		          size="small"
+		          type="success"
+		          @click="fileUpload"
+		        >涓婁紶鍒版湇鍔″櫒</el-button>
         </el-form>
         <h4 class="form-header"> </h4>
-  
+
         <div slot="footer" class="dialog-footer">
           <el-button type="primary" @click="submitDataScope">纭� 瀹�</el-button>
           <el-button @click="cancelData">鍙� 娑�</el-button>
         </div>
       </el-dialog>
-  
+
       <!-- 鍒嗛厤瑙掕壊鏁版嵁鏉冮檺瀵硅瘽妗� -->
       <el-dialog :title="title" :visible.sync="openDataScope" width="500px" append-to-body>
-  
+
       </el-dialog>
-  
+
+      <!-- 鍒嗕韩瀵硅瘽妗�1 -->
+      <el-dialog :title="title1" :visible.sync="open1" width="500px" append-to-body @close="handleClose2">
+
+      <el-table v-loading="loading1" :data="listRoot" :row-key="getRowId1" ref="table1"  @selection-change="handleSelectionChange1"  :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
+            <el-table-column type="selection" width="55"  align="center" />
+            <el-table-column fixed label="搴忓彿" sortable type="index" :index="(queryParams1.pageNum-1)*queryParams1.pageSize+1" width="130"/>
+            <el-table-column label="韬唤" prop="identity" sortable width="130" >
+              <template slot-scope="scope" >
+                <span v-if="scope.row.isMyFamily==1">绗瑊{scope.row.identity}}浠�</span>
+                <span v-else>鈥斺��</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="濮撳悕" prop="nickName" sortable :show-overflow-tooltip="true" width="145" align="center"/>
+          </el-table>
+
+                  <div slot="footer" class="dialog-footer">
+                    <el-button type="primary" @click="subShare">鍒� 浜�</el-button>
+                  </div>
+
+      </el-dialog>
+
+      <!-- 鍒嗕韩瀵硅瘽妗�2 -->
+      <el-dialog :title="title2" :visible.sync="open2" width="85%" append-to-body @close="handleClose">
+        <div>
+        <el-select v-if="ifNum == 1"
+                  v-model="user" id="userSelect"
+                  placeholder="璇烽�夋嫨鍒嗕韩鐨勫璞�" clearable
+                   style="width: 240px;
+                   height: 35px;
+                   border-radius: 16px 16px 16px 16px;
+                   margin-bottom: 5px;
+                   opacity: 0.5;" filterable allow-create
+                   @change="selectValue">
+          <el-option v-for="item in userOptions"
+            :key="item.value" :label="item.label" :value="item.value"/>
+        </el-select>
+              </div>
+
+        <el-table v-loading="loading2" :data="shareList1" :row-key="getRowId2" ref="multipleTable"  @selection-change="handleSelectionChange2"  :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
+              <!-- <el-table-column type="selection" :reserve-selection="true" width="55"  align="center" /> -->
+              <!-- <el-table-column fixed label="搴忓彿" sortable type="index" align="center" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="60"/> -->
+              <el-table-column label="绫诲瀷" prop="kind" sortable width="80px" >
+                 <template slot-scope="scope">
+                 {{ getSrc1(scope.row.kind) }}
+                  </template>
+                 </el-table-column>
+              <el-table-column label="閫傜敤浜�" prop="suitable" sortable :show-overflow-tooltip="true" width="110px" />
+               <el-table-column label="绫诲埆" prop="type" sortable width="100" />
+               <el-table-column label="淇濇磥鏂规硶" prop="method" sortable width="120" />
+               <el-table-column label="鏉愭枡瀛樻斁鍦�" prop="location" sortable width="140" />
+               <el-table-column label="鏀剧疆鍦扮偣" prop="place" sortable width="120" />
+               <el-table-column label="鍙戠敓鏃堕棿" prop="happenTime" sortable width="150" align="center">
+                 <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '鈥斺�斺�斺��'}}</template>
+               </el-table-column>
+               <el-table-column label="澶囨敞" prop="remark" sortable width="70px" />
+               <el-table-column label="鏈搴褰�" prop="ownData" sortable width="110px" >
+                 <template slot-scope="scope">{{scope.row.ownData === 0 ? '鍚�': '鏄�'}}</template>
+               </el-table-column>
+                <el-table-column label="鐢靛瓙鏂囦欢" prop="url" width="160" align="center">
+                     <template slot-scope="scope" >
+                       <div>
+                         <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 === '' || scope.row.url === ',' || scope.row.url === null)"
+                         >
+                         <img
+                           v-else
+                           class="el-upload-list__item-thumbnail"
+                           src="../../assets/images/deviceA.png"
+                           alt=""
+                           style="width: 35px; height: 35px;"
+                           fit="cover"
+
+                         ></div>
+                     </template>
+                  </el-table-column>
+
+              <el-table-column label="鎿嶄綔" align="center" width="250" class-name="small-padding fixed-width" v-if="userId != 2">
+                <template slot-scope="scope" v-if="scope.row.roleId !== 1">
+                  <div class="button-container">
+                  <el-button
+                    v-if="ifNum == 2"
+                    size="mini"
+                    type="text"
+                    icon="el-icon-d-arrow-right"
+                    @click="handleDown(scope.row)">
+                    <span style="font-size: 14px;">涓嬭浇</span></el-button>
+                    <el-button
+                      v-if="ifNum == 1"
+                      size="mini"
+                      type="text"
+                      icon="el-icon-d-arrow-right"
+                      @click="handleBack(scope.row)">
+                      <span style="font-size: 14px;">鏀跺洖</span></el-button>
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-d-arrow-right"
+                    @click="handleCheck(scope.row)">
+                    <span style="font-size: 14px;">鏌ョ湅璇︽儏</span></el-button>
+                  </div>
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <pagination
+              v-show="total1>0"
+              :total="total1"
+              :page.sync="queryParams2.pageNo"
+              :limit.sync="queryParams2.pageSize"
+              @pagination='fenYe'
+              style="background: #FEF7FC;"
+            />
+
+      </el-dialog>
+
     </div>
   </template>
-  
+
   <script>
   import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from "@/api/system/role";
   import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu";
-  
-  
-  
+import {getInfo} from "@/api/login";
+
+
   //鍦╯ystem/note/index.js涓鍏ユ帴鍙e嚱鏁�
-  import {listClean,enload,delClean, addClean, uploadPic} from "@/api/clean/index";
+import {listClean,enload,delClean, addClean, uploadPic,
+        share,shareToWho,getWhoShare,downShareData,deleteShareData,showShareData
+        } from "@/api/clean/index";
+import {listUserAll} from "@/api/root/index";
+import {showShareUser} from "@/api/bignote/index";
+import {getAllInfo} from "@/api/system/user"
+
+// import {Message} from "element-ui";
+import { Notification, MessageBox, Message, Loading } from 'element-ui'
+
   export default {
-    name: "Role",
+    name: "ZfClean",
     dicts: ['sys_normal_disable'],
     data() {
       return {
+        // 鍒嗕韩缁欒皝鐨刲is
+		total1:0,
+		searchQuery: undefined,
+        listRoot: [],
+        open1:false,
+        open2:false,
+        id1: undefined,
+        shareList1: [],
+        // shareList2: [],
+        userOptions:[],
+        user:undefined,
+        userList:[],
+        ifNum:undefined,
+        selectWho:undefined,
+        title1: "",
+        title2: "",
+        loading1: false,
+        loading2: false,
+        // 鏌ヨ鍙傛暟1
+        queryParams1: {
+          pageNum: 1,
+          pageSize: 10,
+        },
+        queryParams2: {
+          pageNo: 1,
+          pageSize: 10,
+        },
+        ids1: [],
+        single1: true,
+        multiple1: true,
+        dateRange1: [],
+        total1:0,
+
+valueFromParent: "淇濇磥鏀剁撼",
+        userId: undefined,
         // 閬僵灞�
         disabled: false,
-  
+
         loading: true,
         formData:[],
         // 閫変腑鏁扮粍
@@ -342,14 +630,20 @@
         // 鏃ユ湡鑼冨洿
         dateRange: [],
         // 鏁版嵁鑼冨洿閫夐」
-        fot:[".jpg",".jif"],
+      fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx',
+        '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng','m4a','.M4A'],
+
         fileList:[
         ],
+		fileList1:[],
+		uploadFileList: [],
+		uploadFileList1: [],
         fileListOther:[
-  
+
         ],
         dsb:true,
         btn:false,
+        uploading: false,
         formDat: {
           type: undefined,
           kind: undefined,
@@ -359,8 +653,8 @@
           location: undefined,
           remark: undefined,
           happenTime: undefined,
-          url: undefined,
-  
+          url: "",
+
         },
         // 鑿滃崟鍒楄〃
         menuOptions: [],
@@ -427,12 +721,221 @@
       };
     },
     created() {
+            this.getList1();
       this.getList();
       this.getCateInfor()
-  
+      this.getInfo()
+
+
     },
     methods: {
-    //
+	handleDialogClick()
+	{
+		// 鍏抽棴鏃ユ湡閫夋嫨鍣�
+		      this.$refs.datePicker.handleClose();
+	},
+		  searchBaidu() {
+		      // 鎵撳紑鐧惧害鎼滅储缁撴灉
+		      window.open(`https://www.baidu.com/s?wd=${encodeURIComponent(this.searchQuery)}`);
+		      // 娓呯┖鎼滅储妗�
+		      this.searchQuery = '';
+		    },
+      // 鍒嗛〉
+      fenYe(){
+        // @pagination='ifNum === 1 ? selectValue : (ifNum === 2 ? whoShare : showData)'
+        if(this.ifNum === 1){
+          this.selectValue(this.selectWho)
+        }else if(this.ifNum === 2){
+          this.whoShare()
+        }else{
+          this.showData()
+        }
+      },
+      // 鍏抽棴寮圭獥鍚�
+      handleClose(){
+        this.user = ''
+        this.queryParams2.pageNo = 1
+              this.total1 = 0
+      },
+      handleClose2(){
+        this.$refs.table1.clearSelection()
+      },
+
+      // 涓嬭浇浠栦汉缁欐垜鍒嗕韩鐨勬暟鎹�
+      handleDown(row){
+        const a = {"downloadContent" : row.id}
+        downShareData(a).then(() => {
+          Message({ message: "涓嬭浇鎴愬姛", type: 'success' })
+        })
+      },
+
+      // 鏀跺洖鍒嗕韩缁欏埆浜虹殑鏁版嵁
+      handleBack(row){
+        // 鍒嗕韩缁欒皝鐨勶細this.selectWho
+        const list = {"shareIds": [this.selectWho],"shareContents": [row.id]}
+        deleteShareData(list).then(()=>{
+          Message({ message: "鏀跺洖鎴愬姛", type: 'success' })
+
+          const list2 = {"shareIds": [this.selectWho]}
+          shareToWho(list2,this.queryParams2).then(response => {
+            this.shareList1 = response.data.data
+            this.total1 = response.data.total;
+          })
+        })
+      },
+      // 灞曠ず涓嬭浇鐨勫垎浜暟鎹�
+      showData(){
+        this.shareList1 = []
+        this.ifNum = 3
+        this.open2 = true
+        this.title2 = "涓嬭浇鐨勫垎浜暟鎹�";
+        showShareData(this.queryParams2).then(response => {
+          this.shareList1 = response.data.data
+          this.total1 = response.data.total;
+          // console.log(response,'灞曠ず涓嬭浇鐨勫垎浜暟鎹睍绀轰笅杞界殑鍒嗕韩鏁版嵁')
+        })
+      },
+      // 灞曠ず鍒嗕韩缁欐垜鐨勬暟鎹�
+      whoShare(){
+        this.shareList1 = []
+        this.ifNum = 2
+        this.open2 = true
+        this.title2 = "鍒嗕韩缁欐垜鐨勬暟鎹�";
+        // const list = {"shareId": this.userList}
+        // const list = {"shareId": 111}
+        getWhoShare(this.queryParams2).then(response => {
+          const data = response.data.data
+          this.total1 = response.data.total
+          console.log(response,'灞曠ず鍒嗕韩缁欐垜鐨勬暟鎹睍绀哄垎浜粰鎴戠殑鏁版嵁s')
+          for(let i in data){
+            console.log(i,'灞曠ず鍒嗕韩缁欐垜鐨勬暟鎹睍绀哄垎浜粰鎴戠殑鏁版嵁')
+            this.shareList1.push(data[i])
+          }
+        })
+      },
+
+      // 鍒嗕韩缁欒皝浜嗕粈涔堟暟鎹�
+      selectValue(value){
+        this.selectWho = value
+        this.shareList1 = []
+        const list = {"shareIds": [this.selectWho]}
+        shareToWho(list,this.queryParams2).then(response => {
+          // this.loading2 = true;
+          response.data.data.forEach(res=>{
+            if(res){
+              this.shareList1.push(res)
+            }
+          })
+          // this.shareList1 = response.data.data
+          this.total1 = response.data.total;
+          // this.loading2 = false;
+          console.log(response.data,'鍒嗕韩缁欒皝浜嗕粈涔堟暟鎹垎浜粰璋佷簡浠�涔堟暟鎹�')
+        })
+      },
+      handleWho(){
+        this.ifNum = 1
+        this.open2 = true
+        this.title2 = "鍒嗕韩缁欒皝浜嗕粈涔堟暟鎹�";
+        this.shareList1 = []
+      },
+
+      /** 鍒嗕韩鎿嶄綔 */
+      handleShare(row) {
+        if(row.id){
+          this.id1 = [row.id]
+        }
+        this.open1 = true;
+        this.title1 = "鍒嗕韩";
+      },
+      // 澶氶�夋閫変腑鏁版嵁
+      handleSelectionChange1(selection) {
+        this.ids1 = selection.map(item => item.userId)
+        this.single1 = selection.length!=1
+        this.multiple1 = !selection.length
+      },
+      // 澶氶�夋閫変腑鏁版嵁
+      handleSelectionChange2(selection) {
+        // this.ids1 = selection.map(item => item.userId)
+        // // console.log(selection)
+        // console.log(this.ids1,'ids1ids1ids1ids1')
+        // this.single1 = selection.length!=1
+        // this.multiple1 = !selection.length
+      },
+      getRowId1(row)
+      {
+        return row.id
+      },
+      getRowId2(row)
+      {
+        return row.id
+      },
+      getList1() {
+            this.loading1 = true;
+    let userId = this.$store.state.user.userId
+	
+	this.userOptions = []
+     showShareUser(userId, 2020).then(response=>{
+     			  console.log("===========ddddddddddddd")
+     			  console.log(response.data)
+     			  console.log("--------------------")
+     			  response.data.forEach(element =>{
+     				   this.userOptions.push({label: element.oldName,value: element.userId})
+     			  })
+    })
+	
+	
+	let clanId = this.$store.state.user.clanId
+	
+	 getAllInfo(clanId).then(response => {
+	     this.listRoot = response.data;
+	     const kon = {}
+				         console.log(response.data,'userListuserListuserList99999999999999')
+	     this.listRoot.forEach(element => {
+	       kon[element['nickName']] = element['userId']
+	     })
+	     // for(let i in kon){
+	     //   this.userOptions.push({label: i,value: kon[i]})
+	     // }
+	     // for(let i in this.userOptions){
+	     //   this.userList.push(this.userOptions[i].value)
+	     // }
+	     // console.log(this.userList,'userListuserListuserList99999999999999')
+	     this.loading1 = false;
+	   }
+	 );
+          },
+      // 纭鍒嗕韩
+      subShare(row) {
+        const shareList = {}
+        shareList.shareContents = this.id1 || this.ids;
+        shareList.shareIds = this.ids1
+		if(shareList.shareIds.length==0)
+		{
+				  this.$modal.msgSuccess("璇烽�夋嫨鍒嗕韩瀵硅薄");
+				  return;
+		}
+        console.log(shareList,'sharelistsharelist')
+        this.$modal.confirm('鏄惁纭鍒嗕韩锛�').then(function() {
+          return share(shareList);
+        }).then(() => {
+
+          this.getList();
+		  this.getList1();
+          this.$modal.msgSuccess("鍒嗕韩鎴愬姛");
+          this.id1 = undefined
+          this.open1 = false;
+        }).catch(() => {});
+      },
+      // ------------------------------------------------------------------
+
+
+      getInfo(){
+            console.log('-----------------')
+            getInfo().then(response=>{
+              console.log(response.user.roles[0].roleId,'roleID')
+              this.userId = response.user.roles[0].roleId
+            })
+          },
     getSrc1(kind) {
     if (kind === 0) {
       return '淇濇磥'
@@ -445,7 +948,10 @@
         this.open = false;
         this.reset();
       },
-  
+    getRowId(row)
+    {
+      return row.id
+    },
       //闅旇鍙樿壊
       tableRowClassName({ row, rowIndex }) {
         if (rowIndex % 2 == 0) {
@@ -454,22 +960,29 @@
           return "statistics-warning-row";
         }
       },
-  
+
       /** 鏌ヨ瑙掕壊鍒楄〃 */
       getList() {
         this.loading = true;
         this.queryParams.happenStartTime = this.dateRange.length > 0 && this.dateRange[0]
         this.queryParams.happenEndTime = this.dateRange.length > 0 && this.dateRange[1]
-  
+
         // console.log(this.queryParams)
+        let _this = this
         //  listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
         listClean(this.queryParams).then(response => {
             //  alert(123)
             //   console.log(response.data)
-            this.cleanList = response.data.data;
-  
-            this.total = response.data.total;
-            this.loading = false;
+            if(response.msg=="鎮ㄦ病鍔犲叆鍒板搴旂殑瀹跺涵锛岃鑱旂郴绠$悊鍛�")
+            {
+                _this.$modal.msgSuccess("鎮ㄦ病鍔犲叆鍒板搴旂殑瀹跺涵锛岃鑱旂郴绠$悊鍛�");
+                _this.loading = false;
+            }else{
+            _this.cleanList = response.data.data;
+
+            _this.total = response.data.total;
+            _this.loading = false;
+            }
           }
         );
       },
@@ -477,21 +990,26 @@
       getCateInfor()
       {
         let _this = this
-        getCategory().then(response=>{
-  
-          response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{
-            _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]})
-          })
-        })
+        // getCategory().then(response=>{
+
+        //   response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{
+        //     _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]})
+        //   })
+        // })
       },
-  
+
       handleRemove(file) {
-        for(let i = 0; i < this.fileListOther.length; i++)
+        for(let i = 0; i < this.fileList.length; i++)
         {
-          if(this.fileListOther[i].url==file.url)
-            this.$delete(this.fileListOther,i);
+          if(this.fileList[i].url==file.url)
+           {
+             this.$delete(this.fileList,i);
+           		 this.$delete(this.uploadFileList,i);
+           		 }
+
         }
       },
+
       // 鍙栨秷鎸夐挳
       cancel() {
         this.open = false;
@@ -523,7 +1041,7 @@
             deptCheckStrictly: true,
             remark: undefined
           };
-        this.resetForm("form");
+        this.resetForm("elForm");
       },
       /** 鎼滅储鎸夐挳鎿嶄綔 */
       handleQuery() {
@@ -543,7 +1061,7 @@
         this.single = selection.length!=1
         this.multiple = !selection.length
       },
-  
+
       /** 鏂板鎸夐挳鎿嶄綔 */
       handleAdd() {
         this.reset();
@@ -553,13 +1071,14 @@
       /** 鏌ョ湅璇︾粏淇℃伅 */
       handleCheck(row){
         const id = row.id;
+		this.open2 = false; 
         this.$router.push("/familymodel/clean/cleanInfo/" + id);
       },
       /** 淇敼鎸夐挳鎿嶄綔 */
       handleUpdate(row) {
         const id = row.id;
         let jd = true
-  
+
         this.$router.push({
           path:"/familymodel/clean/cleanInfo/" + id,
           query:{
@@ -567,68 +1086,138 @@
           }
         });
       },
-  
-  
+
+
       handlePictureCardPreview(file) {
         this.dialogImageUrl = file.url;
         this.dialogVisible = true;
       },
       handleRemoveFile(file,) {
-  
-  for(let i = 0; i < this.fileListOther.length; i++)
-  {
-    if(this.fileListOther[i].url==file.url)
-      this.$delete(this.fileListOther,i);
-  }
-},
+        for(let i = 0; i < this.fileListOther.length; i++)
+        {
+          if(this.fileListOther[i].url==file.url)
+          {
+
+            this.$delete(this.fileListOther,i);
+            this.$delete(this.uploadFileList1,i);
+
+            }
+        }
+      },
       /** 鎻愪氦鎸夐挳锛堟暟鎹潈闄愶級 */
       submitDataScope: function() {
-  
-        let ul = this.fileList.map(function (elem){
-          return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
-        }).join(",")
-        let uls = this.fileListOther.map(function (elem){
-          return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
-        }).join(",")
-        this.formDat.url = ul+","+uls
+
+
         this.$refs["elForm"].validate(valid => {
           if (valid) {
-  
+
             addClean(this.formDat).then(response => {
               this.$modal.msgSuccess("鏂板鎴愬姛");
               this.open = false;
+              // 娓呯┖formDat瀵硅薄鐨勬暟鎹�
+              Object.keys(this.formDat).forEach(key => {
+                this.formDat[key] = '';
+              });
+              for(let i = 0; i <= this.fileList.length; i++)
+              {
+                this.handleRemove(this.fileList[0]);
+              }
+              for(let i = 0; i < this.fileListOther.length; i++){
+                this.handleRemoveFile(this.fileListOther[0]);
+              }
               this.getList();
             });
           }
         });
+
       },
-      requestUpload(params)
-      {
-        var file = params.file;
-        var formData = new FormData();
-        formData.append('uploadFile', file);
-        let _this = this
-  
+    handleChange(file, fileList1) {
+       //瀹氫箟涓�涓叏灞�鏁扮粍uploadFileList鏉ュ仛瀛樺偍
+
+     // this.uploadFileList.push(file.raw);
+      console.log("=========5555=========")
+	  this.uploadFileList.push(file.raw);
+	       this.fileList.push({name:file.name,url:file.url})
+	  //alert(fileList1.length)
+      //console.log(file)
+    //  console.log(this.uploadFileList)
+    //  this.fileList = fileList
+    },
+    handleChange1(file, fileOtherList1) {
+       //瀹氫箟涓�涓叏灞�鏁扮粍uploadFileList鏉ュ仛瀛樺偍
+
+     // this.uploadFileList.push(file.raw);
+      console.log("=========5555=========")
+	  this.uploadFileList1.push(file.raw);
+	   this.fileListOther.push({name:file.name,url:file.url})
+      //console.log(file)
+    //  console.log(this.uploadFileList)
+    //  this.fileList = fileList
+    },
+    fileUpload(){
+    //	var file = params.file;
+
+    	var formData = new FormData();
+    	//this.$refs.upload1.submit();
+    	// formData.append('uploadFile', file);
+    	if(this.uploadFileList1.length==0){
+    		  this.$modal.msgSuccess("鏂囨。涓婁紶鍒楄〃涓嶈兘涓虹┖!");
+    		  return
+    	}
+    	this.uploadFileList1.forEach((elem)=>{
+    		formData.append("files", elem)
+
+    	})
+
+    	let _this = this
+
+    	this.uploading = true;
+    	uploadPic(formData).then(response => {
+    	_this.uploadFileList1 = []
+    	_this.formDat.url = _this.formDat.url+","+response.fileNames
+    	_this.$modal.msgSuccess("鏂囦欢涓婁紶鎴愬姛!");
+    	  })
+
+    },
+    picUpload()
+    {
+		//alert(89)
+    	var formData = new FormData();
+		//alert(this.uploadFileList.length)
+		console.log(this.uploadFileList)
+    	//this.$refs.upload.submit();
+    if(this.uploadFileList.length==0){
+    	  this.$modal.msgSuccess("鍥剧墖涓婁紶鍒楄〃涓嶈兘涓虹┖锛�");
+    	  return}
+    //console.log(this.uploadFileList)
+    	this.uploadFileList.forEach((elem)=>{
+    		formData.append("files", elem)
+
+    	})
+    	//alert(90)
+    	let _this = this
+    	//alert(9)
         uploadPic(formData).then(response => {
-          let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
-  
-          if(_this.fot.includes(pth) === true)
-          {
-            _this.fileList.push({name:response.data.fileName, "url":response.data.url})
-  
-          }
-  
-          else{
-            _this.fileListOther.push({name:response.data.fileName, url:response.data.url})
-  
-          }
-        })
-  
-      },
+    	//	alert("dds")
+          _this.formDat.url = _this.formDat.url+","+response.fileNames
+		  //alert( _this.formDat.url)
+    	  _this.uploadFileList = []
+    	  _this.$modal.msgSuccess("鍥剧墖涓婁紶鎴愬姛");
+
+      });
+    },
+    requestUpload(params) {
+
+   //  this.uploadFileList.push(params.file);
+    },
+    requestUpload1(params)
+    {
+    //	     this.uploadFileList1.push(params.file);
+    },
       /** 鍒犻櫎鎸夐挳鎿嶄綔 */
       handleDelete(row) {
         const Ids = row.id || this.ids;
-        this.$modal.confirm('鏄惁纭鍒犻櫎璧勪骇缂栧彿涓�"' + Ids + '"鐨勬暟鎹」锛�').then(function() {
+        this.$modal.confirm('鏄惁纭鍒犻櫎鎵�閫夋暟鎹」锛�').then(function() {
           return delClean(Ids);
         }).then(() => {
           this.getList();
@@ -637,38 +1226,59 @@
       },
       /** 瀵煎嚭鎸夐挳鎿嶄綔 */
       handleExport() {
-        this.download('/zfEconomy/export', {
+        const Ids = this.ids;
+
+        if(Ids.length==0)
+        {
+        this.download('/zfClean/export', {
           ...this.queryParams
         }, `clean_${new Date().getTime()}.xlsx`)
+        }else{
+          this.download('/zfClean/export1/'+Ids, {
+
+          }, `clean_${new Date().getTime()}.xlsx`)
+        }
       },
+      handleExportTemplate() {
+        this.download('/zfClean/model', {
+
+        }, `clean_${new Date().getTime()}.xlsx`)
+      },
+
       /** 瀵煎叆鎿嶄綔*/
       handleEnport(params){
-      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' })
-  
-      }).catch(err)
-      {
-        Message({ message: "瀵煎叆澶辫触", type: 'error' })
+        var file = params.file;
+        console.log(params)
+        var formData = new FormData();
+        formData.append('excelImport', file);
+        let _this = this
+        enload(formData).then(response => {
+          _this.getList();
+          Message({ message: "瀵煎叆鎴愬姛", type: 'warning' })
+
+        }).catch(() => {
+        
+          Message({ message: "瀵煎叆澶辫触", type: 'error' })
+        })
+
       }
-  
-      }
+
     }
   };
   </script>
-  <style>
+<style scoped>
   .el-table__row.statistics-warning-row {
     background: #E0EEFE;
-  
+
   }
   .el-table__row.statistics-warning-row1 {
     background: #FFEFF2;
-  
+
+  }
+  .el-table__cell {
+    font-size: 14px; /* 璁剧疆瀛椾綋澶у皬 */
+  }
+  .button-container {
+    display: inline-flex; /* 璁剧疆鎸夐挳瀹瑰櫒涓鸿鍐呭厓绱� */
   }
   </style>
-  
\ No newline at end of file

--
Gitblit v1.9.1