From 46a94045f5370bffd74123f3b614e188d67bb553 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=B1=E6=9C=89=E6=B8=85=E9=A6=99=E6=9C=88=E6=9C=89?=
 =?UTF-8?q?=E9=98=B4?= <185154740@qq.com>
Date: Fri, 10 Dec 2021 18:20:55 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=B0=E8=AE=BF=E4=BA=8B=E9=A1=B9=20?=
 =?UTF-8?q?=E7=8E=B0=E5=AE=9E=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apps/AppWalkask/components/add.vue | 122 +++++++++++++++----------
 1 file changed, 75 insertions(+), 47 deletions(-)

diff --git a/src/apps/AppWalkask/components/add.vue b/src/apps/AppWalkask/components/add.vue
index 9fb616ef..8c8810b1 100644
--- a/src/apps/AppWalkask/components/add.vue
+++ b/src/apps/AppWalkask/components/add.vue
@@ -3,42 +3,42 @@
     <div v-if="addList">
       <u-navbar title="新建走访" back-icon-color="#fff" title-color="#fff" title-width="300" title-size="36" :background="backgroundNavbar"> </u-navbar>
 
-      <div class="header-content">
+      <div class="header-description">
         <u-form :model="forms" ref="uForm" label-width="auto">
-          <u-form-item label="区域选择" prop="areaId" required style="position: relative">
+          <u-form-item label="区域选择" prop="areaId" style="position: relative">
             <ai-area-picker v-model="forms.areaId" ref="areaIds" :areaId="areaIdProps" @select="areaSelect" style="color: #333"> </ai-area-picker>
           </u-form-item>
 
-          <u-form-item label="走访对象" prop="object" style="position: relative">
-            <u-input v-model="forms.object" disabled placeholder="请选择走访对象" @click="toWalkObject" />
+          <u-form-item label="走访对象" prop="applicationId" required style="position: relative">
+            <u-input v-model="forms.applicationId" disabled placeholder="请选择走访对象" @click="toWalkObject" />
             <!-- @click="showObject = true" -->
 
-            <u-select v-model="showObject" :list="Objectlist" @confirm="changeObject"></u-select>
+            <u-select v-model="showObject" :list="Objectlist" @confirm="applicaStatus"></u-select>
 
             <u-icon name="arrow-right" color="#CCCCCC" style="position: absolute; top: 25px; right: 30px"></u-icon>
           </u-form-item>
 
-          <u-form-item label="现实状态" prop="reality" required style="position: relative">
+          <u-form-item label="现实状态" prop="reality" style="position: relative">
             <u-input v-model="forms.reality" disabled placeholder="请选择走访对象" @click="showStstus = true" />
 
             <!-- :disabled="!forms.object" -->
-            <u-select v-model="showStstus" :list="$dict.getDict('realityStatus')" value-name="dictValue" label-name="dictName" @confirm="changeStstus"></u-select>
+            <u-select v-model="showStstus" :list="$dict.getDict('realityStatus')" value-name="dictValue" label-name="dictName" @confirm="realityStstus"></u-select>
 
             <u-icon name="arrow-right" color="#CCCCCC" style="position: absolute; top: 25px; right: 30px"></u-icon>
           </u-form-item>
 
-          <u-form-item label="入户走访事项" prop="things" required label-position="top">
-            <u-input v-model="forms.things" placeholder="请输入入户走访事项(30字以内)" type="textarea" auto-height height="60" maxlength="30" />
-            <div>{{ forms.things.length }}/30</div>
+          <u-form-item label="入户走访事项" prop="title" required label-position="top">
+            <u-input v-model="forms.title" placeholder="请输入入户走访事项(30字以内)" type="textarea" auto-height height="60" maxlength="30" />
+            <div>{{ forms.title.length }}/30</div>
           </u-form-item>
 
-          <u-form-item label="入户走访内容" prop="content" label-position="top">
-            <u-input v-model="forms.content" placeholder="请输入入户走访事项(500字以内)" type="textarea" auto-height height="60" maxlength="500" />
-            <div>{{ forms.things.length }}/500</div>
+          <u-form-item label="入户走访内容" prop="description" label-position="top">
+            <u-input v-model="forms.description" placeholder="请输入入户走访事项(500字以内)" type="textarea" auto-height height="60" maxlength="500" />
+            <div>{{ forms.description.length }}/500</div>
           </u-form-item>
 
