项目表

wente

2023-12-18 bdfbb741d767690ea05036a3116e63d06d6bb61b

 web/src/views/modules/configItemOutbound/ConfigItemOutbound-AddOrUpdate.vue

@@ -1,7 +1,7 @@
<template>
  <zt-dialog ref="dialog" column="3" :title="title" :stepMarker="stepMarker" @confirm="formSubmit">
    <el-form ref="dataForm" style="padding-top: 0" :inline="true" :disabled="dataForm.disabled" :model="dataForm"
             label-width="120px" class="configChangeFormAuto">
             label-width="120px" class="configOutFormAuto">
      <div>
        <el-form-item label-width="60px" label="编号:" style="width:100%;margin-bottom: -5px">
          <span>{{dataForm.configItemOutbound.code || '编号自动生成'}}</span>
@@ -27,19 +27,27 @@
              placeholder="请选择申请日期">
            </el-date-picker>
          </el-form-item>
        </div>
          <div class="el-configChangeDialog el-border-bottom">
            <div style="width: 120px;text-align: center;font-weight: 600">
              出库原因
            </div>
            <div class="el-border-left acceptDate" style="width: 90%;">
              <el-form-item style="width: 100%;padding-left:20px;margin:0;">
                <el-input :disabled="stepMarker!=='pzxck_first'" v-model="dataForm.configItemOutbound.changeReason" placeholder="出库原因..."></el-input>
                <el-input :disabled="!(dataForm.disabled && stepMarker=='pzxck_first')" type="textarea" :rows="2" v-model="dataForm.configItemOutbound.outboundReason" placeholder="出库原因..."></el-input>
<!--                <span v-else>{{dataForm.configItemOutbound.outboundReason}}</span>-->
              </el-form-item>
            </div>
          </div>
          <el-form-item class="marginTopAndMarginBottom2" label="库类型" style="width: 99%">
            <zt-dict :disabled="stepMarker!=='pzxck_first'" v-model="dataForm.configItemOutbound.libraryType" :radio="true" dict="library_type"></zt-dict>
          </el-form-item>
        <div class="el-configChangeDialog el-border-bottom">
          <div style="width: 120px;text-align: center;font-weight: 600">
            库类型
          </div>
          <div style="width: calc(100% - 120px)" class="el-border-left">
            <el-form-item label-width="20px" style="width: 85%;margin-left: 20px">
              <zt-dict :disabled="stepMarker!=='pzxck_first'" v-model="dataForm.configItemOutbound.libraryType" :radio="true" dict="library_type"></zt-dict>
            </el-form-item>
          </div>
        </div>
        <div class="el-configChangeDialog el-border-bottom">
          <div class="DFormWidth DAlign DHold">
@@ -89,13 +97,6 @@
                    </zt-table-button>
                  </template>
                </el-table-column>
                <el-table-column fixed="right" prop="files" label="上传附件" width="240" align="center">
                  <template v-slot="{ row }">
                    <!--                    <zt-table-button @click="files(row.id)">上传附件</zt-table-button>-->
                    <table-uploader busi-type="config_item_warehouse" model-name="row" :dataForm="row"
                                    v-model="row.files"/>
                  </template>
                </el-table-column>
              </el-table>
              <div v-if="showAddAndEdit && !dataForm.disabled"  class="icon-container" @click="handleCommand">
                <!-- 放置固定的图标 -->
@@ -110,7 +111,7 @@
          </div>
          <div style="width: calc(100% - 120px)" class="el-border-left">
            <el-form-item class="el-wt-form-item-margin" label-width="20px" style="width: 85%">
              <zt-dict :disabled="stepMarker!=='pzxck_bmsh'" v-model="dataForm.configItemOutbound.approvalOpinions"
              <zt-dict :disabled="stepMarker!=='pzxck_bmsp'" v-model="dataForm.configItemOutbound.approvalOpinions"
                       dict="is_pass" :radio="true"
                       clearable></zt-dict>
            </el-form-item>
@@ -128,15 +129,13 @@
          </div>
          <div style="width: calc(100% - 120px)" class="el-border-left">
            <el-form-item class="el-CMTextarea" style="width: 100%;padding: 5px">
              <el-input v-if="stepMarker=='pzxck_cmcz'" type="textarea" :rows="2" placeholder="请输入内容"
                        v-model="dataForm.configItemOutbound.outboundCmOperations"></el-input>
              <span v-else>{{dataForm.configItemOutbound.outboundCmOperations}}</span>
              <el-button v-if="stepMarker=='pzxck_cmcz'" type="primary" @click="download()">出库</el-button>
            </el-form-item>
            <el-form-item label-width="80%" label="操作人：" style="width: 65%">
              <span>{{dataForm.configItemOutbound.outboundOperator}}</span>
              <span>{{dataForm.configItemOutbound.operator}}</span>
            </el-form-item>
            <el-form-item label="日期：" style="width: 20%">
              <span>{{dataForm.configItemOutbound.outboundOperateDate}}</span>
              <span>{{dataForm.configItemOutbound.operateDate}}</span>
            </el-form-item>
          </div>
        </div>
@@ -260,7 +259,7 @@
      handleCommand() {
        this.$nextTick(()=>{
          console.log(this.dataForm.projectId,'this.dataForm.projectId')
          this.ids = this.dataForm.configOutboundList.map(item=>item.outboundSelectId).join(',')
          this.ids = this.dataForm.configOutboundList.map(item=>item.selectId).join(',')
          this.$refs.configItemList.$refs.dialog.init(this.dataForm.projectId,this.ids)
        })
        // this.dataForm.configItemList.push({})
@@ -300,10 +299,18 @@
        let apiURL = `/configItemOutbound/ConfigItemOutbound/exportConfigOutbound`
        window.location.href = `${window.SITE_CONFIG['apiURL']}${apiURL}?${params}`
      },
      download(){
        let params = qs.stringify({
          token: Cookies.get('token'),
          id:this.dataForm.id
        })
        let apiURL = `/configItemOutbound/ConfigItemOutbound/outbound`
        window.location.href = `${window.SITE_CONFIG['apiURL']}${apiURL}?${params}`
      },
      // 获取信息
      async getInfo() {
        let params = {
          changeId: this.dataForm.id,
          outboundId: this.dataForm.id,
          projectId: this.dataForm.projectId
        }
        let res = await this.$http.get(`/configItemOutbound/ConfigItemOutbound/getDto`, {params: params})
@@ -425,16 +432,19 @@
  .configChangeContentWidth > .el-form-item.lastChild > .el-form-item__content {
    width: calc(100% - 142px);
  }
  .configChangeFormAuto .acceptDate > .el-form-item > .el-form-item__content {
  .configOutFormAuto .acceptDate > .el-form-item > .el-form-item__content {
    width: 100%;
  }
  .configChangeFormAuto .marginTopAndMarginBottom {
  .configOutFormAuto .marginTopAndMarginBottom {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }

  .configChangeFormAuto .marginTopAndMarginBottom2 {
  .configOutFormAuto .marginTopAndMarginBottom2 {
    margin-top: -10px !important;
    margin-bottom: 0 !important;
  }
  .configOutFormAuto .el-textarea{
    vertical-align: middle
  }
</style>