优化

src/views/material/productLinkMaterial/components/link-material-dialog.vue

@@ -1,458 +0,0 @@
-<template>
-  <ele-modal :visible.sync="visible" title="" width="95%" @close="cancel">
-    <el-row :gutter="40">
-      <el-col :span="11">
-        <headerTitle>
-          <template v-slot:title>
-            可选
-            <el-button
-              type="primary"
-              class="ml20"
-              size="mini"
-              @click="handleConect"
-              >关联</el-button
-            >
-            <el-button
-              type="primary"
-              size="mini"
-              icon="icon-search"
-              @click="reload"
-              >搜索</el-button
-            >
-          </template>
-        </headerTitle>
-        <el-form label-width="60px">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item :label="`分类`">
-                <categorySelect
-                  :pid="type"
-                  :key="type"
-                  v-model="where.categoryId"
-                />
-                <!-- <el-input
-                  placeholder="请输入"
-                  clearable
-                  v-model="where.categoryLevelGroupId"
-                ></el-input> -->
-              </el-form-item></el-col
-            >
-            <el-col :span="12">
-              <el-form-item :label="`编码`">
-                <el-input
-                  placeholder="请输入"
-                  clearable
-                  v-model="where.code"
-                ></el-input></el-form-item
-            ></el-col>
-            <el-col :span="12">
-              <el-form-item :label="`名称`">
-                <el-input
-                  placeholder="请输入"
-                  clearable
-                  v-model="where.name"
-                ></el-input></el-form-item
-            ></el-col>
-            <el-col :span="12">
-              <el-form-item label="型号">
-                <el-input
-                  placeholder="请输入"
-                  clearable
-                  v-model="where.modelType"
-                ></el-input></el-form-item
-            ></el-col>
-          </el-row>
-        </el-form>
-        <ele-pro-table
-          ref="table"
-          :columns="columns"
-          :datasource="datasourceShow"
-          :selection.sync="selection"
-          cache-key="link-material-dialog"
-          height="45vh"
-          :initLoad="false"
-          :need-page="false"
-        >
-        </ele-pro-table>
-      </el-col>
-      <el-col :span="13">
-        <headerTitle
-          ><template v-slot:title
-            >已关联
-            <el-button
-              type="primary"
-              class="ml20"
-              size="mini"
-              @click="handleCancelConect"
-              >取消关联</el-button
-            >
-            <el-button
-              type="primary"
-              size="mini"
-              icon="icon-search"
-              @click="reloadRight"
-              >搜索</el-button
-            ></template
-          ></headerTitle
-        >
-        <el-form label-width="60px">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item :label="`分类`">
-                <categorySelect
-                  :pid="type"
-                  :key="type"
-                  v-model="whereRight.categoryId"
-                /> </el-form-item
-            ></el-col>
-            <el-col :span="12">
-              <el-form-item :label="`编码`">
-                <el-input
-                  clearable
-                  placeholder="请输入"
-                  v-model="whereRight.code"
-                ></el-input></el-form-item
-            ></el-col>
-            <el-col :span="12">
-              <el-form-item :label="`名称`">
-                <el-input
-                  clearable
-                  placeholder="请输入"
-                  v-model="whereRight.name"
-                ></el-input></el-form-item
-            ></el-col>
-            <el-col :span="12">
-              <el-form-item label="型号">
-                <el-input
-                  clearable
-                  placeholder="请输入"
-                  v-model="whereRight.modelType"
-                ></el-input></el-form-item
-            ></el-col>
-          </el-row>
-        </el-form>
-        <el-form
-          ref="formRef"
-          :model="{ datasourceRightShow }"
-          label-width="0"
-          :show-message="false"
-        >
-          <ele-pro-table
-            ref="tableRight"
-            :columns="columnsRight"
-            :datasource="datasourceRightShow"
-            :selection.sync="selectionRight"
-            height="45vh"
-            :initLoad="false"
-            :need-page="false"
-            cache-key="link-material-dialog-right"
-          >
-            <template v-slot:capacity="{ row, $index }">
-              <el-row>
-                <el-col :span="8">
-                  <el-form-item
-                    :rules="rules.quantity"
-                    :prop="`datasourceRightShow.${$index}.quantity`"
-                  >
-                    <el-input v-model="row.quantity"></el-input> </el-form-item
-                ></el-col>
-                <el-col :span="8">
-                  <el-form-item
-                    :rules="rules.quantityUnitId"
-                    :prop="`datasourceRightShow.${$index}.quantityUnitId`"
-                  >
-                    <DictSelection
-                      class="line-select"
-                      dictName="重量单位"
-                      clearable
-                      v-model="row.quantityUnitId"
-                    >
-                    </DictSelection>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="8">
-                  <el-form-item
-                    :rules="rules.timeUnit"
-                    :prop="`datasourceRightShow.${$index}.timeUnit`"
-                  >
-                    <DictSelection
-                      class="line-select"
-                      dictName="提前期单位"
-                      clearable
-                      v-model="row.timeUnit"
-                    >
-                    </DictSelection> </el-form-item
-                ></el-col>
-              </el-row>
-            </template>
-            <template v-slot:angle="{ row, $index }">
-              <el-form-item
-                :rules="rules.angle"
-                :prop="`datasourceRightShow.${$index}.angle`"
-              >
-                <DictSelection dictName="角度" clearable v-model="row.angle">
-                </DictSelection>
-              </el-form-item>
-            </template>
-          </ele-pro-table>
-        </el-form>
-      </el-col>
-    </el-row>
-
-    <div slot="footer" class="footer">
-      <el-button type="primary" @click="save">保存</el-button>
-      <el-button @click="cancel">取消</el-button>
-    </div>
-  </ele-modal>
-</template>
-
-<script>
-  import {
-    getRelatesInformationList,
-    unassociated,
-    productTieUpMaterial
-  } from '@/api/material/product.js';
-  import dictMixins from '@/mixins/dictMixins';
-  import categorySelect from '@/components/CommomSelect/category-select.vue';
-  export default {
-    mixins: [dictMixins],
-    components: { categorySelect },
-    data () {
-      return {
-        visible: false,
-        row: {},
-        datasource: [],
-        datasourceShow: [],
-        datasourceRightShow: [],
-        datasourceRight: [],
-        selectionRight: [],
-        selection: [],
-        whereRight: {},
-        where: {},
-        type: '',
-        idMap: {
-          8: '1678278350275198977',
-          4: '1678277959244431361',
-          5: '1678277781556936705'
-        },
-        rules: {
-          quantity: [{ required: true }],
-          quantityUnitId: [{ required: true }],
-          timeUnit: [{ required: true }],
-          angle: [{ required: true }]
-        }
-      };
-    },
-    created () {
-      this.requestDict('类型用途');
-    },
-    computed: {
-      catogaryName () {
-        return this.getDictValue('类型用途', this.type);
-      },
-      dict () {},
-      columns () {
-        return [
-          {
-            type: 'selection',
-            align: 'center'
-          },
-          {
-            label: `${this.catogaryName}分类`,
-            prop: 'categoryLevelPath'
-          },
-          {
-            label: `${this.catogaryName}编码`,
-            prop: 'code'
-          },
-          {
-            label: `${this.catogaryName}名称`,
-            prop: 'name'
-          },
-          {
-            label: '型号',
-            prop: 'modelType'
-          }
-        ];
-      },
-      columnsRight () {
-        return [
-          {
-            type: 'selection',
-            align: 'center'
-          },
-          {
-            label: `${this.catogaryName}分类`,
-            prop: 'categoryLevelPath',
-            width: 110
-          },
-          {
-            label: `${this.catogaryName}编码`,
-            prop: 'code',
-            width: 110
-          },
-          {
-            label: `${this.catogaryName}名称`,
-            prop: 'name',
-            width: 110
-          },
-          {
-            label: '型号',
-            prop: 'modelType'
-          },
-          ...(this.type == 8
-            ? [
-                {
-                  label: '槽数',
-                  prop: 'slotNum',
-                  formatter: (_row, _column, cellValue) => {
-                    return _row.extendInfo.slotNum;
-                  }
-                },
-                {
-                  label: '角度',
-                  slot: 'angle',
-                  action: 'angle'
-                }
-              ]
-            : []),
-          ...(this.type == 4
-            ? [
-                {
-                  label: '产能',
-                  slot: 'capacity',
-                  action: 'capacity',
-                  width: 240
-                }
-              ]
-            : [])
-        ];
-      }
-    },
-    methods: {
-      open (type, row) {
-        this.type = type;
-        this.row = row;
-        // console.log('this.row',this.row)
-        this.getDatasource();
-        this.getDatasourceRight();
-        this.visible = true;
-      },
-      cancel () {
-        this.visible = false;
-        this.whereRight = {};
-        this.where = {};
-      },
-      save () {
-        // if (!this.datasourceRightShow.length) {
-        //   return this.$message.error('请添加关联数据');
-        // }
-        this.$refs.formRef.validate(async (value) => {
-          if (value) {
-            const params = {
-              mainCategoryId: this.row.id,
-              mainCategoryLevelRootId: this.type,
-              materialDetailsPOList: this.datasourceRightShow.map((i) => ({
-                ...i,
-                categoryLevelRootId: this.type
-              }))
-            };
-            await productTieUpMaterial(params);
-            this.cancel();
-
-            this.$message.success('操作成功！');
-            this.$emit('success');
-          } else {
-            this.$message.error('请完善信息！');
-          }
-        });
-      },
-      handleConect () {
-        if (!this.selection.length) {
-          return this.$message.error('请选择关联数据');
-        }
-        this.datasource = this.datasource.filter(
-          (i) => !this.selection.find((t) => t.categoryId == i.categoryId)
-        );
-        this.datasourceShow = this.datasourceShow.filter(
-          (i) => !this.selection.find((t) => t.categoryId == i.categoryId)
-        );
-
-        this.datasourceRightShow.push(...this.selection);
-        this.datasourceRight.push(...this.selection);
-
-        this.selection = [];
-      },
-      handleCancelConect () {
-        if (!this.selectionRight.length) {
-          return this.$message.error('请选择取消关联数据');
-        }
-
-        this.datasourceRight = this.datasourceRight.filter(
-          (i) => !this.selectionRight.find((t) => t.categoryId == i.categoryId)
-        );
-        this.datasourceRightShow = this.datasourceRightShow.filter(
-          (i) => !this.selectionRight.find((t) => t.categoryId == i.categoryId)
-        );
-
-        this.datasourceShow.push(...this.selectionRight);
-        this.datasource.push(...this.selectionRight);
-
-        this.selectionRight = [];
-      },
-      reload () {
-        this.datasourceShow = this.datasource.filter((item) => {
-          return (
-            (!this.where.categoryId ||
-              item.parentId.includes(this.where.categoryId)) &&
-            (!this.where.code || item.code.includes(this.where.code)) &&
-            (!this.where.name || item.name.includes(this.where.name)) &&
-            (!this.where.modelType ||
-              item.modelType.includes(this.where.modelType))
-          );
-        });
-      },
-      reloadRight () {
-        this.datasourceRightShow = this.datasourceRight.filter((item) => {
-          return (
-            (!this.whereRight.categoryId ||
-              item.parentId.includes(this.whereRight.categoryId)) &&
-            (!this.whereRight.code ||
-              item.code.includes(this.whereRight.code)) &&
-            (!this.whereRight.name ||
-              item.name.includes(this.whereRight.name)) &&
-            (!this.whereRight.modelType ||
-              item.modelType.includes(this.whereRight.modelType))
-          );
-        });
-      },
-      async getDatasource () {
-        const data = await unassociated({
-          categoryLevelGroupId: this.idMap[this.type],
-          categoryLevelRootId: this.type,
-          mainCategoryId: this.row.id
-        });
-        this.datasource = data.slice(0);
-        this.datasourceShow = data.slice(0);
-      },
-      async getDatasourceRight () {
-        const data = await getRelatesInformationList({
-          categoryLevelGroupId: this.idMap[this.type],
-          categoryLevelRootId: this.type,
-          mainCategoryId: this.row.id
-        });
-        this.datasourceRight = data.slice(0);
-        this.datasourceRightShow = data.slice(0);
-      }
-    }
-  };
-</script>
-
-<style lang="scss" scoped>
-  .ml20 {
-    margin-left: 20px;
-  }
-  .footer {
-    text-align: right;
-  }
-</style>

