From 228302bc93feabc7b51a965db4374781844cc033 Mon Sep 17 00:00:00 2001
From: linwenling <3256558519@qq.com>
Date: 星期一, 24 七月 2023 23:20:30 +0800
Subject: [PATCH] 修改

---
 ruoyi-ui/src/views/collection/index.vue |  171 +++++++++++++++++++++++++++++++++-----------------------
 1 files changed, 100 insertions(+), 71 deletions(-)

diff --git a/ruoyi-ui/src/views/collection/index.vue b/ruoyi-ui/src/views/collection/index.vue
index 0b53229..9f60459 100644
--- a/ruoyi-ui/src/views/collection/index.vue
+++ b/ruoyi-ui/src/views/collection/index.vue
@@ -51,11 +51,16 @@
                   -->
       </el-form-item>
 
-      <el-form-item label="鏃堕棿" style="padding-left:190px">
+      <el-form-item label="鏃堕棿">
         <el-date-picker
           v-model="dateRange"
-          style="width: 240px"
-          value-format="yyyy-MM-dd HH-MM"
+          style="width:  197px;
+          height: 30px;
+          background: #FFFFFF;
+          border-radius: 14px 14px 14px 14px;
+          opacity: 0.5;
+          border: 1px solid rgba(0,0,0,0.25);"
+          value-format="yyyy-MM-dd"
           type="daterange"
           range-separator="-"
           start-placeholder="寮�濮嬫棩鏈�"
@@ -63,42 +68,30 @@
         ></el-date-picker>
       </el-form-item>
 
-      <el-form-item label="绫诲埆" prop="type" >
-        <el-input
+      <el-form-item label="绫诲埆" prop="type">
+        <el-select
           v-model="queryParams.type"
-          placeholder="璇疯緭鍏ョ被鍒�"
+          placeholder="鎵�鏈夌被鍒�"
           clearable
           style="width: 240px"
-          @keyup.enter.native="handleQuery">
-          <i slot="prefix" class="el-input__icon el-icon-search"></i>
-        </el-input>
+          @keyup.enter.native="handleQuery"
+        >
+          <el-option
+            v-for="item in typeOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
 
+          />
+        </el-select>
       </el-form-item>
-<!--      <el-form-item label="绫诲埆" prop="type">-->
-<!--        <el-select-->
-<!--          v-model="queryParams.type"-->
-<!--          placeholder="鎵�鏈夌被鍒�"-->
-<!--          clearable-->
-<!--          style="width: 240px"-->
-<!--          @keyup.enter.native="handleQuery"-->
-<!--        >-->
-<!--          <el-option-->
-<!--            v-for="dict in typeOptions"-->
-<!--            :key="dict.value"-->
-<!--            :label="dict.label"-->
-<!--            :value="dict.value"-->
-
-<!--          />-->
-<!--        </el-select>-->
-<!--      </el-form-item>-->
       <el-cntainer>
         <el-col :span="9" >
           <el-form-item>
-            <el-button type="primary" icon="el-icon-search" size="mini" style=" width: 65px; height: 32px;background: #FFDDE3;
-          border-radius: 6px 6px 6px 6px;opacity:1; " @click="handleQuery">鎼滅储</el-button>
-            <el-button icon="el-icon-refresh" size="mini" style=" width: 65px; height: 32px;background: #FFDDE3;
-          border-radius: 6px 6px 6px 6px;opacity:1; " @click="resetQuery">閲嶇疆</el-button>
-
+            <el-button size="mini" @click="handleQuery" style=" width: 67px;height: 27px;background: #FFDDE3;
+            border-radius: 7px 7px 7px 7px;opacity: 1; " >鎼滅储</el-button>
+            <el-button  size="mini" @click="resetQuery" style=" width: 67px;height: 27px;background: #FFDDE3;
+            border-radius: 7px 7px 7px 7px;opacity: 1; ">閲嶇疆</el-button>
           </el-form-item>
         </el-col>
       </el-cntainer>
@@ -126,14 +119,14 @@
 
     </el-form>
     <div>
