批量打印

src/xt_pages/stock/stockInOrder.vue

       (nowDay < 10 ? "0" + nowDay : nowDay);
    
 
-      this.warehousing_time =
-        nowYear +
-        '-' +
-        (nowMonth < 10 ? '0' + nowMonth : nowMonth) +
-        '-' +
-        (nowDay < 10 ? '0' + nowDay : nowDay)
+      // this.warehousing_time =
+      //   nowYear +
+      //   '-' +
+      //   (nowMonth < 10 ? '0' + nowMonth : nowMonth) +
+      //   '-' +
+      //   (nowDay < 10 ? '0' + nowDay : nowDay)
 
     
     this.GetWarehouse();
       },
 
       form: {
-        manufacturer: '',
-        dealer: ''
-      },
-      dealer: [],
-      goodType: [],
-      goodInfo:[],
+        manufacturer:0,
+        dealer:0
+      }, 
       warehousing_time: '',
-
+     warehouse:{},
       propForm: {
         goods: [],
         goodType: [],
               response.data.data.info[i].expiry_date,
               "{y}-{m}-{d}"
             );
+            
            response.data.data.info[i].price = response.data.data.info[i].price.toString();
            response.data.data.info[i].warehousing_count = response.data.data.info[i].warehousing_count.toString();
 
             this.recordInfo.recordData.push(response.data.data.info[i]);
+
+          
           }
