Merge remote-tracking branch 'origin/master'

cuilei

2 天以前 b6b2c379bd92f076acd16801b1442604ea21fc5d

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

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,319 @@
<template>
  <j-modal
    :title="title"
    :width="800"
    :visible="visible"
    centered
    :confirmLoading="confirmLoading"
    switchFullscreen
    @cancel="handleCancel"
    cancelText="关闭"
  >
    <a-spin :spinning="confirmLoading">
      <a-form-model ref="form" :model="model"  :labelCol="labelCol" :wrapperCol="wrapperCol">
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item prop="chineseName" label="中文名称">
              <a-input
                :placeholder="'请输入中文名称'"
                v-model="model.chineseName"
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item prop="foreignLanguageName" label="外文名称">
              <a-input
                :placeholder="'请输入外文名称'"
                v-model="model.foreignLanguageName"
              />
            </a-form-model-item>
          </a-col>
        </a-row>
         <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item prop="shortCalled" label="工具简称">
              <a-input
                :placeholder="'请输入工具简称'"
                v-model="model.shortCalled"
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item prop="groupCompanyCode" label="集团公司编码">
              <a-input
                :placeholder="'请输入集团公司编码'"
                v-model="model.groupCompanyCode"
              />
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item prop="standardLevel" label="标准级别">
              <a-input
                :placeholder="'请输入标准级别'"
                v-model="model.standardLevel"
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item prop="standardCode" label="标准号">
              <a-input
                :placeholder="'请输入标准号'"
                v-model="model.standardCode"
              />
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item prop="toolModel" label="型号/图号">
              <a-input
                :placeholder="'请输入型号/图号'"
                v-model="model.toolModel"
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="直径" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="diameter">
              <a-input
                v-model="model.diameter"
                :placeholder="'请输入直径'"
              ></a-input>
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row>
          <a-col :span="12">
            <a-form-model-item label="切削刃锥角" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="coneAngle">
              <a-input
                v-model="model.coneAngle"
                :placeholder="'请输入切削刃锥角'"
              ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="切削刃长" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="edgeLength">
              <a-input
                v-model="model.edgeLength"
                :placeholder="'请输入切削刃长'"
              ></a-input>
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row>
          <a-col :span="12">
            <a-form-model-item label="刀具总长" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="totalLength">
              <a-input
                v-model="model.totalLength"
                :placeholder="'请输入刀具总长'"
              ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="刀具材料" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="toolMaterial">
              <a-input
                v-model="model.toolMaterial"
                :placeholder="'请输入刀具材料'"
              ></a-input>
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row>
          <a-col :span="12">
            <a-form-model-item label="零件材料" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="partMaterial">
              <a-input
                v-model="model.partMaterial"
                :placeholder="'请输入零件材料'"
              ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="是否涂层" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="paintcoatFlag">
              <a-radio-group
                v-model="model.paintcoatFlag"
                :placeholder="'请选择是否涂层'"
              >
                <a-radio :value="'1'">是</a-radio>
                <a-radio :value="'2'">否</a-radio>
              </a-radio-group>
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row>
          <a-col :span="12">
            <a-form-model-item label="刀具型式" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="toolPattern">
              <a-input
                v-model="model.toolPattern"
                :placeholder="'请输入刀具型式'"
              ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item
              label="柄部规格"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="handleSpecifications"
            >
              <a-input
                v-model="model.handleSpecifications"
                :placeholder="'请输入柄部规格'"
              ></a-input>
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row>
          <a-col :span="12">
            <a-form-model-item label="冷却方式" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="coolingMethod">
              <a-input
                v-model="model.coolingMethod"
                :placeholder="'请输入冷却方式'"
              ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="刃数" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="bladeCount">
              <a-input
                v-model="model.bladeCount"
                :placeholder="'请输入刃数'"
              ></a-input>
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row>
          <a-col :span="12">
            <a-form-model-item
              label="附加技术条件"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="technicalConditions"
            >
              <a-input
                v-model="model.technicalConditions"
                :placeholder="'请输入附加技术条件'"
              ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item
              label="附加技术条件说明"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="conditionsInfo"
            >
              <a-input
                v-model="model.conditionsInfo"
                :placeholder="'请输入附加技术条件说明'"
              ></a-input>
            </a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </a-spin>
    <template slot="footer">
      <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
      <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
      <a-button :style="{ marginRight: '8px' }" @click="handleCancel">关闭</a-button>
    </template>
  </j-modal>
</template>

<script>

export default {
  name: 'ParaHoleToolsSearchModal',
  data() {
    return {
      title: '工具信息-高级查询',
      visible: false,
      confirmLoading: false,
      model: {},
      labelCol: {
        xs: { span: 24 },
        sm: { span: 9 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 14 },
      },
      searchParams:{}
    }
  },
  created() {
  },
  mounted() {
    
  },
  methods: {
    show() {
      this.visible = true
    },
    close() {
      this.$emit('close')
      this.visible = false
    },
    handleCancel() {
      this.close()
    },
     
    searchQuery(){
      this.searchParams.chineseName = this.model.chineseName
      this.searchParams.foreignLanguageName = this.model.foreignLanguageName
      this.searchParams.standardLevel = this.model.standardLevel
      this.searchParams.standardCode = this.model.standardCode
      this.searchParams.diameter = this.model.diameter
      this.searchParams.coneAngle = this.model.coneAngle
      this.searchParams.edgeLength = this.model.edgeLength
      this.searchParams.totalLength = this.model.totalLength
      this.searchParams.toolMaterial = this.model.toolMaterial
      this.searchParams.partMaterial = this.model.partMaterial
      this.searchParams.paintcoatFlag = this.model.paintcoatFlag
      this.searchParams.toolPattern = this.model.toolPattern
      this.searchParams.handleSpecifications = this.model.handleSpecifications
      this.searchParams.coolingMethod = this.model.coolingMethod
      this.searchParams.bladeCount = this.model.bladeCount
      this.searchParams.technicalConditions = this.model.technicalConditions
      this.searchParams.conditionsInfo = this.model.conditionsInfo
      this.searchParams.toolModel = this.model.toolModel
      this.searchParams.shortCalled = this.model.shortCalled
      this.searchParams.groupCompanyCode = this.model.groupCompanyCode
      this.close()
      this.$emit('searchParams',this.searchParams)
    },
    searchReset(){
      this.model = {}
    }
  },
}
</script>

<style lang="less" scoped>
/deep/ .ant-modal-body {
  padding: 0 24px;
}

/deep/ .ant-upload {
  width: 185px;
  height: 185px;
}

/deep/ .img {
  display: flex;
  justify-content: center;

  .ant-upload-picture-card-wrapper {
    width: auto;
  }
}

/deep/ .ant-upload-list-picture-card-container {
  width: 185px;
  height: 185px;
}

/deep/ .ant-upload-list-item {
  width: 185px;
  height: 185px;
}
</style>