页面调整

src/xt_pages/supply/components/editPurchaseOrder.vue

@@ -20,15 +20,18 @@
             placeholder="请选择"
             @change="changeTypeName"
           >
+                       
             <el-option
               v-for="item in supplyList"
               :key="item.id"
               :label="item.supplier_name"
               :value="item.id"
             >
+                         
             </el-option>
+                     
           </el-select>
-          <span>单据日期:</span>
+                    <span>单据日期:</span>
           <el-date-picker
             size="small"
             v-model="start_time"
@@ -42,7 +45,7 @@
             value-format="yyyy-MM-dd"
             @change="startTimeChange"
           ></el-date-picker>
-          <span>交货日期:</span>
+                    <span>交货日期:</span>          
           <el-date-picker
             size="small"
             v-model="end_time"
@@ -56,18 +59,22 @@
             value-format="yyyy-MM-dd"
             @change="endTimeChange"
           ></el-date-picker>
-          <span>单据编码:{{ number }}</span>
+                    <span>单据编码:{{ number }}</span>
         </div>
         <div>
+                   
           <el-button size="small" type="primary" @click="toAdd" v-show="showOne"
             >生成购货单</el-button
           >
+                   
           <el-button size="small" type="primary" @click="updatePurchaseOrder"
             >修改</el-button
           >
+                   
           <el-button size="small" type="primary" @click="toPrint"
             >打印</el-button
           >
+                   
           <el-button
             size="small"
             type="primary"
@@ -76,6 +83,7 @@
             v-show="showTwo"
             >审核</el-button
           >
+                   
           <el-button
             size="small"
             type="primary"
@@ -84,10 +92,11 @@
             v-show="showThree"
             >反审核</el-button
           >
+                 
         </div>
       </div>
-
       <el-form :rules="tableRules" :model="recordInfo" ref="tableForm">
+           
         <el-table
           :row-style="{ color: '#303133' }"
           :header-cell-style="{
@@ -101,14 +110,19 @@
           max-height="450"
         >
           <el-table-column align="center" width="200px">
+                       
             <template slot="header" slot-scope="scope">
-              <span>商品<span style="color: red">*</span></span>
+                            <span>商品<span style="color: red">*</span></span>  
+                       
             </template>
+                       
             <template slot-scope="scope">
+                           
               <el-form-item
                 :prop="'tableList.' + scope.$index + '.name'"
                 :rules="tableRules.name"
               >
+                               
                 <el-select
                   v-model="scope.row.name"
                   style="width: 160px"
@@ -118,47 +132,70 @@
                   @input="changeGoodName(scope.$index)"
                   :disabled="disabled"
                 >
+                                   
                   <el-option
                     v-for="(item, index) in tabList"
                     :key="index"
                     :label="item.supply_name"
                     :value="item"
                   >
+                                     
                   </el-option>
+                                 
                 </el-select>
+                             
               </el-form-item>
+                         
             </template>
+                     
           </el-table-column>
+           
           <el-table-column align="center" width="150px">
+                       
             <template slot="header" slot-scope="scope">
-              <span>商品类别</span>
+                            <span>商品类别</span>            
             </template>
+                       
             <template slot-scope="scope">
+                           
               <el-input
                 v-model="scope.row.supply_type"
                 style="width: 120px"
                 :disabled="true"
               ></el-input>
+                         
             </template>
+                     
           </el-table-column>
+
           <el-table-column label="规格&单位" align="center" width="200px">
+                       
             <template slot-scope="scope">
+                           
               <el-input
                 v-model="scope.row.supply_specification_name"
                 style="width: 150px"
                 :disabled="true"
               ></el-input>
+                         
             </template>
+                     
           </el-table-column>
+                   
           <el-table-column label="单位" align="center" width="120px">
+                       
             <template slot="header" slot-scope="scope">
-              <span>单位<span style="color: red">*</span></span>
+                            <span>单位<span style="color: red">*</span></span>  
+                       
             </template>
+                       
             <template slot-scope="scope">
+                           
               <el-form-item
                 :prop="'tableList.' + scope.$index + '.supply_unit'"
                 :rules="tableRules.supply_unit"
               >
+                               
                 <el-select
                   v-model="scope.row.supply_unit"
                   style="width: 100px"
@@ -166,63 +203,93 @@
                   placeholder="请选择"
                   :disabled="disabled"
                 >
+                                   
                   <el-option
                     v-for="(item, index) in scope.row.unitList"
                     :key="index"
                     :label="item.name"
                     :value="item.name"
                   >
+                                     
                   </el-option>
+                                 
                 </el-select>
+                             
               </el-form-item>
+                         
             </template>
