供应商列表相关bug修复及样式调整

yangfeng

2023-09-06 29b5ffe318b8ab32865ebebedd865ea2aa3f6c7e

 src/views/purchaseManage/purchase/index.vue

@@ -15,7 +15,7 @@
      </div>
      <template>
        <TableCommonView
         class="content-table"
          class="content-table"
          ref="tableListRef"
          :table-list="tableList"
          @selCommonClick="selCommonClick"
@@ -23,15 +23,15 @@
          <template slot="tableButton">
            <el-table-column label="状态" width="120">
              <template slot-scope="scope">
               {{ getpurchaseStatus(scope.row.status) }}
                {{ getpurchaseStatus(scope.row.status) }}
              </template>
            </el-table-column>
            <el-table-column label="操作" width="120" fixed="right">
              <template slot-scope="scope">
                <el-button type="text"  size="small" @click="editClick(scope.row)"  style="margin-right: 5px"
                <el-button type="text" size="small" @click="editClick(scope.row)" style="margin-right: 5px"
                  >编辑</el-button
                >
                <el-button  @click="submitClick(scope.row)" type="text" size="small">提交</el-button>
                <el-button @click="submitClick(scope.row)" type="text" size="small">提交</el-button>
              </template>
            </el-table-column>
          </template>
@@ -41,48 +41,45 @@
        </div>
      </template>
    </div>
    

    <!-- 新建/编辑销售线索 -->
    <!-- <AddSalesLeadDialog v-if="editSalesLeadConfig.visible" :edit-rightContent-config="editSalesLeadConfig" /> -->
    <!-- 详情 -->
    <DetailSupplier v-if="commonDetail.visible" :common-detail="commonDetail"  />
    <DetailSupplier v-if="commonDetail.visible" :common-detail="commonDetail" />
    <!-- 新建/编辑 -->
    <AddPurchase v-if="editConfig.visible" :edit-common-config="editConfig" />
  </div>
</template>

<script>

import pageMixin from "@/components/makepager/pager/mixin/pageMixin"
import {
  getPurchaseList,getPurchaseInfo,submitPurchase, 
} from "@/api/purchaseManage/purchase";
import { getPurchaseList, getPurchaseInfo, submitPurchase } from "@/api/purchaseManage/purchase"
import DetailSupplier from "@/views/purchaseManage/purchase/DetailSupplier"
import AddPurchase from "@/views/purchaseManage/purchase/components/AddPurchase"
import { getDataByType } from "@/api/data";
import { getDataByType } from "@/api/data"
export default {
  name: "SupplierManage",
  props: {},
  components: { DetailSupplier,AddPurchase },
  components: { DetailSupplier, AddPurchase },
  mixins: [pageMixin],
  computed: {},
  data() {
    return {
      tableLoading:false,
      tableLoading: false,
      tableList: {}, // 列表
      selValueList: [],
      commonDetail: {
        visible: false,
        infomation: {}
      },
      search:'',
      editRow:{},
      search: "",
      editRow: {},
      editConfig: {
        visible: false,
        title: "创建",
        infomation: {}
      },
      purchaseStatusList:getDataByType('purchaseStatus'),
      purchaseStatusList: getDataByType("purchaseStatus")
    }
  },
  created() {
@@ -94,11 +91,11 @@
      if (val) {
        for (let i in this.purchaseStatusList) {
          if (this.purchaseStatusList[i].id == val) {
            return this.purchaseStatusList[i].name;
            return this.purchaseStatusList[i].name
          }
        }
      } else {
        return "--";
        return "--"
      }
    },
    setTable() {
@@ -107,13 +104,13 @@
        selectIndex: true,
        tableColumn: [
          { label: "采购单号", prop: "number", min: 150, isCommonClick: true },
          { label: "采购单名称", prop: "name", min: 130, isCommonClick: true},
          { label: "采购单名称", prop: "name", min: 130, isCommonClick: true },
          { label: "单据类型", prop: "orderType", min: 130 },
          { label: "供应商名称", prop: "contact", min: 130 },
          { label: "采购数量", prop: "quantity", min: 130 },
          { label: "收货仓库", prop: "warehouse", min: 130 },
          { label: "经办人", prop: "handledBy", min: 130 },
          { label: "制单人", prop: "creator", min: 130 },
          { label: "制单人", prop: "creator", min: 130 }
        ]
      }
    },
