|
|
@@ -63,7 +63,11 @@
|
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="12">
|
|
|
<a-form-item label="发票附件">
|
|
|
- <span class="white">{{ formatValue(selectedRow.attachurl) }}</span>
|
|
|
+ <span class="blue"
|
|
|
+ v-if="selectedRow.attachurl"
|
|
|
+ @click="previewImg(selectedRow.attachurl)">查看</span>
|
|
|
+ <span class="white"
|
|
|
+ v-else>--</span>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
@@ -82,6 +86,13 @@
|
|
|
</fieldset>
|
|
|
</a-form>
|
|
|
</a-modal>
|
|
|
+ <a-modal :visible="previewVisible"
|
|
|
+ :footer="null"
|
|
|
+ @cancel="cancelImg">
|
|
|
+ <img alt="预览附件"
|
|
|
+ style="width: 100%"
|
|
|
+ :src="previewImage" />
|
|
|
+ </a-modal>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
@@ -94,6 +105,7 @@ import { formatValue, formatTime } from '@/common/methods';
|
|
|
import { QryBussinessFpRsp } from '@/services/go/ermcp/finance-review/interface';
|
|
|
import { invoiceStatusName } from '@/views/manage/finance-review/setup';
|
|
|
import { getContractTypeName, getPriceTypeName } from '@/common/constants/enumsName';
|
|
|
+import { handlePreviewImg } from '@/common/setup/upload';
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'finance_review_invoice_detail',
|
|
|
@@ -108,7 +120,8 @@ export default defineComponent({
|
|
|
const { visible, cancel } = closeModal('detail');
|
|
|
const loading = ref<boolean>(false);
|
|
|
const maskClosableFlag = ref<boolean>(false);
|
|
|
-
|
|
|
+ // 预览附件
|
|
|
+ const { previewVisible, previewImage, cancelImg, previewImg, getImgName } = handlePreviewImg();
|
|
|
function submit() {
|
|
|
context.emit('refresh');
|
|
|
cancel();
|
|
|
@@ -125,6 +138,10 @@ export default defineComponent({
|
|
|
invoiceStatusName,
|
|
|
getPriceTypeName,
|
|
|
getContractTypeName,
|
|
|
+ previewVisible,
|
|
|
+ previewImage,
|
|
|
+ cancelImg,
|
|
|
+ previewImg,
|
|
|
};
|
|
|
},
|
|
|
});
|