From f2d0a6494a75077587a949d116a4fc7be7fd9a5f Mon Sep 17 00:00:00 2001
From: user <2602926751@qq.com>
Date: Wed, 11 Oct 2023 18:34:24 +0800
Subject: [PATCH] =?UTF-8?q?10.10=20=E4=B8=8B=E7=8F=AD=E5=89=8D=E7=9A=84?=
 =?UTF-8?q?=E6=9C=80=E5=90=8E=E4=B8=80=E8=88=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fuintAdmin/.env.development             |   2 +-
 fuintAdmin/.env.production              |   2 +-
 fuintAdmin/.env.staging                 |   2 +-
 fuintAdmin/src/views/oilPrice/index.vue | 307 ++++++++++++++++++++++++
 4 files changed, 310 insertions(+), 3 deletions(-)
 create mode 100644 fuintAdmin/src/views/oilPrice/index.vue

diff --git a/fuintAdmin/.env.development b/fuintAdmin/.env.development
index 13f6cd034..574c4843d 100644
--- a/fuintAdmin/.env.development
+++ b/fuintAdmin/.env.development
@@ -11,4 +11,4 @@ VUE_APP_BASE_API = '/dev-api'
 VUE_APP_PUBLIC_PATH = '/'
 
 # 后端接口地址
-VUE_APP_SERVER_URL = 'http://192.168.1.4:8080/'
+VUE_APP_SERVER_URL = 'http://192.168.1.5:8080/'
diff --git a/fuintAdmin/.env.production b/fuintAdmin/.env.production
index 0f63273d9..90bc2956b 100644
--- a/fuintAdmin/.env.production
+++ b/fuintAdmin/.env.production
@@ -11,4 +11,4 @@ VUE_APP_BASE_API = '/fuint-application/'
 VUE_APP_PUBLIC_PATH = '/fuintAdmin/'
 
 # 后端接口地址
-VUE_APP_SERVER_URL = 'http://192.168.1.4:8080/'
+VUE_APP_SERVER_URL = 'http://192.168.1.5:8080/'
diff --git a/fuintAdmin/.env.staging b/fuintAdmin/.env.staging
index 2c8784644..dbd3232c0 100644
--- a/fuintAdmin/.env.staging
+++ b/fuintAdmin/.env.staging
@@ -11,4 +11,4 @@ VUE_APP_BASE_API = '/stage-api'
 VUE_APP_PUBLIC_PATH = '/'
 
 # 后端接口地址
