feat(xumu): 新增理赔申请和贷款申请功能

- 添加理赔申请和贷款申请的路由、页面组件和相关逻辑 - 实现理赔申请和贷款申请的数据获取、表单提交和审核流程 - 优化耳标选择器组件，支持在不同场景下的使用 - 调整图片上传组件，增加只读模式和预览功能
2025-01-02 15:30:44 +08:00
parent b6dcddac6f
commit 437ae1425c
12 changed files with 730 additions and 92 deletions
--- a/ui/packages/basic/AiDialog.vue
+++ b/ui/packages/basic/AiDialog.vue
@@ -11,8 +11,13 @@
        <slot name="footer"/>
      </template>
      <div v-else class="dialog-footer" slot="footer">
-        <el-button @click="onCancel">取消</el-button>
-        <el-button @click="onConfirm" type="primary">确认</el-button>
+        <template v-if="$slots.foot">
+          <slot name="foot"/>
+        </template>
+        <template v-else>
+          <el-button @click="onCancel">取消</el-button>
+          <el-button @click="onConfirm" type="primary">确认</el-button>
+        </template>
      </div>
    </el-dialog>
  </section>
@@ -144,7 +149,7 @@ export default {
    }

    .el-button {
-      width: 92px !important;
+      min-width: 92px !important;
    }
  }

--- a/ui/packages/basic/AiUploader.vue
+++ b/ui/packages/basic/AiUploader.vue
@@ -1,89 +1,92 @@
 <template>
  <section class="uploader">
-    <el-upload
-        action
-        multiple
-        ref="upload"
-        :class="{validError:!validateState}"
-        :http-request="submitUpload"
-        :on-remove="handleRemove"
-        :on-change="handleChange"
-        :before-upload="onBeforeUpload"
-        :file-list="fileList"
-        :limit="limit"
-        :disabled="disabled"
-        :list-type="isImg ? 'picture-card' : 'text'"
-        :accept="accept"
-        :show-file-list="!isSingle"
-        :on-preview="handlePictureCardPreview"
-        :auto-upload="isAutoUpload"
-        :on-exceed="handleExceed">
-      <template v-if="!disabled">
-        <template v-if="hasUploaded&&isSingle">
-          <div class="fileItem">
-            <div class="uploadFile" @click.stop>
-              <ai-icon type="svg" :icon="uploadFile.icon"/>
-              <div class="info">
-                <span v-text="uploadFile.name"/>
-                <span class="size" v-text="uploadFile.size"/>
+    <template v-if="!readonly">
+      <el-upload
+          action
+          multiple
+          ref="upload"
+          :class="{validError:!validateState}"
+          :http-request="submitUpload"
+          :on-remove="handleRemove"
+          :on-change="handleChange"
+          :before-upload="onBeforeUpload"
+          :file-list="fileList"
+          :limit="limit"
+          :disabled="disabled"
+          :list-type="isImg ? 'picture-card' : 'text'"
+          :accept="accept"
+          :show-file-list="!isSingle"
+          :on-preview="handlePictureCardPreview"
+          :auto-upload="isAutoUpload"
+          :on-exceed="handleExceed">
+        <template v-if="!disabled">
+          <template v-if="hasUploaded&&isSingle">
+            <div class="fileItem">
+              <div class="uploadFile" @click.stop>
+                <ai-icon type="svg" :icon="uploadFile.icon"/>
+                <div class="info">
+                  <span v-text="uploadFile.name"/>
+                  <span class="size" v-text="uploadFile.size"/>
+                </div>
              </div>
+              <el-button>重新选择</el-button>
+              <el-button v-if="clearable" plain type="danger" @click.stop="handleClear">删除</el-button>
            </div>
-            <el-button>重新选择</el-button>
-            <el-button v-if="clearable" plain type="danger" @click.stop="handleClear">删除</el-button>
+          </template>
+          <template v-else-if="limit > fileList.length">
+            <slot v-if="hasTriggerSlot" name="trigger"/>
+            <div v-else class="uploaderBox">
+              <span class="iconfont" :class="isImg ? 'iconPhoto' : 'iconAdd'"/>
+              <p>上传{{ isImg ? '图片' : '附件' }}</p>
+            </div>
+          </template>
+          <div slot="tip" class="el-upload__tip" v-if="showTips">
+            <p v-if="fileType === 'img' && !acceptType && !hasTipsSlot">最多上传{{
+                limit
+              }}张图片,单个文件最大10MB，支持jpg、jpeg、png格式</p>
+            <p v-if="fileType === 'file' && !acceptType && !hasTipsSlot">最多上传{{ limit }}个附件,单个文件最大10MB</p>
+            <p v-if="fileType === 'file' && !acceptType && !hasTipsSlot">
+              支持.zip、.rar、.doc、.docx、.xls、.xlsx、.ppt、.pptx、.pdf、.txt、.jpg、.png格式</p>
+            <p>
+              <slot name="tips" v-if="hasTipsSlot"></slot>
+            </p>
          </div>
        </template>