src/views/material/productLinkMaterial/components/product-search.vue

@@ -1,87 +0,0 @@
-<!-- 搜索表单 -->
-<template>
-  <el-form
-    label-width="77px"
-    class="ele-form-search"
-    @keyup.enter.native="search"
-    @submit.native.prevent
-  >
-    <el-row :gutter="10">
-      <el-col v-bind="styleResponsive ? { md: 5 } : { span: 4 }">
-        <el-form-item label="产品编码">
-          <el-input clearable v-model="where.code" placeholder="请输入" />
-        </el-form-item>
-      </el-col>
-      <el-col v-bind="styleResponsive ? { md: 5 } : { span: 4 }">
-        <el-form-item label="产品名称">
-          <el-input clearable v-model="where.name" placeholder="请输入" />
-        </el-form-item>
-      </el-col>
-      <el-col v-bind="styleResponsive ? { md: 5 } : { span: 4 }">
-        <el-form-item label="牌号">
-          <el-input clearable v-model="where.brandNum" placeholder="请输入" />
-        </el-form-item>
-      </el-col>
-      <el-col v-bind="styleResponsive ? { md: 5 } : { span: 4 }">
-        <el-form-item label="型号">
-          <el-input clearable v-model="where.modelType" placeholder="请输入" />
-        </el-form-item>
-      </el-col>
-      <el-col v-bind="styleResponsive ? { md: 4 } : { span: 4 }">
-        <el-form-item label-width="0">
-          <el-button
-            type="primary"
-            icon="el-icon-search"
-            class="ele-btn-icon"
-            @click="search"
-          >
-            查询
-          </el-button>
-          <el-button
-            @click="reset"
-            icon="el-icon-refresh"
-            class="ele-btn-icon"
-            size="medium"
-            >重置</el-button
-          >
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-  export default {
-    data () {
-      // 默认表单数据
-      const defaultWhere = {
-        name: '',
-        code: '',
-        brandNum: '',
-        modelType:''
-      };
-      return {
-        defaultWhere,
-        // 表单数据
-        where: { ...defaultWhere }
-      };
-    },
-    computed: {
-      // 是否开启响应式布局
-      styleResponsive () {
-        return this.$store.state.theme.styleResponsive;
-      }
-    },
-    methods: {
-      /* 搜索 */
-      search () {
-        this.$emit('search', this.where);
-      },
-      /*  重置 */
-      reset () {
-        this.where = { ...this.defaultWhere };
-        this.search();
-      }
-    }
-  };
-</script>

