| | |
| | | <template> |
| | | <el-dialog |
| | | title="检验数据结果汇总" |
| | | :visible.sync="visible" |
| | | :visible="dialogVisible" |
| | | width="80%" |
| | | :close-on-click-modal="false" |
| | | @close="handleClose" |
| | |
| | | <span>本次检验结果总表</span> |
| | | </div> |
| | | </div> |
| | | <div class="content-box"> |
| | | <AiEditor |
| | | ref="descriptionEditor" |
| | | :readOnly="true" |
| | | :value="data?.testReason || ''" |
| | | height="400px" |
| | | placeholder="暂无检验说明..." |
| | | /> |
| | | </div> |
| | | |
| | | <div class="header-title"> |
| | | <div class="header-title-left"> |
| | | <img src="@/assets/public/headercard.png" /> |
| | | <span>本次检验说明</span> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="content-box"> |
| | | <AiEditor |
| | | ref="descriptionEditor" |
| | | :readOnly="true" |
| | | :value="data?.testReason || ''" |
| | | height="400px" |
| | | placeholder="暂无检验说明..." |
| | | /> |
| | | </div> |
| | | </template> |
| | | </Card> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import AiEditor from "@/components/AiEditor"; |
| | | |
| | | export default { |
| | | name: "CheckoutResult", |
| | | components: { |
| | | AiEditor |
| | | }, |
| | | props: { |
| | | visible: { |
| | | type: Boolean, |
| | | default: false, |
| | | }, |
| | | content: { |
| | | data: { |
| | | type: Object, |
| | | default: () => ({}), |
| | | }, |
| | | }, |
| | | data() { |
| | | return { |
| | | dialogVisible: false |
| | | } |
| | | }, |
| | | watch: { |
| | | visible: { |
| | | handler(val) { |
| | | this.dialogVisible = val; |
| | | }, |
| | | immediate: true |
| | | } |
| | | }, |
| | | methods: { |
| | | handleClose() { |
| | | this.$emit("update:visible", false); |
| | | this.$emit("close"); |
| | | }, |
| | | }, |
| | | }; |
| | |
| | | |
| | | .approval-dialog { |
| | | display: flex; |
| | | height: 300px; |
| | | height: 600px; |
| | | |
| | | .approval-content { |
| | | flex: 1; |
| | |
| | | align-items: center; |
| | | flex-wrap: wrap; |
| | | gap: 13px; |
| | | margin-top: 38px; |
| | | |
| | | .header-title-left { |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 13px; |
| | | margin-top: 38px; |
| | | |
| | | img { |
| | | width: 12px; |
| | |
| | | } |
| | | |
| | | .header-title:first-child { |
| | | margin-top: 0; |
| | | .header-title-left { |
| | | margin-top: 0; |
| | | } |
| | | } |
| | | |
| | | .rwuTable { |
| | | width: 100%; |
| | | margin: 20px 0; |
| | | } |
| | | |
| | | .content-box { |
| | | margin: 20px 0; |
| | | } |
| | | </style> |