zm/nuttyreading-master-html
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

吴门医述

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/modules/book/book-add-or-update.vue
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({

822
src/views/modules/medical/inherit.vue
View File

@@ -1,420 +1,436 @@
<template>
<div class="mod-config">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="分类">
<el-select v-model="dataForm.dictType" placeholder="请选择分类">
<el-option v-for="(item,index) in typeList" :key="index" :label="item.dictValue" :value="item.dictType">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="姓名">
<el-input v-model="dataForm.bookName" placeholder="请输入书名"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="pageIndex = 1;getDataList()">查询</el-button>
<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-column>
<el-table-column label="url" align="center">
<template slot-scope="scope">
<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" />
</template>
</el-table-column>
<!-- <el-table-column label="内容" align="center" prop="content">
<div class="mod-config">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="分类">
<el-select v-model="dataForm.dictType" placeholder="请选择分类">
<el-option v-for="(item,index) in typeList" :key="index" :label="item.dictValue" :value="item.dictType">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="姓名">
<el-input v-model="dataForm.bookName" placeholder="请输入书名"></el-input>
</el-form-item>
<el-form-item>
<el-button @click="pageIndex = 1;getDataList()">查询</el-button>
<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-column>
<el-table-column label="url" align="center">
<template slot-scope="scope">
<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 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">
</el-table-column> -->
<el-table-column label="分类" align="center" prop="type">
<template slot-scope="scope">
{{ filterAA(scope.row.type) }}
</template>
</el-table-column>
<el-table-column label="地址" align="center" prop="cityId">
<template slot-scope="scope">
{{ translateaddr(scope.row.cityId) }}
</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"
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-form :inline="true" :model="addForm" ref="addFormRef" :rules="addFormRule">
<el-row type="flex" justify="center">
<el-form-item label="姓名" prop="name">
<el-input style="width:500px" v-model="addForm.name"></el-input>
</el-form-item>
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="分类" prop="typeId">
<el-select v-model="addForm.typeId" placeholder="请选择分类" style="width: 500px;">
<el-option v-for="(item,index) in typeList" :key="index" :label="item.dictValue" :value="item.dictType">
</el-option>
</el-select>
</el-form-item>
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="url" prop="url" label-width="48px">
<el-input style="width:500px" v-model="addForm.url"></el-input>
</el-form-item>
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="内容" prop="content" label-width="48px">
<el-input style="width:500px" v-model="addForm.content" :rows="5" type="textarea"></el-input>
</el-form-item>
</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-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>
</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"
: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">
<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-form>
<span slot="footer" class="dialog-footer">
<el-button @click="cancleClose">取 消</el-button>
<el-button type="primary" @click="addOreEditCate">确 定</el-button>
</span>
</el-dialog>
<!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" @showchooseBookf = "showchooseBookf"></add-or-update>
<el-table-column label="分类" align="center" prop="type">
<template slot-scope="scope">
{{ filterAA(scope.row.type) }}
</template>
</el-table-column>
<el-table-column label="地址" align="center" prop="cityId">
<template slot-scope="scope">
{{ translateaddr(scope.row.cityId) }}
</template>
</el-table-column>
<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"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<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">
<el-input style="width:500px" v-model="addForm.name"></el-input>
</el-form-item>
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="分类" prop="typeId">
<el-select v-model="addForm.typeId" placeholder="请选择分类" style="width: 500px;">
<el-option v-for="(item,index) in typeList" :key="index" :label="item.dictValue" :value="item.dictType">
</el-option>
</el-select>
</el-form-item>
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="url" prop="url" label-width="48px">
<el-input style="width:500px" v-model="addForm.url"></el-input>
</el-form-item>
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="内容" prop="content" label-width="48px">
<el-input style="width:500px" v-model="addForm.content" :rows="5" type="textarea"></el-input>
</el-form-item>
</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-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>
</el-select>
</el-form-item>
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="图片" prop="img" label-width="48px">
<el-upload class="el-uploadfeng " ref="files"
:class="{ uoloadSty: dataForm.showBtnDealImg, disUoloadSty: dataForm.noneBtnImg }"
: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-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>
</span>
</el-dialog>
<!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" @showchooseBookf = "showchooseBookf"></add-or-update>
<choose-book v-if="chooseBookVisible" :bookIds = bookIds ref="chooseBook" :chooseBookVisible = chooseBookVisible @closeBookf = "closeBookf"></choose-book> -->
</div>
</div>
</template>
<script>
import global from '../../common/common.vue' //引入共用组间
export default {
data () {
return {
baseUrl: global.baseUrl,
cityEntity: [],
provinceEntity: [], //省地址
typeList: [], //类型列表
booknameList: [],
dataForm: {
dictType: '',//分类
bookName: '',//书名
},
fileList: [],
addForm: {
id: '',//新增不传
name: '', //姓名
typeId: '',//分类
url: '',
content: '',
cityId: '',
provId: '',
productImages: ''
},
editId: '',
addFormRule: {
typeId: [{required: true, message: "请选择分类" }],
name: [{required: true, message: "请输入姓名"}]
},
dataList: [],
// publishStatus: false,
pageIndex: 1,
pageSize: 10,
totalPage: 0,
dataListLoading: false,
dataListSelections: [],
addOrUpdateVisible: false,
bookIds:[],
titlesub: '新增',
dialogVisible: false
}
import global from '../../common/common.vue' //引入共用组间
export default {
data() {
return {
baseUrl: global.baseUrl,
cityEntity: [],
provinceEntity: [], //省地址
typeList: [], //类型列表
booknameList: [],
dataForm: {
dictType: '', //分类
bookName: '', //书名
},
fileList: [],
addForm: {
id: '', //新增不传
name: '', //姓名
typeId: '', //分类
url: '',
content: '',
cityId: '',
provId: '',
sort: 0
},
editId: '',
addFormRule: {
typeId: [{
required: true,
message: "请选择分类"
}],
name: [{
required: true,
message: "请输入姓名"
}]
},
dataList: [],
// publishStatus: false,
pageIndex: 1,
pageSize: 10,
totalPage: 0,
dataListLoading: false,
dataListSelections: [],
addOrUpdateVisible: false,
bookIds: [],
titlesub: '新增',
dialogVisible: false
}
},
components: {
// AddOrUpdate,
// chooseBook
// AddOrUpdate,
// chooseBook
},
created() {
this.gettypeList()
this.getprovinceEntity()
this.gettypeList()
this.getprovinceEntity()
},
activated () {
this.getDataList()
this.gettypeList()
this.getprovinceEntity()
activated() {
this.getDataList()
this.gettypeList()
this.getprovinceEntity()
},
methods: {
gettypeList () {
this.$http({
url: this.$http.adornUrl('/book/medicaldes/typeList?label=inheritType'),
method: 'post',
}).then(({data}) => {
if (data && data.code === 0) {
this.typeList = data.result
} else {
this.typeList = []
}
})
},
// 获取数据列表
getDataList () {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/book/medicaldes/inheritListByPage'),
method: 'post',
data: this.$http.adornData({
"dictType": this.dataForm.dictType,
"name": this.dataForm.bookName,
"current": this.pageIndex,
"limit": this.pageSize
})
}).then(({data}) => {
if (data && data.code === 0) {
this.dataList = data.result.records
this.totalPage = data.result.total
} else {
this.dataList = []
this.totalPage = 0
}
this.dataListLoading = false
})
},
provinceChange() {
this.addForm.cityId = ''
this.cityEntity = []
console.log('addForm.provinceCode', this.addForm.provId);
this.$http({
url: this.$http.adornUrl(`/api/province/getCityList?provId=${this.addForm.provId}`),
method: 'post',
}).then(({data}) => {
if (data && data.code === 0) {
this.cityEntity = data.prov
console.log('data67y8ui9', data);
} else {
}
})
gettypeList() {
this.$http({
url: this.$http.adornUrl('/book/medicaldes/typeList?label=inheritType'),
method: 'post',
}).then(({
data
}) => {
if (data && data.code === 0) {
this.typeList = data.result
},
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
this.getDataList()
},
// 多选
selectionChangeHandle (val) {
this.dataListSelections = val
},
// 新增 / 修改
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.provId = this.provinceEntity[i].cityList[j].provId
}
}
}
this.provinceChange()
console.log('this.addForm.provId', this.addForm.provId);
this.addForm.cityId = row.cityId
this.addOrUpdateVisible = true
},
addOrUpdateHandle() {
this.editId = ''
this.titlesub = '新增'
this.addOrUpdateVisible = true
},
cancleClose() {
this.addOrUpdateVisible = false
this.$refs["addFormRef"].resetFields();
this.addForm = {
id: '',//新增不传
name: '', //姓名
typeId: '',//分类
url: '',
content: '',
cityId: '',
provId: '',
productImages: ''
}
this.fileList = []
},
getprovinceEntity() {
this.$http({
url: this.$http.adornUrl('/api/province/getProvince'),
method: 'get',
}).then(({ data }) => {
if (data && data.code === 0) {
this.provinceEntity = data.provinceEntity
console.log('this.provinceEntit', this.provinceEntity);
} else {
this.provinceEntity = []
}
})
},
// 删除
deleteHandle (id) {
this.$confirm('请确认是否删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$http({
url: this.$http.adornUrl(`/book/medicaldes/delInherit?id=${id}`),
method: 'post',
}).then(({data}) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
this.getDataList()
}
} else {
this.typeList = []
}
})
},
// 获取数据列表
getDataList() {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/book/medicaldes/inheritListByPage'),
method: 'post',
data: this.$http.adornData({
"dictType": this.dataForm.dictType,
"name": this.dataForm.bookName,
"current": this.pageIndex,
"limit": this.pageSize
})
}).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
})
})
} else {
this.$message.error(data.msg)
}
})
})
},
addOreEditCate() {
this.$refs["addFormRef"].validate(valid => {
if(valid) {
this.$http({
url: this.$http.adornUrl('/book/medicaldes/saveOrUpdateInherit'),
method: 'post',
data: this.$http.adornData({
"id": this.editId, //新增不传
"name": this.addForm.name,
"url": this.addForm.url,
"img": this.addForm.productImages,
"content": this.addForm.content,
"type": this.addForm.typeId,
"cityId": this.addForm.cityId
})
}).then(({data}) => {
if (data && data.code === 0) {
this.$message.success("成功");
this.addOrUpdateVisible = false
this.getDataList()
} else {
this.$message.error("失败");
}
})
}
})
},
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("上传失败");
}
this.dataList[i].imgList = imgList
}
},
handleRemove(file, fileList) {
this.addForm.productImages = '';
this.fileList = fileList
// this.addForm.noneBtnImg = fileList.length >= this.addForm.limitCountImg;
},
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) {
return this.provinceEntity[i].cityList[j].cityName
}
}
}
this.totalPage = data.result.total
} else {
this.dataList = []
this.totalPage = 0
}
this.dataListLoading = false
})
},
provinceChange() {
this.addForm.cityId = ''
this.cityEntity = []
console.log('addForm.provinceCode', this.addForm.provId);
this.$http({
url: this.$http.adornUrl(`/api/province/getCityList?provId=${this.addForm.provId}`),
method: 'post',
}).then(({
data
}) => {
if (data && data.code === 0) {
this.cityEntity = data.prov
console.log('data67y8ui9', data);
} else {}
})
},
// 每页数
sizeChangeHandle(val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
// 当前页
currentChangeHandle(val) {
this.pageIndex = val
this.getDataList()
},
// 多选
selectionChangeHandle(val) {
this.dataListSelections = val
},
// 新增 / 修改
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.content = row.content
this.addForm.typeId = row.type.toString()
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
}
}
}
this.provinceChange()
console.log('this.addForm.provId', this.addForm.provId);
this.addForm.cityId = row.cityId
this.addOrUpdateVisible = true
},
addOrUpdateHandle() {
this.editId = ''
this.titlesub = '新增'
this.addOrUpdateVisible = true
},
cancleClose() {
this.addOrUpdateVisible = false
this.$refs["addFormRef"].resetFields();
this.addForm = {
id: '', //新增不传
name: '', //姓名
typeId: '', //分类
url: '',
content: '',
cityId: '',
provId: '',
sort: 0
}
this.fileList = []
},
getprovinceEntity() {
this.$http({
url: this.$http.adornUrl('/api/province/getProvince'),
method: 'get',
}).then(({
data
}) => {
if (data && data.code === 0) {
this.provinceEntity = data.provinceEntity
console.log('this.provinceEntit', this.provinceEntity);
} else {
this.provinceEntity = []
}
})
},
// 删除
deleteHandle(id) {
this.$confirm('请确认是否删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$http({
url: this.$http.adornUrl(`/book/medicaldes/delInherit?id=${id}`),
method: 'post',
}).then(({
data
}) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
this.getDataList()
}
})
} else {
this.$message.error(data.msg)
}
})
})
},
addOreEditCate() {
this.$refs["addFormRef"].validate(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',
data: this.$http.adornData({
"id": this.editId, //新增不传
"name": this.addForm.name,
"url": this.addForm.url,
"img": imageslist,
"content": this.addForm.content,
"type": this.addForm.typeId,
"cityId": this.addForm.cityId,
"sort": this.addForm.sort
})
}).then(({
data
}) => {
if (data && data.code === 0) {
this.$message.success("成功");
this.addOrUpdateVisible = false
this.getDataList()
} else {
this.$message.error("失败");
}
})
}
})
},
handlePicSuccess(res, file) {
// console.log(res,'res')
if (res.msg == "success") {
this.fileList.push({
name: file.name,
url: res.url
})
this.$message.success("上传成功");
} else {
this.$message.error("上传失败");
}
},
handleRemove(file, fileList) {
this.fileList = fileList
// this.addForm.noneBtnImg = fileList.length >= this.addForm.limitCountImg;
},
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) {
return this.provinceEntity[i].cityList[j].cityName
}
}
}
}
}
}
</script>
}
</script>