@@ -138,11 +135,11 @@
    // 搜索
    searchClick(val, content) {
      console.log(val, content)
      this.search =  content
      this.search = content
      this.getData()
    },
    resetClick() {
      this.search = ''
      this.search = ""
      this.getData()
    },
    // 新建
@@ -152,89 +149,88 @@
      this.editConfig.visible = true
      this.editConfig.title = "创建"
      this.editConfig.infomation = {
        productList:[],
        purchaseTypeId:'',
        supplierId:'',
        supplierName:'',
        orderSource:'手动创建',
        name:'',
        contact:'',
        phone:'',
          signingDate:'',
          deliveryDate:'',
          remark:'',
          wholeDiscountType:null,
          wholeDiscount:0,
          priceAdjustmentType:null,
          priceAdjustment:0,
          realTotalPrice:0,
       }
        productList: [],
        purchaseTypeId: "",
        supplierId: "",
        supplierName: "",
        orderSource: "手动创建",
        name: "",
        contact: "",
        phone: "",
        signingDate: "",
        deliveryDate: "",
        remark: "",
        wholeDiscountType: null,
        wholeDiscount: 0,
        priceAdjustmentType: null,
        priceAdjustment: 0,
        realTotalPrice: 0
      }
    },
    

    // 编辑
    editClick(row){
      this.tableLoading=true
      getPurchaseInfo({id:row.ID}).then((res) => {
    editClick(row) {
      this.tableLoading = true
      getPurchaseInfo({ id: row.ID }).then((res) => {
        if (res.code == 200) {
          this.tableLoading=false
          this.tableLoading = false
          this.editConfig.visible = true
          this.editConfig.title = "编辑"
          this.editConfig.infomation = { 
            productList:res.data.productList,
            supplierName:res.data.purchase.supplier.name,
            ...res.data.purchase,
           }
        }else{
          this.$message.error(res.msg?res.msg+',':''+'获取信息失败！')
          this.editConfig.infomation = {
            productList: res.data.productList,
            supplierName: res.data.purchase.supplier.name,
            ...res.data.purchase
          }
        } else {
          this.$message.error(res.msg ? res.msg + "," : "" + "获取信息失败！")
        }
      })
      setTimeout(()=>{
        this.tableLoading=false
      },3000)
      setTimeout(() => {
        this.tableLoading = false
      }, 3000)
      // this.editRow = row;
      // this.$refs.add.islook = true;
      
    },
    // 确认发货
    submitClick(row) {
        this.$confirm("是否提交?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            console.log("dddd")
            submitPurchase({ id: row.ID }).then((response) => {
              if (response.code === 200) {
                this.$message.success("提交成功")
                this.getData()
              } else {
                this.$message.warning("提交失败")
              }
            })
      this.$confirm("是否提交?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          console.log("dddd")
          submitPurchase({ id: row.ID }).then((response) => {
            if (response.code === 200) {
              this.$message.success("提交成功")
              this.getData()
            } else {
              this.$message.warning("提交失败")
            }
          })
          .catch(() => {})
        })
        .catch(() => {})
    },
    

    // 详情
    selCommonClick(row) {
      console.log(row)
      this.tableLoading=true
      getPurchaseInfo({id:row.ID}).then((res) => {
      this.tableLoading = true
      getPurchaseInfo({ id: row.ID }).then((res) => {
        if (res.code == 200) {
          this.tableLoading=false
          this.tableLoading = false
          this.commonDetail.visible = true
          this.commonDetail.infomation = { 
            productList:res.data.productList,
          this.commonDetail.infomation = {
            productList: res.data.productList,
            ...res.data.purchase
           }
        }else{
          this.$message.error(res.msg?res.msg+',':''+'获取信息失败！')
          }
        } else {
          this.$message.error(res.msg ? res.msg + "," : "" + "获取信息失败！")
        }
      })
      setTimeout(()=>{
        this.tableLoading=false
      },3000)
      setTimeout(() => {
        this.tableLoading = false
      }, 3000)
    }
  }
}
@@ -243,10 +239,10 @@
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.rightContent {
  width:100%;
  height:calc(100% - 10px);
  width: 100%;
  height: calc(100% - 10px);
  .content-box {
    height:100%;
    height: 100%;
    .supplier-search {
      display: flex;
      align-items: center;
@@ -255,11 +251,12 @@
        margin-right: 20px;
      }
    }
    .content-table{
    .content-table {
      // height:calc(100% - 60px - 42px);
    }
    .btn-pager {
      display: flex;
      // background: #fff;
      .page {
        margin-left: auto;
      }