add
This commit is contained in:
parent
d3695f3da3
commit
446b145667
|
|
@ -3,12 +3,12 @@ ENV = 'development'
|
|||
# http://192.168.1.43:8324/admin
|
||||
# http://mer.crmeb.net/admin
|
||||
# base api
|
||||
# VUE_APP_BASE_API = 'http://192.168.31.106:8324'
|
||||
VUE_APP_BASE_API = 'http://many.shop.lo'
|
||||
VUE_APP_BASE_API = 'http://192.168.1.32:8080'
|
||||
# VUE_APP_BASE_API = 'https://plus.hwms.shop'
|
||||
|
||||
# socket 连接地址
|
||||
# VUE_APP_WS_URL = 'ws://0.0.0.0:8324'
|
||||
VUE_APP_WS_URL = 'ws://many.shop.lo'
|
||||
VUE_APP_WS_URL = 'ws://plus.hwms.shop'
|
||||
|
||||
# vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
|
||||
# to control whether the babel-plugin-dynamic-import-node plugin is enabled.
|
||||
|
|
|
|||
|
|
@ -15,7 +15,12 @@ import request from './request'
|
|||
export function orderListApi(data) {
|
||||
return request.get('order/lst', data)
|
||||
}
|
||||
|
||||
/**
|
||||
* @description 开启退款
|
||||
*/
|
||||
export function openRefundApi(id) {
|
||||
return request.get(`store/order/open_refund/${id}`)
|
||||
}
|
||||
/**
|
||||
* @description 订单 -- 表头
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -90,7 +90,9 @@ function setContent(data){
|
|||
starKey = sk;
|
||||
hasMerge = true;
|
||||
setArrayContent(data[h][l], sk);
|
||||
if (data[h][l][0]) {
|
||||
sk = sk + data[h][l][0].length
|
||||
}
|
||||
endKey = sk;
|
||||
} else {
|
||||
//不是数组
|
||||
|
|
|
|||
|
|
@ -14,6 +14,7 @@
|
|||
<el-card class="mt14">
|
||||
<div class="mb20">
|
||||
<el-button size="small" type="primary" @click="onSync">同步物流公司</el-button>
|
||||
<el-button size="small" type="primary" @click="onAdd">添加物流公司</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
v-loading="listLoading"
|
||||
|
|
|
|||
|
|
@ -183,6 +183,7 @@
|
|||
:data="tableData.data"
|
||||
size="small"
|
||||
class="table"
|
||||
align="center"
|
||||
highlight-current-row
|
||||
:cell-class-name="addTdClass"
|
||||
>
|
||||
|
|
@ -300,6 +301,7 @@
|
|||
>查看退款单</el-button>
|
||||
</span>
|
||||
<el-button type="text" size="small" @click="onOrderDetails(scope.row.order_id)">详情</el-button>
|
||||
<!-- <el-button type="text" size="small" @click="onOrderOpenRefund(scope.row.order_id)">开启退款</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
|
@ -344,7 +346,7 @@
|
|||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import { orderListApi, chartApi, cardListApi, exportOrderApi } from "@/api/order";
|
||||
import { orderListApi, chartApi, cardListApi, exportOrderApi,openRefundApi } from "@/api/order";
|
||||
import { merSelectApi } from "@/api/product";
|
||||
import userDetails from '../../user/list/userDetails';
|
||||
import orderDetail from './orderDetails.vue';
|
||||
|
|
@ -563,6 +565,30 @@ export default {
|
|||
// this.$refs.orderDetail.onOrderDetails(id);
|
||||
// this.$refs.orderDetail.onOrderLog(id);
|
||||
},
|
||||
// 开启退款
|
||||
// onOrderOpenRefund(id) {
|
||||
// this.$confirm('此操作将开启退款, 是否继续?', '提示', {
|
||||
// confirmButtonText: '确定',
|
||||
// cancelButtonText: '取消',
|
||||
// type: 'warning'
|
||||
// }).then(() => {
|
||||
// openRefundApi(id).then((res)=>{
|
||||
// if(res.status == '200'){
|
||||
// this.$message({
|
||||
// type: 'success',
|
||||
// message: '开启退款!'
|
||||
// });
|
||||
// }
|
||||
// console.log(res, "res");
|
||||
// })
|
||||
// // this.$message({
|
||||
// // type: 'success',
|
||||
// // message: '开启退款!'
|
||||
// // });
|
||||
// }).catch(() => {
|
||||
|
||||
// });
|
||||
// },
|
||||
pageChangeLog(page) {
|
||||
this.tableFromLog.page = page;
|
||||
this.getList('');
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@
|
|||
</el-form>
|
||||
</div>
|
||||
<el-card class="mt14">
|
||||
<el-button size="small" type="primary" class="mb20" @click="add">添加自评</el-button>
|
||||
<!-- <el-button size="small" type="primary" class="mb20" @click="add">添加自评</el-button> -->
|
||||
<el-table v-loading="listLoading" :data="tableData.data" size="small" @rowclick.stop="closeEdit" :row-class-name="tableRowClassName">
|
||||
<el-table-column prop="reply_id" label="ID" min-width="50" />
|
||||
<el-table-column label="商品图" min-width="80">
|
||||
|
|
|
|||
|
|
@ -51,6 +51,22 @@
|
|||
<el-form-item label="商品搜索：" prop="keyword">
|
||||
<el-input v-model="tableFrom.keyword" @keyup.enter.native="getList(1)" placeholder="请输入商品名称，关键字，产品编号" class="selWidth" />
|
||||
</el-form-item>
|
||||
<el-form-item label="时间选择：" prop="create_time">
|
||||
<el-date-picker
|
||||
v-model="timeVal"
|
||||
value-format="yyyy/MM/dd"
|
||||
format="yyyy/MM/dd"
|
||||
type="daterange"
|
||||
placement="bottom-end"
|
||||
placeholder="自定义时间"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
style="width: 280px;"
|
||||
:picker-options="pickerOptions"
|
||||
@change="onchangeTime"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" size="small" @click="getList(1)">搜索</el-button>
|
||||
<el-button size="small" @click="searchReset()">重置</el-button>
|
||||
|
|
@ -109,12 +125,12 @@
|
|||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="store_name" label="商品名称" min-width="200">
|
||||
<el-table-column prop="store_name" label="商品名称" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<div><span class="tags_name" :class="'name'+scope.row.spec_type">{{ scope.row.spec_type==0 ? '[单规格]' : '[多规格]' }}</span>{{ scope.row.store_name || '-' }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="商户名称" min-width="150">
|
||||
<el-table-column label="商户名称" min-width="100">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.merchant ? scope.row.merchant.mer_name : '' }}</span>
|
||||
</template>
|
||||
|
|
@ -122,12 +138,14 @@
|
|||
<el-table-column prop="price" label="商品售价" min-width="80" />
|
||||
<el-table-column prop="sales" label="销量" min-width="70" />
|
||||
<el-table-column prop="stock" label="库存" min-width="70" />
|
||||
<el-table-column prop="is_audited" label="待审核类型" min-width="80" />
|
||||
<el-table-column label="推荐级别" min-width="150">
|
||||
<template slot-scope="scope">
|
||||
<el-rate disabled v-model="scope.row.star" :colors="colors">
|
||||
</el-rate>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="storeCategory.cate_name" label="商品类型" min-width="70" />
|
||||
<el-table-column prop="rank" label="排序" min-width="60" />
|
||||
<el-table-column prop="status" label="是否显示" min-width="80">
|
||||
<template slot-scope="scope">
|
||||
|
|
@ -139,6 +157,7 @@
|
|||
<span>{{ scope.row.us_status | productStatusFilter }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="create_time" label="创建时间" min-width="120" />
|
||||
<el-table-column v-if="Number(tableFrom.type) < 7" key="8" label="操作" min-width="180" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" size="small" @click="onDetails(scope.row.product_id)">详情</el-button>
|
||||
|
|
@ -286,6 +305,7 @@ import infoFrom from './info'
|
|||
import ueditorFrom from '@/components/ueditorFrom'
|
||||
import previewBox from '@/components/previewBox/index'
|
||||
import proDetail from './proDetails.vue';
|
||||
import timeOptions from '@/utils/timeOptions';
|
||||
const proOptions = [{
|
||||
name: '热门榜单',
|
||||
value: 'is_hot'
|
||||
|
|
@ -312,6 +332,8 @@ export default {
|
|||
props: {
|
||||
emitPath: false
|
||||
},
|
||||
pickerOptions: timeOptions,
|
||||
timeVal: [],
|
||||
ruleValidate: {
|
||||
store_name: [{
|
||||
required: true,
|
||||
|
|
@ -381,6 +403,7 @@ export default {
|
|||
tableFrom: {
|
||||
page: 1,
|
||||
limit: 20,
|
||||
date:'',
|
||||
cate_id: '',
|
||||
sys_labels: '',
|
||||
pid: '',
|
||||
|
|
@ -422,8 +445,16 @@ export default {
|
|||
this.getLabelLst()
|
||||
},
|
||||
methods: {
|
||||
// 具体日期
|
||||
onchangeTime(e) {
|
||||
this.timeVal = e
|
||||
this.tableFrom.date = e ? this.timeVal.join('-') : ''
|
||||
this.getList(1)
|
||||
},
|
||||
/**重置 */
|
||||
searchReset(){
|
||||
this.timeVal = []
|
||||
this.tableFrom.date = ""
|
||||
this.$refs.searchForm.resetFields()
|
||||
this.getList(1)
|
||||
},
|
||||
|
|
|
|||
|
|
@ -56,6 +56,200 @@
|
|||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="资质信息" name="aptitude">
|
||||
<span class="sp">商品名称：
|
||||
<el-radio-group v-model="aptitude">
|
||||
<el-radio :label="0" class="radio">国产</el-radio>
|
||||
<el-radio :label="1">进口</el-radio>
|
||||
</el-radio-group>
|
||||
</span>
|
||||
<div v-if="aptitude == 0">
|
||||
<span class="sp">生产企业名称：{{ qualification.production_name }}</span>
|
||||
<span class="upload">
|
||||
<div class="upload_left">生产营业执照：</div>
|
||||
<div class="upload_right">
|
||||
<div
|
||||
v-for="(item,index) in qualification.businessList"
|
||||
:key="index"
|
||||
>
|
||||
<a class="txt" v-if="getType(item)" :href="item.url" target="downloadFile" download>{{ item.name }}</a>
|
||||
<div class="pictrue" v-else>
|
||||
<el-image
|
||||
style="width: 60px; height: 60px;"
|
||||
:src="item.url"
|
||||
:preview-src-list="qualification.businessList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<span class="upload">
|
||||
<div class="upload_left">商标注册证：</div>
|
||||
<div class="upload_right">
|
||||
<div
|
||||
v-for="(item,index) in qualification.trademarkList"
|
||||
:key="index"
|
||||
>
|
||||
<a class="txt" v-if="getType(item)" :href="item.url" target="downloadFile" download>{{ item.name }}</a>
|
||||
<div class="pictrue" v-else>
|
||||
<el-image
|
||||
style="width: 60px; height: 60px;"
|
||||
:src="item.url"
|
||||
:preview-src-list="qualification.trademarkList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<span class="upload">
|
||||
<div class="upload_left">销售授权及其他：</div>
|
||||
<div class="upload_right">
|
||||
<div
|
||||
v-for="(item,index) in qualification.authorizedList"
|
||||
:key="index"
|
||||
>
|
||||
<a class="txt" v-if="getType(item)" :href="item.url" target="downloadFile" download>{{ item.name }}</a>
|
||||
<div class="pictrue" v-else>
|
||||
<el-image
|
||||
style="width: 60px; height: 60px;"
|
||||
:src="item.url"
|
||||
:preview-src-list="qualification.authorizedList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<span class="upload">
|
||||
<div class="upload_left">商品检测报告：</div>
|
||||
<div class="upload_right">
|
||||
<div
|
||||
v-for="(item,index) in qualification.commodityList"
|
||||
:key="index"
|
||||
>
|
||||
<a class="txt" v-if="getType(item)" :href="item.url" target="downloadFile" download>{{ item.name }}</a>
|
||||
<div class="pictrue" v-else>
|
||||
<el-image
|
||||
style="width: 60px; height: 60px;"
|
||||
:src="item.url"
|
||||
:preview-src-list="qualification.commodityList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<span class="upload">
|
||||
<div class="upload_left">其他资质：</div>
|
||||
<div class="upload_right">
|
||||
<div
|
||||
v-for="(item,index) in qualification.otherList"
|
||||
:key="index"
|
||||
>
|
||||
<a class="txt" v-if="getType(item)" :href="item.url" target="downloadFile" download>{{ item.name }}</a>
|
||||
<div class="pictrue" v-else>
|
||||
<el-image
|
||||
style="width: 60px; height: 60px;"
|
||||
:src="item.url"
|
||||
:preview-src-list="qualification.otherList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div v-if="aptitude == 1">
|
||||
<span class="sp">进口/企业境内总代企业名称: {{ qualification.import_name }}</span>
|
||||
<span class="upload">
|
||||
<div class="upload_left">生产营业执照：</div>
|
||||
<div class="upload_right">
|
||||
<div
|
||||
v-for="(item,index) in qualification.importBusinessList"
|
||||
:key="index"
|
||||
>
|
||||
<a class="txt" v-if="getType(item)" :href="item.url" target="downloadFile" download>{{ item.name }}</a>
|
||||
<div class="pictrue" v-else>
|
||||
<el-image
|
||||
style="width: 60px; height: 60px;"
|
||||
:src="item.url"
|
||||
:preview-src-list="qualification.importBusinessList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<span class="upload">
|
||||
<div class="upload_left">销售授权及其他：</div>
|
||||
<div class="upload_right">
|
||||
<div
|
||||
v-for="(item,index) in qualification.importAuthorizedList"
|
||||
:key="index"
|
||||
>
|
||||
<a class="txt" v-if="getType(item)" :href="item.url" target="downloadFile" download>{{ item.name }}</a>
|
||||
<div class="pictrue" v-else>
|
||||
<el-image
|
||||
style="width: 60px; height: 60px;"
|
||||
:src="item.url"
|
||||
:preview-src-list="qualification.importAuthorizedList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<span class="upload">
|
||||
<div class="upload_left">海关检验检疫证书及报关单：</div>
|
||||
<div class="upload_right">
|
||||
<div
|
||||
v-for="(item,index) in qualification.customsList"
|
||||
:key="index"
|
||||
>
|
||||
<a class="txt" v-if="getType(item)" :href="item.url" target="downloadFile" download>{{ item.name }}</a>
|
||||
<div class="pictrue" v-else>
|
||||
<el-image
|
||||
style="width: 60px; height: 60px;"
|
||||
:src="item.url"
|
||||
:preview-src-list="qualification.customsList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<span class="upload">
|
||||
<div class="upload_left">产品外包装实物图：</div>
|
||||
<div class="upload_right">
|
||||
<div
|
||||
v-for="(item,index) in qualification.packingList"
|
||||
:key="index"
|
||||
>
|
||||
<a class="txt" v-if="getType(item)" :href="item.url" target="downloadFile" download>{{ item.name }}</a>
|
||||
<div class="pictrue" v-else>
|
||||
<el-image
|
||||
style="width: 60px; height: 60px;"
|
||||
:src="item.url"
|
||||
:preview-src-list="qualification.packingList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
<span class="upload">
|
||||
<div class="upload_left">其他资质：</div>
|
||||
<div class="upload_right">
|
||||
<div
|
||||
v-for="(item,index) in qualification.importOtherList"
|
||||
:key="index"
|
||||
>
|
||||
<a class="txt" v-if="getType(item)" :href="item.url" target="downloadFile" download>{{ item.name }}</a>
|
||||
<div class="pictrue" v-else>
|
||||
<el-image
|
||||
style="width: 60px; height: 60px;"
|
||||
:src="item.url"
|
||||
:preview-src-list="qualification.importOtherList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="商品详情" name="second">
|
||||
<span class="sp100">商品详情：</span>
|
||||
|
|
@ -149,6 +343,22 @@
|
|||
</template>
|
||||
</span>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="店铺信息" name="shop">
|
||||
<span class="sp">店铺名称：{{ projectData.merchant&&projectData.merchant.mer_name }}</span>
|
||||
<span class="sp">入住企业名称：</span>
|
||||
<span class="sp100">
|
||||
营业执照：
|
||||
<div class="demo-image__preview">
|
||||
<el-image
|
||||
style="width: 60px; height: 60px"
|
||||
:src="projectData.image"
|
||||
:preview-src-list="[projectData.image]"
|
||||
/>
|
||||
</div>
|
||||
</span>
|
||||
<span class="sp">店铺联系人: {{ projectData.merchant&&projectData.merchant.service_phone }}</span>
|
||||
<span class="sp">联系人电话：{{ projectData.unit_name }}</span>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
<el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="80px" class="demo-ruleForm">
|
||||
<el-form-item label="审核状态" prop="status">
|
||||
|
|
@ -157,6 +367,20 @@
|
|||
<el-radio :label="-1">拒绝</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="佐证图片：" prop="status_img" label-width="90px">
|
||||
<div
|
||||
class="upLoadPicBox"
|
||||
title="750*750px"
|
||||
@click="modalPicTap('1')"
|
||||
>
|
||||
<div v-if="ruleForm.status_img" class="pictrue">
|
||||
<img :src="ruleForm.status_img">
|
||||
</div>
|
||||
<div v-else class="upLoad">
|
||||
<i class="el-icon-camera cameraIconfont" />
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="ruleForm.status===-1" label="原因" prop="refusal">
|
||||
<el-input v-model="ruleForm.refusal" type="textarea" placeholder="请输入原因" />
|
||||
</el-form-item>
|
||||
|
|
@ -259,14 +483,36 @@ export default {
|
|||
],
|
||||
refusal: [
|
||||
{ required: true, message: '请填写拒绝原因', trigger: 'blur' }
|
||||
],
|
||||
status_img: [
|
||||
{ required: true, message: '请上传佐证图片', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
isAppend: true,
|
||||
proId: 0,
|
||||
aptitude:0,
|
||||
qualification:{
|
||||
production_name: '',
|
||||
businessList: [],
|
||||
licenceList: [],
|
||||
trademarkList: [],
|
||||
authorizedList: [],
|
||||
commodityList: [],
|
||||
otherList: [],
|
||||
importBusinessList: [],
|
||||
importAuthorizedList: [],
|
||||
customsList: [],
|
||||
packingList: [],
|
||||
importOtherList: [],
|
||||
commodity_type: 0,
|
||||
brands_name: '',
|
||||
import_name: ''
|
||||
},
|
||||
ruleForm: {
|
||||
refusal: '',
|
||||
status: 1,
|
||||
id: ''
|
||||
id: '',
|
||||
status_img:''
|
||||
},
|
||||
formThead: Object.assign({}, objTitle),
|
||||
manyTabDate: {},
|
||||
|
|
@ -296,6 +542,21 @@ export default {
|
|||
}
|
||||
},
|
||||
methods: {
|
||||
getType(val){
|
||||
var regex = /(?:\.([^.]+))?$/;
|
||||
let suffix = regex.exec(val.url)[1]
|
||||
return suffix == 'pdf'
|
||||
},
|
||||
// 点击商品图
|
||||
modalPicTap(tit, num, i) {
|
||||
const _this = this;
|
||||
const attr = [];
|
||||
this.$modalUpload(function(img) {
|
||||
if (tit === "1" && !num) {
|
||||
_this.ruleForm.status_img = img[0];
|
||||
}
|
||||
}, tit);
|
||||
},
|
||||
onSubmit() {
|
||||
this.isShow ? this.ruleForm.id = this.proId : this.ruleForm.id = this.ids
|
||||
productStatusApi(this.ruleForm).then(res => {
|
||||
|
|
@ -317,6 +578,7 @@ export default {
|
|||
this.loading = true
|
||||
productDetailApi(id).then(res => {
|
||||
this.projectData = res.data
|
||||
this.qualification = res.data.qualification
|
||||
this.svip_type = res.data.svip_price_type
|
||||
|
||||
if (this.projectData.spec_type === 0) {
|
||||
|
|
@ -353,6 +615,34 @@ export default {
|
|||
.projectInfo ::v-deep .el-dialog__body{
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
.upload{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-content: center;
|
||||
height: 60px;
|
||||
// line-height: 60px;
|
||||
margin-bottom: 10px;
|
||||
&_right{
|
||||
display: flex;
|
||||
height: 60px;
|
||||
}
|
||||
&_left{
|
||||
width: 115px;
|
||||
}
|
||||
.txt{
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
border: 1px solid #DCDFE6;
|
||||
border-radius: 4px;
|
||||
margin-right: 10px;
|
||||
color: blue;
|
||||
}
|
||||
}
|
||||
.projectInfo ::v-deep .el-tabs__content{
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
|
|
@ -393,5 +683,6 @@ export default {
|
|||
}
|
||||
.demo-image__preview{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col v-if="name != 'sign_day_config' && name != 'integral_shop_banner' && guide != 2" class="iframe">
|
||||
<el-col v-if="name != 'sign_day_config' && name != 'integral_shop_banner' && guide != 2 && guide != 1" class="iframe">
|
||||
<iframe :src="url" id="iframe" scrolling="no" class="iframe-box" frameborder="0" ref="iframe"></iframe>
|
||||
<div class="moddile"></div>
|
||||
<div v-if="name == 'new_home_banner' || name == 'hot_home_banner' || name == 'best_home_banner' || name == 'good_home_banner' || name == 'points_mall_banner'" class="moddile_box">
|
||||
|
|
@ -69,6 +69,16 @@
|
|||
</swiper-slide>
|
||||
</swiper>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col v-if="guide == 1">
|
||||
<div v-if="guide == 1" class="iframe" :bordered="false">
|
||||
<div class="nofonts" v-if="tabList.list == ''">暂无照片，请添加~</div>
|
||||
<swiper :options="swiperOption" class="swiperimg on">
|
||||
<swiper-slide class="swiperimg on" v-for="(item,indexa) in tabList.list" :key="indexa + 'a'">
|
||||
<img :src="item.pic" mode="aspectFill">
|
||||
</swiper-slide>
|
||||
</swiper>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col v-if="name == 'sign_day_config'" :xs="24" :sm="24" :md="14" :lg="11" class="ml20 right-wrapper">
|
||||
<div class="table_box">
|
||||
|
|
@ -221,6 +231,52 @@
|
|||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col v-if="guide == 1" :xs="14" :sm="14" :md="14" :lg="11" class="right-wrapper">
|
||||
<div class="content">
|
||||
<div class="ml20">
|
||||
<div class="hot_imgs">
|
||||
<div class="list-box">
|
||||
<draggable class="dragArea list-group" :list="tabList.list" group="peoples"
|
||||
handle=".move-icon">
|
||||
<div class="item" v-for="(item,index) in tabList.list" :key="index+ 'd'">
|
||||
<div class="move-icon">
|
||||
<span class="iconfont icondrag2"></span>
|
||||
</div>
|
||||
<div class="img-box" @click="modalPicTap('单选',index)">
|
||||
<img :src="item.pic" alt="" v-if="item.pic">
|
||||
<div class="upload-box" v-else>
|
||||
<i class="el-icon-camera-solid"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-item">
|
||||
<span>图片名称：</span>
|
||||
<div class="input-box">
|
||||
<el-input v-model="item.name" size="small" placeholder="请填写名称"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span>链接地址：</span>
|
||||
<div class="input-box" @click="link(index)">
|
||||
<el-input v-model="item.url" size="small" suffix-icon="el-icon-arrow-right" readonly placeholder="选择链接"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="delect-btn" @click.stop="bindDelete(item,index)">
|
||||
<i class="el-icon-error"/>
|
||||
</div>
|
||||
</div>
|
||||
</draggable>
|
||||
</div>
|
||||
<template>
|
||||
<div class="add-btn" v-show="tabList.list.length ==0">
|
||||
<el-button class="btn-add" size="small" @click="addBox">添加图片</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col v-if="guide == 2" :xs="14" :sm="14" :md="14" :lg="11" class="right-wrapper">
|
||||
<div class="content">
|
||||
<div class="ml20">
|
||||
|
|
@ -306,7 +362,7 @@
|
|||
</el-col>
|
||||
<el-col v-else>
|
||||
<!-- 右侧轮播图以及其他设置 -->
|
||||
<div v-if="name != 'sign_day_config' && name != 'points_mall_scope'" class="content">
|
||||
<div v-if="name != 'sign_day_config' && name != 'points_mall_scope' && name != 'home_pop_frame'" class="content">
|
||||
<div class="ml20">
|
||||
<div class="hot_imgs">
|
||||
<div class="title">{{name != 'points_mall_district' ? '轮播图设置' : '积分金刚区设置'}}</div>
|
||||
|
|
@ -592,6 +648,11 @@ export default {
|
|||
let row = JSON.parse(el.$el.dataset.item);
|
||||
this.pageId = row.group_id;
|
||||
let time = new Date().getTime() * 1000
|
||||
console.log(this.name);
|
||||
if(this.name == "home_pop_frame"){
|
||||
this.guide = 1;
|
||||
return this.info(this.name);
|
||||
}
|
||||
if (this.name == "open_screen_advertising") {
|
||||
this.guide = 2;
|
||||
this.info(this.name);
|
||||
|
|
@ -679,6 +740,8 @@ export default {
|
|||
this.loadingExist = true;
|
||||
let data = {data: this.tabList.list}
|
||||
if(this.guide == 2){data.config={open_screen_switch: this.formItem.open_screen_switch,open_screen_time: this.formItem.open_screen_time,open_screen_space: this.formItem.open_screen_space}}
|
||||
// if(this.guide == 1){data.config={open_screen_switch: this.formItem.open_screen_switch,open_screen_time: this.formItem.open_screen_time,open_screen_space: this.formItem.open_screen_space}}
|
||||
// groupSaveApi(this.name,data)
|
||||
groupSaveApi(this.name,data)
|
||||
.then((res) => {
|
||||
this.loadingExist = false;
|
||||
|
|
|
|||
Loading…
Reference in New Issue