mes-web/src/view/core/factory/index.vue

<template>
  <div class="main-div"  ref="mainDiv">
    <loading :loading="loading" v-if="!modalVisible"></loading>
    <!--按钮区-->
    <BaseIndexButtonGroup ref="BaseIndexButtonGroup" id="BaseIndexButtonGroup">
      <template #left>
        <!--    查询    -->
        <BaseIndexButton right-button="role-select" ref="search" name="search"></BaseIndexButton>
        <!--    清空条件    -->
        <BaseIndexButton right-button="role-clear" ref="clear" name="clear"></BaseIndexButton>
        <!--    编辑    -->
        <BaseIndexButton right-button="role-edit" ref="edit" name="edit"></BaseIndexButton>
      </template>
      <template #right>
        <!--   新建     -->
        <BaseIndexButton right-button="role-add" ref="add" name="add"></BaseIndexButton>
      </template>
    </BaseIndexButtonGroup>

    <!--  查询条件区域  -->
    <div id="search-cond-div" ref="search-cond-div" style="margin-top: 1px;padding: 0">
      <SearchCond ref="searchCond" v-model="searchCond"
                  @collapse-change="collapseChange" :setFlag="false"
                  :search-content="searchContent"></SearchCond>
    </div>

    <!--  表格部分  -->
    <div>
      <DkTable :id="'table-'+$options.name" ref="table-select" :data="tableData"
               :page-total="pageInfo.total"
               :current-page="pageInfo.currentPage"
               :height="this.tableHeight" primaryKey="ftyId"
               :multiple="false"
               :choose-flag="false"
               @pageChange="pageSizeChange">
        <DkTableColumn field="ftyCode" type="link" @on-link="handleLink(Object.assign($event,{button:'edit'}))"></DkTableColumn>
        <DkTableColumn field="ftyName"></DkTableColumn>
        <DkTableColumn field="ftyDocNo"></DkTableColumn>
        <DkTableColumn field="displayNo"></DkTableColumn>
        <DkTableColumn field="flgValid" type="switch" @on-switch-change="onSwitchChange"
                       :switch-disabled="false"></DkTableColumn>
        <DkTableColumn field="remarks" width="auto"></DkTableColumn>
      </DkTable>
    </div>

    <!--新建编辑-->
    <DkModal
      :loading="loading"
      v-model="editAddModal"
      ref="modal_editAdd"
      @on-visible-change="handleVisibleModal"
      @modalOk="save"
      :saveFlag="true"
      :title="modalTitle"
    >
      <DkForm ref="formInline" v-model="formData" :col-count="1">
        <!--  工厂编码  -->
        <DkFormItem prop="ftyCode" :required="true">
          <InputPop v-model="formData.ftyCode" ref="ftyCode"/>
        </DkFormItem>
        <!--  工厂名称  -->
        <DkFormItem prop="ftyName" :required="true">
          <InputPop v-model="formData.ftyName" ref="ftyName"/>
        </DkFormItem>
        <!--  单据代码  -->
        <DkFormItem prop="ftyDocNo" :required="true" :data-type="$config.dataType.str">
          <InputPop v-model="formData.ftyDocNo" ref="ftyDocNo"  maxlength="4"  />
        </DkFormItem>
        <!--   显示顺序  -->
        <DkFormItem prop="displayNo" :data-type="$config.dataType.number" :required="true">
          <InputNumberPop v-model="formData.displayNo" :digits=0 :min="0"/>
        </DkFormItem>
        <!--   备注     -->
        <DkFormItem prop="remarks">
          <InputPop v-model="formData.remarks" textareaFlag/>
        </DkFormItem>
      </DkForm>
    </DkModal>
  </div>
</template>

<script>
import {indexMixin} from "@/mixins";

