12

src/api/user/oilSiteOilsPrice.js

@@ -16,6 +16,12 @@ export default {
       data: page
     })
   },
+  findByRelationId(id) { // 分页查询(调度管理)
+    return request({
+      url: `/${service_name}/saasPriceAppRelationRecord/findByRelationId/${id}`,
+      method: 'get'
+    })
+  },
   save(oilSiteOilsPrice) { // 保存
     return request({
       url: `/${service_name}/${group_name}/save`,

src/utils/request.js

@@ -163,9 +163,11 @@ service.interceptors.response.use(
                     type: "error",
                     duration: 5 * 1000
                 });
+              setTimeout(() => {
                 store.dispatch("user/resetToken").then(() => {
                     location.reload();
                 });
+              }, 2000);
                 // 排除自定义的车队返回结果状态码
             } else if (
                 res.code !== 20000 &&

src/views/site/oilSiteOilsPrice/OilSiteOilsPriceList.vue

@@ -132,6 +132,11 @@
                         <svg-icon icon-class="iconicon-" />调价策略
                       </el-button>
                     </el-dropdown-item>
+                    <el-dropdown-item @click.native="showHistoryFn(scope.row)">
+                      <el-button :size="$store.getters.size" type="text">
+                        <svg-icon icon-class="iconicon-" />变更历史
+                      </el-button>
+                    </el-dropdown-item>
                     <!-- <el-dropdown-item @click.native="getRecordList(scope.row.id)">
                       <el-button :size="$store.getters.size" type="text">
                         <svg-icon icon-class="iconicon-" />生效历史记录
@@ -153,7 +158,45 @@
           <!-- 分页组件结束 -->
         </div>
       </ListLayout>
-
+      <!-- 历史记录弹窗 -->
+      <el-dialog v-el-drag-dialog title="变更历史" :visible.sync="showHistory" width="55%">
+        <el-table :data="historyData" style="width: 100%">
+          <el-table-column prop="createTime" label="创建时间" />
+          
+          <el-table-column prop="name" label="基础个人价">
+            <template slot-scope="scope">
+              <div>
+                <div>上次 {{ scope.row.lastPersonalPriceBase }}</div>
+                <div>当前 {{ scope.row.afterPersonalPriceBase }}</div>
+              </div>
+              </template>
+          </el-table-column>
+          <el-table-column prop="address" label="个人价调价策略">
+            <template slot-scope="scope">
+              <div>
+                <div>上次 {{ scope.row.lastAppPriceStrategy }}</div>
+                <div>当前 {{ scope.row.afterAppPriceStrategy }}</div>
+              </div>
+              </template>
+          </el-table-column>
+          <el-table-column prop="address" label="应用个人价">
+            <template slot-scope="scope">
+              <div>
+                <div>上次 {{ scope.row.lastPrice }}</div>
+                <div>当前 {{ scope.row.finalPrice }}</div>
+              </div>
+              </template>
+          </el-table-column>
+          <el-table-column prop="address" label="创建人">
+            <template slot-scope="scope">
+              <div>
+                <div>{{ scope.row.createUserName }}</div>
+                <div> {{ scope.row.createUser }}</div>
+              </div>
+              </template>
+          </el-table-column>
+        </el-table>
+      </el-dialog>
       <!-- 导出弹窗 -->
       <el-dialog v-el-drag-dialog title="导出" :visible.sync="outPutDialog" width="20%">
         <OilSiteOilsPriceOutput :page="page" :dataPage="dataPage" v-if="outPutDialog"
@@ -221,6 +264,8 @@ export default {
   },
   data() {
     return {
+      showHistory: false,
+      historyData: [],
       userCompany: this.$store.getters.user.userCompany,
       mappingData: [
         {
@@ -359,14 +404,14 @@ export default {
           prop: "siteName",
           label: "油站名称",
           show: true,
-          minWidth:200,
+          minWidth: 200,
           render: (row, column, cell) => {
             let typeData = {
               type: row.globalEnable == 'ENABLE' ? 'success' : 'info',
               value: row.globalEnable == 'ENABLE' ? '启用' : '禁用'
             }
             return <div>
-              <el-tag  type={typeData.type} > {typeData.value} </el-tag>
+              <el-tag type={typeData.type} > {typeData.value} </el-tag>
               <span style='margin-left:20px'>{cell}</span>
               <br />
               {row.siteId}
@@ -581,6 +626,13 @@ export default {
       },
     },
   },
+  watch:{
+    showHistory(){
+      if(!n){
+        this.historyData = []
+      }
+    }
+  },
   created() {
     this.getByPage();
     oilVehicleOwnerApi.getOils().then((res) => {
@@ -594,6 +646,12 @@ export default {
     window.addEventListener("resize", this.getHeight, false);
   },
   methods: {
+    showHistoryFn(row) {
+      oilSiteOilsPriceApi.findByRelationId(row.id).then(res => {
+        this.historyData = res.data;
+        this.showHistory = true
+      })
+    },
     toOutPutPiliang() {
       if (this.multipleSelection.length < 1) {
         this.$message.warning('请至少选择一条数据')
@@ -643,7 +701,7 @@ export default {
     },
     modifyStrategy(id) {
       oilSiteOilsPriceApi.get(id.id).then((res) => {
-        this.oilSiteOilsPrice = res.data 
+        this.oilSiteOilsPrice = res.data
         // Object.assign(res.data, {
         //   personalPriceApp: id.personalPriceApp,
         //   personalPriceBase: id.personalPriceBase,