新增预报废页面

sgzb-ui/src/api/scrap/forecastWaste.js

@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+
+/* 预报废列表 */
+export const getForecastWasteListApi = (data) => {
+    return request.post('/material/scrap/getScrapApplyList', data)
+}
+
+/* 预报废列表查询框内数据 */
+export const getDialogListApi = (data) => {
+    return request.get('/material/details/questList', data)
+}

sgzb-ui/src/assets/styles/index.scss

@@ -180,3 +180,11 @@ aside {
     margin-bottom: 10px;
   }
 }
+
+i {
+  font-style: normal;
+}
+
+ul {
+  list-style: none;
+}

sgzb-ui/src/views/claimAndRefund/return/apply.json

@@ -1,143 +0,0 @@
-/** 退料ID */
-@ApiModelProperty(value = "退料ID")
-private Long id;
-
-/** 退料ID-字符串 */
-@ApiModelProperty(value = "退料ID-字符串")
-private String ids;
-
-/** 退料单号 */
-@Excel(name = "退料单号")
-@ApiModelProperty(value = "退料单号")
-private String code;
-
-/** 任务ID */
-@ApiModelProperty(value = "任务ID")
-private Integer taskId;
-
-/** 任务ID */
-@ApiModelProperty(value = "任务类型")
-private Integer taskType;
-
-/** 签订日期 */
-@ApiModelProperty(value = "签订日期")
-private String signTime;
-
-/** 退料人员 */
-@Excel(name = "退料人员")
-@ApiModelProperty(value = "退料人员")
-private String backPerson;
-
-/** 联系电话 */
-@Excel(name = "退料人联系电话")
-@ApiModelProperty(value = "联系电话")
-private String phone;
-
-/** 机具公司审核人 */
-@ApiModelProperty(value = "机具公司审核人")
-private Integer directAuditBy;
-
-/** 机具公司审批时间 */
-@ApiModelProperty(value = "机具公司审批时间")
-private String directAuditTime;
-
-/** 机具公司审批备注 */
-@ApiModelProperty(value = "机具公司审批备注")
-private String directAuditRemark;
-
-
-/** 创建者 */
-@ApiModelProperty(value = "创建者")
-private String createBy;
-
-/** 创建时间 */
-@ApiModelProperty(value = "创建时间")
-private Date createTime;
-
-/** 更新者 */
-@ApiModelProperty(value = "更新者")
-private String updateBy;
-
-/** 更新时间 */
-@ApiModelProperty(value = "更新时间")
-private Date updateTime;
-
-/** 备注 */
-@ApiModelProperty(value = "备注")
-private String remark;
-
-/** 数据所属组织 */
-@ApiModelProperty(value = "数据所属组织")
-private Long companyId;
-
-@ApiModelProperty(value = "关键字")
-private String keyWord;
-
-@ApiModelProperty(value = "工程id")
-private Integer lotId;
-
-@Excel(name = "退料工程名称")
-@ApiModelProperty(value = "工程名称")
-private String lotName;
-
-@ApiModelProperty(value = "单位id")
-private Integer unitId;
-
-@Excel(name = "退料单位名称")
-@ApiModelProperty(value = "单位名称")
-private String unitName;
-
-@Excel(name = "退料申请时间")
-@ApiModelProperty(value = "退料日期")
-private String backTime;
-
-@Excel(name = "协议号")
-@ApiModelProperty(value = "协议编号")
-private String agreementCode;
-
-@Excel(name = "退料状态")
-@ApiModelProperty(value = "任务状态")
-private String taskStatus;
-
-@ApiModelProperty(value = "协议id")
-private Integer agreementId;
-
-@ApiModelProperty(value = "类型id")
-private String typeId;
-
-@Excel(name = "退料工机具类型")
-@ApiModelProperty(value = "类型名称")
-private String typeName;
-
-@ApiModelProperty(value = "规格编号")
-private String typeCode;
-
-@ApiModelProperty(value = "数量")
-private String num;
-
-@ApiModelProperty(value = "详情id和数量")
-private String detailsIdByNum;
-
-@ApiModelProperty(value = "类型id和数量")
-private String typeIdByNum;
-
-@ApiModelProperty(value = "详情id")
-private String detailsId;
-
-@ApiModelProperty(value = "编码")
-private String maCode;
-
-@ApiModelProperty(value = "在用数量")
-private String useNum;
-
-@ApiModelProperty(value = "操作人")
-private String createName;
-
-@ApiModelProperty(value = "审核人")
-private String examineName;
-
-@ApiModelProperty(value = "开始时间")
-private String startTime;
-
-@ApiModelProperty(value = "结束时间")
-private String endTime;

sgzb-ui/src/views/claimAndRefund/return/returnExamine.vue

@@ -13,7 +13,6 @@
                     v-model="queryParams.keyWord"
                     placeholder="请输入关键字"
                     clearable
-                    style="width: 240px"
                 />
             </el-form-item>
             <el-form-item label="单位名称" prop="unitId">
@@ -22,7 +21,6 @@
                     clearable
                     filterable
                     @change="getAgreementByUnit"
-                    style="width: 240px"
                     placeholder="请选择"
                 >
                     <el-option
@@ -40,7 +38,6 @@
                     clearable
                     filterable
                     @change="getAgreementByProId"
-                    style="width: 240px"
                     placeholder="请选择"
                 >
                     <el-option
@@ -72,7 +69,6 @@
                     v-model="queryParams.agreementCode"
                     placeholder="请选择协议号"
                     clearable
-                    style="width: 240px"
                 />
             </el-form-item>
             <el-form-item label="退料状态" prop="taskStatus">
@@ -80,7 +76,6 @@
                     v-model="queryParams.taskStatus"
                     clearable
                     filterable
-                    style="width: 240px"
                     placeholder="请选择"
                 >
                     <el-option
@@ -96,6 +91,7 @@
             <el-form-item label="退料申请时间" prop="timeRange">
                 <el-date-picker
                     v-model="timeRange"
+                    style="width: 205px"
                     type="datetimerange"
                     range-separator="至"
                     start-placeholder="开始日期"
@@ -163,19 +159,20 @@
             v-loading="loading"
             :data="typeList"
             @selection-change="handleSelectionChange"
+            border
         >
             <el-table-column
                 type="selection"
-                width="55"
+                width="45"
                 align="center"
                 :selectable="selectable"
             />
-            <el-table-column
+            <!--  <el-table-column
                 label="序号"
                 sortable
                 align="center"
                 type="index"
-            />
+            /> -->
             <el-table-column
                 label="退料单号"
                 align="center"
@@ -242,11 +239,46 @@
                 align="center"
                 :show-overflow-tooltip="true"
             >
