From 71b2463d9f1455e9ea6a936d00150e6d20e37341 Mon Sep 17 00:00:00 2001
From: lwh <2679599887@qq.com>
Date: Sat, 13 May 2023 17:16:49 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E7=AC=AC=E4=BA=8C?=
 =?UTF-8?q?=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/images/old_logo_login.png              | Bin 0 -> 5339 bytes
 .../components/UploadHomeWorksDialog.vue      | 147 ++++++++++++++
 .../index/home_data/home_works/index.vue      |  11 +-
 .../components/UploadsWorksDialog.vue         | 188 ++++++++++++++++++
 src/pages/index/works/works_list/index.vue    |  17 +-
 src/service/home_works.js                     |  54 +++--
 src/service/works.js                          |  14 ++
 7 files changed, 405 insertions(+), 26 deletions(-)
 create mode 100644 public/images/old_logo_login.png
 create mode 100644 src/pages/index/home_data/home_works/components/UploadHomeWorksDialog.vue
 create mode 100644 src/pages/index/works/works_list/components/UploadsWorksDialog.vue

diff --git a/public/images/old_logo_login.png b/public/images/old_logo_login.png
new file mode 100644
index 0000000000000000000000000000000000000000..28f620871439b69669f6d2c96fe3f8f929cc6069
GIT binary patch
literal 5339
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
CASbZ^

literal 0
HcmV?d00001

