居民端小程序 v1.2 1、模板组件调整 2、表单校验

src/doctor/components/template/temList.vue

@@ -58,14 +58,14 @@
                         <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>
+                            <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
+                            <div class='my-3'>文件类型（可多选）</div>
+                            <CheckBtn multiple :options="store.getDict('DC00093')" v-model:value='form.fileType' column-3
                                       class='check-btn-workbench' />
 
-                            <div class='my-3'>共享类型</div>
+                            <div class='my-3'>共享类型（仅单选）</div>
                             <CheckBtn :options="store.getDict('DC00053')" v-model:value='form.templateType' column-3
                                       class='check-btn-workbench' />
                         </div>
@@ -97,22 +97,25 @@ 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
+const DefaultForm = () => {
+    return {
+        templateName: undefined,
+        templateClassify: undefined,
+        //慢病
+        businessType: 1,
+        //文件类型
+        fileType: [],
+        //共享类型
+        templateType: 1
+    }
 }
 
 export default {
     name: 'temList',
     components: { TemDetail, CheckBtn },
     props: {
-        show: { default: false }
+        show: { default: false },
+        templateClassify: Number,
     },
     data() {
         return {
@@ -129,7 +132,7 @@ export default {
             isRefreshDisable: false,
             // 搜索弹出框
             searchVisible: false,
-            form: { ...DefaultForm },
+            form: DefaultForm(),
             //是否展示详情弹窗
             detailShow: false,
             //选中项
@@ -145,6 +148,7 @@ export default {
         }
     },
     created() {
+        this.form.templateClassify = this.templateClassify
         this.load()
     },
     mounted() {
@@ -161,10 +165,12 @@ export default {
     },
     methods: {
         load(loading = true) {
+            const {fileType = [], ...others} = this.form
             const query = {
                 pageIndex: this.pagination.pageIndex,
                 pageSize: this.pagination.pageSize,
-                ...this.form
+                fileType: fileType&&fileType.length ? fileType.join(): '',
+                ...others
             }
             getTemplateByPage(query, loading).then(res => {
                 if (this.pagination.pageIndex === 1) {
@@ -184,7 +190,8 @@ export default {
             this.searchVisible = false
         },
         reset() {
-            this.form = { ...DefaultForm }
+            this.form = DefaultForm()
+            this.form.templateClassify = this.templateClassify
             this.search()
         },
         onMore() {

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

@@ -177,7 +177,7 @@
         </van-form>
 
         <div v-if='showTem'>
-            <temList :show='showTem' @closed='closedTem' @selectRecord='getSelectTem'></temList>
+            <temList :show='showTem' @closed='closedTem' @selectRecord='getSelectTem' :templateClassify='citeInfo'></temList>
         </div>
     </div>
 </template>

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

@@ -361,7 +361,6 @@ export default {
         },
         // 选择的模板内容变化
         contentSelectChange() {
-            debugger
             const cont = this.form.contentList || []
             let val = this.checkContentSelect
             let delValue = []
@@ -431,7 +430,6 @@ export default {
             return this.$refs.form
         },
         contentSelectConfirm() {
-            debugger
             let res = []
             this.contentArray.forEach(item => {
                 let selected = this.checkContentSelect.filter(i => i == item.value)
@@ -481,8 +479,6 @@ export default {
         },
         submit() {
             return new Promise((resolve, reject) => {
-                debugger
-                console.log(this.$refs.form)
                 this.$refs.form.validate().then(valid => {
                     /*          if (this.form.fileType.includes(3) && !this.form._video.length) {
                                 this.$message.info('请上传视频')