fix:二级菜单样式修改、作品类型模块修改

src/layout/components/Menu.vue

@@ -15,7 +15,7 @@
       <!-- 二级菜单 -->
       <el-sub-menu :index="item.url" v-else>
         <template #title>
-          <template v-if="props.showIcon && item.icon">
+          <template v-if="item.icon">
             <el-icon style="color: white">
               <component :is="item.icon"></component>
             </el-icon>
@@ -50,10 +50,17 @@ const isShow = ({ show }) => {
 .el-menu-item {
   background-color: #2b333e !important;
 }
+
+/* 二级菜单栏背景 */
+.el-sub-menu {
+  background-color: #2b333e !important;
+}
+
 /* 一级菜单移入移出 */
 .el-menu-item:hover {
   background-color: none !important;
 }
+
 /* 二级菜单移入移出 */
 .el-sub-menu:hover {
   background-color: none !important;
@@ -61,7 +68,7 @@ const isShow = ({ show }) => {
 
 /* 二级菜单2移入移出 */
 .el-sub-menu__title:hover {
-  background-color: rgba(0,0,0,0) !important;
+  background-color: rgba(0, 0, 0, 0) !important;
 }
 
 /* 选中背景颜色 */
@@ -70,7 +77,7 @@ const isShow = ({ show }) => {
 }
 
 /* 二级菜单开展箭头图标 */
-.el-sub-menu__icon-arrow>svg{
+.el-sub-menu__icon-arrow>svg {
-  color:white;
+  color: white;
 }
 </style>

src/pages/index/works/works_type/components/AddWorksTypeDialog.vue

@@ -1,7 +1,7 @@
 <template>
   <el-dialog v-model="dialogVisible" title="添加作品类型" width="900px" @closed="closeDialog" @open="openDialog">
     <el-form ref="formRef" :model="formData" :rules="rules">
-      <el-row>
+      <!-- <el-row>
         <el-col :lg="24">
           <el-form-item :label-width="labelWidth" label="上级类型" prop="works_type_parent_guid">
             <el-cascader class="w100" filterable :options="dataList"
@@ -14,7 +14,7 @@
             </el-cascader>
           </el-form-item>
         </el-col>
-      </el-row>
+      </el-row> -->
 
       <el-row>
         <el-col :span="12">
@@ -131,10 +131,13 @@ const handleAddClick = async (formEl) => {
       return;
     }
     isBtnLod.value = true;
-    const { code } = await addWorksType(formData);
+    const { code, msg } = await addWorksType(formData);
     if (code == 0) {
       closeDialog();
       props.done();
+      ElMessage.success(msg);
+    } else {
+      ElMessage.error(msg);
     }
     isBtnLod.value = false;
   });

src/pages/index/works/works_type/components/EditWorksTypeDialog.vue

@@ -1,7 +1,7 @@
 <template>
   <el-dialog v-model="props.modelValue" title="编辑作品类型" width="900px" @closed="closeDialog" @open="openDialog">
     <el-form ref="formRef" :model="formData" :rules="rules">
-      <el-row>
+      <!-- <el-row>
         <el-col :lg="24">
           <el-form-item :label-width="labelWidth" label="上级类型" prop="works_type_parent_guid">
             <el-cascader class="w100" filterable :options="dataList"
@@ -14,7 +14,7 @@
             </el-cascader>
           </el-form-item>
         </el-col>
-      </el-row>
+      </el-row> -->
       <el-row>
         <el-col :span="12">
           <el-form-item :label-width="labelWidth" label="类型名称" prop="works_type_name">
@@ -122,10 +122,13 @@ const handleEditClick = async (formEl) => {
       return;
     }
     isBtnLod.value = true;
-    const { code } = await editWorksType(formData.value);
+    const { code, msg } = await editWorksType(formData.value);
     if (code == 0) {
       closeDialog();
       props.done();
+      ElMessage.success(msg);
+    } else {
+      ElMessage.error(msg);
     }
     isBtnLod.value = false;
   });

src/pages/index/works/works_type/index.vue

@@ -65,6 +65,12 @@
       </template>
     </el-table-column>
   </el-table>
+  <!-- 分页 -->
+  <div class="pagination">
+    <el-pagination v-model:current-page="page" v-model:page-size="limit" :page-sizes="pageSizesData" background
+      layout="total, sizes, prev, pager, next, jumper" :total="pageCount" @size-change="handleSizeChange"
+      @current-change="handleCurrentChange" />
+  </div>
 
   <!-- 添加作品类型 -->
   <AddWorksTypeDialog v-model="addWorksTypeDialogVisible" :done="() => getList()"></AddWorksTypeDialog>
@@ -102,12 +108,6 @@ const headers = {
   ...store.headers,
 };
 
-
-// 查询参数
-const params = reactive({
-  works_type_name: "",
-});
-
 const handleCommand = ({ type, row }) => {
   switch (type) {
     case "detail":
@@ -174,6 +174,23 @@ const handleExcelSuccess = (value) => {
   getList()
 };
 
+//分页处理
+const pageSizesData = [10, 20, 30, 40, 50, 100];
+const pageCount = ref(0)
+const page = ref(1)
+const limit = ref(10)
+//每页展示数量事件
+const handleSizeChange = () => getList()
+//页数点击事件
+const handleCurrentChange = () => getList()
+
+// 查询参数
+const params = reactive({
+  works_type_name: "",
+  page: page,
+  limit: limit,
+});
+
 //表格数据获取及拖拽处理
 const loading = ref(false)
 const dataList = ref([])
@@ -183,6 +200,7 @@ function getList() {
   getWorksTypeList(params).then((res) => {
     if (res.code == 0) {
       dataList.value = res.data
+      pageCount.value= res.count
       setTimeout(() => {
         [...document.getElementsByClassName('el-table__row')].map(item => { item.classList.add('row1') });
         [...document.getElementsByClassName('el-table__row--level-1')].map(item => { item.classList.remove('row1') })
@@ -214,3 +232,10 @@ getList()
 
 
 </script>
+
+<style>
+.pagination {
+  width: 100%;
+  margin: 0 auto;
+}
+</style>

src/service/works_type.js

@@ -59,8 +59,8 @@ export function deleteWorksType(data) {
  */
 export function addWorksType(data) {
   return api.post('Works.WorksType/addWorksType', data, {
-    isTransformResponse: true,
+    // isTransformResponse: true,
-    isShowSuccessMessage: true,
+    // isShowSuccessMessage: true,
     errorMessageText: '添加失败'
   });
 }
@@ -71,8 +71,8 @@ export function addWorksType(data) {
  */
 export function editWorksType(data) {
   return api.post('Works.WorksType/editWorksType', data, {
-    isTransformResponse: true,
+    // isTransformResponse: true,
-    isShowSuccessMessage: true,
+    // isShowSuccessMessage: true,
     errorMessageText: '编辑失败'
   });
 }