export default {
  name: "factory",
  mixins: [indexMixin],
  data() {
    let self = this
    return {
      editAddModal: false,
      modalTitle: '',//新建编辑弹窗名称
      submitType: '',//新建编辑提交类型、
      formData: {
        regionData:null,
        ftyName: '',
        ftyCode: null,
        ftyDocNo: null,//单据代码
        displayNo: 0,
        remarks: ''
      },
      // 查询条件
      searchContent: [
        {
          itemCode: 'ftyName',
        },
        self.$config.flgValidSearch // 有效标识
      ],
    }
  },
  methods: {
    // region 一览界面操作
    /**
     * @desc   : 获取数据
     * @author : 周兴
     * @date   : 2022年12月13日15:04:17
     */
    getData(params) {
      // 在共同里赋值工厂Id,这里需要置空，其他模块不用
      params.ftyId = null;
      // 查询数据
      return this.excute(this.$service.factoryService, this.$service.factoryService.selectByCond, params);
    },
    /**
     * @desc   : switch停用启用
     * @author : 周兴
     * @date   : 2022年12月13日15:38:58
     */
    onSwitchChange(param) {
      if (param.flgValid) {
        this.excuteNoParam(this.$service.factoryService, this.$service.factoryService.enable, [param.ftyId])
      } else {
        this.excuteNoParam(this.$service.factoryService, this.$service.factoryService.disable, [param.ftyId])
      }
    },
    // endregion 一览界面操作end

    // region 新建/编辑操作
    /**
     * @desc   : 新建按钮点击事件
     * @author : 周兴
     * @date   : 2022年12月13日10:28:36
     */
    add() {
      this.modalTitle = this.setTitle(this.$config.formMode.add, 'fty') // 给modal标题赋值
      this.modalParams = {
        button: this.$config.formMode.add,
      }
      this.editAddModal = true
    },
    /**
     * @desc   : 编辑按钮事件
     * @author : 周兴
     * @date   : 2022年12月13日10:13:23
     */
    edit(rows) {
      this.modalTitle = this.setTitle(this.$config.formMode.edit, 'fty')  // 给modal标题赋值
      this.modalParams = {
        button: this.$config.formMode.edit,
        closeFlag: true
      }
      if (rows.length > 0) {
        this.detail(rows[0].ftyId)
      }
      this.editAddModal = true
    },
    /**
     * @desc   : 加载数据
     * @author : 周兴
     * @date   : 2023/1/6 12:58
     */
    initData(type) {
      if (type === this.$config.formMode.add) {
        // 加载最大序号
        this.getMaxDisplayNo(this.$config.displayNoTable.factory);
      }
    },
    /**
     * @desc   : 给参数赋值
     * @author : 周兴
     * @date   : 2022年12月13日10:56:56
     */
    setParams() {
      //校验名称是否重复
      if (!this.validData()) {
        return
      }
      this.params = {...this.formData}
    },
    /**
     *   @desc   : 校验
     *   @date   : 2023/5/5 9:54
     *   @author : 寇珊珊
     */
    validData(){
      // 判断是否变更信息
      if(!this.formData.ftyDocNo || this.formData.ftyDocNo.length!=4) {
        this.$Message.error(this.$t('W_147'))
        return false;
      }
      return true;
    },
    /**
     * @desc   : 保存方法
     * @author : 周兴
     * @date   : 2023/1/4 9:25
     */
    saveData() {
      this.params.ftyId = this.formData.ftyId
      if (this.modalParams.button === this.$config.formMode.add) {
        return this.excute(this.$service.factoryService, this.$service.factoryService.insert, this.params);
      } else {
        return this.excute(this.$service.factoryService, this.$service.factoryService.update, this.params);
      }
    },
    /**
     * @desc   : 清空数据
     * @author : 周兴
     * @date   : 2023/1/3 19:58
     */
    clear() {
      this.formData = {
        ftyName: '',
        ftyCode: '',
        ftyDocNo: null,
        displayNo: 0,
        remarks: ''
      }
      this.getMaxDisplayNo(this.$config.displayNoTable.factory);
    },
    /**
     * @desc   : 通过id查询
     * @author : 周兴
     * @date   : 2022/5/5 13:15
     */
    detail(id) {
      this.excuteNoParam(this.$service.factoryService, this.$service.factoryService.selectById,
        [id], false).then(res => {//调用api查询方法
        if (res.code === this.$config.SUCCESS_CODE) {
          this.formData = res.data
        }
      })
    },
    // endregion
  },
  created() {
    this.primaryKey = 'factoryId'  // 设置主键Id
    this.routeObjName = 'factory'  // 设置路由名称
  }
}
</script>

<style scoped>

</style>