-                <template slot-scope="scope">
+                <template slot-scope="{ row }">
                     <!-- 状态
 37-待审核
 38-已审核 -->
-                    <el-button type="text" v-if="scope.row.applyStatus == '0'">
+                    <el-tag
+                        type="info"
+                        size="mini"
+                        effect="dark"
+                        v-if="row.applyStatus == '0'"
+                        >待审核</el-tag
+                    >
+                    <el-tag
+                        type="success"
+                        size="mini"
+                        effect="dark"
+                        v-if="row.taskStatus == '40'"
+                        >退料完成</el-tag
+                    >
+                    <el-tag
+                        type="warning"
+                        size="mini"
+                        effect="dark"
+                        v-if="row.taskStatus == '39'"
+                        >退料核查</el-tag
+                    >
+                    <el-tag
+                        type="success"
+                        size="mini"
+                        effect="dark"
+                        v-if="row.applyStatus == '1' || row.applyStatus == '3'"
+                        >退料通过</el-tag
+                    >
+                    <el-tag
+                        type="danger"
+                        size="mini"
+                        effect="dark"
+                        v-if="row.applyStatus == '2' || row.applyStatus == '4'"
+                        >退料驳回</el-tag
+                    >
+                    <!-- <el-button type="text" v-if="scope.row.applyStatus == '0'">
                         待审核
                     </el-button>
                     <el-button
@@ -258,11 +290,11 @@
                         "
                     >
                         退料通过
-                    </el-button>
+                    </el-button> -->
                     <!-- <el-button type="text" v-if="scope.row.taskStatus == '39'">
             退料核查
           </el-button> -->
-                    <el-button
+                    <!-- <el-button
                         type="text"
                         style="color: red"
                         v-if="
@@ -278,7 +310,7 @@
                         v-if="scope.row.taskStatus == '40'"
                     >
                         退料完成
-                    </el-button>
+                    </el-button> -->
                 </template>
             </el-table-column>
             <el-table-column
@@ -287,30 +319,29 @@
                 prop="dictName"
                 :show-overflow-tooltip="true"
             />
-            <el-table-column
+            <el-table-column label="操作" align="center" width="180">
-                label="操作"
-                align="center"
-                class-name="small-padding fixed-width"
-                width="250"
-            >
                 <template slot-scope="scope">
                     <el-button
                         size="mini"
                         plain
+                        type="text"
                         icon="el-icon-zoom-in"
                         @click="handleSee(scope.row, 'see')"
                         >查看</el-button
                     >
                     <el-button
                         size="mini"
-                        type="primary"
+                        type="text"
                         icon="el-icon-edit"
                         v-if="scope.row.applyStatus == '0'"
-                        v-hasPermi="['receive:examine:nbry-jjfgs']"
+                        v-hasPermi="[
+                            'receive:examine:nbry-jjfgs',
+                            'receive:examine:nbry-sbfgs',
+                        ]"
                         @click="handleUpdate(scope.row, 'update')"
                         >审批</el-button
                     >
-                    <el-button
+                    <!--   <el-button
                         size="mini"
                         type="primary"
                         icon="el-icon-edit"
@@ -318,10 +349,11 @@
                         v-hasPermi="['receive:examine:nbry-sbfgs']"
                         @click="handleUpdate(scope.row, 'update')"
                         >审批</el-button
-                    >
+                    > -->
                     <el-button
                         size="mini"
-                        type="info"
+                        type="text"
+                        icon="el-icon-tickets"
                         @click="handlePrint(scope.row)"
                         >退料单</el-button
                     >
@@ -337,11 +369,11 @@
             @pagination="getList"
         />
 
-        <!-- 添加或修改参数配置对话框 -->
+        <!-- 审批对话框 -->
         <el-dialog
-            :title="title"
+            :title="dialogTitle"
             :visible.sync="open"
-            width="1000px"
+            width="90%"
             append-to-body
         >
             <el-form
@@ -349,7 +381,6 @@
                 ref="queryForm1"
                 size="small"
                 :inline="true"
-                v-show="showSearch"
                 label-width="100px"
             >
                 <el-row>
@@ -359,7 +390,7 @@
                             v-model="dialogQueryParams.unitName"
                             placeholder="请输入退料单位"
                             clearable
-                            style="width: 240px"
+                            style="width: 200px"
                         />
                     </el-form-item>
                     <el-form-item label="退料工程" prop="lotName">
@@ -368,7 +399,7 @@
                             v-model="dialogQueryParams.lotName"
                             placeholder="请输入退料工程"
                             clearable
-                            style="width: 240px"
+                            style="width: 200px"
                         />
                     </el-form-item>
                     <el-form-item label="退料协议编号" prop="agreementCode">
@@ -377,12 +408,12 @@
                             v-model="dialogQueryParams.agreementCode"
                             placeholder="请输入退料协议编号"
                             clearable
-                            style="width: 240px"
+                            style="width: 200px"
                         />
                     </el-form-item>
                     <el-form-item label="预退料时间" prop="backTime">
                         <el-date-picker
-                            style="width: 240px"
+                            style="width: 200px"
                             disabled
                             v-model="dialogQueryParams.backTime"
                             type="date"
@@ -399,7 +430,7 @@
                             v-model="dialogQueryParams.backPerson"
                             placeholder="请输入退料人"
                             clearable
-                            style="width: 240px"
+                            style="width: 200px"
                         />
                     </el-form-item>
                     <el-form-item label="退料人电话" prop="phone">
@@ -408,18 +439,15 @@
                             v-model="dialogQueryParams.phone"
                             placeholder="请输入退料人电话"
                             clearable
-                            style="width: 240px"
+                            style="width: 200px"
                         />
                     </el-form-item>
-                </el-row>
-
-                <el-row>
                     <el-form-item label="关键字" prop="keyWord">
                         <el-input
                             v-model="dialogQueryParams.keyWord"
                             placeholder="请输入关键字"
                             clearable
-                            style="width: 240px"
+                            style="width: 200px"
                         />
                     </el-form-item>
                     <el-form-item>
@@ -440,7 +468,7 @@
                 </el-row>
             </el-form>
 
-            <el-table v-loading="loading" :data="loadingList" height="400px">
+            <el-table v-loading="loading" :data="loadingList">
                 <el-table-column type="selection" width="55" align="center" />
                 <el-table-column label="序号" align="center" type="index" />
                 <el-table-column
@@ -476,13 +504,13 @@
                 </el-table-column>
             </el-table>
 
-            <pagination
+            <!-- <pagination
                 v-show="loadingTotal > 0"
                 :total="loadingTotal"
                 :page.sync="dialogQueryParams.pageNum"
                 :limit.sync="dialogQueryParams.pageSize"
                 @pagination="getDialogList"
