提交一部分民政评分新版

src/project/hljmz/AppRecoScore/lib/dynaComponent.vue

@@ -2,30 +2,39 @@
   <section class="dynaComponent">
     <AiDate v-if="item.fieldType=='date'" v-model="value"/>
     <textarea v-else-if="item.fieldType=='textarea'" v-model="value" placeholder="请输入"/>
+    <input type="number" v-else-if="item.fieldType=='score'" v-model="value" placeholder="请输入"/>
+    <AiRadio v-else-if="item.fieldType=='radio'" v-model="value" :dict="item.dictionaryCode"/>
+    <AiCheckbox v-else-if="item.fieldType=='checkbox'" v-model="value" :dict="item.dictionaryCode"/>
+    <AiSelect v-else-if="item.fieldType=='select'" v-model="value" :dict="item.dictionaryCode"/>
     <AiDrawer v-else-if="item.fieldType=='sign'" v-model="value" placeholder="开始签名"/>
+    <AiUploader v-else-if="item.fieldType=='upload'" multiple :def.sync="value" action="/admin/file/add2"/>
     <input v-else v-model="value" placeholder="请输入"/>
-
   </section>
 </template>
 
 <script>
 import AiDate from "../../../../components/AiDate";
 import AiDrawer from "../../../../components/AiDrawer";
+import AiRadio from "../../../../components/AiRadio";
+import AiSelect from "../../../../components/AiSelect";
+import AiCheckbox from "../../../../components/AiCheckbox";
+import AiUploader from "../../../../components/AiUploader";
 
 export default {
   name: "dynaComponent",
-  components: {AiDrawer, AiDate},
+  components: {AiUploader, AiCheckbox, AiSelect, AiRadio, AiDrawer, AiDate},
   props: {
     item: {default: () => ({})}
   },
   watch: {
     value(v) {
       this.$emit("update:item", {...this.item, fieldValue: v})
+      this.$emit("input", {...this.item, fieldValue: v})
     }
   },
   data() {
     return {
-      value: ""
+      value: null
     }
   },
   methods: {},

src/project/hljmz/AppRecoScore/rsDetail.vue

@@ -10,15 +10,16 @@
           <div class="subLabel" v-text="key"/>
           <AiItem v-for="row in item" :key="row.id" :label="row.fieldName" topLabel>
             <div class="mar-t8" slot="sub" v-if="row.explain" v-text="row.explain"/>
-            <dyna-component :item.sync="row"/>
+            <dyna-component :item.sync="row" @input="handleDetailItem"/>
           </AiItem>
         </template>
         <AiItem v-else :label="item.fieldName" topLabel>
           <div class="mar-t8" slot="sub" v-if="item.explain" v-text="item.explain"/>
-          <dyna-component :item.sync="item"/>
+          <dyna-component :item.sync="item" @input="handleDetailItem"/>
         </AiItem>
       </template>
     </AiGroup>
+    <AiBottomBtn text="提交" @click="submit"/>
   </section>
 </template>
 
@@ -26,10 +27,11 @@
 import AiItem from "../../../components/AiItem";
 import AiGroup from "../../../components/AiGroup";
 import DynaComponent from "./lib/dynaComponent";
+import AiBottomBtn from "../../../components/AiBottomBtn";
 
 export default {
   name: "rsDetail",
-  components: {DynaComponent, AiGroup, AiItem},
+  components: {AiBottomBtn, DynaComponent, AiGroup, AiItem},
   appName: "考核评分",
   data() {
     return {
@@ -76,14 +78,42 @@ export default {
         }
       })
     },
-    getItem(id) {
-      return this.detail.find(e => e.id == id) || {}
+    handleDetailItem(item) {
+      this.detail.map(e => {
+        if (e.id == item.id) {
+          e.fieldValue = item.fieldValue
+        }
+      })
+    },
+    submit() {
+      if (!this.detail.filter(e => e.inputType == '0')?.some(e => {
+        const desc = [e.groupLevel1Name, e.groupLevel2Name, e.fieldName].filter(Boolean)?.join("-")
+        if (e.mustFill == 1 && !e.fieldValue) {
+          this.$u.toast("请填写" + desc)
+          return true
+        } else if (e.maxScore > 0 && e.maxScore < e.fieldValue) {
+          this.$u.toast(`${desc}请输入正确范围(0~${e.maxScore})`)
+          return true
+        } else return false
+      })) {
+        const {$route: {query: {taskDetailId, taskId}}, detail: fields} = this
+        this.$http.post("/app/appassessmentscorev2task/commit", {
+          taskDetailId, taskId, fields
+        }).then(res => {
+          if (res?.code == 0) {
+            this.$u.toast("提交成功!")
+            uni.navigateBack()
+          }
+        })
+      }
     }
   },
+  created() {
+    this.getDetail()
+    this.getTask()
+  },
   onShow() {
     document.title = this.$options.appName
-    this.getDetail()
-    this.getTask()
   },
 }
 </script>