+                     
           </el-table-column>
-
           <el-table-column label="可用库存" align="center" width="130px">
+                       
             <template slot-scope="scope">
+                           
               <el-input
                 v-model="scope.row.supply_total"
                 style="width: 100px"
                 :disabled="true"
               ></el-input>
+                         
             </template>
+                     
           </el-table-column>
+                   
           <el-table-column label="数量" align="center" width="120px">
+                       
             <template slot="header" slot-scope="scope">
-              <span>数量<span style="color: red">*</span></span>
+                            <span>数量<span style="color: red">*</span></span>  
+                       
             </template>
+                       
             <template slot-scope="scope">
+                           
               <el-form-item
                 :prop="'tableList.' + scope.$index + '.supply_count'"
                 :rules="tableRules.supply_count"
               >
+                               
                 <el-input
                   v-model="scope.row.supply_count"
                   style="width: 80px"
                   :disabled="disabled"
                 ></el-input>
+                             
               </el-form-item>
+                         
             </template>
+                     
           </el-table-column>
 
+                   
           <el-table-column label="购货单价" align="center" width="120px">
+                       
             <template slot-scope="scope">
+                           
               <el-input
                 v-model="scope.row.supply_price"
                 style="width: 80px"
                 :disabled="disabled"
               ></el-input>
+                         
             </template>
+                     
           </el-table-column>
 
-          <el-table-column label="购货金额" align="center" width="120px">
+             <el-table-column label="购货金额" align="center" width="120px">
+                       
             <template slot-scope="scope">
-              {{ calculate(scope.row.supply_count * scope.row.supply_price) }}
+                           
+              {{ calculate(scope.row.supply_count * scope.row.supply_price) }}  
+                       
             </template>
+                     
           </el-table-column>
 
+                   
           <el-table-column label="生产厂家" align="center" width="200px">
+                       
             <template slot-scope="scope">
+                           
               <el-select
                 size="small"
                 v-model="scope.row.supply_manufacturer"
@@ -230,157 +297,229 @@
                 placeholder="请选择厂商"
                 :disabled="disabled"
               >
+                               
                 <el-option
                   v-for="(option, index) in manufactuerList"
                   :key="index"
                   :label="option.manufacturer_name"
                   :value="option.id"
                 >
+                                 
                 </el-option>
-          </el-select>
-        </template>
-    </el-table-column>
-
-
-    <el-table-column label="批准文号" align="center" width="200px">
-        <template slot-scope="scope">
-        <el-input v-model="scope.row.supply_license_number" style="width:160px" :disabled="true"></el-input>
-        </template>
-    </el-table-column>
- 
-    <el-table-column label="备注" align="center" width="200px">
-        <template slot-scope="scope">
-        <el-input v-model="scope.row.supply_remake" style="width:160px" :disabled="disabled"></el-input>
-        </template>
-    </el-table-column>
+                         
+              </el-select>
+                     
+            </template>
+               
+          </el-table-column>
 
-    <el-table-column label="操作" align="center" width="150px" fixed="right" >
-        <template slot-scope="scope">
-        <el-tooltip class="item" effect="dark" content="新增" placement="top" >
-            <el-button
-                size="mini"
-                type="primary"
-                icon="el-icon-circle-plus-outline"
-                @click="handleEdit(scope.$index, scope.row)">
-            </el-button>
-       </el-tooltip>
-       <el-tooltip class="item" effect="dark" content="删除" placement="top">
-            <el-button
-                size="mini"
-                type="danger"
-                icon="el-icon-delete"
-                @click="handleDelete(scope.$index, scope.row)">
-            </el-button>
-        </el-tooltip>
+             
+          <el-table-column label="批准文号" align="center" width="200px">
+                   
+            <template slot-scope="scope">
+                     
+              <el-input
+                v-model="scope.row.supply_license_number"
+                style="width: 160px"
+                :disabled="true"
+              ></el-input>
+                     
+            </template>
+               
+          </el-table-column>
+               
+          <el-table-column label="备注" align="center" width="200px">
+                   
+            <template slot-scope="scope">
+                     
+              <el-input
+                v-model="scope.row.supply_remake"
+                style="width: 160px"
+                :disabled="disabled"
+              ></el-input>
+                     
+            </template>
+               
+          </el-table-column>
 
