From bcac500a760877dc9140f1f381739793706c1af6 Mon Sep 17 00:00:00 2001
From: feige <feige@qq.com>
Date: 星期五, 10 十一月 2023 10:29:38 +0800
Subject: [PATCH] 修改图片大小

---
 ruoyi-ui/src/views/travel/Info.vue | 1532 +++++++++++++++++++++++++++++++++-------------------------
 1 files changed, 864 insertions(+), 668 deletions(-)

diff --git a/ruoyi-ui/src/views/travel/Info.vue b/ruoyi-ui/src/views/travel/Info.vue
index e36e4dc..b11bfdf 100644
--- a/ruoyi-ui/src/views/travel/Info.vue
+++ b/ruoyi-ui/src/views/travel/Info.vue
@@ -1,683 +1,880 @@
 <template>
-    <div class="app-container" style="opacity: 1;">
-      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
-  
-        <el-form-item label="鏃堕棿" >
-          <el-date-picker
-            v-model="dateRange"
-            style="width: 240px;"
-            value-format="yyyy-MM-dd HH-MM"
-            type="daterange"
-            range-separator="-"
-            start-placeholder="寮�濮嬫棩鏈�"
-            end-placeholder="缁撴潫鏃ユ湡"
-          ></el-date-picker>
-        </el-form-item>
-        <el-form-item label="鎬诲ぉ鏁�" prop="usePeople" >
-          <el-input
-            v-model="queryParams.usePeople"
-            placeholder="璇疯緭鍏ヤ娇鐢ㄤ汉"
-            clearable
-            style="width: 240px"
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
+  <div class="app-container" style="opacity: 1;">
+    <h2>姣忔棩琛岀▼</h2>
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
 
-        <el-form-item>
-          <el-button  size="mini" @click="handleQuery" style=" width: 65px; height: 32px;background: #FFDDE3;border-radius:6px 6px 6px 6px;opacity:1;">鎼滅储</el-button>
-          <el-button  size="mini" @click="resetQuery" style=" width: 65px;height: 32px; background: #FFDDE3; border-radius:6px 6px 6px 6px;opacity: 1;">閲嶇疆</el-button>
-        </el-form-item>
-      </el-form>
-  
-      <el-row :gutter="10" class="mb8">
-        <el-col :span="1.5">
+      <el-form-item label="鏃堕棿" >
+        <el-date-picker
+          v-model="dateRange"
+          style="width: 240px;"
+          value-format="yyyy-MM-dd HH-MM"
+          type="daterange"
+          range-separator="-"
+          start-placeholder="寮�濮嬫棩鏈�"
+          end-placeholder="缁撴潫鏃ユ湡"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item label="鎬诲ぉ鏁�" prop="usePeople" >
+        <el-input
+          v-model="queryParams.usePeople"
+          placeholder="璇疯緭鍏ヤ娇鐢ㄤ汉"
+          clearable
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+
+      <el-form-item>
+        <el-button  size="mini" @click="handleQuery" style=" width: 65px; height: 32px;background: #FFDDE3;border-radius:6px 6px 6px 6px;opacity:1;">鎼滅储</el-button>
+        <el-button  size="mini" @click="resetQuery" style=" width: 65px;height: 32px; background: #FFDDE3; border-radius:6px 6px 6px 6px;opacity: 1;">閲嶇疆</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['system:role:add']"
+        >鏂板</el-button>
+      </el-col>
+
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['system:role:remove']"
+        >鍒犻櫎</el-button>
+      </el-col>
+      <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.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.5">
+        <el-upload
+          action=""
+          class="upload-demo"
+          :show-file-list="false"
+          :http-request="handleEnport"
+        >
+          <el-button size="mini"   type="primary"
+                     plain
+                     icon="el-icon-top">瀵煎叆</el-button>
+
+        </el-upload>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="travelBase"  @selection-change="handleSelectionChange" @row-click="handleCheck" :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  label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/>
+
+      <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="address" sortable width="100" />
+
+      <el-table-column label="鎸佽瘉鏃呮父" prop="certificate" sortable width="100" />
+      <el-table-column label="璐圭敤" prop="totalPrice" sortable width="100" />
+      <el-table-column label="鍏垂/鑷垂" prop="self" sortable width="100" >
+        <template slot-scope="scope">{{scope.row.self==0?'鍏垂':'鑷垂'}}</template>
+      </el-table-column>
+      <el-table-column label="鐢靛瓙鏂囦欢" prop="url" width="160" >
+        <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="澶囨敞" prop="remark" sortable width="100" />
+
+
+      <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope" v-if="scope.row.roleId !== 1">
           <el-button
-            type="primary"
-            plain
-            icon="el-icon-plus"
             size="mini"
-            @click="handleAdd"
-            v-hasPermi="['system:role:add']"
-          >鏂板</el-button>
-        </el-col>
-  
-        <el-col :span="1.5">
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['familymodel:economy:info']"
+          >淇敼</el-button>
           <el-button
-            type="danger"
-            plain
+            size="mini"
+            type="text"
             icon="el-icon-delete"
-            size="mini"
-            :disabled="multiple"
-            @click="handleDelete"
+            @click="handleDelete(scope.row)"
             v-hasPermi="['system:role:remove']"
           >鍒犻櫎</el-button>
