委托书

src/views/salesMange/shipmentMange/document/index.vue

@@ -223,6 +223,9 @@
         <el-button @click="clickPrint(2)" type="primary">商业发票</el-button>
         <el-button @click="clickPrint(3)" type="primary">销售确认书</el-button>
         <el-button @click="clickPrint(4)" type="primary">报关单</el-button>
+        <!-- <el-button @click="clickPrint(5)" type="primary"
+          >代理报关委托书</el-button
+        > -->
       </div>
       <template #footer>
         <el-button @click="openSelectPrint = false" size="large"
@@ -2153,6 +2156,29 @@
         >
       </template>
     </el-dialog>
+
+    <el-dialog
+      title="代理报关委托书"
+      v-if="mandateDialog"
+      v-model="mandateDialog"
+      width="1000"
+    >
+      <div id="mandate">
+        <div class="title">代 理 报 关 委 托 书</div>
+        <div style="text-align: right">
+          <span>编号：</span>
+          <div v-if="textShowOne"></div>
+          <el-input
+            style="width: 200px"
+            autosize
+            type="textarea"
+            v-if="!textShowOne"
+            v-model="mandateData.exwPrice"
+            size="small"
+          />
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -2689,6 +2715,9 @@ const printCustomsDeclaration = ref({
   content: {},
 });
 const textShow = ref(false);
+const textShowOne = ref(false);
+const mandateDialog = ref(false);
+const mandateData = ref({});
 const clickPrint = (status) => {
   // printDetails.value = {
   //   packDetailGoodsList: [],
@@ -2703,7 +2732,7 @@ const clickPrint = (status) => {
   if ([1, 2, 3].includes(status)) {
     openStatus.value = status;
     openPrint.value = true;
-  } else {
+  } else if ([4].includes(status)) {
     printCustomsDeclaration.value = {
       content: {},
     };
@@ -2744,6 +2773,8 @@ const clickPrint = (status) => {
         }
         printCustomsDeclaration.value = res.data;
       });
+  } else {
+    mandateDialog.value = true;
   }
   // proxy.get("/documents/generateInvoiceAPackPdf", { id: rowData.value.id }).then((res) => {
   //   printDetails.value = res.data;
@@ -2927,4 +2958,31 @@ const printObj = ref({
   box-shadow: 0 0 0 0px !important;
   --el-input-border: 0px;
 }
+:deep(#mandate .el-textarea__inner) {
+  background: transparent !important;
+  overflow-y: hidden;
+  padding: 0 4px !important;
+  resize: none;
+}
+:deep(#mandate .el-textarea) {
+  --el-input-focus-border: transparent;
+  --el-input-transparent-border: 0 0 0 0px;
+  --el-input-border-color: transparent;
+  --el-input-hover-border: 0px !important;
+  --el-input-hover-border-color: transparent;
+  --el-input-focus-border-color: transparent;
+  --el-input-clear-hover-color: transparent;
+  box-shadow: 0 0 0 0px !important;
+  --el-input-border: 0px;
+}
+#mandate {
+  .title {
+    font-size: 14px;
+    font-weight: 700;
+    text-align: center;
+  }
+  .flex-class {
+    display: flex;
+  }
+}
 </style>