ahdevicemgt-ui/src/views/purchase/confirm/index.vue

<template>
    <!-- 往来单位管理页面 -->
    <div class="app-container">
        <!-- 列表 -->
        <TableModel
          :formLabel="formLabel"
          :columnsList="columnsList"
          :request-api="queryPurchaseConfirmListApi"
          ref="tableRef"
        >
            <template slot="btn" slot-scope="{ queryParams }">
                <el-button type="primary" @click="handleAddData()"
                    >到货确认</el-button
                >
                <el-button @click="handleExportData(queryParams, 'base/customer/export', '往来单位清单')"
                    >导出</el-button
                >
            </template>

            <template slot="handle" slot-scope="{ data }">
              <el-button
                type="primary"
                size="mini"
              >查看</el-button
              >
              <el-button
                type="primary"
                size="mini"
                @click="confirmArrival(data.id)"
                v-if="data.status === 48"
              >到货确认</el-button
              >
<!--                <el-button
                  type="warning"
                  size="mini"
                >解绑</el-button
                >-->
<!--                <el-button
                    type="primary"
                    size="mini"
                    @click="handleEditData(data)"
                    >编辑</el-button
                >
                <el-button
                    type="danger"
                    size="mini"
                    @click="handleDeleteData(data.id, delStorageConfigListApi)"
                    >删除</el-button
                >-->
            </template>
<!--            <template slot="isActive" slot-scope="{ data }">
              {{ data.isActive == '1' ? '启用' : '不启用' }}
            </template>
            <template slot="phone" slot-scope="{ data }">
              {{ phoneCrypto(data.phone) }}
            </template>-->
          <template slot="purchaseNum" slot-scope="{ data }">
            {{ data.purchaseNum / storageDex }}
          </template>
          <template slot="purchasePrice" slot-scope="{ data }">
            {{ data.purchasePrice / priceDex }}
          </template>
          <template slot="notaxPrice" slot-scope="{ data }">
            {{ data.notaxPrice / priceDex }}
          </template>
          <template slot="status" slot-scope="{ data }">
            <span style="color: #D9001B">
              {{ data.statusName }}
            </span>
          </template>
        </TableModel>

        <!-- 新增以及修改时的弹框 -->
        <DialogModel
            :dialogConfig="dialogConfig"
            @closeDialogOuter="closeDialogOuter"
        >
            <template slot="outerContent">
                <!-- 新增以及修改数据的表单组件 -->
                <FormConfirm
                    @closeDialog="closeDialog"
                    :editParams="editParams"
                />
            </template>
        </DialogModel>
    </div>
</template>

<script>
import { columnsList, dialogConfig, formLabel } from './config'
import { commonMixin } from '../mixins/common'
import FormConfirm from './components/form-confirm.vue'
import {
  queryPurchaseConfirmListApi,
  confirmArrivalApi
} from '@/api/purchase/confirm'

export default {
    name: 'arrivalConfirmManage',
    mixins: [commonMixin], // 混入公共方法和数据
    components: { FormConfirm },
    methods: {
      queryPurchaseConfirmListApi,
      // 到货确认
      confirmArrival(id) {
        let idList = []
        idList.push(id)
        confirmArrivalApi(idList).then(res => {
          console.log(res)
          this.$modal.msgSuccess('提交成功')
          this.$refs.tableRef.getTableList()
        }).catch(err => {})
      }
    },
    data() {
        return {
            formLabel,
            columnsList,
            dialogConfig,
            addDialogTitle: '新建仓库', // 新建时弹框标题
            editDialogTitle: '修改仓库', // 修改时弹框标题
            storageDex: 1000,
            priceDex: 100,
        }
    },
}
</script>