-        </el-col>
-        <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.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"
+
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+      style="background: #FEF7FC;"
+    />
+
+    <!-- 娣诲姞鎴栦慨鏀硅祫浜т俊鎭厤缃璇濇 -->
+
+    <el-dialog :title="title" :visible.sync="open" width="60%" append-to-body>
+      <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px">
+        <h4 class="form-header">琛岀▼鍐呭 </h4>
+        <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="happenTime">
+          <el-input
+            v-model='formDat.happenTime'
+            type='date'
+            placeholder='閫夋嫨鏃ユ湡'
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="鍦扮偣" prop="address">
+          <el-input v-model="formDat.address" placeholder="璇疯緭鍏ュ湴鐐�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="浜虹墿" prop="people">
+          <el-input v-model="formDat.people" placeholder="璇疯緭鍏ヤ汉鐗�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="鏃呮湡" prop="travelPeriod">
+          <el-input v-model="formDat.travelPeriod" placeholder="璇疯緭鍏ユ梾鏈�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="鎸佽瘉鏃呮父" prop="certificate">
+          <el-select v-model="formDat.certificate" placeholder="璇烽�夋嫨璇佷欢" clearable :style="{width: '80%'}" >
+            <el-option label="灞呮皯韬唤璇�" value="灞呮皯韬唤璇�"></el-option>
+            <el-option label="涓存椂韬唤璇�" value="涓存椂韬唤璇�"></el-option>
+            <el-option label="鎴峰彛鏈�" value="鎴峰彛鏈�"></el-option>
+            <el-option label="鎶ょ収" value="鎶ょ収"></el-option>
+            <el-option label="瀛︾敓璇�" value="瀛︾敓璇�"></el-option>
+          </el-select>
+        </el-form-item>
+        <!-- <el-form-item label="璐圭敤" prop="totalPrice">
+          <el-input v-model="formDat.totalPrice" placeholder="璇疯緭鍏ユ�诲叡璐圭敤" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item> -->
+        <el-form-item label="鍏垂/鑷垂" prop="self">
+          <el-select v-model="formDat.self" 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="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="#"
+          list-type="picture-card"
+          multiple
+          :http-request="requestUpload"
+          :file-list="fileList"
+        >
+          <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]"
+            >
+            <span class="el-upload-list__item-actions">
+          <span
+            class="el-upload-list__item-preview"
+            @click="handlePictureCardPreview(file)"
           >
-            <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>
-      </el-row>
-      <!-- 搴忓彿銆佸熀閲�/鍙拌处銆佹椂闂淬�佹敹鍏�/鏀嚭銆佺敤閫斻�佷娇鐢ㄤ汉銆佺幇閲�/鑷姩鎵e垝銆佷綑棰濄�佺數瀛愭枃浠躲�佸娉� 鎿嶄綔-->
-      <!-- 杩欓噷鏈変釜familyList鏁扮粍 鏄湪data()涓畾涔夌殑 -->
-      <el-table v-loading="loading" :data="travelpriceList"  @selection-change="handleSelectionChange" @row-click="handleCheck" :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  label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/>
-  
-        <el-table-column label="璧�" prop="startTime" sortable width="100" align="center">
-          <template slot-scope="scope">{{scope.row.startTime? scope.row.startTime: '鈥斺�斺�斺��'}}</template>
-        </el-table-column>
-        <el-table-column label="姝�" prop="endTime" sortable width="100" align="center">
-          <template slot-scope="scope">{{scope.row.endTime? scope.row.endTime: '鈥斺�斺�斺��'}}</template>
-        </el-table-column>
-        <el-table-column label="鎬诲ぉ鏁�" prop="totalDay" sortable width="100" />
-        <el-table-column label="鏍囬" prop="title" sortable width="100" />
-        
-        <el-table-column label="鎬婚噾棰�" prop="totalCost" sortable width="100" />
-        <el-table-column label="椁愯垂" prop="eat" sortable width="100" />
-        <el-table-column label="浣忓" prop="stay" sortable width="100" />
-        <el-table-column label="浜ら��" prop="traffic" sortable width="100" />
-        <el-table-column label="闂ㄧエ" prop="entrance" sortable width="100" />
-        <el-table-column label="璐墿" prop="shopping" sortable width="100" />
+            <i class="el-icon-zoom-in"></i>
+          </span>
 
-        
-        <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:economy: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:economy: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"
-              @click="handleShow(scope.row)"
-            >鏌ョ湅鏄庣粏</el-button>
+          <span
+            v-if="!disabled"
+            class="el-upload-list__item-delete"
+            @click="handleRemove(file)"
+          >
+            <i class="el-icon-delete"></i>
+          </span>
+        </span>
+
+
+          </div>
+        </el-upload>
+        <h4 class="form-header">鍏朵粬闄勪欢 </h4>
+        <el-upload
+          action=""
+          :file-list="fileListOther"
+          class="upload-demo"
+          multiple
+
+          :on-remove="handleRemove"
+          :http-request="requestUpload"
+          :show-file-list="true"
+        >
+          <el-button type="primary">涓婁紶</el-button>
+          <template #tip>
+            <div class="el-upload__tip">
+            </div>
           </template>
-        </el-table-column>
-      </el-table>
+        </el-upload>
 
