From 7212d5f2a6ea6e35f24682979e3f64de9d0a2c3f Mon Sep 17 00:00:00 2001
From: liqianyouyou <657983593@qq.com>
Date: Fri, 5 Jan 2024 14:25:30 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=B4=E9=97=A8=E5=8C=BB=E8=BF=B0=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/medical/inherit.vue | 247 +++++++++++++++++-----
 src/views/modules/medical/light.vue   | 290 ++++++++++++++++++++++++++
 src/views/modules/medical/publish.vue |   3 +-
 3 files changed, 481 insertions(+), 59 deletions(-)

diff --git a/src/views/modules/medical/inherit.vue b/src/views/modules/medical/inherit.vue
index 0f7dd78..7a6cae2 100644
--- a/src/views/modules/medical/inherit.vue
+++ b/src/views/modules/medical/inherit.vue
@@ -7,7 +7,7 @@
                     </el-option>
                 </el-select>
             </el-form-item>
-            <el-form-item label="书名">
+            <el-form-item label="姓名">
                 <el-input v-model="dataForm.bookName" placeholder="请输入书名"></el-input>
             </el-form-item>
         <el-form-item>
@@ -21,19 +21,34 @@
         v-loading="dataListLoading"
         style="width: 100%;">
         <el-table-column
-            prop="productName"
+            prop="name"
             header-align="center"
             align="center"
-            label="分类">
-            <template slot-scope="scope"> 
-                {{ filterAA(scope.row.typeId) }}
+            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"  prop="name">
+        <el-table-column label="图片" align="center">
             <template slot-scope="scope"> 
-                {{ scope.row.book.name }}
+               <img :src="scope.row.img" alt="" style="width:70px;height:100px" />
             </template>
-        </el-table-column> 
+        </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"
@@ -58,6 +73,11 @@
         <!-- 弹窗, 新增 / 修改 -->
         <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;">
@@ -67,16 +87,42 @@
                     </el-form-item>
                 </el-row>
                 <el-row type="flex" justify="center">
-                    <el-form-item label="书名" prop="bookId">
-                        <el-select v-model="addForm.bookId" placeholder="请选择书名" style="width: 500px;">
-                            <el-option v-for="item in booknameList" :key="item.id" :label="item.name" :value="item.id">
+                    <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"></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="排序" label-width="48px">
-                        <el-input style="width:500px" v-model="addForm.sort"></el-input>
+                    <el-form-item label="图片" prop="img">
+                        <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>
@@ -90,25 +136,34 @@
     </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": '',//新增不传
-                "bookId": '',
-                "typeId": '',
-                "sort": ''
+                id: '',//新增不传
+                name: '', //姓名
+                typeId: '',//分类
+                url: '',
+                content: '',
+                cityId: '',
+                provId: '',
+                productImages: ''
             },
             editId: '',
             addFormRule: {
                 typeId: [{required: true, message: "请选择分类" }],
-                bookId: [{required: true, message: "请选择书名"}]
+                name: [{required: true, message: "请输入姓名"}]
             },
             dataList: [],
             // publishStatus: false,
@@ -119,21 +174,27 @@ export default {
             dataListSelections: [],
             addOrUpdateVisible: false,
             bookIds:[],
-            titlesub: '新增'
+            titlesub: '新增',
+            dialogVisible: false
         }
     },
     components: {
     // AddOrUpdate,
     // chooseBook
     },