-        </template>
-    </el-table-column>
-  </el-table>
+          <el-table-column
+            label="操作"
+            align="center"
+            width="150px"
+            fixed="right"
+          >
+                   
+            <template slot-scope="scope">
+                     
+              <el-tooltip
+                class="item"
+                effect="dark"
+                content="新增"
+                placement="top"
+              >
+                           
+                <el-button
+                  size="mini"
+                  type="primary"
+                  icon="el-icon-circle-plus-outline"
+                  @click="handleEdit(scope.$index, scope.row)"
+                >
+                             
+                </el-button>
+                       </el-tooltip
+              >
+                     <el-tooltip
+                class="item"
+                effect="dark"
+                content="删除"
+                placement="top"
+              >
+                           
+                <el-button
+                  size="mini"
+                  type="danger"
+                  icon="el-icon-delete"
+                  @click="handleDelete(scope.$index, scope.row)"
+                >
+                             
+                </el-button>
+                       
+              </el-tooltip>
 
-   <!-- 审核水印 -->
-  <img src="@/assets/purchase/Reviewed.png" alt="正在加载..." class="reviewImg" v-show="Reviewed == true" />
-</el-form>
-   <div style="margin-top:10px">
-      合计:{{getAllPrice()}} 元
-   </div>
-   <div style="margin-top:10px">
-        <span>优惠率:<el-input style="width:100px" v-model="rate_of_concession" @input='addressChange' :disabled="disabled"></el-input>%</span>
+                     
+            </template>
+               
+          </el-table-column>
+        </el-table>
+        <!-- 审核水印 -->
+         
+        <img
+          src="@/assets/purchase/Reviewed.png"
+          alt="正在加载..."
+          class="reviewImg"
+          v-show="Reviewed == true"
+        />
+      </el-form>
+      <el-form>
+         
+        <div style="margin-top: 10px">
+                合计:{{ getAllPrice() }} 元    
+        </div>
+         
+        <div style="margin-top: 10px">
+                 
+          <span
+            >优惠率:<el-input
+              style="width: 100px"
+              v-model="rate_of_concession"
+              @input="addressChange"
+              :disabled="disabled"
+            ></el-input
+            >%</span
+          >
 
-        <span>优惠金额:<el-input style="width:100px" v-model="discount_amount" :disabled="disabled"></el-input></span>
+                 
+          <span
+            >优惠金额:<el-input
+              style="width: 100px"
+              v-model="discount_amount"
+              :disabled="disabled"
+            ></el-input
+          ></span>
+           
+        </div>
+      </el-form>
 
+      <el-form>
+        <el-table>
+                   
           <el-table-column label="批准文号" align="center" width="200px">
+                       
             <template slot-scope="scope">
+                           
               <el-input
                 v-model="scope.row.supply_license_number"
                 style="width: 160px"
                 :disabled="disabled"
               ></el-input>
+                         
             </template>
+                     
           </el-table-column>
 
+                   
           <el-table-column label="备注" align="center" width="200px">
+                       
             <template slot-scope="scope">
+                           
               <el-input
                 v-model="scope.row.supply_remake"
                 style="width: 160px"
                 :disabled="disabled"
               ></el-input>
+                         
             </template>
+                     
           </el-table-column>
 
+                   
           <el-table-column
             label="操作"
             align="center"
             width="150px"
             fixed="right"
           >
+                       
             <template slot-scope="scope">
+                           
               <el-tooltip
                 class="item"
                 effect="dark"
                 content="新增"
                 placement="top"
               >
+                               
                 <el-button
                   size="mini"
                   type="primary"
                   icon="el-icon-circle-plus-outline"
                   @click="handleEdit(scope.$index, scope.row)"
                 >
+                                 
                 </el-button>
+                             
               </el-tooltip>
+                           
               <el-tooltip
                 class="item"
                 effect="dark"
                 content="删除"
                 placement="top"
               >
+                               
                 <el-button
                   size="mini"
                   type="danger"
                   icon="el-icon-delete"
                   @click="handleDelete(scope.$index, scope.row)"
                 >
+                                 
                 </el-button>
+                             
               </el-tooltip>
+                         
             </template>
+                     
           </el-table-column>
+                 
         </el-table>
       </el-form>
-      <!-- <div style="margin-top: 10px">合计:{{ getAllPrice() }} 元</div>
-      <div style="margin-top: 10px">
-        <span
-          >优惠率:<el-input
-            style="width: 100px"
-            v-model="rate_of_concession"
-            @input="addressChange"
-          ></el-input
-          >%</span
-        >
-
-        <span
-          >优惠金额:<el-input
-            style="width: 100px"
-            v-model="discount_amount"
-          ></el-input
-        ></span>
-      </div> -->
-
-      <Computed :total="total_price" :rate_of_concession="rate_of_concession" :discount_amount="discount_amount"></Computed>
     </div>
