feat(上报内容): 城市不文明行为举报，在上传照片/视频下面增加违法类型、违法时间，其中“渣土运输车辆未覆盖或沿途泄露、抛撒”在上传照片/视频下面增加违法类型、车牌号、违法时间

pages/record-content/index.vue

@@ -284,7 +284,59 @@
           </view>
         </view>
 
-        <view class="step_box">
+        <!--        违法类型-->
+        <view v-if="isIncivility" class="step_box">
+          <view class="tep_one">
+            <image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_neirong@2x.png" />
+            <view class="one">{{ '违法类型' }}</view>
+          </view>
+          <view class="report_title">
+            <input :maxlength="20" :placeholder="'违法类型'" v-model="IllegalForm.IllegalType" class="title_input" />
+            <view class="clear">
+              <text style="float: right; font-size: 28rpx; font-weight: 400; color: #656565; margin-right: 5px">{{ IllegalForm.IllegalType.length }}/{{ maxWord }}</text>
+              <image v-if="IllegalForm.IllegalType" @click="IllegalForm.IllegalType = ''" mode="aspectFill" class="tep_icon" src="/static/icon/ic_bt_del@2x.png" />
+            </view>
+          </view>
+        </view>
+
+        <!--        车牌号码-->
+        <view v-if="isDispersion" class="step_box">
+          <view class="tep_one">
+            <image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_neirong@2x.png" />
+            <view class="one">{{ '车牌号码' }}</view>
+          </view>
+          <view class="report_title">
+            <input :maxlength="20" :placeholder="'车牌号码'" v-model="IllegalForm.license_plate" class="title_input" />
+            <view class="clear">
+              <text style="float: right; font-size: 28rpx; font-weight: 400; color: #656565; margin-right: 5px">{{ IllegalForm.license_plate.length }}/{{ maxWord }}</text>
+              <image v-if="IllegalForm.license_plate" @click="IllegalForm.license_plate = ''" mode="aspectFill" class="tep_icon" src="/static/icon/ic_bt_del@2x.png" />
+            </view>
+          </view>
+        </view>
+
+        <!--        违法时间-->
+        <view v-if="isIncivility" class="step_box">
+          <view class="tep_one">
+            <image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_neirong@2x.png" />
+            <view class="one">{{ '违法时间' }}</view>
+          </view>
+          <view class="report_title">
+            <input
+              :maxlength="20"
+              :placeholder="'违法时间'"
+              :value="$u.timeFormat(IllegalForm.illegal_time, 'yyyy-mm-dd hh:MM:ss')"
+              readonly
+              class="title_input"
+              @click="showIllegalTime = true"
+            />
+            <!--            <view class="clear">-->
+            <!--              <text style="float: right; font-size: 28rpx; font-weight: 400; color: #656565; margin-right: 5px">{{ IllegalForm.illegal_time.length }}/{{ maxWord }}</text>-->
+            <!--              <image v-if="IllegalForm.illegal_time" @click="IllegalForm.illegal_time = ''" mode="aspectFill" class="tep_icon" src="/static/icon/ic_bt_del@2x.png" />-->
+            <!--            </view>-->
+          </view>
+        </view>
+
+        <view v-if="!isIncivility" class="step_box">
           <view class="tep_one">
             <image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_neirong@2x.png" />
             <view class="one">{{ !showActive ? null : '上报标题' }}</view>
@@ -301,7 +353,7 @@
         <view class="step_box">
           <view class="tep_one">
             <image mode="aspectFill" class="tep_icon" src="/static/icon/ic_rw_neirong@2x.png" />
-            <view class="one">{{ !showActive ? null : '上报内容' }}</view>
+            <view class="one">{{ !showActive ? null : activeMap.content }}</view>
           </view>
           <view class="photo_list2">
             <textarea v-model="content" :placeholder="!showActive ? '' : '具体描述（最少10个字）'" class="write_box" bindinput="content" />
@@ -388,6 +440,7 @@ const typeMap = {
   illegality: '交通违法举报',
   incivility: '城市不文明行为举报',
   fault: '交通设施故障上报',
+  dispersion: '渣土运输车辆未覆盖或沿途泄露、抛撒'
 }
 
 export default {
@@ -445,10 +498,11 @@ export default {
 
         },
         [typeMap.incivility]: {
-          realNameTitle: '举报人信息'
+          realNameTitle: '举报人信息',
+          content: '违法行为描述',
         },
         [typeMap.fault]: {
-
+          content: '上报内容'
         }
       }
     };
@@ -463,6 +517,18 @@ export default {
     },
     activeMap() {
       return this.map[this.activeParent?.name] || {}
+    },
+    isIllegality() {
+      return this.activeParent?.name === typeMap.illegality
+    },
+    isIncivility() {
+      return this.activeParent?.name === typeMap.incivility
+    },
+    isFault() {
+      return this.activeParent?.name === typeMap.fault
+    },
+    isDispersion() {
+      return this.activeItem.name === typeMap.dispersion
     }
   },
 
@@ -646,8 +712,15 @@ export default {
         if (!this.id) return t('请选择上报类型');
         if (!this.longitude) return t('请选择位置');
         if (!this.photoList.length) return t('请上传图片/视频');
-        if (!this.title) return t('请输入标题');
-        if (!this.content) return t('请输入内容');
+        if (this.isIncivility) {
+          if (!this.IllegalForm.IllegalType) return t('请输入违法类型');
+          if (!this.IllegalForm.illegal_time) return t('请输入违法时间');
+          if (this.isDispersion) {
+            if (!this.IllegalForm.license_plate) return t('请输入车牌号码');
+          }
+        }
+        if (!this.title && !this.isIncivility) return t('请输入标题');
+        if (!this.content) return t('请输入' + this.activeMap.content);
         if (this.checked) {
           if (!this.realForm.name) return t('请输入真实姓名');
           if (!this.realForm.phone) return t('请输入电话号码');