-    activated () {
+    created() {
         this.gettypeList()
+        this.getprovinceEntity()
+    },
+    activated () {
         this.getDataList()
+        this.gettypeList()
+        this.getprovinceEntity()
     },
     methods: {
         gettypeList () {
             this.$http({
-                url: this.$http.adornUrl('/book/medicaldes/typeList?label=medicaldesBookType'),
+                url: this.$http.adornUrl('/book/medicaldes/typeList?label=inheritType'),
                 method: 'post',
             }).then(({data}) => {
                 if (data && data.code === 0) {
@@ -148,7 +209,7 @@ export default {
         getDataList () {
             this.dataListLoading = true
             this.$http({
-            url: this.$http.adornUrl('/book/medicaldes/bookRelationListByType'),
+            url: this.$http.adornUrl('/book/medicaldes/inheritListByPage'),
             method: 'post',
             data: this.$http.adornData({
                 "dictType": this.dataForm.dictType,
@@ -167,30 +228,21 @@ export default {
             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 }) => {
+        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.booknameList = data.page.list
+                    this.cityEntity = data.prov
+                    console.log('data67y8ui9', data);
                 } else {
-                    this.booknameList = []
                 }
             })
-            
-        },
-        filterAA(val){
-            var aa = this.typeList.filter(obj => obj.dictType == val)
-            return aa[0].dictValue
+
         },
         // 每页数
         sizeChangeHandle (val) {
@@ -209,17 +261,39 @@ export default {
         },
         // 新增 / 修改
         editOrUpdateHandle (row) {
+            console.log('rowzz', row.img);
             this.titlesub = '修改'
-            this.getbookname()
             this.editId = row.id
-            this.addForm.bookId = row.bookId
-            this.addForm.typeId = row.typeId.toString()
-            this.addForm.sort = row.sort
+            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.$nextTick(()=>{
+                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.getbookname()
             this.editId = ''
             this.titlesub = '新增'
             this.addOrUpdateVisible = true
@@ -228,11 +302,30 @@ export default {
             this.addOrUpdateVisible = false
             this.$refs["addFormRef"].resetFields();
             this.addForm = {
-                "id": '',//新增不传
-                "bookId": '',
-                "typeId": '',
-                "sort": ''
+                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) {
@@ -242,7 +335,7 @@ export default {
             type: 'warning'
             }).then(() => {
             this.$http({
-                url: this.$http.adornUrl(`/book/medicaldes/delBookRelation?id=${id}`),
+                url: this.$http.adornUrl(`/book/medicaldes/delInherit?id=${id}`),
                 method: 'post',
             }).then(({data}) => {
                 if (data && data.code === 0) {
@@ -264,13 +357,16 @@ export default {
             this.$refs["addFormRef"].validate(valid => {
                 if(valid) {
                     this.$http({
-                        url: this.$http.adornUrl('/book/medicaldes/saveOrUpdateBookRelation'),
+                        url: this.$http.adornUrl('/book/medicaldes/saveOrUpdateInherit'),
                         method: 'post',
                         data: this.$http.adornData({
                             "id": this.editId, //新增不传
-                            "bookId": this.addForm.bookId,
-                            "typeId": this.addForm.typeId,
-                            "sort": this.addForm.sort
+                            "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) {
@@ -283,6 +379,43 @@ 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){
+            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
+                    }
+                }
+           }
         }
     }
 }
diff --git a/src/views/modules/medical/light.vue b/src/views/modules/medical/light.vue
index e69de29..6eb6d64 100644
--- a/src/views/modules/medical/light.vue
+++ b/src/views/modules/medical/light.vue
@@ -0,0 +1,290 @@
+<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.ligthname" 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
+            header-align="center"
+            align="center"
+            label="分类">
+            <template slot-scope="scope"> 
+                {{ filterAA(scope.row.typeId) }}
+            </template>
+        </el-table-column>
+        <el-table-column label="书名" align="center">
+            <template slot-scope="scope"> 
+                {{ scope.row.name }}
+            </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="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="书名" prop="bookId">
+                        <el-select v-model="addForm.bookId" placeholder="请选择书名" style="width: 500px;">
+                            <el-option v-for="item in booknameList" :key="item.id" :label="item.name" :value="item.id">
+                            </el-option>
+                        </el-select>
+                    </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>
+</template>
+<script>
+export default {
+    data () {
+        return {
+            typeList: [
+                {
+                    dictValue:'吴门之歌',
+                    dictType: 1,
+                },{
+                    dictValue:'巴山夜雨',
+                    dictType: 2,
+                },{
+                    dictValue:'吴门之徽',
+                    dictType: 3,
+                }
+            ], //类型列表
+            booknameList: [],
+            dataForm: {
+                dictType: '',//分类
+                ligthname: '',//书名
+            },
+            addForm: {
+                "id": '',//新增不传
+                "ligthname": '',
+                "typeId": '',
+            },
+            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: '新增'
+        }
+    },
+    components: {
+    // AddOrUpdate,
+    // chooseBook
+    },
+    activated () {
+        // this.gettypeList()
+        this.getDataList()
+    },
+    methods: {
+        // 获取数据列表
+        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() {
+            // 获取数据列表
+        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 = []
+                }
+            })
+            
+        },
+        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.bookId = row.bookId
+            this.addForm.typeId = row.typeId.toString()
+            this.addForm.sort = row.sort
+            this.addOrUpdateVisible = true
+            
+        },
+        addOrUpdateHandle() {
+            this.getbookname()
+            this.editId = ''
+            this.titlesub = '新增'
+            this.addOrUpdateVisible = true
+        },
+        cancleClose() {
+            this.addOrUpdateVisible = false
+            this.$refs["addFormRef"].resetFields();
+            this.addForm = {
+                "id": '',//新增不传
+                "bookId": '',
+                "typeId": '',
+                "sort": ''
+            }
+        },
+        // 删除
+        deleteHandle (id) {
+            this.$confirm('请确认是否删除?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+            }).then(() => {
+            this.$http({
+                url: this.$http.adornUrl(`/book/medicaldes/delBookRelation?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) {
+                    this.$http({
+                        url: this.$http.adornUrl('/book/medicaldes/saveOrUpdateBookRelation'),
+                        method: 'post',
+                        data: this.$http.adornData({
+                            "id": this.editId, //新增不传
+                            "bookId": this.addForm.bookId,
+                            "typeId": this.addForm.typeId,
+                            "sort": this.addForm.sort
+                        })
+                    }).then(({data}) => {
+                        if (data && data.code === 0) {
+                            this.$message.success("成功");
+                            this.addOrUpdateVisible = false
+                            this.getDataList()
+                        } else {
+                            this.$message.error("失败");
+                        }
+                    })
+                }
+            })
+        }
+    }
+}
+</script>
diff --git a/src/views/modules/medical/publish.vue b/src/views/modules/medical/publish.vue
index 8d09093..18fa60f 100644
--- a/src/views/modules/medical/publish.vue
+++ b/src/views/modules/medical/publish.vue
@@ -21,7 +21,6 @@
         v-loading="dataListLoading"
         style="width: 100%;">
         <el-table-column
-            prop="productName"
             header-align="center"
             align="center"
             label="分类">
@@ -29,7 +28,7 @@
                 {{ filterAA(scope.row.typeId) }}
             </template>
         </el-table-column>
-        <el-table-column label="书名" align="center"  prop="name">
+        <el-table-column label="书名" align="center">
             <template slot-scope="scope"> 
                 {{ scope.row.book.name }}
             </template>