-
-    <!-- <el-dialog title="系统提示" :visible.sync="dialogVisible" width="30%">
-      <span>
-        购货订单{{ number }}已有以下关联数据,不能反审核
-        <div v-for="(item, index) in orderList" :key="index">
-          <li>购货单{{ item.good_number }}</li>
-          <a @click="toClick(item.id)">点击查看</a>
-        </div>
-      </span>
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-      </span>
-    </el-dialog> -->
+    <Computed
+      :total="total_price"
+      :rate_of_concession="rate_of_concession"
+      :discount_amount="discount_amount"
+    ></Computed>
   </div>
 </template>
 
@@ -880,8 +1019,7 @@ export default {
       if (this.is_check == 2) {
         this.$message.error("该采购订单未审核,不能生成采购数据!");
         return false;
-      }
-      //获取商品购货订单 和 购货单的总数量
+      } //获取商品购货订单 和 购货单的总数量
       getAllOrderCountList(id).then((response) => {
         if (response.data.state == 1) {
           var purcaseOrder = response.data.data.purcaseOrder;
@@ -891,8 +1029,7 @@ export default {
           console.log("采购单", goodOrder);
           var drugList = response.data.data.drugList;
           console.log("druglist23323223", drugList);
-          var ids = "";
-          // 如果采购单没有数据，则代表改订单第一次生成采购订单数据
+          var ids = ""; // 如果采购单没有数据，则代表改订单第一次生成采购订单数据
           if (goodOrder.length == 0) {
             this.$router.push({
               path: "/good/order/add?id=" + id + "&ids=" + ids,
@@ -951,9 +1088,8 @@ export default {
 
             var arr = [];
             var total = 0;
-            var str = "";
+            var str = ""; //如果采购单有数据，则需要比较数量
 
-            //如果采购单有数据，则需要比较数量
             if (newArr.length > 0) {
               for (let i = 0; i < purcaseOrder.length; i++) {
                 for (let j = 0; j < newArr.length; j++) {
@@ -964,9 +1100,7 @@ export default {
                     }
                   }
                 }
-              }
-              //如果total的长度等于 采购单的长度,怎表示该采购订单已经全部生成
-
+              } //如果total的长度等于 采购单的长度,怎表示该采购订单已经全部生成
               if (arr.length == 0) {
                 this.$message.error("该订单已全部生成采购单，请知悉!");
                 return;
@@ -992,13 +1126,11 @@ export default {
       }
     },
     checkReturnOrder() {
-      var id = this.$route.query.id;
-      //获取购货订单号
+      var id = this.$route.query.id; //获取购货订单号
       getGoodOrderList(id).then((response) => {
         if (response.data.state == 1) {
           var list = response.data.data.list;
-          this.orderList = list;
-          //如果长度大于0,有购货单不能反审核
+          this.orderList = list; //如果长度大于0,有购货单不能反审核
           if (list.length > 0) {
             // this.dialogVisible = false;
             this.$popup({
@@ -1060,66 +1192,41 @@ export default {
   },
 };
 </script>
-
 <style rel="stylesheet/css" lang="scss" scoped>
-.information {
-  border: 1px #dcdfe6 solid;
-  padding: 30px 20px 30px 20px;
-
-  .border {
-    border-bottom: 1px #dcdfe6 solid;
-    margin: 0px 0 20px 0;
-  }
-}
-
-.title {
-  background: #409eff;
-  height: 44px;
-  line-height: 44px;
-  padding: 0 0 0 10px;
-  color: #fff;
-  margin: 0 0 10px 0;
-}
-
-.edit_separater {
-  border-top: 1px solid rgb(233, 233, 233);
-  margin-top: 15px;
-  margin-bottom: 15px;
-}
 </style>
-
 <style>
 .sign-and-weigh-box .sign-and-weigh-box-patients .cell {
-  font-size: 12px;
+  font-size: 12px;
 }
 
 .sign-and-weigh-box .sign-and-weigh-box-patients .current-row > td {
-  background: #6fb5fa;
+  background: #6fb5fa;
 }
 
 .count {
-  color: #bd2c00;
+  color: #bd2c00;
 }
 .el-table td,
 .el-table th.is-leaf,
 .el-table--border,
 .el-table--group {
-  border-color: #d0d3da;
+  border-color: #d0d3da;
 }
 .el-table--border::after,
 .el-table--group::after,
 .el-table::before {
-  background-color: #d0d3da;
+  background-color: #d0d3da;
 }
 .el-table__fixed-right {
-  width: 150px;
-  bottom: 20px;
-  height: 100%;
+  width: 150px;
+  bottom: 20px;
+  height: 100%;
 }
 .reviewImg {
-  position: fixed;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 30%;
+  position: fixed;
+  left: 50%;
+  transform: translateX(-50%);
+  top: 30%;
 }
 </style>
+