-            />
+            /> -->
 
             <div
                 slot="footer"
@@ -490,9 +518,13 @@
                 style="text-align: center"
                 v-if="loadingType == 'update' && loadingList.length > 0"
             >
-                <el-button type="primary" @click="submitForm">通过</el-button>
+                <el-button size="mini" type="primary" @click="submitForm"
-                <el-button type="danger" @click="submitForm2">不通过</el-button>
+                    >通 过</el-button
-                <el-button @click="cancel">取消</el-button>
+                >
+                <el-button size="mini" type="danger" @click="submitForm2"
+                    >驳 回</el-button
+                >
+                <el-button size="mini" @click="cancel">取消</el-button>
             </div>
         </el-dialog>
 
@@ -506,7 +538,7 @@
         <!-- 提交 -->
         <el-dialog
             v-loading.fullscreen.lock="fullscreenLoading"
-            :title="title"
+            title="title"
             :visible.sync="openOne"
             append-to-body
             width="400px"
@@ -668,6 +700,9 @@
                 loadingTotal: 0,
                 rowObj: {},
                 loadingType: '',
+
+                /* 对话框标题 */
+                dialogTitle: '',
             }
         },
         created() {
@@ -740,6 +775,7 @@
             },
             /** 修改按钮操作 */
             handleUpdate(row, type) {
+                this.dialogTitle = '退料审批'
                 this.dialogQueryParams.unitName = row.unitName
                 this.dialogQueryParams.lotName = row.lotName
                 this.dialogQueryParams.agreementCode = row.agreementCode
@@ -754,6 +790,7 @@
                 this.getDialogList()
             },
             handleSee(row, type) {
+                this.dialogTitle = '退料查看'
                 this.dialogQueryParams.unitName = row.unitName
                 this.dialogQueryParams.lotName = row.lotName
                 this.dialogQueryParams.agreementCode = row.agreementCode
@@ -806,76 +843,84 @@
                     return
                 }
 
-      let params = {
+                let params = {
-        ids: this.rowObj.id,
+                    ids: this.rowObj.id,
-        backApplyDetails:this.loadingList
+                    backApplyDetails: this.loadingList,
-      }
+                }
-      // console.log(params)
+                // console.log(params)
-      ApiBackApplyAudit(params).then(res => {
+                ApiBackApplyAudit(params)
-        if (res.code == 200) {
+                    .then((res) => {
-          this.open = false
+                        if (res.code == 200) {
-          this.getList()
+                            this.open = false
-        }
+                            this.getList()
-      }).catch(() => { })
+                        }
-    },
+                    })
-        /** 提交按钮 拒绝 */
+                    .catch(() => {})
-    submitForm2() {
+            },
-      const isNum = this.loadingList.some(
+            /** 提交按钮 拒绝 */
-      (item) => item.num == '' || item.num == undefined
+            submitForm2() {
-      );
+                const isNum = this.loadingList.some(
-      if (isNum) {
+                    (item) => item.num == '' || item.num == undefined,
-        this.$message.error('退料数量不能为空！');
+                )
-        return;
+                if (isNum) {
-      }
+                    this.$message.error('退料数量不能为空！')
-      let params = {
+                    return
-        ids: this.rowObj.id
+                }
-      }
+                let params = {
-      ApiBackApplyRefuse(params).then(res => {
+                    ids: this.rowObj.id,
-        if (res.code == 200) {
+                }
-          this.open = false
+                ApiBackApplyRefuse(params)
-          this.getList()
+                    .then((res) => {
-        }
+                        if (res.code == 200) {
-      }).catch(() => { })
+                            this.open = false
-    },
+                            this.getList()
-    handleAdd() {
+                        }
-      let params = {
+                    })
-        ids: this.rowObj.id
+                    .catch(() => {})
-      }
+            },
-      ApiBackApplyAudit(params).then(res => {
+            handleAdd() {
-        if (res.code == 200) {
+                let params = {
-          this.open = false
+                    ids: this.rowObj.id,
-          this.$message.error(res.msg);
+                }
-          this.getList()
+                ApiBackApplyAudit(params)
-        }
+                    .then((res) => {
-      }).catch(() => { })
+                        if (res.code == 200) {
-    },
+                            this.open = false
-    selectable(row){
+                            this.$message.error(res.msg)
-      if(row.taskStatus==37){
+                            this.getList()
-        return true
+                        }
-      }else{
+                    })
-        return false
+                    .catch(() => {})
-      }
+            },
-    },
+            selectable(row) {
-    checkNum(row){
+                if (row.taskStatus == 37) {
-        const maxNum = row.num;
+                    return true
-      if(row.num<=1){
+                } else {
-        row.num = 1;
+                    return false
-      }else if(row.num>=maxNum){
+                }
-        row.num = maxNum;
+            },
-      }
+            checkNum(row) {
-    },
+                const maxNum = row.num
-    handleExam() {
+                if (row.num <= 1) {
-      let params = {
+                    row.num = 1
-        ids: this.ids.join(',')
+                } else if (row.num >= maxNum) {
-      }
+                    row.num = maxNum
-      ApiBackApplyAudit(params).then(res => {
+                }
-        if (res.code == 200) {
+            },
-          this.ids = []
+            handleExam() {
-          this.$message.error(res.msg);
+                let params = {
-          this.getList()
+                    ids: this.ids.join(','),
-        }
+                }
-      }).catch(() => { })
+                ApiBackApplyAudit(params)
-    },
+                    .then((res) => {
+                        if (res.code == 200) {
+                            this.ids = []
+                            this.$message.error(res.msg)
+                            this.getList()
+                        }
+                    })
+                    .catch(() => {})
+            },
 
             /** 删除按钮操作 */
             handleDelete(row) {

sgzb-ui/src/views/index.vue

@@ -174,9 +174,11 @@
                     </el-row>
                 </el-form-item>
                 <el-form-item label="通知内容：">
-                    <div class="message-info">{{
+                    <div
-                        sendMessageParams.message
+                        class="message-info"
-                    }}</div>
+                        v-html="sendMessageParams.message"
+                    >
+                    </div>
                 </el-form-item>
             </el-form>
             <div slot="footer" class="dialog-footer">
@@ -330,7 +332,7 @@
                     })
                 })
 
-                this.sendMessageParams.message = `宁夏送变电工程有限公司提示：您有一条任务单号为 ${taskCode} 的待办任务未处理，请及时处理。`
+                this.sendMessageParams.message = `宁夏送变电工程有限公司提示：您有一条任务单号为 <span style="color:#529b2e">${taskCode}</span> 的待办任务未处理，请及时处理。`
                 this.sendMessageParams.taskId = taskId
 
                 this.urgingDialogVisible = true
