吴门医述

This commit is contained in:
徐哼唧L
2024-01-16 11:16:42 +08:00
parent 454c162b4e
commit b9ca779f7a
4 changed files with 761 additions and 735 deletions

View File

@@ -419,10 +419,10 @@
// 表单提交
dataFormSubmit() {
console.log('11111', this.dataForm.medicaldesBookType)
if (this.dataForm.medicaldesBookType.length == 0) {
this.$message.error("请选择图书类型");
return
}
// if (this.dataForm.medicaldesBookType.length == 0) {
// this.$message.error("请选择图书类型");
// return
// }
this.$refs['dataForm'].validate((valid) => {
if (valid) {
this.$http({

View File

@@ -15,25 +15,17 @@
<el-button v-if="isAuth('book:shopproduct:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
</el-form-item>
</el-form>
<el-table
:data="dataList"
border
v-loading="dataListLoading"
style="width: 100%;">
<el-table-column
prop="name"
header-align="center"
align="center"
label="姓名">
<el-table :data="dataList" border v-loading="dataListLoading" style="width: 100%;">
<el-table-column prop="name" header-align="center" align="center" label="姓名">
</el-table-column>
<el-table-column label="url" align="center">
<template slot-scope="scope">
<a :href ="'http://' + scope.row.url" target="_blank">{{ scope.row.url }}</a>
<a :href="'http://' + scope.row.url" target="_blank">{{ scope.row.url }}</a>
</template>
</el-table-column>
<el-table-column label="图片" align="center">
<template slot-scope="scope">
<img :src="scope.row.img" alt="" style="width:70px;height:100px" />
<img v-for="item in scope.row.imgList" :src="item.url" alt="" style="width:70px;height:100px;margin: 0 5px;" />
</template>
</el-table-column>
<!-- <el-table-column label="内容" align="center" prop="content">
@@ -49,29 +41,25 @@
{{ translateaddr(scope.row.cityId) }}
</template>
</el-table-column>
<el-table-column
fixed="right"
header-align="center"
align="center"
width="150"
label="操作">
<el-table-column label="排序" align="center" prop="sort" width="50">
<template slot-scope="scope">
{{ scope.row.sort }}
</template>
</el-table-column>
<el-table-column fixed="right" header-align="center" align="center" width="100" label="操作">
<template slot-scope="scope">
<el-button type="text" size="small" @click="editOrUpdateHandle(scope.row)">修改</el-button>
<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[10, 20, 50, 100]"
:page-size="pageSize"
:total="totalPage"
<el-pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" :current-page="pageIndex"
:page-sizes="[10, 20, 50, 100]" :page-size="pageSize" :total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<el-dialog :visible.sync="addOrUpdateVisible" :append-to-body="true" :title="titlesub" width="50%" @close="cancleClose">
<el-dialog :visible.sync="addOrUpdateVisible" :close-on-click-modal="false" :append-to-body="true" :title="titlesub" width="50%"
@close="cancleClose">
<el-form :inline="true" :model="addForm" ref="addFormRef" :rules="addFormRule">
<el-row type="flex" justify="center">
<el-form-item label="姓名" prop="name">
@@ -98,31 +86,29 @@
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="地址" prop="cityId" label-width="48px">
<el-select v-model="addForm.provId" placeholder="请选择省份" style="width:249px"
@change="provinceChange">
<el-option v-for="item in provinceEntity" :key="item.provId" :label="item.provName"
:value="item.provId">
<el-select v-model="addForm.provId" placeholder="请选择省份" style="width:249px" @change="provinceChange">
<el-option v-for="item in provinceEntity" :key="item.provId" :label="item.provName" :value="item.provId">
</el-option>
</el-select>
<el-select v-model="addForm.cityId" placeholder="请选择市" style="width:249px">
<el-option v-for="item in cityEntity" :key="item.cityId" :label="item.cityName"
:value="item.cityId">
<el-option v-for="item in cityEntity" :key="item.cityId" :label="item.cityName" :value="item.cityId">
</el-option>
</el-select>
</el-form-item>
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="图片" prop="img" label-width="48px">
<el-upload :limit="1" class="el-uploadfeng "
ref="files"
<el-upload class="el-uploadfeng " ref="files"
:class="{ uoloadSty: dataForm.showBtnDealImg, disUoloadSty: dataForm.noneBtnImg }"
:action="baseUrl + '/oss/fileoss'" list-type="picture-card" :on-preview="handlePictureCardPreview"
:file-list="fileList" :on-success="handlePicSuccess" accept=".jpeg,.jpg,.gif,.png" :on-remove="handleRemove">
:action="baseUrl + '/oss/fileoss'" list-type="picture-card" :file-list="fileList"
:on-success="handlePicSuccess" accept=".jpeg,.jpg,.gif,.png" :on-remove="handleRemove">
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
<img width="100%" :src="addForm.productImages" alt="">
</el-dialog>
</el-form-item>
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="排序" label-width="48px">
<el-input style="width:500px" v-model="addForm.sort"></el-input>
</el-form-item>
</el-row>
</el-form>
@@ -136,9 +122,9 @@
</div>
</template>
<script>
import global from '../../common/common.vue' //引入共用组间
export default {
data () {
import global from '../../common/common.vue' //引入共用组间
export default {
data() {
return {
baseUrl: global.baseUrl,
cityEntity: [],
@@ -146,24 +132,30 @@ export default {
typeList: [], //类型列表
booknameList: [],
dataForm: {
dictType: '',//分类
bookName: '',//书名
dictType: '', //分类
bookName: '', //书名
},
fileList: [],
addForm: {
id: '',//新增不传
id: '', //新增不传
name: '', //姓名
typeId: '',//分类
typeId: '', //分类
url: '',
content: '',
cityId: '',
provId: '',
productImages: ''
sort: 0
},
editId: '',
addFormRule: {
typeId: [{required: true, message: "请选择分类" }],
name: [{required: true, message: "请输入姓名"}]
typeId: [{
required: true,
message: "请选择分类"
}],
name: [{
required: true,
message: "请输入姓名"
}]
},
dataList: [],
// publishStatus: false,
@@ -173,7 +165,7 @@ export default {
dataListLoading: false,
dataListSelections: [],
addOrUpdateVisible: false,
bookIds:[],
bookIds: [],
titlesub: '新增',
dialogVisible: false
}
@@ -186,17 +178,19 @@ export default {
this.gettypeList()
this.getprovinceEntity()
},
activated () {
activated() {
this.getDataList()
this.gettypeList()
this.getprovinceEntity()
},
methods: {
gettypeList () {
gettypeList() {
this.$http({
url: this.$http.adornUrl('/book/medicaldes/typeList?label=inheritType'),
method: 'post',
}).then(({data}) => {
}).then(({
data
}) => {
if (data && data.code === 0) {
this.typeList = data.result
@@ -206,7 +200,7 @@ export default {
})
},
// 获取数据列表
getDataList () {
getDataList() {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/book/medicaldes/inheritListByPage'),
@@ -217,9 +211,25 @@ export default {
"current": this.pageIndex,
"limit": this.pageSize
})
}).then(({data}) => {
}).then(({
data
}) => {
if (data && data.code === 0) {
this.dataList = data.result.records
for (let i = 0; i < this.dataList.length; i++) {
let imgList = []
if (this.dataList[i].img != '') {
let arr = this.dataList[i].img.split(';');
arr.forEach((item, index) => {
imgList.push({
name: index,
url: item
})
})
}
this.dataList[i].imgList = imgList
}
this.totalPage = data.result.total
} else {
this.dataList = []
@@ -235,52 +245,45 @@ export default {
this.$http({
url: this.$http.adornUrl(`/api/province/getCityList?provId=${this.addForm.provId}`),
method: 'post',
}).then(({data}) => {
}).then(({
data
}) => {
if (data && data.code === 0) {
this.cityEntity = data.prov
console.log('data67y8ui9', data);
} else {
}
} else {}
})
},
// 每页数
sizeChangeHandle (val) {
sizeChangeHandle(val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
// 当前页
currentChangeHandle (val) {
currentChangeHandle(val) {
this.pageIndex = val
this.getDataList()
},
// 多选
selectionChangeHandle (val) {
selectionChangeHandle(val) {
this.dataListSelections = val
},
// 新增 / 修改
editOrUpdateHandle (row) {
editOrUpdateHandle(row) {
console.log('rowzz', row.img);
this.titlesub = '修改'
this.editId = row.id
this.addForm.name = row.name
this.addForm.url = row.url
this.addForm.productImages = row.img
this.addForm.content = row.content
this.addForm.typeId = row.type.toString()
this.fileList = []
var img = {
name: '',
url: row.img
}
var attr = []
attr.push(img)
this.fileList = attr
console.log('this.fileList', this.fileList);
for(var i = 0; i< this.provinceEntity.length; i++) {
for(var j = 0; j< this.provinceEntity[i].cityList.length; j++) {
if(this.provinceEntity[i].cityList[j].cityId == row.cityId) {
this.addForm.sort = row.sort
this.fileList = row.imgList
for (var i = 0; i < this.provinceEntity.length; i++) {
for (var j = 0; j < this.provinceEntity[i].cityList.length; j++) {
if (this.provinceEntity[i].cityList[j].cityId == row.cityId) {
this.addForm.provId = this.provinceEntity[i].cityList[j].provId
}
}
@@ -300,14 +303,14 @@ export default {
this.addOrUpdateVisible = false
this.$refs["addFormRef"].resetFields();
this.addForm = {
id: '',//新增不传
id: '', //新增不传
name: '', //姓名
typeId: '',//分类
typeId: '', //分类
url: '',
content: '',
cityId: '',
provId: '',
productImages: ''
sort: 0
}
this.fileList = []
},
@@ -315,7 +318,9 @@ export default {
this.$http({
url: this.$http.adornUrl('/api/province/getProvince'),
method: 'get',
}).then(({ data }) => {
}).then(({
data
}) => {
if (data && data.code === 0) {
this.provinceEntity = data.provinceEntity
console.log('this.provinceEntit', this.provinceEntity);
@@ -326,7 +331,7 @@ export default {
},
// 删除
deleteHandle (id) {
deleteHandle(id) {
this.$confirm('请确认是否删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
@@ -335,7 +340,9 @@ export default {
this.$http({
url: this.$http.adornUrl(`/book/medicaldes/delInherit?id=${id}`),
method: 'post',
}).then(({data}) => {
}).then(({
data
}) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
@@ -353,7 +360,17 @@ export default {
},
addOreEditCate() {
this.$refs["addFormRef"].validate(valid => {
if(valid) {
if (valid) {
var imageslist = []
var arr = []
if (this.fileList.length > 0) {
arr = this.fileList.map(item => {
return item.url
})
}
imageslist = arr.join(";");
this.$http({
url: this.$http.adornUrl('/book/medicaldes/saveOrUpdateInherit'),
method: 'post',
@@ -361,12 +378,15 @@ export default {
"id": this.editId, //新增不传
"name": this.addForm.name,
"url": this.addForm.url,
"img": this.addForm.productImages,
"img": imageslist,
"content": this.addForm.content,
"type": this.addForm.typeId,
"cityId": this.addForm.cityId
"cityId": this.addForm.cityId,
"sort": this.addForm.sort
})
}).then(({data}) => {
}).then(({
data
}) => {
if (data && data.code === 0) {
this.$message.success("成功");
this.addOrUpdateVisible = false
@@ -378,43 +398,39 @@ export default {
}
})
},
handlePictureCardPreview(file) {
this.addForm.productImages = file.url;
this.dialogVisible = true;
},
handlePicSuccess(res, file) {
// console.log(res,'res')
if (res.msg == "success") {
this.addForm.productImages = res.url;
this.fileList.push({
name: file.name,
url: res.url
})
console.log(this.dataForm.productImages,'productImages')
this.$message.success("上传成功");
} else {
this.$message.error("上传失败");
}
},
handleRemove(file, fileList) {
this.addForm.productImages = '';
this.fileList = fileList
// this.addForm.noneBtnImg = fileList.length >= this.addForm.limitCountImg;
},
filterAA(val){
filterAA(val) {
var aa = this.typeList.filter(obj => obj.dictType == val)
return aa[0].dictValue
// return aa
},
translateaddr(code) {
for(var i = 0; i< this.provinceEntity.length; i++) {
for(var j = 0; j< this.provinceEntity[i].cityList.length; j++) {
if(this.provinceEntity[i].cityList[j].cityId == code) {
for (var i = 0; i < this.provinceEntity.length; i++) {
for (var j = 0; j < this.provinceEntity[i].cityList.length; j++) {
if (this.provinceEntity[i].cityList[j].cityId == code) {
return this.provinceEntity[i].cityList[j].cityName
}
}
}
}
}
}
}
</script>

View File

@@ -15,15 +15,8 @@
<el-button v-if="isAuth('book:shopproduct:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
</el-form-item>
</el-form>
<el-table
:data="dataList"
border
v-loading="dataListLoading"
style="width: 100%;">
<el-table-column
header-align="center"
align="center"
label="分类">
<el-table :data="dataList" border v-loading="dataListLoading" style="width: 100%;">
<el-table-column header-align="center" align="center" label="分类">
<template slot-scope="scope">
{{ filterAA(scope.row.type) }}
</template>
@@ -37,33 +30,30 @@
</el-table-column>
<el-table-column label="资源url" align="center">
<template slot-scope="scope">
<a v-if="scope.row.type == 1 || scope.row.type == 2" :href="scope.row.url" target="_blank">{{ scope.row.url }}</a>
<a v-if="scope.row.type == 1 || scope.row.type == 2" :href="scope.row.url"
target="_blank">{{ scope.row.url }}</a>
<a v-if="scope.row.type == 3" :href="scope.row.url" target="_blank">{{ scope.row.url }}</a>
</template>
</el-table-column>
<el-table-column
fixed="right"
header-align="center"
align="center"
width="150"
label="操作">
<el-table-column label="排序" align="center">
<template slot-scope="scope">
{{ scope.row.sort }}
</template>
</el-table-column>
<el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">
<template slot-scope="scope">
<el-button type="text" size="small" @click="editOrUpdateHandle(scope.row)">修改</el-button>
<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[10, 20, 50, 100]"
:page-size="pageSize"
:total="totalPage"
<el-pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" :current-page="pageIndex"
:page-sizes="[10, 20, 50, 100]" :page-size="pageSize" :total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<el-dialog :visible.sync="addOrUpdateVisible" :append-to-body="true" :title="titlesub" width="50%" @close="cancleClose">
<el-dialog :visible.sync="addOrUpdateVisible" :close-on-click-modal="false" :append-to-body="true" :title="titlesub" width="50%"
@close="cancleClose">
<el-form :inline="true" :model="addForm" ref="addFormRef" :rules="addFormRule" class="dialog-wmzg">
<el-row type="flex" justify="center">
<el-form-item label="分类" prop="type" label-width="100px">
@@ -85,10 +75,9 @@
</el-row> -->
<el-row type="flex" justify="center">
<el-form-item label="资源文件" label-width="100px">
<el-upload :limit="1" class="el-uploadfeng "
ref="files"
:action="baseUrl + '/oss/fileoss'" :on-preview="handlePictureCardPreview"
:file-list="fileList" :on-success="handlePicSuccess" accept=".mp3,.mp4,.gif,.mpeg,.mpg" :on-remove="handleRemove">
<el-upload :limit="1" class="el-uploadfeng " ref="files" :action="baseUrl + '/oss/fileoss'"
:on-preview="handlePictureCardPreview" :file-list="fileList" :on-success="handlePicSuccess"
accept=".mp3,.mp4,.gif,.mpeg,.mpg" :on-remove="handleRemove">
<i class="el-icon-plus"></i>
</el-upload>
<!-- <el-dialog :visible.sync="dialogVisible" :append-to-body="true">
@@ -99,7 +88,13 @@
</el-dialog> -->
</el-form-item>
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="排序" label-width="48px">
<el-input style="width:500px" v-model="addForm.sort"></el-input>
</el-form-item>
</el-row>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="cancleClose"> </el-button>
<el-button type="primary" @click="addOreEditCate"> </el-button>
@@ -110,38 +105,43 @@
</div>
</template>
<script>
import global from '../../common/common.vue' //引入共用组间
export default {
data () {
import global from '../../common/common.vue' //引入共用组间
export default {
data() {
return {
baseUrl: global.baseUrl,
typeList: [
{
dictValue:'吴门之歌',
typeList: [{
dictValue: '吴门之歌',
dictType: '1',
},{
dictValue:'巴山夜雨',
}, {
dictValue: '巴山夜雨',
dictType: '2',
},{
dictValue:'吴门之徽',
}, {
dictValue: '吴门之徽',
dictType: '3',
}
], //类型列表
}], //类型列表
booknameList: [],
dataForm: {
dictType: '',//分类
dictType: '', //分类
// ligthname: '',//书名
},
addForm: {
"id": '',//新增不传
"id": '', //新增不传
"name": '',
"type": '',
url:''
"url": '',
"sort": 0
},
editId: '',
addFormRule: {
typeId: [{required: true, message: "请选择分类" }],
bookId: [{required: true, message: "请选择书名"}]
typeId: [{
required: true,
message: "请选择分类"
}],
bookId: [{
required: true,
message: "请选择书名"
}]
},
dataList: [],
// publishStatus: false,
@@ -151,7 +151,7 @@ export default {
dataListLoading: false,
dataListSelections: [],
addOrUpdateVisible: false,
bookIds:[],
bookIds: [],
titlesub: '新增',
fileList: [],
}
@@ -160,7 +160,7 @@ export default {
// AddOrUpdate,
// chooseBook
},
activated () {
activated() {
// this.gettypeList()
this.getDataList()
},
@@ -169,7 +169,7 @@ export default {
this.dataForm.dictType = '';
},
// 获取数据列表
getDataList () {
getDataList() {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/book/medicaldes/lightListByPage'),
@@ -180,7 +180,9 @@ export default {
"current": this.pageIndex,
"limit": this.pageSize
})
}).then(({data}) => {
}).then(({
data
}) => {
if (data && data.code === 0) {
this.dataList = data.result.records
this.totalPage = data.result.total
@@ -200,10 +202,12 @@ export default {
'page': 1,
'limit': 1000000,
'bookName': '',
'publisherName' : '',
'authorName' : ''
'publisherName': '',
'authorName': ''
})
}).then(({ data }) => {
}).then(({
data
}) => {
if (data && data.code === 0) {
this.booknameList = data.page.list
} else {
@@ -212,38 +216,39 @@ export default {
})
},
filterAA(val){
if(val == 1) {
filterAA(val) {
if (val == 1) {
return '吴门之歌'
} else if(val == 2) {
} else if (val == 2) {
return '巴山夜雨'
} else {
return '吴门之徽'
}
},
// 每页数
sizeChangeHandle (val) {
sizeChangeHandle(val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
// 当前页
currentChangeHandle (val) {
currentChangeHandle(val) {
this.pageIndex = val
this.getDataList()
},
// 多选
selectionChangeHandle (val) {
selectionChangeHandle(val) {
this.dataListSelections = val
},
// 新增 / 修改
editOrUpdateHandle (row) {
editOrUpdateHandle(row) {
this.titlesub = '修改'
// this.getbookname()
this.editId = row.id
this.addForm.name = row.name
this.addForm.type = row.type.toString()
this.addForm.url = row.url
this.addForm.sort = row.sort
this.fileList = []
var img = {
name: row.url,
@@ -266,16 +271,17 @@ export default {
this.addOrUpdateVisible = false
this.$refs["addFormRef"].resetFields();
this.addForm = {
"id": '',//新增不传
"id": '', //新增不传
"name": '',
"type": '',
"url": ''
"url": '',
"sort": 0
}
this.fileList = []
},
// 删除
deleteHandle (id) {
deleteHandle(id) {
this.$confirm('请确认是否删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
@@ -284,7 +290,9 @@ export default {
this.$http({
url: this.$http.adornUrl(`/book/medicaldes/delLight?id=${id}`),
method: 'post',
}).then(({data}) => {
}).then(({
data
}) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
@@ -302,7 +310,7 @@ export default {
},
addOreEditCate() {
this.$refs["addFormRef"].validate(valid => {
if(valid) {
if (valid) {
this.$http({
url: this.$http.adornUrl('/book/medicaldes/saveOrUpdateLight'),
method: 'post',
@@ -310,9 +318,12 @@ export default {
"id": this.editId, //新增不传
"name": this.addForm.name,
"type": this.addForm.type,
"url": this.addForm.url
"url": this.addForm.url,
"sort": this.addForm.sort
})
}).then(({data}) => {
}).then(({
data
}) => {
if (data && data.code === 0) {
this.$message.success("成功");
this.addOrUpdateVisible = false
@@ -336,7 +347,7 @@ export default {
name: file.name,
url: res.url
})
console.log(this.dataForm.url,'url')
console.log(this.dataForm.url, 'url')
this.$message.success("上传成功");
} else {
this.$message.error("上传失败");
@@ -348,14 +359,13 @@ export default {
// this.addForm.noneBtnImg = fileList.length >= this.addForm.limitCountImg;
},
}
}
}
</script>
<style lang="less">
.dialog-wmzg{
.el-upload-list__item-name{
.dialog-wmzg {
.el-upload-list__item-name {
max-width: 450px;
}
}
}
</style>

View File

@@ -176,7 +176,7 @@
data
}) => {
if (data && data.code === 0) {
this.booknameList = data.page.list
this.booknameList = data.page.result
} else {
this.booknameList = []
}