货架标签管理表单三级联动问题处理

cuilei

3 天以前 1cd8899b91a760da09e170c030091d2465df51a3

 src/views/tms/modules/baseTools/ParaThreadingToolModal.vue

@@ -16,62 +16,106 @@
        </a-divider>

        <a-row :gutter="24">
              <a-col :span="8">
                <a-form-model-item prop="classifyNum" label="工具分类编码">
                  <a-input placeholder="请输入工具分类编码" v-model="model.classifyNum" :disabled="true" />
                </a-form-model-item>
              <a-col :span="6">
                <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="classifyNum" label="工具分类编码">
                      <a-input placeholder="请输入工具分类编码" v-model="model.classifyNum" :disabled="true" />
                    </a-form-model-item>
                  </a-col>
                </a-row>
                <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="classifyName" label="工具分类名称">
                      <a-input placeholder="请输入工具分类名称" v-model="model.classifyName"  :disabled="true" />
                    </a-form-model-item>
                  </a-col>
                </a-row>
                <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="toolCode" label="工具编码">
                      <a-input :placeholder="disableSubmit?'':'请输入工具编码'" v-model="model.toolCode" :disabled="disableSubmit"/>
                    </a-form-model-item>
                  </a-col>
                </a-row>
                <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="accuracyClass" label="精度等级">
                      <j-dict-select-tag
                          :disabled="disableSubmit"
                          type="list"
                          v-model="model.accuracyClass"
                          :triggerChange="true"
                          dictCode="accuracy_class"
                          :placeholder="disableSubmit?'':'请选择精度等级'"
                        />
                    </a-form-model-item>
                  </a-col>
                </a-row>
              </a-col>
              <a-col :span="8">
                <a-form-model-item prop="classifyName" label="工具分类名称">
                  <a-input placeholder="请输入工具分类名称" v-model="model.classifyName"  :disabled="true" />
                </a-form-model-item>

              <a-col :span="6">
                <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="chineseName"
                                      label="中文名称">
                      <a-input :placeholder="disableSubmit?'':'请输入中文名称'" v-model="model.chineseName" :disabled="disableSubmit"/>
                    </a-form-model-item>
                  </a-col>
                </a-row>
                 <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="foreignLanguageName"
                                      label="外文名称">
                      <a-input :placeholder="disableSubmit?'':'请输入外文名称'" v-model="model.foreignLanguageName" :disabled="disableSubmit" />
                    </a-form-model-item>
                  </a-col>
                </a-row>
                <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="toolModel"
                                      label="型号/图号">
                      <a-input :placeholder="disableSubmit?'':'请输入型号/图号'" v-model="model.toolModel" :disabled="disableSubmit" />
                    </a-form-model-item>
                  </a-col>
                </a-row>
              </a-col>
              <a-col :span="8">
                <a-form-model-item prop="toolCode" label="工具编码">
                  <a-input :placeholder="disableSubmit?'':'请输入工具编码'" v-model="model.toolCode" :disabled="disableSubmit"/>
                </a-form-model-item>

              <a-col :span="6">
              <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="standardLevel"
                                      label="标注级别">
                      <a-input :placeholder="disableSubmit?'':'请输入标准级别'" v-model="model.standardLevel" :disabled="disableSubmit"/>
                    </a-form-model-item>
                  </a-col>
                </a-row>
                 <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="standardCode" label="标准号">
                      <a-input :placeholder="disableSubmit?'':'请输入标准号'" v-model="model.standardCode" :disabled="disableSubmit"/>
                    </a-form-model-item>
                  </a-col>
                </a-row>
                <a-row>
                  <a-col :span="24">
                    <a-form-model-item prop="signCode" label="序号">
                      <a-input :placeholder="disableSubmit?'':'请输入序号'" v-model="model.signCode" :disabled="disableSubmit"/>
                    </a-form-model-item>
                  </a-col>
                </a-row>
              </a-col>

              <a-col :span="6">
                 <a-row>
                  <a-col :span="24">
                    <a-form-model-item label='' :labelCol='{span:4}' :wrapperCol='{span:20}'>
                      <j-image-upload text='上传工具图片' v-model='model.toolPicture'></j-image-upload>
                    </a-form-model-item>
                  </a-col>
                 </a-row>
              </a-col>
            </a-row>

            <a-row>
              <a-col :span="8">
                <a-form-model-item prop="chineseName"
                                   label="中文名称">
                  <a-input :placeholder="disableSubmit?'':'请输入中文名称'" v-model="model.chineseName" :disabled="disableSubmit"/>
                </a-form-model-item>
              </a-col>
              <a-col :span="8">
                <a-form-model-item prop="foreignLanguageName"
                                   label="外文名称">
                  <a-input :placeholder="disableSubmit?'':'请输入外文名称'" v-model="model.foreignLanguageName" :disabled="disableSubmit" />
                </a-form-model-item>
              </a-col>
              <a-col :span="8">
                <a-form-model-item prop="toolModel"
                                   label="型号/图号">
                  <a-input :placeholder="disableSubmit?'':'请输入型号/图号'" v-model="model.toolModel" :disabled="disableSubmit" />
                </a-form-model-item>
              </a-col>
            </a-row>
            <a-row>
             <a-col :span="8">
                <a-form-model-item prop="standardLevel"
                                   label="标注级别">
                  <a-input :placeholder="disableSubmit?'':'请输入标准级别'" v-model="model.standardLevel" :disabled="disableSubmit"/>
                </a-form-model-item>
              </a-col>
              <a-col :span="8">
                <a-form-model-item prop="standardCode" label="标准号">
                  <a-input :placeholder="disableSubmit?'':'请输入标准号'" v-model="model.standardCode" :disabled="disableSubmit"/>
                </a-form-model-item>
              </a-col>
              <a-col :span="8">
                <a-form-model-item prop="signCode" label="序号">
                  <a-input :placeholder="disableSubmit?'':'请输入序号'" v-model="model.signCode" :disabled="disableSubmit"/>
                </a-form-model-item>
              </a-col>
        </a-row>

        <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 管理参数
        </a-divider>

