loulijun2021
2022-08-23 b8ee668eaace5d422ebb27a200c3b178b82e2a6d
src/views/scgl/scdd.vue
@@ -2,7 +2,7 @@
  <div>
    <div class="body" :style="{height:mainHeight+'px'}">
      <div class="bodyTopButtonGroup">
      <div class="bodyTopButtonGroup" style="justify-content: space-between">
        <el-button
          icon="el-icon-refresh-right"
          @click="syncERP"
@@ -56,14 +56,14 @@
            <el-form-item label="创建人员" style=" display: flex;">
              <el-input v-model="form.creatuser" style="width: 200px" placeholder="请输入" />
            </el-form-item>
            <el-form-item label="预计开工时间" label-width="100px" style=" display: flex;font-size: 14px">
            <el-form-item label="预计开工时间" label-width="100px" style=" display: flex;font-size: 14px;margin-top: 3px">
              <el-date-picker
                v-model="form.paystartdate"
                type="daterange"
                range-separator="~"
                class="timeMini"
                size="mini"
                style="width: 225px;display: flex"
                style="width: 250px;display: flex;line-height: 34px;height: 34px;font-size: 14px!important;"
                :clearable="false"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
@@ -71,7 +71,7 @@
              <!--              :picker-options="expireTimeOption"-->
            </el-form-item>
            <el-form-item label="预计完工时间" label-width="100px" style=" display: flex;font-size: 14px">
            <el-form-item label="预计完工时间" label-width="100px" style=" display: flex;font-size: 14px;margin-top: 3px">
              <el-date-picker
                v-model="form.payenddate"
                type="daterange"
@@ -79,7 +79,7 @@
                class="timeMini"
                range-separator="~"
                start-placeholder="开始日期"
                style="width: 225px;display: flex"
                style="width: 250px;display: flex;line-height: 34px ;height: 34px ;font-size: 14px !important;"
                end-placeholder="结束日期"
                size="mini"
              />
@@ -154,10 +154,10 @@
          >
            <template slot-scope="{row}">
              <el-radio
                v-model="radioSelected"
                :label="row.wo"
                style="color: #fff;padding-left: 10px; margin-right: -25px;"
                @change.native="getCurrentRow(row.wo)"
                v-model="radioSelectedId"
                :label="row.id"
                style="color: transparent;padding-left: 15px; margin-right: -25px;"
                @change.native="getCurrentRow(row.id)"
              />
            </template>
          </el-table-column>
@@ -203,7 +203,12 @@
            label="产品规格"
            sortable="custom"
            min-width="110"
          />
          >
            <template slot-scope="{row}">
              <div v-if="row.partspec">{{ row.partspec }}</div>
              <div v-else>/</div>
            </template>
          </el-table-column>
          <el-table-column
            prop="qty"
            label="订单数量"
@@ -221,7 +226,12 @@
            label="生产车间"
            sortable="custom"
            width="150"
          />
          >
            <template slot-scope="{row}">
              <div v-if="row.wkshp_name">{{ row.wkshp_name }}</div>
              <div v-else>/</div>
            </template>
          </el-table-column>
          <el-table-column
            prop="planstartdate"
            label="预计开工时间"
@@ -239,7 +249,12 @@
            label="创建人员"
            sortable="custom"
            width="150"
          />
          >
            <template slot-scope="{row}">
              <div v-if="row.createuser">{{ row.createuser }}</div>
              <div v-else>/</div>
            </template>
          </el-table-column>
          <el-table-column
            prop="createdate"
            label="创建时间"
@@ -253,7 +268,10 @@
          >
            <template slot-scope="{row}">
              <div class="operationClass">
                <el-button type="text" @click="edit('edit',row)">下达</el-button>
                <el-tooltip class="item" effect="dark" content="下达" placement="top">
                  <!--                <el-button type="text" @click="edit('edit',row)">下达</el-button>-->
                  <i class="el-icon-bottom" style="color:#42b983;cursor: pointer;margin-left: 5px" @click="edit('edit',row)" />
                </el-tooltip>
              </div>
            </template>
          </el-table-column>
@@ -261,12 +279,11 @@
      </div>
      <!--分页-->
      <pagination
        v-show="total>0"
        :total="total"
        :page.sync="form.page"
        :limit.sync="form.rows"
        align="right"
        layout="prev, pager, next,sizes"
        layout="total,prev, pager, next,sizes"
        popper-class="select_bottom"
        @pagination="getErpOrderSearch"
      />
@@ -416,9 +433,11 @@
      ],
      total: 10,
      radioSelected: '',
      radioSelectedId: '',
      tableData: [],
      dialogVisible: false,
      dialogForm: {
        erporderid: '',
        partname: '', // 产品名称
        partspec: '', // 产品规格
        // paystartdate: '', // 预计开工时间
@@ -561,16 +580,18 @@
      this.getErpOrderSearch()
    },
    // 单选框选中获取当前行信息
    getCurrentRow(wo) {
      this.radioSelected = wo
    getCurrentRow(id) {
      // console.log(row, 2)
      // this.radioSelected = row.wo
      this.radioSelectedId = id
    },
    // 订单关闭
    async orderClose() {
      if (this.radioSelected.length < 1) {
      if (this.radioSelectedId.length < 1) {
        return this.$message.info('请先选择订单!')
      }
      this.tableData.forEach(item => {
        if (item.wo === this.radioSelected) {
        if (item.id === this.radioSelectedId) {
          if (item.status !== 'NEW') {
            return this.$message.info('此订单非新订单,无法关闭!')
          } else {
@@ -579,7 +600,7 @@
              cancelButtonText: '取消',
              type: 'warning'
            }).then(() => {
              ClosedErpOrder({ erpordercode: this.radioSelected }).then(res => {
              ClosedErpOrder({ erpordercode: item.wo, erporderid: this.radioSelectedId }).then(res => {
                if (res.code === '200') {
                  this.$message.success('订单关闭成功!')
                  this.getErpOrderSearch()
@@ -604,6 +625,7 @@
      this.dialogVisible = true
      this.$nextTick(() => {
        this.dialogForm.erporderid = row.id
        this.dialogForm.erporderstus = row.status
        this.dialogForm.erpordercode = row.wo
        this.dialogForm.partcode = row.partcode
@@ -654,6 +676,7 @@
      this.$refs.dialogForm.validate(valid => {
        if (valid) {
          const data = {
            'erporderid': this.dialogForm.erporderid,
            // 'erporderstus': this.dialogForm.erporderstus,
            'erpordercode': this.dialogForm.erpordercode,
            'partcode': this.dialogForm.partcode,
@@ -699,6 +722,15 @@
<!--公共页面样式-->
<style lang="scss" scoped>
$main_color: #42b983;
::v-deep  .el-range-input{
  font-size: 14px !important;
}
::v-deep .el-range__icon{
  line-height: 28px !important;
}
::v-deep .el-range-separator{
  line-height: 28px !important;
}
::v-deep .el-range-input{
  font-size: 14px ;
}