11.28
This commit is contained in:
parent
ef9c7611af
commit
ccc2aa0b0c
@ -115,7 +115,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 接收角色 -->
|
<!-- 接收角色 -->
|
||||||
<el-form-item label="接收角色" prop="recipientRoles" :required="true">
|
<el-form-item label="接收角色" prop="region" :required="true">
|
||||||
<el-select v-model="form.recipientRoles" multiple placeholder="请选择角色" style="width: 100%">
|
<el-select v-model="form.recipientRoles" multiple placeholder="请选择角色" style="width: 100%">
|
||||||
<el-option v-for="item in dutyList1" :label="item.dutyName" :value="item.dutyId"></el-option>
|
<el-option v-for="item in dutyList1" :label="item.dutyName" :value="item.dutyId"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
@ -216,8 +216,8 @@ export default {
|
|||||||
templateContent:[
|
templateContent:[
|
||||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||||
],
|
],
|
||||||
recipientRoles:[
|
region: [
|
||||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
{ required: true, message: '不能为空', trigger: 'change' }
|
||||||
],
|
],
|
||||||
conditions:[
|
conditions:[
|
||||||
{ required: true, message: '不能为空', trigger: 'blur' },
|
{ required: true, message: '不能为空', trigger: 'blur' },
|
||||||
@ -286,7 +286,11 @@ export default {
|
|||||||
|
|
||||||
this.$refs[formName].validate((valid) =>{
|
this.$refs[formName].validate((valid) =>{
|
||||||
this.form.recipientRoles = this.form.recipientRoles.toString()
|
this.form.recipientRoles = this.form.recipientRoles.toString()
|
||||||
this.form.conditions = JSON.stringify(this.form.conditions)
|
console.log(this.form.conditions[0].field,'123456')
|
||||||
|
if(this.form.conditions[0].field){
|
||||||
|
this.form.conditions = JSON.stringify(this.form.conditions)
|
||||||
|
}
|
||||||
|
|
||||||
if (valid) {
|
if (valid) {
|
||||||
// 表单验证通过,可以提交数据
|
// 表单验证通过,可以提交数据
|
||||||
this.open = false
|
this.open = false
|
||||||
@ -481,14 +485,14 @@ export default {
|
|||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 15px;
|
padding: 10px;
|
||||||
|
|
||||||
}
|
}
|
||||||
.cards-change{
|
.cards-change{
|
||||||
//height: 81vh;
|
//height: 81vh;
|
||||||
}
|
}
|
||||||
.table_box{
|
.table_box{
|
||||||
height: 73vh;
|
height: 74.5vh;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
scrollbar-width: none;
|
scrollbar-width: none;
|
||||||
}
|
}
|
||||||
|
@ -554,14 +554,14 @@ export default {
|
|||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 15px;
|
padding: 10px;
|
||||||
|
|
||||||
}
|
}
|
||||||
.cards-change{
|
.cards-change{
|
||||||
//height: 81vh;
|
//height: 81vh;
|
||||||
}
|
}
|
||||||
.table_box{
|
.table_box{
|
||||||
height: 73vh;
|
height: 74.5vh;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
scrollbar-width: none;
|
scrollbar-width: none;
|
||||||
}
|
}
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<!-- <img :src="logo" alt="Logo" style="margin-left: 80px;" class="logo">-->
|
<div class="c_box">
|
||||||
<div class="left-img">
|
<div class="left-img">
|
||||||
<div v-if="this.form.logoSet === '0'">
|
<div v-if="this.form.logoSet === '0'">
|
||||||
<img class="logostat" :src="imagePath + this.form.logeImage" alt="">
|
<img class="logostat" :src="imagePath + this.form.logeImage" alt="">
|
||||||
@ -51,16 +51,39 @@
|
|||||||
<div class="form-container">
|
<div class="form-container">
|
||||||
<el-form ref="form" :model="form" label-width="120px">
|
<el-form ref="form" :model="form" label-width="120px">
|
||||||
<p style="font-weight: bold;">LOGO设置</p>
|
<p style="font-weight: bold;">LOGO设置</p>
|
||||||
<div class="radio-and-upload">
|
<div class="radio-upload">
|
||||||
<el-radio-group v-model="form.logoSet" style="display: inline-block;">
|
<el-radio-group v-model="form.logoSet" style="display: inline-block;">
|
||||||
<el-radio v-model="logoSet" label="0">自定义小票LOGO</el-radio>
|
<el-radio v-model="logoSet" label="0">自定义小票LOGO</el-radio>
|
||||||
<el-radio v-model="logoSet" label="1">不打印小票LOGO</el-radio>
|
<el-radio v-model="logoSet" label="1">不打印小票LOGO</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
<!-- logo -->
|
<!-- logo -->
|
||||||
|
<div style="margin-left: 25px" v-show="this.form.logoSet==='0'">
|
||||||
|
<el-upload
|
||||||
|
:action="uploadAction"
|
||||||
|
list-type="picture-card"
|
||||||
|
:class="{hide:hideUpload}"
|
||||||
|
:file-list="uploadFiles"
|
||||||
|
:auto-upload="true"
|
||||||
|
:show-file-list="false"
|
||||||
|
:headers="uploadHeader"
|
||||||
|
:on-success="handleUploadSuccessCover">
|
||||||
|
<img
|
||||||
|
v-if="this.form.logeImage"
|
||||||
|
:src="imagePath + this.form.logeImage"
|
||||||
|
class="list-img"
|
||||||
|
style="width: 100%; height: auto;"
|
||||||
|
/>
|
||||||
|
<i v-if="!this.form.logeImage" class="el-icon-plus"></i>
|
||||||
|
</el-upload>
|
||||||
|
<div class="hui_">请上传像素300*300的图片</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p style="font-weight: bold;">抬头、脚注设置</p>
|
<p style="font-weight: bold;">抬头、脚注设置</p>
|
||||||
<el-checkbox-group v-model="form.headfootSets" class="vertical-checkbox-group">
|
<el-checkbox-group v-model="form.headfootSets" class="vertical-checkbox-group">
|
||||||
<el-checkbox :label="0">店铺名称</el-checkbox>
|
<div class="checkbox-input-container">
|
||||||
|
<el-checkbox :label="0">店铺名称</el-checkbox>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="checkbox-input-container">
|
<div class="checkbox-input-container">
|
||||||
<el-checkbox :label="1">标题</el-checkbox>
|
<el-checkbox :label="1">标题</el-checkbox>
|
||||||
<el-input v-model="form.title" style="width: 300px" placeholder="请输入标题"></el-input>
|
<el-input v-model="form.title" style="width: 300px" placeholder="请输入标题"></el-input>
|
||||||
@ -68,7 +91,7 @@
|
|||||||
|
|
||||||
<div class="checkbox-input-container">
|
<div class="checkbox-input-container">
|
||||||
<el-checkbox :label="2">小票类型</el-checkbox>
|
<el-checkbox :label="2">小票类型</el-checkbox>
|
||||||
<span style="font-size: 10px">注:会员充值、一键加油、收银台消费</span>
|
<span style="font-size: 10px;color: #999">注:会员充值、一键加油、收银台消费</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="checkbox-input-container">
|
<div class="checkbox-input-container">
|
||||||
@ -109,62 +132,23 @@
|
|||||||
v-if="this.form.codeSet==='1'"
|
v-if="this.form.codeSet==='1'"
|
||||||
v-model="form.codeContent" placeholder="请输入二维码的内容"></el-input>
|
v-model="form.codeContent" placeholder="请输入二维码的内容"></el-input>
|
||||||
</div>
|
</div>
|
||||||
|
<img
|
||||||
|
v-if="this.form.codeImage"
|
||||||
|
:src="imagePath + this.form.codeImage"
|
||||||
|
class="list-img"
|
||||||
|
style="width: 100px; height: 100px;"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" @click="submitForm3('form')">保存并同步更新小票样式</el-button>
|
<el-button type="primary" @click="submitForm3('form')">保存并同步更新小票样式</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<div class="fatrelative">
|
|
||||||
<div class="relative" v-show="this.form.logoSet==='0'">
|
|
||||||
<el-upload
|
|
||||||
:action="uploadAction"
|
|
||||||
list-type="picture-card"
|
|
||||||
:class="{hide:hideUpload}"
|
|
||||||
:file-list="uploadFiles"
|
|
||||||
:auto-upload="true"
|
|
||||||
:show-file-list="false"
|
|
||||||
:headers="uploadHeader"
|
|
||||||
:on-success="handleUploadSuccessCover">
|
|
||||||
<img
|
|
||||||
v-if="this.form.logeImage"
|
|
||||||
:src="imagePath + this.form.logeImage"
|
|
||||||
class="list-img"
|
|
||||||
style="width: 100%; height: auto;"
|
|
||||||
/>
|
|
||||||
<i v-if="!this.form.logeImage" class="el-icon-plus"></i>
|
|
||||||
</el-upload>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="relative1" v-show="this.form.codeSet==='1'">
|
|
||||||
<div>
|
|
||||||
样例
|
|
||||||
</div>
|
|
||||||
<!-- 二维码 -->
|
|
||||||
<el-upload
|
|
||||||
:action="uploadAction"
|
|
||||||
list-type="picture-card"
|
|
||||||
:class="{hide:hideUpload}"
|
|
||||||
:file-list="uploadFiles"
|
|
||||||
:auto-upload="true"
|
|
||||||
:show-file-list="false"
|
|
||||||
:headers="uploadHeader"
|
|
||||||
:on-success="ermUploadSuccessCover">
|
|
||||||
<img
|
|
||||||
v-if="this.form.codeImage"
|
|
||||||
:src="imagePath + this.form.codeImage"
|
|
||||||
class="list-img"
|
|
||||||
style="width: 100%; height: auto"
|
|
||||||
/>
|
|
||||||
<i v-if="!this.form.codeImage" class="el-icon-plus"></i>
|
|
||||||
</el-upload>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
import { getToken } from '../../utils/auth'
|
import { getToken } from '../../utils/auth'
|
||||||
import {addReceiptPrinting, getApi} from "@/api/sys/receiptPrint";
|
import {addReceiptPrinting, getApi} from "@/api/sys/receiptPrint";
|
||||||
import {getListApi} from "@/api/sys/message";
|
import {getListApi} from "@/api/sys/message";
|
||||||
@ -296,7 +280,7 @@ export default {
|
|||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
.checkbox-input-container {
|
.checkbox-input-container {
|
||||||
|
margin-bottom: 8px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center; /* 垂直居中对齐 */
|
align-items: center; /* 垂直居中对齐 */
|
||||||
gap: 10px; /* 设置复选框和输入框之间的间距 */
|
gap: 10px; /* 设置复选框和输入框之间的间距 */
|
||||||
@ -312,7 +296,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.vertical-checkbox-group .el-checkbox {
|
.vertical-checkbox-group .el-checkbox {
|
||||||
margin-bottom: 8px; /* 调整间距 */
|
/* 调整间距 */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -339,7 +323,11 @@ export default {
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
.radio-upload {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
::v-deep .el-radio{
|
::v-deep .el-radio{
|
||||||
display: block;
|
display: block;
|
||||||
margin:10px 0;
|
margin:10px 0;
|
||||||
@ -360,6 +348,8 @@ export default {
|
|||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
background-color: #f7f7f8;
|
background-color: #f7f7f8;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 10px;
|
||||||
}
|
}
|
||||||
.logo {
|
.logo {
|
||||||
width: 200px; /* 根据需要调整图片宽度 */
|
width: 200px; /* 根据需要调整图片宽度 */
|
||||||
@ -472,4 +462,12 @@ avatar-uploader .el-upload {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
.hui_{
|
||||||
|
color: #999999;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.c_box{
|
||||||
|
width: 100%;
|
||||||
|
background: #fff;display: flex;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user