|
|
@@ -1,4 +1,33 @@
|
|
|
<template>
|
|
|
+<view>
|
|
|
+ <view>
|
|
|
+ <form @submit="formSubmit">
|
|
|
+ <div class="module-com input-line-wrap">
|
|
|
+
|
|
|
+ <div class="module-com input-line-wrap goods-wrap">
|
|
|
+ <div class="module-tit">
|
|
|
+ <span>选择图片</span>
|
|
|
+ <span class="app-color-3">（每次选一张）</span>
|
|
|
+ </div>
|
|
|
+ <div class="module-det">
|
|
|
+ <app-uploader ref="appUploader" @chooseImage="uploadXjImg" :imgList.sync="form.cover" :prefixShow="true" :compress="true" :num="50" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <view style="text-align:center;">
|
|
|
+
|
|
|
+ <button class="admin-button-com big blue" style="width:95%;" formType="submit">全部提交</button>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view style="text-align:center;border-top:1px dashed #cccccc;padding-top:30rpx;padding-bottom:30rpx;">
|
|
|
+ <button @click="clearXj" class="admin-button-com small default">清空全部小菊</button>
|
|
|
+ </view>
|
|
|
+
|
|
|
<view class="billing_box_bg">
|
|
|
<view class="scroll-middle_bx">
|
|
|
<block>
|
|
|
@@ -14,33 +43,31 @@
|
|
|
<view class="kc"></view>
|
|
|
<view class="num-open_bx">
|
|
|
<view class="open-bx warn" @tap.stop.prevent>
|
|
|
- <text v-if="xjItem.has == 0" style="color:#777777;">已停用</text>
|
|
|
+ <text v-if="xjItem.status == 2" style="color:#777777;">已停用</text>
|
|
|
<text v-else style="color:green;">已启用</text>
|
|
|
-<switch :checked="xjItem.has == 0 ? false : true" @change="changeFn($event,xjItem.id)" style="transform: scale(0.8,0.8)" />
|
|
|
+ <switch :checked="xjItem.status == 2 ? false : true" @change="changeFn($event,xjItem.id)" style="transform: scale(0.8,0.8)" />
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
- <view>
|
|
|
- <button class="admin-button-com big blue" @click="goBack()" style="margin:40rpx 0 20rpx 220rpx;padding:30rpx 80rpx 30rpx 80rpx;">返回</button>
|
|
|
- </view>
|
|
|
-
|
|
|
</view>
|
|
|
</block>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
+</view>
|
|
|
</template>
|
|
|
<script>
|
|
|
import AppWrapperEmpty from "@/components/app-wrapper-empty";
|
|
|
+import AppUploader from "@/components/app-uploader";
|
|
|
import { mapGetters } from "vuex";
|
|
|
-import { getFilterXj,ReplaceXj } from "@/api/product/xj"
|
|
|
+import { getFilterXj,ReplaceXj,clearAll,batchAdd } from "@/api/product/xj"
|
|
|
export default {
|
|
|
name: "xj",
|
|
|
components: {
|
|
|
- AppWrapperEmpty,
|
|
|
+ AppWrapperEmpty,AppUploader
|
|
|
},
|
|
|
mixins: [],
|
|
|
data() {
|
|
|
@@ -49,6 +76,7 @@ export default {
|
|
|
xjList:[],
|
|
|
xjData:[],
|
|
|
numList:[],
|
|
|
+ uploadXj:[]
|
|
|
};
|
|
|
},
|
|
|
computed:{
|
|
|
@@ -69,14 +97,37 @@ export default {
|
|
|
onShow(){
|
|
|
},
|
|
|
methods: {
|
|
|
+ clearXj(){
|
|
|
+ let self = this
|
|
|
+ uni.showModal({
|
|
|
+ title: '确认清除？',
|
|
|
+ content: "",
|
|
|
+ showCancel: true,
|
|
|
+ cancelText: "取消",
|
|
|
+ cancelColor: "#000000",
|
|
|
+ confirmText: "确定",
|
|
|
+ confirmColor: "#3CC51F",
|
|
|
+ success: async result => {
|
|
|
+ if (result.confirm) {
|
|
|
+ clearAll().then(res => {
|
|
|
+ self.$msg(res.msg)
|
|
|
+ if(res.code == 1){
|
|
|
+ self.initXj()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ fail: () => {},
|
|
|
+ complete: () => {}
|
|
|
+ });
|
|
|
+ },
|
|
|
previewImage(url){
|
|
|
- console.log('url',url)
|
|
|
uni.previewImage({
|
|
|
urls: [url]
|
|
|
})
|
|
|
},
|
|
|
changeFn(e,id){
|
|
|
- let act = e.target.value == true ? 'add' : 'del'
|
|
|
+ let act = e.target.value == true ? 'start' : 'stop'
|
|
|
let that = this
|
|
|
ReplaceXj({act,id}).then(res=>{
|
|
|
that.init()
|
|
|
@@ -86,15 +137,48 @@ export default {
|
|
|
uni.navigateBack({});
|
|
|
},
|
|
|
init(){
|
|
|
+ this.initXj()
|
|
|
+ },
|
|
|
+ initXj(){
|
|
|
getFilterXj().then(res => {
|
|
|
this.xjList = res.data.list
|
|
|
});
|
|
|
+ },
|
|
|
+ uploadXjImg(arr) {
|
|
|
+ this.uploadXj = arr
|
|
|
+ },
|
|
|
+ // 表单验证
|
|
|
+ formSubmit(e) {
|
|
|
+ let that = this
|
|
|
+ if (that.$util.isEmpty(this.uploadXj)){
|
|
|
+ that.$msg('请选择图片')
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ let imgData = JSON.stringify(this.uploadXj)
|
|
|
+ batchAdd({xjData:imgData}).then(res=>{
|
|
|
+ that.$msg(res.msg)
|
|
|
+ if(res.code == 1){
|
|
|
+ that.$util.pageTo({url: "/admin/item/xjSelect",type: 3})
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+.module-com {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ background-color: #fff;
|
|
|
+ color: $fontColor2;
|
|
|
+ .module-tit {
|
|
|
+ padding: 20px 30px;
|
|
|
+ font-size: 28px;
|
|
|
+ }
|
|
|
+ .module-det {
|
|
|
+ padding: 0 30px;
|
|
|
+ }
|
|
|
+}
|
|
|
.billing_box_bg {
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
@@ -279,4 +363,4 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
shish