|
@@ -1,6 +1,6 @@
|
|
<template>
|
|
<template>
|
|
<div class="app-container">
|
|
<div class="app-container">
|
|
- <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="110px">
|
|
|
|
|
|
+ <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="120px">
|
|
<el-form-item label="支付模板" prop="payMode">
|
|
<el-form-item label="支付模板" prop="payMode">
|
|
<el-upload
|
|
<el-upload
|
|
action="http://localhost:8080/common/upload"
|
|
action="http://localhost:8080/common/upload"
|
|
@@ -12,6 +12,25 @@
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
</el-upload>
|
|
</el-upload>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <el-form-item label="油站名称" prop="stationId" >
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="ruleForm.stationId"
|
|
|
|
+ placeholder="请选择油站"
|
|
|
|
+ clearable
|
|
|
|
+ size="small"
|
|
|
|
+ @change="onInstitutionChang"
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in stationOptions"
|
|
|
|
+ :key="item.stationId"
|
|
|
|
+ :label="item.stationName"
|
|
|
|
+ :value="item.stationId"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="油站名称" v-show="false" prop="personnelName">
|
|
|
|
+ <el-input v-model="ruleForm.stationName" placeholder="请输入油站名称" />
|
|
|
|
+ </el-form-item>
|
|
<el-form-item label="支付页面形象照" >
|
|
<el-form-item label="支付页面形象照" >
|
|
<el-radio-group v-model="ruleForm.imagePhotosFlag">
|
|
<el-radio-group v-model="ruleForm.imagePhotosFlag">
|
|
<el-radio
|
|
<el-radio
|
|
@@ -47,16 +66,26 @@
|
|
>{{dict.dictLabel}}</el-radio>
|
|
>{{dict.dictLabel}}</el-radio>
|
|
</el-radio-group>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <el-form-item label="小票打印模板" >
|
|
|
|
+ <el-radio-group v-model="ruleForm.printSetting">
|
|
|
|
+ <el-radio
|
|
|
|
+ v-for="dict in printSettingOptions"
|
|
|
|
+ :key="dict.dictValue"
|
|
|
|
+ :label="dict.dictValue"
|
|
|
|
+ >{{dict.dictLabel}}</el-radio>
|
|
|
|
+ </el-radio-group>
|
|
|
|
+ </el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
- <el-button @click="cancel">取 消</el-button>
|
|
|
|
|
|
+<!-- <el-button @click="cancel">取 消</el-button>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import {addPay, updatePay,getStationPay} from "@/api/station/pay";
|
|
import {addPay, updatePay,getStationPay} from "@/api/station/pay";
|
|
|
|
+import {stationinfo} from "@/api/station/gun";
|
|
export default {
|
|
export default {
|
|
name: "Pay",
|
|
name: "Pay",
|
|
data() {
|
|
data() {
|
|
@@ -64,7 +93,9 @@ export default {
|
|
// 遮罩层
|
|
// 遮罩层
|
|
imagePhotosFlagOptions:[],
|
|
imagePhotosFlagOptions:[],
|
|
wsPrintFlagOptions:[],
|
|
wsPrintFlagOptions:[],
|
|
|
|
+ printSettingOptions:[],
|
|
cardEnabledFlagOptions:[],
|
|
cardEnabledFlagOptions:[],
|
|
|
|
+ stationOptions:[],
|
|
ruleForm:{
|
|
ruleForm:{
|
|
},
|
|
},
|
|
// 表单校验
|
|
// 表单校验
|
|
@@ -77,14 +108,26 @@ export default {
|
|
this.getDicts("image_photos_flag").then(response => {
|
|
this.getDicts("image_photos_flag").then(response => {
|
|
this.imagePhotosFlagOptions = response.data;
|
|
this.imagePhotosFlagOptions = response.data;
|
|
});
|
|
});
|
|
|
|
+ stationinfo().then(response => {
|
|
|
|
+ this.stationOptions = response.rows;
|
|
|
|
+ });
|
|
this.getDicts("ws_print_flag").then(response => {
|
|
this.getDicts("ws_print_flag").then(response => {
|
|
this.wsPrintFlagOptions = response.data;
|
|
this.wsPrintFlagOptions = response.data;
|
|
});
|
|
});
|
|
|
|
+ this.getDicts("print_setting_flag").then(response => {
|
|
|
|
+ this.printSettingOptions = response.data;
|
|
|
|
+ });
|
|
this.getDicts("card_enabled_flag").then(response => {
|
|
this.getDicts("card_enabled_flag").then(response => {
|
|
this.cardEnabledFlagOptions = response.data;
|
|
this.cardEnabledFlagOptions = response.data;
|
|
});
|
|
});
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ onInstitutionChang(e){
|
|
|
|
+ let obj = {};
|
|
|
|
+ obj = this.stationOptions.find((item)=>{//这里的userList就是上面遍历的数据源
|
|
|
|
+ return item.stationId === e;//筛选出匹配数据
|
|
|
|
+ })
|
|
|
|
+ },
|
|
/** 进入信息 */
|
|
/** 进入信息 */
|
|
look() {
|
|
look() {
|
|
getStationPay().then(response => {
|
|
getStationPay().then(response => {
|