diff --git a/src/pages/index/home_data/home_works/components/UploadHomeWorksDialog.vue b/src/pages/index/home_data/home_works/components/UploadHomeWorksDialog.vue
new file mode 100644
index 0000000..0a5bcca
--- /dev/null
+++ b/src/pages/index/home_data/home_works/components/UploadHomeWorksDialog.vue
@@ -0,0 +1,147 @@
+<template>
+  <el-dialog v-model="dialogVisible" title="添加首页作品" width="900px" @closed="closeDialog" @open="openDialog">
+    <el-form ref="formRef" :model="formData" :rules="rules">
+      <el-row>
+
+
+        <el-col :span="24">
+          <el-form-item label="作者类型" prop="home_works_author_type">
+            <el-select v-model="formData.home_works_author_type" clearable placeholder="请选择">
+              <el-option v-for="item in works_author_type" :key="item.dictionary_guid" :label="item.dictionary_name"
+                :value="item.dictionary_value"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span='12'>
+          <el-form-item :label-width='labelWidth' label='图片' prop='home_works_img'>
+            <UploadImage ref='uploadRef' v-model='formData.home_works_img' :data=uoloadData :limit='100' :fileSize='5'
+              :drag='true' :isShowTip='false' />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="24">
+          <el-form-item :label-width="labelWidth" label="介绍" prop="home_works_intro">
+            <el-input v-model='formData.home_works_intro' type="textarea" :rows="5" placeholder='请输入介绍'></el-input>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+    </el-form>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" @click="handleAddClick(formRef)">添加</el-button>
+        <el-button @click="handleResetClick(formRef)">重置</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { reactive, ref, watch } from "vue";
+import { batchAddHomeWorks, getDictionary } from "~/service/home_works";
+import { useLoginStore } from "~/store";
+
+// --业务参数
+
+
+
+// --业务方法
+
+// 字典获取
+const works_author_type = ref([]);
+async function get_works_author_type() {
+  await getDictionary({ dictionary_value: 'works_author_type' }).then((res) => {
+    works_author_type.value = res
+  })
+}
+
+
+
+
+// --基础参数
+const store = useLoginStore();
+const headers = {
+  Accept: "application/json",
+  ...store.headers,
+};
+
+const isBtnLod = ref(false);
+const formRef = ref();
+const labelWidth = 90;
+const props = defineProps({
+  modelValue: Boolean,
+  done: Function,
+});
+const emits = defineEmits(["update:modelValue"]);
+const dialogVisible = ref(props.modelValue);
+const formData = reactive({
+  // home_works_sort: 1
+});
+
+const uoloadData = ref({
+  dirName: "HomeWorks"
+})
+
+watch(props, (v) => {
+  dialogVisible.value = v.modelValue;
+});
+
+const rules = reactive({
+  home_works_author_type: [
+    {
+      required: true,
+      message: '作者类型不能为空'
+    }
+  ],
+  home_works_img: [
+    {
+      required: true,
+      message: '图片不能为空'
+    }
+  ],
+
+ 
+
+});
+
+
+// --基础方法
+
+// 打开弹窗时执行
+const openDialog = () => {
+  get_works_author_type()
+
+};
+
+const closeDialog = () => {
+  handleResetClick(formRef.value);
+  dialogVisible.value = false;
+  emits("update:modelValue", false);
+};
+
+const handleAddClick = async (formEl) => {
+  if (!formEl) return;
+  formEl.validate(async (valid) => {
+    if (!valid) {
+      return;
+    }
+    isBtnLod.value = true;
+
+
+    const { code } = await batchAddHomeWorks(formData);
+    if (code == 0) {
+      closeDialog();
+      props.done();
+    }
+    isBtnLod.value = flase;
+  });
+};
+
+const handleResetClick = async (formEl) => {
+  if (!formEl) return;
+  formEl.resetFields();
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/pages/index/home_data/home_works/index.vue b/src/pages/index/home_data/home_works/index.vue
index 9703cca..1d448ea 100644
--- a/src/pages/index/home_data/home_works/index.vue
+++ b/src/pages/index/home_data/home_works/index.vue
@@ -25,7 +25,10 @@
     <el-col :span="1">
       <el-button type="primary" @click="addHomeWorksDialogVisible = true"> 添加 </el-button>
     </el-col>
-
+    <!-- 批量添加首页作品 -->
+    <el-col :span="1">
+      <el-button type="primary" @click="uploadHomeWorksDialogVisible = true"> 批量添加 </el-button>
+    </el-col>
 
     <!-- 导出 -->
     <el-button icon="ElIconDocument" @click="exportExcel(params)">导出</el-button>
@@ -95,6 +98,8 @@
 
   <!-- 添加首页作品 -->
   <AddHomeWorksDialog v-model="addHomeWorksDialogVisible" :done="() => tableRef.reload()"></AddHomeWorksDialog>
+  <!-- 批量添加首页作品 -->
+  <UploadHomeWorksDialog v-model="uploadHomeWorksDialogVisible" :done="() => tableRef.reload()"></UploadHomeWorksDialog>
   <!-- 编辑首页作品 -->
   <EditHomeWorksDialog v-model="EditHomeWorksDialogVisible" :data="EditHomeWorksDialogRow"
     :done="() => tableRef.reload()"></EditHomeWorksDialog>
@@ -105,8 +110,9 @@
 import { ArrowDown } from '@element-plus/icons-vue';
 import { ref, reactive, watch } from 'vue';
 import { useLoginStore } from "~/store";
-import { getHomeWorksList, editHomeWorks , deleteHomeWorks, getDictionary, exportExcel } from '~/service/home_works';
+import { getHomeWorksList, editHomeWorks, deleteHomeWorks, getDictionary, exportExcel } from '~/service/home_works';
 import AddHomeWorksDialog from './components/AddHomeWorksDialog.vue';
+import UploadHomeWorksDialog from './components/UploadHomeWorksDialog.vue';
 import EditHomeWorksDialog from './components/EditHomeWorksDialog.vue';
 import DetailHomeWorksDialog from './components/DetailHomeWorksDialog.vue';
 
@@ -115,6 +121,7 @@ const selectionData = ref([]);
 const store = useLoginStore();
 
 const addHomeWorksDialogVisible = ref(false);
+const uploadHomeWorksDialogVisible = ref(false);
 const EditHomeWorksDialogVisible = ref(false);
 const EditHomeWorksDialogRow = ref({});
 const DetailHomeWorksDialogVisible = ref(false);
diff --git a/src/pages/index/works/works_list/components/UploadsWorksDialog.vue b/src/pages/index/works/works_list/components/UploadsWorksDialog.vue
new file mode 100644
index 0000000..3af36ed
--- /dev/null
+++ b/src/pages/index/works/works_list/components/UploadsWorksDialog.vue
@@ -0,0 +1,188 @@
+<template>
+  <el-dialog v-model="dialogVisible" title="批量添加作品" width="900px" @closed="closeDialog" @open="openDialog">
+    <el-form ref="formRef" :model="formData" :rules="rules">
+      <el-row>
+        <el-col :span="12">
+          <el-form-item :label-width="labelWidth" label="作品类型" prop="works_type_guid">
+            <el-cascader class="w100" filterable :options="dataList"
+              :props="{ checkStrictly: true, value: 'works_type_guid', label: 'works_type_name', emitPath: false }"
+              placeholder="请选择作品类型" clearable v-model="formData.works_type_guid">
+              <template #default="{ node, data }">
+                <span>{{ data.works_type_name }}</span>
+                <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
+              </template>
+            </el-cascader>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="12">
+          <el-form-item :label-width="labelWidth" label="作者类型" prop="works_author_type">
+            <el-select v-model="formData.works_author_type" clearable placeholder="请选择">
+              <el-option v-for="item in works_author_type" :key="item.dictionary_guid" :label="item.dictionary_name"
+                :value="item.dictionary_value"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span='24'>
+          <el-form-item :label-width='labelWidth' label='作品图片' prop='works_img'>
+            <UploadImage ref='uploadRef' v-model='formData.works_img' :data=uoloadData :limit='100' :fileSize='5'
+              :drag='true' :isShowTip='false' />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col>
+          <el-form-item :label-width="labelWidth" label="介绍" prop="works_intro">
+            <el-input rows="5" v-model='formData.works_intro' type="textarea" placeholder='请输入作品介绍'></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" @click="handleAddClick(formRef)" :loading="isBtnLod">添加</el-button>
+        <el-button @click="handleResetClick(formRef)">重置</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { reactive, ref, watch } from "vue";
+import { batchAddWorks } from "~/service/works";
+import { getWorksTypeList, getDictionary } from "~/service/works_type"
+import { useLoginStore } from "~/store";
+
+// --业务参数
+
+
+
+// --业务方法
+//作品类型
+const dataList = ref();
+async function getList() {
+  getWorksTypeList({ limit: 10000 }).then((res) => {
+    if (res.code == 0) {
+      dataList.value = res.data
+    }
+  })
+}
+
+// 字典获取
+const works_author_type = ref([]);
+async function get_works_author_type() {
+  await getDictionary({ dictionary_value: 'works_author_type' }).then((res) => {
+    works_author_type.value = res
+  })
+}
+
+
+// --基础参数
+const store = useLoginStore();
+const headers = {
+  Accept: "application/json",
+  ...store.headers,
+};
+
+const formRef = ref();
+const labelWidth = 90;
+const props = defineProps({
+  modelValue: Boolean,
+  done: Function,
+});
+const emits = defineEmits(["update:modelValue"]);
+const dialogVisible = ref(props.modelValue);
+const formData = reactive({
+  works_likes_count: 0
+});
+
+const uoloadData = ref({
+  dirName: "Works"
+})
+
+watch(props, (v) => {
+  dialogVisible.value = v.modelValue;
+});
+
+const rules = reactive({
+  works_img: [
+    {
+      required: true,
+      message: '作品图片不能为空'
+    }
+  ],
+  // works_intro: [
+  //   {
+  //     required: true,
+  //     message: '作品介绍不能为空'
+  //   }
+  // ],
+  works_type_guid: [
+    {
+      required: true,
+      message: '作品类型'
+    }
+  ],
+  works_likes_count: [
+    {
+      required: true,
+      message: '作品点赞数不能为空'
+    }
+  ],
+  works_author_type: [
+  {
+      required: true,
+      message: '作者类型不能为空'
+    }
+  ]
+});
+
+
+// --基础方法
+
+// 打开弹窗时执行
+const openDialog = () => {
+  getList()
+  get_works_author_type()
+};
+
+const closeDialog = () => {
+  handleResetClick(formRef.value);
+  dialogVisible.value = false;
+  emits("update:modelValue", false);
+};
+
+const isBtnLod = ref(false);
+const handleAddClick = async (formEl) => {
+  if (!formEl) return;
+  formEl.validate(async (valid) => {
+    if (!valid) {
+      return;
+    }
+    isBtnLod.value = true;
+    const { code, msg } = await batchAddWorks(formData);
+    if (code == 0) {
+      closeDialog();
+      props.done();
+      ElMessage.success(msg);
+    } else {
+      ElMessage.error(msg);
+    }
+    isBtnLod.value = false;
+  });
+};
+
+const handleResetClick = async (formEl) => {
+  if (!formEl) return;
+  formEl.resetFields();
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/pages/index/works/works_list/index.vue b/src/pages/index/works/works_list/index.vue
index d5fee40..5dd76b0 100644
--- a/src/pages/index/works/works_list/index.vue
+++ b/src/pages/index/works/works_list/index.vue
@@ -36,16 +36,21 @@
     <el-col :span="1">
       <el-button type="primary" @click="addWorksDialogVisible = true"> 添加 </el-button>
     </el-col>
+    <!-- 批量添加首页环境 -->
+    <el-col :span="1">
+      <el-button type="primary" @click="uploadWorksDialogVisible = true"> 批量添加 </el-button>
+    </el-col>
+
     <!-- 导出 -->
     <el-button icon="ElIconDocument"
       @click="exportExcel({ works_guids: selectionData.map(v => v.works_guid).join() })">导出</el-button>
     <!-- 导入 -->
-    <el-upload class="upload-demo" :action="importExcel" :headers="headers" :on-success="handleExcelSuccess"
+    <!-- <el-upload class="upload-demo" :action="importExcel" :headers="headers" :on-success="handleExcelSuccess"
       :on-progress="uploadLoading" :on-error="closeUploadLoading" :show-file-list="false">
       <el-button type="primary">导入</el-button>
-    </el-upload>
+    </el-upload> -->
     <!-- 下载导入模板 -->
-    <el-button icon="ElIconDownload" @click="downloadTemplate()">下载导入模板</el-button>
+    <!-- <el-button icon="ElIconDownload" @click="downloadTemplate()">下载导入模板</el-button> -->
     <!-- 下拉操作 -->
     <el-dropdown v-if="selectionData.length">
       <el-button type="primary">
@@ -115,6 +120,8 @@
 
   <!-- 添加作品 -->
   <AddWorksDialog v-model="addWorksDialogVisible" :done="() => tableRef.reload()"></AddWorksDialog>
+  <!-- 批量添加作品 -->
+  <UploadsWorksDialog v-model="uploadWorksDialogVisible" :done="() => tableRef.reload()"></UploadsWorksDialog>
   <!-- 编辑作品 -->
   <EditWorksDialog v-model="EditWorksDialogVisible" :data="EditWorksDialogRow" :done="() => tableRef.reload()">
   </EditWorksDialog>
@@ -126,8 +133,9 @@ import { ArrowDown } from '@element-plus/icons-vue';
 import { ref, reactive, watch } from 'vue';
 import { useLoginStore } from "~/store";
 import { getWorksList, deleteWorks, downloadTemplate, importExcel, exportExcel, editWorks } from '~/service/works';
-import { getWorksTypeList,getDictionary } from "~/service/works_type";
+import { getWorksTypeList, getDictionary } from "~/service/works_type";
 import AddWorksDialog from './components/AddWorksDialog.vue';
+import UploadsWorksDialog from './components/UploadsWorksDialog.vue';
 import EditWorksDialog from './components/EditWorksDialog.vue';
 import DetailWorksDialog from './components/DetailWorksDialog.vue';
 import createDraw from 'hyw-drag'
@@ -137,6 +145,7 @@ const selectionData = ref([]);
 const store = useLoginStore();
 
 const addWorksDialogVisible = ref(false);
+const uploadWorksDialogVisible = ref(false);
 const EditWorksDialogVisible = ref(false);
 const EditWorksDialogRow = ref({});
 const DetailWorksDialogVisible = ref(false);
diff --git a/src/service/home_works.js b/src/service/home_works.js
index 854234f..4cfca29 100644
--- a/src/service/home_works.js
+++ b/src/service/home_works.js
@@ -1,31 +1,31 @@
-import { api, downloadFile, createApiUrl} from '~/utils/axios';
+import { api, downloadFile, createApiUrl } from '~/utils/axios';
 
 
-                       /**
-                       * 导出首页作品
-                       * @param {Object} data
-                       * @return {Promise} api
-                       */
-                       export function exportExcel(data) {
-                           downloadFile(createApiUrl('Home.HomeWorks/exportExcel'), data);
-                       }
-                       
+/**
+* 导出首页作品
+* @param {Object} data
+* @return {Promise} api
+*/
+export function exportExcel(data) {
+  downloadFile(createApiUrl('Home.HomeWorks/exportExcel'), data);
+}
 
 
 
 
 
 
-                       /**
-                        * 获取字典值
-                        * @param {Object} data
-                        * @return {Promise} api
-                        */
-                       export function getDictionary(data) {
-                         return api.post('Dictionary.Dictionary/getDictionary', data, {
-                         });
-                       }
-                       
+
+/**
+ * 获取字典值
+ * @param {Object} data
+ * @return {Promise} api
+ */
+export function getDictionary(data) {
+  return api.post('Dictionary.Dictionary/getDictionary', data, {
+  });
+}
+
 
 /**
  * 获取首页作品列表
@@ -61,6 +61,20 @@ export function addHomeWorks(data) {
     errorMessageText: '添加失败'
   });
 }
+
+/**
+ * 添加首页作品
+ * @param {Object} data
+ * @return {Promise} api
+ */
+export function batchAddHomeWorks(data) {
+  return api.post('Home.HomeWorks/batchAddHomeWorks', data, {
+    isTransformResponse: true,
+    isShowSuccessMessage: true,
+    errorMessageText: '添加失败'
+  });
+}
+
 /**
  * 编辑首页作品
  * @param {Object} data
diff --git a/src/service/works.js b/src/service/works.js
index 1a787c1..093e3eb 100644
--- a/src/service/works.js
+++ b/src/service/works.js
@@ -64,6 +64,20 @@ export function addWorks(data) {
     errorMessageText: '添加失败'
   });
 }
+
+/**
+ * 批量添加作品
+ * @param {Object} data
+ * @return {Promise} api
+ */
+export function batchAddWorks(data) {
+  return api.post('Works.Works/batchAddWorks', data, {
+    // isTransformResponse: true,
+    // isShowSuccessMessage: true,
+    errorMessageText: '添加失败'
+  });
+}
+
 /**
  * 编辑作品
  * @param {Object} data