@@ -369,6 +371,8 @@
         border: 1px solid #ccc;
         letter-spacing: 1px;
         border-radius: 3px;
+        font-size: 16px;
+        font-weight: bold;
     }
 
     .addressee {

sgzb-ui/src/views/scrapManage/Inventory/index.vue

@@ -1,12 +1,21 @@
 <template>
-    <div>
+    <div class="app-container">
-        <!-- 盘点报废 -->
         盘点报废
+        <!-- 盘点报废 -->
+        <!-- <FormModel />
+        <TableModel /> -->
     </div>
 </template>
 
 <script>
-    export default {}
+    import FormModel from '../component/formModel.vue'
+    import TableModel from '../component/tableModel.vue'
+    export default {
+        components: {
+            FormModel,
+            TableModel,
+        },
+    }
 </script>
 
 <style></style>

sgzb-ui/src/views/scrapManage/component/dialogModel.vue

@@ -0,0 +1,84 @@
+<template>
+    <div>
+        <el-dialog
+            :width="width"
+            :title="title"
+            :visible.sync="dialogVisible"
+            :before-close="handleClose"
+            append-to-body
+        >
+            <slot></slot>
+            <slot name="preview"></slot>
+            <slot name="handleBtn"></slot>
+
+            <!-- 内层对话框 -->
+            <el-dialog
+                :title="innerTitle"
+                :width="innerWidth"
+                :visible.sync="innerDialogVisible"
+                :before-close="handleCloseInner"
+                append-to-body
+            >
+                <slot name="innerContent"></slot>
+                <slot name="innerHandleBtn"></slot>
+            </el-dialog>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+    export default {
+        props: {
+            title: {
+                type: String,
+                default: () => {
+                    return ''
+                },
+            },
+            innerTitle: {
+                type: String,
+                default: () => {
+                    return ''
+                },
+            },
+            dialogVisible: {
+                type: Boolean,
+                default: () => {
+                    return false
+                },
+            },
+            innerDialogVisible: {
+                type: Boolean,
+                default: () => {
+                    return false
+                },
+            },
+            width: {
+                type: String,
+                default: () => {
+                    return '70%'
+                },
+            },
+            innerWidth: {
+                type: String,
+                default: () => {
+                    return '30%'
+                },
+            },
+        },
+        methods: {
+            /* 右上角关闭外层 */
+            handleClose() {
+                /* 通知父组件更改弹框显示值 */
+                this.$emit('closeDialog', false)
+            },
+            /* 右上角关闭内层 */
+            handleCloseInner() {
+                /* 通知父组件更改弹框显示值 */
+                this.$emit('closeDialogInner', false)
+            },
+        },
+    }
+</script>
+
+<style></style>

sgzb-ui/src/views/scrapManage/component/formModel.vue

@@ -0,0 +1,133 @@
+<template>
+    <!-- 查询表单 -->
+    <div>
+        <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            label-width="100px"
+        >
+            <el-form-item
+                v-for="(item, v) in formLabel"
+                :key="v"
+                :label="item.f_label"
+                :prop="item.f_model"
+            >
+                <el-input
+                    v-if="item.f_type === 'ipt'"
+                    v-model="queryParams[item.f_model]"
+                    :placeholder="`请输入${item.f_label}`"
+                    clearable
+                    style="width: 240px"
+                />
+                <el-select
+                    v-if="item.f_type === 'sel'"
+                    v-model="queryParams[item.f_model]"
+                    clearable
+                    filterable
+                    style="width: 240px"
+                    :placeholder="`请选择${item.f_label}`"
+                >
+                    <el-option
+                        v-for="(sel, v) in item.f_selList"
+                        :key="v"
+                        :label="sel.label"
+                        :value="sel.value"
+                    />
+                </el-select>
+                <el-cascader
+                    v-if="item.f_type === 'selCas'"
+                    :options="item.f_selList"
+                    :props="item.optionProps"
+                    :show-all-levels="false"
+                    clearable
+                    style="width: 240px"
+                />
+                <el-date-picker
+                    v-if="item.f_type === 'date'"
+                    v-model="queryParams[item.f_model]"
+                    style="width: 240px"
+                    value-format="yyyy-MM-dd"
+                    type="daterange"
+                    range-separator="-"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                />
+            </el-form-item>
+            <el-form-item>
+                <el-button
+                    type="primary"
+                    icon="el-icon-search"
+                    size="mini"
+                    @click="handleQuery"
+                    >查询</el-button
+                >
+                <el-button
+                    type="warning"
+                    icon="el-icon-refresh"
+                    size="mini"
+                    @click="resetQuery"
+                    >重置</el-button
+                >
+            </el-form-item>
+        </el-form>
+
+        <el-row :gutter="10" class="mb8" v-if="exportShow">
+            <slot></slot>
+            <el-col :span="1.5">
+                <el-button
+                    type="success"
+                    plain
+                    icon="el-icon-download"
+                    size="mini"
+                    >导出数据</el-button
+                >
+            </el-col>
+        </el-row>
+    </div>
+</template>
+
+<script>
+    export default {
+        props: {
+            formLabel: {
+                type: Array,
+                default: () => {
+                    return []
+                },
+            },
+            /* 导出等按钮展示 */
+            exportShow: {
+                type: Boolean,
+                default: () => {
+                    return false
+                },
+            },
+        },
+        data() {
+            return {
+                queryParams: {},
+            }
+        },
+        created() {
+            this.formLabel.map((e) => {
+                this.$set(this.queryParams, e.f_model, '')
+            })
+        },
+        methods: {
+            /* 查询按钮 */
+            handleQuery() {
+                console.log('查询')
+                this.$emit('queryList', this.queryParams)
+            },
+            /* 重置按钮 */
+            resetQuery() {
+                this.$refs.queryForm.resetFields()
+                this.$emit('queryList', this.queryParams, 'reset')
+            },
+        },
+    }
+</script>
+
+<style></style>

sgzb-ui/src/views/scrapManage/component/selDepart.vue

@@ -0,0 +1,220 @@
+<template>
+    <!-- 部门选择框 -->
+    <div>
+        <el-row :gutter="20" type="flex" justify="space-around">
+            <el-col :span="11" :xs="24" class="depart-left">
+                <div class="head-container">
+                    <el-input
+                        v-model="deptName"
+                        placeholder="请输入部门名称"
+                        clearable
+                        size="small"
+                        prefix-icon="el-icon-search"
+                        style="margin-bottom: 20px"
+                    />
+                </div>
+
+                <div class="tree-content">
+                    <el-tree
+                        :data="deptOptions"
+                        :props="defaultProps"
+                        :expand-on-click-node="false"
+                        :filter-node-method="filterNode"
+                        ref="tree"
+                        node-key="id"
+                        default-expand-all
+                        highlight-current
+                        @node-click="handleNodeClick"
+                    />
+                </div>
+            </el-col>
+            <el-col :span="11" :xs="24" class="depart-right">
+                <div class="head-container right-header">
+                    <div>
+                        <span>已选</span>
+                        <span
+                            >{{ selDeptAmount }}/<i>{{ deptAmount }}</i></span
+                        >
+                    </div>
+
+                    <el-button type="text" size="mini" @click="clearDeptList()">
+                        清空
+                    </el-button>
+                </div>
+
+                <ul class="right-container">
+                    <li v-for="(dept, v) in selDeptList" :key="dept.id">
+                        <span>{{ dept.label }}</span>
+                        <el-button
+                            type="text"
+                            icon="el-icon-close"
+                            size="mini"
+                            @click="deleteDept(v)"
+                        />
+                    </li>
+                </ul>
+            </el-col>
+        </el-row>
+
+        <el-row class="footer-btn">
+            <el-button size="mini" plain @click="handelCancel()"
+                >取 消</el-button
+            >
+            <el-button size="mini" plain type="primary" @click="handelSubmit()"
+                >确 定</el-button
+            >
+        </el-row>
+    </div>
+</template>
+
+<script>
+    import { deptTreeSelect } from '@/api/system/user'
+    export default {
+        data() {
+            return {
+                deptName: '',
+                deptOptions: [],
+                defaultProps: {
+                    children: 'children',
+                    label: 'label',
+                },
+                deptAmount: 0,
+                selDeptAmount: 0,
+                selDeptList: [],
+            }
+        },
+        created() {
+            this.getDeptTree()
+        },
+        methods: {
+            /** 查询部门下拉树结构 */
+            getDeptTree() {
+                deptTreeSelect().then((res) => {
+                    this.deptOptions = res.data
+                    this.getNodeAmount(res.data)
+                })
+            },
+            // 节点单击事件
+            handleNodeClick(data) {
+                if (this.selDeptList.length < 1) {
+                    this.selDeptList.push(data)
+                } else {
+                    let temp = false
+                    this.selDeptList.forEach((e) => {
+                        if (e.id === data.id) {
+                            temp = true
+                        }
+                    })
+
+                    console.log(temp, 'temp')
+                    if (temp) {
+                        this.$message.error('该单位已选择，不可重复选择')
+                        return
+                    } else {
+                        this.selDeptList.push(data)
+                    }
+                }
+
+                this.selDeptAmount++
+            },
+            // 筛选节点
+            filterNode(value, data) {
+                if (!value) return true
+                return data.label.indexOf(value) !== -1
+            },
+
+            /* 递归部门获取所有数据 */
+            getNodeAmount(list) {
+                list.map((e) => {
+                    if (e.children) {
+                        this.deptAmount += e.children.length
+                        this.getNodeAmount(e.children)
+                    }
+                })
+            },
+            /* 清空按钮 */
+            clearDeptList() {
+                this.selDeptAmount = 0
+                this.selDeptList = []
+            },
+            /* 清除某一个 */
+            deleteDept(index) {
+                this.selDeptAmount -= 1
+                this.selDeptList.splice(index, 1)
+            },
+
+            /* 取消按钮 */
+            handelCancel() {
+                this.selDeptList = []
+                this.$emit('closeDepartSel', false)
+            },
+            /* 确定按钮 */
+            handelSubmit() {
+                this.$emit('closeDepartSel', false, this.selDeptList)
+                this.selDeptList = []
+            },
+        },
+        watch: {
+            // 根据名称筛选部门树
+            deptName(val) {
+                this.$refs.tree.filter(val)
+            },
+        },
+    }
+</script>
+
+<style scoped lang="scss">
+    .depart-left {
+        border: 1px solid #f2f2f2;
+        padding: 0 !important;
+    }
+    .head-container {
+        height: 60px;
+        line-height: 60px;
+        text-align: center;
+        background-color: #f2f2f2;
+    }
+    ::v-deep .el-input {
+        margin-bottom: 0 !important;
+        width: 90%;
+    }
+    ::v-deep .el-input--small .el-input__inner {
+        border-radius: 32px;
+    }
+
+    .tree-content {
+        padding: 15px;
+    }
+
+    .depart-right {
+        border: 1px solid #f2f2f2;
+    }
+
+    .right-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 0 15px;
+
+        span {
+            margin-left: 5px;
+            letter-spacing: 1px;
+        }
+    }
+
+    .right-container {
+        padding: 15px;
+
+        li {
+            padding: 8px 0;
+            display: flex;
+            align-content: center;
+            justify-content: space-between;
+        }
+    }
+
+    .footer-btn {
+        padding: 15px 5px 0;
+        text-align: right;
+    }
+</style>