+           this.warehouse = response.data.data.warehousing;
+           this.warehousing_time = this.getTime(this.warehouse.warehousing_time,"{y}-{m}-{d}");
+           console.log("单据日期",this.warehousing_time)
           this.WarehouseInfo.warehouse = response.data.data.warehousing;
          
         }
     }, 
 
      submit() {
-     
       this.$refs["tableForm"].validate(valid => {
         if (valid) {
           const array = this.recordInfo.recordData;

src/xt_pages/stock/stockOutOrder.vue

           </template>
         </el-table-column>
 
-        <el-table-column label="操作" align="center">
+        <el-table-column label="操作" align="center" width="300px">
           <template slot-scope="scope">
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="详情"
+              placement="top"
+            >
+              <el-button
+                size="small"
+                type="primary"
+                icon="el-icon-search"
+                @click="handleSearch(scope.row.id)"
+              >
+              </el-button>
+            </el-tooltip>
+
             <el-tooltip
               class="item"
               effect="dark"
       >
       </el-pagination>
     </div>
+
+
+
+
+    <!-- 新增弹窗 -->
+
+    <el-dialog
+      title="提示"
+      :visible.sync="dialogVisible"
+      width="80%"
+     >
+      <span>
+        <div class="filter-container">
+          <span style="font-size: 18px;color: #606266">出库单详情</span>
+          <el-row style="float:right;">
+            <span style="color: #606266">{{warehousingOutInfo.info.warehouse_out_order_number}}</span>
+          </el-row>
+        </div>
+
+        <div class="cell clearfix">
+          <span style="width: 300px;color: #606266">单据日期:  {{warehousingOutInfo.info.warehouse_out_time | parseTime('{y}-{m}-{d}')}} </span>
+          <span style="width: 300px;color: #606266">厂商 {{getManufactuerName(warehousingOutInfo.info.manufacturer)}}</span>
+          <span style="width: 300px;color: #606266">经销商 {{getDealerName(warehousingOutInfo.info.dealer)}}</span>
+        </div>
+
+        <!-- <div class="filter-container" style="margin-top: 10px">
+        <el-button size="small" icon="el-icon-edit" @click="editRecord" v-if="warehousingOutInfo.info.is_sys != 1">编辑</el-button>
+        <el-button size="small" icon="el-icon-delete" @click="deleteRecord" v-if="warehousingOutInfo.info.is_sys != 1">删除</el-button>
+        </div> -->
+
+
+         <el-row :gutter="12" style="margin-top: 10px">
+          <el-table :data="warehousingOutInfo.warehousingOutData" :class="signAndWeighBoxPatients" style="width: 100%"
+                    border :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
+                  
+          >
+            <el-table-column min-width="35" align="center">
+              <template slot="header" slot-scope="scope">
+                <span>商品类型</span>
+              </template>
+
+              <template slot-scope="scope">
+                <span v-if="scope.row.good_type_id != 0">{{getTypeName(scope.row.good_type_id)}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column min-width="35" align="center">
+              <template slot="header" slot-scope="scope">
+                <span>规格名称</span>
+              </template>
+              <template slot-scope="scope">
+                <span v-if="scope.row.good_id != 0">{{getSpecificationName(scope.row.good_id)}}</span>
+              </template>
+            </el-table-column>
+
+
+            <el-table-column min-width="23" align="center">
+              <template slot="header" slot-scope="scope">
+                <span>单价</span>
+              </template>
+              <template slot-scope="scope">
+                <span>{{scope.row.price}}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column min-width="23" align="center">
+              <template slot="header" slot-scope="scope">
+                <span>出库数量</span>
+              </template>
+              <template slot-scope="scope">
+                <span>{{scope.row.count}}</span>
+
+              </template>
+            </el-table-column>
+            <el-table-column label="总价" min-width="20" align="center">
+              <template slot-scope="scope">
+                {{calculate(scope.row.price*scope.row.count)}}
+              </template>
+            </el-table-column>
+
+            <el-table-column label="备注" min-width="20" align="center">
+              <template slot-scope="scope">
+                <el-popover placement="top-start" width="250" trigger="hover">
+                  <div>{{scope.row.remark}}</div>
+                  <span slot="reference"
+                        v-if="scope.row.remark.length > 20">{{ scope.row.remark.substr(0,20)+'...' }}</span>
+                  <span slot="reference" v-else>{{ scope.row.remark}}</span>
+                </el-popover>
+
+              </template>
+            </el-table-column>
+
+            <el-table-column label="" align="center"  >
+              <template slot-scope="scope" v-if="scope.row.is_sys == 1">
+              <div style="color: #589ff8" @click="jump(scope.row.id)">使用明细</div>
+              </template>
+            </el-table-column>
+             
+
+
+          </el-table>
+      </el-row>
+      </span>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+      </span>
+   </el-dialog>
+
+
+  <!-- 使用明细查询 -->
+   <el-dialog
+    title="出库单详情"
+    :visible.sync="editdialogVisible"
+    width="80%">
+    <span>
+      <div class="filter-container">
+        <span style="font-size: 18px;color: #606266">商品使用明细</span>
+      </div>
+     
+      <div class="cell clearfix">
+        <span style="width: 300px;color: #606266">商品类型: {{type_name}} </span>
+        <span style="width: 300px;color: #606266">规格名称: {{specification_name}}</span>
+      </div>
+
+       <el-row :gutter="12" style="margin-top: 10px">
+        <el-table :data="userList" :class="signAndWeighBoxPatients" style="width: 80%"
+                  border :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
+        >
+          <el-table-column min-width="35" align="center">
+            <template slot="header" slot-scope="scope">
+              <span>序号</span>
+            </template>
+            <template slot-scope="scope">
+              <span v-if="scope.row.is_total == 0">{{scope.$index+1}}</span>
+              <span v-if="scope.row.is_total == 1">{{'合计'}}</span>
+            </template>
+          </el-table-column>
+
+          <el-table-column min-width="35" align="center">
+            <template slot="header" slot-scope="scope">
+              <span>使用人</span>
+            </template>
+            <template slot-scope="scope">
+              <span v-if="scope.row.is_total == 0">{{scope.row.user.name}}</span>
+              <span v-if="scope.row.is_total == 1"></span>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="35" align="center">
+            <template slot="header" slot-scope="scope">
+              <span>使用数量</span>
+            </template>
+            <template slot-scope="scope">
+              <span v-if="scope.row.is_total == 0">{{scope.row.count}}</span>
+              <span  v-if="scope.row.is_total == 1">{{scope.row.total}} </span>
+
+            </template>
+          </el-table-column>
+          <el-table-column min-width="35" align="center">
+            <template slot="header" slot-scope="scope">
+              <span>使用时间</span>
+            </template>
+            <template slot-scope="scope">
+              <span>{{scope.row.ctime | parseTime('{y}-{m}-{d} {h}:{i}')}} </span>
+
+            </template>
+          </el-table-column>
+
+        </el-table>
+      </el-row>
+    </span>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="editdialogVisible = false">取 消</el-button>
+      <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+    </span>
+  </el-dialog>
+ 
+
   </div>
 </template>
 
 import {
   deleteWarehouseOut,
   GetAllConfig,
-  getWarehouseOutList
+  getWarehouseOutList,
+  getWarehouseOutInfo,
+  getWarehouseOutUser
 } from "@/api/stock";
 import BreadCrumb from "../components/bread-crumb";
 
       (nowMonth < 10 ? "0" + nowMonth : nowMonth) +
       "-" +
       (nowDay < 10 ? "0" + nowDay : nowDay);
-    this.GetWarehouseOut();
     this.GetConfigInfo();
+    this.GetWarehouseOut();
+   
     this.fetchAllAdminUsers();
   },
   data() {
       manufacturer: [],
       selectedTableData: [],
       dealer: [],
-      type: 1
+      type: 1,
+      drug_id:0,
+      dialogVisible:false,
+      editdialogVisible:false,
+      warehousingOutInfo: {
+        loading: false,
+        warehousingOutData: [],
+        info: {}
+      },
+      userList:[],
+      type_name:'',
+      specification_name:"",
+      
     };
   },
   methods: {
         } else {
           this.manufacturer = response.data.data.manufacturer;
           this.dealer = response.data.data.dealer;
+          this.goodInfo = response.data.data.goodInfo
+          this.goodType = response.data.data.goodType
         }
       });
     },
           });
         })
         .catch(() => {});
