4.6bug单修改

src/xt_pages/dialysis/dialysisPrintOrder.vue

           >
           </DialysisPrintOrderFive>
 
-          <DialysisPrintOrderSix
+          <DialysisPrintOrderFortySix
             v-bind:childResponse="childResponse"
             v-if="org_template_info.template_id == 6"
           >
-          </DialysisPrintOrderSix>
+          </DialysisPrintOrderFortySix>
 
           <DialysisPrintOrderSeven
             v-bind:childResponse="childResponse"
 import DialysisPrintOrderFortyThree from "./template/DialysisPrintOrderFortyThree";
 import DialysisPrintOrderFortyFour from "./template/DialysisPrintOrderFortyFour";
 import DialysisPrintOrderFortyFive from "./template/DialysisPrintOrderFortyFive";
+import DialysisPrintOrderFortySix from "./template/DialysisPrintOrderFortySix"
 export default {
   name: "dialysisPrintOrder",
   components: {
+    DialysisPrintOrderFortySix,
     DialysisPrintOrderFortyFive,
     DialysisPrintOrderFortyFour,
     DialysisPrintOrderFortyThree,

src/xt_pages/dialysis/template/DialysisPrintOrderSix.vue

                   </div>
                   <div class="row" style="padding: 2px 0;line-height:23px;display:flex;">
                     <div class="inline_block" style="flex:1;">
-                      透析(滤)器：
+                      <span>透析(滤)器：</span> 
                       <div class="under_line" style="width: 100px;text-align: center">
                         {{ prescription.dialyzer_perfusion_apparatus ? prescription.dialyzer_perfusion_apparatus : "" }}
                         {{prescription.dialysis_dialyszers?prescription.dialysis_dialyszers:"/"}}

src/xt_pages/supply/components/addPurchaseOrder.vue

           :data="recordInfo.tableList"
           :class="signAndWeighBoxPatients"
           border
-          style="width: 100%"
+          style="width:100%"
           max-height="450"
         >
-          <el-table-column align="center" width="200px">
+          <el-table-column align="center" width="200">
             <template slot="header" slot-scope="scope">
               <span>商品<span style="color: red">*</span></span>
             </template>
               >
                 <el-select
                   v-model="scope.row.name"
-                  style="width: 160px"
+                  style="width: 160"
                   filterable
                   placeholder="请选择商品"
                   @change="changeName"
               </el-form-item>
             </template>
           </el-table-column>
-          <el-table-column align="center" width="150px">
+          <el-table-column align="center" width="150">
             <template slot="header" slot-scope="scope">
               <span>商品类别</span>
             </template>
               <div style="visibility: hidden">/</div>
             </template>
           </el-table-column>
-          <el-table-column label="规格&单位" align="center" width="200px">
+          <el-table-column label="规格&单位" align="center" width="200s">
             <template slot-scope="scope">
               <el-input
                 placeholder="规格&单位"
             style="width: 150px"
             v-model="discount_amount"
             placeholder="请输入优惠金额"
+            @input="count_discount"
           ></el-input
         ></span>
       </div>
       }
       this.total_price = total_price;
       return total_price.toFixed(2);
+    },
+     count_discount() {
+      this.rate_of_concession = (
+        this.discount_amount /
+        (this.total_price * 0.01)
+      ).toFixed(2);
     },
     checkPurchaseOrder(id, index) {
       this.$confirm("是否审核?", {
   transform: translateX(-50%);
   top: 30%;
 }
+
+/deep/ .el-table__body-wrapper::-webkit-scrollbar {
+width:10px;
+height:10px;
+}
 </style>
 
 <style>

src/xt_pages/supply/components/addSupply.vue

 <template>
-  <el-dialog :title="title" :visible.sync="dialogVisible" width="35%">
+  <el-dialog :title="title" :visible.sync="dialogVisible" width="40%">
     <!-- :before-close="handleClose" 如需要可添加进上方 -->
     <div>
       <el-form
           max-height="450"
         >
           <!-- 联系人填写 -->
-          <el-table-column label="联系人" align="center" width="110px">
+          <el-table-column label="联系人" align="center" width="130">
             <template slot="header" slot-scope="scope">
               <span>联系人<span style="color: red">*</span></span>
             </template>
               >
                 <el-input
                   v-model="scope.row.name"
-                  style="width: 80px; margin-top: 3px"
+                  style="width: 100px; margin-top: 3px"
                 ></el-input>
               </el-form-item>
             </template>
           </el-table-column>
           <!-- 手机填写 -->
-          <el-table-column label="手机" align="center" width="100px">
+          <el-table-column label="手机" align="center" width="150">
             <template slot-scope="scope">
               <el-input
                 v-model="scope.row.phone"
-                style="width: 80px"
+                style="width: 120px"
               ></el-input>
               <div style="visibility: hidden">/</div>
             </template>
           <!-- id填写======================================================= -->
           <el-table-column label="id" v-if="false">
             <template slot-scope="scope">
-              <el-input v-model="scope.row.id" style="width: 80px"></el-input>
+              <el-input v-model="scope.row.id" style="width: 100px"></el-input>
               <div style="visibility: hidden">/</div>
             </template>
           </el-table-column>
           <!-- 联系地址填写 -->
-          <el-table-column label="联系地址" align="center" width="130px">
+          <el-table-column label="联系地址" align="center" width="150">
             <template slot-scope="scope">
               <el-input
                 v-model="scope.row.address"
-                style="width: 115px"
+                style="width: 120px"
               ></el-input>
               <div style="visibility: hidden">/</div>
             </template>
           </el-table-column>
           <!-- 首要联系人填写 -->
-          <el-table-column align="center" width="100px">
+          <el-table-column align="center" width="130px">
             <template slot="header" slot-scope="scope">
               <span>首要联系人<span style="color: red">*</span></span>
             </template>
                 <!-- :prop="'contacts.' + scope.$index + '.name'"  如需添加可在上方标签加入 -->
                 <el-select
                   v-model="scope.row.is_first"
-                  style="width: 90px"
-                  placeholder="请选择"
+                  style="width: 100px"
                   @change="changeName($event, scope)"
                 >
                   <el-option
           <el-table-column
             label="操作"
             align="center"
-            width="120px"
+            width="150px"
             fixed="right"
           >
             <template slot-scope="scope">
                 placement="top"
               >
                 <el-button
-                  class="tablebtn"
                   size="mini"
                   type="primary"
                   icon="el-icon-circle-plus-outline"
                 placement="top"
               >
                 <el-button
-                  class="tablebtn"
                   size="mini"
                   type="danger"
                   icon="el-icon-delete"
 /deep/ .el-form-item__error {
   // display: none !important;
 }
+/deep/ .el-table__body-wrapper::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+/deep/ .el-table__fixed-right{
+  bottom: 0 !important;
+}
 </style>

src/xt_pages/supply/components/editGoodOrder.vue

           align-items: center;
         "
       >
-        <div>
+        <div style="display: flex;">
           <span style="color: red">*</span><span>供应商:</span>
           <el-select
             v-model="supplier_name"
         ></el-date-picker> -->
           <span>单据编码:{{ good_number }}</span>
         </div>
-        <div>
+        <div style="display: flex;" >
           <el-button size="small" type="primary" @click="updateGoodOrder"
             >保存</el-button
           >
           <el-table-column label="采购金额" align="center" width="120px">
             <template slot-scope="scope">
               {{ calculate(scope.row.supply_count * scope.row.supply_price) }}
+              <div style="visibility: hidden">/</div>
             </template>
           </el-table-column>
           <el-table-column label="生产日期" align="center" width="200px">

src/xt_pages/supply/components/editPurchaseOrder.vue

                 style="width: 120px"
                 :disabled="true"
               ></el-input>
+              <div style="visibility: hidden">/</div>
             </template>
           </el-table-column>
           <el-table-column label="规格&单位" align="center" width="200px">
                 style="width: 150px"
                 :disabled="true"
               ></el-input>
+              <div style="visibility: hidden">/</div>
             </template>
           </el-table-column>
           <el-table-column label="单位" align="center" width="120px">
                 style="width: 100px"
                 :disabled="true"
               ></el-input>
+              <div style="visibility: hidden">/</div>
             </template>
           </el-table-column>
           <el-table-column label="数量" align="center" width="180px">
                 :disabled="disabled"
                 placeholder="请输入采购单价"
               ></el-input>
+              <div style="visibility: hidden">/</div>
             </template>
           </el-table-column>
 
           <el-table-column label="采购金额" align="center" width="120px">
             <template slot-scope="scope">
               {{ calculate(scope.row.supply_count * scope.row.supply_price) }}
+              <div style="visibility: hidden">/</div>
             </template>
           </el-table-column>
 
                 >
                 </el-option>
               </el-select>
+              <div style="visibility: hidden">/</div>
             </template>
           </el-table-column>
 
                 style="width: 160px"
                 :disabled="true"
               ></el-input>
+              <div style="visibility: hidden">/</div>
             </template>
           </el-table-column>
 
                 :disabled="disabled"
                 placeholder="请输入备注"
               ></el-input>
+              <div style="visibility: hidden">/</div>
             </template>
           </el-table-column>
 

src/xt_pages/supply/components/editSupply.vue

 }
 .el-table__fixed-right{
   width:150px;
-  bottom: 20px;
+  /* bottom: 20px; */
   height: 100%;
 }
 </style>

src/xt_pages/supply/purchaseOrderQuery.vue

     <div class="position">
       <bread-crumb :crumbs="crumbs"></bread-crumb>
     </div>
-    <div class="app-container ">
-      <div style="justify-content: space-between;margin: 0px 0 12px 0;display: flex;align-items: center;">
+    <div class="app-container">
+      <div
+        style="
+          justify-content: space-between;
+          margin: 0px 0 12px 0;
+          display: flex;
+          align-items: center;
+        "
+      >
         <div>
-        
           <el-date-picker
             size="small"
             v-model="start_time"
             prefix-icon="el-icon-date"
             :editable="false"
-            style="width: 196px;"
+            style="width: 196px"
             type="date"
             placeholder="选择日期时间"
             align="right"
             format="yyyy-MM-dd"
             value-format="yyyy-MM-dd"
             @change="startTimeChange"
-           ></el-date-picker>-
-            <el-date-picker
-              size="small"
-              v-model="end_time"
-              prefix-icon="el-icon-date"
-              :editable="false"
-              style="width: 196px;"
-              type="date"
-              placeholder="选择日期时间"
-              align="right"
-              format="yyyy-MM-dd"
-              value-format="yyyy-MM-dd"
-              @change="endTimeChange"
+          ></el-date-picker
+          >-
+          <el-date-picker
+            size="small"
+            v-model="end_time"
+            prefix-icon="el-icon-date"
+            :editable="false"
+            style="width: 196px"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            @change="endTimeChange"
           ></el-date-picker>
           <span>审核状态:</span>
-           <el-select v-model="check_id" style="width:140px;margin-right:10px;" placeholder="请选择"
-            @change="changeTypeName">
+          <el-select
+            v-model="check_id"
+            style="width: 140px; margin-right: 10px"
+            placeholder="请选择"
+            @change="changeTypeName"
+          >
             <el-option
-                v-for="item in checkList"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id">
+              v-for="item in checkList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            >
             </el-option>
           </el-select>
           <el-input
             size="small"
-            style="width: 200px;margin-left:10px;"
+            style="width: 200px; margin-left: 10px"
             class="filter-item"
             v-model.trim="keywords"
             placeholder="订单编号或供应商名称"
         </div>
       </div>
 
-
-       <el-table
+      <el-table
         :row-style="{ color: '#303133' }"
         :header-cell-style="{
           backgroundColor: 'rgb(245, 247, 250)',
-          color: '#606266'
+          color: '#606266',
         }"
         :data="tableList"
         :class="signAndWeighBoxPatients"
       >
         <el-table-column label="订单日期" align="center">
           <template slot-scope="scope">