sgzb-ui/src/views/scrapManage/component/tableModel.vue

@@ -0,0 +1,155 @@
+<template>
+    <div>
+        <FormModel
+            :formLabel="formLabel"
+            @queryList="queryList"
+            :exportShow="exportShow"
+        >
+            <template>
+                <slot name="submitScrap"></slot>
+            </template>
+        </FormModel>
+        <el-table
+            :data="tableList"
+            border
+            ref="tableRef"
+            @selection-change="handleSelectionChange"
+        >
+            <el-table-column
+                type="selection"
+                width="45"
+                align="center"
+                v-if="isSelShow"
+            />
+            <el-table-column
+                :type="v === 0 ? 'index' : ''"
+                v-for="(item, v) in tableProps"
+                :key="v"
+                :label="item.t_label"
+                :prop="item.t_props"
+                :width="item.t_width"
+                align="center"
+            />
+            <el-table-column
+                align="center"
+                label="操作"
+                v-if="handleColShow"
+                :width="handleWidth"
+            >
+                <template slot-scope="{ row }">
+                    <slot :data="row"></slot>
+                </template>
+            </el-table-column>
+        </el-table>
+        <pagination
+            v-if="pageShow"
+            :total="total"
+            :page.sync="pageParams.pageNum"
+            :limit.sync="pageParams.pageSize"
+            @pagination="queryList"
+        />
+    </div>
+</template>
+
+<script>
+    import FormModel from './formModel.vue'
+    export default {
+        components: {
+            FormModel,
+        },
+        props: {
+            tableProps: {
+                type: Array,
+                default: () => {
+                    return []
+                },
+            },
+            formLabel: {
+                type: Array,
+                default: () => {
+                    return []
+                },
+            },
+            sendApi: {
+                type: Function,
+                default: () => {
+                    return function () {}
+                },
+            },
+            handleColShow: {
+                type: Boolean,
+                default: () => {
+                    return true
+                },
+            },
+            exportShow: {
+                type: Boolean,
+                default: () => {
+                    return false
+                },
+            },
+            pageShow: {
+                type: Boolean,
+                default: () => {
+                    return false
+                },
+            },
+            /* 是否需要复选框 */
+            isSelShow: {
+                type: Boolean,
+                default: () => {
+                    return false
+                },
+            },
+            /* 操作栏宽度 */
+            handleWidth: {
+                type: String,
+                default: () => {
+                    return ''
+                },
+            },
+        },
+        data() {
+            return {
+                total: 1,
+                tableList: [
+                    { demo: 555 },
+                    { demo: 555 },
+                    { demo: 555 },
+                    { demo: 555 },
+                    { demo: 555 },
+                ],
+                pageParams: {
+                    pageNum: 1,
+                    pageSize: 10,
+                },
+            }
+        },
+        methods: {
+            async queryList(val, reset) {
+                if (reset) {
+                    this.pageParams.pageNum = 1
+                    this.pageParams.pageSize = 10
+                }
+                var params = Object.assign(val, this.pageParams)
+                params.beginTime = params.time[0]
+                params.endTime = params.time[1]
+                const res = await this.sendApi(params)
+                console.log(res, '列表数据')
+                console.log('查询列表---', val)
+            },
+
+            /* 表格复选框 */
+            handleSelectionChange(row) {
+                console.log(row, '列表复选框')
+                this.$emit('getTableSelectionChange', row)
+            },
+            /* 清除选中状态 */
+            clearSelType() {
+                this.$refs.tableRef.clearSelection()
+            },
+        },
+    }
+</script>
+
+<style></style>

