1

src/components/UploadFile.vue

@@ -59,7 +59,7 @@ function handleFileSuccess(response, file, fileList) {
   uploadRef.value.handleRemove(file)
   console.log(response)
   if (response.status === 200) {
-    emit('onSuccess', response.result)
+    emit('onSuccess', response.result, file)
   }
 }
 </script>

src/layout/components/aside.vue

@@ -30,6 +30,9 @@
               >
             </el-sub-menu>
             <el-menu-item :index="item.redirect || '/' + item.path" v-else-if="!item.meta.hide">
+              <el-icon v-if="item.meta.title === '门店管理'">
+                <Notebook />
+              </el-icon>
               <el-icon v-if="item.meta.title === '工作台'">
                 <Calendar />
               </el-icon>

src/router/index.js

@@ -10,7 +10,7 @@ export const routes = [
   {
     path: '/',
     component: Layout,
-    redirect: '/BusinessManage/StoreManage',
+    redirect: '/BusinessManage',
     children: [
       // {
       //   path: 'WorkbenchPage',
@@ -21,21 +21,22 @@ export const routes = [
       {
         path: 'BusinessManage',
         name: 'BusinessManage',
-        redirect: '/BusinessManage/StoreManage',
+        // redirect: '/BusinessManage/StoreManage',
         meta: { title: '门店管理' },
+        component: () => import('@/views/BusinessManage/index.vue'),
         children: [
-          {
+          // {
-            path: 'StoreManage',
+          //   path: 'StoreManage',
-            name: 'StoreManage',
+          //   name: 'StoreManage',
-            component: () => import('@/views/BusinessManage/index.vue'),
+          //   component: () => import('@/views/BusinessManage/index.vue'),
-            meta: { title: '门店列表' },
+          //   meta: { title: '门店列表' },
-          },
+          // },
-          {
+          // {
-            path: 'DataManage',
+          //   path: 'DataManage',
-            name: 'DataManage',
+          //   name: 'DataManage',
-            component: () => import('@/views/BusinessManage/DataManage.vue'),
+          //   component: () => import('@/views/BusinessManage/DataManage.vue'),
-            meta: { title: '分类管理' },
+          //   meta: { title: '分类管理' },
-          },
+          // },
         ],
       },
       {

src/views/BusinessManage/HandleDialog.vue

@@ -2,6 +2,8 @@
 import RPC from '@/utils/rpc'
 import MapSelector from '@/components/MapSelector.vue'
 import UploadFile from '@/components/UploadFile.vue'
+import dayjs from 'dayjs'
+import { VueDraggable } from 'vue-draggable-plus'
 const props = defineProps({
   type: {
     type: String,
@@ -18,6 +20,10 @@ const emit = defineEmits(['closed', 'onSuccess'])
 
 const dialogVisible = ref(false)
 
+const product_images_list = ref([])
+const qualification_images_list = ref([])
+const product_pdfs_list = ref([])
+
 const isAdd = computed(() => props.type === 'add')
 
 onMounted(() => {
@@ -43,8 +49,13 @@ const submitForm = async () => {
   await formRef.value.validate()
   const api = isAdd.value ? '/store/create' : '/store/update'
   const params = {
-    store: { ...formField.value },
+    store: {
-    category_ids: formField.value.category_ids,
+      ...formField.value,
+      product_images: product_images_list.value.join(','),
+      qualification_images: qualification_images_list.value.join(','),
+      product_pdfs: JSON.stringify(product_pdfs_list.value),
+    },
+    // category_ids: formField.value.category_ids,
     id: isAdd.value ? null : props.row.id,
   }
   RPC.post(api, params)
@@ -59,7 +70,14 @@ const submitForm = async () => {
 }
 
 if (!isAdd.value) {
-  formField.value = props.row
+  formField.value = {
+    ...props.row,
+  }
+  product_images_list.value = props.row.product_images ? props.row.product_images.split(',') : []
+  qualification_images_list.value = props.row.qualification_images
+    ? props.row.qualification_images.split(',')
+    : []
+  product_pdfs_list.value = props.row.product_pdfs ? JSON.parse(props.row.product_pdfs) : []
 }
 
 const chooseCoordinates = () => {
@@ -77,6 +95,35 @@ const set_main_image = (val) => {
   console.log('val', val)
   formField.value.main_image = val.fullUrl
 }
+
+const set_video = (val) => {
+  formField.value.video_intro = val.fullUrl
+}
+const set_product_images = (val) => {
+  product_images_list.value.push(val.fullUrl)
+}
+const set_qualification_images = (val) => {
+  qualification_images_list.value.push(val.fullUrl)
+}
+const set_product_pdfs = (val, file) => {
+  console.log(val, file)
+  product_pdfs_list.value.push({
+    url: val.fullUrl,
+    name: file.name,
+    size: (file.size / 1024 / 1024).toFixed(2),
+    date: dayjs().format('YYYY-MM-DD HH:mm'),
+  })
+}
+
+const delImage = (arr, index) => {
+  arr.splice(index, 1)
+}
+
+const openPdf = (item) => {
+  if (item.url) {
+    window.open(item.url)
+  }
+}
 </script>
 
 <template>
@@ -100,12 +147,12 @@ const set_main_image = (val) => {
       <el-form-item prop="store_name" label="门店名称">
         <el-input placeholder="请输入" v-model="formField.store_name" />
       </el-form-item>
-      <el-form-item prop="address" label="地址详情">
-        <el-input placeholder="请输入" v-model="formField.address" />
-      </el-form-item>
       <el-form-item prop="location" label="地区">
         <el-input placeholder="请输入" v-model="formField.location" />
       </el-form-item>
+      <el-form-item prop="address" label="地址详情">
+        <el-input placeholder="请输入" v-model="formField.address" />
+      </el-form-item>
       <el-form-item prop="business_hours" label="工作时间">
         <el-input placeholder="请输入" v-model="formField.business_hours" />
       </el-form-item>
@@ -115,7 +162,7 @@ const set_main_image = (val) => {
       <el-form-item prop="tags" label="分类标签">
         <el-input placeholder="请输入,多个以,分隔" v-model="formField.tags" />
       </el-form-item>
-      <el-form-item prop="category_ids" label="分类">
+      <!-- <el-form-item prop="category_ids" label="分类">
         <el-select
           clearable
           default-first-option
@@ -131,7 +178,7 @@ const set_main_image = (val) => {
             :value="item.id"
           />
         </el-select>
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item prop="main_image" label="门店主图">
         <div class="main_image_box" v-if="formField.main_image">
           <!-- <img :src="formField.main_image" alt="" /> -->
@@ -168,6 +215,96 @@ const set_main_image = (val) => {
       <el-form-item prop="" label="">
         <el-button type="primary" @click="chooseCoordinates">选择坐标</el-button>
       </el-form-item>
+
+      <el-form-item prop="video_intro" label="视频">
+        <video
+          controls
+          muted
+          :src="formField.video_intro"
+          alt=""
+          class="video_box"
+          v-if="formField.video_intro"
+        />
+        <UploadFile v-else accept="video/*" @on-success="set_video"></UploadFile>
+      </el-form-item>
+      <el-form-item prop="product_images" label="产品图片">
+        <VueDraggable ghost-class="ghost" target=".sort-target" v-model="product_images_list">
+          <TransitionGroup class="sort-target" name="list" tag="div">
+            <div class="imgBox" v-for="(item, index) in product_images_list" :key="item">
+              <el-image
+                ref="imageRef"
+                style="width: 100%; height: 100%"
+                :src="item"
+                show-progress
+                :preview-src-list="[item]"
+                fit="cover"
+              />
+              <div class="closeBox" @click="delImage(product_images_list, index)">
+                <el-icon size="20"><CircleClose /></el-icon>
+              </div>
+            </div>
+          </TransitionGroup>
+        </VueDraggable>
+        <UploadFile @on-success="set_product_images"></UploadFile>
+      </el-form-item>
+      <el-form-item prop="qualification_images" label="企业资质">
+        <VueDraggable
+          ghost-class="ghost"
+          target=".sort-target2"
+          v-model="qualification_images_list"
+        >
+          <TransitionGroup class="sort-target2" name="list" tag="div">
+            <div class="imgBox" v-for="(item, index) in qualification_images_list" :key="item">
+              <el-image
+                ref="imageRef"
+                style="width: 100%; height: 100%"
+                :src="item"
+                show-progress
+                :preview-src-list="[item]"
+                fit="cover"
+              />
+              <div class="closeBox" @click="delImage(qualification_images_list, index)">
+                <el-icon size="20"><CircleClose /></el-icon>
+              </div>
+            </div>
+          </TransitionGroup>
+        </VueDraggable>
+        <UploadFile @on-success="set_qualification_images"></UploadFile>
+      </el-form-item>
+      <el-form-item prop="product_pdfs" label="产品资料PDF">
+        <VueDraggable ghost-class="ghost" target=".sort-target-pdf" v-model="product_pdfs_list">
+          <TransitionGroup class="sort-target-pdf" name="list" tag="div">
+            <div
+              class="pdfBox"
+              v-for="item in product_pdfs_list"
+              @click="openPdf(item)"
+              :key="item"
+            >
+              <div class="pdf_item">
+                <el-icon size="40"><Document /></el-icon>
+                <div class="name">{{ item.name }}</div>
+                <div class="info">
+                  <div class="size">{{ item.size }}MB</div>
+                  <div class="date">{{ item.date }}</div>
+                </div>
+              </div>
+              <div class="closeBox">
+                <el-icon
+                  size="20"
+                  @click="
+                    () =>
+                      (product_pdfs_list = product_pdfs_list.filter((ele) => ele.url !== item.url))
+                  "
+                  ><CircleClose
+                /></el-icon>
+              </div>
+            </div>
+          </TransitionGroup>
+        </VueDraggable>
+        <div class="pdfBox">
+          <UploadFile accept="pdf" @on-success="set_product_pdfs"></UploadFile>
+        </div>
+      </el-form-item>
     </el-form>
 
     <template #footer>
@@ -203,4 +340,81 @@ const set_main_image = (val) => {
     cursor: pointer;
   }
 }
+
+.video_box {
+  width: 370px;
+  height: 130px;
+}
+.sort-target,
+.sort-target2,
+.sort-target-pdf {
+  display: flex;
+  flex-wrap: wrap;
+}
+.imgBox {
+  width: 200px;
+  height: 200px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  position: relative;
+  .closeBox {
+    position: absolute;
+    right: 0;
+    top: 0;
+    cursor: pointer;
+  }
+}
+
+.list-enter-active,
+.list-leave-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.list-enter-from,
+.list-leave-to {
+  opacity: 0;
+  transform: scale(0);
+}
+
+.ghost {
+  opacity: 0.5;
+}
+
+.pdfBox {
+  width: 200px;
+  height: 100px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  overflow: hidden;
+  position: relative;
+  .closeBox {
+    position: absolute;
+    right: 0;
+    top: 0;
+    cursor: pointer;
+  }
+}
+
+.pdf_item {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  height: 99%;
+  border-radius: 10px;
+  padding: 0 10px;
+  box-sizing: border-box;
+  border: 1px solid #ccc;
+  cursor: pointer;
+  .name {
+    font-weight: 700;
+  }
+  .info {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    color: #999;
+    font-size: 12px;
+  }
+}
 </style>

src/views/BusinessManage/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="title">企业管理</div>
+    <div class="title">门店管理</div>
     <el-form
       ref="searchFormRef"
       class="form"

src/views/EnterpriseManage/index.vue

@@ -56,6 +56,9 @@
         <el-table-column align="center" label="驳回原因" prop="review_note" show-overflow-tooltip />
         <el-table-column align="center" label="操作">
           <template #default="{ row }">
+            <el-button v-if="isAdmin && row.status == 2" link type="primary" @click="setAdmin(row)">
+              设为管理员
+            </el-button>
             <el-button v-if="row.status != 1" link type="primary" @click="edit(row)">
               修改
             </el-button>
@@ -92,6 +95,19 @@ import HandleDialog from './HandleDialog.vue'
 import dayjs from 'dayjs'
 import RPC from '@/utils/rpc'
 
+import { useUserStore } from '@/stores/user'
+
+const isAdmin =
+  useUserStore().userInfo?.jurisdictions &&
+  useUserStore().userInfo?.jurisdictions?.findIndex((item) => item.code === 'superadmin') !== -1
+
+const setAdmin = (row) => {
+  RPC.post('/enterprise/set_admin', { id: row.id }).then(() => {
+    ElMessage.success('操作成功')
+    getList()
+  })
+}
+
 const rowType = ref('')
 const currentRow = ref(null)
 const add = () => {

src/views/StoreReview/HandleDialog.vue

@@ -31,22 +31,39 @@ function closed() {
 const store = ref({})
 const categories = ref([])
 
+const product_images_list = ref([])
+const qualification_images_list = ref([])
+const product_pdfs_list = ref([])
+
 RPC.post('/store/detail', { id: props.row.id })
   .then((res) => {
     console.log(res)
     store.value = res.store || {}
-    categories.value =
+    product_images_list.value = res?.store?.product_images
-      res.categories?.map((item) => {
+      ? res?.store?.product_images.split(',')
-        return {
+      : []
-          ...item,
+    qualification_images_list.value = res?.store?.qualification_images
-          images: item.images ? JSON.parse(item.images) : [],
+      ? res?.store?.qualification_images.split(',')
-        }
+      : []
-      }) || []
+    product_pdfs_list.value = res?.store?.product_pdfs ? JSON.parse(res?.store?.product_pdfs) : []
+    // categories.value =
+    //   res.categories?.map((item) => {
+    //     return {
+    //       ...item,
+    //       images: item.images ? JSON.parse(item.images) : [],
+    //     }
+    //   }) || []
   })
   .finally(() => {
     loading.value = false
   })
 
+const openPdf = (item) => {
+  if (item.url) {
+    window.open(item.url)
+  }
+}
+
 const activeTab = ref(0)
 </script>
 
@@ -111,35 +128,25 @@ const activeTab = ref(0)
           <div class="value">{{ store.latitude }}</div>
         </div>
       </div>
-      <div class="title">分类信息</div>
+
-      <div class="categoriesBox" v-if="categories.length > 0">
+      <div class="categoriesBox">
-        <div class="tabBox">
+        <div class="line" v-if="store.video_intro">
-          <div
-            class="tabItem"
-            :class="{ selected: activeTab === index }"
-            v-for="(item, index) in categories"
-            @click="activeTab = index"
-          >
-            {{ item.name }}
-          </div>
-        </div>
-        <div class="line">
           <div class="key">视频</div>
           <div class="value">
             <video
               controls
               muted
-              :src="categories[activeTab]?.video"
+              :src="store.video_intro"
               alt=""
               class="video_box"
-              v-if="categories[activeTab]?.video"
+              v-if="store.video_intro"
             />
           </div>
         </div>
         <div class="line">
-          <div class="key">图片</div>
+          <div class="key">产品图片</div>
           <div class="value">
-            <div class="imgBox" v-for="item in categories[activeTab]?.images" :key="item">
+            <div class="imgBox" v-for="item in product_images_list" :key="item">
               <el-image
                 ref="imageRef"
                 style="width: 100%; height: 100%"
@@ -151,6 +158,41 @@ const activeTab = ref(0)
             </div>
           </div>
         </div>
+        <div class="line">
+          <div class="key">企业资质</div>
+          <div class="value">
+            <div class="imgBox" v-for="item in qualification_images_list" :key="item">
+              <el-image
+                ref="imageRef"
+                style="width: 100%; height: 100%"
+                :src="item"
+                show-progress
+                :preview-src-list="[item]"
+                fit="cover"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="line">
+          <div class="key">产品资料</div>
+          <div class="value">
+            <div
+              class="pdfBox"
+              v-for="item in product_pdfs_list"
+              @click="openPdf(item)"
+              :key="item"
+            >
+              <div class="pdf_item">
+                <el-icon size="40"><Document /></el-icon>
+                <div class="name">{{ item.name }}</div>
+                <div class="info">
+                  <div class="size">{{ item.size }}MB</div>
+                  <div class="date">{{ item.date }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
     <template #footer>
@@ -236,4 +278,43 @@ const activeTab = ref(0)
     }
   }
 }
+
+.pdfBox {
+  width: 200px;
+  height: 100px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+  overflow: hidden;
+  position: relative;
+  .closeBox {
+    position: absolute;
+    right: 0;
+    top: 0;
+    cursor: pointer;
+  }
+}
+
+.pdf_item {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  height: 99%;
+  border-radius: 10px;
+  padding: 0 10px;
+  box-sizing: border-box;
+  border: 1px solid #ccc;
+  cursor: pointer;
+  .name {
+    font-weight: 700;
+  }
+  .info {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    color: #999;
+    font-size: 12px;
+  }
+}
 </style>