配置

src/views/business/case/caseplatform-case-form.vue

@@ -38,6 +38,7 @@
               <div class="row">出院诊断照片：</div>
               <div class="row flex"   v-show="caseVO.mainDiagnose.mainDiagnoseImg.split(',').length > 0">
                 <imgCell
+                 :type="'mainDiagnose'"
                   v-for="img in caseVO.mainDiagnose.mainDiagnoseImg.split(',')"
                   :src="img.indexOf('http') > -1 ? img : fileHost + img"
                   @openEditor="openEditor"
@@ -171,6 +172,7 @@
             <a-descriptions-item label="治疗图片 " :span="2" class="required">
                <div class="row flex">
                 <imgCell
+                 :type="'dpmas'"
                   v-for="img in dpm.dpmasImg.split(',')"
                   :src="img.indexOf('http') > -1 ? img : fileHost + img"
                   @openEditor="openEditor"
@@ -256,6 +258,7 @@
             <a-descriptions-item label="图片 " :span="2" class="required">
                <div class="row flex">
                 <imgCell
+                 :type="'check'"
                   v-for="img in caseVO.checkImg.split(',')"
                   :src="img.indexOf('http') > -1 ? img : fileHost + img"
                   @openEditor="openEditor"
@@ -309,7 +312,7 @@
           保存
         </a-button>
       </div>
-      <imgEditor ref="imgEditorRef" v-if="showEdit" @freshDetail="getDetail"></imgEditor>
+      <imgEditor ref="imgEditorRef" :caseId="current_caseId" :caseObj="caseVO"  v-if="showEdit" @freshDetail="getDetail" :type="imgType"></imgEditor>
     </div>
   </a-modal>
 </template>
@@ -336,7 +339,7 @@ const activeKey = ref('1');
 
 const current_reason = ref();
 const current_caseId = ref();
-
+const imgType = ref('');
 const caseVO = ref({
   name: undefined,
   uid: undefined,
@@ -604,8 +607,9 @@ async function getDetail(id) {
 }
 const openEditor = (data) => {
   showEdit.value = true;
+  imgType.value = data.type;
   nextTick(() => {
-    imgEditorRef.value?.init(data);
+    imgEditorRef.value?.init(data.src);
   });
 };
 const saveEditor = () => {

src/views/business/case/imgCell.vue

@@ -29,6 +29,10 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  type:{
+     type: String,
+    default: '',
+  }
 });
  const emits = defineEmits(['openEditor']);
 const visible = ref(false);
@@ -36,7 +40,10 @@ const priviewImg = (value) => {
   visible.value = value;
 };
 const showeditor = () => {
-  emits('openEditor', props.src);
+  emits('openEditor', {
+    src:props.src,
+    type:props.type
+  });
 }
 </script>
 <style lang="less" >

src/views/business/case/imgEditor.vue

@@ -13,6 +13,18 @@ const prosp=defineProps({
   imgsrc:{
     type:String,
     default:''
+  },
+  imgType:{
+    type:String,
+    default:''
+  },
+  caseId:{
+    type:String,
+    default:'',
+  },
+  caseObj:{
+    type:Object,
+    default:()=>{},
   }
 })
 const emit=defineEmits(['freshDetail'])
@@ -218,10 +230,13 @@ const save = () => {
   }
   const blob = new Blob([ia], { type: 'image/png' }); // blob 文件
   //下面懒得弄组件直接用当前时间弄得文件名，如果后台写了这里可以随便，也可以使用uuid进行生成
-  const file = new File([blob], new Date().getTime() + '.jpeg', { type: blob.type });
-  fileToBase64(file).then((res) => {
-    newSrc.value = res;
-  });
+  // const file = new File([blob], new Date().getTime() + '.jpeg', { type: blob.type });
+  // fileToBase64(file).then((res) => {
+  //   newSrc.value = res;
+  // });
+  if(props.imgType==='mainDiagnose'){
+    HandleMainDiagnoseImg();
+  }
 };
 
 const fileToBase64 = (file) => {

vite.config.js

@@ -8,14 +8,21 @@
  * @Copyright  1024创新实验室 （ https://1024lab.net ），Since 2012
  */
 import { resolve } from 'path';
+import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue';
 
 const pathResolve = (dir) => {
   return resolve(__dirname, '.', dir);
 };
-export default {
-  base: (process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'test')  ? '/admin/web' : '/',
-  root: process.cwd(),
+
+export default defineConfig(({ mode }) =>{
+ let base='';
+  if(mode==='test' || mode==='production'){
+    base='/admin/web';
+  }
+  return {
+    base:base,
+    root: process.cwd(),
   resolve: {
     alias: [
       // 国际化替换
@@ -88,4 +95,5 @@ export default {
     __INTLIFY_PROD_DEVTOOLS__: false,
     'process.env': process.env,
   },
-};
+  }
+});