-          <u-form-item label="图片(最多9张)" prop="avatar" required label-position="top">
-            <ai-uploader v-model="forms.avatar" multiple @change="change" placeholder="上传图片" :limit="9"></ai-uploader>
+          <u-form-item label="图片(最多9张)" prop="images" class="avatars" required label-position="top">
+            <ai-uploader :def.sync="forms.images" multiple @list="change" placeholder="上传图片" :limit="9"></ai-uploader>
           </u-form-item>
         </u-form>
       </div>
@@ -68,36 +68,21 @@ export default {
       backgroundNavbar: {
         backgroundColor: '#3975C6',
       },
-
       forms: {
         areaId: '',
-        object: '',
+        applicationId: '',
         reality: '',
-        realitylabel: '',
-        things: '',
-        content: '',
-        avatar: [],
+        realityValue: '',
+        title: '',
+        description: '',
+        images: [],
       },
       showAreaId: false,
-      areaIdlist: [
-        {
-          value: '1',
-          label: '江',
-        },
-        {
-          value: '2',
-          label: '湖',
-        },
-      ],
       Objectlist: [
         {
           value: '0',
           label: '武汉',
         },
-        {
-          value: '1',
-          label: '北京',
-        },
       ],
       showObject: false,
       showStstus: false,
@@ -114,34 +99,49 @@ export default {
   mounted() {},
   methods: {
     submit() {
+      console.log(1)
       if (this.flag) return
 
       this.$refs.uForm.validate((valid) => {
         if (valid) {
-          if (!this.areaId) {
+          if (!this.forms.applicationId) {
             return this.$u.toast('请选择走访对象')
           }
-          if (!this.form.things) {
+          if (!this.forms.title) {
             return this.$u.toast('请输入入户走访事项')
           }
+          console.log(2)
 
+          const imgs = []
+          if (this.forms.images) {
+            this.forms.images.map((e) => {
+              console.log(e)
+              imgs.push({ url: e.url, id: e.id })
+            })
+          }
+
+          console.log(3)
           this.flag = true
           this.$instance
             .post(`/appjobresume/addOrUpdate`, {
               areaId: this.forms.areaId,
-              object: this.forms.object,
+              applicationId: '8883942d30aa4b76b33de1660d4870e4',
+              // object: this.forms.object,
               reality: this.forms.reality == Number ? this.forms.reality : this.forms.realitylabel,
-              things: this.forms.things,
-              content: this.forms.content,
-              avatar: this.forms.avatar[0],
+              title: this.forms.title,
+              description: this.forms.description,
+              images: imgs || [],
               // education: this.form.education == Number ? this.form.education : this.forms.educationValue,
-              id: this.id,
+              id: '',
             })
             .then((res) => {
+              console.log(4)
               if (res.code == 0) {
+                console.log(5)
                 this.$u.toast('保存成功')
                 this.flag = false
                 uni.navigateBack({})
+                console.log(6)
               }
             })
         } else {
@@ -158,16 +158,16 @@ export default {
       }
     },
 
-    changeObject(e) {
+    applicaStatus(e) {
       console.log(e)
       this.forms.object = e[0].value
       this.forms.objectlabel = e[0].label
     },
 
-    changeStstus(e) {
+    realityStstus(e) {
       console.log(e)
-      this.forms.reality = e[0].value
-      this.forms.realitylabel = e[0].label
+      this.forms.reality = e[0].label
+      this.forms.realityValue = e[0].value
     },
 
     toWalkObject() {
@@ -187,13 +187,41 @@ export default {
 .add {
   height: 100%;
   padding-bottom: 112px;
-  .header-content {
+  .header-description {
     ::v-deep .u-form {
       .u-form-item {
         margin-bottom: 16px;
+        .u-form-item__body {
+          // .u-form-item--right {
+          //   .u-form-item--right__content {
+          .u-form-item--right__content__slot {
+            padding-bottom: 0;
+          }
+          //   }
+          // }
+        }
       }
       .u-form-item:last-child {
         margin-bottom: 0;
+        padding-bottom: 20px !important;
+      }
+      .avatars {
+        .u-form-item__body {
+          // .u-form-item--right {
+          //   .u-form-item--right__content {
+          //     .u-form-item--right__content__slot {
+          //       .ai-uploader {
+          //         .fileList {
+          .default {
+            width: 160px;
+            height: 160px;
+          }
+        }
+        // }
+        //       }
+        //     }
+        //   }
+        // }
       }
     }
   }