From 5fe0d58c1570f27f9d517c1410a0b65cd91ad7d2 Mon Sep 17 00:00:00 2001
From: jia <1451658316@qq.com>
Date: Wed, 9 Aug 2023 14:52:35 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=BD=AC=E5=94=AE=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E7=95=8C=E9=9D=A2=E5=8F=8A=E6=90=9C=E7=B4=A2=E3=80=81?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E5=B1=95=E7=A4=BA=E3=80=81=E5=AE=A1=E6=A0=B8?=
 =?UTF-8?q?=E3=80=81=E8=AF=A6=E6=83=85=E7=AD=89=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/product.js                        |  19 ++
 src/router/modules/product.js             |  10 +
 src/views/product/ProductResale/index.vue | 335 ++++++++++++++++++++++
 3 files changed, 364 insertions(+)
 create mode 100644 src/views/product/ProductResale/index.vue

diff --git a/src/api/product.js b/src/api/product.js
index ce922ca..8aa084c 100644
--- a/src/api/product.js
+++ b/src/api/product.js
@@ -517,3 +517,22 @@ export function specsDeteleApi(id) {
 export function merSpecsList(data) {
   return request.get(`store/params/temp/merlst`, data)
 }
+
+/** 转售管理参数模板 -- 列表 */
+export function resaleList(data) {
+  return request.get(`product/resale/lst`, data)
+}
+/** 转售管理参数模板  -- 详情 */
+export function  resaleDetail(id) {
+  return request.get(`product/resale/detail/${id}`)
+}
+
+/** 转售管理参数模板  -- 是否显示 */
+export function  resaleShow(id, status) {
+  return request.post(`product/resale/show/${id}`, {status})
+}
+
+/** 转售管理参数模板  -- 审核 */
+export function  resaleStatus(id, data) {
+  return request.post(`product/resale/status/${id}`, data)
+}
diff --git a/src/router/modules/product.js b/src/router/modules/product.js
index 954975a..b2a0ee3 100644
--- a/src/router/modules/product.js
+++ b/src/router/modules/product.js
@@ -131,7 +131,17 @@ const productRouter =
         noCache: true
       },
       component: () => import('@/views/product/productGuarantee/index.vue')
+    },
+    {
+      path: 'resale',
+      name: 'ProductResale',
+      meta: {
+        title: '转售管理',
+        noCache: true
+      },
+      component: () => import('@/views/product/ProductResale/index.vue')
     }
+    
   ]
 }
 
