123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215 |
- <template>
- <div class="mainContentBox">
- <avue-form ref="formRef" v-model="form" :option="option" @submit="rowSave">
- <template #drawingPath="scope">
- <single-upload v-model="form.drawingPath" />
- </template>
- </avue-form>
- <avue-crud
- ref="crudRef"
- v-model:search="search"
- v-model="form"
- :data="data"
- :option="option"
- v-model:page="page"
- @row-save="createRow"
- @row-update="updateRow"
- @row-del="deleteRow"
- @search-change="searchChange"
- @search-reset="resetChange"
- @size-change="dataList"
- @current-change="dataList"
- @selection-change="selectionChange"
- search-option="false"
- >
- <template #menu-left="{ size }">
- <el-button
- :disabled="toDeleteIds.length < 1"
- type="danger"
- icon="el-icon-delete"
- :size="size"
- @click="multipleDelete"
- >删除</el-button
- >
- </template>
- </avue-crud>
- <CommonTable
- ref="ctableRef"
- tableTitle="物料列表"
- tableType="MARTERIAL"
- @selected-sure="onSelectedFinish"
- />
- </div>
- </template>
- <script setup>
- import { ref, getCurrentInstance } from "vue";
- import { useCrud } from "@/hooks/userCrud";
- import ButtonPermKeys from "@/common/configs/buttonPermission";
- import { useCommonStoreHook } from "@/store";
- const { isShowTable, tableType } = toRefs(useCommonStoreHook());
- import { useDictionaryStoreHook } from "@/store";
- import { addStationDevice } from "@/api/station";
- const test = () => {
- isShowTable.value = true;
- tableType.value = tableType.value == 1 ? 2 : 1;
- };
- // 传入一个url,后面不带/
- const { form, data, option, search, page, toDeleteIds, Methords, Utils } =
- useCrud({
- src: "/api/v1/base/drawing",
- });
- const { dataList, createRow, updateRow, deleteRow, searchChange, resetChange } =
- Methords; //增删改查
- const { selectionChange, multipleDelete } = Methords; //选中和批量删除事件
- const { checkBtnPerm, downloadTemplate, exportData } = Utils; //按钮权限等工具
- // checkBtnPerm(ButtonPermKeys.PLAN.BTNS.order_add) :permission="permission"
- // const permission = reactive({
- // delBtn: checkPerm(buttonPermission.PLAN.BTNS.order_del),
- // addBtn: checkPerm(buttonPermission.PLAN.BTNS.order_add),
- // editBtn: checkPerm(buttonPermission.PLAN.BTNS.order_edit),
- // menu: true,
- // });
- function rowSave(form2, done) {
- form.value.associationCode = props.materialCode;
- createRow(form, done, done);
- }
- const crudRef = ref(null); //crudRef.value 获取avue-crud对象
- onMounted(() => {
- // console.log("crudRef", crudRef)
- search.value.materialCode = props.materialCode;
- dataList();
- });
- /**
- * 上传excel相关
- */
- const uploadRef = ref(null);
- const uploadFinished = () => {
- // 上传完成后的刷新操作
- page.currentPage = 1;
- dataList();
- };
- const importExcelData = () => {
- if (uploadRef.value) {
- uploadRef.value.show("/api/v1/base/stationDevice");
- }
- };
- const ctableRef = ref(null);
- const deviceList = () => {
- ctableRef.value.startSelect();
- };
- // 设置表格列或者其他自定义的option
- option.value = Object.assign(option.value, {
- selection: true,
- column: [
- {
- label: "物料编号",
- prop: "associationCode",
- hide: true,
- display: false,
- },
- {
- label: "图纸编号",
- prop: "drawingCode",
- rules: [
- {
- required: true,
- message: "图纸编号不能为空",
- trigger: "blur",
- },
- ],
- },
- {
- label: "图纸标题",
- prop: "drawingTitle",
- rules: [
- {
- required: true,
- message: "图纸名称不能为空",
- trigger: "blur",
- },
- ],
- },
- {
- label: "图纸类型",
- prop: "drawingDictValue",
- value: "material",
- display: false,
- hide: true,
- },
- {
- label: "排序",
- prop: "sort",
- type: "number",
- },
- {
- label: "版本",
- prop: "drawingVersion",
- type: "number",
- precision: 1,
- rules: [
- {
- required: true,
- message: "版本号不能为空",
- trigger: "blur",
- },
- ],
- },
- {
- label: "图纸上传",
- prop: "drawingPath",
- span: 24,
- slot: true,
- hide: true,
- /*formatter: (row, column, cellValue, index) => {
- return `<img src="${row.drawingPath}" alt="${row.drawingPath}" width="50" height="50">`;
- }
- */
- },
- {
- label: "图纸",
- prop: "drawing",
- type: "img",
- span: 24,
- display: false,
- slot: true,
- formatter: (row, column, cellValue, index) => {
- return `${row.drawingPath}`;
- },
- },
- ],
- delBtn: false,
- editBtn: false,
- viewBtn: false,
- addBtn: false,
- menu: false,
- });
- const props = defineProps({
- materialCode: {
- type: String,
- default: () => {
- return 0;
- },
- },
- dialog: {
- type: Object,
- default: () => {
- return {};
- },
- },
- });
- const onSelectedFinish = (selectedValue) => {
- form.value.materialCode = selectedValue.materialCode;
- form.value.materialName = selectedValue.materialName;
- form.value.productionLineId = props.productionLineId;
- };
- </script>
|