扛不住了,先提交一波休息一会

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

@@ -1,5 +1,5 @@
 <template>
-  <section class="dynaComponent">
+  <section class="dynaComponent" :class="{disabled}">
     <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="请输入"/>
@@ -24,7 +24,8 @@ export default {
   name: "dynaComponent",
   components: {AiUploader, AiCheckbox, AiSelect, AiRadio, AiDrawer, AiDate},
   props: {
-    item: {default: () => ({})}
+    item: {default: () => ({})},
+    disabled:Boolean
   },
   watch: {
     value(v) {
@@ -38,10 +39,24 @@ export default {
     }
   },
   methods: {},
+  created() {
+    this.value = this.$copy(this.item.fieldValue)
+  }
 }
 </script>
 
 <style lang="scss" scoped>
 .dynaComponent {
+  position: relative;
+  &.disabled:before{
+    content:" ";
+    display: block;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 9;
+  }
 }
 </style>

src/project/hljmz/AppRecoScore/rsApproval.vue

@@ -0,0 +1,116 @@
+<template>
+  <section class="rsApproval">
+    <AiGroup description bottomBorder v-for="(next,label) in form" :key="label" :title="label" class="pad-t32">
+      <template v-for="(item,key) in next">
+        <template v-if="!/\d/.test(key)">
+          <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" @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" @input="handleDetailItem"/>
+        </AiItem>
+      </template>
+    </AiGroup>
+    <AiBottomBtn text="提交" @click="submit"/>
+  </section>
+</template>
+
+<script>
+import DynaComponent from "./lib/dynaComponent";
+export default {
+  name: "rsApproval",
+  components: {DynaComponent},
+  appName: "考核评分",
+  data() {
+    return {
+      task: {},
+      detail: [],//动态表单
+    }
+  },
+  computed: {
+    form() {
+      let form = {}
+      this.detail.map(e => {
+        if (e.inputType == "0") {
+          if (!form[e.groupLevel1Name]) {
+            form[e.groupLevel1Name] = {}
+          }
+          if (!!e.groupLevel2Name) {
+            form[e.groupLevel1Name][e.groupLevel2Name] = {...form[e.groupLevel1Name][e.groupLevel2Name], [e.id]: e}
+          } else {
+            form[e.groupLevel1Name] = {...form[e.groupLevel1Name], [e.id]: e}
+          }
+        }
+      })
+      return form
+    }
+  },
+  methods: {
+    getTask() {
+      const {taskId: id} = this.$route.query
+      return this.$http.post("/app/appassessmentscorev2task/queryDetailById", null, {
+        params: {id}
+      }).then(res => {
+        if (res?.data) {
+          this.task = res.data
+        }
+      })
+    },
+    getDetail() {
+      const {taskDetailId} = this.$route.query
+      return this.$http.post("/app/appassessmentscorev2task/queryDataInfoById2", null, {
+        params: {taskDetailId}
+      }).then(res => {
+        if (res?.data) {
+          this.detail = res.data
+        }
+      })
+    },
+    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
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.rsApproval {
+}
+</style>

src/project/hljmz/AppRecoScore/rsDetail.vue

@@ -24,14 +24,11 @@
 </template>
 
 <script>
-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: {AiBottomBtn, DynaComponent, AiGroup, AiItem},
+  components: {DynaComponent},
   appName: "考核评分",
   data() {
     return {