diff --git a/src/views/product/ProductResale/index.vue b/src/views/product/ProductResale/index.vue
new file mode 100644
index 0000000..414a7e3
--- /dev/null
+++ b/src/views/product/ProductResale/index.vue
@@ -0,0 +1,335 @@
+<template>
+  <div class="divBox">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <div class="container">
+          <el-form inline size="small" label-width="110px">
+            <el-form-item label="审核状态">
+              <el-select v-model="tableFrom.status" placeholder="请选择" class="filter-item selWidth" clearable @change="getList(1)">
+                <el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="分类名称：" style="display: inline-block;">
+              <el-select v-model="tableFrom.category_id" clearable filterable placeholder="请选择" class="selWidth" @change="getList(1)">
+                <el-option v-for="item in cateSelect" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="是否显示">
+              <el-select v-model="tableFrom.is_show" placeholder="请选择" class="filter-item selWidth" clearable @change="getList(1)">
+                <el-option label="显示" value="1" />
+                <el-option label="不显示" value="0" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="发布者：">
+              <el-input v-model="tableFrom.username" @keyup.enter.native="getList(1)" placeholder="请输入文章作者" class="selWidth">
+                <el-button slot="append" icon="el-icon-search" class="el-button-solt" @click="getList(1)" />
+              </el-input>
+            </el-form-item>
+            <el-form-item label="关键字：">
+              <el-input v-model="tableFrom.keyword" @keyup.enter.native="getList(1)" placeholder="请输入文章标题" class="selWidth">
+                <el-button slot="append" icon="el-icon-search" class="el-button-solt" @click="getList(1)" />
+              </el-input>
+            </el-form-item>
+
+          </el-form>
+        </div>
+
+      </div>
+      <el-table v-loading="listLoading" :data="tableData.data" style="width: 100%" size="small">
+        <el-table-column label="ID" prop="community_id" min-width="100" />
+        <el-table-column label="标题" prop="title" min-width="100" />
+        <el-table-column label="发布者" prop="author.nickname" min-width="100" />
+
+        <el-table-column label="封面" min-width="210">
+          <template slot-scope="scope">
+            <div class="demo-image__preview">
+              <el-image v-for="(item,index) in scope.row.image" :key="index" :src="item" class="mr5" :preview-src-list="[item]" />
+            </div>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="分类" min-width="100">
+          <template slot-scope="scope">
+            <span>{{ scope.row.category && scope.row.category.cate_name || '暂无'  }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column prop="create_time" label="发布时间" min-width="100" />
+        <el-table-column prop="status" label="是否显示">
+          <template slot-scope="scope">
+            <el-switch v-model="scope.row.is_show" :active-value="1" :inactive-value="0" active-text="显示" inactive-text="隐藏" @change="onchangeIsShow(scope.row)" />
+          </template>
+        </el-table-column>
+        <el-table-column label="状态" min-width="100">
+          <template slot-scope="scope">
+            <span>{{ scope.row.status | communityStatus }}</span>
+            <span v-if="scope.row.status == -1" style="display: block; font-size: 12px; color: red;">原因 {{ scope.row.refusal }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="操作" min-width="100" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="onDetail(scope.row.community_id)">详情</el-button>
+            <el-button type="text" size="small" @click="onAudit(scope.row.community_id)">审核</el-button>
+
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="block">
+        <el-pagination :page-sizes="[20, 40, 60, 80]" :page-size="tableFrom.limit" :current-page="tableFrom.page" layout="total, sizes, prev, pager, next, jumper" :total="tableData.total" @size-change="handleSizeChange" @current-change="pageChange" />
+      </div>
+    </el-card>
+    <!--审核-->
+    <el-dialog v-if="dialogVisible" :title="isExamine ? '审核' : '详情'" :visible.sync="dialogVisible" width="700px">
+      <div v-loading="loading">
+        <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="120px" class="demo-ruleForm">
+          <el-form-item label="'封面：'">
+            <div v-for="(item, index) in formData.image" :key="index" style="display: inline-block; margin: 0 10px 10px 0">
+              <el-image style="width: 80px; height: 80px" :src="item || ''" :preview-src-list="[item?item:'']" />
+            </div>
+          </el-form-item>
+          <el-form-item v-if="formData.is_type == 2" label="短视频：">
+            <div style="margin: 0 10px 10px 0">
+              <video style="width:40%;height: 180px;border-radius: 10px;" :src="formData.video_link" controls="controls">
+                您的浏览器不支持 video 标签。
+              </video>
+            </div>
+          </el-form-item>
+
+          <el-form-item v-if="formData.topic && formData.topic.topic_name" label="标题：">
+            <div>{{formData.topic.topic_name}}</div>
+          </el-form-item>
+
+          <el-form-item label="发布者：">
+            <span>{{formData.author && formData.author.nickname}}</span>
+          </el-form-item>
+          <el-form-item label="作者ID：">
+            <span>{{formData.author && formData.author.uid}}</span>
+          </el-form-item>
+          <el-form-item label="发布时间：">
+            <span>{{formData.create_time}}</span>
+          </el-form-item>
+
+          <el-form-item v-if="isExamine" label="审核状态：" prop="status">
+            <el-radio-group v-model="ruleForm.status">
+              <el-radio :label="1">通过</el-radio>
+              <el-radio :label="-1">拒绝</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="ruleForm.status===-1 && isExamine" label="原因" prop="refusal">
+            <el-input v-model="ruleForm.refusal" type="textarea" placeholder="请输入原因" />
+          </el-form-item>
+          <el-form-item v-if="isExamine">
+            <el-button type="primary" @click="onSubmit(formData)">提交</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+  
+  <script>
+// +----------------------------------------------------------------------
+// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
+// +----------------------------------------------------------------------
+// | Author: CRMEB Team <admin@crmeb.com>
+// +----------------------------------------------------------------------
+import {
+  communityAuditApi, communityDetailApi,
+  communityCateOptionApi,
+} from '@/api/community'
+import { resaleList, resaleShow, resaleStatus, resaleDetail } from '@/api/product'
+export default {
+  name: 'communityTopic',
+  data() {
+    return {
+      moren: require("@/assets/images/f.png"),
+      colors: ['#99A9BF', '#F7BA2A', '#FF9900'],
+      isChecked: false,
+      listLoading: true,
+      tableData: {
+        data: [],
+        total: 0
+      },
+      tableFrom: {
+        page: 1,
+        limit: 20,
+        status: "",
+        keyword: "",
+        username: "",
+        category_id: "",
+        is_show: '',
+
+      },
+      statusList: [
+        { label: "审核通过", value: 1 },
+        { label: "待审核", value: 0 },
+        { label: "审核未通过", value: -1 },
+        { label: "下架", value: -2 },
+      ],
+
+      cateSelect: [],
+      topicSelect: [],
+      dialogVisible: false,
+      loading: false,
+      isExamine: false,
+      community_id: "",
+      formData: {},
+      rules: {
+        status: [
+          { required: true, message: '请选择审核状态', trigger: 'change' }
+        ],
+        refusal: [
+          { required: true, message: '请填写拒绝原因', trigger: 'blur' }
+        ]
+      },
+      ruleForm: {
+        refusal: '',
+        status: 1,
+      },
+    }
+  },
+  mounted() {
+    this.getList(1)
+    this.getCateSelect()
+
+
+  },
+  methods: {
+    // 分类列表；
+    getCateSelect() {
+      communityCateOptionApi()
+        .then((res) => {
+          this.cateSelect = res.data;
+        })
+        .catch((res) => {
+          this.$message.error(res.message);
+        });
+    },
+
+
+    // 列表
+    getList(num) {
+      this.listLoading = true
+      this.tableFrom.page = num ? num : this.tableFrom.page
+
+      resaleList(this.tableFrom).then(res => {
+        this.tableData.data = res.data.list
+        this.tableData.total = res.data.count
+        this.listLoading = false
+      }).catch(res => {
+        this.listLoading = false
+        this.$message.error(res.message)
+      })
+    },
+    pageChange(page) {
+      this.tableFrom.page = page
+      this.getList('')
+    },
+    handleSizeChange(val) {
+      this.tableFrom.limit = val
+      this.getList('')
+    },
+    // 审核   审核状态  1:审核通过 -1:拒绝 
+    onSubmit(item) {
+      if (this.ruleForm.status == 1) {
+        resaleStatus(item.community_id, { "status": 1 }).then((res) => {
+          this.$message.success(res.message)
+          this.dialogVisible = false
+          this.formData = res.data
+        }).catch(({ message }) => {
+          this.$message.error(message)
+        })
+      } else {
+        resaleStatus(item.community_id, { "status": -1, "refusal": this.ruleForm.refusal }).then((res) => {
+          this.$message.success(res.message)
+          this.dialogVisible = false
+          this.formData = res.data
+        }).catch(({ message }) => {
+          this.$message.error(message)
+        })
+      }
+
+    },
+    // 审核
+    onAudit(id) {
+      this.community_id = id;
+      this.dialogVisible = true;
+      this.isExamine = true;
+      resaleDetail(id).then((res) => {
+
+        this.formData = res.data
+      }).catch(({ message }) => {
+        this.$message.error(message)
+      })
+    },
+
+
+    // 详情
+    onDetail(id) {
+
+      this.community_id = id;
+      this.dialogVisible = true;
+      this.isExamine = false;
+      resaleDetail(id).then((res) => {
+
+        this.formData = res.data
+      }).catch(({ message }) => {
+        this.$message.error(message)
+      })
+    },
+
+
+    //是否显示
+    onchangeIsShow(row) {
+      resaleShow(row.community_id, row.is_show).then(({ message }) => {
+        this.$message.success(message)
+      }).catch(({ message }) => {
+        this.$message.error(message)
+      })
+    }
+  }
+}
+  </script>
+  
+  <style scoped lang="scss">
+.box-container {
+  overflow: hidden;
+}
+.box-container .list {
+  float: left;
+  line-height: 40px;
+}
+.box-container .sp {
+  width: 50%;
+}
+.box-container .sp3 {
+  width: 33.3333%;
+}
+.box-container .sp100 {
+  width: 100%;
+}
+.box-container .list .name {
+  display: inline-block;
+  width: 150px;
+  text-align: right;
+  color: #606266;
+}
+.box-container .list.image {
+  margin-bottom: 40px;
+}
+.box-container .list.image img {
+  position: relative;
+  top: 40px;
+}
+/deep/.el-form-item__content .el-rate {
+  position: relative;
+  top: 8px;
+}
+</style>
+  
\ No newline at end of file