-      <el-dialog :title="title" :visible.sync="openDataScope" width="1000px"  append-to-body>
+      </el-form>
+      <el-form ref="elForm1" :model="formDat1" :rules="rules1" size="medium" label-width="100px">
+        <h4 class="form-header">璐圭敤鏄庣粏 </h4>
+        <el-form-item label="鍐呭" prop="content">
+          <el-input v-model="formDat1.content" placeholder="璇疯緭鍏ュ唴瀹�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="浣忓璐圭敤" prop="stay">
+          <el-input v-model="formDat1.stay" placeholder="璇疯緭鍏ヤ綇瀹胯垂鐢�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="浜ら�氳垂鐢�" prop="traffic">
+          <el-input v-model="formDat1.traffic" placeholder="璇疯緭鍏ヤ氦閫氳垂鐢�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="椁愯垂" prop="eat">
+          <el-input v-model="formDat1.eat" placeholder="璇疯緭鍏ラ璐圭敤" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="璐墿璐圭敤" prop="shopping">
+          <el-input v-model="formDat1.shopping" placeholder="璇疯緭鍏ヨ喘鐗╄垂鐢�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="闂ㄧエ璐圭敤" prop="entrance">
+          <el-input v-model="formDat1.entrance" placeholder="璇疯緭鍏ラ棬绁ㄨ垂鐢�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
 
-        <el-table v-loading="loading" :data="travelpriceList[detailList]" @selection-change="handleSelectionChange" @row-click="handleCheck" :row-class-name="tableRowClassName" >
-          <el-table-column type="selection" width="55"  align="center" />
+      </el-form>
+      <h4 class="form-header"> </h4>
 
-          <el-table-column  label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/>
-          <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="content" sortable :show-overflow-tooltip="true" width="150" />
-          <el-table-column label="鎬婚噾棰�" prop="totalcost" sortable :show-overflow-tooltip="true" width="150" />
-          <el-table-column label="椁愯垂" prop="eat" sortable :show-overflow-tooltip="true" width="150" />
-          <el-table-column label="浣忓" prop="stay" sortable :show-overflow-tooltip="true" width="150" />
-          <el-table-column label="浜ら��" prop="traffic" sortable :show-overflow-tooltip="true" width="150" />
-          <el-table-column label="闂ㄧエ" prop="entrance" sortable :show-overflow-tooltip="true" width="150" />
-          <el-table-column label="璐墿" prop="shopping" sortable :show-overflow-tooltip="true" width="150" />
-          <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:property:info']"
-              >淇敼</el-button>
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-delete"
-                @click="handleDelete(scope.row)"
-                v-hasPermi="['system:role:remove']"
-              >鍒犻櫎</el-button>
-            </template>
-          </el-table-column>  
-        </el-table>
-        
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitDataScope">纭� 瀹�</el-button>
+        <el-button @click="cancelData">鍙� 娑�</el-button>
+      </div>
+    </el-dialog>
 
-        <pagination
-          v-show="total>0"
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-          
-        />
-   
+    <!-- 鍒嗛厤瑙掕壊鏁版嵁鏉冮檺瀵硅瘽妗� -->
+    <el-dialog :title="title" :visible.sync="openDataScope" width="500px" append-to-body>
 
     </el-dialog>
-             
-      <pagination
-        v-show="total>0"
-        :total="total"
-        :page.sync="queryParams.pageNum"
-        :limit.sync="queryParams.pageSize"
-        @pagination="getList"
-        style="background: #FEF7FC;"
-      />
-  
-      <!-- 娣诲姞鎴栦慨鏀硅祫浜т俊鎭厤缃璇濇 -->
 