@@ -89,8 +133,23 @@
            </a-form-model-item>
          </a-col>
          <a-col :span="8">
            <a-form-model-item prop="positionCode" label="库位号">
              <a-input :placeholder="disableSubmit?'':'请输入库位号'" v-model="model.positionCode" :disabled="disableSubmit"/>
            <!-- <a-form-model-item prop="positionCode" label="库位号">
              <a-select
                :disabled="disableSubmit"
                :triggerChange="true"
                :options="locationCodeOptions"
                v-model="model.positionCode"
              />
            </a-form-model-item> -->
            <a-form-model-item label="库位" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-tooltip title="选择库位后，此类刀具默认存储到此库位，请慎重选择！" placement="topRight">
                <a-input-search
                  v-model="model.positionCode"
                  @search="positionCodeSearch"
                  enter-button
                  placeholder="请选择库位"
                />
              </a-tooltip>
            </a-form-model-item>
          </a-col>
        </a-row>
@@ -290,19 +349,21 @@
        </a-row>
      </a-form-model>
    </a-spin>
    <select-position-code-modal ref="selectPositionCodeModal" :title="'选择库位'" />
  </j-modal>
</template>

<script>
import { getAction,postAction, httpAction } from '@/api/manage'
import { validateDuplicateValueInDelFlag } from '@/utils/util'
import JSelectProduction from '@comp/jeecgbiz/JSelectProduction.vue'
import { getSystemConfigValue } from '@api/api'
  import { duplicateCheck } from '@/api/api'//重复校验
import { duplicateCheck } from '@/api/api'//重复校验
import { ajaxGetDictItems } from '@/api/api'
  import JDictSelectTag from '@/components/dict/JDictSelectTag'
  import SelectPositionCodeModal from './SelectPositionCodeModal'

export default {
  name: 'ParaHoleToolsModal',
  components: { JSelectProduction },
  components: { JSelectProduction,JDictSelectTag,SelectPositionCodeModal },
  data() {
    return {
      title: '操作',
@@ -330,6 +391,9 @@
      },
      confirmLoading: false,
      validatorRules: {
        accuracyClass:[
          { required: true, message: '请选择精度等级' },
        ],
        toolCode: [
          { required: true, message: '请输入工具编码' },
          { validator: this.validateNum }
@@ -382,15 +446,28 @@
        add: '/tms/baseTools/add',
        edit: '/tms/baseTools/edit',
      },
      locationCodeOptions:[]
    }
  },
  created() {
    ajaxGetDictItems("tms_goods_shelves,location_code,id", null).then((res) => {
        if (res.success) {
          this.locationCodeOptions = res.result
        }
      })
  },
  mounted() {
    this.$bus.$on('selectionRows', (data) => {
      this.model.positionCode = data[0].positionCode
    })
  },
  methods: {
    add(nodeSelected) {
      this.editable = false;
      //初始化默认值
      this.model = {};
     this.model = {
        positionCode: '' 
      };
      this.model.classifyId = nodeSelected.key
      this.model.classifyNum = nodeSelected.entity.classifyId
      this.model.classifyName = nodeSelected.entity.typeName
@@ -407,6 +484,13 @@
      this.visible = false
      this.$refs.form.clearValidate()
    },
    positionCodeSearch() {
      let positionCode = []
      positionCode.push(this.model.positionCode)
      this.$refs.selectPositionCodeModal.showModal(positionCode)
      this.$refs.selectPositionCodeModal.title = '选择库位'
      this.$refs.selectPositionCodeModal.disableSubmit = false
    },
    handleOk() {
      const that = this
      // 触发表单验证