Merge remote-tracking branch 'origin/master'

cuilei

2 天以前 b6b2c379bd92f076acd16801b1442604ea21fc5d

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

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,264 @@
<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="threadCode">
              <a-input v-model="model.threadCode" :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="pitch">
              <a-input v-model="model.pitch" :placeholder="'请输入螺距'"></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="螺纹旋向" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="rotationDirection">
              <a-input v-model="model.rotationDirection" :placeholder="'请输入螺纹旋向'"></a-input>
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row>
          <a-col :span="12">
            <a-form-model-item
              label="螺纹公差带代号/精度等级"
              :labelCol="{span:12}"
              :wrapperCol="{span:10}"
              prop="tolerancezoneLevel"
            >
              <a-input v-model="model.tolerancezoneLevel" :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="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="toolMaterial">
                <a-input v-model="model.toolMaterial" :placeholder="'请输入刀具材料'"></a-input>
              </a-form-model-item>
            </a-col>
            <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-row>
        <a-row>
          <a-col :span="12">
            <a-form-model-item label="外型尺寸" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="externalDimensions">
              <a-input v-model="model.externalDimensions" :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="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.threadCode = this.model.threadCode
      this.searchParams.pitch = this.model.pitch
      this.searchParams.rotationDirection = this.model.rotationDirection
      this.searchParams.tolerancezoneLevel = this.model.tolerancezoneLevel
      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.externalDimensions = this.model.externalDimensions
      this.searchParams.handleSpecifications = this.model.handleSpecifications
      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>