-            <span>{{getTimes(scope.row.document_date)}}</span>
-         </template>
+            <span>{{ getTimes(scope.row.document_date) }}</span>
+          </template>
         </el-table-column>
         <el-table-column label="订单编号" align="center">
           <template slot-scope="scope">
-            <span>{{scope.row.number}}</span>
+            <span>{{ scope.row.number }}</span>
           </template>
         </el-table-column>
         <el-table-column label="供应商" align="center">
-            <template slot-scope="scope">
-              <span>{{getName(scope.row.supplier_id)}}</span>
-            </template>
-         </el-table-column>
-        <el-table-column label="关联采购单号" align="center">
           <template slot-scope="scope">
-            <div style="width:100%;height:100%">
-              <tr class="annotation-rs cluster-rs" v-for="(item,index) in scope.row.orderOut" :key="index">
+            <span>{{ getName(scope.row.supplier_id) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="关联采购单号" align="center" width="150">
+          <template slot-scope="scope">
+            <div style="width: 100%; height: 100%">
+              <tr class="color" v-for="(item,index) in scope.row.orderOut" :key="index">
                  <td>{{item.good_number}}</td>
               </tr>
+
             </div>
           </template>
         </el-table-column>
         <el-table-column label="采购金额" align="center">
           <template slot-scope="scope">
-             <span v-if="getAllBuyPrice(scope.row.orderInfo)>0">{{getAllBuyPrice(scope.row.orderInfo)}}</span> 
+            <span v-if="getAllBuyPrice(scope.row.orderInfo) > 0">{{
+              getAllBuyPrice(scope.row.orderInfo)
+            }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="数量" align="center">
+          <template slot-scope="scope">
+            {{ getAllCount(scope.row.orderInfo) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="订单状态" align="center">
+          <template slot-scope="scope">
+            <span v-if="scope.row.is_warehouse == 1">全部入库</span>
+            <span v-if="scope.row.is_warehouse == 2">未入库</span>
+            <span v-if="scope.row.is_warehouse == 3">部分入库</span>
           </template>
         </el-table-column>
 
-       <el-table-column label="数量" align="center">
-         <template slot-scope="scope">
-           {{getAllCount(scope.row.orderInfo)}}
-         </template>
-       </el-table-column>
-       <el-table-column label="订单状态" align="center">
-         <template slot-scope="scope">
-           <span v-if="scope.row.is_warehouse == 1">全部入库</span>
-           <span v-if="scope.row.is_warehouse == 2">未入库</span>
-           <span v-if="scope.row.is_warehouse == 3">部分入库</span>
-         </template>
-       </el-table-column>
-     
         <el-table-column label="交货日期" align="center">
-         <template slot-scope="scope">
-           {{getTimes(scope.row.delivery_date)}}
-         </template>
-       </el-table-column>
-        
-    
-      <el-table-column label="制单人" align="center">
-         <template slot-scope="scope">
-          {{getDocName(scope.row.creater)}}
-         </template>
-       </el-table-column>
+          <template slot-scope="scope">
+            {{ getTimes(scope.row.delivery_date) }}
+          </template>
+        </el-table-column>
 
-      <el-table-column label="审核人" align="center">
-         <template slot-scope="scope">
-          {{getDocName(scope.row.checker)}}
-         </template>
-       </el-table-column>
+        <el-table-column label="制单人" align="center">
+          <template slot-scope="scope">
+            {{ getDocName(scope.row.creater) }}
+          </template>
+        </el-table-column>
 
-       <el-table-column label="操作" align="center" width="200px">
+        <el-table-column label="审核人" align="center">
           <template slot-scope="scope">
-              <el-button
-                icon="el-icon-edit-outline"
-                size="small"
-                type="primary"
-                @click="toClick(scope.row.id)"
+            {{ getDocName(scope.row.checker) }}
+          </template>
+        </el-table-column>
+
+        <el-table-column label="操作" align="center" width="200px">
+          <template slot-scope="scope">
+            <el-button
+              icon="el-icon-edit-outline"
+              size="small"
+              type="primary"
+              @click="toClick(scope.row.id)"
               >编辑
-              </el-button>
-              <el-button
-                icon="el-icon-delete"
-                size="small"
-                type="danger"
-                @click="toDelete(scope.row,scope.$index)"
+            </el-button>
+            <el-button
+              icon="el-icon-delete"
+              size="small"
+              type="danger"
+              @click="toDelete(scope.row, scope.$index)"
               >删除
-              </el-button>
+            </el-button>
           </template>
         </el-table-column>
       </el-table>
       <el-pagination
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
-        :page-sizes="[10, 50, 100,200,500,1000]"
+        :page-sizes="[10, 50, 100, 200, 500, 1000]"
         :page-size="10"
         background
         align="right"
-        style="margin-top:20px;"
+        style="margin-top: 20px"
         layout="total, sizes, prev, pager, next, jumper"
         :total="total"
       >
       </el-pagination>
-
     </div>
   </div>
 </template>
 <script>
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
 
-import {getAllSupply,getAllPurchaseOrderList,deletePurchaseOrder} from "@/api/supply"
-import {uParseTime } from '@/utils/tools'
+import {
+  getAllSupply,
+  getAllPurchaseOrderList,
+  deletePurchaseOrder,
+} from "@/api/supply";
+import { uParseTime } from "@/utils/tools";
 export default {
   name: "stockIn",
-   components: {
-     
-   },
+  components: {},
   components: {
-    BreadCrumb
+    BreadCrumb,
   },
   data() {
     return {
+      isActive: false,
+      aa: ["111111", "22222"],
+      Color_txt: true,
       crumbs: [
         { path: false, name: "采购管理" },
-        { path: "/supply/query", name: "采购订单" }
+        { path: "/supply/query", name: "采购订单" },
       ],
       keywords: "",
       total: 0,
       multipleSelection: [],
       signAndWeighBoxPatients: "sign-and-weigh-box-patients",
       start_time: "",
-      end_time:"",
+      end_time: "",
       page: 1,
       limit: 10,
       goodType: [],
       goodInfo: [],
-      org_id:0,
-      types:[],
-      tableList:[{}],
-      type_name:"",
-      checkList:[
-        {id:0,name:"请选择"},
-        {id:1,name:"已审核"},
-        {id:2,name:"未审核"},
+      org_id: 0,
+      types: [],
+      tableList: [{}],
+      type_name: "",
+      checkList: [
+        { id: 0, name: "请选择" },
+        { id: 1, name: "已审核" },
+        { id: 2, name: "未审核" },
       ],
-      supplyList:[],
-      check_id:0,
-      doctorList:[],
+      supplyList: [],
+      check_id: 0,
+      doctorList: [],
     };
   },
-  methods:{
-     toAdd(){
-       this.$router.push({path:"/purchase/order/add"})
-     },
-     changeTypeName(){
-       this.getlist()
-     },
-     startTimeChange(){
-      this.getlist()
-     },
-     endTimeChange(){
-      this.getlist()
-     },
-     search(){
-      this.getlist()
-     },
-     handleSizeChange(val){
-       this.limit = val
-       this.getlist()
-     },
-     handleCurrentChange(val){
-       this.page = val
-       this.getlist()
-     },
-     getAllSupply(){
-       getAllSupply().then(response=>{
-         if(response.data.state == 1){
-            var supplyList = response.data.data.supplyList
-            this.doctorList = response.data.data.doctorList
-            for(let i=0;i<supplyList.length;i++){
-              this.supplyList.push(supplyList[i])
-            }
-         }
-       })
-     },
-     getTimes(time) {
-      if (time === '') {
-      return ''
+  methods: {
+    toAdd() {
+      this.$router.push({ path: "/purchase/order/add" });
+    },
+    changeTypeName() {
+      this.getlist();
+    },
+    startTimeChange() {
+      this.getlist();
+    },
+    endTimeChange() {
+      this.getlist();
+    },
+    search() {
+      this.getlist();
+    },
+    handleSizeChange(val) {
+      this.limit = val;
+      this.getlist();
+    },
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getlist();
+    },
+    getAllSupply() {
+      getAllSupply().then((response) => {
+        if (response.data.state == 1) {
+          var supplyList = response.data.data.supplyList;
+          this.doctorList = response.data.data.doctorList;
+          for (let i = 0; i < supplyList.length; i++) {
+            this.supplyList.push(supplyList[i]);
+          }
+        }
+      });
+    },
+    getTimes(time) {
+      if (time === "") {
+        return "";
       }
-      return uParseTime(time, '{y}-{m}-{d}')
-     },
-     getlist(){
-        var params = {
-          check_id:this.check_id,
-          start_time:this.start_time,
-          end_time:this.end_time,
-          keyword:this.keywords,
-          page:this.page,
-          limit:this.limit,
+      return uParseTime(time, "{y}-{m}-{d}");
+    },
+    getlist() {
+      console.log("hhhhhh", this.end_time);
+      var params = {
+        check_id: this.check_id,
+        start_time: this.start_time,
+        end_time: this.end_time,
+        keyword: this.keywords,
+        page: this.page,
+        limit: this.limit,
+      };
+      console.log("params2332232332", params);
+      getAllPurchaseOrderList(params).then((response) => {
+        if (response.data.state == 1) {
+          var list = response.data.data.list;
+          this.tableList = list;
+          var total = response.data.data.total;
+          this.total = total;
         }
-       console.log("params2332232332",params)
-       getAllPurchaseOrderList(params).then(response=>{
-          if(response.data.state == 1){
-            var list = response.data.data.list 
-            this.tableList = list
-            var total = response.data.data.total
-            this.total = total
-          }
-       })
-     },
-     getName(id){
-       var name = ""
-       for(let i=0;i<this.supplyList.length;i++){
-         if(id == this.supplyList[i].id){
-           name = this.supplyList[i].supplier_name
-         }
-       }
-       return name
-     },
-     getDocName(id){
-      var user_name = ""
-      for(let i=0;i<this.doctorList.length;i++){
-        if(id == this.doctorList[i].admin_user_id){
-          user_name = this.doctorList[i].user_name
+      });
+    },
+    getName(id) {
+      var name = "";
+      for (let i = 0; i < this.supplyList.length; i++) {
+        if (id == this.supplyList[i].id) {
+          name = this.supplyList[i].supplier_name;
         }
       }
-      return user_name
-     },
-     getAllBuyPrice(arr){
-       var buy_price = 0
-       if(arr!=undefined && arr.length > 0){
-          for(let i=0;i<arr.length;i++){
-            buy_price += (arr[i].count * arr[i].price)
-          }
-       }
-       return buy_price.toFixed(2)
-     },
-     getAllCount(arr){
-       var count = 0
-        if(arr!=undefined && arr.length > 0){
-          for(let i=0;i<arr.length;i++){
-            count += parseInt(arr[i].count)
-          }
-       }
-       if(count == 0){
-         return ""
-       }
-       if(count > 0){
-         return count
-       }
-      
-     },
-     toClick(id){
-       this.$router.push({path:"/purchase/order/edit?id="+id})
-     },
-     toDelete(val,index){
-       if(val.is_check == 1){
-         this.$message.error("已审核单据，不能删除!")
-         return false
-       }
-       if(val.orderOut.length >0 ){
-         this.$message.error("已关联单据，不能删除!")
-         return false
-       }
-       this.$confirm('确认删除吗?', '删除', {
-          confirmButtonText: '确 定',
-          cancelButtonText: '取 消',
-          type: 'warning'
-        }).then(() => {
-            
-          deletePurchaseOrder(val.id).then(response => {
+      return name;
+    },
+    getDocName(id) {
+      var user_name = "";
+      for (let i = 0; i < this.doctorList.length; i++) {
+        if (id == this.doctorList[i].admin_user_id) {
+          user_name = this.doctorList[i].user_name;
+        }
+      }
+      return user_name;
+    },
+    getAllBuyPrice(arr) {
+      var buy_price = 0;
+      if (arr != undefined && arr.length > 0) {
+        for (let i = 0; i < arr.length; i++) {
+          buy_price += arr[i].count * arr[i].price;
+        }
+      }
+      return buy_price.toFixed(2);
+    },
+    getAllCount(arr) {
+      var count = 0;
+      if (arr != undefined && arr.length > 0) {
+        for (let i = 0; i < arr.length; i++) {
+          count += parseInt(arr[i].count);
+        }
+      }
+      if (count == 0) {
+        return "";
+      }
+      if (count > 0) {
+        return count;
+      }
+    },
+    toClick(id) {
+      this.$router.push({ path: "/purchase/order/edit?id=" + id });
+    },
+    toDelete(val, index) {
+      if (val.is_check == 1) {
+        this.$message.error("已审核单据，不能删除!");
+        return false;
+      }
+      if (val.orderOut.length > 0) {
+        this.$message.error("已关联单据，不能删除!");
+        return false;
+      }
+      this.$confirm("确认删除吗?", "删除", {
+        confirmButtonText: "确 定",
+        cancelButtonText: "取 消",
+        type: "warning",
+      })
+        .then(() => {
+          deletePurchaseOrder(val.id).then((response) => {
             if (response.data.state == 1) {
-                var msg = response.data.data.msg
-                this.tableList.splice(index, 1);
-                this.$message.success("删除成功")
+              var msg = response.data.data.msg;
+              this.tableList.splice(index, 1);
+              this.$message.success("删除成功");
             } else {
-                this.$message.error("删除失败")
+              this.$message.error("删除失败");
             }
-          })
+          });
         })
-        .catch(() => {
-        }) 
-      }
+        .catch(() => {});
+    },
+    // 动态改变表格样式
+    Color_Change() {
+      this.Color_txt = true;
+      console.log(this.Color_txt, "op");
+    },
+
+    Color_Changeleave() {
+      this.Color_txt = false;
+      console.log(this.Color_txt, "false");
+    },
   },
   created() {
-    var now = new Date(); //当前日期 
-    var nowMonth = now.getMonth(); //当前月 
-    var nowYear = now.getFullYear(); //当前年 
+    var now = new Date(); //当前日期
+    var nowMonth = now.getMonth(); //当前月
+    var nowYear = now.getFullYear(); //当前年
     //本月的开始时间
-    var monthStartDate = new Date(nowYear, nowMonth, 1); 
-    this.start_time = this.getTimes(monthStartDate) 
-    this.end_time = this.getTimes(new Date())
-    this.org_id =  this.$store.getters.xt_user.org_id
-    this.getAllSupply()
-    this.getlist()
+    var monthStartDate = new Date(nowYear, nowMonth, 1);
+    this.start_time = this.getTimes(monthStartDate);
+    this.end_time = this.getTimes(new Date());
+    this.org_id = this.$store.getters.xt_user.org_id;
+    this.getAllSupply();
+    this.getlist();
   },
- 
 };
 </script>
 <style lang="scss">
-  .cluster-rs {
+.cluster-rs {
+  text-align: center;
+}
+.annotation-rs {
+  width: 100%;
+  height: 100%;
+  border: none;
+  td {
+    width: 155px;
+    padding: 5px;
+    border-right: none;
     text-align: center;
+    vertical-align: middle;
   }
-  .annotation-rs{
-    width: 100%;
-    height: 100%;
-    border: none;
-    td{
-      width: 155px;
-      padding: 5px;
-      border-right: none;
-      text-align: center;
-      vertical-align: middle;
-    }
-  }
-  tr:last-child{
-    td{
-      border-bottom: none;
-    }
+}
+tr:last-child {
+  td {
+    border-bottom: none;
   }
+}
 </style>
 
 <style rel="stylesheet/css" lang="scss" scoped>
   background-color: #d0d3da;
 }
 
+.color {
+  background: none !important;
+  display: flex;
+  flex-direction: column;
+}
 </style>

src/xt_pages/supply/supplyQuery.vue

       page: 1,
       limit: 10,
 
-      type_name: "请选择供应商类别",
+      type_name: "请选择",
       crumbs: [
         { path: false, name: "采购管理" },
         { path: "/supply/good/order/query", name: "供应商管理" },