From 31cb0c2647468edf9205a74a18bb5680ed760fa6 Mon Sep 17 00:00:00 2001
From: unknown <280848880@qq.com>
Date: 星期二, 07 十一月 2023 09:08:40 +0800
Subject: [PATCH] web苏州:1管片发运计划提交.2样式问题修改

---
 web/src/views/MaterialsIndex/components/embedded/Income.vue |  736 ++++++++++++++++++++++++++++----------------------------
 1 files changed, 368 insertions(+), 368 deletions(-)

diff --git a/web/src/views/MaterialsIndex/components/embedded/Income.vue b/web/src/views/MaterialsIndex/components/embedded/Income.vue
index 806678f..9f7111a 100644
--- a/web/src/views/MaterialsIndex/components/embedded/Income.vue
+++ b/web/src/views/MaterialsIndex/components/embedded/Income.vue
@@ -1,369 +1,369 @@
-<template>
-  <div class="main tabs_main" style="height:89%">
-    <div class="main_header">
-      <div class="header_item">
-        <span class="header_label">预埋件名称:</span>
-        <el-input v-model="search.embedmentName" placeholder="请选择预埋件名称" clearable></el-input>
-      </div>
-      <div class="header_item">
-        <span class="header_label">规格型号:</span>
-        <el-select v-model="search.embedmentModel" placeholder="请选择规格型号" clearable>
-          <el-option v-for="item in optionsNames" :key="item.id" :label="item.embedmentModel"
-            :value="item.embedmentModel">
-          </el-option>
-        </el-select>
-      </div>
-      <div class="header_item">
-        <span class="header_label">时间范围:</span>
-        <el-date-picker v-model="search.time" type="daterange" :default-time="['00:00:00', '23:59:59']" clearable
-          value-format="yyyy-MM-dd HH:mm:ss" range-separator="-" start-placeholder="起始时间" end-placeholder="结束时间">
-        </el-date-picker>
-      </div>
-      <div class="header_item">
-        <el-button icon="el-icon-search" v-if="showButton('search')" @click="searchButtonInfo(true)">查询</el-button>
-        <el-button class="search_btn" icon="el-icon-plus" v-if="showButton('insert')" @click="insertProp">新增</el-button>
-        <el-button icon="el-icon-upload2" v-if="showButton('export')" @click="exportIncomeData">导出Excel</el-button>
-        <el-button icon="el-icon-postcard" v-if="showButton('export')" @click="exportIncomeFile">导出模板</el-button>
-        <el-upload class="upload-demo" style="margin-left:10px" action="" :multiple="false" :http-request="httpRequest"
-          :show-file-list="false" :file-list="fileList">
-          <el-button icon="el-icon-download" v-if="showButton('exportIn')" :size="size">导入Excel</el-button>
-        </el-upload>
-      </div>
-    </div>
-    <div class="main_content">
-      <el-table v-loading="loading" :data="dataList" height="100%">
-        <el-table-column align="center" label="序号" width="60">
-          <template #default="scope">
-            <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="embedmentName" label="预埋件名称" align="center" width="180"></el-table-column>
-        <el-table-column prop="embedmentModel" label="规格型号" align="center" width="120"></el-table-column>
-        <el-table-column prop="changeStock" label="入库数量" align="center"></el-table-column>
-        <el-table-column prop="singlePrice" label="单价" align="center" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="amount" label="金额" align="center"></el-table-column>
-        <el-table-column prop="createTime" label="入库时间" align="center" show-overflow-tooltip></el-table-column>
-        <el-table-column prop="remark" label="备注" align="center" show-overflow-tooltip></el-table-column>
-        <el-table-column label="操作" align="center" width="140">
-          <template #default="scope">
-            <el-button class="table_btn" size="mini" v-if="showButton('update')"
-              @click="updateProp(scope.$index)">修改</el-button>
-            <el-button class="delete_btn" size="mini" v-if="showButton('delete')"
-              @click="deleteInfo(scope.row)">删除</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div class="main_footer">
-      <el-pagination background @current-change="changePageNum" @size-change="changePageSize" :current-page="pageNum"
-        :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
-        :total="total">
-      </el-pagination>
-    </div>
-    <el-dialog class="prop_dialog" :title="asyncTitle ? '新增入库' : '修改入库信息'" :close-on-click-modal="false"
-      :visible.sync="asyncVisible" width="35%">
-      <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="auto" class="rule_form">
-        <el-form-item label="预埋件名称:" prop="embedmentId">
-          <el-select v-model="ruleForm.embedmentId" :size="size" placeholder="请选择预埋件名称" @change="changeName">
-            <el-option v-for="item in optionsNames" :key="item.id"
-              :label="`${item.embedmentName} - ${item.embedmentModel}`" :value="item.id">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="规格型号:" prop="embedmentModel">
-          <el-input v-model="ruleForm.embedmentModel" placeholder="请选择规格型号" disabled></el-input>
-        </el-form-item>
-        <el-form-item label="入库数量:" prop="changeStock">
-          <el-input v-model="ruleForm.changeStock" :size="size" type="number" clearable placeholder="请输入入库数量"
-            @blur="priceChange"></el-input>
-        </el-form-item>
-        <el-form-item label="单价:" prop="singlePrice">
-          <el-input v-model="ruleForm.singlePrice" type="number" :size="size" clearable placeholder="请输入单价"
-            @blur="priceChange"></el-input>
-        </el-form-item>
-        <el-form-item label="金额:" prop="amount">
-          <el-input v-model="ruleForm.amount" :size="size" clearable placeholder="请输入金额" :disabled="disabled"></el-input>
-        </el-form-item>
-        <el-form-item label="备注:" prop="remark">
-          <el-input v-model="ruleForm.remark" :size="size" type="textarea" :rows="2" clearable
-            placeholder="请输入备注"></el-input>
-        </el-form-item>
-      </el-form>
-      <div slot="footer">
-        <el-button @click="asyncVisible = false">取 消</el-button>
-        <el-button class="submit_btn" @click="asyncTitle ? submitInsert() : submitUpdate()">提 交</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import {buttonPinia} from '@/pinia/index';
-import {throttle, changeSize, downFiles} from '@/plugins/public'; // 导入节流、动态切换组件尺寸方法
-export default {
-  data() {
-    return {
-      size: changeSize(), // 组件尺寸
-      pageNum: 1,
-      pageSize: 10,
-      search: {},//查询条件
-      total: 0,
-      loading: false,
-      disabled: false,//是否禁止修改
-      dataList: [], //入库记录信息列表
-      asyncTitle: true, // 对话框title 新增:true  修改:false
-      asyncVisible: false, // 添加 修改对话框
-      ruleForm: {
-        embedmentModel: '',
-      }, // 按钮表单
-      rules: {
-        embedmentId: [{
-          required: true,
-          message: '请选择物品型号',
-          trigger: 'change'
-        }],
-        embedmentModel: [{
-          required: true,
-          message: '请选择供应商',
-          trigger: 'blur'
-        }],
-        changeStock: [{
-          required: true,
-          message: '请输入入库数量',
-          trigger: 'blur'
-        }],
-        singlePrice: [{
-          required: true,
-          message: '请输入单价',
-          trigger: 'blur'
-        }],
-        amount: [{
-          required: true,
-          message: '请输入金额',
-          trigger: 'blur'
-        }],
-      },
-      optionsNames: [],//物品名称
-      fileList: [],//导入
-    }
-  },
-  watch: {
-    asyncVisible(bol) {
-      if (!bol) {
-        this.ruleForm = {};
-        this.$refs.ruleForm.resetFields();
-      }
-    }
-  },
-  mounted() {
-    const that = this;
-    // 根据窗口大小动态修改组件尺寸
-    window.onresize = () => {
-      that.size = changeSize();
-    }
-  },
-  methods: {
-    //导出数据
-    exportIncomeData() {
-      this.functionLoading();
-      let params = Object.assign({}, this.search, {
-        stockType: 1
-      })
-      this.$api.Materials.embedded.incomeExportxls(params).then(res => {
-        downFiles(res, '入库记录信息', 'xls')
-        this.loadingView.close()
-      })
-        .catch(() => {
-          this.loadingView.close();
-        })
-    },
-    //计算金额
-    priceChange() {
-      if (this.ruleForm.singlePrice !== undefined && this.ruleForm.changeStock !== undefined) {
-        this.$set(this.ruleForm, 'amount', this.ruleForm.singlePrice * 1 * this.ruleForm.changeStock)
-      } else {
-        this.$set(this.ruleForm, 'amount', ' ')
-      }
-    },
-    //获取所有预埋件名称
-    getNameList() {
-      let params = {
-        pageNum: 1,
-        pageSize: 100000000
-      }
-      this.$api.Materials.embedded.typeGetLists(params).then(res => {
-        if (res.statusMsg === 'ok') {
-          this.optionsNames = res.data.list
-        }
-      })
-    },
-    //自定义上传
-    httpRequest({file}) {
-      this.functionLoading();
-      const formData = new FormData();
-      formData.set('file', file);
-      this.$api.Materials.embedded.incomeInXls(formData).then((res) => {
-        if (res.success) {
-          this.searchButtonInfo();
-          this.$message.success('上传成功!');
-          this.loadingView.close();
-        } else {
-          this.$message.warning(typeof (res.data) === 'object' ? res.statusMsg : res.data);
-          this.loadingView.close();
-        }
-      })
-        .catch(() => {
-          this.$message.error('请检查网络设置!');
-          this.loadingView.close();
-        })
-    },
-    // 转圈圈
-    functionLoading() {
-      this.loadingView = this.$loading({
-        lock: true,
-        text: '请稍后...',
-        spinner: 'el-icon-loading',
-        background: 'rgba(0, 0, 0, 0.7)'
-      });
-    },
-    //导出模板
-    exportIncomeFile() {
-      this.functionLoading();
-      this.$api.Materials.embedded.incomeExportXls({}).then(res => {
-        downFiles(res, '入库记录信息模板', 'xls')
-        this.loadingView.close()
-      })
-        .catch(() => {
-          this.loadingView.close();
-        })
-    },
-    // 查询按钮列表信息
-    searchButtonInfo(bol) {
-      if (bol) {
-        this.pageNum = 1;
-      }
-      let params = Object.assign({}, this.search, {
-        pageNum: this.pageNum,
-        pageSize: this.pageSize,
-        stockType: 1
-      })
-      params.strTime = this.search.time && this.search.time[0]
-      params.endTime = this.search.time && this.search.time[1]
-      delete params.time
-      this.loading = true;
-      this.$api.Materials.embedded.incomeGetLists(params).then((res) => {
-        if (res.statusMsg === 'ok') {
-          this.total = res.data.total;
-          this.dataList = res.data.list;
-        } else {
-          this.$message.warning(res.statusMsg)
-        }
-        this.loading = false;
-      })
-    },
-    // 根据预埋件名称选择规格型号
-    changeName(val) {
-      const array = this.optionsNames
-      for (let index = 0; index < array.length; index++) {
-        const item = array[index]
-        if (item.id === val) {
-          this.ruleForm.embedmentModel = item.embedmentModel
-          break
-        }
-      }
-    },
-    // 修改按钮信息
-    updateProp(index) {
-      this.asyncTitle = false;
-      this.asyncVisible = true;
-      this.disabled = true
-      this.ruleForm = this.dataList[index]
-    },
-    // 新增按钮信息
-    insertProp() {
-      this.asyncTitle = true;
-      this.asyncVisible = true;
-      this.disabled = true
-    },
-    // 删除按钮信息
-    deleteInfo(row) {
-      this.$confirm("该操作将删除该信息,是否继续删除?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      }).then(() => {
-        this.$api.Materials.embedded.incomeDel({id: row.id})
-          .then(res => {
-            if (res.statusMsg === 'ok') {
-              this.searchButtonInfo(true);
-              this.$message.success("删除成功!");
-            } else {
-              this.$message.warning(res.statusMsg);
-            }
-          })
-      }).catch(() => {
-        this.$message.warning("您已取消");
-      })
-    },
-    // 提交添加按钮信息
-    submitInsert: throttle(function () {
-      this.$refs.ruleForm.validate((valid) => {
-        if (valid) {
-          const params = Object.assign({}, this.ruleForm);
-          params.changeStock = this.ruleForm.changeStock * 1
-          params.singlePrice = this.ruleForm.singlePrice * 1
-          params.stockType = 1
-          this.$api.Materials.embedded.incomeInsert(params).then((res) => {
-            if (res.statusMsg === 'ok') {
-              this.asyncVisible = false;
-              this.searchButtonInfo(true);
-              this.$message.success('添加成功!');
-            } else {
-              this.$message.warning(res.statusMsg);
-            }
-          })
-        }
-      })
-    }, 3000),
-    // 提交修改按钮信息
-    submitUpdate: throttle(function () {
-      this.$refs.ruleForm.validate((valid) => {
-        if (valid) {
-          const params = Object.assign({}, this.ruleForm);
-          params.changeStock = this.ruleForm.changeStock * 1
-          params.singlePrice = this.ruleForm.singlePrice * 1
-          params.stockType = 1
-          this.$api.Materials.embedded.incomeUpdate(params).then((res) => {
-            if (res.statusMsg === 'ok') {
-              this.asyncVisible = false;
-              this.searchButtonInfo(true);
-              this.$message.success('修改成功!');
-            } else {
-              this.$message.warning(res.statusMsg);
-            }
-          })
-        }
-      })
-    }, 3000),
-    // 判断按钮权限信息
-    showButton(str) {
-      const pinia = buttonPinia();
-      return pinia.$state.buttonInfo.includes(str);
-    },
-    // 切换页数
-    changePageNum(page) {
-      this.pageNum = page;
-      this.searchButtonInfo();
-    },
-    // 切换每页条数
-    changePageSize(size) {
-      this.pageSize = size;
-      this.searchButtonInfo();
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import '@/style/layout-main.scss';
+<template>
+  <div class="main tabs_main" style="height:89%">
+    <div class="main_header">
+      <div class="header_item">
+        <span class="header_label">预埋件名称:</span>
+        <el-input v-model="search.embedmentName" placeholder="请输入预埋件名称" clearable></el-input>
+      </div>
+      <div class="header_item">
+        <span class="header_label">规格型号:</span>
+        <el-select v-model="search.embedmentModel" placeholder="请选择规格型号" clearable>
+          <el-option v-for="item in optionsNames" :key="item.id" :label="item.embedmentModel"
+            :value="item.embedmentModel">
+          </el-option>
+        </el-select>
+      </div>
+      <div class="header_item">
+        <span class="header_label">时间范围:</span>
+        <el-date-picker v-model="search.time" type="daterange" :default-time="['00:00:00', '23:59:59']" clearable
+          value-format="yyyy-MM-dd HH:mm:ss" range-separator="-" start-placeholder="起始时间" end-placeholder="结束时间">
+        </el-date-picker>
+      </div>
+      <div class="header_item">
+        <el-button icon="el-icon-search" v-if="showButton('search')" @click="searchButtonInfo(true)">查询</el-button>
+        <el-button class="search_btn" icon="el-icon-plus" v-if="showButton('insert')" @click="insertProp">新增</el-button>
+        <el-button icon="el-icon-upload2" v-if="showButton('export')" @click="exportIncomeData">导出Excel</el-button>
+        <el-button icon="el-icon-postcard" v-if="showButton('export')" @click="exportIncomeFile">导出模板</el-button>
+        <el-upload class="upload-demo" style="margin-left:10px" action="" :multiple="false" :http-request="httpRequest"
+          :show-file-list="false" :file-list="fileList">
+          <el-button icon="el-icon-download" v-if="showButton('exportIn')" :size="size">导入Excel</el-button>
+        </el-upload>
+      </div>
+    </div>
+    <div class="main_content">
+      <el-table v-loading="loading" :data="dataList" height="100%">
+        <el-table-column align="center" label="序号" width="60">
+          <template #default="scope">
+            <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="embedmentName" label="预埋件名称" align="center" width="180"></el-table-column>
+        <el-table-column prop="embedmentModel" label="规格型号" align="center" width="120"></el-table-column>
+        <el-table-column prop="changeStock" label="入库数量" align="center"></el-table-column>
+        <el-table-column prop="singlePrice" label="单价" align="center" show-overflow-tooltip></el-table-column>
+        <el-table-column prop="amount" label="金额" align="center"></el-table-column>
+        <el-table-column prop="createTime" label="入库时间" align="center" show-overflow-tooltip></el-table-column>
+        <el-table-column prop="remark" label="备注" align="center" show-overflow-tooltip></el-table-column>
+        <el-table-column label="操作" align="center" width="140">
+          <template #default="scope">
+            <el-button class="table_btn" size="mini" v-if="showButton('update')"
+              @click="updateProp(scope.$index)">修改</el-button>
+            <el-button class="delete_btn" size="mini" v-if="showButton('delete')"
+              @click="deleteInfo(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div class="main_footer">
+      <el-pagination background @current-change="changePageNum" @size-change="changePageSize" :current-page="pageNum"
+        :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
+        :total="total">
+      </el-pagination>
+    </div>
+    <el-dialog class="prop_dialog" :title="asyncTitle ? '新增入库' : '修改入库信息'" :close-on-click-modal="false"
+      :visible.sync="asyncVisible" width="35%">
+      <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="auto" class="rule_form">
+        <el-form-item label="预埋件名称:" prop="embedmentId">
+          <el-select v-model="ruleForm.embedmentId" :size="size" placeholder="请选择预埋件名称" @change="changeName">
+            <el-option v-for="item in optionsNames" :key="item.id"
+              :label="`${item.embedmentName} - ${item.embedmentModel}`" :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="规格型号:" prop="embedmentModel">
+          <el-input v-model="ruleForm.embedmentModel" placeholder="请选择规格型号" disabled></el-input>
+        </el-form-item>
+        <el-form-item label="入库数量:" prop="changeStock">
+          <el-input v-model="ruleForm.changeStock" :size="size" type="number" clearable placeholder="请输入入库数量"
+            @blur="priceChange"></el-input>
+        </el-form-item>
+        <el-form-item label="单价:" prop="singlePrice">
+          <el-input v-model="ruleForm.singlePrice" type="number" :size="size" clearable placeholder="请输入单价"
+            @blur="priceChange"></el-input>
+        </el-form-item>
+        <el-form-item label="金额:" prop="amount">
+          <el-input v-model="ruleForm.amount" :size="size" clearable placeholder="请输入金额" :disabled="disabled"></el-input>
+        </el-form-item>
+        <el-form-item label="备注:" prop="remark">
+          <el-input v-model="ruleForm.remark" :size="size" type="textarea" :rows="2" clearable
+            placeholder="请输入备注"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="asyncVisible = false">取 消</el-button>
+        <el-button class="submit_btn" @click="asyncTitle ? submitInsert() : submitUpdate()">提 交</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {buttonPinia} from '@/pinia/index';
+import {throttle, changeSize, downFiles} from '@/plugins/public'; // 导入节流、动态切换组件尺寸方法
+export default {
+  data() {
+    return {
+      size: changeSize(), // 组件尺寸
+      pageNum: 1,
+      pageSize: 10,
+      search: {},//查询条件
+      total: 0,
+      loading: false,
+      disabled: false,//是否禁止修改
+      dataList: [], //入库记录信息列表
+      asyncTitle: true, // 对话框title 新增:true  修改:false
+      asyncVisible: false, // 添加 修改对话框
+      ruleForm: {
+        embedmentModel: '',
+      }, // 按钮表单
+      rules: {
+        embedmentId: [{
+          required: true,
+          message: '请选择物品型号',
+          trigger: 'change'
+        }],
+        embedmentModel: [{
+          required: true,
+          message: '请选择供应商',
+          trigger: 'blur'
+        }],
+        changeStock: [{
+          required: true,
+          message: '请输入入库数量',
+          trigger: 'blur'
+        }],
+        singlePrice: [{
+          required: true,
+          message: '请输入单价',
+          trigger: 'blur'
+        }],
+        amount: [{
+          required: true,
+          message: '请输入金额',
+          trigger: 'blur'
+        }],
+      },
+      optionsNames: [],//物品名称
+      fileList: [],//导入
+    }
+  },
+  watch: {
+    asyncVisible(bol) {
+      if (!bol) {
+        this.ruleForm = {};
+        this.$refs.ruleForm.resetFields();
+      }
+    }
+  },
+  mounted() {
+    const that = this;
+    // 根据窗口大小动态修改组件尺寸
+    window.onresize = () => {
+      that.size = changeSize();
+    }
+  },
+  methods: {
+    //导出数据
+    exportIncomeData() {
+      this.functionLoading();
+      let params = Object.assign({}, this.search, {
+        stockType: 1
+      })
+      this.$api.Materials.embedded.incomeExportxls(params).then(res => {
+        downFiles(res, '入库记录信息', 'xls')
+        this.loadingView.close()
+      })
+        .catch(() => {
+          this.loadingView.close();
+        })
+    },
+    //计算金额
+    priceChange() {
+      if (this.ruleForm.singlePrice !== undefined && this.ruleForm.changeStock !== undefined) {
+        this.$set(this.ruleForm, 'amount', this.ruleForm.singlePrice * 1 * this.ruleForm.changeStock)
+      } else {
+        this.$set(this.ruleForm, 'amount', ' ')
+      }
+    },
+    //获取所有预埋件名称
+    getNameList() {
+      let params = {
+        pageNum: 1,
+        pageSize: 100000000
+      }
+      this.$api.Materials.embedded.typeGetLists(params).then(res => {
+        if (res.statusMsg === 'ok') {
+          this.optionsNames = res.data.list
+        }
+      })
+    },
+    //自定义上传
+    httpRequest({file}) {
+      this.functionLoading();
+      const formData = new FormData();
+      formData.set('file', file);
+      this.$api.Materials.embedded.incomeInXls(formData).then((res) => {
+        if (res.success) {
+          this.searchButtonInfo();
+          this.$message.success('上传成功!');
+          this.loadingView.close();
+        } else {
+          this.$message.warning(typeof (res.data) === 'object' ? res.statusMsg : res.data);
+          this.loadingView.close();
+        }
+      })
+        .catch(() => {
+          this.$message.error('请检查网络设置!');
+          this.loadingView.close();
+        })
+    },
+    // 转圈圈
+    functionLoading() {
+      this.loadingView = this.$loading({
+        lock: true,
+        text: '请稍后...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      });
+    },
+    //导出模板
+    exportIncomeFile() {
+      this.functionLoading();
+      this.$api.Materials.embedded.incomeExportXls({}).then(res => {
+        downFiles(res, '入库记录信息模板', 'xls')
+        this.loadingView.close()
+      })
+        .catch(() => {
+          this.loadingView.close();
+        })
+    },
+    // 查询按钮列表信息
+    searchButtonInfo(bol) {
+      if (bol) {
+        this.pageNum = 1;
+      }
+      let params = Object.assign({}, this.search, {
+        pageNum: this.pageNum,
+        pageSize: this.pageSize,
+        stockType: 1
+      })
+      params.strTime = this.search.time && this.search.time[0]
+      params.endTime = this.search.time && this.search.time[1]
+      delete params.time
+      this.loading = true;
+      this.$api.Materials.embedded.incomeGetLists(params).then((res) => {
+        if (res.statusMsg === 'ok') {
+          this.total = res.data.total;
+          this.dataList = res.data.list;
+        } else {
+          this.$message.warning(res.statusMsg)
+        }
+        this.loading = false;
+      })
+    },
+    // 根据预埋件名称选择规格型号
+    changeName(val) {
+      const array = this.optionsNames
+      for (let index = 0; index < array.length; index++) {
+        const item = array[index]
+        if (item.id === val) {
+          this.ruleForm.embedmentModel = item.embedmentModel
+          break
+        }
+      }
+    },
+    // 修改按钮信息
+    updateProp(index) {
+      this.asyncTitle = false;
+      this.asyncVisible = true;
+      this.disabled = true
+      this.ruleForm = this.dataList[index]
+    },
+    // 新增按钮信息
+    insertProp() {
+      this.asyncTitle = true;
+      this.asyncVisible = true;
+      this.disabled = true
+    },
+    // 删除按钮信息
+    deleteInfo(row) {
+      this.$confirm("该操作将删除该信息,是否继续删除?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.$api.Materials.embedded.incomeDel({id: row.id})
+          .then(res => {
+            if (res.statusMsg === 'ok') {
+              this.searchButtonInfo(true);
+              this.$message.success("删除成功!");
+            } else {
+              this.$message.warning(res.statusMsg);
+            }
+          })
+      }).catch(() => {
+        this.$message.warning("您已取消");
+      })
+    },
+    // 提交添加按钮信息
+    submitInsert: throttle(function () {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          const params = Object.assign({}, this.ruleForm);
+          params.changeStock = this.ruleForm.changeStock * 1
+          params.singlePrice = this.ruleForm.singlePrice * 1
+          params.stockType = 1
+          this.$api.Materials.embedded.incomeInsert(params).then((res) => {
+            if (res.statusMsg === 'ok') {
+              this.asyncVisible = false;
+              this.searchButtonInfo(true);
+              this.$message.success('添加成功!');
+            } else {
+              this.$message.warning(res.statusMsg);
+            }
+          })
+        }
+      })
+    }, 3000),
+    // 提交修改按钮信息
+    submitUpdate: throttle(function () {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          const params = Object.assign({}, this.ruleForm);
+          params.changeStock = this.ruleForm.changeStock * 1
+          params.singlePrice = this.ruleForm.singlePrice * 1
+          params.stockType = 1
+          this.$api.Materials.embedded.incomeUpdate(params).then((res) => {
+            if (res.statusMsg === 'ok') {
+              this.asyncVisible = false;
+              this.searchButtonInfo(true);
+              this.$message.success('修改成功!');
+            } else {
+              this.$message.warning(res.statusMsg);
+            }
+          })
+        }
+      })
+    }, 3000),
+    // 判断按钮权限信息
+    showButton(str) {
+      const pinia = buttonPinia();
+      return pinia.$state.buttonInfo.includes(str);
+    },
+    // 切换页数
+    changePageNum(page) {
+      this.pageNum = page;
+      this.searchButtonInfo();
+    },
+    // 切换每页条数
+    changePageSize(size) {
+      this.pageSize = size;
+      this.searchButtonInfo();
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/style/layout-main.scss';
 </style>
\ No newline at end of file

--
Gitblit v1.9.3