Merge branch 'chronic-dev' of http://gitlab.yiboshi.com/nightkis1995/frontend-h5 into chronic-dev

src/api/base.js

@@ -41,12 +41,14 @@ export function fileUpload(params) {
     return fetchBase({ url: `/chronic-admin/v1/pictures-info/qiniu`, body: params, contentType: 'file' })
 }
 
-// 获取模板管理数据
+// 获取字典管理数据
 export function getTemplateList() {
     return fetchBase({ url: `/tumour-admin/v1/h5-app/dict`, loading: true })
 }
 
-//模板数据主键查询
+//字典数据主键查询
 export function getTemplateById() {
     return fetchBase({ url: `/tumour-admin/v1/h5-app/dict`, loading: true })
 }
+
+

src/api/doctor/generalFU.js

@@ -28,6 +28,12 @@ export function getUnitByName(orgName) {
     return fetchBase({ url: `/tumour-admin/v1/sys-user/org-by-name/${orgName}` })
 }
 
+// 拼音码查询药品信息
+export function getDrug(code) {
+    return fetchBase({ url: `/tumour-admin/v1/remote-system/drugs/${code}` })
+}
+
+
 // 根据单位id查询科室
 export function getOfficeList(unitId) {
     return fetchBase({ url: `/tumour-admin/v1/sys-user/org-office/${unitId}` })

src/api/doctor/workbench.js

@@ -15,6 +15,16 @@ export function delVisit(params) {
     return fetchBase({ url: `/chronic-admin/v1/chronic-visit-task/delete`, body: params, loading: true })
 }
 
+// 模板 分页查询
+export function getTemplateByPage(params) {
+    return fetchBase({ url: `/tumour-admin/v1/template/page`, body: params, loading: true })
+}
+
+// 模板 主键查询
+export function getTemplateDetail(params, loading = true) {
+    return fetchBase({ url: `/tumour-admin/v1/template/query-id/${params.id}`, loading })
+}
+
 // 待接诊列表
 export function getReceiveByPage(params) {
     return fetchBase({ url: `/chronic-admin/v1/chronic-referral-task/page`, body: params })

src/doctor/components/docDrug/DocDrug.vue

+<template>
+    <div>
+    <van-field
+        v-model='innerValueName'
+        readonly
+        is-link
+        label='药品名称：'
+        placeholder='请选择'
+        class='input-back mt-2 form-input w-full'
+        @click='showDrug= true'
+    />
+    <van-popup v-model:show='showDrug' position='bottom'>
+        <div class='pb-4 pr-4 pl-4'>
+            <van-picker
+                :columns='array'
+                :columns-field-names='fieldNames'
+                @confirm='drugConfirm'
+                @cancel='showDrug = false'
+            >
+                <template #columns-top>
+                    <van-search v-model="searchStr" :placeholder='placeholder' @search='onSearch' clearable/>
+                </template>
+            </van-picker>
+        </div>
+    </van-popup>
+    </div>
+</template>
+
+<script>
+
+
+import { getDrug } from '@/api/doctor/generalFU'
+import { debounce } from '@/utils/common'
+
+export default {
+    name: 'DocDrug',
+    props: {
+        value: [String, Number],
+        valueName: String,
+        placeholder: String,
+        fieldNames: {
+            type: Object,
+            default: () => {
+                return { text: 'chemicalName', value: 'id' }
+            }
+        }
+    },
+    emits: ['update:value', 'change'],
+    data() {
+        return {
+            innerValue: null,
+            innerValueName: undefined,
+            array: [],
+            loading: false,
+            showDrug: false,
+            searchStr: ''
+        }
+    },
+    created() {
+        this.onSearch = debounce(this.onSearch, 500)
+        this.onSearch('')
+    },
+    methods: {
+        onSearch(value) {
+            if (this.loading) return
+            this.array = []
+            if (!value) {
+                return
+            }
+            if (!value.trim()) return
+            this.loading = true
+            getDrug(value).then(res => {
+                this.array = res.data || []
+                if (this.array.length && this.innerValue) {
+                   let list = this.array.filter(item => item.id == this.innerValue)
+                    if (list && list.length) {
+                        this.innerValueName = list[0].chemicalName
+                    }
+                }
+            }).finally(() => {
+                this.loading = false
+            })
+        },
+        drugConfirm({ selectedOptions }) {
+            this.innerValueName = selectedOptions[0].chemicalName
+            this.$emit('update:value', selectedOptions[0].id)
+            this.$emit('change', selectedOptions[0])
+            this.searchStr = ''
+            this.showDrug = false
+        }
+    },
+    watch: {
+        value: {
+            handler(value) {
+                this.innerValue = value
+            },
+            immediate: true
+        },
+        valueName: {
+            handler(value) {
+                if (!value) {
+                    return
+                }
+                this.onSearch(value)
+            },
+            immediate: true
+        },
+        searchStr: {
+            handler(val) {
+                if (!val) return
+                this.onSearch(val)
+            }
+        }
+    }
+}
+</script>
+
+<style lang='less' scoped>
+.form-input {
+    padding: 8px 12px;
+    border-radius: 8px;
+}
+
+.input-back {
+    background: #FAFAFA;
+}
+
+//灰色
+.greyColor {
+    color: var(--van-text-color-2);
+}
+
+//确认按钮颜色
+.blueColor {
+    color: var(--van-primary-color)
+}
+</style>

src/doctor/components/template/temDetail.vue

 <template>
+    <van-popup v-model:show='innerShow' position='right' :style="{ height: '100%', width: '100%' }">
+        <div class='flex flex-col' style='height: 100vh'>
+            <div class='p-3 text-black text-center shrink-0 doc-nav-bar'>
+            <span @click='onBack' class='text-12 back-bt'>
+                <doc-icon type='doc-left2' />
+            </span>
+                <span>查看内容</span>
+            </div>
 
+            <div class='grow overflow-y-auto pl-4 pr-4 pt-3 pb-3'>
+                <div>
+                    <div class='flex flex-col '>
+                        <!-- 文本 -->
+                        <div class='card' v-if='contentList?.length'>
+                            <div class='font-semibold mb-1'>文本</div>
+                            <div class='conten-bg'>
+                                <div v-for='item in contentList' :key='item.templateMode' class='mb-1 flex'
+                                     :style='`order: ${item.templateMode}`'>
+                                    <span class='shrink-0 mr-1'
+                                          v-if="item.templateModeTrans != '无'">{{ item.templateModeTrans }} :</span>
+                                    <span> {{ item.templateContent }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class='card mt-4' v-if='mp4List?.length'>
+                        <div class='font-semibold mb-1'>视频</div>
+                        <div class='conten-bg'>
+                            <Mp4 :files='mp4List' :activeMediaUrl='activeMediaUrl'
+                                 @play='e => activeMediaUrl = e.annexUrl' />
+                        </div>
+                    </div>
+
+                    <div class='card flex flex-col mt-4' style='row-gap: .06rem;' v-if='mp3List?.length'>
+                        <div class='font-semibold mb-1'>音频</div>
+                        <div class='conten-bg'>
+                            <Mp3 :file='item' v-for='item in mp3List' :key='item.annexId'
+                                 :activeMediaUrl='activeMediaUrl'
+                                 @play='e => activeMediaUrl = e.annexUrl' />
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class='bbtn'>
+                <van-button type='primary' @click='toUse'>引用</van-button>
+            </div>
+        </div>
+    </van-popup>
 </template>
 
 <script>
+import { showToast } from 'vant'
+import { getTemplateDetail } from '@/api/doctor/workbench'
+import Mp3 from '@/doctor/components/mediaPlay/Mp3.vue'
+import Mp4 from '@/doctor/components/mediaPlay/Mp4.vue'
+
 export default {
-    name: 'temDetail'
+    name: 'temDetail',
+    components: { Mp4, Mp3 },
+    props: {
+        show: { default: false },
+        id: String
+    },
+    data() {
+        return {
+            info: {},
+            activeMediaUrl: ''
+        }
+    },
+    computed: {
+        innerShow() {
+            return this.show
+        },
+        contentList() {
+            return this.info.contentList
+        },
+        // 文件内容
+        annexList() {
+            return this.info?.annexList || []
+        },
+        mp3List() {
+            return this.annexList.filter(e => e.type == 2)
+        },
+        mp4List() {
+            return this.annexList.filter(e => e.type == 3)
+        }
+    },
+    created() {
+        this.load()
+    },
+    methods: {
+        async load() {
+            if (!this.id) {
+                showToast('未获取到信息')
+                return
+            }
+            let par = {
+                id: this.id
+            }
+            getTemplateDetail(par).then(res => {
+                let result = res.data || {}
+                this.info = result
+            }).finally(() => {
+            })
+        },
+        toUse() {
+            this.$emit('selectedInfo', this.id)
+            this.onBack()
+        },
+        onBack() {
+            this.$emit('closeDetail', false)
+        }
+    }
 }
 </script>
 
-<style scoped>
+<style scoped lang='less'>
+@import url('../../utils/common.less');
+.bbtn {
+    padding: 8px 12px;
+    border-top: 1px solid #D7D8DA;
+
+    button {
+        width: 100%;
+        border-radius: 100px
+    }
+}
+
+.card {
+    border: 1px solid #CFD5DE;
+    padding: 8px;
+    border-radius: 8px;
+    color: #262626;
+}
 
+.conten-bg {
+    background: #F8FAFC;
+    padding: 6px 10px;
+    border-radius: 4px;
+}
 </style>
\ No newline at end of file

src/doctor/components/template/temList.vue

 <template>
-    <van-popup v-model:show="show" position="right" :style="{ height: '100%' }" >
-        <div>1111111</div>
+    <van-popup v-model:show='innerShow' position='right' :style="{ height: '100%', width: '100%' }" :overlay='false' >
+        <div class='bg flex flex-col'>
+            <div class='p-3 flex  items-center shrink-0 justify-between title bg-white'>
+                <div @click='onBack' class='text-12 back-bt'>
+                    <doc-icon type='doc-left2' />
+                </div>
+                <div>随访详情</div>
+                <div class='text-primary left-btn' @click='openSearch'>筛查</div>
+            </div>
+
+            <div class='grow p-10 overflow-y-auto' ref='list'>
+                <van-pull-refresh v-model='loadingRefresh' @refresh='onRefresh'
+                                  :disabled='isRefreshDisable' style='min-height: 100%'>
+                    <van-list
+                        v-model:loading='loading'
+                        :finished='finished'
+                        :finished-text="list.length ? '没有更多了' : ''"
+                        :immediate-check='false'
+                        @load='onMore'
+                    >
+                        <div class='flex flex-col gap-y-2.5'>
+                            <div class='py-3 px-4 doc-list-card' v-for='item in list' :key='item.id'>
+                                <div class='flex flex-col gap-y-2.5'>
+                                    <div>
+                                        <span class='label'>模板分类</span>
+                                        <span>{{ item.templateClassifyTrans }}</span>
+                                    </div>
+                                    <div>
+                                        <span class='label'>模板名称</span>
+                                        <span>{{ item.templateName }}</span>
+                                    </div>
+                                </div>
+                                <div class='divider my-3'></div>
+                                <div class='bt-group'>
+                                        <van-button round size='small' class='doc-btn-primary mr-3'
+                                                    @click='toDetail(item)'>查看
+                                        </van-button>
+                                        <van-button round size='small' class='doc-btn-primary' @click='toUse(item)'>
+                                            引用
+                                        </van-button>
+                                    </div>
+                            </div>
+                        </div>
+                    </van-list>
+                    <div class='text-center shrink-0 empty' v-if='!list.length'>
+                        <img src='@/assets/image/doctor/empty.png' alt='' style='width: 1.2rem;'>
+                        <p>暂无数据</p>
+                    </div>
+                </van-pull-refresh>
+
+                <van-popup v-model:show='searchVisible' position='top' :style="{ height: '60%' }"
+                           style='position: absolute;transition: none'
+                           :overlay-style="{ position: 'absolute' }"
+                           transition='viewer-fade'
+                           :teleport='listDom'>
+                    <div class='h-full flex flex-col workbench-search-box'>
+                        <div class='px-4 py-3 grow overflow-y-auto' style=''>
+                            <van-field v-model='form.templateName' placeholder='请输入要查询的模板名称' maxlength='100'
+                                       class='doc-input' />
+                            <div class='my-3'>模板分类</div>
+                            <CheckBtn :options="store.getDict('DC00082')" v-model:value='form.templateClassify' column-3
+                                      class='check-btn-workbench' />
+                            <div class='my-3'>文件类型</div>
+                            <CheckBtn :options="store.getDict('DC00093')" v-model:value='form.fileType' column-3
+                                      class='check-btn-workbench' />
+
+                            <div class='my-3'>共享类型</div>
+                            <CheckBtn :options="store.getDict('DC00053')" v-model:value='form.templateType' column-3
+                                      class='check-btn-workbench' />
+                        </div>
+                        <div class='text-16 flex shrink-0 text-center bt-group'>
+                            <div class='grow py-3' @click='reset'>重置</div>
+                            <div class='grow py-3 submit-btn' @click='search'>确定</div>
+                        </div>
+                    </div>
+                </van-popup>
+
+                <!--                查看详情组件-->
+                <temDetail v-if='detailShow' :show='detailShow' :id='selectRecord.id' @closeDetail='detailClosed' @selectedInfo='detailToUse' :overlay='false'></temDetail>
+            </div>
+        </div>
     </van-popup>
 </template>
 
 <script>
+import { showToast } from 'vant'
+import CheckBtn from '@/doctor/components/checkBtn/CheckBtn'
+import { getTemplateByPage } from '@/api/doctor/workbench'
+import { useStore } from '@/doctor/store'
+import TemDetail from '@/doctor/components/template/temDetail'
+
+const DefaultForm = {
+    templateName: undefined,
+    templateClassify: undefined,
+    //慢病
+    businessType: 1,
+    //文件类型
+    fileType: undefined,
+    //共享类型
+    templateType: 1
+}
+
 export default {
     name: 'temList',
+    components: { TemDetail, CheckBtn },
+    props: {
+        show: { default: false }
+    },
     data() {
         return {
-            show: false
+            store: useStore(),
+            list: [],
+            pagination: {
+                total: 0,
+                pageIndex: 1,
+                pageSize: 8
+            },
+            loading: false,
+            finished: false,
+            loadingRefresh: false,
+            isRefreshDisable: false,
+            // 搜索弹出框
+            searchVisible: false,
+            form: { ...DefaultForm },
+            //是否展示详情弹窗
+            detailShow: false,
+            //选中项
+            selectRecord: {}
+        }
+    },
+    computed: {
+        innerShow() {
+            return this.show
+        },
+        listDom() {
+            return this.$refs.list
+        }
+    },
+    created() {
+        this.load()
+    },
+    mounted() {
+        const list = this.$refs.list
+        if (list) {
+            list.addEventListener('scroll', () => {
+                if (list.scrollTop > 0) {
+                    this.isRefreshDisable = true
+                } else {
+                    this.isRefreshDisable = false
+                }
+            })
+        }
+    },
+    methods: {
+        load(loading = true) {
+            const query = {
+                pageIndex: this.pagination.pageIndex,
+                pageSize: this.pagination.pageSize,
+                ...this.form
+            }
+            getTemplateByPage(query, loading).then(res => {
+                if (this.pagination.pageIndex === 1) {
+                    this.list = []
+                }
+                this.list = this.list.concat(res.data.dataList || [])
+                this.pagination.total = res.data.total || 0
+                this.finished = this.list.length >= this.pagination.total
+            }).finally(() => {
+                this.loading = false
+                this.loadingRefresh = false
+            })
+        },
+        search() {
+            this.pagination.pageIndex = 1
+            this.load()
+            this.searchVisible = false
+        },
+        reset() {
+            this.form = { ...DefaultForm }
+            this.search()
+        },
+        onMore() {
+            this.pagination.pageIndex++
+            this.load(false)
+        },
+        onRefresh() {
+            this.pagination.pageIndex = 1
+            this.load()
+        },
+        openSearch() {
+            this.searchVisible = true
+        },
+        toDetail(record) {
+            this.selectRecord = record
+            this.detailShow = true
+        },
+        detailClosed(val) {
+          this.detailShow = val
+        },
+        //列表引用
+        toUse(record) {
+            this.$emit('selectRecord', record.id)
+            this.onBack()
+        },
+        //详情选中引用
+        detailToUse(val) {
+            this.$emit('selectRecord', val)
+            this.onBack()
+        },
+        onBack() {
+            this.$emit('closed', false)
         }
     }
 }
 </script>
 
-<style scoped>
+<style scoped lang='less'>
+.title {
+    font-size: 18px;
+    font-weight: 600;
+}
+
+.bg-white {
+    background: #FFFFFF;
+}
+
+.left-btn {
+    font-size: 14px;
+    font-weight: 400;
+}
+
+.bg {
+    background: rgb(245, 245, 245);
+    height: 100vh;
+}
 
+.p-10 {
+    padding: 10px;
+}
+
+:deep(.workbench-search-box) {
+    color: #595959;
+
+    .bt-group {
+        border-top: 1px solid #EBEBEC;
+        color: #262626;
+
+        .submit-btn {
+            color: #fff;
+            background-color: var(--van-primary-color);
+        }
+    }
+}
 </style>
\ No newline at end of file

src/doctor/followUp/generalFU/detail/Detail.vue

@@ -244,6 +244,7 @@ import Mp3 from '@/residentWX/components/mediaPlay/Mp3.vue'
 import Mp4 from '@/residentWX/components/mediaPlay/Mp4'
 import ImagePreview from '@/residentWX/components/imagePreview/imagePreview'
 import { fetchCurrencyById, messageResend } from '@/api/doctor/generalFU'
+import { getTemplateDetail } from '@/api/doctor/workbench'
 
 export default {
     name: 'CurrencyFUDetail.vue',
@@ -364,7 +365,6 @@ export default {
     },
     methods: {
         async load() {
-            debugger
             if (!this.routerDetail.relationId) {
                 showToast('未获取到信息')
                 return

src/doctor/followUp/generalFU/form/BaseInfo.vue

@@ -191,7 +191,11 @@
                 class='input-back mt-2 form-input'
                 :rules='rules.groupsArraysName'
                 @click='showGroupsArrays= true'
-            />
+            >
+                <template #input>
+                    <span class='text-end'>{{form.groupsArraysName}}</span>
+                </template>
+            </van-field>
             <van-popup v-model:show='showGroupsArrays' position='bottom'>
                 <div class='p-4'>
                     <div class='flex justify-between mb-4'>

src/doctor/followUp/generalFU/form/GeneralFUForm.vue

@@ -25,33 +25,37 @@
                     class='input-back mt-2 form-input'
                 />
             </div>
+<!--            健康指导-->
             <div v-if='showTwo'>
-                <div class='flex justify-between items-center'>
-                    <div class='label-title mt-5'>健康指导</div>
-                    <van-button class='doc-btn-primary'>选择内容</van-button>
+                <div class='flex justify-between items-center mt-5'>
+                    <div class='label-title '>健康指导</div>
+                    <van-button class='doc-btn-p' @click='toShowTem(1)'>选择内容</van-button>
                 </div>
 
-                <div class='health mt-2'>
-                    <div class='health-cell mt-2' v-for='item in form.visitHealthGuideList'>
-                        <div class='no-req-label' v-if="item.name != '无'">{{ item.name }}</div>
-                        <van-field
-                            v-model='item.templateContent'
-                            rows='1'
-                            autosize
-                            type='textarea'
-                            placeholder='请输入'
-                            class='input-back mt-2 form-input'
-                        />
+                <div class='mt-2'>
+                    <GuideTextVideo :file-type="[1]"
+                                    :info="form.guide"
+                                    :content-title="'指导内容'"
+                                    :classify="1"
+                                    ref="guideRef"></GuideTextVideo>
+                </div>
             </div>
+<!--            宣教内容-->
+            <div v-if='showThree'>
+                <div class='flex justify-between items-center mt-5'>
+                    <div class='label-title '>宣教内容</div>
+                    <van-button class='doc-btn-p' @click='toShowTem(2)'>选择内容</van-button>
                 </div>
             </div>
+
             <!--            催检-->
             <div v-if='showFour'>
                 <div class='no-req-label mt-5'>催检内容</div>
                 <div class='tel-back mt-2'>
                     <div class='tel'>
                         <div style='text-indent: 2em;line-height: .2rem'>
-                            <span v-if='modeEnumList.urgeResidentShow'>{{ firstForm.residentsRecord.residentName }}先生/女士，</span>
+                            <span v-if='modeEnumList.urgeResidentShow'>{{ firstForm.residentsRecord.residentName
+                                }}先生/女士，</span>
                             <span v-else>您好，</span>
                             <span>请您于{{ form.screenTime }}</span>
                             <span>到{{ authInfo.unitName }}</span>
@@ -69,28 +73,28 @@
 
             </div>
 
-<!--            上传随访照片-->
+            <!--            上传随访照片-->
             <div v-if='showOne'>
                 <div class='no-req-label mt-5'>上传随访记录</div>
                 <DocImageUpload
-                 description="支持上传jpg、png、jpeg文件，大小请在10M以内"
-                 lengthMessage="抱歉，最多可上传6个文件。"
-                 :imageData="[]"
-                 @change="(ids, option) => form.uploadVisitRecord = ids"
-                 :maxLength="6"
-                 class="mt-2"
+                    description='支持上传jpg、png、jpeg文件，大小请在10M以内'
+                    lengthMessage='抱歉，最多可上传6个文件。'
+                    :imageData='[]'
+                    @change='(ids, option) => form.uploadVisitRecord = ids'
+                    :maxLength='6'
+                    class='mt-2'
                 />
             </div>
-<!--            现场随访照片-->
+            <!--            现场随访照片-->
             <div>
                 <div class='no-req-label mt-5'>现场随访照片</div>
                 <DocImageUpload
-                    description="支持上传jpg、png、jpeg文件，大小请在10M以内"
-                    lengthMessage="抱歉，最多可上传6个文件。"
-                    :imageData="[]"
-                    @change="(ids, option) => form.sceneVisitImage = ids"
-                    :maxLength="6"
-                    class="mt-2"
+                    description='支持上传jpg、png、jpeg文件，大小请在10M以内'
+                    lengthMessage='抱歉，最多可上传6个文件。'
+                    :imageData='[]'
+                    @change='(ids, option) => form.sceneVisitImage = ids'
+                    :maxLength='6'
+                    class='mt-2'
                 />
             </div>
 
@@ -114,6 +118,10 @@
                 </van-popup>
             </div>
         </van-form>
+
+        <div>
+            <temList :show='showTem' @closed='closedTem' @selectRecord='getSelectTem'></temList>
+        </div>
     </div>
 </template>
 
@@ -124,10 +132,13 @@ import DocIcon from '@/components/docIcon/DocIcon'
 import { showToast } from 'vant'
 import { fetchDataHandle } from '@/utils/common'
 import DocImageUpload from '@/doctor/components/docImageUpload/DocImageUpload'
+import TemList from '@/doctor/components/template/temList'
+import { getTemplateDetail } from '@/api/doctor/workbench'
+import GuideTextVideo from '@/doctor/followUp/generalFU/form/GuideTextVideo'
 
 export default {
     name: 'GeneralFUForm',
-    components: { DocImageUpload, DocIcon },
+    components: { GuideTextVideo, TemList, DocImageUpload, DocIcon },
     props: {
         info: {
             default: () => {
@@ -149,17 +160,11 @@ export default {
         return {
             store: useStore(),
             form: {},
-            //展示用
-            imgList: [],
-            imgList2: [],
-            //input图片值
-            imgInputList1: [],
-            imgInputList2: [],
             showDate: false,
             showTime1: false,
+            showTem: false,
             currentTime1: null,
-            showImgList: [],
-            initSwipe: 0,
+            citeInfo: 1,
             rules: {
                 visitContent: [{ required: true, message: '请输入' }],
                 nextVisitDate: [{ required: true, message: '请选择' }]
@@ -222,7 +227,7 @@ export default {
                 res = true
             }
             return res
-        },
+        }
     },
     created() {
         const date = dayjs()
@@ -274,6 +279,26 @@ export default {
             this.form.screenTime = selectedValues.join('-')
             this.showTime1 = false
         },
+        toShowTem(val) {
+            this.citeInfo =val
+            this.showTem = true
+        },
+        closedTem(val) {
+            this.showTem = val
+        },
+        //获取选中的模板
+        async getSelectTem(val) {
+            if (val) {
+                let par = { id: val }
+                let result = await getTemplateDetail(par)
+                //健康指导
+                if (this.citeInfo == 1) {
+
+                } else { //宣教内容
+
+                }
+            }
+        },
         onSubmit() {
             return new Promise((resolve, reject) => {
                 this.$refs.form.validate().then(() => {
@@ -303,6 +328,21 @@ export default {
 </script>
 
 <style scoped lang='less'>
+// 按钮样式
+.doc-btn {
+    border: 0;
+    padding: 4px 8px;
+    height: 26px;
+    border-radius: 38px;
+}
+
+.doc-btn-p {
+    .doc-btn();
+    color: var(--van-primary-color);
+    background: #F0F3FF;
+    font-size: 13px;
+}
+
 .title {
     font-weight: bold;
     margin-bottom: 20px;