sgzb-ui/src/views/scrapManage/forecastWaste/auditing.vue

@@ -0,0 +1,236 @@
+<template>
+    <div class="app-container">
+        <!-- 预报废审核 -->
+        <TableModel
+            :tableProps="config.tableProps"
+            :sendApi="getForecastWasteListApi"
+            :formLabel="config.formLabel"
+            :exportShow="true"
+            :pageShow="true"
+            :isSelShow="true"
+            @getTableSelectionChange="getTableSelChangeOuter"
+        >
+            <template slot-scope="{ data }">
+                <el-button type="text" size="mini" @click="handlePreview(data)"
+                    >查看</el-button
+                >
+                <el-button type="text" size="mini" @click="handleAuditing(data)"
+                    >审核</el-button
+                >
+            </template>
+        </TableModel>
+
+        <DialogModel
+            :title="title"
+            :innerTitle="innerTitle"
+            :dialogVisible="dialogVisible"
+            :innerDialogVisible="innerDialogVisible"
+            :width="dialogWidth"
+            :innerWidth="`50%`"
+            @closeDialog="closeDialog"
+            @closeDialogInner="closeDialogInner"
+        >
+            <template slot="preview">
+                <TableModel
+                    :tableProps="config.previewTableProps"
+                    :sendApi="getDialogListApi"
+                    :handleColShow="false"
+                    :formLabel="config.previewFormLabel"
+                    :isSelShow="isSelShow"
+                    ref="auditingTableRef"
+                    @getTableSelectionChange="getTableSelChangeInner"
+                >
+                </TableModel>
+            </template>
+            <template slot="handleBtn" v-if="handleBtn">
+                <el-row class="handle-btn">
+                    <el-button size="mini" type="primary" @click="auditingPass"
+                        >通 过</el-button
+                    >
+                    <el-button
+                        size="mini"
+                        type="warning"
+                        @click="auditingReject"
+                        >驳 回</el-button
+                    >
+                </el-row>
+            </template>
+            <template slot="innerContent">
+                <el-row>
+                    <el-col :span="4">请输入驳回原因</el-col>
+                    <el-col :span="20">
+                        <el-input
+                            v-model="rejectReason"
+                            type="textarea"
+                            :rows="6"
+                            ref="rejectReasonRef"
+                        />
+                    </el-col>
+                </el-row>
+            </template>
+
+            <template slot="innerHandleBtn">
+                <el-row class="handle-btn">
+                    <el-button size="mini" plain @click="handleCancelInner"
+                        >取 消</el-button
+                    >
+                    <el-button
+                        size="mini"
+                        type="warning"
+                        @click="handleSubmitInner"
+                        >保 存</el-button
+                    >
+                </el-row>
+            </template>
+        </DialogModel>
+    </div>
+</template>
+
+<script>
+    import TableModel from '../component/tableModel.vue'
+    import DialogModel from '../component/dialogModel.vue'
+    import { getSelList } from './index.js'
+    import config from './index'
+    import {
+        getForecastWasteListApi,
+        getDialogListApi,
+    } from '@/api/scrap/forecastWaste.js'
+    export default {
+        name: 'scrapAuditing',
+        components: {
+            TableModel,
+            DialogModel,
+        },
+
+        data() {
+            return {
+                config,
+                /* 主页列表接口 */
+                getForecastWasteListApi,
+                /* 弹框内列表接口 */
+                getDialogListApi,
+                /* 弹框标题 */
+                title: '查看',
+                /* 内层弹框标题 */
+                innerTitle: '',
+                /* 弹框显示隐藏 */
+                dialogVisible: false,
+                /* 内层弹框显示隐藏 */
+                innerDialogVisible: false,
+                /* 弹框宽度 */
+                dialogWidth: '70%',
+                /* 弹框内查询条件 */
+                typeName: '',
+                /* 审核通过与驳回按钮的控制显示 */
+                handleBtn: false,
+                /* 驳回原因 */
+                rejectReason: '',
+                /* 表格是否需要复选框 */
+                isSelShow: true,
+                /* 选中的审核数据 */
+                selAuditingList: [],
+                getSelList,
+            }
+        },
+        created() {
+            /* 获取表单的下拉数据 */
+            this.getSelList()
+        },
+        methods: {
+            /* 查看 */
+            handlePreview(val) {
+                console.log(val, '查看')
+                this.title = '查看'
+                this.isSelShow = false
+                this.dialogVisible = true
+            },
+            /* 审核 */
+            handleAuditing(val) {
+                this.title = '审核'
+                this.isSelShow = true
+                this.handleBtn = true
+                console.log(val, '审核')
+                this.dialogVisible = true
+            },
+            /* 自定义事件关闭弹框 (外层) */
+            closeDialog(val) {
+                this.dialogVisible = val
+            },
+            /* 自定义事件关闭弹框 (内层) */
+            closeDialogInner(val) {
+                this.innerDialogVisible = val
+            },
+            /* 审核通过 */
+            auditingPass() {
+                if (this.selAuditingList.length < 1) {
+                    this.$message.error('请勾选审核设备')
+                    return
+                }
+                console.log('审核通过')
+                this.dialogVisible = false
+            },
+            /* 审核驳回 */
+            auditingReject() {
+                if (this.selAuditingList.length < 1) {
+                    this.$message.error('请勾选审核设备')
+                    return
+                }
+                console.log('审核驳回')
+                this.innerTitle = '驳回原因'
+                this.innerDialogVisible = true
+            },
+
+            /* 驳回原因弹框内取消按钮 */
+            handleCancelInner() {
+                /* 关闭内弹框 */
+                this.innerDialogVisible = false
+            },
+            /* 驳回弹框内保存按钮 */
+            handleSubmitInner() {
+                if (!this.rejectReason) {
+                    this.$message.error('驳回原因不能为空！')
+                    this.$refs.rejectReasonRef.focus()
+                    return
+                } else {
+                    this.innerDialogVisible = false
+                }
+            },
+            /* 主页列表复选框勾选事件 */
+            getTableSelChangeOuter(list) {
+                console.log(list, '主页列表勾选数据')
+            },
+            /* 审核时列表复选框勾选事件 */
+            getTableSelChangeInner(list) {
+                console.log(list, '审核列表勾选数据')
+                this.selAuditingList = list
+            },
+        },
+        watch: {
+            /* 监听驳回原因弹框关闭 清空驳回原因内容 */
+            innerDialogVisible: {
+                handler(newVal) {
+                    if (!newVal) {
+                        this.rejectReason = ''
+                    }
+                },
+            },
+            /* 监听审核弹框关闭 清空列表的复选框选中状态 */
+            dialogVisible: {
+                handler(newVal) {
+                    if (!newVal) {
+                        this.$refs.auditingTableRef.clearSelType()
+                    }
+                },
+            },
+        },
+    }
+</script>
+
+<style scoped>
+    .handle-btn {
+        margin-top: 15px;
+        padding-top: 8px;
+        text-align: right;
+        border-top: 1px solid #393737;
+    }
+</style>