-      <div style="width: 100px;
-      height: 24px;
-      font-size: 18px;
-      font-family: Microsoft YaHei-Regular, Microsoft YaHei;
-      font-weight: 400;
-      color: #000000;
-      line-height: 21px;
-      ">鏀惰棌鍜岃崳瑾�</div>
+<!--      <div style="width: 100px;-->
+<!--      height: 24px;-->
+<!--      font-size: 18px;-->
+<!--      font-family: Microsoft YaHei-Regular, Microsoft YaHei;-->
+<!--      font-weight: 400;-->
+<!--      color: #000000;-->
+<!--      line-height: 21px;-->
+<!--      ">鏀惰棌鍜岃崳瑾�</div>-->
 
       <el-row :gutter="10" class="mb8">
         <el-col :span="1.5">
@@ -190,7 +183,6 @@
             <el-button size="mini"   type="primary"
                        plain
                        icon="el-icon-plus" >瀵煎叆</el-button>
-
           </el-upload>
         </el-col>
         <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
@@ -198,36 +190,38 @@
     </div>
     <el-table v-loading="loading" :data="collectionList" :row-key="getRowId" ref="multipleTable" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
       <el-table-column type="selection" :reserve-selection="true" width="25"  align="center" />
-      <el-table-column  label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="60"/>
+      <el-table-column fixed label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="60"/>
       <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-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-table-column label="鍚嶇О" prop="name" sortable :show-overflow-tooltip="true" width="90" align="center" >
+      <el-table-column label="绫诲埆" prop="type" sortable width="120" align="center">
+        <template slot-scope="scope">{{ getSrc(scope.row.type) }}</template>
+<!--        <template slot-scope="scope">{{scope.row.type? scope.row.type: '鈥斺�斺�斺��'}}</template>-->
+      </el-table-column>
+      <el-table-column label="鍚嶇О" prop="name" sortable :show-overflow-tooltip="true" width="120" align="center" >
         <template slot-scope="scope">{{scope.row.name? scope.row.name: '鈥斺�斺�斺��'}}</template>
       </el-table-column>
-      <el-table-column label="鏉ユ簮" prop="source" sortable width="90" align="center" >
+      <el-table-column label="鏉ユ簮" prop="source" sortable width="120" align="center" >
         <template slot-scope="scope">{{scope.row.source? scope.row.source: '鈥斺�斺�斺��'}}</template>
       </el-table-column>
-      <el-table-column label="鎷ユ湁鑰�" prop="owner" sortable width="110" align="center">
+
+      <el-table-column label="鎸佹湁鑰�" prop="owner" sortable width="110" align="center">
+
         <template slot-scope="scope">{{scope.row.owner? scope.row.owner: '鈥斺�斺�斺��'}}</template>
       </el-table-column>
-      <el-table-column label="浠峰��" prop="price" sortable width="90" align="center">
+      <el-table-column label="浠峰��" prop="price" sortable width="120" align="center">
         <template slot-scope="scope">{{scope.row.price? scope.row.price: '鈥斺�斺�斺��'}}</template>
       </el-table-column>
-      <el-table-column label="瀛樻斁浣嶇疆" prop="location" sortable width="130" align="center">
+      <el-table-column label="瀛樻斁浣嶇疆" prop="location" sortable width="160" align="center">
         <template slot-scope="scope">{{scope.row.location? scope.row.location: '鈥斺�斺�斺��'}}</template>
       </el-table-column>
       <el-table-column label="澶囨敞" prop="remark" sortable width="90" align="center">
         <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '鈥斺�斺�斺��'}}</template>
       </el-table-column>
-      <el-table-column label="鐢靛瓙鏂囦欢" prop="url" width="180" >
+      <el-table-column label="鐢靛瓙鏂囦欢" prop="url" width="180" align="center">
+
         <template slot-scope="scope" >
+          <div  @click="handleCheck(scope.row)">
           <img
             class="el-upload-list__item-thumbnail"
             src="../../assets/images/deviceLis.png"
@@ -243,11 +237,9 @@
             style="width: 35px; height: 35px;"
             fit="cover"
             v-if="scope.row.url === ','"
-          >
+          ></div>
         </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
@@ -293,12 +285,17 @@
     <!-- 娣诲姞鏀惰棌涓庤崳瑾変俊鎭厤缃璇濇 -->
     <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="happenTime">-->
+<!--          <el-input v-model="formDat.happenTime" placeholder="璇疯緭鍏ヨ幏寰楁椂闂�" clearable :style="{width: '100%'}" ></el-input>-->
+<!--        </el-form-item>-->
         <el-form-item label="鑾峰緱鏃堕棿" prop="happenTime">