-      <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="happenTime">
-            <el-date-picker
-              v-model='formDat.happenTime'
-              type='date'
-              placeholder='閫夋嫨鏃ユ湡'
-            ></el-date-picker>
-          </el-form-item>
-          <el-form-item label="鏀跺叆/鏀嚭" prop="price">
-            <el-select v-model="formDat.price" 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="balance">
-            <el-input v-model="formDat.balance" placeholder="璇疯緭鍏ヤ綑棰�" clearable :style="{width: '100%'}" >
-            </el-input>
-          </el-form-item>
-          <el-form-item label="鐢ㄩ��" prop="useFor">
-            <el-input v-model="formDat.useFor" placeholder="璇疯緭鍏ョ敤閫�" clearable :style="{width: '100%'}" >
-            </el-input>
-          </el-form-item>
-          <el-form-item label="浣跨敤浜�" prop="usePeople">
-            <el-input v-model="formDat.usePeople" placeholder="璇疯緭鍏ヤ娇鐢ㄤ汉" clearable :style="{width: '100%'}" >
-            </el-input>
-          </el-form-item>
-          <el-form-item label="鏀粯鏂瑰紡" prop="kind">
-            <el-input v-model="formDat.kind" 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="#"
-            list-type="picture-card"
-            multiple
-            :http-request="requestUpload"
-            :file-list="fileList"
-          >
-            <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]"
-              >
-              <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>
-  
-  
-            </div>
-          </el-upload>
-          <h4 class="form-header">鍏朵粬闄勪欢 </h4>
-          <el-upload
-            action=""
-            :file-list="fileListOther"
-            class="upload-demo"
-            multiple
-  
-            :on-remove="handleRemove"
-            :http-request="requestUpload"
-            :show-file-list="true"
-          >
-            <el-button type="primary">涓婁紶</el-button>
-            <template #tip>
-              <div class="el-upload__tip">
-              </div>
-            </template>
-          </el-upload>
-  
-        </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>
-  
-    </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";
-  
-  
-  
-  //鍦╯ystem/note/index.js涓鍏ユ帴鍙e嚱鏁�  --鎺ュソ浜�
-  import {listTravelPrice,enload,getTravelPriceInfo,delTravelPrice, addTravelPrice, uploadPic} from "@/api/travel/index";
-  
-  export default {
-    name: "Role",
-    dicts: ['sys_normal_disable'],
-    data() {
-      return {
-        // 閬僵灞�
-        disabled: false,
-        loading: true,
-        formData:[],
-        // 閫変腑鏁扮粍
-        ids: [],
-        // 闈炲崟涓鐢�
-        single: true,
-        // 闈炲涓鐢�
-        multiple: true,
-        // 鏄剧ず鎼滅储鏉′欢
-        showSearch: true,
-        // 鎬绘潯鏁�
-        total: 0,
-        // 瀹跺ぇ浜嬭琛ㄦ牸鏁版嵁
-        travelpriceList: [],
-        // 寮瑰嚭灞傛爣棰�
-        title: "",
-        // 鏄惁鏄剧ず寮瑰嚭灞�
-        open: false,
-        // 鏄惁鏄剧ず寮瑰嚭灞傦紙鏁版嵁鏉冮檺锛�
-        openDataScope: false,
-        menuExpand: false,
-        menuNodeAll: false,
-        deptExpand: true,
-        deptNodeAll: false,
-        // 鏃ユ湡鑼冨洿
-        dateRange: [],
-        // 鏁版嵁鑼冨洿閫夐」
-        fot:[".jpg",".jif"],
-        fileList:[
-        ],
-        fileListOther:[
-  
-        ],
-        dsb:true,
-        btn:false,
-        formDat: {
-          type: undefined,
-          createTime: undefined,
-          useFor: undefined,
-          usePeople: undefined,
-          kind:undefined,
-          remark: undefined,
-          url: undefined,
+  </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";
+
+
+
+//鍦╯ystem/note/index.js涓鍏ユ帴鍙e嚱鏁�  --鎺ュソ浜�
+import {addTravelBase,listTravelPrice,getTravelBaseInfo,listTravelBase,enload,delTravelBase, uploadPic,updateTravelPrice} from "@/api/travel/index";
+
+export default {
+  name: "Role",
+  dicts: ['sys_normal_disable'],
+  data() {
+    return {
+      // 閬僵灞�
+      disabled: false,
+      loading: true,
+      formData:[],
+      // 閫変腑鏁扮粍
+      ids: [],
+      // 闈炲崟涓鐢�
+      single: true,
+      // 闈炲涓鐢�
+      multiple: true,
+      // 鏄剧ず鎼滅储鏉′欢
+      showSearch: true,
+      // 鎬绘潯鏁�
+      total: 0,
+      // 瀹跺ぇ浜嬭琛ㄦ牸鏁版嵁
+      travelBase: [],
+      detailList:[],
+      // 寮瑰嚭灞傛爣棰�
+      title: "",
+      // 鏄惁鏄剧ず寮瑰嚭灞�
+      open: false,
+      // 鏄惁鏄剧ず寮瑰嚭灞傦紙鏁版嵁鏉冮檺锛�
+      openDataScope: false,
+      menuExpand: false,
+      menuNodeAll: false,
+      deptExpand: true,
+      deptNodeAll: false,
+      // 鏃ユ湡鑼冨洿
+      dateRange: [],
+      // 鏁版嵁鑼冨洿閫夐」
+      fot:[".jpg",".jif"],
+      fileList:[
+      ],
+      fileListOther:[
+
+      ],
+      dsb:true,
+      btn:false,
+      formDat: {
+        people: undefined,
+        address: undefined,
+        happenTime: undefined,
+        title: undefined,
+        travelPeriod:undefined,
+        certificate: undefined,
+        totalPrice: undefined,
+        self: undefined,
+        remark: undefined,
+        url: undefined,
+      },
+      formDat1: {
+        eat: undefined,
+        stay: undefined,
+        traffic: undefined,
+        entrance: undefined,
+        shopping:undefined,
+        content: undefined,
+      },
+      formDat2: {
+        id: undefined,
+        detailList: undefined,
+      },
+      // 鑿滃崟鍒楄〃
+      menuOptions: [],
+      // 閮ㄩ棬鍒楄〃
+      deptOptions: [],
+      // 鏌ヨ鍙傛暟
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        type:undefined,
+        useFor:undefined,
+        usePeople:undefined,
+        createTime:undefined,
+        fid:undefined
+      },
+      // 琛ㄥ崟鍙傛暟
+      form: {},
+      defaultProps: {
+        children: "children",
+        label: "label"
+      },
+      // 琛ㄥ崟鏍¢獙
+      rules: {
+        people: [{
+          required: true,
+          message: '璇疯緭鍏ヤ汉鐗�',
+          trigger: 'blur'
+        }],
+
+        address: [{
+          required: true,
+          message: '璇疯緭鍏ュ湴鐐�',
+          trigger: 'blur'
+        }],
+        title: [{
+          required: true,
+          message: '璇疯緭鍏ユ爣棰�',
+          trigger: 'blur'
+        }],
+        travelPeriod: [{
+          required: true,
+          message: '璇疯緭鍏ユ梾鏈�',
+          trigger: 'blur'
+        }],
+        certificate: [{
+          required: true,
+          message: '璇疯緭鍏ヨ瘉浠�',
+          trigger: 'blur'
+        }],
+        happenTime: [{
+          required: true,
+          message: '璇烽�夋嫨鏃ユ湡閫夋嫨',
+          trigger: 'change'
+        }],
+        totalPrice: [{
+          required: true,
+          message: '璇烽�夋嫨璐圭敤',
+          trigger: 'blur'
+        }],
+        self: [{
+          required: true,
+          message: '璇烽�夋嫨鍏垂/鑷垂',
+          trigger: 'change'
+        }],
+
+      },
+      rules1: {
+        stay: [{
+          required: true,
+          message: '璇疯緭鍏ヤ汉鐗�',
+          trigger: 'blur'
+        }],
+
+        content: [{
+          required: true,
+          message: '璇疯緭鍏ュ湴鐐�',
+          trigger: 'blur'
+        }],
+        traffic: [{
+          required: true,
+          message: '璇疯緭鍏ユ爣棰�',
+          trigger: 'blur'
+        }],
+        entrance: [{
+          required: true,
+          message: '璇疯緭鍏ユ梾鏈�',
+          trigger: 'blur'
+        }],
+        eat: [{
+          required: true,
+          message: '璇疯緭鍏ヨ瘉浠�',
+          trigger: 'blur'
+        }],
+        shopping: [{
+          required: true,
+          message: '璇烽�夋嫨鏃ユ湡閫夋嫨',
+          trigger: 'change'
+        }],
+
+      },
+      typeOptions: [
+        {
+          value: '0',
+          label: '鑷垂',
         },
-        // 鑿滃崟鍒楄〃
-        menuOptions: [],
-        // 閮ㄩ棬鍒楄〃
-        deptOptions: [],
-        // 鏌ヨ鍙傛暟
-        queryParams: {
-          pageNum: 1,
-          pageSize: 10,
-          type:undefined,
-          useFor:undefined,
-          usePeople:undefined,
-          createTime:undefined,
-  
+        {
+          value: '1',
+          label: '鍏垂',
+        }],
+      typeOptions1: [
+        {
+          value: '0',
+          label: '鐜伴噾',
         },
-        // 琛ㄥ崟鍙傛暟
-        form: {},
-        defaultProps: {
-          children: "children",
-          label: "label"
-        },
-        // 琛ㄥ崟鏍¢獙
-        rules: {
-          usePeople: [{
-            required: true,
-            message: '璇疯緭鍏ヤ娇鐢ㄤ汉',
-            trigger: 'blur'
-          }],
-  
-          useFor: [{
-            required: true,
-            message: '璇疯緭鍏ョ敤閫�',
-            trigger: 'blur'
-          }],
-          type: [{
-            required: true,
-            message: '璇疯緭鍏ュ彴璐﹀唴瀹�',
-            trigger: 'blur'
-          }],
-          balance: [{
-            required: true,
-            message: '璇疯緭鍏ラ噾棰�',
-            trigger: 'blur'
-          }],
-          kind: [{
-            // required: true,
-            message: '璇疯緭鍏ユ敮浠樻柟寮�',
-            trigger: 'blur'
-          }],
-          createTime: [{
-            required: true,
-            message: '璇烽�夋嫨鏃ユ湡閫夋嫨',
-            trigger: 'change'
-          }],
-          price: [{
-            required: true,
-            message: '璇烽�夋嫨浜嬮」鍐呭',
-            trigger: 'blur'
-          }],
-        },
-        typeOptions: [
-          {
-            value: '鏀跺叆',
-            label: '鏀跺叆',
-          },
-          {
-            value: '鏀嚭',
-            label: '鏀嚭',
-          }],
-        typeOptions1: [
-          {
-            value: '0',
-            label: '鐜伴噾',
-          },
-          {
-            value: '1',
-            label: '鑷姩鎵e垝',
-          }
-        ],
-      };
+        {
+          value: '1',
+          label: '鑷姩鎵e垝',
+        }
+      ],
+    };
+  },
+  created() {
+
+
+    const id = this.$route.params && this.$route.params.id;
+    this.getList1();
+    this.getList(id);
+
+  },
+  methods: {
+
+    //鍩洪噾/鍙拌处鐨勯�夋嫨
+    getSrc1(type) {
+      if (type === 0) {
+        return '鍩洪噾'
+      }else {
+        return '鍙拌处'
+      }
     },
-    created() {
+
+    getSrc2(kind) {
+      if (kind == 0) {
+        return '鐜伴噾'
+      }else  {
+        return '鑷姩鎵e垝'
+      }
+    },
+
+    // 鍙栨秷鎸夐挳
+    cancelData() {
+      this.open = false;
+      this.reset();
+    },
+
+    //闅旇鍙樿壊
+    tableRowClassName({ row, rowIndex }) {
+      if (rowIndex % 2 == 0) {
+        return "statistics-warning-row1";
+      } else {
+        return "statistics-warning-row";
+      }
+    },
+
+    /** 鏌ヨ瑙掕壊鍒楄〃 */
+    //鍒楄〃鏄剧ず瀹跺ぇ浜嬭
+
+
+    getList(fid) {
+      this.loading = true;
+      this.queryParams.fid = fid
+      this.queryParams.happenStartTime = this.dateRange.length > 0 && this.dateRange[0]
+      this.queryParams.happenEndTime = this.dateRange.length > 0 && this.dateRange[1]
+
+      // console.log(this.queryParams)
+      //  listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+      listTravelBase(this.queryParams).then(response => {
+          //  alert(123)
+          //   console.log(response.data)
+          this.travelBase = response.data.data;
+          // console.log(this.travelBase)
+          this.total = response.data.total;
+          this.loading = false;
+        }
+      );
+
+    },
+    getList1() {
+      this.loading = true;
+      const id = this.$route.params && this.$route.params.id;
+      return new Promise((resolve, reject) => {
+        listTravelPrice(this.queryParams).then(response => {
+          // console.log(response.data.data);
+          const filteredData = response.data.data.find(item => item.id === id);
+          this.total = response.data.total;
+          this.loading = false;
+          const detailList = filteredData.detailList;
+          // console.log(detailList);
+          resolve(detailList);
+        }).catch(error => {
+          console.error("璇锋眰閿欒:", error);
+          reject(error);
+        });
+      });
+    },
+    handleRemove(file) {
+      for(let i = 0; i < this.fileListOther.length; i++)
+      {
+        if(this.fileListOther[i].url==file.url)
+          this.$delete(this.fileListOther,i);
+      }
+    },
+
+    // 鍙栨秷鎸夐挳
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    getRowId(row)
+    {
+      return row.id
+    },
+    // 鍙栨秷鎸夐挳锛堟暟鎹潈闄愶級
+    cancelDataScope() {
+      this.openDataScope = false;
+      this.reset();
+    },
+    // 琛ㄥ崟閲嶇疆
+    reset() {
+      if (this.$refs.menu != undefined) {
+        this.$refs.menu.setCheckedKeys([]);
+      }
+      this.menuExpand = false,
+        this.menuNodeAll = false,
+        this.deptExpand = true,
+        this.deptNodeAll = false,
+        this.form = {
+          roleId: undefined,
+          roleName: undefined,
+          roleKey: undefined,
+          roleSort: 0,
+          status: "0",
+          menuIds: [],
+          deptIds: [],
+          menuCheckStrictly: true,
+          deptCheckStrictly: true,
+          remark: undefined
+        };
+      this.resetForm("form");
+    },
+    /** 鎼滅储鎸夐挳鎿嶄綔 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
       this.getList();
-  
     },
-    methods: {
-  
-      //鍩洪噾/鍙拌处鐨勯�夋嫨
-      getSrc1(type) {
-        if (type === 0) {
-          return '鍩洪噾'
-        }else {
-          return '鍙拌处'
-        }
-      },
-  
-      getSrc2(kind) {
-        if (kind == 0) {
-          return '鐜伴噾'
-        }else  {
-          return '鑷姩鎵e垝'
-        }
-      },
-  
-      // 鍙栨秷鎸夐挳
-      cancelData() {
-        this.open = false;
-        this.reset();
-      },
-  
-      //闅旇鍙樿壊
-      tableRowClassName({ row, rowIndex }) {
-        if (rowIndex % 2 == 0) {
-          return "statistics-warning-row1";
-        } else {
-          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)
-        //  listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
-  
-          listTravelPrice(this.queryParams).then(response => {
-            //  alert(123)
-            //   console.log(response.data)
-            this.travelpriceList = response.data.data;
-  
-            this.total = response.data.total;
-            this.loading = false;
-          }
-        );
-      },
-      handleRemove(file) {
-        for(let i = 0; i < this.fileListOther.length; i++)
-        {
-          if(this.fileListOther[i].url==file.url)
-            this.$delete(this.fileListOther,i);
-        }
-      },
+    /** 閲嶇疆鎸夐挳鎿嶄綔 */
+    resetQuery() {
+      this.dateRange = [];
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 澶氶�夋閫変腑鏁版嵁
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      console.log(this.ids)
+      this.single = selection.length!=1
+      this.multiple = !selection.length
+    },
 
-      // 鍙栨秷鎸夐挳
-      cancel() {
-        this.open = false;
-        this.reset();
-      },
-      getRowId(row)
-      {
-        return row.id
-      },
-      // 鍙栨秷鎸夐挳锛堟暟鎹潈闄愶級
-      cancelDataScope() {
-        this.openDataScope = false;
-        this.reset();
-      },
-      // 琛ㄥ崟閲嶇疆
-      reset() {
-        if (this.$refs.menu != undefined) {
-          this.$refs.menu.setCheckedKeys([]);
+    /** 鏂板鎸夐挳鎿嶄綔 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "娣诲姞姣忔棩琛岀▼鍐呭";
+    },
+
+
+    /** 鏌ョ湅璇︾粏淇℃伅 */
+    handleCheck(row){
+      const id = row.id;
+      this.$router.push("/self/travel/travelInfo/" + id);
+    },
+    /** 淇敼鎸夐挳鎿嶄綔 */
+    handleUpdate(row) {
+      const id = row.id;
+      let jd = true
+
+      this.$router.push({
+        path:"/self/travel/travelInfo/" + id,
+        query:{
+          detail:jd
         }
-        this.menuExpand = false,
-          this.menuNodeAll = false,
-          this.deptExpand = true,
-          this.deptNodeAll = false,
-          this.form = {
-            roleId: undefined,
-            roleName: undefined,
-            roleKey: undefined,
-            roleSort: 0,
-            status: "0",
-            menuIds: [],
-            deptIds: [],
-            menuCheckStrictly: true,
-            deptCheckStrictly: true,
-            remark: undefined
-          };
-        this.resetForm("form");
-      },
-      /** 鎼滅储鎸夐挳鎿嶄綔 */
-      handleQuery() {
-        this.queryParams.pageNum = 1;
-        this.getList();
-      },
-      /** 閲嶇疆鎸夐挳鎿嶄綔 */
-      resetQuery() {
-        this.dateRange = [];
-        this.resetForm("queryForm");
-        this.handleQuery();
-      },
-      // 澶氶�夋閫変腑鏁版嵁
-      handleSelectionChange(selection) {
-        this.ids = selection.map(item => item.id)
-        console.log(this.ids)
-        this.single = selection.length!=1
-        this.multiple = !selection.length
-      },
-  
-      /** 鏂板鎸夐挳鎿嶄綔 */
-      handleAdd() {
-        this.reset();
-        this.open = true;
-        this.title = "娣诲姞瀹跺涵鏀舵敮鍙拌处";
-      },
-  
-  
-      /** 鏌ョ湅璇︾粏淇℃伅 */
-      handleCheck(row){
-        const id = row.id;
-        this.$router.push("/familymodel/economy/economyInfo/" + id);
-      },
-      /** 淇敼鎸夐挳鎿嶄綔 */
-      handleUpdate(row) {
-        const id = row.id;
-        let jd = true
-  
-        this.$router.push({
-          path:"/familymodel/economy/economyInfo/" + id,
-          query:{
-            detail:jd
-          }
-        });
-      },
-  
-  
-      handlePictureCardPreview(file) {
-        this.dialogImageUrl = file.url;
-        this.dialogVisible = true;
-      },
-      /** 鎻愪氦鎸夐挳锛堟暟鎹潈闄愶級 */
-      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) {
-  
-            addEconomy(this.formDat).then(response => {
-              this.$modal.msgSuccess("鏂板鎴愬姛");
-              this.open = false;
-              this.getList();
-            });
-          }
-        });
-      },
-      requestUpload(params)
-      {
-        var file = params.file;
-        var formData = new FormData();
-        formData.append('uploadFile', file);
-        let _this = this
-  
-        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})
-  
-          }
-        })
-  
-      },
-      /** 鍒犻櫎鎸夐挳鎿嶄綔 */
-      handleDelete(row) {
-        const Ids = row.id || this.ids;
-        this.$modal.confirm('鏄惁纭鍒犻櫎搴忓彿涓�"' + Ids + '"鐨勬暟鎹」锛�').then(function() {
-          return delEconomy(Ids);
-        }).then(() => {
-          this.getList();
-          this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-        }).catch(() => {});
-      },
-      /** 瀵煎嚭鎸夐挳鎿嶄綔 */
-      handleExport() {
-        const Ids = this.ids;
-  
-        if(Ids.length==0)
+      });
+    },
+
+
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+    /** 鎻愪氦鎸夐挳锛堟暟鎹潈闄愶級 */
+    submitDataScope: async function() {
+      this.formDat2.detailList = [];
+      console.log("璋冭瘯");
+      console.log(this.formDat2.detailList);
+      await this.getList1().then(detailList => {
+        this.formDat2.detailList = detailList;
+        console.log(this.formDat2.detailList);
+      });
+
+      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
+      const fid = this.$route.params && this.$route.params.id;
+      this.formDat.feeId = this.$route.params && this.$route.params.id;
+      this.formDat1.happenTime = this.formDat.happenTime;
+      this.formDat2.detailList.push(this.formDat1);
+      this.formDat2.id = this.$route.params && this.$route.params.id;
+      const stay = parseFloat(this.formDat1.stay);
+      const traffic = parseFloat(this.formDat1.traffic);
+      const eat = parseFloat(this.formDat1.eat);
+      const shopping = parseFloat(this.formDat1.shopping);
+      const entrance = parseFloat(this.formDat1.entrance);
+
+      const totalPrice = stay + traffic + eat + shopping + entrance;
+      console.log("鎬昏垂鐢�");
+      console.log(totalPrice);
+      this.formDat.totalPrice=totalPrice;
+      console.log("111");
+      console.log(this.formDat2)
+
+      this.$refs["elForm"].validate(valid => {
+        if (valid) {
+
+          addTravelBase(this.formDat).then(response => {
+            this.$modal.msgSuccess("鏂板鎴愬姛");
+            this.open = false;
+            this.getList(fid);
+          });
+
+        }
+      });
+      this.$refs["elForm1"].validate(valid => {
+        if (valid) {
+
+
+          updateTravelPrice(this.formDat2).then(response => {
+            this.$modal.msgSuccess("璐圭敤鏂板鎴愬姛");
+            this.open = false;
+          });
+
+        }
+      });
+    },
+    requestUpload(params)
+    {
+      var file = params.file;
+      var formData = new FormData();
+      formData.append('uploadFile', file);
+      let _this = this
+
+      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})
+
+        }
+      })
+
+    },
+    /** 鍒犻櫎鎸夐挳鎿嶄綔 */
+    async handleDelete(row) {
+      const Ids = row.id || this.ids;
+      const id = row.id || this.ids;
+
+      try {
+        const response = await getTravelBaseInfo(id);
+        const baseDate = response.data.totalPrice;
+        console.log("112");
+        console.log(baseDate);
+
+        const detailList = await this.getList1();
+        this.detailList = detailList;
+        console.log(this.detailList);
+
+        const targetTotalCost = baseDate; // 鐩爣 totalCost 鍊�
+        let targetId = null; // 鐩爣鏁版嵁鐨� id
+
+        for (const detail of this.detailList) {
+          if (detail.totalCost === targetTotalCost) {
+            targetId = detail.id;
+            console.log(targetId);
+            break;
+          }
+        }
+
+        const detailList2 = this.detailList.filter((detail) => detail.id !== targetId);
+        console.log(detailList2);
+        const formDat3 = {}
+        formDat3.detailList = detailList2
+        const id2 = this.$route.params && this.$route.params.id;
+        console.log(id2);
+        formDat3.id = id2;
+        console.log(formDat3);
+        await updateTravelPrice(formDat3);
+        this.open = false;
+
+        await delTravelBase(Ids);
+        const fid = this.queryParams.fid
+        this.getList(fid);
+        this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+      } catch (error) {
+        console.error(error);
+      }
+    },
+//     async handleDelete(row) {
+//       const Ids = row.id || this.ids;
+//       const id = row.id ||this.ids
+//       await getTravelBaseInfo(id).then(async (response) => {
+//       const baseDate = response.data.totalPrice;
+//       console.log("112");
+//       console.log(baseDate);
+
+//       // 鑾峰彇璇︾粏鍒楄〃
+//       await this.getList1().then((detailList) => {
+//         this.detailList = detailList;
+//         console.log(this.detailList);
+
+//         const targetTotalCost = baseDate; // 鐩爣 totalCost 鍊�
+//         let targetId = null; // 鐩爣鏁版嵁鐨� id
+
+//         for (const detail of this.detailList) {
+//           if (detail.totalCost === targetTotalCost) {
+//             targetId = detail.id;
+//             console.log(targetId);
+//             break;
+//           }
+//         }
+//         const detailList2 = [...this.detailList].filter((detail) => {
+//         return detail.id !== targetId;
+//          });
+//         console.log(detailList2);
+//         const id2 = this.$route.params && this.$route.params.id;
+//         console.log(id2);
+//         detailList2.id = id2
+//         console.log(typeof detailList2);
+//         debugger
+//         updateTravelPrice(detailList2).then(response => {
+//             this.open = false;
+//           });
+//   });
+// });
+//       this.$modal.confirm('鏄惁纭鍒犻櫎鎵�閫夋暟鎹」锛�').then(function() {
+//         return delTravelBase(Ids);
+
+//       }).then(() => {
+//         this.getList(fid);
+//         this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+//       }).catch(() => {});
+//     },
+    /** 瀵煎嚭鎸夐挳鎿嶄綔 */
+    handleExport() {
+      const Ids = this.ids;
+
+      if(Ids.length==0)
+      {
         this.download('/zfEconomy/export', {
           ...this.queryParams
         }, `zfEconomy_${new Date().getTime()}.xlsx`)
-        }else
-        {
-          this.download('/zfEconomy/export1/'+Ids, {
-          }, `zfEconomy_${new Date().getTime()}.xlsx`)
-        }
+      }else
+      {
+        this.download('/zfEconomy/export1/'+Ids, {
+        }, `zfEconomy_${new Date().getTime()}.xlsx`)
       }