sgzb-ui/src/views/scrapManage/forecastWaste/index.js

@@ -0,0 +1,130 @@
+
+import {
+    getUnitInfoSelectApi,
+    listPartTypeApi,
+} from '@/api/repairTest/repair'
+import { getProjectList } from '@/api/claimAndRefund/receive'
+
+let unitList = []  //单位下拉数据
+let proList = [] //工程下拉数据
+let typeList = [] //类型下拉数据
+const config = {
+    /* 预报废审核主页 列表参数 */
+    tableProps: [
+        { t_width: '55px', t_props: '', t_label: '序号' },
+        { t_width: '', t_props: 'demo', t_label: '预报废单号' },
+        { t_width: '', t_props: '', t_label: '报废来源' },
+        { t_width: '', t_props: '', t_label: '单号' },
+        { t_width: '', t_props: '', t_label: '退料单位名称' },
+        { t_width: '', t_props: '', t_label: '退料工程名称' },
+        { t_width: '', t_props: '', t_label: '设备类型' },
+        { t_width: '', t_props: '', t_label: '任务创建人' },
+        { t_width: '', t_props: '', t_label: '任务创建时间' },
+        { t_width: '', t_props: '', t_label: '审核状态' },
+        { t_width: '', t_props: '', t_label: '不通过原因' },
+    ],
+    /* 预报废审核主页表单 查询参数 */
+    formLabel: [
+        { f_label: '关键字', f_model: 'keywords', f_type: 'ipt' },
+        { f_label: '单位名称', f_model: 'backUnit', f_type: 'sel', f_selList: [] },
+        { f_label: '工程名称', f_model: 'backPro', f_type: 'sel', f_selList: [] },
+        { f_label: '工机具类型', f_model: 'type', f_type: 'selCas', f_selList: [], optionProps: { value: 'id', } },
+        { f_label: '报废来源', f_model: 'laiyuan', f_type: 'sel', f_selList: [] },
+        { f_label: '审批状态', f_model: 'shentype', f_type: 'sel', f_selList: [] },
+        { f_label: '创建时间', f_model: 'time', f_type: 'date' },
+    ],
+    /* 预报废审核弹框内 列表参数 */
+    previewTableProps: [
+        { t_width: '55px', t_props: '', t_label: '序号' },
+        { t_width: '', t_props: 'demo', t_label: '设备类型' },
+        { t_width: '', t_props: '', t_label: '设备编码' },
+        { t_width: '', t_props: '', t_label: '设备数量' },
+        { t_width: '', t_props: '', t_label: '审批状态' },
+        { t_width: '', t_props: '', t_label: '报废原因' },
+        { t_width: '', t_props: '', t_label: '报废图片' },
+        { t_width: '', t_props: '', t_label: '备注' },
+    ],
+    /* 预报废审核弹框表单 查询参数 */
+    previewFormLabel: [
+        { f_label: '类型名称', f_model: 'keywords', f_type: 'ipt' },
+    ],
+
+    /* 预报废列表主页 列表参数 */
+    listingTableProps: [
+        { t_width: '55px', t_props: '', t_label: '序号' },
+        { t_width: '', t_props: 'demo', t_label: '预报废单号' },
+        { t_width: '', t_props: '', t_label: '报废类型' },
+        { t_width: '', t_props: '', t_label: '预报废审核单号' },
+        { t_width: '', t_props: '', t_label: '退料单位名称' },
+        { t_width: '', t_props: '', t_label: '退料单位名称' },
+        { t_width: '', t_props: '', t_label: '退料工程名称' },
+        { t_width: '', t_props: '', t_label: '机具类型' },
+        { t_width: '', t_props: '', t_label: '任务创建人' },
+        { t_width: '', t_props: '', t_label: '任务创建时间' },
+        { t_width: '', t_props: '', t_label: '审核状态' },
+    ],
+    /* 预报废列表主页表单 查询参数 */
+    listingFormLabel: [
+        { f_label: '关键字', f_model: 'keywords', f_type: 'ipt' },
+        { f_label: '单位名称', f_model: 'backUnit', f_type: 'sel', f_selList: [] },
+        { f_label: '工程名称', f_model: 'backPro', f_type: 'sel', f_selList: [] },
+        { f_label: '工机具类型', f_model: 'type', f_type: 'selCas', f_selList: [], optionProps: { value: 'id', } },
+        { f_label: '报废单号', f_model: 'laiyuan', f_type: 'ipt', f_selList: [] },
+        { f_label: '审批状态', f_model: 'shentype', f_type: 'sel', f_selList: [] },
+        { f_label: '创建时间', f_model: 'time', f_type: 'date' },
+        { f_label: '报废类型', f_model: 'shentype', f_type: 'sel', f_selList: [] },
+    ],
+    /* 预报废列表查看弹框内 列表参数 */
+    previewTableProps: [
+        { t_width: '55px', t_props: '', t_label: '序号' },
+        { t_width: '', t_props: 'demo', t_label: '设备类型' },
+        { t_width: '', t_props: '', t_label: '规格型号' },
+        { t_width: '', t_props: '', t_label: '设备编码' },
+        { t_width: '', t_props: '', t_label: '设备数量' },
+        { t_width: '', t_props: '', t_label: '报废原因' },
+        { t_width: '', t_props: '', t_label: '报废图片' },
+        { t_width: '', t_props: '', t_label: '备注' },
+    ],
+}
+
+export const getSelList = () => {
+    new Promise(async (resolve) => {
+        const { data: unitRes } = await getUnitInfoSelectApi()
+        unitList = unitRes.map((e) => {
+            e.value = e.unitId
+            e.label = e.unitName
+            return e
+        })
+        const { data: proRes } = await getProjectList()
+        proList = proRes.map((e) => {
+            e.value = e.projectId
+            e.label = e.projectName
+            return e
+        })
+        const { data: typeRes } = await listPartTypeApi()
+        typeList = typeRes
+        resolve()
+    }).then(() => {
+        config.formLabel.map((item) => {
+            if (item.f_model === 'backUnit') {
+                item.f_selList = unitList
+                return item
+            }
+            if (item.f_model === 'backPro') {
+                item.f_selList = proList
+                return item
+            }
+            if (item.f_model === 'type') {
+                item.f_selList = typeList
+                return item
+            }
+        })
+    }).catch(() => {
+
+    })
+
+
+
+}
+
+export default config

