swiper

src/api/operation/swiper/index.js

@@ -20,16 +20,16 @@ export function swiperDel(params) {
 export function swiperInsert(params) {
 	return httpService({
 		url: `/user/homepageCarousel/insert`,
-		method: 'get',
+		method: 'post',
-		params: params,
+		data: params,
 	})
 }
 // 修改
 export function swiperUpdate(params) {
 	return httpService({
 		url: `/user/homepageCarousel/update`,
-		method: 'get',
+		method: 'post',
-		params: params,
+		data: params,
 	})
 }
 

src/components/upload/index.vue

@@ -61,7 +61,6 @@ export default {
 			this.previewVisible = false;
 		},
 		handleChange({ fileList }) {
-			console.log(fileList);
 			this.$emit('handleChange',fileList)
 		},
 	}

src/router/operation.js

@@ -8,31 +8,59 @@
  */
 export default [
 	{
-		path: '/clientSet',
+		path: '/ClientSet',
-		name: "clientSet",
+		name: "ClientSet",
 		title: "用户端设置",
 		icon: 'setting',
 		hide: false,
-		component: resolve => require(['@/views/Operation/clientSet'], resolve),
+		component: resolve => require(['@/views/Operation/ClientSet'], resolve),
 		meta: {title: '用户端设置'},
 	},
+	{
+		path: '/Activity',
+		name: "Activity",
+		title: "活动",
+		icon: 'form',
+		hide: false,
+		component: resolve => require(['@/views/Operation/Activity'], resolve),
+		redirect: '/Activity/ActivityManage',
+		meta: {title: '活动'},
+		children: [
+			{
+				path: '/Activity/ActivityManage',
+				name: "ActivityManage",
+				title: "活动管理",
+				hide: false,
+				component: resolve => require(['@/views/Operation/Activity/_activityManage'], resolve),
+				meta: {title: '活动管理'},
+			},
+			{
+				path: '/Activity/Organizers',
+				name: "Organizers",
+				title: "活动主办方",
+				hide: false,
+				component: resolve => require(['@/views/Operation/Activity/_organizers'], resolve),
+				meta: {title: '活动主办方'},
+			},
+		]
+	},
 	{
 		path: '/TaskManage',
 		name: "TaskManage",
-		title: "任务管理",
+		title: "任务",
 		icon: 'form',
 		hide: false,
 		component: resolve => require(['@/views/Operation/TaskManage'], resolve),
 		redirect: '/TaskManage/TaskList',
-		meta: {title: '任务管理'},
+		meta: {title: '任务'},
 		children: [
 			{
 				path: '/TaskManage/TaskList',
 				name: "TaskList",
-				title: "任务列表",
+				title: "任务管理",
 				hide: false,
 				component: resolve => require(['@/views/Operation/TaskManage/_taskList'], resolve),
-				meta: {title: '任务列表'},
+				meta: {title: '任务管理'},
 			},
 			{
 				path: '/TaskManage/TaskSet',
@@ -47,12 +75,12 @@ export default [
 	{
 		path: '/BBS',
 		name: "BBS",
-		title: "社区管理",
+		title: "社区",
 		icon: 'home',
 		hide: false,
 		component: resolve => require(['@/views/Operation/BBS'], resolve),
 		redirect: '/BBS/Dynamic',
-		meta: {title: '社区管理'},
+		meta: {title: '社区'},
 		children: [
 			{
 				path: '/BBS/Dynamic',

src/views/Operation/Activity/_activityManage/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

src/views/Operation/BBS/_topic/index.vue

@@ -56,7 +56,7 @@
 <script>
 import { topicList, topicDelete} from "@/api/operation/dynamic/topic.js";
 import { formItem, columns, pagination } from "./depend/config";
-import addForm from "./depend/form";
+import addForm from "./depend/form.vue";
 export default {
 	components: {
 		addForm

src/views/Operation/clientSet/depend/config.js

@@ -0,0 +1,9 @@
+export const form = {
+	id: undefined,
+	type: undefined,
+	showWeights: 0,
+	customizeUrl: "",
+	isShow: false,
+	associationId: undefined,
+	imgUrls: [],
+}

src/views/Operation/clientSet/depend/table.vue

@@ -1,7 +1,15 @@
 <template>
+  <div>
+    <a-modal
+      width="90%"
+      title="选择链接"
+      :visible="show"
+      @ok="handleOk"
+      @cancel="handleCancel"
+    >
       <div>
         <a-table
-      :columns="columns"
+          :columns="columns[typeMean]"
           :data-source="tableData"
           :pagination="pagination"
           :scroll="{ x: 1400 }"
@@ -18,36 +26,80 @@
         >
         </a-table>
       </div>
+    </a-modal>
+  </div>
 </template>
 
 <script>
-import { columns } from "./tableConfig.js";
+import { columns, pagination } from "./tableConfig.js";
 import { shopPushList } from "@/api/shop/goods";
 export default {
 	props: {
-		type
+		type: Number,
+		show:Boolean
 	},
 	data() {
 		return {
 			columns,
-			tableData:[]
+			pagination,
+			typeMean: "shop",
+			tableData: [],
+			selectedRowKeys: [],
+			joinString:''
+		};
+	},
+	methods: {
+		selectionChoosed(data) {
+			this.selectedRowKeys = data;
+		},
+		handleTableChange(pagination) {
+			console.log(pagination);
+			const pager = { ...this.pagination };
+			pager.current = pagination.current;
+			pager.pageSize = pagination.pageSize;
+			this.pagination = pager;
+			this.getData();
+		},
+		handleCancel(){
+			this.$emit('close')
+		},
+		handleOk(){
+			if(this.selectedRowKeys.length === 0){
+				this.$message.error('请选择')
+			}
+			else if(this.selectedRowKeys.length > 1){
+				this.$message.error('只能选择一条链接')
+			}else{
+				for(let k of this.tableData){
+					if(k.id===this.selectedRowKeys[0]){
+						this.joinString = k.skuName
+					}
 				}
+				this.$emit('submit',this.selectedRowKeys,this.joinString)
+			}
+			
+		},
 	},
 	watch: {
 		type: {
 			handler(val) {
 				if (val === 2) {
-					shopPushList().then(res=>{
+					shopPushList({
-						this.tableData = res.data
+						pageNum: this.pagination.current,
-					})
+						size: this.pagination.pageSize,
+					}).then((res) => {
+						this.tableData = res.data.rows;
+						this.pagination.total = res.data.total;
+					});
+				}else{
+					this.typeMean = 'shop'
 				}
 			},
-			immediate: true
+			immediate: true,
-		}
+		},
-	}
+	},
-}
+};
 </script>
 
 <style>
-
 </style>

src/views/Operation/clientSet/depend/tableConfig.js

@@ -74,5 +74,14 @@ export const columns = {
 			width: "8%",
 			dataIndex: "viewsNum",
 		},
-	]
+	],
+	news: [],
+	notice: [],
+	active:[]
+}
+export const pagination = {
+	current: 1,
+	total: 0,
+	pageSize: 5,
+	showTotal: (total) => `共 ${total} 条`,
 }

src/views/Operation/clientSet/index.vue

@@ -2,13 +2,55 @@
   <div>
     <div class="cardTitle">首页轮播图设置</div>
     <a-divider></a-divider>
-    <a-button class="add-btn" style="margin: 10px" @click="addCard = true"
+    <a-button class="add-btn" style="margin: 10px" @click="newSwiper"
       >添加轮播图</a-button
     >
-    
+    <a-card
-    <!-- 新增 -->
+      hoverable
-    <a-card style="width: 70%; margin-top: 10px" @close="del" v-if="addCard">
+      style="width: 70%; margin-top: 10px"
-      <span class="card-close" @click="addCard = false">×</span>
+      v-for="item in cardList"
+      :key="item.id"
+    >
+      <span class="card-close" @click="del(item.id)">×</span>
+      <a-row>
+        <a-col :span="9">
+          <div style="color: #00000073; padding-bottom: 10px">
+            上传图片尺寸: 750*300
+          </div>
+          <img
+            :src="$ImgUrl(item.imgList[0].url)"
+            v-if="item.imgList.length > 0"
+            class="list-img"
+            alt=""
+          />
+          <span v-else>暂无图片</span>
+        </a-col>
+        <a-col :span="11">
+          <a-descriptions layout="vertical" :column="1">
+            <a-descriptions-item label="链接设置">
+              {{ item.customizeUrl }}
+            </a-descriptions-item>
+            <a-descriptions-item label="是否显示在用户端">
+              {{ item.isShow ? "是" : "否" }}
+            </a-descriptions-item>
+            <a-descriptions-item label="显示权重">
+              {{ item.showWeights }}
+            </a-descriptions-item>
+          </a-descriptions>
+        </a-col>
+        <a-col :span="4">
+          <a-button class="add-btn" @click="edit(item)">修改设置</a-button>
+        </a-col>
+      </a-row>
+    </a-card>
+    <!-- list -->
+    <a-modal
+      :title="add.title"
+      :visible="add.show"
+      @ok="saveSetting"
+      @cancel="newSwiperClose"
+      width="900px"
+    >
       <a-row>
         <a-col :span="9">
           <div style="color: #00000073; padding-bottom: 10px">
@@ -19,7 +61,7 @@
             @handleChange="handleChange"
           ></commonUpload>
         </a-col>
-        <a-col :span="11">
+        <a-col :span="15">
           <a-descriptions layout="vertical" :column="1">
             <a-descriptions-item label="链接设置">
               <a-input-group compact>
@@ -27,6 +69,7 @@
                   style="width: 120px"
                   v-model="form.type"
                   placeholder="请选择类型"
+                  @change="changeType"
                 >
                   <a-select-option :value="1"> 自定义链接 </a-select-option>
                   <a-select-option :value="2"> 商城 </a-select-option>
@@ -38,19 +81,20 @@
                   v-if="form.type === 1"
                   style="width: 200px; background: #0000000f"
                   placeholder="请输入链接"
+                  v-model="form.customizeUrl"
                 ></a-input>
                 <a-button
                   v-else-if="form.type !== 1 && form.customizeUrl === ''"
                   style="width: 100px; background: #0000000f"
-                  @click='checkList(form.type)'
+                  @click="table.show = true"
                   >请选择链接
                 </a-button>
-                <a-input
+                <a-button
+                  style="width: 70%; background: #0000000f; overflow: hidden"
+                  @click="table.show = true"
                   v-else
-                  v-model="form.customizeUrl"
+                  >{{ form.customizeUrl }}</a-button
-                  style="width: 300px; background: #0000000f"
+                >
-                  disabled
-                ></a-input>
               </a-input-group>
             </a-descriptions-item>
             <a-descriptions-item label="是否显示在用户端">
@@ -64,23 +108,97 @@
             </a-descriptions-item>
           </a-descriptions>
         </a-col>
-        <a-col :span="4">
-          <a-button class="add-btn">保存设置</a-button>
-        </a-col>
       </a-row>
-    </a-card>
+    </a-modal>
+
+    <chooseTable
+      :show="table.show"
+      :type="form.type"
+      @submit="submit"
+      @close="close"
+    />
   </div>
 </template>
 
 <script>
-import { swiperList } from "@/api/operation/swiper";
+import { form } from "./depend/config";
+import {
+	swiperList,
+	swiperInsert,
+	swiperDel,
+	swiperUpdate,
+} from "@/api/operation/swiper";
+import chooseTable from "./depend/table.vue";
 export default {
+	components: {
+		chooseTable,
+	},
 	data() {
 		return {
+			table: {
+				show: false,
+			},
 			fileList: [],
 			cardList: [],
-			addCard: true,
+			add: {
-			form: {
+				show: false,
+				title: "添加轮播图",
+			},
+			form,
+		};
+	},
+	mounted() {
+		this.getData();
+	},
+	methods: {
+		async getData() {
+			let res = await swiperList();
+			this.cardList = res.data;
+		},
+		// 新增
+		newSwiper() {
+			this.add = {
+				show: true,
+				title: "添加轮播图"
+			};
+		},
+		// 编辑
+		edit(data) {
+			this.add = {
+				show: true,
+				title: "修改轮播图"
+			};
+			console.log(data);
+			this.form.id = data.id;
+			this.form.isShow = data.isShow;
+			this.form.showWeights = data.showWeights;
+			this.form.type = data.type;
+			this.form.customizeUrl = data.customizeUrl;
+			this.form.associationId = data.associationId;
+			if (data.imgList.length > 0) {
+				// 如果已经有图片
+				this.form.imgUrls.push(data.imgList[0].url);
+				const file = [];
+				for (let item of data.imgList) {
+					let obj = {
+						name: item.url.split("_")[0] + "." + item.url.split(".")[1],
+						url: this.$ImgUrl(item.url),
+						uid: item.url.split("_")[1],
+						status: "done",
+						thumbUrl: this.$ImgUrl(item.url),
+					};
+					file.push(obj);
+				}
+				this.fileList = file;
+			}
+		},
+		newSwiperClose() {
+			this.add = {
+				show: false,
+				title: "添加轮播图",
+			};
+			this.fileList = [];
+			this.form = {
 				id: undefined,
 				type: undefined,
 				showWeights: 0,
@@ -88,33 +206,69 @@ export default {
 				isShow: false,
 				associationId: undefined,
 				imgUrls: [],
-			},
 			};
 		},
-	mounted() {
+		// 选择链接确定
-		// this.getData()
+		submit(data, customizeUrl) {
+			this.form.customizeUrl = customizeUrl;
+			this.form.associationId = data[0];
+			this.close();
 		},
-	methods: {
+		// 保存
-		async getData() {
+		async saveSetting() {
-			let res = await swiperList();
+			if (this.add.title === "添加轮播图") {
-			this.cardList = res.data;
+				let res = await swiperInsert(this.form);
+				if (res.code === 200) {
+					this.$message.success(res.msg);
+					this.getData();
+					this.newSwiperClose();
+				} else {
+					this.$message.error(res.msg);
+				}
+			} else if (this.add.title === "修改轮播图") {
+				let res = await swiperUpdate(this.form);
+				if (res.code === 200) {
+					this.$message.success(res.msg);
+					this.getData();
+					this.newSwiperClose();
+				} else {
+					this.$message.error(res.msg);
+				}
+			}
 		},
-		checkList(type){
+		// 关闭选择
-			if(type===2){
+		close() {
-                
+			this.table.show = false;
-			}else if(type===3){
+		},
-
+		changeType() {
-			}else if(type===4){
+			this.form.customizeUrl = "";
-                
+		},
-			}else if(type===5){
+		// 删除轮播图
-                
+		async del(id) {
+			this.$confirm({
+				title: "是否删除",
+				icon: "delete",
+				onOk: async () => {
+					swiperDel({ homepageCarouselId: id }).then((res) => {
+						if (res.code === 200) {
+							this.$message.success(res.msg);
+							this.getData();
+						} else {
+							this.$message.error(res.msg);
 						}
+					});
+				},
+			});
 		},
-		del(id) {},
+		// 上传图片
 		handleChange(data) {
+			console.log(data);
 			this.fileList = data;
-			if (data[0].status === "done") {
+			// 删除照片
-				// this.form.imgUrls.push(data[0].response.data);
+			if(this.fileList.length===0){
+        	this.form.imgUrls=[]
+			}else if (data[0].status === "done") {
+				this.form.imgUrls.push(data[0].response.data);
 			}
 		},
 	},
@@ -130,6 +284,14 @@ export default {
   width: 90%;
   height: 200px;
 }
+/deep/.ant-upload-list-picture-card-container {
+  width: 90%;
+  height: 200px;
+}
+.list-img {
+  width: 90%;
+  height: 200px;
+}
 .card-close {
   position: absolute;
   right: 10px;

src/views/Shop/GoodsManage/_goodsList/depend/config.js

@@ -74,3 +74,11 @@ export const columns = [
 		dataIndex: "viewsNum",
 	},
 ]
+export const pagination = {
+	current: 1,
+	total: 0,
+	pageSize: 10,
+	showTotal: (total) => `共 ${total} 条`,
+	showSizeChanger: true,
+	showQuickJumper: true,
+}

src/views/Shop/GoodsManage/_goodsList/index.vue

@@ -1,13 +1,62 @@
 <template>
-  <div></div>
+  <div>
+    <a-table
+      :columns="columns"
+      :data-source="tableData"
+      :pagination="pagination"
+      :scroll="{ x: 1400 }"
+      @change="handleTableChange"
+      :row-selection="{
+        selectedRowKeys: selectedRowKeys,
+        onChange: selectionChoosed,
+      }"
+      :row-key="
+        (record, index) => {
+          return record.id;
+        }
+      "
+    >
+    </a-table>
+  </div>
 </template>
 
 <script>
+import { columns,pagination } from "./depend/config.js";
+import { shopPushList } from "@/api/shop/goods";
 export default {
 	data() {
-		return {};
+		return {
+			columns,pagination,
+			tableData: [],
+			selectedRowKeys: [],
+		};
+	},
+	mounted() {
+		this.getData();
+	},
+	methods: {
+		getData() {
+			shopPushList({
+				pageNum: this.pagination.current,
+				size: this.pagination.pageSize,
+			}).then((res) => {
+				this.tableData = res.data.rows;
+				this.pagination.total = res.data.total;
+			});
+		},
+		selectionChoosed(data) {
+			console.log(data);
+			this.selectedRowKeys = data;
+		},
+		handleTableChange(pagination) {
+			console.log(pagination);
+			const pager = { ...this.pagination };
+			pager.current = pagination.current;
+			pager.pageSize = pagination.pageSize;
+			this.pagination = pager;
+			this.getData();
+		},
 	},
-	methods: {},
 };
 </script>