-          <el-input v-model="formDat.happenTime" placeholder="璇疯緭鍏ヨ幏寰楁椂闂�" clearable :style="{width: '100%'}" ></el-input>
+          <el-date-picker v-model='formDat.happenTime' type='date' placeholder='閫夋嫨鏃ユ湡'></el-date-picker>
         </el-form-item>
         <el-form-item label="绫诲埆" prop="type">
-          <el-input v-model="formDat.type" placeholder="璇疯緭鍏ョ被鍒�" clearable :style="{width: '100%'}" >
-          </el-input>
+          <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="name">
           <el-input v-model="formDat.name" placeholder="璇疯緭鍏ュ悕绉�" clearable :style="{width: '100%'}" >
@@ -308,8 +305,8 @@
           <el-input v-model="formDat.source" placeholder="璇疯緭鍏ユ潵婧�" clearable :style="{width: '100%'}" >
           </el-input>
         </el-form-item>
-        <el-form-item label="鎷ユ湁鑰�" prop="owner">
-          <el-input v-model="formDat.owner" placeholder="璇疯緭鍏ユ嫢鏈夎��" clearable :style="{width: '100%'}" >
+        <el-form-item label="鎸佹湁鑰�" prop="owner">
+          <el-input v-model="formDat.owner" placeholder="璇疯緭鍏ユ寔鏈夎��" clearable :style="{width: '100%'}" >
           </el-input>
         </el-form-item>
         <el-form-item label="浠锋牸" prop="price">
@@ -480,7 +477,7 @@
         type:undefined,
         owner:undefined,
         location:undefined,
-        happenTime:undefined,
+        // happenTime:undefined,
       },
       // searchVal:"",
 
@@ -499,8 +496,8 @@
           trigger: 'blur'
         }],
         happenTime: [{
-          // required: true,
-          message: '璇疯緭鍏ユ椂闂�',
+          required: true,
+          message: '璇烽�夋嫨鏃堕棿',
           trigger: 'blur'
         }],
         name: [{
@@ -537,20 +534,26 @@
       },
       typeOptions: [
         {
-          value: '閫夐」1',
+          value: '閭エ',
           label: '閭エ'
         }, {
-          value: '閫夐」2',
+          value: '鏃ユ湰鍐涘垁',
           label: '鏃ユ湰鍐涘垁'
         }, {
-          value: '閫夐」3',
+          value: '鑼呭彴閰�',
           label: '鑼呭彴閰�'
         }, {
-          value: '閫夐」4',
+          value: '绾㈡湪',
           label: '绾㈡湪'
         }, {
-          value: '閫夐」5',
+          value: '绾康鍝�',
           label: '绾康鍝�'
+        }, {
+          value: '鐡峰櫒',
+          label: '鐡峰櫒'
+        }, {
+          value: '涔︾睄',
+          label: '涔︾睄'
         }
       ],
     };
@@ -583,7 +586,10 @@
     /** 鏌ヨ璁板綍鍒楄〃 */
     getList() {
       this.loading = true;
-      // console.log(this.queryParams)
+      console.log(this.queryParams)
+      this.queryParams.happenStartTime = this.dateRange.length > 0 && this.dateRange[0]
+      this.queryParams.happenEndTime = this.dateRange.length > 0 && this.dateRange[1]
+
       //  listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
       listCollection(this.queryParams).then(response => {
           //  alert(123)
@@ -606,7 +612,26 @@
         })
       })
     },
-
+    //绫诲埆閫夋嫨
+    getSrc(type) {
+      if (type === '閭エ') {
+        return '閭エ'
+      }else if(type === '鏃ユ湰鍐涘垁'){
+        return '鏃ユ湰鍐涘垁'
+      }else if(type === '鑼呭彴閰�'){
+        return '鑼呭彴閰�'
+      }else if(type === '绾㈡湪'){
+        return '绾㈡湪'
+      }else if(type === '绾康鍝�'){
+        return '绾康鍝�'
+      }else if(type === '鐡峰櫒'){
+        return '鐡峰櫒'
+      }else if(type === '涔︾睄'){
+        return '涔︾睄'
+      } else {
+        return '鍏跺畠'
+      }
+    },
     handleRemove(file) {
       alert(323)
     },
@@ -720,6 +745,10 @@
           });
         }
       });
+      // 娓呯┖formDat瀵硅薄鐨勬暟鎹�
+      Object.keys(this.formDat).forEach(key => {
+        this.formDat[key] = '';
+      });
     },
     requestUpload(params)
     {

--
Gitblit v1.9.1