sgzb-ui/src/views/scrapManage/forecastWaste/index.vue

@@ -1,12 +0,0 @@
-<template>
-    <div>
-        <!-- 预报废管理 -->
-        预报废管理
-    </div>
-</template>
-
-<script>
-    export default {}
-</script>
-
-<style></style>

sgzb-ui/src/views/scrapManage/forecastWaste/listing.vue

@@ -0,0 +1,168 @@
+<template>
+    <div class="app-container">
+        <!-- 预报废列表 -->
+        <TableModel
+            :tableProps="config.listingTableProps"
+            :formLabel="config.listingFormLabel"
+            :exportShow="true"
+            :pageShow="true"
+            :isSelShow="true"
+            :handleWidth="`180px`"
+            @getTableSelectionChange="getTableSelectionChange"
+        >
+            <template slot="submitScrap">
+                <el-col :span="1.5">
+                    <el-button
+                        type="warning"
+                        plain
+                        size="mini"
+                        @click="submitScrap"
+                        >提交报废</el-button
+                    >
+                </el-col>
+            </template>
+
+            <template slot-scope="{ data }">
+                <el-button
+                    v-for="btn in handleBtn"
+                    :key="btn.id"
+                    type="text"
+                    size="mini"
+                    @click="handleBtnEvent(data, btn.id)"
+                    >{{ btn.btn_title }}</el-button
+                >
+            </template>
+        </TableModel>
+
+        <!-- 查看弹框 -->
+        <DialogModel
+            :title="title"
+            :dialogVisible="dialogVisible"
+            :width="dialogWidth"
+            @closeDialog="closeDialog"
+        >
+            <!-- 查看内容 -->
+            <template slot="preview" v-if="previewDetails">
+                <TableModel
+                    :tableProps="config.previewTableProps"
+                    :handleColShow="false"
+                    :formLabel="config.previewFormLabel"
+                >
+                </TableModel
+            ></template>
+
+            <!-- 审批详情 -->
+            <template v-if="auditingShow">
+                <el-table :data="audDetails">
+                    <el-table-column
+                        prop="title"
+                        align="center"
+                        label="审批部门"
+                    />
+                    <el-table-column
+                        prop="result"
+                        align="center"
+                        label="审批状态"
+                    />
+                    <el-table-column align="center" label="审批意见" />
+                </el-table>
+            </template>
+
+            <!-- 部门选择 -->
+            <template v-if="selDepart">
+                <SelDepart @closeDepartSel="closeDepartSel" />
+            </template>
+        </DialogModel>
+    </div>
+</template>
+
+<script>
+    import TableModel from '../component/tableModel.vue'
+    import DialogModel from '../component/dialogModel.vue'
+    import SelDepart from '../component/selDepart.vue'
+    import config from './index'
+    export default {
+        name: 'scrapListing',
+        components: {
+            TableModel,
+            DialogModel,
+            SelDepart,
+        },
+        data() {
+            return {
+                config,
+                title: '',
+                dialogWidth: '70%',
+                dialogVisible: false,
+                previewDetails: false,
+                auditingShow: false,
+                selDepart: false,
+                tableSelList: [],
+                audDetails: [
+                    { title: '测试部门', result: '通过' },
+                    { title: '施工管理审批', result: '通过' },
+                    { title: '安全检查部门', result: '通过' },
+                ],
+                handleBtn: [
+                    { btn_title: '查看', id: 1 },
+                    { btn_title: '提交报废', id: 2 },
+                    { btn_title: '审批详情', id: 3 },
+                ],
+            }
+        },
+        methods: {
+            /* 列表按钮操作 */
+            handleBtnEvent(val, id) {
+                switch (id) {
+                    case 1:
+                        this.title = '查看'
+                        this.dialogWidth = '70%'
+                        this.previewDetails = true
+                        break
+                    case 2:
+                        this.title = '选择审批部门'
+                        this.dialogWidth = '50%'
+                        this.selDepart = true
+                        break
+                    case 3:
+                        this.title = '审批详情'
+                        this.dialogWidth = '50%'
+                        this.auditingShow = true
+                        break
+                }
+
+                this.dialogVisible = true
+            },
+
+            /* 关闭弹框 */
+            closeDialog(val) {
+                this.dialogVisible =
+                    this.previewDetails =
+                    this.auditingShow =
+                    this.selDepart =
+                        val
+            },
+            /* 关闭选择审批部门弹框 */
+            closeDepartSel(val, list) {
+                console.log(list, '选择的部门')
+                this.selDepart = this.dialogVisible = val
+            },
+            /* 批量提交报废按钮 */
+            submitScrap() {
+                if (this.tableSelList.length < 1) {
+                    this.$message.error('请勾选列表数据！')
+                } else {
+                    this.dialogWidth = '50%'
+                    this.selDepart = true
+                    this.dialogVisible = true
+                }
+            },
+            /* 表格复选框选中的数据 */
+            getTableSelectionChange(val) {
+                this.tableSelList = val
+            },
+        },
+    }
+</script>
+
+<style></style>