同步物资页面

src/api/basic/product/udiInfo.js

@@ -32,3 +32,11 @@ export function filterByVersion(query) {
   });
 }
 
+export function selectOriginuuid(query) {
+  return axios({
+    url: "/udi/udirel/selectOriginuuid",
+    method: "post",
+    data: query
+  });
+}
+

src/views/basic/product/SelectDIDetailDialog.vue

@@ -1,5 +1,23 @@
 <template>
   <div>
+
+    <el-card>
+      <div style="
+                  float: left;
+                  text-align: left;
+                  font-weight: bold;
+                  margin-bottom: 8px;
+                ">
+        <span>产品标识:</span>
+      </div>
+
+      <el-table  :data="detailList" style="width: 100%" border key="3" highlight-current-row>
+        <el-table-column label="产品最小销售标识" prop="nameCode" show-overflow-tooltip></el-table-column>
+        <el-table-column label="物资名称" prop="cpmctymc" show-overflow-tooltip></el-table-column>
+        <el-table-column label="包装级别" prop="packLevel" show-overflow-tooltip></el-table-column>
+        <el-table-column label="包装单位" prop="packUnit" show-overflow-tooltip></el-table-column>
+      </el-table>
+    </el-card>
     <el-card>
       <el-form
         :model="editQuery"
@@ -446,6 +464,8 @@
 
 <script>
 
+import { filterByUuid, selectOriginuuid } from '@/api/basic/product/udiInfo'
+
 export default {
   name: "SelectDIDetailDialog",
   props: {
@@ -456,12 +476,28 @@ export default {
   },
   data() {
     return {
-      activeNames: ['1']
+      activeNames: ['1'],
+      detailList: []
     }
   },
-  methods: {},
+  methods: {
+    getDetailList(detailQuery) {
+      selectOriginuuid(detailQuery)
+        .then((response) => {
+          this.detailList = response.data || [];
+        })
+        .catch(() => {
+          this.detailList = [];
+        });
+    },
+  },
 
   created() {
+    //获取产品标识列表
+    let ttquery = {
+      uuid: this.editQuery.uuid,
+    };
+    this.getDetailList(ttquery);
   },
 };
 </script>
@@ -476,5 +512,50 @@ export default {
   padding-bottom: 17px;
   padding-top: 17px;
 }
+.itemTag {
+  float: left;
+  text-align: right;
+  margin-top: 5px;
+  padding-right: 10px;
+  width: 35%;
+}
+
+.text {
+  font-size: 13px;
+  font-family: "Microsoft YaHei";
+}
+
+.query-form-item {
+  display: block !important;
+  margin-right: 10px;
+  margin-bottom: 5px;
+}
+
+.edit-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 0px;
+}
 
+.el-row {
+  display: flex;
+}
+
+/* .el-col {
+  border-radius: 4px;
+  flex-wrap: wrap;
+} */
+
+.el-table .cell.el-tooltip {
+  white-space: pre-wrap;
+}
+
+.form-title {
+  font-size: 16px;
+  font-family: Noto Sans SC;
+  font-weight: bold;
+  color: #303133;
+  padding-bottom: 17px;
+  padding-top: 17px;
+}
 </style>