Merge branch 'prod' of https://newgitea.sxczgkj.cn/czg_team/cashier-web into test
This commit is contained in:
@@ -1,28 +1,53 @@
|
||||
<template>
|
||||
<el-dialog v-model="dialogVisible" title="选择图片" width="50%">
|
||||
<el-container>
|
||||
<el-aside style="background-color: #fff;border-right: 1px solid #ccc;" width="150px">
|
||||
<el-aside style="background-color: #fff; border-right: 1px solid #ccc" width="150px">
|
||||
<el-button @click="addtype">新增分类</el-button>
|
||||
<ul style="padding-left: 0;margin: 0;">
|
||||
<li style="cursor: pointer;width: 90%;margin: 10px 0 ;" v-for="item in options" :key="item.id"
|
||||
:class="[activedata == item.id ? 'activedata' : '']" @click="changeEvent(item.id)">
|
||||
<div style="display: flex;align-items: center;justify-content: space-between;">
|
||||
<ul style="padding-left: 0; margin: 0">
|
||||
<li
|
||||
style="cursor: pointer; width: 90%; margin: 10px 0"
|
||||
v-for="item in options"
|
||||
:key="item.id"
|
||||
:class="[activedata == item.id ? 'activedata' : '']"
|
||||
@click="changeEvent(item.id)"
|
||||
>
|
||||
<div style="display: flex; align-items: center; justify-content: space-between">
|
||||
{{ item.name }}
|
||||
<div>
|
||||
<span @click="edittype(item)" v-if="activedata == item.id && item.isSystem != 1"
|
||||
style="color: #999;">修改</span>
|
||||
<span @click="deletetype(item.id)" v-if="activedata == item.id && item.isSystem != 1"
|
||||
style="color: #999;">删除</span>
|
||||
<span
|
||||
@click="edittype(item)"
|
||||
v-if="activedata == item.id && item.isSystem != 1"
|
||||
style="color: #999"
|
||||
>
|
||||
修改
|
||||
</span>
|
||||
|
||||
<span
|
||||
@click="deletetype(item.id)"
|
||||
v-if="activedata == item.id && item.isSystem != 1"
|
||||
style="color: #999"
|
||||
>
|
||||
删除
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</el-aside>
|
||||
<el-main>
|
||||
<imageComponent v-if="activedata" @onSelectImage="onSelectImage" @getList="getList" :activedata="activedata"
|
||||
:list='dataImages'>
|
||||
</imageComponent>
|
||||
<mypagination :total="total" v-if="activedata" @gopageEvent="handleCurrentChange"></mypagination>
|
||||
<imageComponent
|
||||
v-if="activedata"
|
||||
@onSelectImage="onSelectImage"
|
||||
@getList="getList"
|
||||
:activedata="activedata"
|
||||
:list="dataImages"
|
||||
></imageComponent>
|
||||
<mypagination
|
||||
:total="total"
|
||||
v-if="activedata"
|
||||
@gopageEvent="handleCurrentChange"
|
||||
></mypagination>
|
||||
</el-main>
|
||||
</el-container>
|
||||
<template #footer>
|
||||
@@ -38,14 +63,16 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import API from './addImgconfig/gallery'
|
||||
import API2 from './addImgconfig/picture'
|
||||
import myDialog from './myDialog.vue'
|
||||
import imageComponent from './addImgconfig/imageComponent.vue'
|
||||
import mypagination from './addImgconfig/mypagination.vue'
|
||||
import API from "./addImgconfig/gallery";
|
||||
import API2 from "./addImgconfig/picture";
|
||||
import myDialog from "./myDialog.vue";
|
||||
import imageComponent from "./addImgconfig/imageComponent.vue";
|
||||
import mypagination from "./addImgconfig/mypagination.vue";
|
||||
export default {
|
||||
components: {
|
||||
imageComponent, mypagination, myDialog
|
||||
imageComponent,
|
||||
mypagination,
|
||||
myDialog,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -57,127 +84,122 @@ export default {
|
||||
dataImages: [],
|
||||
options: [],
|
||||
fileList: [],
|
||||
editId: '',
|
||||
editId: "",
|
||||
// 新增分类
|
||||
typedata: '',
|
||||
typedata: "",
|
||||
showUpload: false,
|
||||
page: 1,
|
||||
total: 0,
|
||||
pageSize: 18,
|
||||
activedata: '',
|
||||
title: '新增分类',
|
||||
|
||||
}
|
||||
activedata: "",
|
||||
title: "新增分类",
|
||||
};
|
||||
},
|
||||
async mounted() {
|
||||
await this.getType()
|
||||
this.getList()
|
||||
|
||||
await this.getType();
|
||||
// this.getList();
|
||||
},
|
||||
methods: {
|
||||
async subitgood() {
|
||||
if (this.typedata) {
|
||||
let res = ''
|
||||
if (this.title == '新增分类') {
|
||||
let res = "";
|
||||
if (this.title == "新增分类") {
|
||||
res = await API.add({
|
||||
sort: '1',
|
||||
name: this.typedata
|
||||
sort: "1",
|
||||
name: this.typedata,
|
||||
});
|
||||
} else {
|
||||
res = await API.update({
|
||||
sort: '1',
|
||||
sort: "1",
|
||||
name: this.typedata,
|
||||
id: this.editId
|
||||
id: this.editId,
|
||||
});
|
||||
}
|
||||
if (res.code == 200) {
|
||||
this.getType()
|
||||
this.getType();
|
||||
ElMessage({
|
||||
type: 'success',
|
||||
message: '成功',
|
||||
})
|
||||
this.$refs.myDialogRef.close()
|
||||
this.typedata = ''
|
||||
type: "success",
|
||||
message: "成功",
|
||||
});
|
||||
this.$refs.myDialogRef.close();
|
||||
this.typedata = "";
|
||||
}
|
||||
}
|
||||
},
|
||||
changeEvent(id) {
|
||||
this.page = 1
|
||||
this.pageSize = 18
|
||||
this.activedata = id
|
||||
this.getList()
|
||||
this.page = 1;
|
||||
this.pageSize = 18;
|
||||
this.activedata = id;
|
||||
this.getList();
|
||||
},
|
||||
handleCurrentChange(i) {
|
||||
this.page = i
|
||||
this.getList()
|
||||
this.page = i;
|
||||
this.getList();
|
||||
},
|
||||
Confirm() {
|
||||
this.dialogVisible = false
|
||||
console.log(1111111111111, this.selectImage)
|
||||
this.$emit('successEvent', this.selectImage)
|
||||
this.dialogVisible = false;
|
||||
console.log(1111111111111, this.selectImage);
|
||||
this.$emit("successEvent", this.selectImage);
|
||||
},
|
||||
handleBeforeRemove(file, fileList) {
|
||||
let index = this.files.findIndex(ele => ele.name == file.name)
|
||||
let index = this.files.findIndex((ele) => ele.name == file.name);
|
||||
this.files.splice(index, 1);
|
||||
},
|
||||
handleSuccess(response, file, fileList) {
|
||||
this.files.push(file)
|
||||
this.files.push(file);
|
||||
},
|
||||
async deletetype(id) {
|
||||
ElMessageBox.confirm(
|
||||
'删除该类型, 是否继续?',
|
||||
'提示',
|
||||
{
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
}
|
||||
)
|
||||
ElMessageBox.confirm("删除该类型, 是否继续?", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
})
|
||||
.then(async () => {
|
||||
const res = await API.deleteByIds(id);
|
||||
if (res.code == 200) {
|
||||
ElMessage({
|
||||
type: 'success',
|
||||
message: '成功',
|
||||
})
|
||||
this.getType()
|
||||
type: "success",
|
||||
message: "成功",
|
||||
});
|
||||
this.getType();
|
||||
}
|
||||
|
||||
})
|
||||
.catch(() => {
|
||||
})
|
||||
.catch(() => {});
|
||||
},
|
||||
addtype() {
|
||||
this.title = '新增分类'
|
||||
this.$refs.myDialogRef.open()
|
||||
this.title = "新增分类";
|
||||
this.$refs.myDialogRef.open();
|
||||
},
|
||||
show() {
|
||||
this.dialogVisible = true
|
||||
this.dialogVisible = true;
|
||||
},
|
||||
edittype(item) {
|
||||
this.editId = item.id
|
||||
this.typedata = item.name
|
||||
this.title = '修改分类'
|
||||
this.$refs.myDialogRef.open()
|
||||
this.editId = item.id;
|
||||
this.typedata = item.name;
|
||||
this.title = "修改分类";
|
||||
this.$refs.myDialogRef.open();
|
||||
},
|
||||
|
||||
|
||||
async getList() {
|
||||
const res = await API2.getPage({ pictureClassifyId: this.activedata, page: this.page, size: this.pageSize });
|
||||
this.dataImages = res.records
|
||||
this.total = res.totalRow
|
||||
const res = await API2.getPage({
|
||||
pictureClassifyId: this.activedata,
|
||||
page: this.page,
|
||||
size: this.pageSize,
|
||||
});
|
||||
this.dataImages = res.records;
|
||||
this.total = res.totalRow;
|
||||
},
|
||||
async getType() {
|
||||
const res = await API.getList({});
|
||||
this.options = res
|
||||
this.activedata = res[0].id
|
||||
this.getList()
|
||||
this.options = res;
|
||||
this.activedata = res[0].id;
|
||||
this.getList();
|
||||
},
|
||||
onSelectImage(d) {
|
||||
this.selectImage = [d]
|
||||
}
|
||||
}
|
||||
}
|
||||
this.selectImage = [d];
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.activedata {
|
||||
@@ -190,4 +212,4 @@ export default {
|
||||
/* position: absolute; */
|
||||
/* bottom: 20px; */
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -304,62 +304,6 @@ onMounted(() => {
|
||||
gethaocaiList();
|
||||
});
|
||||
|
||||
if (isSyncStatus()) {
|
||||
contentConfig.toolbar[0].hidden = true;
|
||||
contentConfig.toolbar[1].hidden = false;
|
||||
contentConfig.cols[contentConfig.cols.length - 1].operat[2].hidden = true;
|
||||
} else {
|
||||
contentConfig.toolbar[0].hidden = false;
|
||||
contentConfig.toolbar[1].hidden = true;
|
||||
contentConfig.cols[contentConfig.cols.length - 1].operat[2].hidden = false;
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
console.log(route.query);
|
||||
if (route.query.id) {
|
||||
contentRef.value?.fetchPageData({ id: route.query.id });
|
||||
}
|
||||
// 获取耗材列表
|
||||
gethaocaiList();
|
||||
});
|
||||
|
||||
if (isSyncStatus()) {
|
||||
contentConfig.toolbar[0].hidden = true;
|
||||
contentConfig.toolbar[1].hidden = false;
|
||||
contentConfig.cols[contentConfig.cols.length - 1].operat[2].hidden = true;
|
||||
} else {
|
||||
contentConfig.toolbar[0].hidden = false;
|
||||
contentConfig.toolbar[1].hidden = true;
|
||||
contentConfig.cols[contentConfig.cols.length - 1].operat[2].hidden = false;
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
console.log(route.query);
|
||||
if (route.query.id) {
|
||||
contentRef.value?.fetchPageData({ id: route.query.id });
|
||||
}
|
||||
// 获取耗材列表
|
||||
gethaocaiList();
|
||||
});
|
||||
|
||||
if (isSyncStatus()) {
|
||||
contentConfig.toolbar[0].hidden = true;
|
||||
contentConfig.toolbar[1].hidden = false;
|
||||
contentConfig.cols[contentConfig.cols.length - 1].operat[2].hidden = true;
|
||||
} else {
|
||||
contentConfig.toolbar[0].hidden = false;
|
||||
contentConfig.toolbar[1].hidden = true;
|
||||
contentConfig.cols[contentConfig.cols.length - 1].operat[2].hidden = false;
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
console.log(route.query);
|
||||
if (route.query.id) {
|
||||
contentRef.value?.fetchPageData({ id: route.query.id });
|
||||
}
|
||||
// 获取耗材列表
|
||||
gethaocaiList();
|
||||
});
|
||||
function newHandleQueryClick(e: IObject | undefined) {
|
||||
const filterParams = contentRef.value?.getFilterParams();
|
||||
contentRef.value?.fetchPageData({ ...e, ...filterParams }, true);
|
||||
|
||||
Reference in New Issue
Block a user