Merge remote-tracking branch 'origin/master'

cuilei

2 天以前 b6b2c379bd92f076acd16801b1442604ea21fc5d

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

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,299 @@
<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="bladeShape">
              <a-input
                v-model="model.bladeShape"
                :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="bladeLength">
              <a-input
                v-model="model.bladeLength"
                :placeholder="'请输入刀片长度'"
              ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="切削刃数" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="cuttingEdgeCount">
              <a-input
                v-model="model.cuttingEdgeCount"
                :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="bladeThickness">
              <a-input
                v-model="model.bladeThickness"
                :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="clampingType">
              <a-input
                v-model="model.clampingType"
                :placeholder="'请输入夹固型式'"
              ></a-input>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item
              label="刀尖R"
              :labelCol="labelCol"
              :wrapperCol="wrapperCol"
              prop="noseAngleR"
            >
              <a-input
                v-model="model.noseAngleR"
                :placeholder="'请输入刀尖R'"
              ></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.bladeShape = this.model.bladeShape
      this.searchParams.bladeLength = this.model.bladeLength
      this.searchParams.cuttingEdgeCount = this.model.cuttingEdgeCount
      this.searchParams.bladeThickness = this.model.bladeThickness
      this.searchParams.toolMaterial = this.model.toolMaterial
      this.searchParams.partMaterial = this.model.partMaterial
      this.searchParams.paintcoatFlag = this.model.paintcoatFlag
      this.searchParams.clampingType = this.model.clampingType
      this.searchParams.noseAngleR = this.model.noseAngleR
      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>