+    }
     ,
     handleExportTemplate(){
-        this.download('/zfEconomy/model', {
-  
-        }, `zfEconomy_${new Date().getTime()}.xlsx`)
+      this.download('/zfEconomy/model', {
+
+      }, `zfEconomy_${new Date().getTime()}.xlsx`)
     },
     /** 瀵煎叆鎿嶄綔*/
     handleEnport(params){
@@ -689,33 +886,32 @@
       enload(formData).then(response => {
         _this.getList();
         Message({ message: "瀵煎叆鎴愬姛", type: 'warning' })
-  
+
       }).catch(err)
       {
         Message({ message: "瀵煎叆澶辫触", type: 'error' })
       }
-  
+
     }
-    },
- 
-  //  寮圭獥
+  },
+
+//  寮圭獥
   handleShow(scope){
 
     this.openDataScope = true
     this.getList()
-                        }
+  }
 
-  };
-  </script>
-  
-  <style>
-  .el-table__row.statistics-warning-row {
-    background: #E0EEFE;
-  
-  }
-  .el-table__row.statistics-warning-row1 {
-    background: #FFEFF2;
-  
-  }
-  </style>
-  
\ No newline at end of file
+};
+</script>
+
+<style>
+.el-table__row.statistics-warning-row {
+  background: #E0EEFE;
+
+}
+.el-table__row.statistics-warning-row1 {
+  background: #FFEFF2;
+
+}
+</style>

--
Gitblit v1.9.1