-    }
+    },
+
+ 
+
+    
+    //新增
+    handleSearch(id){ 
+      this.GetOrderDetailOne(id)
+      this.dialogVisible = true
+    },
+  
+    //获取出库单详情数据
+    GetOrderDetailOne(id) {
+        const params = {
+          'id': id
+        }
+      getWarehouseOutInfo(params).then(response => {
+          if (response.data.state == 0) {
+
+            this.$message.error(response.data.msg)
+            return false
+          } else {
+            for (let i = 0; i < response.data.data.list.length; i++) {
+              this.warehousingOutInfo.warehousingOutData.push(response.data.data.list[i])
+            }
+            this.warehousingOutInfo.info = response.data.data.info
+            this.handleSpanTempArr()
+          }
+        })
+     }, 
+
+      getTypeName: function(id) {
+        let name = ''
+        for (let i = 0; i < this.goodType.length; i++) {
+          if (this.goodType[i].id == id) {
+            name = this.goodType[i].type_name
+          }
+        }
+        return name
+      },
+
+     getSpecificationName: function(id) {
+        let name = ''
+        for (let i = 0; i < this.goodInfo.length; i++) {
+          if (this.goodInfo[i].id == id) {
+            name = this.goodInfo[i].specification_name
+          }
+        }
+        return name
+      },
+     getManufactuerName: function(manufacturer_id) {
+        for (let i = 0; i < this.manufacturer.length; i++) {
+          if (this.manufacturer[i].id == manufacturer_id) {
+            return this.manufacturer[i].manufacturer_name
+          }
+        }
+      }, 
+
+    jump(id){
+      this.GetOrderDetail(id)
+     
+    },
+
+     GetOrderDetail: function(order_id) {
+        const params = {
+          'id': order_id
+        }
+        console.log("params 0---------",params)
+        getWarehouseOutUser(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg)
+            return false
+          } else {
+            var total = 0
+            for (let i = 0; i < response.data.data.list.length; i++) {
+              var obj = response.data.data.list[i]
+              console.log("obj---------",obj)
+              obj['is_total'] = 0
+              this.userList.push(obj)
+              total = total + response.data.data.list[i].count
+            }
+            this.userList.push({
+              is_total: 1,
+              total: total,
+            })
+            this.type_name = this.userList[0].type.type_name
+            this.specification_name = this.userList[0].info.specification_name
+            console.log("详情数据区",this.userList)
+              this.editdialogVisible = true
+          }
+        })
+      },
+
+      editRecord(){
+     
+      },
+      deleteRecord(){
+
+      }
   }
 };
 </script>

src/xt_pages/stock/stockOutOrderDetail.vue

           }
         }
         return name
-      }, getTypeName: function(id) {
+      },
+       getTypeName: function(id) {
         let name = ''
         for (let i = 0; i < this.goodType.length; i++) {
           if (this.goodType[i].id == id) {
           }
         }
         return name
-      }, GetConfigInfo: function() {
+      },
+       GetConfigInfo: function() {
         GetAllConfig().then(response => {
           if (response.data.state == 0) {
             this.$message.error(response.data.msg)
             return this.dealer[i].dealer_name
           }
         }
-      }, calculate: function(val) {
+      }, 
+      calculate: function(val) {
         if (val == 0) {
           return ''
         }
         return Math.round(parseFloat(val) * 100) / 100
-      }, GetOrderDetail: function(order_id) {
+      },
+       GetOrderDetail: function(order_id) {
         const params = {
           'id': order_id
         }

src/xt_pages/stock/stockOutOrderEdit.vue

 
       back() {
         this.$router.go(-1)
-      }, submit() {
+      },
+       submit() {
         this.$refs['tableForm'].validate((valid) => {
           if (valid) {
             const array = this.recordInfo.recordData

src/xt_pages/stock/stockUserDetail.vue

           }
         }
         return name
-      }, GetOrderDetail: function(order_id) {
+      },
+       GetOrderDetail: function(order_id) {
         const params = {
           'id': order_id
         }