-VUE_APP_SERVER_URL = 'http://192.168.1.4:8080/'
+VUE_APP_SERVER_URL = 'http://192.168.1.5:8080/'
diff --git a/fuintAdmin/src/views/oilPrice/index.vue b/fuintAdmin/src/views/oilPrice/index.vue
new file mode 100644
index 000000000..a1b2ee54c
--- /dev/null
+++ b/fuintAdmin/src/views/oilPrice/index.vue
@@ -0,0 +1,307 @@
+<template>
+  <div class="app-container">
+    <el-card  style="margin-bottom: 20px">
+      <div slot="header" class="clearfix">
+        <span>油价配置</span>
+      </div>
+      <el-button type="primary" @click="dialogFormVisible = true">新增油号</el-button>
+      <div class="top-box">
+        <!--              循环-->
+        <div class="oil-box" v-for="(item,index) in 9 " :key="index" >
+          <div class="top-icon">
+            <div>启用</div>
+          </div>
+          <div class="box-icon"><i class="el-icon-edit" style="color:#409EFF; "></i></div>
+          <div class="box-title"> 汽油 92# </div>
+          <div class="between-box">
+            <div>油站价:</div>
+            <div><span class="jiacu">7.28元</span> /L</div>
+          </div>
+          <div class="between-box">
+            <div>国标价:</div>
+            <div> <span class="jiacu">7.28元</span>  /L</div>
+          </div>
+          <div class="between-box">
+            <div>最后更新时间:</div>
+            <div> 2023-07-18 17:55:02 </div>
+          </div>
+        </div>
+      </div>
+    </el-card>
+    <el-card  style="margin-bottom: 20px">
+      <div slot="header" class="clearfix">
+        <span>预设油价记录</span>
+      </div>
+      <el-button type="success">新增预设油价</el-button>
+      <div class="table-box">
+        <el-table
+          :data="tableData"
+          style="width: auto">
+          <el-table-column
+            prop="date"
+            label="日期"
+            width="300">
+          </el-table-column>
+          <el-table-column label="配送信息" style="width: 100%">
+            <el-table-column
+              prop="name"
+              label="姓名"
+              width="300">
+            </el-table-column>
+            <el-table-column label="地址">
+              <el-table-column
+                prop="province"
+                label="省份"
+                width="120">
+              </el-table-column>
+              <el-table-column
+                prop="city"
+                label="市区"
+                width="300">
+              </el-table-column>
+              <el-table-column
+                prop="address"
+                label="地址"
+                width="300">
+              </el-table-column>
+              <el-table-column
+                prop="zip"
+                label="邮编"
+                width="300">
+              </el-table-column>
+            </el-table-column>
+          </el-table-column>
+        </el-table>
+      </div>
+
+    </el-card>
+    <el-dialog title="添加" :visible.sync="dialogFormVisible">
+      <el-form :model="form">
+        <el-form-item label="油品类型">
+          <el-radio-group v-model="form.resource">
+            <el-radio label="汽油"></el-radio>
+            <el-radio label="柴油"></el-radio>
+            <el-radio label="天然气"></el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-row :gutter="24">
+          <el-col :span="12">
+            <el-form-item label="油品名称">
+              <el-select v-model="form.region" placeholder="请选择活动区域">
+                <el-option label="名称一" value="shanghai"></el-option>
+                <el-option label="名称二" value="beijing"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="计价单位">
+              <el-select v-model="form.region" placeholder="请选择活动区域">
+                <el-option label="单位一" value="shanghai"></el-option>
+                <el-option label="单位二" value="beijing"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+<!--        -->
+        <el-row :gutter="24">
+          <el-col :span="12">
+            <el-form-item label="油品单价">
+              <el-input v-model="form.name"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="国际价格">
+              <el-input v-model="form.name"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="收款单位">
+          <el-radio-group v-model="form.resource">
+            <el-radio label="元"></el-radio>
+            <el-radio label="计价单位"></el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <div class="hui-seiz">点击油品输入的计算单位、可默认元或计价单位(L/m³/kg),页面也可自行切换</div>
+        <el-form-item label="状态">
+          <el-radio-group v-model="form.resource">
+            <el-radio label="启用"></el-radio>
+            <el-radio label="禁用"></el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="排序">
+          <el-input-number v-model="num" controls-position="right" @change="handleChange" :min="1" :max="10"></el-input-number>
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input type="textarea" v-model="form.desc"></el-input>
+        </el-form-item>
+
+
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'index',
+    data() {
+      return {
+        num: 1,
+        dialogFormVisible: false,
+        tableData: [{
+          date: '2016-05-03',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: 200333
+        }, {
+          date: '2016-05-02',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: 200333
+        }, {
+          date: '2016-05-04',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: 200333
+        }, {
+          date: '2016-05-01',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: 200333
+        }, {
+          date: '2016-05-08',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: 200333
+        }, {
+          date: '2016-05-06',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: 200333
+        }, {
+          date: '2016-05-07',
+          name: '王小虎',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: 200333
+        }],
+        form: {
+          name: '',
+          region: '',
+          date1: '',
+          date2: '',
+          delivery: false,
+          type: [],
+          resource: '',
+          desc: ''
+        },
+        formLabelWidth: '100px'
+      }
+    },
+    created() {
+    },
+    mounted() {
+    },
+    methods:{
+      handleChange(value) {
+        console.log(value);
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .app-container{
+    width: 100%;
+
+    background: #f6f8f9;
+  }
+  .top-box{
+    width: 100%;
+    box-sizing: border-box;
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .clearfix:before,
+  .clearfix:after {
+    display: table;
+    content: "";
+  }
+  .clearfix:after {
+    clear: both
+  }
+  .oil-box{
+    width: 24%;
+    box-sizing: border-box;
+    padding: 15px;
+    background: #f9f9f9;
+    border-radius: 8px;
+    margin-right: 15px;
+    margin-top: 10px;
+    font-size: 14px;
+    position: relative;
+    overflow: hidden;
+
+  }
+  .between-box{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: 10px auto;
+  }
+  .box-icon{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    cursor: pointer;
+  }
+  .box-title{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 18px;
+    font-weight: bold;
+  }
+  .jiacu{
+    font-weight: bold;
+  }
+  .top-icon{
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    background-color: #e1ecfc;
+    padding: 3px 7px;
+    color: #409eff;
+    font-size: 13px;
+    border-bottom-right-radius: 6px;
+  }
+  .table-box{
+    width: 100%;
+    margin: 20px auto;
+  }
+  .hui-seiz{
+    margin-left:60px;
+  }
+</style>