-        <template v-else-if="limit > fileList.length">
-          <slot v-if="hasTriggerSlot" name="trigger"/>
-          <div v-else class="uploaderBox">
-            <span class="iconfont" :class="isImg ? 'iconPhoto' : 'iconAdd'"/>
-            <p>上传{{ isImg ? '图片' : '附件' }}</p>
-          </div>
-        </template>
-        <div slot="tip" class="el-upload__tip" v-if="showTips">
-          <p v-if="fileType === 'img' && !acceptType && !hasTipsSlot">最多上传{{
-              limit
-            }}张图片,单个文件最大10MB，支持jpg、jpeg、png格式</p>
-          <p v-if="fileType === 'file' && !acceptType && !hasTipsSlot">最多上传{{ limit }}个附件,单个文件最大10MB</p>
-          <p v-if="fileType === 'file' && !acceptType && !hasTipsSlot">
-            支持.zip、.rar、.doc、.docx、.xls、.xlsx、.ppt、.pptx、.pdf、.txt、.jpg、.png格式</p>
-          <p>
-            <slot name="tips" v-if="hasTipsSlot"></slot>
-          </p>
+      </el-upload>
+      <el-dialog :visible.sync="dialog" title="图片预览编辑器" :modal="false" :show-close="false" append-to-body>
+        <vue-cropper
+            ref="cropper"
+            style="height: 400px;"
+            :img="fileList.length ? fileList[0].url : ''" v-bind="crop"/>
+        <div style="text-align: center;margin-top: 10px;">
+          <el-radio-group v-if="crop.fixed" size="small" v-model="currFixedIndex" @change="onFixedChange"
+                          style="margin-right: 8px;">
+            <el-radio-button
+                :label="0"
+                size="small">
+              1.6:1
+            </el-radio-button>
+            <el-radio-button
+                :label="1"
+                size="small">
+              4:3
+            </el-radio-button>
+          </el-radio-group>
+          <el-button size="small" circle icon="el-icon-refresh-right" @click="$refs.cropper.rotateRight()"></el-button>
+          <el-button size="small" circle icon="el-icon-refresh-left" @click="$refs.cropper.rotateLeft()"></el-button>
        </div>
-      </template>
-    </el-upload>
-    <el-dialog :visible.sync="dialog" title="图片预览编辑器" :modal="false" :show-close="false" append-to-body>
-      <vue-cropper
-          ref="cropper"
-          style="height: 400px;"
-          :img="fileList.length ? fileList[0].url : ''" v-bind="crop"/>
-      <div style="text-align: center;margin-top: 10px;">
-        <el-radio-group v-if="crop.fixed" size="small" v-model="currFixedIndex" @change="onFixedChange"
-                        style="margin-right: 8px;">
-          <el-radio-button
-              :label="0"
-              size="small">
-            1.6:1
-          </el-radio-button>
-          <el-radio-button
-              :label="1"
-              size="small">
-            4:3
-          </el-radio-button>
-        </el-radio-group>
-        <el-button size="small" circle icon="el-icon-refresh-right" @click="$refs.cropper.rotateRight()"></el-button>
-        <el-button size="small" circle icon="el-icon-refresh-left" @click="$refs.cropper.rotateLeft()"></el-button>
+        <div slot="footer">
+          <el-popconfirm title="是否关闭图片预览器,并上传图片?" @confirm="previewCrop">
+            <el-button slot="reference" type="primary">保存</el-button>
+          </el-popconfirm>
+          <el-button @click="onClose">关闭</el-button>
+        </div>
+      </el-dialog>
+      <div class="images" v-viewer="{movable: true}" v-show="false">
+        <img v-for="(item, index) in imgList" :src="item" :key="index" alt="">
      </div>
-      <div slot="footer">
-        <el-popconfirm title="是否关闭图片预览器,并上传图片?" @confirm="previewCrop">
-          <el-button slot="reference" type="primary">保存</el-button>
-        </el-popconfirm>
-        <el-button @click="onClose">关闭</el-button>
-      </div>
-    </el-dialog>
-    <div class="images" v-viewer="{movable: true}" v-show="false">
-      <img v-for="(item, index) in imgList" :src="item" :key="index" alt="">
-    </div>
+    </template>
+    <el-image v-else v-for="(url,i) in imgList" :key="i" :src="url" :preview-src-list="[url]"/>
  </section>
 </template>
 <script>
@@ -131,7 +134,8 @@ export default {
    },
    clearable: {default: true},
    valueIsUrl: Boolean,
-    showLoading: Boolean
+    showLoading: Boolean,
+    readonly: Boolean
  },
  data() {
    return {
--- a/ui/packages/layout/AiHighlight.vue
+++ b/ui/packages/layout/AiHighlight.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="AiHighlight" :class="{bold,color}" v-html="html"/>
+  <section class="AiHighlight" :class="{bold}" v-html="html"/>
 </template>

 <script>
@@ -31,7 +31,7 @@ export default {
 </script>

 <style lang="scss" scoped>
-:deep(.AiHighlight ){
+.AiHighlight {
  display: flex;
  align-items: baseline;

@@ -41,11 +41,6 @@ export default {
    color: $primaryColor;
  }

-  &.color {
-    .keyword {
-    }
-  }
-
  &.bold {
    .keyword {
      font-weight: bold;