662
src/views/modules/medical/light.vue
View File

@@ -1,361 +1,371 @@
<template>
<div class="mod-config-wmzg">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="分类">
<el-select v-model="dataForm.dictType" placeholder="请选择分类" clearable @clear="clearValue">
<el-option v-for="(item,index) in typeList" :key="index" :label="item.dictValue" :value="item.dictType">
</el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="名称">
<div class="mod-config-wmzg">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="分类">
<el-select v-model="dataForm.dictType" placeholder="请选择分类" clearable @clear="clearValue">
<el-option v-for="(item,index) in typeList" :key="index" :label="item.dictValue" :value="item.dictType">
</el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="名称">
<el-input v-model="dataForm.ligthname" placeholder="请输入名称" clearable></el-input>
</el-form-item> -->
<el-form-item>
<el-button @click="pageIndex = 1;getDataList()">查询</el-button>
<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="分类">
<template slot-scope="scope">
{{ filterAA(scope.row.type) }}
</template>
</el-table-column>
<el-table-column label="名称" align="center">
<template slot-scope="scope">
<div v-if="scope.row.type == 1 || scope.row.type == 2">{{ scope.row.name }}</div>
<div v-if="scope.row.type == 3">{{ scope.row.name }}</div>
<!-- <img v-if="scope.row.type == 3" :src="scope.row.url" alt="" style="width:70px;height:100px" /> -->
</template>
</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 == 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="操作">
<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"
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-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">
<el-select v-model="addForm.type" placeholder="请选择分类" style="width: 500px;">
<el-option v-for="(item,index) in typeList" :key="index" :label="item.dictValue" :value="item.dictType">
</el-option>
</el-select>
</el-form-item>
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="名称" prop="name" label-width="100px">
<el-input style="width:500px" v-model="addForm.name"></el-input>
</el-form-item>
</el-row>
<!-- <el-row type="flex" justify="center">
<el-form-item>
<el-button @click="pageIndex = 1;getDataList()">查询</el-button>
<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="分类">
<template slot-scope="scope">
{{ filterAA(scope.row.type) }}
</template>
</el-table-column>
<el-table-column label="名称" align="center">
<template slot-scope="scope">
<div v-if="scope.row.type == 1 || scope.row.type == 2">{{ scope.row.name }}</div>
<div v-if="scope.row.type == 3">{{ scope.row.name }}</div>
<!-- <img v-if="scope.row.type == 3" :src="scope.row.url" alt="" style="width:70px;height:100px" /> -->
</template>
</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 == 3" :href="scope.row.url" target="_blank">{{ scope.row.url }}</a>
</template>
</el-table-column>
<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"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<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">
<el-select v-model="addForm.type" placeholder="请选择分类" style="width: 500px;">
<el-option v-for="(item,index) in typeList" :key="index" :label="item.dictValue" :value="item.dictType">
</el-option>
</el-select>
</el-form-item>
</el-row>
<el-row type="flex" justify="center">
<el-form-item label="名称" prop="name" label-width="100px">
<el-input style="width:500px" v-model="addForm.name"></el-input>
</el-form-item>
</el-row>
<!-- <el-row type="flex" justify="center">
<el-form-item label="资源url" label-width="100px">
<el-input style="width:500px" v-model="addForm.url"></el-input>
</el-form-item>
</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">
<i class="el-icon-plus"></i>
</el-upload>
<!-- <el-dialog :visible.sync="dialogVisible" :append-to-body="true">
<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">
<i class="el-icon-plus"></i>
</el-upload>
<!-- <el-dialog :visible.sync="dialogVisible" :append-to-body="true">
<video width="100%" :src="addForm.url" alt="">
<video controls width="250" v-if="dataForm.video != ''">
<video controls width="250" v-if="dataForm.video != ''">
<source :src="dataForm.video" type="video/mp4" />
</video>
</el-dialog> -->
</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>
</span>
</el-dialog>
<!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" @showchooseBookf = "showchooseBookf"></add-or-update>
</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>
</span>
</el-dialog>
<!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" @showchooseBookf = "showchooseBookf"></add-or-update>
<choose-book v-if="chooseBookVisible" :bookIds = bookIds ref="chooseBook" :chooseBookVisible = chooseBookVisible @closeBookf = "closeBookf"></choose-book> -->
</div>
</div>
</template>
<script>
import global from '../../common/common.vue' //引入共用组间
export default {
data () {
return {
baseUrl: global.baseUrl,
typeList: [
{
dictValue:'吴门之歌',
dictType: '1',
},{
dictValue:'巴山夜雨',
dictType: '2',
},{
dictValue:'吴门之徽',
dictType: '3',
}
], //类型列表
booknameList: [],
dataForm: {
dictType: '',//分类
// ligthname: '',//书名
},
addForm: {
"id": '',//新增不传
"name": '',
"type": '',
url:''
},
editId: '',
addFormRule: {
typeId: [{required: true, message: "请选择分类" }],
bookId: [{required: true, message: "请选择书名"}]
},
dataList: [],
// publishStatus: false,
pageIndex: 1,
pageSize: 10,
totalPage: 0,
dataListLoading: false,
dataListSelections: [],
addOrUpdateVisible: false,
bookIds:[],
titlesub: '新增',
fileList: [],
}
import global from '../../common/common.vue' //引入共用组间
export default {
data() {
return {
baseUrl: global.baseUrl,
typeList: [{
dictValue: '吴门之歌',
dictType: '1',
}, {
dictValue: '巴山夜雨',
dictType: '2',
}, {
dictValue: '吴门之徽',
dictType: '3',
}], //类型列表
booknameList: [],
dataForm: {
dictType: '', //分类
// ligthname: '',//书名
},
addForm: {
"id": '', //新增不传
"name": '',
"type": '',
"url": '',
"sort": 0
},
editId: '',
addFormRule: {
typeId: [{
required: true,
message: "请选择分类"
}],
bookId: [{
required: true,
message: "请选择书名"
}]
},
dataList: [],
// publishStatus: false,
pageIndex: 1,
pageSize: 10,
totalPage: 0,
dataListLoading: false,
dataListSelections: [],
addOrUpdateVisible: false,
bookIds: [],
titlesub: '新增',
fileList: [],
}
},
components: {
// AddOrUpdate,
// chooseBook
// AddOrUpdate,
// chooseBook
},
activated () {
// this.gettypeList()
this.getDataList()
activated() {
// this.gettypeList()
this.getDataList()
},
methods: {
clearValue(val) {
this.dataForm.dictType = '';
},
// 获取数据列表
getDataList () {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/book/medicaldes/lightListByPage'),
method: 'post',
data: this.$http.adornData({
"type": this.dataForm.dictType,
"name": this.dataForm.ligthname,
"current": this.pageIndex,
"limit": this.pageSize
})
}).then(({data}) => {
if (data && data.code === 0) {
this.dataList = data.result.records
this.totalPage = data.result.total
} else {
this.dataList = []
this.totalPage = 0
}
this.dataListLoading = false
})
},
getbookname() {
// 获取数据列表
clearValue(val) {
this.dataForm.dictType = '';
},
// 获取数据列表
getDataList() {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/book/book/list'),
method: 'get',
params: this.$http.adornParams({
url: this.$http.adornUrl('/book/medicaldes/lightListByPage'),
method: 'post',
data: this.$http.adornData({
"type": this.dataForm.dictType,
"name": this.dataForm.ligthname,
"current": this.pageIndex,
"limit": this.pageSize
})
}).then(({
data
}) => {
if (data && data.code === 0) {
this.dataList = data.result.records
this.totalPage = data.result.total
} else {
this.dataList = []
this.totalPage = 0
}
this.dataListLoading = false
})
},
getbookname() {
// 获取数据列表
this.$http({
url: this.$http.adornUrl('/book/book/list'),
method: 'get',
params: this.$http.adornParams({
'page': 1,
'limit': 1000000,
'bookName': '',
'publisherName' : '',
'authorName' : ''
})
}).then(({ data }) => {
if (data && data.code === 0) {
this.booknameList = data.page.list
} else {
this.booknameList = []
'publisherName': '',
'authorName': ''
})
}).then(({
data
}) => {
if (data && data.code === 0) {
this.booknameList = data.page.list
} else {
this.booknameList = []
}
})
},
filterAA(val) {
if (val == 1) {
return '吴门之歌'
} else if (val == 2) {
return '巴山夜雨'
} else {
return '吴门之徽'
}
},
// 每页数
sizeChangeHandle(val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
// 当前页
currentChangeHandle(val) {
this.pageIndex = val
this.getDataList()
},
// 多选
selectionChangeHandle(val) {
this.dataListSelections = val
},
// 新增 / 修改
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,
url: row.url
}
var attr = []
attr.push(img)
this.fileList = attr
console.log('this.fileList', this.fileList);
this.addOrUpdateVisible = true
},
addOrUpdateHandle() {
// this.getbookname()
this.editId = ''
this.titlesub = '新增'
this.addOrUpdateVisible = true
},
cancleClose() {
this.addOrUpdateVisible = false
this.$refs["addFormRef"].resetFields();
this.addForm = {
"id": '', //新增不传
"name": '',
"type": '',
"url": '',
"sort": 0
}
this.fileList = []
},
// 删除
deleteHandle(id) {
this.$confirm('请确认是否删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$http({
url: this.$http.adornUrl(`/book/medicaldes/delLight?id=${id}`),
method: 'post',
}).then(({
data
}) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
this.getDataList()
}
})
},
filterAA(val){
if(val == 1) {
return '吴门之歌'
} else if(val == 2) {
return '巴山夜雨'
})
} else {
return '吴门之徽'
this.$message.error(data.msg)
}
},
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
this.getDataList()
},
// 多选
selectionChangeHandle (val) {
this.dataListSelections = val
},
// 新增 / 修改
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.fileList = []
var img = {
name: row.url,
url: row.url
}
var attr = []
attr.push(img)
this.fileList = attr
console.log('this.fileList', this.fileList);
this.addOrUpdateVisible = true
},
addOrUpdateHandle() {
// this.getbookname()
this.editId = ''
this.titlesub = '新增'
this.addOrUpdateVisible = true
},
cancleClose() {
this.addOrUpdateVisible = false
this.$refs["addFormRef"].resetFields();
this.addForm = {
"id": '',//新增不传
"name": '',
"type": '',
"url": ''
}
this.fileList = []
},
// 删除
deleteHandle (id) {
this.$confirm('请确认是否删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
})
})
},
addOreEditCate() {
this.$refs["addFormRef"].validate(valid => {
if (valid) {
this.$http({
url: this.$http.adornUrl(`/book/medicaldes/delLight?id=${id}`),
method: 'post',
}).then(({data}) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
this.getDataList()
}
})
} else {
this.$message.error(data.msg)
}
url: this.$http.adornUrl('/book/medicaldes/saveOrUpdateLight'),
method: 'post',
data: this.$http.adornData({
"id": this.editId, //新增不传
"name": this.addForm.name,
"type": this.addForm.type,
"url": this.addForm.url,
"sort": this.addForm.sort
})
}).then(({
data
}) => {
if (data && data.code === 0) {
this.$message.success("成功");
this.addOrUpdateVisible = false
this.getDataList()
} else {
this.$message.error("失败");
}
})
})
},
addOreEditCate() {
this.$refs["addFormRef"].validate(valid => {
if(valid) {
this.$http({
url: this.$http.adornUrl('/book/medicaldes/saveOrUpdateLight'),
method: 'post',
data: this.$http.adornData({
"id": this.editId, //新增不传
"name": this.addForm.name,
"type": this.addForm.type,
"url": this.addForm.url
})
}).then(({data}) => {
if (data && data.code === 0) {
this.$message.success("成功");
this.addOrUpdateVisible = false
this.getDataList()
} else {
this.$message.error("失败");
}
})
}
})
},
handlePictureCardPreview(file) {
this.addForm.url = file.url;
this.dialogVisible = true;
},
handlePicSuccess(res, file) {
}
})
},
handlePictureCardPreview(file) {
this.addForm.url = file.url;
this.dialogVisible = true;
},
handlePicSuccess(res, file) {
// console.log(res,'res')
if (res.msg == "success") {
this.addForm.url = res.url;
this.fileList.push({
name: file.name,
url: res.url
})
console.log(this.dataForm.url,'url')
this.$message.success("上传成功");
} else {
this.$message.error("上传失败");
}
},
handleRemove(file, fileList) {
this.addForm.url = '';
this.fileList = fileList
// this.addForm.noneBtnImg = fileList.length >= this.addForm.limitCountImg;
},
if (res.msg == "success") {
this.addForm.url = res.url;
this.fileList.push({
name: file.name,
url: res.url
})
console.log(this.dataForm.url, 'url')
this.$message.success("上传成功");
} else {
this.$message.error("上传失败");
}
},
handleRemove(file, fileList) {
this.addForm.url = '';
this.fileList = fileList
// this.addForm.noneBtnImg = fileList.length >= this.addForm.limitCountImg;
},
}
}
}
</script>
<style lang="less">
.dialog-wmzg{
.el-upload-list__item-name{
max-width: 450px;
.dialog-wmzg {
.el-upload-list__item-name {
max-width: 450px;
}
}
}
</style>

4
src/views/modules/medical/publish.vue
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 = []
}
@@ -285,4 +285,4 @@
}
}
}
</script>
</script>