src/views/material/productLinkMaterial/index.vue

@@ -1,141 +0,0 @@
-<template>
-  <div class="ele-body">
-    <el-card shadow="never">
-      <ProductSearch @search="reload" />
-      <ele-split-layout
-        width="244px"
-        allow-collapse
-        :right-style="{ overflow: 'hidden' }"
-      >
-        <div class="ele-border-lighter split-layout-right-content">
-          <AssetTree
-            ref="assetTreeRef"
-            id="9"
-            @handleNodeClick="handleNodeClick"
-          />
-        </div>
-        <!-- 表格 -->
-        <template v-slot:content>
-          <ele-pro-table
-            ref="table"
-            :columns="columns"
-            :datasource="datasource"
-            height="calc(100vh - 350px)"
-            :initLoad="false"
-            :current.sync="current"
-            highlight-current-row
-            class="dict-table"
-            tool-class="ele-toolbar-actions"
-          >
-            <!-- 表头工具栏 -->
-            <template v-slot:toolbar>
-              <el-button type="primary" @click="handleLink('4')"
-                >关联设备</el-button
-              >
-              <el-button type="primary" @click="handleLink('5')"
-                >关联模具</el-button
-              >
-              <el-button type="primary" @click="handleLink('8')"
-                >关联舟皿</el-button
-              >
-            </template>
-          </ele-pro-table>
-        </template>
-
-
-
-
-
-
-        
-      </ele-split-layout>
-    </el-card>
-    <linkMaterialDialog ref="linkMaterialDialogRef" @success="success" />
-  </div>
-</template>
-
-<script>
-  import AssetTree from '@/components/AssetTree';
-  import ProductSearch from './components/product-search.vue';
-  import linkMaterialDialog from './components/link-material-dialog.vue';
-  import { getList } from '@/api/classifyManage/itemInformation';
-
-  export default {
-    name: 'SystemDictionary',
-    components: { AssetTree, ProductSearch, linkMaterialDialog },
-    data () {
-      return {
-        // 表格列配置
-        columns: [
-          {
-            columnKey: 'index',
-            type: 'index',
-            width: 45,
-            align: 'center',
-            reserveSelection: true
-          },
-          {
-            prop: 'code',
-            label: '产品编码'
-          },
-          {
-            prop: 'name',
-            label: '产品名称',
-            showOverflowTooltip: true
-          },
-          {
-            prop: 'brandNum',
-            label: '牌号'
-          },
-          {
-            prop: 'modelType',
-            label: '型号'
-          },
-          {
-            prop: 'measuringUnit',
-            label: '计量单位'
-          },
-          {
-            prop: 'packingUnit',
-            label: '包装单位'
-          }
-        ],
-        categoryLevelId: '9',
-        current: null
-      };
-    },
-
-    methods: {
-      /* 表格数据源 */
-      datasource ({ page, where, limit }) {
-        return getList({
-          ...where,
-          pageNum: page,
-          size: limit,
-          categoryLevelId: this.categoryLevelId,
-          isProduct: true
-        });
-      },
-      success () {
-        this.reload();
-      },
-      handleLink (type) {
-        if (!this.current) {
-          return this.$message.error('请选择产品！');
-        }
-
-        this.$refs.linkMaterialDialogRef.open(type, this.current);
-      },
-      /* 刷新表格 */
-      reload (where) {
-        this.$refs.table.reload({ where: where });
-      },
-      handleNodeClick (data) {
-        this.categoryLevelId = data.id;
-        this.reload();
-      }
-    }
-  };
-</script>
-
-<style lang="scss" scoped></style>