10.10 下班前的最后一舞
This commit is contained in:
parent
0c376945aa
commit
f2d0a6494a
@ -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/'
|
||||
|
||||
@ -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/'
|
||||
|
||||
@ -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/'
|
||||
|
||||
307
fuintAdmin/src/views/oilPrice/index.vue
Normal file
307
fuintAdmin/src/views/oilPrice/index.vue
Normal file
@ -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>
|
||||
Loading…
Reference in New Issue
Block a user