php/houde_web_back
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:作品模块页面修改

Browse Source
This commit is contained in:
xjh 2023-04-19 09:55:34 +08:00
parent 2915862e26
commit 1293c3af77
5 changed files with 30 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
src/pages/index/works/works_list/index.vue
View File

@ -64,8 +64,9 @@
</el-dropdown>
</el-space>
<!-- 数据表格 -->
<DataTable ref="tableRef" style="width: 100%" :onSelectionChange="data => (selectionData = data)" :column="column"
:params="params" :request="params => getWorksList(params)">
<DataTable ref="tableRef" style="width: 100%" v-loading="loading"
:onSelectionChange="data => (selectionData = data)" :column="column" :params="params"
:request="params => tableDataInit(params)">
<!-- 图片 -->
<template #works_img="scope">
<el-image v-if="scope.row.works_img" :src="scope.row.works_img.split(',')[0]" lazy
@ -75,7 +76,7 @@
</template>
<!-- 排序 -->
<template #works_order="scope">
<el-input-number :disabled="orderLoading" v-model='scope.row.works_order' controls-position="right"
<el-input-number :disabled="loading" v-model='scope.row.works_order' controls-position="right"
@change="handleEditOrder(scope.row)"></el-input-number>
</template>
<!-- 作品类型 -->
@ -88,7 +89,7 @@
</template>
<!-- 作品点赞数 -->
<template #works_likes_count="scope">
<el-input-number :disabled="likeCountLoading" v-model='scope.row.works_likes_count' controls-position="right"
<el-input-number :disabled="loading" v-model='scope.row.works_likes_count' controls-position="right"
@change="handleEditLikeCount(scope.row)"></el-input-number>
</template>
<template #chaoz="scope">
@ -223,53 +224,47 @@ async function getClassesData() {
await getClassesList().then((res) => classesData.value = res.data)
}
//排序
//表格数据获取及拖拽处理
let drag = ref(false)
const tableExpandAll = ref(false)
// 表格数据初始化
function tableDataInit() {
tableRef.value.reload();
let tableData = ref();
async function tableDataInit(params) {
await getWorksList(params).then((res) => tableData.value = res)
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') })
drag.value === false && (drag.value = createDraw(document.getElementsByClassName('el-table__row')[0].parentElement))
})
return tableData.value;
}
watch(drag, () => {
drag.value.start(() => {
dataList.value.map(item => {
tableRef.value.toggleRowExpansion(item, false)
})
tableExpandAll.value = false
})
const orderField = 'works_order';
drag.value.drop((info) => {
let targetIdx = [...document.getElementsByClassName('row1')].indexOf(info.el)
let sourceIdx = [...document.getElementsByClassName('row1')].indexOf(info.info.source.el)
let orderIdx = dataList.value[sourceIdx]['works_order']
dataList.value[targetIdx]['works_order'] = orderIdx
handleEditOrder(dataList.value[targetIdx])
let orderIdx = tableData.value.data[sourceIdx][orderField]
tableData.value.data[targetIdx][orderField] = orderIdx
handleEditOrder(tableData.value.data[targetIdx])
})
})
//排序
const orderLoading = ref(false)
const loading = ref(false)
async function handleEditOrder(data) {
orderLoading.value = true
loading.value = true
const { code } = await editWorks(data);
if (code == 0) {
tableDataInit()
orderLoading.value = false
loading.value = false
tableRef.value.reload()
}
}
//点赞
const likeCountLoading = ref(false)
async function handleEditLikeCount(data) {
likeCountLoading.value = true
loading.value = true
const { code } = await editWorks(data);
if (code == 0) {
tableDataInit()
likeCountLoading.value = false
loading.value = false
tableRef.value.reload()
}
}

2
src/pages/index/works/works_type/components/AddWorksTypeDialog.vue
View File

@ -3,7 +3,7 @@
<el-form ref="formRef" :model="formData" :rules="rules">
<el-row>
<el-col :lg="24">
<el-form-item :label-width="labelWidth" label="上级菜单" prop="works_type_parent_guid">
<el-form-item :label-width="labelWidth" label="上级类型" prop="works_type_parent_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_parent_guid">

2
src/pages/index/works/works_type/components/DetailWorksTypeDialog.vue
View File

@ -3,7 +3,7 @@
<el-form ref="formRef" :model="formData" :disabled="true">
<el-row>
<el-col :lg="24">
<el-form-item :label-width="labelWidth" label="上级菜单" prop="works_type_parent_guid">
<el-form-item :label-width="labelWidth" label="上级类型" prop="works_type_parent_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_parent_guid">

2
src/pages/index/works/works_type/components/EditWorksTypeDialog.vue
View File

@ -3,7 +3,7 @@
<el-form ref="formRef" :model="formData" :rules="rules">
<el-row>
<el-col :lg="24">
<el-form-item :label-width="labelWidth" label="上级菜单" prop="works_type_parent_guid">
<el-form-item :label-width="labelWidth" label="上级类型" prop="works_type_parent_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_parent_guid">

11
src/pages/index/works/works_type/index.vue
View File

@ -22,7 +22,7 @@
</el-col>
<!-- 导出 -->
<el-button icon="ElIconDocument"
@click="exportExcel({works_type_guids: selectionData.map(v => v.works_type_guid).join()})">导出</el-button>
@click="exportExcel({ works_type_guids: selectionData.map(v => v.works_type_guid).join() })">导出</el-button>
<!-- 导入 -->
<el-upload class="upload-demo" :action="importExcel" :headers="headers" :on-success="handleExcelSuccess"
:on-progress="uploadLoading" :on-error="closeUploadLoading" style="margin-left: 10px" :show-file-list="false">
@ -174,11 +174,10 @@ const handleExcelSuccess = (value) => {
getList()
};
//表格数据获取及拖拽处理
const loading = ref(false)
const dataList = ref([])
//排序
let drag = ref(false)
// 查询数据
function getList() {
loading.value = true
getWorksTypeList(params).then((res) => {
@ -194,8 +193,8 @@ function getList() {
})
}
watch(drag, () => {
const orderField = 'works_type_order';
drag.value.start(() => {
dataList.value.map(item => {
tableRef.value.toggleRowExpansion(item, false)
@ -205,8 +204,8 @@ watch(drag, () => {
drag.value.drop((info) => {
let targetIdx = [...document.getElementsByClassName('row1')].indexOf(info.el)
let sourceIdx = [...document.getElementsByClassName('row1')].indexOf(info.info.source.el)
let orderIdx = dataList.value[sourceIdx]['works_type_order']
dataList.value[targetIdx]['works_type_order'] = orderIdx
let orderIdx = dataList.value[sourceIdx][orderField]
dataList.value[targetIdx][orderField] = orderIdx
handleEditOrder(dataList.value[targetIdx])
})
})